@canonical/react-components 3.8.3 → 3.9.1

package/dist/components/EmptyState/EmptyState.js

@@ -6,19 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.EmptyState = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["children", "className", "image", "title"];
 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 to represent an empty state.
  */
 const EmptyState = _ref => {
   let {
-    children,
-    className,
-    image,
-    title,
-    ...props
-  } = _ref;
+      children,
+      className,
+      image,
+      title
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: (0, _classnames.default)(["row", className])
   }, props), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Field/Field.js

@@ -8,8 +8,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _Label = _interopRequireDefault(require("../Label"));
 var _Col = _interopRequireDefault(require("../Col"));
+const _excluded = ["caution", "children", "className", "error", "forId", "help", "helpClassName", "helpId", "isSelect", "isTickElement", "label", "labelClassName", "labelFirst", "required", "stacked", "success", "validationId"];
 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 Field component.
  */
@@ -81,25 +84,25 @@ const generateContent = _ref2 => {
 };
 const Field = _ref3 => {
   let {
-    caution,
-    children,
-    className,
-    error,
-    forId,
-    help,
-    helpClassName,
-    helpId,
-    isSelect,
-    isTickElement,
-    label,
-    labelClassName,
-    labelFirst = true,
-    required,
-    stacked,
-    success,
-    validationId,
-    ...props
-  } = _ref3;
+      caution,
+      children,
+      className,
+      error,
+      forId,
+      help,
+      helpClassName,
+      helpId,
+      isSelect,
+      isTickElement,
+      label,
+      labelClassName,
+      labelFirst = true,
+      required,
+      stacked,
+      success,
+      validationId
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded);
   const labelNode = generateLabel(forId, required, label, labelClassName, stacked);
   const content = generateContent({
     isSelect,

package/dist/components/Form/Form.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", "inline", "stacked"];
 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 [Form](https://docs.vanillaframework.io/base/forms).
  *
@@ -15,12 +18,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const Form = _ref => {
   let {
-    children,
-    className,
-    inline,
-    stacked,
-    ...props
-  } = _ref;
+      children,
+      className,
+      inline,
+      stacked
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("form", _extends({
     className: (0, _classnames.default)(className, {
       "p-form": inline || stacked,

package/dist/components/FormikField/FormikField.js

@@ -7,8 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _formik = require("formik");
 var _Input = _interopRequireDefault(require("../Input"));
+const _excluded = ["component", "displayError", "name", "value", "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 component makes it easier to use Vanilla form inputs with Formik. It
  * makes use of Formik's context to automatically map errors, values, states
@@ -16,13 +19,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const FormikField = _ref => {
   let {
-    component: Component = _Input.default,
-    displayError = true,
-    name,
-    value,
-    label,
-    ...props
-  } = _ref;
+      component: Component = _Input.default,
+      displayError = true,
+      name,
+      value,
+      label
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [field, meta] = (0, _formik.useField)({
     name,
     type: props.type,

package/dist/components/Icon/Icon.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ICONS = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["className", "light", "name"];
 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 ICONS = exports.ICONS = {
   anchor: "anchor",
   chevronDown: "chevron-down",
@@ -51,11 +54,11 @@ const ICONS = exports.ICONS = {
  */
 const Icon = _ref => {
   let {
-    className,
-    light,
-    name,
-    ...props
-  } = _ref;
+      className,
+      light,
+      name
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("i", _extends({
     className: (0, _classnames.default)(className, "p-icon--".concat(name), {
       "is-light": light

package/dist/components/Input/Input.js

@@ -9,10 +9,18 @@ var _react = _interopRequireWildcard(require("react"));
 var _Field = _interopRequireDefault(require("../Field"));
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput"));
 var _RadioInput = _interopRequireDefault(require("../RadioInput"));
+const _excluded = ["caution", "className", "error", "help", "helpClassName", "id", "label", "labelClassName", "required", "stacked", "success", "takeFocus", "takeFocusDelay", "type", "wrapperClassName"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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; }
 /**
  * The props for the Input component.
  */
@@ -24,23 +32,23 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const Input = _ref => {
   let {
-    caution,
-    className,
-    error,
-    help,
-    helpClassName,
-    id,
-    label,
-    labelClassName,
-    required,
-    stacked,
-    success,
-    takeFocus,
-    takeFocusDelay,
-    type,
-    wrapperClassName,
-    ...inputProps
-  } = _ref;
+      caution,
+      className,
+      error,
+      help,
+      helpClassName,
+      id,
+      label,
+      labelClassName,
+      required,
+      stacked,
+      success,
+      takeFocus,
+      takeFocusDelay,
+      type,
+      wrapperClassName
+    } = _ref,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
   const inputRef = (0, _react.useRef)(null);
   const fieldLabel = !["checkbox", "radio"].includes(type) ? label : "";
   const defaultInputId = (0, _react.useId)();
@@ -49,14 +57,13 @@ const Input = _ref => {
   const helpId = (0, _react.useId)();
   const hasError = !!error;
   const description = [help ? helpId : null, success ? validationId : null].filter(Boolean).join(" ");
-  const commonProps = {
+  const commonProps = _objectSpread({
     "aria-describedby": !description ? undefined : description,
     "aria-errormessage": hasError ? validationId : null,
     "aria-invalid": hasError,
     id: inputId,
-    required: required,
-    ...inputProps
-  };
+    required: required
+  }, inputProps);
   (0, _react.useEffect)(() => {
     if (takeFocus) {
       if (takeFocusDelay) {

package/dist/components/Label/Label.js

@@ -6,20 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["children", "className", "forId", "required"];
 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 Label component.
  */
 
 const Label = _ref => {
   let {
-    children,
-    className,
-    forId,
-    required,
-    ...props
-  } = _ref;
+      children,
+      className,
+      forId,
+      required
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("label", _extends({
     className: (0, _classnames.default)(className, "p-form__label", {
       "is-required": required

package/dist/components/Link/Link.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", "href", "inverted", "soft", "top"];
 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 [Link](https://docs.vanillaframework.io/patterns/links/).
  *
@@ -15,14 +18,14 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const Link = _ref => {
   let {
-    children,
-    className,
-    href = "#",
-    inverted = false,
-    soft = false,
-    top = false,
-    ...props
-  } = _ref;
+      children,
+      className,
+      href = "#",
+      inverted = false,
+      soft = false,
+      top = false
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const link = /*#__PURE__*/_react.default.createElement("a", _extends({
     className: (0, _classnames.default)(className, {
       "p-link--inverted": inverted,

package/dist/components/List/List.js

@@ -6,8 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+const _excluded = ["title", "className", "content", "titleElement"],
+  _excluded2 = ["title", "className", "content"],
+  _excluded3 = ["className", "detailed", "divided", "inline", "isDark", "items", "middot", "stretch", "split", "stepped", "ticked"];
 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 generateItems = _ref => {
   let {
     items,
@@ -27,20 +32,24 @@ const generateItems = _ref => {
       content = item;
     } else if (item && typeof item === "object" && "content" in item) {
       if ("titleElement" in item) {
+        var _item = item;
         ({
           title,
           className,
           content,
-          titleElement: TitleComponent = "h3",
-          ...liProps
-        } = item);
+          titleElement: TitleComponent = "h3"
+        } = _item);
+        liProps = _objectWithoutProperties(_item, _excluded);
+        _item;
       } else {
+        var _item2 = item;
         ({
           title,
           className,
-          content,
-          ...liProps
-        } = item);
+          content
+        } = _item2);
+        liProps = _objectWithoutProperties(_item2, _excluded2);
+        _item2;
       }
     }
     if (stepped) {
@@ -71,19 +80,19 @@ const generateItems = _ref => {
  */
 const List = _ref2 => {
   let {
-    className,
-    detailed,
-    divided,
-    inline,
-    isDark,
-    items,
-    middot,
-    stretch,
-    split,
-    stepped,
-    ticked,
-    ...props
-  } = _ref2;
+      className,
+      detailed,
+      divided,
+      inline,
+      isDark,
+      items,
+      middot,
+      stretch,
+      split,
+      stepped,
+      ticked
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded3);
   const Component = stepped ? "ol" : "ul";
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
     className: (0, _classnames.default)(className, {

package/dist/components/MainTable/MainTable.js

@@ -11,10 +11,16 @@ var _TableRow = _interopRequireDefault(require("../TableRow"));
 var _TableHeader = _interopRequireDefault(require("../TableHeader"));
 var _TableCell = _interopRequireDefault(require("../TableCell"));
 var _hooks = require("../../hooks");
+const _excluded = ["content", "sortKey"],
+  _excluded2 = ["columns", "expanded", "expandedContent", "key", "sortData"],
+  _excluded3 = ["content"],
+  _excluded4 = ["defaultSort", "defaultSortDirection", "emptyStateMsg", "expanding", "headers", "onUpdateSort", "paginate", "rows", "responsive", "sortable", "sortFunction", "hiddenCaption"];
 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 updateSort = (setSortKey, setSortDirection, sortKey, sortDirection) => {
   let newDirection = null;
   if (sortDirection === "none") {
@@ -30,10 +36,10 @@ const updateSort = (setSortKey, setSortDirection, sortKey, sortDirection) => {
 const generateHeaders = (currentSortKey, currentSortDirection, expanding, headers, sortable, setSortKey, setSortDirection) => {
   const headerItems = headers.map((_ref, index) => {
     let {
-      content,
-      sortKey,
-      ...props
-    } = _ref;
+        content,
+        sortKey
+      } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
     let sortDirection;
     if (sortable && sortKey) {
       if (currentSortKey === sortKey) {
@@ -65,18 +71,18 @@ const generateRows = _ref2 => {
   } = _ref2;
   return rows.map((_ref3, index) => {
     let {
-      columns,
-      expanded,
-      expandedContent,
-      key,
-      sortData: _,
-      ...rowProps
-    } = _ref3;
+        columns,
+        expanded,
+        expandedContent,
+        key,
+        sortData: _
+      } = _ref3,
+      rowProps = _objectWithoutProperties(_ref3, _excluded2);
     const cellItems = columns === null || columns === void 0 ? void 0 : columns.map((_ref4, index) => {
       let {
-        content,
-        ...cellProps
-      } = _ref4;
+          content
+        } = _ref4,
+        cellProps = _objectWithoutProperties(_ref4, _excluded3);
       const headerContent = headers && headers[index]["content"];
       const headerReplacement = headers && headers[index]["heading"];
       if (responsive) {
@@ -138,20 +144,20 @@ const sortRows = _ref5 => {
  */
 const MainTable = _ref6 => {
   let {
-    defaultSort,
-    defaultSortDirection,
-    emptyStateMsg = "",
-    expanding,
-    headers,
-    onUpdateSort,
-    paginate,
-    rows,
-    responsive,
-    sortable,
-    sortFunction,
-    hiddenCaption,
-    ...props
-  } = _ref6;
+      defaultSort,
+      defaultSortDirection,
+      emptyStateMsg = "",
+      expanding,
+      headers,
+      onUpdateSort,
+      paginate,
+      rows,
+      responsive,
+      sortable,
+      sortFunction,
+      hiddenCaption
+    } = _ref6,
+    props = _objectWithoutProperties(_ref6, _excluded4);
   const [currentSortKey, setSortKey] = (0, _react.useState)(defaultSort);
   const [currentSortDirection, setSortDirection] = (0, _react.useState)(defaultSortDirection);
 

package/dist/components/Modal/Modal.js

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Modal = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
+const _excluded = ["buttonRow", "children", "className", "close", "focusRef", "title", "shouldPropagateClickEvent", "closeOnOutsideClick"];
 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 for the Vanilla [Modal](https://docs.vanillaframework.io/patterns/modal/).
  *
@@ -17,16 +20,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 const Modal = _ref => {
   let {
-    buttonRow,
-    children,
-    className,
-    close,
-    focusRef,
-    title,
-    shouldPropagateClickEvent = false,
-    closeOnOutsideClick = true,
-    ...wrapperProps
-  } = _ref;
+      buttonRow,
+      children,
+      className,
+      close,
+      focusRef,
+      title,
+      shouldPropagateClickEvent = false,
+      closeOnOutsideClick = true
+    } = _ref,
+    wrapperProps = _objectWithoutProperties(_ref, _excluded);
   // list of focusable selectors is based on this Stack Overflow answer:
   // https://stackoverflow.com/a/30753870/3732840
   const focusableElementSelectors = 'a[href]:not([tabindex="-1"]), button:not([disabled]), textarea:not([disabled]):not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), area[href]:not([tabindex="-1"]), iframe:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), [contentEditable=true]:not([tabindex="-1"])';

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

@@ -48,6 +48,10 @@ export type Props<D extends Record<string, unknown>> = PropsWithSpread<{
      * Whether the sort by needs to be reset after each data change.
      */
     autoResetSortBy?: boolean;
+    /**
+     * This will render between the header and the content.
+     */
+    subhead?: ReactNode;
 }, HTMLProps<HTMLTableElement>>;
 /**
 This is a [React](https://reactjs.org/) component to support many table use cases.
@@ -101,5 +105,5 @@ columns = {
 };
 ```
  */
-declare function ModularTable<D extends Record<string, unknown>>({ data, columns, emptyMsg, footer, sortable, getHeaderProps, getRowProps, getCellProps, getRowId, initialSortColumn, initialSortDirection, autoResetSortBy, ...props }: Props<D>): React.JSX.Element;
+declare function ModularTable<D extends Record<string, unknown>>({ data, columns, emptyMsg, footer, sortable, getHeaderProps, getRowProps, getCellProps, getRowId, initialSortColumn, initialSortDirection, autoResetSortBy, subhead, ...props }: Props<D>): React.JSX.Element;
 export default ModularTable;