@canonical/react-components 0.36.0 → 0.37.0

package/dist/index.js

@@ -155,6 +155,12 @@ Object.defineProperty(exports, "ModularTable", {
     return _ModularTable.default;
   }
 });
+Object.defineProperty(exports, "Navigation", {
+  enumerable: true,
+  get: function get() {
+    return _Navigation.default;
+  }
+});
 Object.defineProperty(exports, "Notification", {
   enumerable: true,
   get: function get() {
@@ -221,6 +227,18 @@ Object.defineProperty(exports, "Spinner", {
     return _Spinner.default;
   }
 });
+Object.defineProperty(exports, "StatusLabel", {
+  enumerable: true,
+  get: function get() {
+    return _StatusLabel.default;
+  }
+});
+Object.defineProperty(exports, "StatusLabelAppearance", {
+  enumerable: true,
+  get: function get() {
+    return _StatusLabel.StatusLabelAppearance;
+  }
+});
 Object.defineProperty(exports, "Strip", {
   enumerable: true,
   get: function get() {
@@ -281,6 +299,12 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.default;
   }
 });
+Object.defineProperty(exports, "useClickOutside", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useClickOutside;
+  }
+});
 Object.defineProperty(exports, "useId", {
   enumerable: true,
   get: function get() {
@@ -293,6 +317,12 @@ Object.defineProperty(exports, "useListener", {
     return _hooks.useListener;
   }
 });
+Object.defineProperty(exports, "useOnEscapePressed", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useOnEscapePressed;
+  }
+});
 Object.defineProperty(exports, "usePrevious", {
   enumerable: true,
   get: function get() {
@@ -354,6 +384,8 @@ var _MainTable = _interopRequireDefault(require("./components/MainTable"));
 
 var _ModularTable = _interopRequireDefault(require("./components/ModularTable"));
 
+var _Navigation = _interopRequireDefault(require("./components/Navigation"));
+
 var _Modal = _interopRequireDefault(require("./components/Modal"));
 
 var _Notification = _interopRequireWildcard(require("./components/Notification"));
@@ -378,6 +410,8 @@ var _Switch = _interopRequireDefault(require("./components/Switch"));
 
 var _Spinner = _interopRequireDefault(require("./components/Spinner"));
 
+var _StatusLabel = _interopRequireWildcard(require("./components/StatusLabel"));
+
 var _Strip = _interopRequireDefault(require("./components/Strip"));
 
 var _SummaryButton = _interopRequireDefault(require("./components/SummaryButton"));

package/dist/types/index.d.ts

@@ -35,3 +35,16 @@ export declare type TSFixMe = any;
  * defined in EnumLike.
  */
 export declare type ValueOf<T> = T[keyof T];
+/**
+ * The Vanilla theme types.
+ */
+export declare enum Theme {
+    /**
+     * The dark Vanilla theme.
+     */
+    DARK = "dark",
+    /**
+     * The light Vanilla theme.
+     */
+    LIGHT = "light"
+}

package/dist/types/index.js

@@ -2,4 +2,52 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.Theme = void 0;
+
+/**
+ * This type should be used for all className props in order to ensure
+ * consistency across components.
+ */
+
+/**
+ * The allowable heading levels.
+ */
+
+/**
+ * This type can be used when defining props that also spread the props of
+ * something else. It ensures that the defined component props are never
+ * overwritten by the spread props.
+ */
+
+/**
+ * The allowable sort directions e.g. for a sortable table.
+ */
+
+/**
+ * This type can be used when passing props to a sub component. It makes all
+ * component props optional.
+ */
+
+/**
+ * This type is simply an alias for the 'any' type and should be used sparingly,
+ * if at all.
+ */
+// eslint-disable-line @typescript-eslint/no-explicit-any
+
+/**
+ * This type allows for converting an object const into an enum-like construct,
+ * e.g. value: ValueOf<typeof EnumLike> will only allow value to be a value
+ * defined in EnumLike.
+ */
+
+/**
+ * The Vanilla theme types.
+ */
+var Theme;
+exports.Theme = Theme;
+
+(function (Theme) {
+  Theme["DARK"] = "dark";
+  Theme["LIGHT"] = "light";
+})(Theme || (exports.Theme = Theme = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "Huw Wilkins <huw.wilkins@canonical.com>",
@@ -22,87 +22,89 @@
   },
   "homepage": "/react-components/",
   "devDependencies": {
-    "@babel/cli": "7.17.6",
-    "@babel/eslint-parser": "7.17.0",
-    "@babel/preset-typescript": "7.16.7",
-    "@percy/cli": "1.0.5",
-    "@percy/storybook": "4.2.0",
-    "@storybook/addon-a11y": "6.4.20",
-    "@storybook/addon-controls": "6.4.20",
-    "@storybook/addon-docs": "6.4.20",
-    "@storybook/addons": "6.4.20",
-    "@storybook/react": "6.4.20",
-    "@storybook/theming": "6.4.20",
+    "@babel/cli": "7.17.10",
+    "@babel/eslint-parser": "7.18.2",
+    "@babel/preset-typescript": "7.17.12",
+    "@percy/cli": "1.2.1",
+    "@percy/storybook": "4.2.1",
+    "@storybook/addon-a11y": "6.5.6",
+    "@storybook/addon-controls": "6.5.6",
+    "@storybook/addon-docs": "6.5.6",
+    "@storybook/addons": "6.5.6",
+    "@storybook/react": "6.5.6",
+    "@storybook/theming": "6.5.6",
     "@testing-library/cypress": "8.0.2",
-    "@testing-library/dom": "8.12.0",
-    "@testing-library/jest-dom": "5.16.3",
-    "@testing-library/react": "12.1.4",
+    "@testing-library/dom": "8.13.0",
+    "@testing-library/jest-dom": "5.16.4",
+    "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "7.0.2",
     "@testing-library/user-event": "13.5.0",
-    "@typescript-eslint/eslint-plugin": "5.18.0",
-    "@typescript-eslint/parser": "5.18.0",
+    "@typescript-eslint/eslint-plugin": "5.27.0",
+    "@typescript-eslint/parser": "5.27.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.7",
     "babel-jest": "27.5.1",
-    "babel-loader": "8.2.4",
+    "babel-loader": "8.2.5",
     "babel-plugin-module-resolver": "4.1.0",
     "babel-plugin-typescript-to-proptypes": "2.0.0",
-    "concurrently": "7.1.0",
+    "concurrently": "7.2.1",
     "css-loader": "5.2.7",
-    "cypress": "9.5.3",
+    "cypress": "9.7.0",
     "deepmerge": "4.2.2",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
-    "eslint": "8.12.0",
+    "eslint": "8.16.0",
     "eslint-config-prettier": "8.5.0",
-    "eslint-config-react-app": "7.0.0",
+    "eslint-config-react-app": "7.0.1",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-flowtype": "8.0.3",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.4.0",
-    "eslint-plugin-testing-library": "5.2.1",
+    "eslint-plugin-react": "7.30.0",
+    "eslint-plugin-react-hooks": "4.5.0",
+    "eslint-plugin-testing-library": "5.5.1",
     "jest": "27.5.1",
     "npm-package-json-lint": "5.4.2",
     "prettier": "2.6.2",
     "react": "17.0.2",
     "react-docgen-typescript-loader": "3.7.2",
     "react-dom": "17.0.2",
-    "sass": "1.49.11",
+    "sass": "1.52.2",
     "sass-loader": "10.2.1",
     "style-loader": "2.0.0",
-    "stylelint": "14.6.1",
+    "stylelint": "14.8.5",
     "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.4",
-    "tsc-alias": "1.6.5",
-    "typescript": "4.6.3",
-    "vanilla-framework": "3.3.0",
+    "ts-jest": "27.1.5",
+    "tsc-alias": "1.6.8",
+    "typescript": "4.7.2",
+    "vanilla-framework": "3.4.0",
     "wait-on": "5.3.0"
   },
   "dependencies": {
-    "@types/jest": "27.4.1",
-    "@types/node": "16.11.26",
-    "@types/react": "17.0.43",
-    "@types/react-dom": "17.0.14",
-    "@types/react-table": "7.7.10",
+    "@types/jest": "27.5.2",
+    "@types/node": "16.11.38",
+    "@types/react": "17.0.45",
+    "@types/react-dom": "17.0.17",
+    "@types/react-table": "7.7.12",
     "classnames": "2.3.1",
-    "nanoid": "3.3.2",
+    "nanoid": "3.3.4",
     "prop-types": "15.8.1",
-    "react-table": "7.7.0",
+    "react-table": "7.8.0",
     "react-useportal": "1.0.16"
   },
   "resolutions": {
+    "@types/react": "17.0.45",
+    "@types/react-dom": "17.0.17",
     "postcss": "^8.3.11"
   },
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "vanilla-framework": "3.3.0"
+    "vanilla-framework": "3.4.0"
   },
   "scripts": {
     "build": "rm -rf dist && yarn build-local; yarn build-declaration",