@canonical/react-components 0.30.0 → 0.33.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -95,16 +95,16 @@ Object.defineProperty(exports, "Form", {
     return _Form.default;
   }
 });
-Object.defineProperty(exports, "Icon", {
+Object.defineProperty(exports, "ICONS", {
   enumerable: true,
   get: function get() {
-    return _Icon.default;
+    return _Icon.ICONS;
   }
 });
-Object.defineProperty(exports, "ICONS", {
+Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
-    return _Icon.ICONS;
+    return _Icon.default;
   }
 });
 Object.defineProperty(exports, "Input", {
@@ -143,16 +143,16 @@ Object.defineProperty(exports, "MainTable", {
     return _MainTable.default;
   }
 });
-Object.defineProperty(exports, "ModularTable", {
+Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
-    return _ModularTable.default;
+    return _Modal.default;
   }
 });
-Object.defineProperty(exports, "Modal", {
+Object.defineProperty(exports, "ModularTable", {
   enumerable: true,
   get: function get() {
-    return _Modal.default;
+    return _ModularTable.default;
   }
 });
 Object.defineProperty(exports, "Notification", {
@@ -233,6 +233,12 @@ Object.defineProperty(exports, "SummaryButton", {
     return _SummaryButton.default;
   }
 });
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _Switch.default;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
@@ -275,6 +281,36 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.default;
   }
 });
+Object.defineProperty(exports, "useId", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useId;
+  }
+});
+Object.defineProperty(exports, "useListener", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useListener;
+  }
+});
+Object.defineProperty(exports, "usePrevious", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.usePrevious;
+  }
+});
+Object.defineProperty(exports, "useThrottle", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useThrottle;
+  }
+});
+Object.defineProperty(exports, "useWindowFitment", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useWindowFitment;
+  }
+});
 
 var _Accordion = _interopRequireDefault(require("./components/Accordion"));
 
@@ -338,6 +374,8 @@ var _Select = _interopRequireDefault(require("./components/Select"));
 
 var _Slider = _interopRequireDefault(require("./components/Slider"));
 
+var _Switch = _interopRequireDefault(require("./components/Switch"));
+
 var _Spinner = _interopRequireDefault(require("./components/Spinner"));
 
 var _Strip = _interopRequireDefault(require("./components/Strip"));
