chore(deps): update definitelytyped (#976)

* chore(deps): update definitelytyped

* Fix j.Comment usage and make tagged template expression type check more specific

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Jake Lane <jlane2@atlassian.com>

Author: 3 people

.changeset/eighty-seals-yell.md

@@ -0,0 +1,10 @@
+---
+'@compiled/babel-plugin': patch
+'@compiled/babel-plugin-strip-runtime': patch
+'@compiled/codemods': patch
+'@compiled/css': patch
+'@compiled/parcel-transformer': patch
+'@compiled/react': patch
+---
+
+Update type definition dependencies

package.json

@@ -78,8 +78,8 @@
     "@storybook/react": "^6.3.12",
     "@types/jest": "^27.4.0",
     "@types/node": "^17.0.0",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "babel-loader": "^8.2.3",

packages/babel-plugin-strip-runtime/package.json

@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@compiled/babel-plugin": "*",
-    "@types/babel__core": "^7.1.16",
+    "@types/babel__core": "^7.1.17",
     "prettier": "^2.5.1"
   }
 }

packages/babel-plugin/package.json

@@ -33,7 +33,7 @@
     "resolve": "^1.20.0"
   },
   "devDependencies": {
-    "@types/babel__core": "^7.1.16",
+    "@types/babel__core": "^7.1.17",
     "@types/benchmark": "^2.1.1",
     "@types/resolve": "^1.20.1",
     "benchmark": "^2.1.4",

packages/babel-plugin/src/utils/resolve-binding.ts

@@ -15,7 +15,7 @@ import type { PartialBindingWithMeta } from './types';
 
 /**
  * Will recursively checks if identifier name is coming from destructuring. If yes,
- * then will return the resolved identifer. We can look for identifier name
+ * then will return the resolved identifier. We can look for identifier name
  * either in destructuring key or its value.
  *
  * @param name Identifier name to resolve
@@ -221,7 +221,7 @@ export const resolveBinding = (
     };
   }
 
-  if (binding.path.parentPath.isImportDeclaration()) {
+  if (binding.path.parentPath?.isImportDeclaration()) {
     // NOTE: We're skipping traversal when file name is not resolved. Imported identifier
     // will end up as a dynamic variable instead.
     if (!meta.state.filename) {

packages/codemods/package.json

@@ -30,6 +30,6 @@
     "jscodeshift": "^0.13.0"
   },
   "devDependencies": {
-    "@types/jscodeshift": "^0.11.2"
+    "@types/jscodeshift": "^0.11.3"
   }
 }

packages/codemods/src/transforms/emotion-to-compiled/emotion-to-compiled.tsx

@@ -1,8 +1,8 @@
 import type {
   API,
-  ASTPath,
   Collection,
   CommentBlock,
+  CommentLine,
   FileInfo,
   ObjectPattern,
   Options,
@@ -42,11 +42,15 @@ const imports = {
 };
 
 const removeEmotionJSXPragma = (j: core.JSCodeshift, collection: Collection) => {
-  const commentCollection = collection.find(j.Comment);
+  // ast-types are incorrect and can't handle both line and block types
+  // Cast to the correct type so we get safety
+  const commentCollection: Collection<CommentLine | CommentBlock> = collection.find(
+    j.Comment as any
+  );
 
   commentCollection.forEach((commentPath) => {
-    const commentBlockCollection = j(commentPath as unknown as ASTPath<CommentBlock>).filter(
-      (commentBlockPath) => commentBlockPath.value.value.includes(imports.emotionJSXPragma)
+    const commentBlockCollection = j(commentPath).filter((commentBlockPath) =>
+      commentBlockPath.value.value.includes(imports.emotionJSXPragma)
     );
 
     commentBlockCollection.forEach((commentBlockPath) => {

packages/codemods/src/transforms/styled-components-to-compiled/styled-components-to-compiled.tsx

@@ -56,7 +56,12 @@ const transformer = (fileInfo: FileInfo, api: API, options: Options): string =>
   const taggedTemplateExpressions = collection.find(
     j.TaggedTemplateExpression,
     ({ tag: expression }) =>
+      expression.type === 'CallExpression' &&
+      expression.callee.type === 'MemberExpression' &&
+      expression.callee.object.type === 'MemberExpression' &&
+      expression.callee.object.object.type === 'Identifier' &&
       expression.callee.object.object.name === 'styled' &&
+      expression.callee.property.type === 'Identifier' &&
       expression.callee.property.name === 'attrs'
   );
 

packages/css/package.json

@@ -35,7 +35,7 @@
     "postcss-values-parser": "^6.0.1"
   },
   "devDependencies": {
-    "@types/autoprefixer": "^9.7.2",
+    "@types/autoprefixer": "^10.2.0",
     "@types/cssnano": "^5.0.0"
   }
 }

packages/parcel-transformer/package.json

@@ -28,7 +28,7 @@
     "@parcel/plugin": "^2.0.0-nightly.657"
   },
   "devDependencies": {
-    "@types/babel__core": "^7.1.16"
+    "@types/babel__core": "^7.1.17"
   },
   "engines": {
     "parcel": "^2.0.0 || ^2.0.0-beta.1"

packages/react/package.json

@@ -76,7 +76,7 @@
   },
   "devDependencies": {
     "@testing-library/react": "^11.2.7",
-    "@types/react-dom": "^17.0.10",
+    "@types/react-dom": "^17.0.11",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },