@canonical/react-components 3.8.3 → 3.9.1

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)();

package/dist/components/RadioInput/RadioInput.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CheckableInput = _interopRequireDefault(require("../CheckboxInput/CheckableInput"));
+const _excluded = ["label"];
 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; }
 /**
  * This is a [React](https://reactjs.org/) component for the Vanilla [Radio input](https://docs.vanillaframework.io/base/forms#radio-button).
  *
@@ -15,9 +18,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const RadioInput = _ref => {
   let {
-    label,
-    ...radioProps
-  } = _ref;
+      label
+    } = _ref,
+    radioProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_CheckableInput.default, _extends({
     inputType: "radio",
     label: label

package/dist/components/Row/Row.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["children", "className"];
 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; }
 /**
  * This is a [React](https://reactjs.org/) component for use within the Vanilla [Grid](https://docs.vanillaframework.io/patterns/grid/).
  *
@@ -15,10 +18,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const Row = _ref => {
   let {
-    children,
-    className,
-    ...props
-  } = _ref;
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(className, "row")
   }, props), children);

package/dist/components/ScrollableTable/ScrollableTable.stories.js

@@ -9,6 +9,11 @@ var _ScrollableTable = _interopRequireDefault(require("./ScrollableTable"));
 var _index = require("../../index");
 var _blocks = require("@storybook/blocks");
 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 meta = {
   component: _ScrollableTable.default,
   tags: ["autodocs"]
@@ -69,10 +74,9 @@ const Responsive = exports.Responsive = {
   args: {
     belowIds: ["footer"]
   },
-  render: args => StoryExample({
-    ...args,
+  render: args => StoryExample(_objectSpread(_objectSpread({}, args), {}, {
     responsive: true
-  }),
+  })),
   parameters: {
     docs: {
       page: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_blocks.Title, null), /*#__PURE__*/_react.default.createElement(_blocks.Subtitle, null), /*#__PURE__*/_react.default.createElement(_blocks.Description, null))

package/dist/components/SearchAndFilter/SearchAndFilter.js

