@canonical/react-components 3.8.3 → 3.9.1

package/dist/components/ModularTable/ModularTable.js

@@ -11,10 +11,18 @@ var _TableRow = _interopRequireDefault(require("../TableRow"));
 var _TableHeader = _interopRequireDefault(require("../TableHeader"));
 var _TableCell = _interopRequireDefault(require("../TableCell"));
 var _Icon = _interopRequireDefault(require("../Icon"));
+const _excluded = ["data", "columns", "emptyMsg", "footer", "sortable", "getHeaderProps", "getRowProps", "getCellProps", "getRowId", "initialSortColumn", "initialSortDirection", "autoResetSortBy", "subhead"];
 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; }
+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 generateCell = (cell, getCellProps) => {
   var _cell$column$getCellI, _cell$column;
   const hasColumnIcon = cell.column.getCellIcon;
@@ -23,9 +31,7 @@ const generateCell = (cell, getCellProps) => {
     className: cell.column.className
   }, {
     className: hasColumnIcon ? "p-table__cell--icon-placeholder" : ""
-  }, {
-    ...(getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell))
-  }]), iconName && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, _objectSpread({}, getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell))]), iconName && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: iconName
   }), cell.render("Cell"));
 };
@@ -99,20 +105,21 @@ columns = {
  */
 function ModularTable(_ref) {
   let {
-    data,
-    columns,
-    emptyMsg,
-    footer,
-    sortable,
-    getHeaderProps,
-    getRowProps,
-    getCellProps,
-    getRowId,
-    initialSortColumn,
-    initialSortDirection,
-    autoResetSortBy = false,
-    ...props
-  } = _ref;
+      data,
+      columns,
+      emptyMsg,
+      footer,
+      sortable,
+      getHeaderProps,
+      getRowProps,
+      getCellProps,
+      getRowId,
+      initialSortColumn,
+      initialSortDirection,
+      autoResetSortBy = false,
+      subhead
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const sortBy = (0, _react.useMemo)(() => initialSortColumn ? [{
     id: initialSortColumn,
     desc: initialSortDirection === "descending"
@@ -156,13 +163,11 @@ function ModularTable(_ref) {
     className: column.className
   }, {
     className: column.getCellIcon ? "p-table__cell--icon-placeholder" : ""
-  }, {
-    ...(getHeaderProps === null || getHeaderProps === void 0 ? void 0 : getHeaderProps(column))
-  },
+  }, _objectSpread({}, getHeaderProps === null || getHeaderProps === void 0 ? void 0 : getHeaderProps(column)),
   // Only call this if we want it to be sortable too.
   sortable && isColumnSortable(column) ? column.getSortByToggleProps({
     title: undefined
-  }) : {}])), column.render("Header")))))), /*#__PURE__*/_react.default.createElement("tbody", getTableBodyProps(), generateRows(rows, prepareRow, getRowProps, getCellProps), showEmpty && /*#__PURE__*/_react.default.createElement(_TableRow.default, null, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+  }) : {}])), column.render("Header"))))), subhead), /*#__PURE__*/_react.default.createElement("tbody", getTableBodyProps(), generateRows(rows, prepareRow, getRowProps, getCellProps), showEmpty && /*#__PURE__*/_react.default.createElement(_TableRow.default, null, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
     colSpan: columns.length
   }, emptyMsg)), footer && /*#__PURE__*/_react.default.createElement(_TableRow.default, null, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
     colSpan: columns.length

package/dist/components/ModularTable/ModularTable.stories.d.ts

@@ -12,6 +12,7 @@ at the start of the group. In the following example sorting the columns will
 sort the group rows, then sort the sub-rows, but the group header always comes first.
  */
 export declare const Subrows: Story;
+export declare const Subheading: Story;
 /**
 Example below shows a basic `ModularTable` with `SummaryButton` component in the footer.
 ```

package/dist/components/ModularTable/ModularTable.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Subrows = exports.Sortable = exports.LoadMore = exports.Empty = exports.Default = void 0;
+exports.default = exports.Subrows = exports.Subheading = exports.Sortable = exports.LoadMore = exports.Empty = exports.Default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _SummaryButton = _interopRequireDefault(require("../SummaryButton"));
 var _ModularTable = _interopRequireDefault(require("./ModularTable"));
@@ -298,6 +298,101 @@ const Subrows = exports.Subrows = {
   }),
   name: "Subrows"
 };
+const Subheading = exports.Subheading = {
+  render: () => /*#__PURE__*/_react.default.createElement(_ModularTable.default, {
+    getCellProps: _ref9 => {
+      let {
+        value
+      } = _ref9;
+      return {
+        className: value === "1 minute" ? "p-heading--5" : ""
+      };
+    }
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    ,
+    columns: _react.default.useMemo(() => [{
+      Header: "ID",
+      accessor: "buildId",
+      Cell: _ref10 => {
+        let {
+          value
+        } = _ref10;
+        return /*#__PURE__*/_react.default.createElement("a", {
+          href: "#test"
+        }, "#", value);
+      }
+    }, {
+      Header: "Architecture",
+      accessor: "arch"
+    }, {
+      Header: "Build Duration",
+      accessor: "duration",
+      className: "u-hide--small"
+    }, {
+      Header: "Result",
+      accessor: "result",
+      Cell: _ref11 => {
+        let {
+          value
+        } = _ref11;
+        switch (value) {
+          case "released":
+            return "Released";
+          case "failed":
+            return "Failed";
+          default:
+            return "Unknown";
+        }
+      },
+      getCellIcon: _ref12 => {
+        let {
+          value
+        } = _ref12;
+        switch (value) {
+          case "released":
+            return _Icon.ICONS.success;
+          case "failed":
+            return _Icon.ICONS.error;
+          default:
+            return false;
+        }
+      }
+    }, {
+      Header: "Build Finished",
+      accessor: "finished",
+      className: "u-align-text--right"
+    }], [])
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    ,
+    data: _react.default.useMemo(() => [{
+      buildId: "5432",
+      arch: "arm64",
+      duration: "5 minutes",
+      result: "released",
+      finished: "10 minutes ago"
+    }, {
+      buildId: "1234",
+      arch: "armhf",
+      duration: "5 minutes",
+      result: "failed",
+      finished: "over 1 year ago"
+    }, {
+      buildId: "1111",
+      arch: "test64",
+      duration: "1 minute",
+      result: "other",
+      finished: "ages ago"
+    }], []),
+    subhead: /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
+      colSpan: 5,
+      className: "p-text--default",
+      style: {
+        textTransform: "none"
+      }
+    }, "Showing 3 of 3 results"))
+  }),
+  name: "Subheading"
+};
 
 /**
 Example below shows a basic `ModularTable` with `SummaryButton` component in the footer.

package/dist/components/MultiSelect/MultiSelect.js

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

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

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

package/dist/components/Navigation/Navigation.js

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

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

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

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

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

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

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