@canonical/react-components 3.8.3 → 3.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/README.md +2 -3
  2. package/dist/components/Accordion/Accordion.js +15 -11
  3. package/dist/components/ActionButton/ActionButton.js +13 -10
  4. package/dist/components/ApplicationLayout/AppAside/AppAside.js +12 -9
  5. package/dist/components/ApplicationLayout/AppMain/AppMain.js +7 -4
  6. package/dist/components/ApplicationLayout/AppNavigation/AppNavigation.js +9 -6
  7. package/dist/components/ApplicationLayout/AppNavigationBar/AppNavigationBar.js +7 -4
  8. package/dist/components/ApplicationLayout/AppStatus/AppStatus.js +7 -4
  9. package/dist/components/ApplicationLayout/Application/Application.js +7 -4
  10. package/dist/components/ApplicationLayout/ApplicationLayout.js +22 -19
  11. package/dist/components/ArticlePagination/ArticlePagination.js +10 -7
  12. package/dist/components/Badge/Badge.js +9 -6
  13. package/dist/components/Button/Button.js +15 -12
  14. package/dist/components/Card/Card.js +11 -8
  15. package/dist/components/Card/Card.stories.d.ts +5 -0
  16. package/dist/components/Card/Card.stories.js +13 -4
  17. package/dist/components/CheckboxInput/CheckableInput/CheckableInput.js +10 -7
  18. package/dist/components/CheckboxInput/CheckboxInput.js +7 -4
  19. package/dist/components/Chip/Chip.js +18 -15
  20. package/dist/components/Code/Code.js +10 -7
  21. package/dist/components/CodeSnippet/CodeSnippet.js +7 -4
  22. package/dist/components/CodeSnippet/CodeSnippetDropdown.js +12 -8
  23. package/dist/components/Col/Col.js +15 -12
  24. package/dist/components/ColumnSelector/columnSelectorHelper.js +7 -3
  25. package/dist/components/ConfirmationButton/ConfirmationButton.js +10 -7
  26. package/dist/components/ConfirmationModal/ConfirmationModal.js +15 -12
  27. package/dist/components/ContextualMenu/ContextualMenu.js +27 -24
  28. package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.js +47 -44
  29. package/dist/components/CustomSelect/CustomSelect.js +25 -22
  30. package/dist/components/CustomSelect/CustomSelect.stories.js +8 -5
  31. package/dist/components/EmptyState/EmptyState.js +9 -6
  32. package/dist/components/Field/Field.js +22 -19
  33. package/dist/components/Form/Form.js +9 -6
  34. package/dist/components/FormikField/FormikField.js +10 -7
  35. package/dist/components/Icon/Icon.js +8 -5
  36. package/dist/components/Input/Input.js +28 -21
  37. package/dist/components/Label/Label.js +9 -6
  38. package/dist/components/Link/Link.js +11 -8
  39. package/dist/components/List/List.js +28 -19
  40. package/dist/components/MainTable/MainTable.js +34 -28
  41. package/dist/components/Modal/Modal.js +13 -10
  42. package/dist/components/ModularTable/ModularTable.d.ts +5 -1
  43. package/dist/components/ModularTable/ModularTable.js +26 -21
  44. package/dist/components/ModularTable/ModularTable.stories.d.ts +1 -0
  45. package/dist/components/ModularTable/ModularTable.stories.js +96 -1
  46. package/dist/components/MultiSelect/MultiSelect.js +17 -14
  47. package/dist/components/MultiSelect/MultiSelect.stories.js +14 -14
  48. package/dist/components/Navigation/Navigation.js +31 -23
  49. package/dist/components/Navigation/NavigationLink/NavigationLink.js +26 -17
  50. package/dist/components/Navigation/NavigationMenu/NavigationMenu.js +16 -9
  51. package/dist/components/Notifications/Notification/Notification.js +19 -16
  52. package/dist/components/Notifications/ToastNotification/ToastNotificationProvider.js +15 -15
  53. package/dist/components/Pagination/Pagination.js +20 -17
  54. package/dist/components/Panel/Panel.js +29 -25
  55. package/dist/components/PasswordToggle/PasswordToggle.js +16 -13
  56. package/dist/components/RadioInput/RadioInput.js +6 -3
  57. package/dist/components/Row/Row.js +7 -4
  58. package/dist/components/ScrollableTable/ScrollableTable.stories.js +7 -3
  59. package/dist/components/SearchAndFilter/SearchAndFilter.js +10 -7
  60. package/dist/components/SearchBox/SearchBox.js +18 -15
  61. package/dist/components/Select/Select.js +25 -21
  62. package/dist/components/SideNavigation/SideNavigation.js +19 -13
  63. package/dist/components/SideNavigation/SideNavigationBase/SideNavigationBase.js +11 -8
  64. package/dist/components/SideNavigation/SideNavigationItem/SideNavigationItem.js +12 -6
  65. package/dist/components/SideNavigation/SideNavigationLink/SideNavigationLink.js +7 -4
  66. package/dist/components/SideNavigation/SideNavigationText/SideNavigationText.js +7 -4
  67. package/dist/components/Slider/Slider.js +17 -14
  68. package/dist/components/Spinner/Spinner.js +11 -8
  69. package/dist/components/StatusLabel/StatusLabel.js +8 -5
  70. package/dist/components/Stepper/Step/Step.js +15 -12
  71. package/dist/components/Strip/Strip.js +18 -15
  72. package/dist/components/Strip/Strip.stories.js +6 -1
  73. package/dist/components/Switch/Switch.js +9 -6
  74. package/dist/components/Table/Table.js +9 -6
  75. package/dist/components/TableCell/TableCell.js +11 -8
  76. package/dist/components/TableHeader/TableHeader.js +7 -4
  77. package/dist/components/TablePagination/TablePagination.js +14 -11
  78. package/dist/components/TablePagination/TablePaginationControls/TablePaginationControls.js +22 -19
  79. package/dist/components/TableRow/TableRow.js +6 -3
  80. package/dist/components/Tabs/Tabs.js +10 -7
  81. package/dist/components/Textarea/Textarea.js +29 -22
  82. package/dist/esm/components/Card/Card.stories.d.ts +5 -0
  83. package/dist/esm/components/Card/Card.stories.js +6 -1
  84. package/dist/esm/components/ModularTable/ModularTable.d.ts +5 -1
  85. package/dist/esm/components/ModularTable/ModularTable.js +4 -3
  86. package/dist/esm/components/ModularTable/ModularTable.stories.d.ts +1 -0
  87. package/dist/esm/components/ModularTable/ModularTable.stories.js +111 -0
  88. package/dist/esm/components/Strip/Strip.stories.js +6 -1
  89. package/dist/external/useSSR.js +6 -4
  90. package/package.json +50 -47
