@canonical/react-components 3.9.0 → 3.9.1

package/dist/components/MultiSelect/MultiSelect.js

@@ -10,10 +10,13 @@ var _react = _interopRequireWildcard(require("react"));
 require("./MultiSelect.scss");
 var _index = require("../../index");
 var _FadeInDown = require("./FadeInDown");
+const _excluded = ["items", "selectedItems", "disabledItems", "header", "updateItems", "onSelectItem", "onDeselectItem", "isOpen", "footer", "sortFn", "groupFn", "hasSelectedItemsFirst"];
 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 }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const sortAlphabetically = (a, b) => {
   return a.label.localeCompare(b.label, "en", {
     numeric: true
@@ -46,20 +49,20 @@ const getGroupedItems = items => {
 };
 const MultiSelectDropdown = _ref2 => {
   let {
-    items,
-    selectedItems,
-    disabledItems,
-    header,
-    updateItems,
-    onSelectItem,
-    onDeselectItem,
-    isOpen,
-    footer,
-    sortFn = sortAlphabetically,
-    groupFn = getGroupedItems,
-    hasSelectedItemsFirst = true,
-    ...props
-  } = _ref2;
+      items,
+      selectedItems,
+      disabledItems,
+      header,
+      updateItems,
+      onSelectItem,
+      onDeselectItem,
+      isOpen,
+      footer,
+      sortFn = sortAlphabetically,
+      groupFn = getGroupedItems,
+      hasSelectedItemsFirst = true
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
   const selectedItemValues = (0, _react.useMemo)(() => new Set(selectedItems.map(item => item.value)), [selectedItems]);
   const disabledItemValues = (0, _react.useMemo)(() => new Set(disabledItems.map(item => item.value)), [disabledItems]);
   const [previouslySelectedItemValues, setPreviouslySelectedItemValues] = (0, _react.useState)(new Set(selectedItemValues));

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -8,6 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _MultiSelect = require("./MultiSelect");
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Template = props => {
   const [selectedItems, setSelectedItems] = (0, _react.useState)(props.selectedItems || []);
@@ -47,19 +52,16 @@ const CondensedExample = exports.CondensedExample = {
   }
 };
 const SearchExample = exports.SearchExample = {
-  args: {
-    ...CondensedExample.args,
+  args: _objectSpread(_objectSpread({}, CondensedExample.args), {}, {
     variant: "search",
-    items: [...CondensedExample.args.items.map((item, i) => ({
-      ...item,
+    items: [...CondensedExample.args.items.map((item, i) => _objectSpread(_objectSpread({}, item), {}, {
       group: i % 2 === 0 ? "Group 1" : "Group 2"
     }))],
     id: "search-id"
-  }
+  })
 };
 const WithDisabledItems = exports.WithDisabledItems = {
-  args: {
-    ...CondensedExample.args,
+  args: _objectSpread(_objectSpread({}, CondensedExample.args), {}, {
     disabledItems: [{
       label: "Item 1",
       value: 1
@@ -67,7 +69,7 @@ const WithDisabledItems = exports.WithDisabledItems = {
       label: "Item 2",
       value: 2
     }]
-  }
+  })
 };
 const WithoutSorting = exports.WithoutSorting = {
   args: {
@@ -110,14 +112,12 @@ const WithoutSorting = exports.WithoutSorting = {
   }
 };
 const Disabled = exports.Disabled = {
-  args: {
-    ...CondensedExample.args,
+  args: _objectSpread(_objectSpread({}, CondensedExample.args), {}, {
     disabled: true
-  }
+  })
 };
 const HelpText = exports.HelpText = {
-  args: {
-    ...CondensedExample.args,
+  args: _objectSpread(_objectSpread({}, CondensedExample.args), {}, {
     help: /*#__PURE__*/_react.default.createElement("span", null, "This is a help text, that should appear underneath the component.")
-  }
+  })
 };

package/dist/components/Navigation/Navigation.js

@@ -11,10 +11,19 @@ var _NavigationMenu = _interopRequireDefault(require("./NavigationMenu"));
 var _SearchBox = _interopRequireDefault(require("../SearchBox"));
 var _hooks = require("../../hooks");
 var _enums = require("../../enums");
+const _excluded = ["url", "src", "title", "icon", "aria-current", "aria-label"],
+  _excluded2 = ["fullWidth", "generateLink", "items", "itemsRight", "leftNavProps", "logo", "navProps", "rightNavProps", "searchProps", "theme"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Narrow the type of the nav item to a NavMenu.
  */
@@ -32,14 +41,14 @@ const isLogoProps = logo => ! /*#__PURE__*/(0, _react.isValidElement)(logo);
 const generateLogo = (logo, generateLink) => {
   if (isLogoProps(logo)) {
     const {
-      url,
-      src,
-      title,
-      icon,
-      "aria-current": ariaCurrent,
-      "aria-label": ariaLabel,
-      ...logoProps
-    } = logo;
+        url,
+        src,
+        title,
+        icon,
+        "aria-current": ariaCurrent,
+        "aria-label": ariaLabel
+      } = logo,
+      logoProps = _objectWithoutProperties(logo, _excluded);
     const content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "p-navigation__logo-tag"
     }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/_react.default.createElement("img", {
@@ -85,15 +94,14 @@ const generateItems = (items, closeMobileMenu, generateLink) => items.map((item,
   key: i
 }, /*#__PURE__*/_react.default.createElement(_NavigationLink.default, {
   generateLink: generateLink,
-  link: {
-    ...item,
+  link: _objectSpread(_objectSpread({}, item), {}, {
     className: (0, _classnames.default)("p-navigation__link", item.className),
     onClick: evt => {
       var _item$onClick;
       (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, evt);
       closeMobileMenu();
     }
-  }
+  })
 })));
 
 /**
@@ -106,18 +114,18 @@ displayed horizontally on larger screens.
  */
 const Navigation = _ref => {
   let {
-    fullWidth,
-    generateLink,
-    items,
-    itemsRight,
-    leftNavProps,
-    logo,
-    navProps,
-    rightNavProps,
-    searchProps,
-    theme,
-    ...headerProps
-  } = _ref;
+      fullWidth,
+      generateLink,
+      items,
+      itemsRight,
+      leftNavProps,
+      logo,
+      navProps,
+      rightNavProps,
+      searchProps,
+      theme
+    } = _ref,
+    headerProps = _objectWithoutProperties(_ref, _excluded2);
   const searchRef = (0, _react.useRef)(null);
   const [mobileMenuOpen, setMobileMenuOpen] = (0, _react.useState)(false);
   const [searchOpen, setSearchOpen] = (0, _react.useState)(false);

package/dist/components/Navigation/NavigationLink/NavigationLink.js

@@ -7,8 +7,18 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../../utils");
+const _excluded = ["isSelected"],
+  _excluded2 = ["isSelected", "label", "url"],
+  _excluded3 = ["isSelected", "label", "url"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * This component is used internally to display links inside the Navigation component.
  */
@@ -20,33 +30,32 @@ const NavigationLink = _ref => {
   // const ariaCurrent = isSelected ? "page" : undefined;
   if (generateLink) {
     const {
-      isSelected,
-      ...linkProps
-    } = link;
+        isSelected
+      } = link,
+      linkProps = _objectWithoutProperties(link, _excluded);
     // If a function has been provided then use it to generate the link element.
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, generateLink({
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, generateLink(_objectSpread({
       isSelected,
-      "aria-current": isSelected ? "page" : undefined,
-      ...linkProps
-    }));
+      "aria-current": isSelected ? "page" : undefined
+    }, linkProps)));
   } else if ((0, _utils.isNavigationAnchor)(link)) {
     const {
-      isSelected,
-      label,
-      url,
-      ...linkProps
-    } = link;
+        isSelected,
+        label,
+        url
+      } = link,
+      linkProps = _objectWithoutProperties(link, _excluded2);
     return /*#__PURE__*/_react.default.createElement("a", _extends({}, linkProps, {
       href: url,
       "aria-current": isSelected ? "page" : undefined
     }), label);
   } else if ((0, _utils.isNavigationButton)(link)) {
     const {
-      isSelected,
-      label,
-      url: _url,
-      ...linkProps
-    } = link;
+        isSelected,
+        label,
+        url: _url
+      } = link,
+      linkProps = _objectWithoutProperties(link, _excluded3);
     return /*#__PURE__*/_react.default.createElement("button", _extends({}, linkProps, {
       "aria-current": isSelected ? "page" : undefined
     }), label);

package/dist/components/Navigation/NavigationMenu/NavigationMenu.js

@@ -8,21 +8,29 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _NavigationLink = _interopRequireDefault(require("../NavigationLink"));
 var _hooks = require("../../../hooks");
+const _excluded = ["alignRight", "generateLink", "items", "label"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * This component is used internally to display menus inside the Navigation component.
  */
 const NavigationMenu = _ref => {
   let {
-    alignRight,
-    generateLink,
-    items,
-    label,
-    ...props
-  } = _ref;
+      alignRight,
+      generateLink,
+      items,
+      label
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const closeMenu = (0, _react.useCallback)(() => setIsOpen(false), [setIsOpen]);
   const menuRef = (0, _react.useRef)(null);
@@ -50,10 +58,9 @@ const NavigationMenu = _ref => {
     key: i
   }, /*#__PURE__*/_react.default.createElement(_NavigationLink.default, {
     generateLink: generateLink,
-    link: {
-      ...item,
+    link: _objectSpread(_objectSpread({}, item), {}, {
       className: (0, _classnames.default)("p-navigation__dropdown-item", item.className)
-    }
+    })
   })))));
 };
 var _default = exports.default = NavigationMenu;

package/dist/components/Notifications/Notification/Notification.js

@@ -8,10 +8,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireWildcard(require("../../Button"));
 var _utils = require("../../../utils");
+const _excluded = ["actions", "borderless", "children", "className", "close", "inline", "onDismiss", "severity", "status", "timeout", "timestamp", "title", "titleElement", "type"];
 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 }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 let Label = exports.Label = /*#__PURE__*/function (Label) {
   Label["Close"] = "Close notification";
   return Label;
@@ -60,22 +63,22 @@ to reflect the new prop name.
  */
 const Notification = _ref => {
   let {
-    actions,
-    borderless = false,
-    children,
-    className,
-    close,
-    inline = false,
-    onDismiss,
-    severity = NotificationSeverity.INFORMATION,
-    status,
-    timeout,
-    timestamp,
-    title,
-    titleElement: TitleComponent = "h5",
-    type,
-    ...props
-  } = _ref;
+      actions,
+      borderless = false,
+      children,
+      className,
+      close,
+      inline = false,
+      onDismiss,
+      severity = NotificationSeverity.INFORMATION,
+      status,
+      timeout,
+      timestamp,
+      title,
+      titleElement: TitleComponent = "h5",
+      type
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const timeoutId = (0, _react.useRef)(null);
   const hasActions = (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
   const showMeta = !!timestamp || hasActions;

package/dist/components/Notifications/ToastNotification/ToastNotificationProvider.js

@@ -11,6 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 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 }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const HIDE_NOTIFICATION_DELAY = 5000;
 const initialNotification = {
   id: "",
@@ -160,11 +165,10 @@ const ToastNotificationProvider = _ref => {
   };
   const addNotification = notification => {
     var _notification$id;
-    const notificationToAdd = {
-      ...notification,
+    const notificationToAdd = _objectSpread(_objectSpread({}, notification), {}, {
       timestamp: new Date().toLocaleString(),
       id: (_notification$id = notification.id) !== null && _notification$id !== void 0 ? _notification$id : Date.now().toString() + (Math.random() + 1).toString(36).substring(7)
-    };
+    });
     setNotifications(prev => {
       return [...prev, notificationToAdd];
     });
@@ -209,22 +213,18 @@ const ToastNotificationProvider = _ref => {
   });
   const helper = {
     notifications,
-    failure: (title, error, message, actions, id) => addNotification({
-      ...(0, _NotificationProvider.failure)(title, error, message, actions),
+    failure: (title, error, message, actions, id) => addNotification(_objectSpread(_objectSpread({}, (0, _NotificationProvider.failure)(title, error, message, actions)), {}, {
       id
-    }),
-    info: (message, title, actions, id) => addNotification({
-      ...(0, _NotificationProvider.info)(message, title, actions),
+    })),
+    info: (message, title, actions, id) => addNotification(_objectSpread(_objectSpread({}, (0, _NotificationProvider.info)(message, title, actions)), {}, {
       id
-    }),
-    success: (message, actions, title, id) => addNotification({
-      ...(0, _NotificationProvider.success)(message, title, actions),
+    })),
+    success: (message, actions, title, id) => addNotification(_objectSpread(_objectSpread({}, (0, _NotificationProvider.success)(message, title, actions)), {}, {
       id
-    }),
-    caution: (message, actions, title, id) => addNotification({
-      ...(0, _NotificationProvider.caution)(message, title, actions),
+    })),
+    caution: (message, actions, title, id) => addNotification(_objectSpread(_objectSpread({}, (0, _NotificationProvider.caution)(message, title, actions)), {}, {
       id
-    }),
+    })),
     clear,
     toggleListView,
     isListView: showList,

package/dist/components/Pagination/Pagination.js

@@ -8,8 +8,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
 var _PaginationItem = _interopRequireDefault(require("./PaginationItem"));
+const _excluded = ["itemsPerPage", "totalItems", "paginate", "currentPage", "scrollToTop", "truncateThreshold", "centered", "showLabels", "hideNumbers", "onForward", "onBack", "forwardDisabled", "backDisabled", "forwardLabel", "backLabel"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const scrollTop = () => window.scrollTo(0, 0);
 const generatePaginationItems = (pageNumbers, currentPage, truncateThreshold, changePage) => {
   const lastPage = pageNumbers.length;
@@ -104,23 +107,23 @@ The pagination component should be used to navigate between pages of content. Th
  */
 const Pagination = _ref => {
   let {
-    itemsPerPage,
-    totalItems,
-    paginate,
-    currentPage,
-    scrollToTop,
-    truncateThreshold = 10,
-    centered,
-    showLabels,
-    hideNumbers,
-    onForward,
-    onBack,
-    forwardDisabled,
-    backDisabled,
-    forwardLabel,
-    backLabel,
-    ...navProps
-  } = _ref;
+      itemsPerPage,
+      totalItems,
+      paginate,
+      currentPage,
+      scrollToTop,
+      truncateThreshold = 10,
+      centered,
+      showLabels,
+      hideNumbers,
+      onForward,
+      onBack,
+      forwardDisabled,
+      backDisabled,
+      forwardLabel,
+      backLabel
+    } = _ref,
+    navProps = _objectWithoutProperties(_ref, _excluded);
   const isNumberedPagination = !!itemsPerPage && !!totalItems && !!currentPage && !!paginate;
   const pageNumbers = [];
   if (isNumberedPagination) {

package/dist/components/Panel/Panel.js

@@ -7,20 +7,24 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../utils");
+const _excluded = ["icon", "iconAlt", "name", "nameAlt", "component"],
+  _excluded2 = ["forwardRef", "children", "className", "contentClassName", "controlsClassName", "controls", "dark", "header", "logo", "stickyHeader", "title", "titleClassName", "titleComponent", "titleId", "toggle", "wrapContent"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const generateLogo = logo => {
   if ((0, _utils.isReactNode)(logo)) {
     return logo;
   }
   const {
-    icon,
-    iconAlt,
-    name,
-    nameAlt,
-    component: Component = "a",
-    ...props
-  } = logo;
+      icon,
+      iconAlt,
+      name,
+      nameAlt,
+      component: Component = "a"
+    } = logo,
+    props = _objectWithoutProperties(logo, _excluded);
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
     className: "p-panel__logo"
   }, props), /*#__PURE__*/_react.default.createElement("img", {
@@ -47,24 +51,24 @@ const generateLogo = logo => {
  */
 const Panel = _ref => {
   let {
-    forwardRef,
-    children,
-    className,
-    contentClassName,
-    controlsClassName,
-    controls,
-    dark,
-    header,
-    logo,
-    stickyHeader,
-    title,
-    titleClassName,
-    titleComponent: TitleComponent = "h4",
-    titleId,
-    toggle,
-    wrapContent = true,
-    ...props
-  } = _ref;
+      forwardRef,
+      children,
+      className,
+      contentClassName,
+      controlsClassName,
+      controls,
+      dark,
+      header,
+      logo,
+      stickyHeader,
+      title,
+      titleClassName,
+      titleComponent: TitleComponent = "h4",
+      titleId,
+      toggle,
+      wrapContent = true
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded2);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
     className: (0, _classnames.default)("p-panel", className, {
       "is-dark": dark

package/dist/components/PasswordToggle/PasswordToggle.js

@@ -10,10 +10,13 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _Field = _interopRequireDefault(require("../Field"));
 var _Label = _interopRequireDefault(require("../Label"));
 require("./PasswordToggle.scss");
+const _excluded = ["caution", "className", "error", "help", "id", "label", "readOnly", "required", "success", "type", "wrapperClassName"];
 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 }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 let Label = exports.Label = /*#__PURE__*/function (Label) {
   Label["Hide"] = "Hide";
   Label["Show"] = "Show";
@@ -29,19 +32,19 @@ let Label = exports.Label = /*#__PURE__*/function (Label) {
  */
 const PasswordToggle = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
-    caution,
-    className,
-    error,
-    help,
-    id,
-    label,
-    readOnly,
-    required,
-    success,
-    type,
-    wrapperClassName,
-    ...inputProps
-  } = _ref;
+      caution,
+      className,
+      error,
+      help,
+      id,
+      label,
+      readOnly,
+      required,
+      success,
+      type,
+      wrapperClassName
+    } = _ref,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   const [isPassword, setIsPassword] = (0, _react.useState)(true);
   const validationId = (0, _react.useId)();
   const helpId = (0, _react.useId)();