chore: update dependencies to latest versions

.yarnrc.yml

@@ -44,6 +44,12 @@ packageExtensions:
   debug@*:
     dependencies:
       supports-color: '*'
+  eslint-config-typescript-shareable@*:
+    dependencies:
+      stylelint: '*'
+      stylelint-config-recommended: '*'
+      stylelint-config-styled-components: '*'
+      stylelint-processor-styled-components: '*'
   eslint-module-utils@*:
     dependencies:
       eslint: '*'
@@ -70,12 +76,6 @@ packageExtensions:
     dependencies:
       react: '*'
       react-dom: '*'
-  eslint-config-typescript-shareable@*:
-    dependencies:
-      stylelint: '*'
-      stylelint-config-recommended: '*'
-      stylelint-config-styled-components: '*'
-      stylelint-processor-styled-components: '*'
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
@@ -85,4 +85,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
     spec: '@yarnpkg/plugin-version'
 
-yarnPath: .yarn/releases/yarn-2.4.1.cjs
+yarnPath: .yarn/releases/yarn-2.4.2.cjs

package.json

@@ -37,23 +37,23 @@
     "cypress:firefox": "yarn workspace practical-react-components-ui-tests wait-on http-get://localhost:9009 -i 2000 -d 5000 && yarn workspace practical-react-components-ui-tests cypress run --browser firefox --headless"
   },
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
+    "@babel/cli": "7.14.5",
+    "@babel/core": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
     "@mdx-js/react": "1.6.22",
     "@types/enzyme": "3.10.8",
     "@types/enzyme-adapter-react-16": "1.0.6",
     "@types/jest": "26.0.23",
-    "@types/react": "17.0.9",
-    "@types/react-dom": "17.0.6",
-    "@types/styled-components": "5.1.9",
-    "@typescript-eslint/eslint-plugin": "4.26.0",
-    "@typescript-eslint/parser": "4.26.0",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
+    "@types/styled-components": "5.1.10",
+    "@typescript-eslint/eslint-plugin": "4.28.0",
+    "@typescript-eslint/parser": "4.28.0",
     "babel-plugin-styled-components": "1.12.0",
-    "eslint": "7.27.0",
-    "eslint-config-typescript-shareable": "1.1.0",
+    "eslint": "7.29.0",
+    "eslint-config-typescript-shareable": "1.2.0",
     "eslint-plugin-cypress": "2.11.3",
     "eslint-plugin-functional": "3.2.1",
     "eslint-plugin-import": "2.23.4",
@@ -62,13 +62,13 @@
     "jest": "26.6.3",
     "jest-styled-components": "7.0.4",
     "pepjs": "0.5.3",
-    "prettier": "2.3.0",
+    "prettier": "2.3.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "semver": "7.3.5",
     "stylelint": "13.13.1",