@@ -7,14 +7,17 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _SideNavigationBase = _interopRequireDefault(require("../SideNavigationBase"));
10
+ const _excluded = ["component", "forwardRef"];
10
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
12
  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); }
13
+ 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; }
14
+ 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; }
12
15
  const SideNavigationLink = _ref => {
13
16
  let {
14
- component,
15
- forwardRef,
16
- ...props
17
- } = _ref;
17
+ component,
18
+ forwardRef
19
+ } = _ref,
20
+ props = _objectWithoutProperties(_ref, _excluded);
18
21
  let className = null;
19
22
  if ("className" in props && typeof props.className === "string") {
20
23
  className = props.className;
@@ -7,14 +7,17 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _SideNavigationBase = _interopRequireDefault(require("../SideNavigationBase"));
10
+ const _excluded = ["children", "className"];
10
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
12
  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); }
13
+ 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; }
14
+ 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; }
12
15
  const SideNavigationText = _ref => {
13
16
  let {
14
- children,
15
- className,
16
- ...props
17
- } = _ref;
17
+ children,
18
+ className
19
+ } = _ref,
20
+ props = _objectWithoutProperties(_ref, _excluded);
18
21
  return /*#__PURE__*/_react.default.createElement(_SideNavigationBase.default, _extends({
19
22
  className: (0, _classnames.default)("p-side-navigation__text", className),
20
23
  component: "span",
@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = exports.Slider = exports.FILLED_COLOR = exports.EMPTY_COLOR = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _Field = _interopRequireDefault(require("../Field"));
9
+ const _excluded = ["caution", "disabled", "error", "help", "id", "inputDisabled", "label", "max", "min", "onChange", "required", "showInput"];
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  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); }
11
12
  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; }
