@canonical/react-components 3.9.0 → 3.9.1

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"

package/dist/components/SideNavigation/SideNavigationLink/SideNavigationLink.js

@@ -7,14 +7,17 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SideNavigationBase = _interopRequireDefault(require("../SideNavigationBase"));
+const _excluded = ["component", "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 SideNavigationLink = _ref => {
   let {
-    component,
-    forwardRef,
-    ...props
-  } = _ref;
+      component,
+      forwardRef
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   let className = null;
   if ("className" in props && typeof props.className === "string") {
     className = props.className;

package/dist/components/SideNavigation/SideNavigationText/SideNavigationText.js

@@ -7,14 +7,17 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SideNavigationBase = _interopRequireDefault(require("../SideNavigationBase"));
+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; }
 const SideNavigationText = _ref => {
   let {
-    children,
-    className,
-    ...props
-  } = _ref;
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_SideNavigationBase.default, _extends({
     className: (0, _classnames.default)("p-side-navigation__text", className),
     component: "span",

package/dist/components/Slider/Slider.js

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Slider = exports.FILLED_COLOR = exports.EMPTY_COLOR = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Field = _interopRequireDefault(require("../Field"));
+const _excluded = ["caution", "disabled", "error", "help", "id", "inputDisabled", "label", "max", "min", "onChange", "required", "showInput"];
 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 _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 FILLED_COLOR = exports.FILLED_COLOR = "#0066CC";
 const EMPTY_COLOR = exports.EMPTY_COLOR = "#D9D9D9";
 /**
@@ -21,20 +24,20 @@ minimum and maximum value, however the precise value is not especially important
 const Slider = _ref => {
   var _navigator;
   let {
-    caution,
-    disabled = false,
-    error,
-    help,
-    id,
-    inputDisabled = false,
-    label,
-    max,
-    min,
-    onChange,
-    required = false,
-    showInput = false,
-    ...inputProps
-  } = _ref;
+      caution,
+      disabled = false,
+      error,
+      help,
+      id,
+      inputDisabled = false,
+      label,
+      max,
+      min,
+      onChange,
+      required = false,
+      showInput = false
+    } = _ref,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   const validationId = (0, _react.useId)();
   const helpId = (0, _react.useId)();
   const defaultSliderId = (0, _react.useId)();

package/dist/components/Spinner/Spinner.js

@@ -8,21 +8,24 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _CustomLayout = _interopRequireDefault(require("../CustomLayout"));
+const _excluded = ["className", "text", "isLight", "ariaLive", "role", "isMainComponent"];
 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 [Spin](https://docs.vanillaframework.io/settings/animation-settings/#spin) animation.
  */
 const Spinner = _ref => {
   let {
-    className,
-    text,
-    isLight = false,
-    ariaLive = "polite",
-    role = "alert",
-    isMainComponent = false,
-    ...props
-  } = _ref;
+      className,
+      text,
+      isLight = false,
+      ariaLive = "polite",
+      role = "alert",
+      isMainComponent = false
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const loader = /*#__PURE__*/_react.default.createElement("span", _extends({}, props, {
     className: (0, _classnames.default)(className, "p-text--default"),
     role: role,

package/dist/components/StatusLabel/StatusLabel.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.StatusLabelAppearance = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+const _excluded = ["appearance", "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; }
 const StatusLabelAppearance = exports.StatusLabelAppearance = {
   CAUTION: "caution",
   DEFAULT: "",
@@ -27,11 +30,11 @@ const StatusLabelAppearance = exports.StatusLabelAppearance = {
  */
 const StatusLabel = _ref => {
   let {
-    appearance,
-    children,
-    className,
-    ...labelProps
-  } = _ref;
+      appearance,
+      children,
+      className
+    } = _ref,
+    labelProps = _objectWithoutProperties(_ref, _excluded);
   const classes = (0, _classnames.default)(appearance ? "p-status-label--".concat(appearance) : "p-status-label", className);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, labelProps, {
     className: classes

package/dist/components/Stepper/Step/Step.js

@@ -10,22 +10,25 @@ var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("../../Icon"));
 var _Link = _interopRequireDefault(require("../../Link"));
 require("./Step.scss");
+const _excluded = ["hasProgressLine", "index", "title", "label", "linkProps", "enabled", "selected", "iconName", "iconClassName", "handleClick"];
 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 Step = _ref => {
   let {
-    hasProgressLine,
-    index,
-    title,
-    label,
-    linkProps,
-    enabled,
-    selected = false,
-    iconName,
-    iconClassName,
-    handleClick,
-    ...props
-  } = _ref;
+      hasProgressLine,
+      index,
+      title,
+      label,
+      linkProps,
+      enabled,
+      selected = false,
+      iconName,
+      iconClassName,
+      handleClick
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const stepStatusClass = enabled ? "step-enabled" : "step-disabled";
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)("step", {