-    "typescript": "4.2.4",
-    "typescript-styled-plugin": "0.17.0"
+    "typescript": "4.3.4",
+    "typescript-styled-plugin": "0.18.0"
   },
   "resolutions": {
     "fsevents": "2.1.3",

packages/core/package.json

@@ -10,27 +10,27 @@
   ],
   "dependencies": {
     "@juggle/resize-observer": "3.3.1",
-    "focus-trap-react": "8.5.0",
+    "focus-trap-react": "8.6.0",
     "no-scroll": "2.1.1",
     "practical-react-components-icons": "workspace:*",
-    "react-hooks-shareable": "1.29.0"
+    "react-hooks-shareable": "1.30.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
+    "@babel/cli": "7.14.5",
+    "@babel/core": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",
     "@types/no-scroll": "2.1.0",
-    "@types/react": "17.0.9",
-    "@types/react-dom": "17.0.6",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
     "@types/react-test-renderer": "17.0.1",
     "@types/react-transition-group": "4.4.1",
-    "@types/styled-components": "5.1.9",
+    "@types/styled-components": "5.1.10",
     "@types/yup": "0.29.11",
-    "core-js": "3.13.1",
+    "core-js": "3.15.1",
     "jest-styled-components": "7.0.4",
     "pepjs": "0.5.3",
     "prop-types": "15.7.2",
@@ -41,7 +41,7 @@
     "react-transition-group": "4.4.2",
     "styled-components": "5.3.0",
     "typeface-open-sans": "1.1.13",
-    "typescript": "4.2.4",
+    "typescript": "4.3.4",
     "yup": "0.32.9"
   },
   "peerDependencies": {

packages/core/src/Select/BaseSelect.tsx

@@ -425,8 +425,9 @@ export function BaseSelect<V extends string = string>({
   const [isOpen, openPopover, closePopover, toggleOpen] = useBoolean(false)
   const [isKeyboard, setKeyboardOn, setKeyboardOff] = useBoolean(true)
 
-  const [popupAnchorEl, setPopupAnchorEl] =
-    useState<HTMLDivElement | null>(null)
+  const [popupAnchorEl, setPopupAnchorEl] = useState<HTMLDivElement | null>(
+    null
+  )
 
   const optionMap = useMemo(() => {
     return new Map(

packages/core/src/Tooltip/index.tsx

@@ -164,8 +164,9 @@ export const Tooltip: React.FC<TooltipProps | ExpandedTooltipProps> = ({
 
   const [debouncedVisible, setDebouncedVisible] = useState(visible)
   const [hasOverflow, setHasOverflow] = useState(false)
-  const [horizontalLayout, setHorizontalLayout] =
-    useState<'left' | 'right' | 'center'>('center')
+  const [horizontalLayout, setHorizontalLayout] = useState<
+    'left' | 'right' | 'center'
+  >('center')
   const [tooltipEl, setTooltipEl] = useState<HTMLDivElement | null>(null)
 
   useEffect(() => {

packages/docs/package.json

@@ -13,37 +13,37 @@
   "dependencies": {
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",
-    "core-js": "3.13.1",
-    "formik": "2.2.8",
+    "core-js": "3.15.1",
+    "formik": "2.2.9",
     "practical-react-components-core": "workspace:*",
     "practical-react-components-formik": "workspace:*",
     "practical-react-components-icons": "workspace:*",
     "prism-react-renderer": "1.2.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-hooks-shareable": "1.29.0",
+    "react-hooks-shareable": "1.30.0",
     "react-is": "17.0.2",
     "react-live": "2.2.3",
     "react-router-dom": "5.2.0",
-    "regenerator-runtime": "0.13.8",
+    "regenerator-runtime": "0.13.7",
     "styled-components": "5.3.0",
     "styled-normalize": "8.0.7",
     "typeface-open-sans": "1.1.13"
   },
   "devDependencies": {
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
+    "@babel/core": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
     "@cypress/webpack-preprocessor": "5.9.0",
     "@mdx-js/loader": "1.6.22",
     "@types/mdx-js__react": "1.5.3",
-    "@types/node": "15.6.2",
-    "@types/react": "17.0.9",
-    "@types/react-dom": "17.0.6",
+    "@types/node": "15.12.4",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
     "@types/react-router-dom": "5.1.7",
     "@types/regenerator-runtime": "0.13.0",
-    "@types/styled-components": "5.1.9",
+    "@types/styled-components": "5.1.10",
     "@types/webpack": "5.28.0",
     "@types/webpack-env": "1.16.0",
     "@types/yargs": "17.0.0",
@@ -53,17 +53,17 @@
     "cross-env": "7.0.3",
     "css-loader": "5.2.6",
     "file-loader": "6.2.0",
-    "html-webpack-plugin": "5.3.1",
+    "html-webpack-plugin": "5.3.2",
     "license-webpack-plugin": "2.3.19",
-    "react-docgen-typescript": "1.22.0",
+    "react-docgen-typescript": "2.0.0",
     "react-transition-group": "4.4.2",
     "style-loader": "2.0.0",
     "svg-url-loader": "7.1.1",
     "ts-node": "10.0.0",
     "tsconfig-paths": "3.9.0",
-    "typescript": "4.2.4",
-    "webpack": "5.38.1",
-    "webpack-cli": "4.7.0",
+    "typescript": "4.3.4",
+    "webpack": "5.40.0",
+    "webpack-cli": "4.7.2",
     "webpack-dev-server": "3.11.2",
     "yargs": "17.0.1"
   }

packages/formik/package.json

@@ -12,22 +12,22 @@
     "practical-react-components-core": "workspace:*"
   },
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
+    "@babel/cli": "7.14.5",
+    "@babel/core": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",
-    "@types/react": "17.0.9",
-    "@types/react-dom": "17.0.6",
-    "@types/styled-components": "5.1.9",
-    "core-js": "3.13.1",
-    "formik": "2.2.8",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
+    "@types/styled-components": "5.1.10",
+    "core-js": "3.15.1",
+    "formik": "2.2.9",
     "react": "17.0.2",
     "react-is": "17.0.2",
     "styled-components": "5.3.0",
-    "typescript": "4.2.4"
+    "typescript": "4.3.4"
   },
   "peerDependencies": {
     "formik": "^2.1.4",

packages/icons/package.json

@@ -10,24 +10,24 @@
     "__generated__"
   ],
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
+    "@babel/cli": "7.14.5",
+    "@babel/core": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
     "@svgr/core": "5.5.0",
     "@svgr/plugin-jsx": "5.5.0",
     "@svgr/plugin-prettier": "5.5.0",
-    "@types/node": "15.6.2",
-    "@types/react": "17.0.9",
-    "@types/react-dom": "17.0.6",
+    "@types/node": "15.12.4",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "17.0.8",
     "chalk": "4.1.1",
-    "core-js": "3.13.1",
+    "core-js": "3.15.1",
     "cross-env": "7.0.3",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "ts-node": "10.0.0",
-    "typescript": "4.2.4"
+    "typescript": "4.3.4"
   },
   "peerDependencies": {
     "react": "^17.0.1",

packages/ui-tests/package.json

@@ -9,29 +9,29 @@
     "dev": "yarn build:ts webpack serve"
   },
   "dependencies": {
-    "core-js": "3.13.1",
+    "core-js": "3.15.1",
     "practical-react-components-core": "workspace:*",
     "practical-react-components-icons": "workspace:*",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-hooks-shareable": "1.29.0",
+    "react-hooks-shareable": "1.30.0",
     "react-is": "17.0.2",
     "react-router-dom": "5.2.0",
-    "regenerator-runtime": "0.13.8",
+    "regenerator-runtime": "0.13.7",
     "styled-components": "5.3.0",
     "styled-normalize": "8.0.7"
   },
   "devDependencies": {
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
+    "@babel/core": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.14.5",
     "@cypress/webpack-preprocessor": "5.9.0",
-    "@types/node": "15.6.2",
-    "@types/react": "17.0.9",
+    "@types/node": "15.12.4",
+    "@types/react": "17.0.11",
     "@types/react-router-dom": "5.1.7",
     "@types/regenerator-runtime": "0.13.0",
-    "@types/styled-components": "5.1.9",
+    "@types/styled-components": "5.1.10",
     "@types/webpack": "5.28.0",
     "@types/webpack-env": "1.16.0",
     "@types/yargs": "17.0.0",
@@ -41,13 +41,13 @@
     "cross-env": "7.0.3",
     "cypress": "6.8.0",
     "file-loader": "6.2.0",
-    "html-webpack-plugin": "5.3.1",
+    "html-webpack-plugin": "5.3.2",
     "ts-node": "10.0.0",
     "tsconfig-paths": "3.9.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.4",
     "wait-on": "5.3.0",
-    "webpack": "5.38.1",
-    "webpack-cli": "4.7.0",
+    "webpack": "5.40.0",
+    "webpack-cli": "4.7.2",
     "webpack-dev-server": "3.11.2",
     "yargs": "17.0.1"
   }