chore: upgrade dependencies (#134)

* Update frontend modules * format code Co-authored-by: basel.issmail <basel.issmail@gmail.com>
reearth · Nov 24, 2021 · 740821d · 740821d
1 parent da51e2f
commit 740821d
Show file tree

Hide file tree

Showing 8 changed files with 863 additions and 648 deletions.
diff --git a/package.json b/package.json
@@ -56,68 +56,68 @@
         "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.13",
         "@babel/plugin-proposal-optional-chaining": "^7.12.13",
         "@babel/plugin-transform-typescript": "^7.15.8",
-        "@babel/preset-env": "^7.15.8",
+        "@babel/preset-env": "^7.16.4",
         "@babel/preset-react": "^7.12.13",
         "@babel/preset-typescript": "^7.12.13",
-        "@cypress/webpack-preprocessor": "^5.9.1",
-        "@graphql-codegen/cli": "^2.2.1",
+        "@cypress/webpack-preprocessor": "^5.10.0",
+        "@graphql-codegen/cli": "^2.3.0",
         "@graphql-codegen/fragment-matcher": "^3.1.0",
         "@graphql-codegen/introspection": "^2.1.0",
-        "@graphql-codegen/typescript": "2.2.4",
-        "@graphql-codegen/typescript-operations": "2.1.8",
-        "@graphql-codegen/typescript-react-apollo": "3.1.6",
+        "@graphql-codegen/typescript": "2.4.0",
+        "@graphql-codegen/typescript-operations": "2.2.0",
+        "@graphql-codegen/typescript-react-apollo": "3.2.1",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
         "@storybook/addon-essentials": "^6.3.12",
         "@storybook/addons": "^6.3.12",
         "@storybook/builder-webpack5": "^6.3.12",
         "@storybook/manager-webpack5": "^6.3.12",
         "@storybook/react": "^6.3.12",
         "@storybook/theming": "^6.3.12",
-        "@testing-library/cypress": "^8.0.1",
-        "@testing-library/jest-dom": "^5.11.9",
+        "@testing-library/cypress": "^8.0.2",
+        "@testing-library/jest-dom": "^5.15.0",
         "@testing-library/react": "^12.1.2",
         "@testing-library/react-hooks": "^7.0.2",
         "@testing-library/user-event": "^13.5.0",
         "@types/apollo-upload-client": "^14.1.0",
         "@types/copy-webpack-plugin": "^8.0.1",
         "@types/jest": "^27.0.2",
-        "@types/lodash": "^4.14.176",
+        "@types/lodash": "^4.14.177",
         "@types/lodash-es": "^4.17.5",
-        "@types/node": "^16.11.4",
+        "@types/node": "^16.11.7",
         "@types/rc-slider": "^9.3.1",
         "@types/reach__router": "^1.3.7",
-        "@types/react": "^17.0.32",
-        "@types/react-dom": "^17.0.10",
+        "@types/react": "^17.0.35",
+        "@types/react-dom": "^17.0.11",
         "@types/react-ga": "^2.3.0",
         "@types/react-intl": "^3.0.0",
         "@types/react-leaflet": "^2.5.2",
         "@types/storybook__addon-info": "^5.2.2",
         "@types/styled-components": "^5.1.15",
         "@types/webpack": "^5.28.0",
         "@types/webpack-env": "^1.16.3",
-        "@typescript-eslint/eslint-plugin": "^5.1.0",
-        "@typescript-eslint/parser": "^5.1.0",
-        "@welldone-software/why-did-you-render": "^6.2.0",
+        "@typescript-eslint/eslint-plugin": "^5.4.0",
+        "@typescript-eslint/parser": "^5.4.0",
+        "@welldone-software/why-did-you-render": "^6.2.3",
         "babel-loader": "^8.2.3",
         "babel-plugin-react-intl-auto": "^3.1.0",
         "clean-webpack-plugin": "^4.0.0",
-        "copy-webpack-plugin": "9.0.1",
+        "copy-webpack-plugin": "9.1.0",
         "cross-fetch": "^3.0.6",
-        "css-loader": "^6.3.0",
+        "css-loader": "^6.5.1",
         "cypress": "^8.4.1",
         "cypress-dotenv": "^2.0.0",
         "del-cli": "^4.0.1",
         "dotenv": "^10.0.0",
-        "eslint": "^7.32.0",
+        "eslint": "^8.2.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-cypress": "^2.12.1",
         "eslint-plugin-graphql": "^4.0.0",
-        "eslint-plugin-import": "^2.25.2",
+        "eslint-plugin-import": "^2.25.3",
         "eslint-plugin-node": "^11.1.0",
         "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.26.1",
-        "eslint-plugin-react-hooks": "^4.2.0",
-        "eslint-plugin-testing-library": "^4.12.4",
+        "eslint-plugin-react": "^7.27.0",
+        "eslint-plugin-react-hooks": "^4.3.0",
+        "eslint-plugin-testing-library": "^5.0.0",
         "extract-react-intl-messages": "^4.1.1",
         "file-loader": "^6.1.0",
         "hard-source-webpack-plugin": "^0.13.1",
@@ -127,34 +127,34 @@
         "jest": "^27.3.1",
         "jest-transform-yaml": "^0.1.2",
         "json-loader": "^0.5.7",
-        "lint-staged": "^11.2.4",
+        "lint-staged": "^12.0.2",
         "npm-run-all": "^4.1.5",
         "prettier": "^2.4.1",
-        "react-refresh": "^0.10.0",
+        "react-refresh": "^0.11.0",
         "read-env": "^2.0.0",
-        "serve": "^12.0.1",
+        "serve": "^13.0.2",
         "storycap": "^3.0.3",
         "style-loader": "^3.3.1",
         "ts-jest": "^27.0.7",
-        "type-fest": "^2.5.1",
+        "type-fest": "^2.5.4",
         "typescript": "^4.4.4",
         "typescript-styled-plugin": "^0.18.1",
         "use-custom-compare": "^1.2.0",
-        "webpack": "^5.59.1",
+        "webpack": "^5.64.1",
         "webpack-cli": "^4.9.1",
-        "webpack-dev-server": "^4.3.1",
+        "webpack-dev-server": "^4.5.0",
         "yaml-flat-loader": "^1.0.1"
     },
     "dependencies": {
         "@apollo/client": "^3.4.16",
         "@auth0/auth0-react": "^1.8.0",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@emotion/react": "^11.5.0",
-        "@emotion/styled": "^11.1.5",
+        "@emotion/react": "^11.6.0",
+        "@emotion/styled": "^11.6.0",
         "@popperjs/core": "^2.10.2",
         "@reach/router": "^1.3.4",
         "@rot1024/use-transition": "^1.0.0",
-        "@sentry/browser": "^6.13.3",
+        "@sentry/browser": "^6.15.0",
         "@types/gapi.auth2": "^0.0.55",
         "@types/gapi.client": "^1.0.4",
         "@types/gapi.client.sheets": "^4.0.20201029",
@@ -163,17 +163,17 @@
         "apollo-link-sentry": "^3.0.2",
         "apollo-upload-client": "^16.0.0",
         "array-move": "^4.0.0",
-        "axios": "^0.23.0",
+        "axios": "^0.24.0",
         "cesium": "^1.87.1",
         "cesium-dnd": "1.0.3",
-        "core-js": "^3.19.0",
+        "core-js": "^3.19.1",
         "date-fns": "^2.24.0",
         "detect-browser": "^5.2.1",
         "formik": "^2.2.6",
         "github-markdown-css": "^5.0.0",
-        "graphiql": "^1.4.2",
-        "graphql": "^15.6.1",
-        "jotai": "^1.4.1",
+        "graphiql": "^1.5.1",
+        "graphql": "^16.0.1",
+        "jotai": "^1.4.3",
         "leaflet": "^1.7.1",
         "lodash-es": "^4.17.20",
         "mini-svg-data-uri": "^1.4.3",
@@ -184,28 +184,28 @@
         "react": "^17.0.2",
         "react-accessible-accordion": "^4.0.0",
         "react-align": "^2.0.4",
-        "react-colorful": "^5.5.0",
+        "react-colorful": "^5.5.1",
         "react-dnd": "^14.0.4",
         "react-dnd-html5-backend": "^14.0.2",
         "react-dom": "^17.0.2",
         "react-dropzone": "^11.4.2",
         "react-ga": "^3.3.0",
-        "react-intl": "^5.20.13",
+        "react-intl": "^5.21.2",
         "react-leaflet": "^3.2.2",
         "react-markdown": "^7.0.1",
         "react-nl2br": "^1.0.2",
         "react-player": "^2.8.2",
         "react-popper": "^2.2.4",
         "react-spinners": "^0.11.0",
-        "react-svg": "^14.0.17",
+        "react-svg": "^14.1.2",
         "react-use": "^17.1.1",
         "regenerator-runtime": "^0.13.7",
-        "remark-gfm": "^3.0.0",
+        "remark-gfm": "^3.0.1",
         "resium": "^1.14.3",
         "tinycolor2": "^1.4.2",
         "ts-easing": "^0.2.0",
         "use-callback-ref": "^1.2.5",
-        "use-debounce": "^7.0.0",
+        "use-debounce": "^7.0.1",
         "use-file-input": "^1.0.0"
     }
 }