@@ -10,10 +10,13 @@ var _FilterPanelSection = _interopRequireDefault(require("./FilterPanelSection")
 var _Chip = _interopRequireDefault(require("../Chip"));
 var _utils = require("./utils");
 var _hooks = require("../../hooks");
+const _excluded = ["existingSearchData", "filterPanelData", "returnSearchData", "onPanelToggle", "onExpandChange"];
 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["AddFilter"] = "Add filter";
   Label["Clear"] = "Clear input";
@@ -25,13 +28,13 @@ let Label = exports.Label = /*#__PURE__*/function (Label) {
  */
 const SearchAndFilter = _ref => {
   let {
-    existingSearchData = [],
-    filterPanelData,
-    returnSearchData,
-    onPanelToggle = () => {},
-    onExpandChange = () => {},
-    ...props
-  } = _ref;
+      existingSearchData = [],
+      filterPanelData,
+      returnSearchData,
+      onPanelToggle = () => {},
+      onExpandChange = () => {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [searchData, setSearchData] = (0, _react.useState)(existingSearchData);
   const [searchTerm, setSearchTerm] = (0, _react.useState)("");
   const [filterPanelHidden, setFilterPanelHidden] = (0, _react.useState)(true);

package/dist/components/SearchBox/SearchBox.js

@@ -7,10 +7,13 @@ exports.default = exports.Label = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
+const _excluded = ["name", "id", "autocomplete", "className", "disabled", "externallyControlled", "onChange", "onSearch", "onClear", "placeholder", "shouldBlurOnSearch", "shouldRefocusAfterReset", "value"];
 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["Clear"] = "Clear search field";
   Label["Search"] = "Search";
@@ -23,21 +26,21 @@ let Label = exports.Label = /*#__PURE__*/function (Label) {
  */
 const SearchBox = /*#__PURE__*/_react.default.forwardRef((_ref, forwardedRef) => {
   let {
-    name = "search",
-    id = "search",
-    autocomplete = "on",
-    className,
-    disabled,
-    externallyControlled,
-    onChange,
-    onSearch,
-    onClear,
-    placeholder = "Search",
-    shouldBlurOnSearch = true,
-    shouldRefocusAfterReset,
-    value,
-    ...props
-  } = _ref;
+      name = "search",
+      id = "search",
+      autocomplete = "on",
+      className,
+      disabled,
+      externallyControlled,
+      onChange,
+      onSearch,
+      onClear,
+      placeholder = "Search",
+      shouldBlurOnSearch = true,
+      shouldRefocusAfterReset,
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const internalRef = (0, _react.useRef)(null);
   const resetInput = () => {
     onChange === null || onChange === void 0 || onChange("");

package/dist/components/Select/Select.js

@@ -7,20 +7,24 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Field = _interopRequireDefault(require("../Field"));
+const _excluded = ["label", "value"],
+  _excluded2 = ["caution", "className", "error", "help", "helpClassName", "id", "label", "labelClassName", "onChange", "options", "required", "stacked", "success", "takeFocus", "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; }
 /**
  * The props for the Select component.
  */
 
 const generateOptions = options => options === null || options === void 0 ? void 0 : options.map(_ref => {
   let {
-    label,
-    value,
-    ...props
-  } = _ref;
+      label,
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("option", _extends({
     value: value,
     key: "".concat(value) || label
@@ -34,23 +38,23 @@ const generateOptions = options => options === null || options === void 0 ? void
  */
 const Select = _ref2 => {
   let {
-    caution,
-    className,
-    error,
-    help,
-    helpClassName,
-    id,
-    label,
-    labelClassName,
-    onChange,
-    options,
-    required,
-    stacked,
-    success,
-    takeFocus,
-    wrapperClassName,
-    ...selectProps
-  } = _ref2;
+      caution,
+      className,
+      error,
+      help,
+      helpClassName,
+      id,
+      label,
+      labelClassName,
+      onChange,
+      options,
+      required,
+      stacked,
+      success,
+      takeFocus,
+      wrapperClassName
+    } = _ref2,
+    selectProps = _objectWithoutProperties(_ref2, _excluded2);
   const selectRef = (0, _react.useRef)(null);
   const validationId = (0, _react.useId)();
   const defaultSelectId = (0, _react.useId)();

package/dist/components/SideNavigation/SideNavigation.js

@@ -8,7 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SideNavigationItem = _interopRequireDefault(require("./SideNavigationItem"));
 var _utils = require("../../utils");
+const _excluded = ["items"],
+  _excluded2 = ["children", "className", "dark", "hasIcons", "items", "linkComponent", "listClassName", "navClassName"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
 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 generateItem = (item, index, linkComponent, dark) => {
   if ((0, _utils.isReactNode)(item)) {
@@ -44,10 +48,12 @@ const generateItems = (groups, listClassName, linkComponent, dark) => {
     let items;
     let props = {};
     if (typeof group === "object" && "items" in group) {
+      var _group = group;
       ({
-        items,
-        ...props
-      } = group);
+        items
+      } = _group);
+      props = _objectWithoutProperties(_group, _excluded);
+      _group;
     } else {
       items = group;
     }
@@ -68,16 +74,16 @@ const getHasIcons = groups => groups === null || groups === void 0 ? void 0 : gr
  */
 const SideNavigation = _ref2 => {
   let {
-    children,
-    className,
-    dark,
-    hasIcons,
-    items,
-    linkComponent,
-    listClassName,
-    navClassName,
-    ...props
-  } = _ref2;
+      children,
+      className,
+      dark,
+      hasIcons,
+      items,
+      linkComponent,
+      listClassName,
+      navClassName
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(className, {
       "p-side-navigation--icons": hasIcons || getHasIcons(items),

package/dist/components/SideNavigation/SideNavigationBase/SideNavigationBase.js

@@ -6,18 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("../../Icon"));
+const _excluded = ["component", "dark", "icon", "label", "status", "forwardRef"];
 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 SideNavigationBase = _ref => {
   let {
-    component: Component,
-    dark,
-    icon,
-    label,
-    status,
-    forwardRef,
-    ...props
-  } = _ref;
+      component: Component,
+      dark,
+      icon,
+      label,
+      status,
+      forwardRef
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
     ref: forwardRef
   }, props), icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {

package/dist/components/SideNavigation/SideNavigationItem/SideNavigationItem.js

@@ -7,24 +7,30 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _SideNavigationLink = _interopRequireDefault(require("../SideNavigationLink"));
 var _SideNavigationText = _interopRequireDefault(require("../SideNavigationText"));
+const _excluded = ["nonInteractive"],
+  _excluded2 = ["children"];
 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 SideNavigationItem = props => {
   let content;
   let liProps = {};
   if ("nonInteractive" in props) {
     const {
-      nonInteractive: _,
-      ...textProps
-    } = props;
+        nonInteractive: _
+      } = props,
+      textProps = _objectWithoutProperties(props, _excluded);
     content = /*#__PURE__*/_react.default.createElement(_SideNavigationText.default, textProps);
   } else if (!("children" in props)) {
     content = /*#__PURE__*/_react.default.createElement(_SideNavigationLink.default, props);
   } else {
+    var _props = props;
     ({
-      children: content,
-      ...liProps
-    } = props);
+      children: content
+    } = _props);
+    liProps = _objectWithoutProperties(_props, _excluded2);
+    _props;
   }
   return /*#__PURE__*/_react.default.createElement("li", _extends({
     className: "p-side-navigation__item"