@@ -358,8 +396,10 @@ var _Textarea = _interopRequireDefault(require("./components/Textarea"));
 
 var _Tooltip = _interopRequireDefault(require("./components/Tooltip"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _hooks = require("./hooks");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "0.30.0",
+  "version": "0.33.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "Huw Wilkins <huw.wilkins@canonical.com>",
@@ -22,74 +22,77 @@
   },
   "homepage": "/react-components/",
   "devDependencies": {
-    "@babel/cli": "7.16.7",
-    "@babel/eslint-parser": "7.16.5",
+    "@babel/cli": "7.17.6",
+    "@babel/eslint-parser": "7.17.0",
     "@babel/preset-typescript": "7.16.7",
-    "@percy/cli": "1.0.0-beta.71",
+    "@percy/cli": "1.0.0-beta.76",
     "@percy/storybook": "4.1.0",
-    "@storybook/addon-a11y": "6.4.9",
-    "@storybook/addon-controls": "6.4.9",
-    "@storybook/addon-docs": "6.4.9",
-    "@storybook/addons": "6.4.9",
-    "@storybook/react": "6.4.9",
-    "@storybook/theming": "6.4.9",
+    "@storybook/addon-a11y": "6.4.19",
+    "@storybook/addon-controls": "6.4.19",
+    "@storybook/addon-docs": "6.4.19",
+    "@storybook/addons": "6.4.19",
+    "@storybook/react": "6.4.19",
+    "@storybook/theming": "6.4.19",
     "@testing-library/cypress": "8.0.2",
-    "@testing-library/dom": "8.11.1",
+    "@testing-library/dom": "8.11.3",
+    "@testing-library/jest-dom": "5.16.2",
+    "@testing-library/react": "12.1.3",
     "@testing-library/react-hooks": "7.0.2",
     "@testing-library/user-event": "13.5.0",
-    "@typescript-eslint/eslint-plugin": "5.9.1",
-    "@typescript-eslint/parser": "5.9.1",
+    "@typescript-eslint/eslint-plugin": "5.13.0",
+    "@typescript-eslint/parser": "5.13.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.6",
-    "babel-jest": "27.4.5",
+    "babel-jest": "27.5.1",
     "babel-loader": "8.2.3",
     "babel-plugin-module-resolver": "4.1.0",
     "babel-plugin-typescript-to-proptypes": "2.0.0",
-    "concurrently": "6.5.1",
+    "concurrently": "7.0.0",
     "css-loader": "5.2.7",
-    "cypress": "9.2.0",
+    "cypress": "9.5.1",
     "deepmerge": "4.2.2",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
-    "eslint": "8.6.0",
-    "eslint-config-prettier": "8.3.0",
+    "eslint": "8.10.0",
+    "eslint-config-prettier": "8.5.0",
     "eslint-config-react-app": "7.0.0",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-flowtype": "8.0.3",
     "eslint-plugin-import": "2.25.4",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.28.0",
+    "eslint-plugin-react": "7.29.2",
     "eslint-plugin-react-hooks": "4.3.0",
-    "jest": "27.4.5",
+    "eslint-plugin-testing-library": "5.0.5",
+    "jest": "27.5.1",
     "npm-package-json-lint": "5.4.2",
     "prettier": "2.5.1",
     "react": "17.0.2",
     "react-docgen-typescript-loader": "3.7.2",
     "react-dom": "17.0.2",
-    "sass": "1.48.0",
-    "sass-loader": "10.2.0",
+    "sass": "1.49.9",
+    "sass-loader": "10.2.1",
     "style-loader": "2.0.0",
-    "stylelint": "14.2.0",
+    "stylelint": "14.5.3",
     "stylelint-config-prettier": "9.0.3",
     "stylelint-config-recommended-scss": "5.0.2",
     "stylelint-order": "5.0.0",
     "stylelint-prettier": "2.0.0",
-    "ts-jest": "27.1.2",
-    "tsc-alias": "1.5.0",
-    "typescript": "4.5.4",
-    "vanilla-framework": "3.0.1",
+    "ts-jest": "27.1.3",
+    "tsc-alias": "1.6.3",
+    "typescript": "4.6.2",
+    "vanilla-framework": "3.1.1",
     "wait-on": "5.3.0"
   },
   "dependencies": {
-    "@types/jest": "27.4.0",
-    "@types/node": "16.11.18",
-    "@types/react": "17.0.38",
-    "@types/react-dom": "17.0.11",
+    "@types/jest": "27.4.1",
+    "@types/node": "16.11.26",
+    "@types/react": "17.0.39",
+    "@types/react-dom": "17.0.13",
     "@types/react-table": "7.7.9",
     "classnames": "2.3.1",
-    "nanoid": "3.1.30",
-    "prop-types": "15.8.0",
+    "nanoid": "3.3.1",
+    "prop-types": "15.8.1",
     "react-table": "7.7.0",
     "react-useportal": "1.0.16"
   },
@@ -99,7 +102,7 @@
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "vanilla-framework": "3.0.1"
+    "vanilla-framework": "3.1.1"
   },
   "scripts": {
     "build": "rm -rf dist && yarn build-local; yarn build-declaration",
@@ -151,10 +154,10 @@
     "snapshotSerializers": [
       "enzyme-to-json/serializer"
     ],
-    "setupFiles": [
+    "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.js"
     ],
-    "testEnvironment": "jsdom",
+    "testEnvironment": "jest-environment-jsdom",
     "moduleDirectories": [
       "node_modules",
       "src"