12
13
  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); }
14
+ 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; }
15
+ 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; }
13
16
  const FILLED_COLOR = exports.FILLED_COLOR = "#0066CC";
14
17
  const EMPTY_COLOR = exports.EMPTY_COLOR = "#D9D9D9";
15
18
  /**
@@ -21,20 +24,20 @@ minimum and maximum value, however the precise value is not especially important
21
24
  const Slider = _ref => {
22
25
  var _navigator;
23
26
  let {
24
- caution,
25
- disabled = false,
26
- error,
27
- help,
28
- id,
29
- inputDisabled = false,
30
- label,
31
- max,
32
- min,
33
- onChange,
34
- required = false,
35
- showInput = false,
36
- ...inputProps
37
- } = _ref;
27
+ caution,
28
+ disabled = false,
29
+ error,
30
+ help,
31
+ id,
32
+ inputDisabled = false,
33
+ label,
34
+ max,
35
+ min,
36
+ onChange,
37
+ required = false,
38
+ showInput = false
39
+ } = _ref,
40
+ inputProps = _objectWithoutProperties(_ref, _excluded);
38
41
  const validationId = (0, _react.useId)();
39
42
  const helpId = (0, _react.useId)();
40
43
  const defaultSliderId = (0, _react.useId)();
@@ -8,21 +8,24 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
10
  var _CustomLayout = _interopRequireDefault(require("../CustomLayout"));
11
+ const _excluded = ["className", "text", "isLight", "ariaLive", "role", "isMainComponent"];
11
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
13
  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); }
14
+ 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; }
15
+ 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; }
13
16
  /**
14
17
  * This is a [React](https://reactjs.org/) component for the Vanilla [Spin](https://docs.vanillaframework.io/settings/animation-settings/#spin) animation.
15
18
  */
16
19
  const Spinner = _ref => {
17
20
  let {
18
- className,
19
- text,
20
- isLight = false,
21
- ariaLive = "polite",
22
- role = "alert",
23
- isMainComponent = false,
24
- ...props
25
- } = _ref;
21
+ className,
22
+ text,
23
+ isLight = false,
24
+ ariaLive = "polite",
25
+ role = "alert",
26
+ isMainComponent = false
27
+ } = _ref,
28
+ props = _objectWithoutProperties(_ref, _excluded);
26
29
  const loader = /*#__PURE__*/_react.default.createElement("span", _extends({}, props, {
27
30
  className: (0, _classnames.default)(className, "p-text--default"),
28
31
  role: role,
@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = exports.StatusLabelAppearance = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
+ const _excluded = ["appearance", "children", "className"];
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  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); }
12
+ 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; }
13
+ 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; }
11
14
  const StatusLabelAppearance = exports.StatusLabelAppearance = {
12
15
  CAUTION: "caution",
13
16
  DEFAULT: "",
@@ -27,11 +30,11 @@ const StatusLabelAppearance = exports.StatusLabelAppearance = {
27
30
  */
28
31
  const StatusLabel = _ref => {
29
32
  let {
30
- appearance,
31
- children,
32
- className,
33
- ...labelProps
34
- } = _ref;
33
+ appearance,
34
+ children,
35
+ className
36
+ } = _ref,
37
+ labelProps = _objectWithoutProperties(_ref, _excluded);
35
38
  const classes = (0, _classnames.default)(appearance ? "p-status-label--".concat(appearance) : "p-status-label", className);
36
39
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, labelProps, {
37
40
  className: classes
@@ -10,22 +10,25 @@ var _react = _interopRequireDefault(require("react"));
10
10
  var _Icon = _interopRequireDefault(require("../../Icon"));
11
11
  var _Link = _interopRequireDefault(require("../../Link"));
12
12
  require("./Step.scss");
13
+ const _excluded = ["hasProgressLine", "index", "title", "label", "linkProps", "enabled", "selected", "iconName", "iconClassName", "handleClick"];
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
15
  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); }
16
+ 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; }
17
+ 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; }
15
18
  const Step = _ref => {
16
19
  let {
17
- hasProgressLine,
18
- index,
19
- title,
20
- label,
21
- linkProps,
22
- enabled,
23
- selected = false,
24
- iconName,
25
- iconClassName,
26
- handleClick,
27
- ...props
28
- } = _ref;
20
+ hasProgressLine,
21
+ index,
22
+ title,
23
+ label,
24
+ linkProps,
25
+ enabled,
26
+ selected = false,
27
+ iconName,
28
+ iconClassName,
29
+ handleClick
30
+ } = _ref,
31
+ props = _objectWithoutProperties(_ref, _excluded);
29
32
  const stepStatusClass = enabled ? "step-enabled" : "step-disabled";
