@canonical/react-components 3.8.3 → 3.9.1

package/dist/components/Chip/Chip.js

@@ -7,8 +7,11 @@ exports.default = exports.Label = exports.ChipType = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../utils");
 var _classnames = _interopRequireDefault(require("classnames"));
+const _excluded = ["appearance", "lead", "onClick", "onDismiss", "quoteValue", "selected", "subString", "isReadOnly", "isDense", "isInline", "iconName", "badge", "value"];
 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["Dismiss"] = "Dismiss";
   return Label;
@@ -26,21 +29,21 @@ const ChipType = exports.ChipType = {
  */
 const Chip = _ref => {
   let {
-    appearance,
-    lead = "",
-    onClick,
-    onDismiss,
-    quoteValue,
-    selected,
-    subString = "",
-    isReadOnly = false,
-    isDense = false,
-    isInline = false,
-    iconName,
-    badge,
-    value,
-    ...props
-  } = _ref;
+      appearance,
+      lead = "",
+      onClick,
+      onDismiss,
+      quoteValue,
+      selected,
+      subString = "",
+      isReadOnly = false,
+      isDense = false,
+      isInline = false,
+      iconName,
+      badge,
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   // When user tabs over chip and presses Enter or Space key, chip will trigger
   // click functionality
   const onKeyDown = e => {

package/dist/components/Code/Code.js

@@ -8,22 +8,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _CodeSnippet = _interopRequireWildcard(require("../CodeSnippet"));
 var _utils = require("../../utils");
+const _excluded = ["children", "className", "inline", "copyable", "numbered"];
 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; }
 /**
  * @deprecated Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.
  */
 const Code = _ref => {
   let {
-    children,
-    className,
-    inline,
-    copyable,
-    numbered,
-    ...props
-  } = _ref;
+      children,
+      className,
+      inline,
+      copyable,
+      numbered
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (_utils.IS_DEV) {
     console.warn("Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.");
   }

package/dist/components/CodeSnippet/CodeSnippet.js

@@ -7,8 +7,11 @@ exports.default = CodeSnippet;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _CodeSnippetBlock = _interopRequireDefault(require("./CodeSnippetBlock"));
+const _excluded = ["className", "blocks"];
 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 [Code snippet](https://docs.vanillaframework.io/base/code#code-snippet).
  *
@@ -18,10 +21,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 function CodeSnippet(_ref) {
   let {
-    className,
-    blocks,
-    ...props
-  } = _ref;
+      className,
+      blocks
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)("p-code-snippet", {
       "is-bordered": blocks.some(block => block.content)

package/dist/components/CodeSnippet/CodeSnippetDropdown.js

@@ -5,23 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CodeSnippetDropdown;
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["options", "onChange"],
+  _excluded2 = ["label", "value"];
 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; }
 function CodeSnippetDropdown(_ref) {
   let {
-    options,
-    onChange,
-    ...props
-  } = _ref;
+      options,
+      onChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("select", _extends({
     className: "p-code-snippet__dropdown",
     onChange: onChange
   }, props), options.map(_ref2 => {
     let {
-      label,
-      value,
-      ...props
-    } = _ref2;
+        label,
+        value
+      } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2);
     return /*#__PURE__*/_react.default.createElement("option", _extends({
       value: value,
       key: value + "" || label

package/dist/components/Col/Col.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.colSizes = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["children", "className", "element", "emptyLarge", "emptyMedium", "emptySmall", "large", "medium", "size", "small"];
 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 colSizes = exports.colSizes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 /**
  * This is a [React](https://reactjs.org/) component for use within the Vanilla [Grid](https://docs.vanillaframework.io/patterns/grid/).
@@ -16,18 +19,18 @@ const colSizes = exports.colSizes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  */
 const Col = _ref => {
   let {
-    children,
-    className,
-    element: Component = "div",
-    emptyLarge,
-    emptyMedium,
-    emptySmall,
-    large,
-    medium,
-    size,
-    small,
-    ...props
-  } = _ref;
+      children,
+      className,
+      element: Component = "div",
+      emptyLarge,
+      emptyMedium,
+      emptySmall,
+      large,
+      medium,
+      size,
+      small
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
     className: (0, _classnames.default)(className, "col-".concat(size), {
       ["col-small-".concat(small)]: !!small,

package/dist/components/ColumnSelector/columnSelectorHelper.js

@@ -4,12 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.visibleRowColumns = exports.visibleHeaderColumns = void 0;
+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 visibleRowColumns = (rows, hiddenCols) => {
   return rows.map(row => {
-    return {
-      ...row,
+    return _objectSpread(_objectSpread({}, row), {}, {
       columns: row.columns.filter(item => !hiddenCols.includes(item["aria-label"]))
-    };
+    });
   });
 };
 exports.visibleRowColumns = visibleRowColumns;

package/dist/components/ConfirmationButton/ConfirmationButton.js

@@ -8,8 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 var _ConfirmationModal = _interopRequireDefault(require("../ConfirmationModal"));
 var _external = require("../../external");
+const _excluded = ["confirmationModalProps", "onHoverText", "shiftClickEnabled", "showShiftClickHint", "preModalOpenHook"];
 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 generateTitle = title => {
   if (typeof title === "string") {
     return title;
@@ -24,13 +27,13 @@ const generateTitle = title => {
  */
 const ConfirmationButton = _ref => {
   let {
-    confirmationModalProps,
-    onHoverText,
-    shiftClickEnabled = false,
-    showShiftClickHint = false,
-    preModalOpenHook,
-    ...actionButtonProps
-  } = _ref;
+      confirmationModalProps,
+      onHoverText,
+      shiftClickEnabled = false,
+      showShiftClickHint = false,
+      preModalOpenHook
+    } = _ref,
+    actionButtonProps = _objectWithoutProperties(_ref, _excluded);
   const {
     openPortal,
     closePortal,

package/dist/components/ConfirmationModal/ConfirmationModal.js

@@ -8,26 +8,29 @@ var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
+const _excluded = ["cancelButtonLabel", "cancelButtonProps", "children", "confirmButtonAppearance", "confirmButtonLabel", "confirmExtra", "onConfirm", "confirmButtonLoading", "confirmButtonDisabled", "confirmButtonProps"];
 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; }
 /**
  * `ConfirmationModal` is a specialised version of the [Modal](?path=/docs/modal--default-story) component to prompt a confirmation from the user before executing an action.
  */
 const ConfirmationModal = _ref => {
   var _cancelButtonProps$ty;
   let {
-    cancelButtonLabel = "Cancel",
-    cancelButtonProps,
-    children,
-    confirmButtonAppearance = "negative",
-    confirmButtonLabel,
-    confirmExtra,
-    onConfirm,
-    confirmButtonLoading,
-    confirmButtonDisabled,
-    confirmButtonProps,
-    ...props
-  } = _ref;
+      cancelButtonLabel = "Cancel",
+      cancelButtonProps,
+      children,
+      confirmButtonAppearance = "negative",
+      confirmButtonLabel,
+      confirmExtra,
+      onConfirm,
+      confirmButtonLoading,
+      confirmButtonDisabled,
+      confirmButtonProps
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const handleClick = action => event => {
     if (!props.shouldPropagateClickEvent) {
       event.stopPropagation();

package/dist/components/ContextualMenu/ContextualMenu.js

@@ -10,10 +10,13 @@ var _hooks = require("../../hooks");
 var _Button = _interopRequireDefault(require("../Button"));
 var _ContextualMenuDropdown = _interopRequireDefault(require("./ContextualMenuDropdown"));
 var _external = require("../../external");
+const _excluded = ["autoAdjust", "children", "className", "closeOnEsc", "closeOnOutsideClick", "constrainPanelWidth", "dropdownClassName", "dropdownProps", "hasToggleIcon", "links", "onToggleMenu", "position", "positionNode", "scrollOverflow", "toggle", "toggleAppearance", "toggleClassName", "toggleDisabled", "toggleLabel", "toggleLabelFirst", "toggleProps", "visible"];
 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["Toggle"] = "Toggle menu";
   return Label;
@@ -55,30 +58,30 @@ const getPositionNodeVisible = positionNode => {
  */
 const ContextualMenu = _ref => {
   let {
-    autoAdjust = true,
-    children,
-    className,
-    closeOnEsc = true,
-    closeOnOutsideClick = true,
-    constrainPanelWidth,
-    dropdownClassName,
-    dropdownProps,
-    hasToggleIcon,
-    links,
-    onToggleMenu,
-    position = "right",
-    positionNode,
-    scrollOverflow,
-    toggle,
-    toggleAppearance,
-    toggleClassName,
-    toggleDisabled,
-    toggleLabel,
-    toggleLabelFirst = true,
-    toggleProps,
-    visible = false,
-    ...wrapperProps
-  } = _ref;
+      autoAdjust = true,
+      children,
+      className,
+      closeOnEsc = true,
+      closeOnOutsideClick = true,
+      constrainPanelWidth,
+      dropdownClassName,
+      dropdownProps,
+      hasToggleIcon,
+      links,
+      onToggleMenu,
+      position = "right",
+      positionNode,
+      scrollOverflow,
+      toggle,
+      toggleAppearance,
+      toggleClassName,
+      toggleDisabled,
+      toggleLabel,
+      toggleLabelFirst = true,
+      toggleProps,
+      visible = false
+    } = _ref,
+    wrapperProps = _objectWithoutProperties(_ref, _excluded);
   const id = (0, _react.useId)();
   const wrapper = (0, _react.useRef)(null);
   const [positionCoords, setPositionCoords] = (0, _react.useState)();

package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.js

@@ -8,10 +8,19 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../../../hooks");
 var _Button = _interopRequireDefault(require("../../Button"));
+const _excluded = ["children", "className", "onClick"],
+  _excluded2 = ["adjustedPosition", "autoAdjust", "handleClose", "constrainPanelWidth", "dropdownClassName", "dropdownContent", "id", "isOpen", "links", "position", "positionCoords", "positionNode", "scrollOverflow", "setAdjustedPosition", "contextualMenuClassName"];
 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; }
+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); }
 let Label = exports.Label = /*#__PURE__*/function (Label) {
   Label["Dropdown"] = "submenu";
   return Label;
@@ -55,15 +64,13 @@ const getPositionStyle = (position, verticalPosition, positionCoords, constrainP
     default:
       break;
   }
-  return {
+  return _objectSpread({
     position: "absolute",
     left: leftPos,
-    top: topPos,
-    // The width only needs to be set if the width is to be constrained.
-    ...(constrainPanelWidth ? {
-      width
-    } : null)
-  };
+    top: topPos
+  }, constrainPanelWidth ? {
+    width
+  } : null);
 };
 
 /**
@@ -106,11 +113,11 @@ const adjustForWindow = (position, fitsWindow) => {
 exports.adjustForWindow = adjustForWindow;
 const generateLink = (link, key, handleClose) => {
   const {
-    children,
-    className,
-    onClick,
-    ...props
-  } = link;
+      children,
+      className,
+      onClick
+    } = link,
+    props = _objectWithoutProperties(link, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
     className: (0, _classnames.default)("p-contextual-menu__link", className),
     key: key,
@@ -152,23 +159,23 @@ const getNearestParentsZIndex = element => {
 exports.getNearestParentsZIndex = getNearestParentsZIndex;
 const ContextualMenuDropdown = _ref => {
   let {
-    adjustedPosition,
-    autoAdjust,
-    handleClose,
-    constrainPanelWidth,
-    dropdownClassName,
-    dropdownContent,
-    id,
-    isOpen,
-    links,
-    position,
-    positionCoords,
-    positionNode,
-    scrollOverflow,
-    setAdjustedPosition,
-    contextualMenuClassName,
-    ...props
-  } = _ref;
+      adjustedPosition,
+      autoAdjust,
+      handleClose,
+      constrainPanelWidth,
+      dropdownClassName,
+      dropdownContent,
+      id,
+      isOpen,
+      links,
+      position,
+      positionCoords,
+      positionNode,
+      scrollOverflow,
+      setAdjustedPosition,
+      contextualMenuClassName
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded2);
   const dropdown = (0, _react.useRef)(null);
   const [verticalPosition, setVerticalPosition] = (0, _react.useState)("bottom");
   const [positionStyle, setPositionStyle] = (0, _react.useState)(getPositionStyle(adjustedPosition, verticalPosition, positionCoords, constrainPanelWidth));
@@ -246,21 +253,17 @@ const ContextualMenuDropdown = _ref => {
       "aria-hidden": isOpen ? "false" : "true",
       "aria-label": Label.Dropdown,
       ref: dropdown,
-      style: {
-        ...(constrainPanelWidth && positionStyle !== null && positionStyle !== void 0 && positionStyle.width ? {
-          width: positionStyle.width,
-          minWidth: 0,
-          maxWidth: "none"
-        } : {}),
-        ...(scrollOverflow ? {
-          maxHeight,
-          minHeight: "2rem",
-          overflowX: "auto"
-        } : {}),
-        ...(verticalPosition === "top" ? {
-          bottom: "0"
-        } : {})
-      }
+      style: _objectSpread(_objectSpread(_objectSpread({}, constrainPanelWidth && positionStyle !== null && positionStyle !== void 0 && positionStyle.width ? {
+        width: positionStyle.width,
+        minWidth: 0,
+        maxWidth: "none"
+      } : {}), scrollOverflow ? {
+        maxHeight,
+        minHeight: "2rem",
+        overflowX: "auto"
+      } : {}), verticalPosition === "top" ? {
+        bottom: "0"
+      } : {})
     }, props), dropdownContent ? typeof dropdownContent === "function" ? dropdownContent(handleClose) : dropdownContent : links.map((item, i) => {
       if (Array.isArray(item)) {
         return /*#__PURE__*/_react.default.createElement("span", {

package/dist/components/CustomSelect/CustomSelect.js

@@ -11,10 +11,13 @@ var _ContextualMenu = _interopRequireDefault(require("../ContextualMenu"));
 var _hooks = require("../../hooks");
 var _CustomSelectDropdown = _interopRequireWildcard(require("./CustomSelectDropdown"));
 require("./CustomSelect.scss");
+const _excluded = ["value", "options", "onChange", "onSearch", "id", "name", "disabled", "success", "error", "help", "wrapperClassName", "toggleClassName", "dropdownClassName", "defaultToggleLabel", "searchable", "searchPlaceholder", "takeFocus", "header", "selectRef", "initialPosition"];
 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; }
 /**
  * This is a [React](https://reactjs.org/) component that extends from the Vanilla [Select](https://vanillaframework.io/docs/base/forms#select) element.
  *
@@ -22,28 +25,28 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const CustomSelect = _ref => {
   let {
-    value,
-    options,
-    onChange,
-    onSearch,
-    id,
-    name,
-    disabled,
-    success,
-    error,
-    help,
-    wrapperClassName,
-    toggleClassName,
-    dropdownClassName,
-    defaultToggleLabel = "Select an option",
-    searchable = "auto",
-    searchPlaceholder = "Search",
-    takeFocus,
-    header,
-    selectRef,
-    initialPosition = "left",
-    ...fieldProps
-  } = _ref;
+      value,
+      options,
+      onChange,
+      onSearch,
+      id,
+      name,
+      disabled,
+      success,
+      error,
+      help,
+      wrapperClassName,
+      toggleClassName,
+      dropdownClassName,
+      defaultToggleLabel = "Select an option",
+      searchable = "auto",
+      searchPlaceholder = "Search",
+      takeFocus,
+      header,
+      selectRef,
+      initialPosition = "left"
+    } = _ref,
+    fieldProps = _objectWithoutProperties(_ref, _excluded);
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const validationId = (0, _react.useId)();
   const defaultSelectId = (0, _react.useId)();

package/dist/components/CustomSelect/CustomSelect.stories.js

@@ -9,6 +9,12 @@ 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); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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); }
 const generateStandardOptions = num => Array(num).fill(null).map((_, i) => ({
   value: "option-".concat(i + 1),
@@ -134,9 +140,7 @@ const getHeader = () => {
   }, "ACLs"));
 };
 const Template = _ref => {
-  let {
-    ...props
-  } = _ref;
+  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   const [selected, setSelected] = (0, _react.useState)(props.value || "");
   return /*#__PURE__*/_react.default.createElement(_CustomSelect.default, _extends({}, props, {
     value: selected,
@@ -208,8 +212,7 @@ const CustomOptionsAndSelectedLabel = exports.CustomOptionsAndSelectedLabel = {
  */
 const DisabledOptions = exports.DisabledOptions = {
   args: {
-    options: generateStandardOptions(5).map((option, i) => ({
-      ...option,
+    options: generateStandardOptions(5).map((option, i) => _objectSpread(_objectSpread({}, option), {}, {
       disabled: i % 2 === 0
     }))
   }