diff --git a/src/components/atoms/Plugin/IFrame/hooks.ts b/src/components/atoms/Plugin/IFrame/hooks.ts
@@ -60,7 +60,7 @@ export default function useHook({
     const cb = (ev: MessageEvent<any>) => {
       if (!iFrameRef.current || ev.source !== iFrameRef.current.contentWindow) return;
       if (ev.data?.[autoResizeMessageKey]) {
-        const { width, height } = ev.data?.[autoResizeMessageKey];
+        const { width, height } = ev.data[autoResizeMessageKey];
         if (typeof width !== "number" || typeof height !== "number") return;
         setIFrameSize([width + "px", height + "px"]);
       } else {

diff --git a/src/components/atoms/TabCard/index.stories.tsx b/src/components/atoms/TabCard/index.stories.tsx
@@ -1,6 +1,6 @@
+import { Meta, Story } from "@storybook/react";
 import React from "react";
 
-import { Meta, Story } from "@storybook/react";
 import TabCard, { Props } from ".";
 
 export default {

diff --git a/src/components/atoms/TabCard/index.tsx b/src/components/atoms/TabCard/index.tsx
@@ -1,9 +1,10 @@
 import React from "react";
 
-import { styled, useTheme } from "@reearth/theme";
 import Text from "@reearth/components/atoms/Text";
-import Flex from "../Flex";
+import { styled, useTheme } from "@reearth/theme";
+
 import Box from "../Box";
+import Flex from "../Flex";
 
 export type Props = {
   className?: string;

diff --git a/src/components/atoms/Table/index.stories.tsx b/src/components/atoms/Table/index.stories.tsx
@@ -1,6 +1,6 @@
+import { Meta, Story } from "@storybook/react";
 import React from "react";
 
-import { Meta, Story } from "@storybook/react";
 import Table, { Props } from ".";
 
 export default {

diff --git a/src/components/molecules/EarthEditor/DatasetInfoPane/index.stories.tsx b/src/components/molecules/EarthEditor/DatasetInfoPane/index.stories.tsx
@@ -1,6 +1,6 @@
+import { Meta, Story } from "@storybook/react";
 import React from "react";
 
-import { Meta, Story } from "@storybook/react";
 import DatasetInfoPane, { Props } from ".";
 
 export default {

diff --git a/src/components/molecules/EarthEditor/PropertyPane/index.tsx b/src/components/molecules/EarthEditor/PropertyPane/index.tsx
@@ -2,12 +2,12 @@ import React, { useMemo } from "react";
 import { useIntl } from "react-intl";
 
 import Button from "@reearth/components/atoms/Button";
+import GroupWrapper from "@reearth/components/atoms/TabCard";
 import Text from "@reearth/components/atoms/Text";
 import { styled, useTheme } from "@reearth/theme";
 import { ExtendedFuncProps } from "@reearth/types";
 import { useBind } from "@reearth/util/use-bind";
 
-import GroupWrapper from "@reearth/components/atoms/TabCard";
 import PropertyItem, {
   Props as PropertyItemProps,
   Item as ItemItem,