@canonical/react-components 0.47.0 → 0.47.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "0.47.0",
+  "version": "0.47.2",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "Huw Wilkins <huw.wilkins@canonical.com>",
@@ -22,84 +22,91 @@
   },
   "homepage": "https://canonical.github.io/react-components",
   "devDependencies": {
-    "@babel/cli": "7.22.5",
-    "@babel/eslint-parser": "7.22.5",
-    "@babel/preset-typescript": "7.22.5",
-    "@percy/cli": "1.26.1",
-    "@percy/storybook": "4.3.6",
-    "@storybook/addon-a11y": "6.5.16",
-    "@storybook/addon-controls": "6.5.16",
-    "@storybook/addon-docs": "6.5.16",
-    "@storybook/addons": "6.5.16",
-    "@storybook/builder-webpack5": "6.5.16",
-    "@storybook/manager-webpack5": "6.5.16",
-    "@storybook/react": "6.5.16",
-    "@storybook/theming": "6.5.16",
+    "@babel/cli": "7.23.4",
+    "@babel/eslint-parser": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
+    "@percy/cli": "1.27.6",
+    "@percy/storybook": "4.3.7",
+    "@storybook/addon-a11y": "7.6.7",
+    "@storybook/addon-essentials": "7.6.7",
+    "@storybook/addon-interactions": "7.6.7",
+    "@storybook/addon-links": "7.6.7",
+    "@storybook/addon-mdx-gfm": "7.6.7",
+    "@storybook/addon-onboarding": "1.0.10",
+    "@storybook/blocks": "7.6.7",
+    "@storybook/react": "7.6.7",
+    "@storybook/react-webpack5": "7.6.7",
     "@testing-library/cypress": "9.0.0",
-    "@testing-library/dom": "9.3.1",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
+    "@testing-library/dom": "9.3.3",
+    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/react": "14.1.2",
+    "@testing-library/user-event": "14.5.2",
     "@types/react-router-dom": "5.3.3",
-    "@typescript-eslint/eslint-plugin": "5.60.1",
-    "@typescript-eslint/parser": "5.60.1",
+    "@typescript-eslint/eslint-plugin": "5.62.0",
+    "@typescript-eslint/parser": "5.62.0",
     "babel-jest": "27.5.1",
-    "babel-loader": "9.1.2",
+    "babel-loader": "9.1.3",
     "babel-plugin-module-resolver": "5.0.0",
     "babel-plugin-typescript-to-proptypes": "2.1.0",
-    "concurrently": "8.2.0",
+    "concurrently": "8.2.2",
     "css-loader": "6.8.1",
-    "cypress": "12.16.0",
+    "cypress": "12.17.4",
     "deepmerge": "4.3.1",
-    "eslint": "8.43.0",
-    "eslint-config-prettier": "8.8.0",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "8.10.0",
     "eslint-config-react-app": "7.0.1",
-    "eslint-plugin-cypress": "2.13.3",
+    "eslint-plugin-cypress": "2.15.1",
     "eslint-plugin-flowtype": "8.0.3",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-jsx-a11y": "6.7.1",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-testing-library": "5.11.0",
+    "eslint-plugin-storybook": "0.6.15",
+    "eslint-plugin-testing-library": "5.11.1",
     "jest": "27.5.1",
     "npm-package-json-lint": "5.4.2",
     "prettier": "2.8.8",
     "react": "18.2.0",
     "react-docgen-typescript-loader": "3.7.2",
     "react-dom": "18.2.0",
-    "sass": "1.63.6",
-    "sass-loader": "10.4.1",
+    "sass": "1.69.7",
+    "sass-loader": "10.5.1",
+    "storybook": "7.6.7",
     "style-loader": "3.3.3",
-    "stylelint": "15.10.1",
+    "stylelint": "15.11.0",
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-recommended-scss": "5.0.2",
     "stylelint-order": "5.0.0",
     "stylelint-prettier": "2.0.0",
     "ts-jest": "27.1.5",
-    "tsc-alias": "1.8.6",
+    "tsc-alias": "1.8.8",
     "typescript": "4.9.5",
-    "vanilla-framework": "4.2.0",
+    "vanilla-framework": "4.6.0",
     "wait-on": "5.3.0",
-    "webpack": "5.88.0"
+    "webpack": "5.89.0"
   },
   "dependencies": {
     "@types/jest": "27.5.2",
-    "@types/node": "18.16.18",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
-    "@types/react-table": "7.7.14",
-    "classnames": "2.3.2",
-    "nanoid": "3.3.6",
+    "@types/node": "18.19.4",
+    "@types/react": "18.2.46",
+    "@types/react-dom": "18.2.18",
+    "@types/react-table": "7.7.19",
+    "classnames": "2.5.1",
+    "nanoid": "3.3.7",
     "prop-types": "15.8.1",
-    "react-router-dom": "6.6.1",
+    "react-router-dom": "6.21.1",
     "react-table": "7.8.0",
-    "react-useportal": "1.0.18"
+    "react-useportal": "1.0.19"
   },
   "resolutions": {
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
-    "postcss": "^8.3.11"
+    "@types/react": "18.2.46",
+    "@types/react-dom": "18.2.18",
+    "postcss": "^8.3.11",
+    "string-width": "^4",
+    "jackspeak": "^2",
+    "strip-ansi": "^6.0.0",
+    "strip-ansi-cjs": "^8.0.0"
   },
   "peerDependencies": {
     "@types/react": "^17.0.2 || ^18.0.0",
@@ -113,9 +120,9 @@
     "build-local": "NODE_ENV=production babel src --out-dir dist --copy-files --extensions '.js,.jsx,.ts,.tsx'",
     "build-declaration": "tsc --project tsconfig.json && tsc-alias -p tsconfig.json",
     "build-watch": "yarn run build-local --watch",
-    "build-docs": "build-storybook -c .storybook -o docs",
+    "build-docs": "storybook build -c .storybook -o docs",
     "clean": "rm -rf node_modules dist .out",
-    "docs": "start-storybook --port ${PORT:-9009}",
+    "docs": "storybook dev -p ${PORT:-9009}",
     "link-packages": "yarn install && yarn build && yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
     "lint-js": "eslint src",
     "lint-style": "stylelint src/**/*.scss",

package/dist/hooks/useClickOutside.d.ts

@@ -1,6 +0,0 @@
-import { MutableRefObject } from "react";
-/**
- * Handle clicks outside an element.
- * @returns A ref to pass to the element to handle clicks outside of.
- */
-export declare const useClickOutside: <E extends HTMLElement>(onClickOutside: () => void) => MutableRefObject<E>;

package/dist/hooks/useClickOutside.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useClickOutside = void 0;
-var _react = require("react");
-/**
- * Handle clicks outside an element.
- * @returns A ref to pass to the element to handle clicks outside of.
- */
-var useClickOutside = function useClickOutside(onClickOutside) {
-  var ref = (0, _react.useRef)(null);
-  var handleClickOutside = (0, _react.useCallback)(function (evt) {
-    var _evt$target, _ref$current;
-    var target = evt.target;
-    // The target might be something like an SVG node which doesn't provide
-    // the class name as a string.
-    var isValidTarget = typeof (evt === null || evt === void 0 ? void 0 : (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.className) === "string";
-    if (!isValidTarget || ref.current && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && ref.current !== target) {
-      onClickOutside();
-    }
-  }, [onClickOutside]);
-  (0, _react.useEffect)(function () {
-    document.addEventListener("click", handleClickOutside, false);
-    return function () {
-      return document.removeEventListener("click", handleClickOutside, false);
-    };
-  }, [handleClickOutside]);
-  return ref;
-};
-exports.useClickOutside = useClickOutside;