30
33
  return /*#__PURE__*/_react.default.createElement("div", _extends({
31
34
  className: (0, _classnames.default)("step", {
@@ -8,8 +8,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _Col = _interopRequireDefault(require("../Col"));
10
10
  var _Row = _interopRequireDefault(require("../Row"));
11
+ const _excluded = ["background", "bordered", "children", "className", "colSize", "dark", "deep", "includeCol", "element", "light", "rowClassName", "shallow", "type"];
11
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
13
  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); }
14
+ 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; }
15
+ 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; }
13
16
  /**
14
17
  * This is a [React](https://reactjs.org/) component for the Vanilla [Strip](https://docs.vanillaframework.io/patterns/strip/).
15
18
  *
@@ -17,21 +20,21 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
17
20
  */
18
21
  const Strip = _ref => {
19
22
  let {
20
- background,
21
- bordered = false,
22
- children,
23
- className,
24
- colSize = 12,
25
- dark = false,
26
- deep = false,
27
- includeCol = true,
28
- element: Component = "div",
29
- light = false,
30
- rowClassName,
31
- shallow = false,
32
- type,
33
- ...props
34
- } = _ref;
23
+ background,
24
+ bordered = false,
25
+ children,
26
+ className,
27
+ colSize = 12,
28
+ dark = false,
29
+ deep = false,
30
+ includeCol = true,
31
+ element: Component = "div",
32
+ light = false,
33
+ rowClassName,
34
+ shallow = false,
35
+ type
36
+ } = _ref,
37
+ props = _objectWithoutProperties(_ref, _excluded);
35
38
  return /*#__PURE__*/_react.default.createElement(Component, _extends({
36
39
  className: (0, _classnames.default)(className, {
37
40
  ["p-strip--".concat(type)]: !!type,
@@ -82,7 +82,12 @@ const ImageStrip = exports.ImageStrip = {
82
82
  src: "https://assets.ubuntu.com/v1/9c74eb2d-logo-canonical-white.svg",
83
83
  alt: "Placeholder"
84
84
  }))))),
85
- name: "Image strip"
85
+ name: "Image strip",
86
+ parameters: {
87
+ percy: {
88
+ waitForTimeout: 1000 // Wait for 1 second before taking a snapshot to allow the image to load
89
+ }
90
+ }
86
91
  };
87
92
  const BorderedStrip = exports.BorderedStrip = {
88
93
  render: () => /*#__PURE__*/_react.default.createElement(_Strip.default, {
@@ -7,21 +7,24 @@ exports.default = exports.Switch = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  require("./Switch.scss");
10
+ const _excluded = ["label", "disabled", "help", "helpClassName"];
10
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
12
  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); }
12
13
  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; }
13
14
  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); }
15
+ 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; }
16
+ 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; }
14
17
  /**
15
18
  * This is a [React](https://reactjs.org/) component for the Vanilla [Switch](https://vanillaframework.io/docs/patterns/switch) component.
16
19
  */
17
20
  const Switch = _ref => {
18
21
  let {
19
- label,
20
- disabled = false,
21
- help,
22
- helpClassName,
23
- ...inputProps
24
- } = _ref;
22
+ label,
23
+ disabled = false,
24
+ help,
25
+ helpClassName
26
+ } = _ref,
27
+ inputProps = _objectWithoutProperties(_ref, _excluded);
25
28
  const helpId = (0, _react.useId)();
