@canonical/react-components 0.47.0 → 0.47.2

package/dist/index.js

@@ -1,432 +1,443 @@
 "use strict";
 
-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
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Accordion.default;
   }
 });
 Object.defineProperty(exports, "ActionButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ActionButton.default;
   }
 });
 Object.defineProperty(exports, "ArticlePagination", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ArticlePagination.default;
   }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Badge.default;
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.default;
   }
 });
 Object.defineProperty(exports, "ButtonAppearance", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.ButtonAppearance;
   }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Card.default;
   }
 });
 Object.defineProperty(exports, "CheckboxInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CheckboxInput.default;
   }
 });
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Chip.default;
   }
 });
 Object.defineProperty(exports, "Code", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Code.default;
   }
 });
 Object.defineProperty(exports, "CodeSnippet", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CodeSnippet.default;
   }
 });
 Object.defineProperty(exports, "CodeSnippetBlockAppearance", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CodeSnippet.CodeSnippetBlockAppearance;
   }
 });
 Object.defineProperty(exports, "Col", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Col.default;
   }
 });
 Object.defineProperty(exports, "ConfirmationButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ConfirmationButton.default;
   }
 });
 Object.defineProperty(exports, "ConfirmationModal", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ConfirmationModal.default;
   }
 });
 Object.defineProperty(exports, "ContextualMenu", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ContextualMenu.default;
   }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmptyState.default;
   }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Field.default;
   }
 });
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Form.default;
   }
 });
 Object.defineProperty(exports, "ICONS", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Icon.ICONS;
   }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Icon.default;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Input.default;
   }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Label.default;
   }
 });
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Link.default;
   }
 });
 Object.defineProperty(exports, "List", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _List.default;
   }
 });
 Object.defineProperty(exports, "Loader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Loader.default;
   }
 });
 Object.defineProperty(exports, "MainTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MainTable.default;
   }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Modal.default;
   }
 });
 Object.defineProperty(exports, "ModularTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ModularTable.default;
   }
 });
 Object.defineProperty(exports, "Navigation", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Navigation.default;
   }
 });
 Object.defineProperty(exports, "Notification", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Notification.default;
   }
 });
 Object.defineProperty(exports, "NotificationConsumer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.NotificationConsumer;
   }
 });
 Object.defineProperty(exports, "NotificationProvider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.NotificationProvider;
   }
 });
 Object.defineProperty(exports, "NotificationSeverity", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Notification.NotificationSeverity;
   }
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Pagination.default;
   }
 });
 Object.defineProperty(exports, "PasswordToggle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PasswordToggle.default;
   }
 });
 Object.defineProperty(exports, "RadioInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioInput.default;
   }
 });
 Object.defineProperty(exports, "Row", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Row.default;
   }
 });
 Object.defineProperty(exports, "SearchAndFilter", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SearchAndFilter.default;
   }
 });
 Object.defineProperty(exports, "SearchBox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SearchBox.default;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Select.default;
   }
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Slider.default;
   }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Spinner.default;
   }
 });
 Object.defineProperty(exports, "StatusLabel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _StatusLabel.default;
   }
 });
 Object.defineProperty(exports, "StatusLabelAppearance", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _StatusLabel.StatusLabelAppearance;
   }
 });
 Object.defineProperty(exports, "Strip", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Strip.default;
   }
 });
 Object.defineProperty(exports, "SummaryButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SummaryButton.default;
   }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Switch.default;
   }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Table.default;
   }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TableCell.default;
   }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TableHeader.default;
   }
 });
