@canonical/react-components 0.21.0 → 0.30.0

package/dist/hooks/useWindowFitment.js

@@ -1,20 +1,14 @@
 "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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useWindowFitment = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _useListener = require("./useListener");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-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; }
-
 /**
  * A hook to determine if an element fits on the window.
  * @param targetNode The element to try and fit on the window.

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { default as ModularTable } from "./components/ModularTable";
 export { default as Modal } from "./components/Modal";
 export { default as Notification, NotificationSeverity, } from "./components/Notification";
 export { default as Pagination } from "./components/Pagination";
+export { default as PasswordToggle } from "./components/PasswordToggle";
 export { default as RadioInput } from "./components/RadioInput";
 export { default as Row } from "./components/Row";
 export { default as SearchAndFilter } from "./components/SearchAndFilter";

package/dist/index.js

@@ -173,6 +173,12 @@ Object.defineProperty(exports, "Pagination", {
     return _Pagination.default;
   }
 });
+Object.defineProperty(exports, "PasswordToggle", {
+  enumerable: true,
+  get: function get() {
+    return _PasswordToggle.default;
+  }
+});
 Object.defineProperty(exports, "RadioInput", {
   enumerable: true,
   get: function get() {
@@ -318,6 +324,8 @@ var _Notification = _interopRequireWildcard(require("./components/Notification")
 
 var _Pagination = _interopRequireDefault(require("./components/Pagination"));
 
+var _PasswordToggle = _interopRequireDefault(require("./components/PasswordToggle"));
+
 var _RadioInput = _interopRequireDefault(require("./components/RadioInput"));
 
 var _Row = _interopRequireDefault(require("./components/Row"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "0.21.0",
+  "version": "0.30.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "Huw Wilkins <huw.wilkins@canonical.com>",
@@ -22,78 +22,84 @@
   },
   "homepage": "/react-components/",
   "devDependencies": {
-    "@babel/cli": "7.14.8",
-    "@babel/preset-typescript": "7.14.5",
-    "@percy/storybook": "3.3.1",
-    "@storybook/addon-a11y": "6.3.2",
-    "@storybook/addon-controls": "6.3.2",
-    "@storybook/addon-docs": "6.3.2",
-    "@storybook/addons": "6.3.2",
-    "@storybook/react": "6.3.2",
-    "@storybook/theming": "6.3.2",
-    "@testing-library/react-hooks": "7.0.1",
-    "@typescript-eslint/eslint-plugin": "4.28.1",
-    "@typescript-eslint/parser": "4.28.1",
-    "@wojtekmaj/enzyme-adapter-react-17": "0.6.3",
-    "babel-eslint": "10.1.0",
-    "babel-jest": "27.0.6",
-    "babel-loader": "8.2.2",
+    "@babel/cli": "7.16.7",
+    "@babel/eslint-parser": "7.16.5",
+    "@babel/preset-typescript": "7.16.7",
+    "@percy/cli": "1.0.0-beta.71",
+    "@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",
+    "@testing-library/cypress": "8.0.2",
+    "@testing-library/dom": "8.11.1",
+    "@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",
+    "@wojtekmaj/enzyme-adapter-react-17": "0.6.6",
+    "babel-jest": "27.4.5",
+    "babel-loader": "8.2.3",
     "babel-plugin-module-resolver": "4.1.0",
-    "babel-plugin-typescript-to-proptypes": "1.4.2",
-    "concurrently": "6.2.1",
+    "babel-plugin-typescript-to-proptypes": "2.0.0",
+    "concurrently": "6.5.1",
     "css-loader": "5.2.7",
-    "cypress": "7.6.0",
+    "cypress": "9.2.0",
     "deepmerge": "4.2.2",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
-    "eslint": "7.30.0",
+    "eslint": "8.6.0",
     "eslint-config-prettier": "8.3.0",
-    "eslint-config-react-app": "6.0.0",
-    "eslint-plugin-cypress": "2.11.3",
-    "eslint-plugin-flowtype": "5.8.2",
-    "eslint-plugin-import": "2.23.4",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-react": "7.24.0",
-    "eslint-plugin-react-hooks": "4.2.0",
-    "jest": "27.0.6",
-    "node-sass": "6.0.1",
-    "npm-package-json-lint": "5.1.0",
-    "prettier": "2.3.2",
+    "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-hooks": "4.3.0",
+    "jest": "27.4.5",
+    "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",
     "style-loader": "2.0.0",
-    "stylelint": "13.13.1",
-    "stylelint-config-prettier": "8.0.2",
-    "stylelint-config-standard": "22.0.0",
-    "stylelint-order": "4.1.0",
-    "stylelint-prettier": "1.2.0",
-    "stylelint-scss": "3.19.0",
-    "ts-jest": "27.0.4",
-    "tsc-alias": "1.3.8",
-    "typescript": "4.3.5",
-    "vanilla-framework": "2.34.0",
+    "stylelint": "14.2.0",
+    "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",
     "wait-on": "5.3.0"
   },
   "dependencies": {
-    "@types/jest": "26.0.24",
-    "@types/node": "14.17.9",
-    "@types/react": "17.0.18",
-    "@types/react-dom": "17.0.9",
-    "@types/react-table": "7.7.2",
+    "@types/jest": "27.4.0",
+    "@types/node": "16.11.18",
+    "@types/react": "17.0.38",
+    "@types/react-dom": "17.0.11",
+    "@types/react-table": "7.7.9",
     "classnames": "2.3.1",
-    "nanoid": "3.1.25",
-    "prop-types": "15.7.2",
+    "nanoid": "3.1.30",
+    "prop-types": "15.8.0",
     "react-table": "7.7.0",
-    "react-useportal": "1.0.14"
+    "react-useportal": "1.0.16"
+  },
+  "resolutions": {
+    "postcss": "^8.3.11"
   },
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "vanilla-framework": "2.34.0"
+    "vanilla-framework": "3.0.1"
   },
   "scripts": {
     "build": "rm -rf dist && yarn build-local; yarn build-declaration",
@@ -102,20 +108,20 @@
     "build-watch": "yarn run build-local --watch",
     "build-docs": "build-storybook -c .storybook -o docs",
     "clean": "rm -rf node_modules dist .out",
-    "docs": "start-storybook --port ${PORT}",
+    "docs": "start-storybook --port ${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",
+    "lint-style": "stylelint src/**/*.scss",
     "lint-package-json": "npmPkgJsonLint .",
     "lint": "yarn lint-package-json && yarn lint-js && yarn lint-style",
-    "percy": "yarn build-docs && percy-storybook --build_dir=docs --widths=1280",
+    "percy": "yarn build-docs && percy storybook ./docs",
     "prepublishOnly": "yarn clean && yarn install && yarn build",
     "serve": "yarn docs",
     "start": "yarn docs",
     "test": "jest",
     "test-cypress": "concurrently 'yarn run docs' 'yarn run cypress:test' -k -s first",
     "unlink-packages": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink",
-    "cypress:test": "wait-on http://localhost:${PORT} && cypress run --env port=${PORT}",
+    "cypress:test": "wait-on http://localhost:${PORT:-9009} && cypress run --env port=${PORT:-9009}",
     "cypress:run": "cypress run",
     "cypress:open": "cypress open"
   },