26
29
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
27
30
  className: "p-switch"
@@ -6,16 +6,19 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _classnames = _interopRequireDefault(require("classnames"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
+ const _excluded = ["children", "className", "expanding", "responsive"];
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  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); }
12
+ 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; }
13
+ 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; }
11
14
  const Table = _ref => {
12
15
  let {
13
- children,
14
- className,
15
- expanding = false,
16
- responsive = false,
17
- ...props
18
- } = _ref;
16
+ children,
17
+ className,
18
+ expanding = false,
19
+ responsive = false
20
+ } = _ref,
21
+ props = _objectWithoutProperties(_ref, _excluded);
19
22
  return /*#__PURE__*/_react.default.createElement("table", _extends({
20
23
  role: "grid",
21
24
  className: (0, _classnames.default)(className, {
@@ -6,18 +6,21 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _classnames = _interopRequireDefault(require("classnames"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
+ const _excluded = ["children", "className", "hasOverflow", "expanding", "hidden", "role"];
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  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); }
12
+ 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; }
13
+ 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; }
11
14
  const TableCell = _ref => {
12
15
  let {
13
- children,
14
- className,
15
- hasOverflow = false,
16
- expanding = false,
17
- hidden = false,
18
- role = "gridcell",
19
- ...props
20
- } = _ref;
16
+ children,
17
+ className,
18
+ hasOverflow = false,
19
+ expanding = false,
20
+ hidden = false,
21
+ role = "gridcell"
22
+ } = _ref,
23
+ props = _objectWithoutProperties(_ref, _excluded);
21
24
  return /*#__PURE__*/_react.default.createElement("td", _extends({
22
25
  role: role,
23
26
  "aria-hidden": hidden,
@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
+ const _excluded = ["children", "sort"];
8
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
10
  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); }
11
+ 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; }
12
+ 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; }
10
13
  const TableHeader = _ref => {
11
14
  let {
12
- children,
13
- sort,
14
- ...props
15
- } = _ref;
15
+ children,
16
+ sort
17
+ } = _ref,
18
+ props = _objectWithoutProperties(_ref, _excluded);
16
19
  return /*#__PURE__*/_react.default.createElement("th", _extends({
17
20
  role: "columnheader",
18
21
  "aria-sort": sort
@@ -9,10 +9,13 @@ require("./TablePagination.scss");
9
9
  var _TablePaginationControls = _interopRequireDefault(require("./TablePaginationControls"));
10
10
  var _utils = require("./utils");
11
11
  var _hooks = require("../../hooks");
12
+ const _excluded = ["data", "dataForwardProp", "itemName", "className", "description", "pageLimits", "position", "externallyControlled", "children"];
12
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
14
  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); }
14
15
  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; }
15
16
  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); }
17
+ 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; }
18
+ 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; }
16
19
  /**
17
20
  This is an HOC [React](https://reactjs.org/) component for applying pagination to direct children components. This component is un-opinionated about
18
21
  the structure of the input data and can be used with any child component that displays a list of data. However, the styling and behaviour of this component were designed
@@ -36,17 +39,17 @@ to `false`.
36
39
  */
37
40
  const TablePagination = props => {
38
41
  const {
39
- data,
40
- dataForwardProp = "rows",
41
- itemName = "item",
42
- className,
43
- description,
44
- pageLimits = _utils.DEFAULT_PAGE_LIMITS,
45
- position = "above",
46
- externallyControlled,
47
- children,
48
- ...divProps
49
- } = props;
42
+ data,
43
+ dataForwardProp = "rows",
44
+ itemName = "item",
45
+ className,
46
+ description,
47
+ pageLimits = _utils.DEFAULT_PAGE_LIMITS,
48
+ position = "above",
49
+ externallyControlled,
50
+ children
51
+ } = props,
52
+ divProps = _objectWithoutProperties(props, _excluded);
50
53
 
51
54
  // Safety check to ensure pageSize is a valid option in
