@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.
- package/README.md +2 -3
- package/dist/components/Accordion/Accordion.js +15 -11
- package/dist/components/ActionButton/ActionButton.js +13 -10
- package/dist/components/ApplicationLayout/AppAside/AppAside.js +12 -9
- package/dist/components/ApplicationLayout/AppMain/AppMain.js +7 -4
- package/dist/components/ApplicationLayout/AppNavigation/AppNavigation.js +9 -6
- package/dist/components/ApplicationLayout/AppNavigationBar/AppNavigationBar.js +7 -4
- package/dist/components/ApplicationLayout/AppStatus/AppStatus.js +7 -4
- package/dist/components/ApplicationLayout/Application/Application.js +7 -4
- package/dist/components/ApplicationLayout/ApplicationLayout.js +22 -19
- package/dist/components/ArticlePagination/ArticlePagination.js +10 -7
- package/dist/components/Badge/Badge.js +9 -6
- package/dist/components/Button/Button.js +15 -12
- package/dist/components/Card/Card.js +11 -8
- package/dist/components/Card/Card.stories.d.ts +5 -0
- package/dist/components/Card/Card.stories.js +13 -4
- package/dist/components/CheckboxInput/CheckableInput/CheckableInput.js +10 -7
- package/dist/components/CheckboxInput/CheckboxInput.js +7 -4
- package/dist/components/Chip/Chip.js +18 -15
- package/dist/components/Code/Code.js +10 -7
- package/dist/components/CodeSnippet/CodeSnippet.js +7 -4
- package/dist/components/CodeSnippet/CodeSnippetDropdown.js +12 -8
- package/dist/components/Col/Col.js +15 -12
- package/dist/components/ColumnSelector/columnSelectorHelper.js +7 -3
- package/dist/components/ConfirmationButton/ConfirmationButton.js +10 -7
- package/dist/components/ConfirmationModal/ConfirmationModal.js +15 -12
- package/dist/components/ContextualMenu/ContextualMenu.js +27 -24
- package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.js +47 -44
- package/dist/components/CustomSelect/CustomSelect.js +25 -22
- package/dist/components/CustomSelect/CustomSelect.stories.js +8 -5
- package/dist/components/EmptyState/EmptyState.js +9 -6
- package/dist/components/Field/Field.js +22 -19
- package/dist/components/Form/Form.js +9 -6
- package/dist/components/FormikField/FormikField.js +10 -7
- package/dist/components/Icon/Icon.js +8 -5
- package/dist/components/Input/Input.js +28 -21
- package/dist/components/Label/Label.js +9 -6
- package/dist/components/Link/Link.js +11 -8
- package/dist/components/List/List.js +28 -19
- package/dist/components/MainTable/MainTable.js +34 -28
- package/dist/components/Modal/Modal.js +13 -10
- package/dist/components/ModularTable/ModularTable.d.ts +5 -1
- package/dist/components/ModularTable/ModularTable.js +26 -21
- package/dist/components/ModularTable/ModularTable.stories.d.ts +1 -0
- package/dist/components/ModularTable/ModularTable.stories.js +96 -1
- package/dist/components/MultiSelect/MultiSelect.js +17 -14
- package/dist/components/MultiSelect/MultiSelect.stories.js +14 -14
- package/dist/components/Navigation/Navigation.js +31 -23
- package/dist/components/Navigation/NavigationLink/NavigationLink.js +26 -17
- package/dist/components/Navigation/NavigationMenu/NavigationMenu.js +16 -9
- package/dist/components/Notifications/Notification/Notification.js +19 -16
- package/dist/components/Notifications/ToastNotification/ToastNotificationProvider.js +15 -15
- package/dist/components/Pagination/Pagination.js +20 -17
- package/dist/components/Panel/Panel.js +29 -25
- package/dist/components/PasswordToggle/PasswordToggle.js +16 -13
- package/dist/components/RadioInput/RadioInput.js +6 -3
- package/dist/components/Row/Row.js +7 -4
- package/dist/components/ScrollableTable/ScrollableTable.stories.js +7 -3
- package/dist/components/SearchAndFilter/SearchAndFilter.js +10 -7
- package/dist/components/SearchBox/SearchBox.js +18 -15
- package/dist/components/Select/Select.js +25 -21
- package/dist/components/SideNavigation/SideNavigation.js +19 -13
- package/dist/components/SideNavigation/SideNavigationBase/SideNavigationBase.js +11 -8
- package/dist/components/SideNavigation/SideNavigationItem/SideNavigationItem.js +12 -6
- package/dist/components/SideNavigation/SideNavigationLink/SideNavigationLink.js +7 -4
- package/dist/components/SideNavigation/SideNavigationText/SideNavigationText.js +7 -4
- package/dist/components/Slider/Slider.js +17 -14
- package/dist/components/Spinner/Spinner.js +11 -8
- package/dist/components/StatusLabel/StatusLabel.js +8 -5
- package/dist/components/Stepper/Step/Step.js +15 -12
- package/dist/components/Strip/Strip.js +18 -15
- package/dist/components/Strip/Strip.stories.js +6 -1
- package/dist/components/Switch/Switch.js +9 -6
- package/dist/components/Table/Table.js +9 -6
- package/dist/components/TableCell/TableCell.js +11 -8
- package/dist/components/TableHeader/TableHeader.js +7 -4
- package/dist/components/TablePagination/TablePagination.js +14 -11
- package/dist/components/TablePagination/TablePaginationControls/TablePaginationControls.js +22 -19
- package/dist/components/TableRow/TableRow.js +6 -3
- package/dist/components/Tabs/Tabs.js +10 -7
- package/dist/components/Textarea/Textarea.js +29 -22
- package/dist/esm/components/Card/Card.stories.d.ts +5 -0
- package/dist/esm/components/Card/Card.stories.js +6 -1
- package/dist/esm/components/ModularTable/ModularTable.d.ts +5 -1
- package/dist/esm/components/ModularTable/ModularTable.js +4 -3
- package/dist/esm/components/ModularTable/ModularTable.stories.d.ts +1 -0
- package/dist/esm/components/ModularTable/ModularTable.stories.js +111 -0
- package/dist/esm/components/Strip/Strip.stories.js +6 -1
- package/dist/external/useSSR.js +6 -4
- 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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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),
|