+Object.defineProperty(exports, "TablePagination", {
+  enumerable: true,
+  get: function () {
+    return _TablePagination.default;
+  }
+});
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TableRow.default;
   }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Tabs.default;
   }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Textarea.default;
   }
 });
 Object.defineProperty(exports, "Theme", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _enums.Theme;
   }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Tooltip.default;
   }
 });
 Object.defineProperty(exports, "failure", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.failure;
   }
 });
 Object.defineProperty(exports, "info", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.info;
   }
 });
 Object.defineProperty(exports, "isNavigationAnchor", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.isNavigationAnchor;
   }
 });
 Object.defineProperty(exports, "isNavigationButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.isNavigationButton;
   }
 });
 Object.defineProperty(exports, "queue", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.queue;
   }
 });
 Object.defineProperty(exports, "success", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.success;
   }
 });
 Object.defineProperty(exports, "useClickOutside", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useClickOutside;
   }
 });
 Object.defineProperty(exports, "useId", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useId;
   }
 });
 Object.defineProperty(exports, "useListener", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useListener;
   }
 });
 Object.defineProperty(exports, "useNotify", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NotificationProvider.useNotify;
   }
 });
+Object.defineProperty(exports, "useOnClickOutside", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useOnClickOutside;
+  }
+});
 Object.defineProperty(exports, "useOnEscapePressed", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useOnEscapePressed;
   }
 });
 Object.defineProperty(exports, "usePagination", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.usePagination;
   }
 });
 Object.defineProperty(exports, "usePrevious", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.usePrevious;
   }
 });
 Object.defineProperty(exports, "useThrottle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useThrottle;
   }
 });
 Object.defineProperty(exports, "useWindowFitment", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useWindowFitment;
   }
 });
@@ -479,9 +490,10 @@ var _TableRow = _interopRequireDefault(require("./components/TableRow"));
 var _Tabs = _interopRequireDefault(require("./components/Tabs"));
 var _Textarea = _interopRequireDefault(require("./components/Textarea"));
 var _Tooltip = _interopRequireDefault(require("./components/Tooltip"));
+var _TablePagination = _interopRequireDefault(require("./components/TablePagination"));
 var _hooks = require("./hooks");
 var _utils = require("./utils");
 var _enums = require("./enums");
-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, 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isNavigationButton = exports.isNavigationAnchor = exports.highlightSubString = exports.IS_DEV = void 0;
-var IS_DEV = process.env.NODE_ENV === "development";
+const IS_DEV = exports.IS_DEV = process.env.NODE_ENV === "development";
 
 /**
  * Find substring and wrap in <strong /> tag
@@ -12,18 +12,15 @@ var IS_DEV = process.env.NODE_ENV === "development";
  * @param {string} subString - The substring to find
  * @return {Obj} newStr - Object with text and match bool
  */
-exports.IS_DEV = IS_DEV;
-var highlightSubString = function highlightSubString(str, subString) {
+const highlightSubString = (str, subString) => {
   if (typeof str !== "string" || typeof subString !== "string") {
     return {
       text: str || "",
       match: false
     };
   }
-  var caseInsensitiveRegex = new RegExp(subString, "gi");
-  var newStr = str.replace(caseInsensitiveRegex, function (match) {
-    return "<strong>".concat(match, "</strong>");
-  });
+  const caseInsensitiveRegex = new RegExp(subString, "gi");
+  const newStr = str.replace(caseInsensitiveRegex, match => "<strong>".concat(match, "</strong>"));
   return {
     text: subString === "" ? str : newStr,
     match: newStr !== str
@@ -35,16 +32,12 @@ var highlightSubString = function highlightSubString(str, subString) {
  * @param link - The navigation item.
  */
 exports.highlightSubString = highlightSubString;
-var isNavigationAnchor = function isNavigationAnchor(link) {
-  return !!link.url;
-};
+const isNavigationAnchor = link => !!link.url;
 
 /**
  * Whether a navigation item is a button.
  * @param link - The navigation item.
  */
 exports.isNavigationAnchor = isNavigationAnchor;
-var isNavigationButton = function isNavigationButton(link) {
-  return !link.url;
-};
+const isNavigationButton = link => !link.url;
 exports.isNavigationButton = isNavigationButton;