52
55
  // pageLimits if the component is externally controlled
@@ -12,8 +12,11 @@ var _Select = _interopRequireDefault(require("../../Select"));
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
  var _classnames = _interopRequireDefault(require("classnames"));
14
14
  var _utils = require("../utils");
15
+ const _excluded = ["className", "currentPage", "description", "displayDescription", "onInputPageChange", "itemName", "nextButtonProps", "onNextPage", "onPageChange", "onPageSizeChange", "onPreviousPage", "pageLimits", "pageSize", "previousButtonProps", "showPageInput", "totalItems", "visibleCount"];
15
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
17
  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); }
18
+ 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; }
19
+ 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; }
17
20
  let Label = exports.Label = /*#__PURE__*/function (Label) {
18
21
  Label["NEXT_PAGE"] = "Next page";
19
22
  Label["PREVIOUS_PAGE"] = "Previous page";
@@ -22,25 +25,25 @@ let Label = exports.Label = /*#__PURE__*/function (Label) {
22
25
  }({});
23
26
  const TablePaginationControls = _ref => {
24
27
  let {
25
- className,
26
- currentPage,
27
- description,
28
- displayDescription = true,
29
- onInputPageChange,
30
- itemName = "row",
31
- nextButtonProps,
32
- onNextPage,
33
- onPageChange,
34
- onPageSizeChange,
35
- onPreviousPage,
36
- pageLimits,
37
- pageSize,
38
- previousButtonProps,
39
- showPageInput = true,
40
- totalItems,
41
- visibleCount,
42
- ...divProps
43
- } = _ref;
28
+ className,
29
+ currentPage,
30
+ description,
31
+ displayDescription = true,
32
+ onInputPageChange,
33
+ itemName = "row",
34
+ nextButtonProps,
35
+ onNextPage,
36
+ onPageChange,
37
+ onPageSizeChange,
38
+ onPreviousPage,
39
+ pageLimits,
40
+ pageSize,
41
+ previousButtonProps,
42
+ showPageInput = true,
43
+ totalItems,
44
+ visibleCount
45
+ } = _ref,
46
+ divProps = _objectWithoutProperties(_ref, _excluded);
44
47
  const isSmallScreen = (0, _utils.useFigureSmallScreen)();
45
48
  const totalPages = totalItems ? Math.ceil(totalItems / pageSize) : null;
46
49
  const descriptionDisplay = (0, _utils.getDescription)({
@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
+ const _excluded = ["children"];
8
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
10
  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); }
11
+ 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; }
12
+ 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; }
10
13
  const TableRow = _ref => {
11
14
  let {
12
- children,
13
- ...trProps
14
- } = _ref;
15
+ children
16
+ } = _ref,
17
+ trProps = _objectWithoutProperties(_ref, _excluded);
15
18
  return /*#__PURE__*/_react.default.createElement("tr", _extends({
16
19
  role: "row"
17
20
  }, trProps), children);
@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _classnames = _interopRequireDefault(require("classnames"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
+ const _excluded = ["active", "className", "component", "label", "listItemClassName"];
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  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); }
12
+ 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; }
13
+ 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; }
11
14
  /**
12
15
  * This is the [React](https://reactjs.org/) component for Vanilla [Tabs](https://vanillaframework.io/docs/patterns/tabs).
13
16
  Tabs organise and allow navigation between groups of content that are related and at the same level
@@ -25,13 +28,13 @@ const Tabs = _ref => {
25
28
  className: (0, _classnames.default)("p-tabs__list", listClassName)
26
29
  }, links.map((link, i) => {
27
30
  const {
28
- active,
29
- className,
30
- component,
31
- label,
32
- listItemClassName,
33
- ...rest
34
- } = link;
31
+ active,
32
+ className,
33
+ component,
34
+ label,
35
+ listItemClassName
36
+ } = link,
37
+ rest = _objectWithoutProperties(link, _excluded);
35
38
  const Component = component || "a";
36
39
  return /*#__PURE__*/_react.default.createElement("li", {
37
40
  className: (0, _classnames.default)("p-tabs__item", listItemClassName),