@canonical/react-components 0.41.0 → 0.43.0
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/dist/__mocks__/nanoid.js +0 -2
- package/dist/components/Accordion/Accordion.js +13 -37
- package/dist/components/Accordion/AccordionSection/AccordionSection.js +8 -14
- package/dist/components/Accordion/AccordionSection/index.js +0 -2
- package/dist/components/Accordion/index.js +0 -2
- package/dist/components/ActionButton/ActionButton.js +36 -65
- package/dist/components/ActionButton/index.js +0 -2
- package/dist/components/ArticlePagination/ArticlePagination.js +5 -15
- package/dist/components/ArticlePagination/index.js +0 -2
- package/dist/components/Badge/Badge.js +10 -28
- package/dist/components/Badge/index.js +0 -2
- package/dist/components/Button/Button.js +12 -25
- package/dist/components/Button/index.js +0 -4
- package/dist/components/Card/Card.js +7 -18
- package/dist/components/Card/index.js +0 -2
- package/dist/components/CheckboxInput/CheckableInput/CheckableInput.js +6 -20
- package/dist/components/CheckboxInput/CheckableInput/index.js +0 -2
- package/dist/components/CheckboxInput/CheckboxInput.js +3 -13
- package/dist/components/CheckboxInput/index.js +0 -2
- package/dist/components/Chip/Chip.js +14 -30
- package/dist/components/Chip/index.js +0 -2
- package/dist/components/Code/Code.js +5 -23
- package/dist/components/Code/index.js +0 -2
- package/dist/components/CodeSnippet/CodeSnippet.js +2 -12
- package/dist/components/CodeSnippet/CodeSnippetBlock.js +10 -18
- package/dist/components/CodeSnippet/CodeSnippetDropdown.js +5 -14
- package/dist/components/CodeSnippet/index.js +0 -3
- package/dist/components/Col/Col.js +15 -25
- package/dist/components/Col/index.js +0 -4
- package/dist/components/ConfirmationButton/ConfirmationButton.d.ts +25 -0
- package/dist/components/ConfirmationButton/ConfirmationButton.js +59 -0
- package/dist/components/ConfirmationButton/index.d.ts +2 -0
- package/dist/components/ConfirmationButton/index.js +13 -0
- package/dist/components/ConfirmationModal/ConfirmationModal.d.ts +33 -0
- package/dist/components/ConfirmationModal/ConfirmationModal.js +38 -0
- package/dist/components/ConfirmationModal/index.d.ts +2 -0
- package/dist/components/ConfirmationModal/index.js +13 -0
- package/dist/components/ContextualMenu/ContextualMenu.d.ts +3 -3
- package/dist/components/ContextualMenu/ContextualMenu.js +66 -101
- package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.d.ts +2 -1
- package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.js +48 -85
- package/dist/components/ContextualMenu/ContextualMenuDropdown/index.js +0 -2
- package/dist/components/ContextualMenu/index.js +0 -2
- package/dist/components/EmptyState/EmptyState.d.ts +22 -0
- package/dist/components/EmptyState/EmptyState.js +27 -0
- package/dist/components/EmptyState/index.d.ts +2 -0
- package/dist/components/EmptyState/index.js +13 -0
- package/dist/components/Field/Field.js +35 -51
- package/dist/components/Field/index.js +0 -2
- package/dist/components/Form/Form.js +4 -14
- package/dist/components/Form/index.js +0 -2
- package/dist/components/Icon/Icon.js +3 -14
- package/dist/components/Icon/Icon.stories.scss +1 -0
- package/dist/components/Icon/index.js +0 -4
- package/dist/components/Input/Input.js +21 -39
- package/dist/components/Input/index.js +0 -2
- package/dist/components/Label/Label.js +7 -13
- package/dist/components/Label/index.js +0 -2
- package/dist/components/Link/Link.js +10 -22
- package/dist/components/Link/index.js +0 -2
- package/dist/components/List/List.d.ts +5 -5
- package/dist/components/List/List.js +17 -32
- package/dist/components/List/index.js +0 -2
- package/dist/components/Loader/Loader.js +0 -7
- package/dist/components/Loader/index.js +0 -2
- package/dist/components/MainTable/MainTable.js +59 -111
- package/dist/components/MainTable/index.js +0 -2
- package/dist/components/Modal/Modal.js +7 -34
- package/dist/components/Modal/index.js +0 -2
- package/dist/components/ModularTable/ModularTable.d.ts +9 -1
- package/dist/components/ModularTable/ModularTable.js +39 -46
- package/dist/components/ModularTable/index.js +0 -2
- package/dist/components/Navigation/Navigation.js +46 -82
- package/dist/components/Navigation/NavigationLink/NavigationLink.js +15 -30
- package/dist/components/Navigation/NavigationLink/index.js +0 -2
- package/dist/components/Navigation/NavigationMenu/NavigationMenu.js +12 -35
- package/dist/components/Navigation/NavigationMenu/index.js +0 -2
- package/dist/components/Navigation/index.js +0 -2
- package/dist/components/Notification/Notification.d.ts +6 -0
- package/dist/components/Notification/Notification.js +29 -42
- package/dist/components/Notification/index.js +0 -4
- package/dist/components/NotificationProvider/NotificationProvider.d.ts +5 -0
- package/dist/components/NotificationProvider/NotificationProvider.js +119 -0
- package/dist/components/NotificationProvider/index.d.ts +3 -0
- package/dist/components/NotificationProvider/index.js +49 -0
- package/dist/components/NotificationProvider/messageBuilder.d.ts +6 -0
- package/dist/components/NotificationProvider/messageBuilder.js +41 -0
- package/dist/components/NotificationProvider/types.d.ts +30 -0
- package/dist/components/NotificationProvider/types.js +5 -0
- package/dist/components/Pagination/Pagination.js +14 -44
- package/dist/components/Pagination/PaginationButton/PaginationButton.js +3 -10
- package/dist/components/Pagination/PaginationButton/index.js +0 -2
- package/dist/components/Pagination/PaginationItem/PaginationItem.js +3 -8
- package/dist/components/Pagination/PaginationItem/index.js +0 -2
- package/dist/components/Pagination/index.js +0 -2
- package/dist/components/PasswordToggle/PasswordToggle.js +16 -45
- package/dist/components/PasswordToggle/index.js +0 -2
- package/dist/components/RadioInput/RadioInput.js +1 -11
- package/dist/components/RadioInput/index.js +0 -2
- package/dist/components/Row/Row.js +2 -12
- package/dist/components/Row/index.js +0 -2
- package/dist/components/SearchAndFilter/FilterPanelSection/FilterPanelSection.js +27 -49
- package/dist/components/SearchAndFilter/FilterPanelSection/index.js +0 -2
- package/dist/components/SearchAndFilter/SearchAndFilter.d.ts +9 -1
- package/dist/components/SearchAndFilter/SearchAndFilter.js +68 -104
- package/dist/components/SearchAndFilter/index.js +0 -2
- package/dist/components/SearchAndFilter/utils.js +1 -7
- package/dist/components/SearchBox/SearchBox.js +14 -34
- package/dist/components/SearchBox/index.js +0 -2
- package/dist/components/Select/Select.js +20 -33
- package/dist/components/Select/index.js +0 -2
- package/dist/components/Slider/Slider.js +16 -32
- package/dist/components/Slider/index.js +0 -2
- package/dist/components/Spinner/Spinner.js +8 -19
- package/dist/components/Spinner/index.js +0 -2
- package/dist/components/StatusLabel/StatusLabel.js +4 -15
- package/dist/components/StatusLabel/index.js +0 -4
- package/dist/components/Strip/Strip.js +25 -36
- package/dist/components/Strip/index.js +0 -2
- package/dist/components/SummaryButton/SummaryButton.js +4 -10
- package/dist/components/SummaryButton/index.js +0 -2
- package/dist/components/Switch/Switch.js +3 -12
- package/dist/components/Switch/index.js +0 -2
- package/dist/components/Table/Table.js +6 -16
- package/dist/components/Table/index.js +0 -2
- package/dist/components/TableCell/TableCell.js +10 -20
- package/dist/components/TableCell/index.js +0 -2
- package/dist/components/TableHeader/TableHeader.js +2 -11
- package/dist/components/TableHeader/index.js +0 -2
- package/dist/components/TableRow/TableRow.js +1 -10
- package/dist/components/TableRow/index.js +0 -2
- package/dist/components/Tabs/Tabs.js +7 -17
- package/dist/components/Tabs/index.js +0 -2
- package/dist/components/Textarea/Textarea.js +23 -36
- package/dist/components/Textarea/index.js +0 -2
- package/dist/components/Tooltip/Tooltip.js +38 -88
- package/dist/components/Tooltip/index.js +0 -4
- package/dist/enums.js +0 -2
- package/dist/hooks/index.js +0 -8
- package/dist/hooks/useClickOutside.js +2 -7
- package/dist/hooks/useId.js +0 -4
- package/dist/hooks/useListener.js +0 -8
- package/dist/hooks/useOnEscapePressed.js +0 -3
- package/dist/hooks/usePagination.js +13 -25
- package/dist/hooks/usePrevious.js +0 -3
- package/dist/hooks/useThrottle.js +1 -15
- package/dist/hooks/useWindowFitment.js +6 -13
- package/dist/index.d.ts +8 -0
- package/dist/index.js +64 -52
- package/dist/utils.js +3 -10
- package/package.json +31 -28
|
@@ -4,35 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _hooks = require("../../hooks");
|
|
13
|
-
|
|
14
10
|
var _excluded = ["children", "className", "highlighted", "overlay", "thumbnail", "title"];
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
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); }
|
|
19
|
-
|
|
20
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; }
|
|
21
|
-
|
|
22
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; }
|
|
23
|
-
|
|
24
15
|
var Card = function Card(_ref) {
|
|
25
16
|
var children = _ref.children,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
17
|
+
className = _ref.className,
|
|
18
|
+
highlighted = _ref.highlighted,
|
|
19
|
+
overlay = _ref.overlay,
|
|
20
|
+
thumbnail = _ref.thumbnail,
|
|
21
|
+
title = _ref.title,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
23
|
var titleId = (0, _hooks.useId)();
|
|
34
24
|
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
35
|
-
"aria-labelledby": titleId,
|
|
25
|
+
"aria-labelledby": title ? titleId : undefined,
|
|
36
26
|
className: (0, _classnames.default)(className, {
|
|
37
27
|
"p-card": !highlighted && !overlay,
|
|
38
28
|
"p-card--highlighted": highlighted,
|
|
@@ -52,6 +42,5 @@ var Card = function Card(_ref) {
|
|
|
52
42
|
className: "p-card__content"
|
|
53
43
|
}, children));
|
|
54
44
|
};
|
|
55
|
-
|
|
56
45
|
var _default = Card;
|
|
57
46
|
exports.default = _default;
|
|
@@ -1,41 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _useId = require("../../../hooks/useId");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["inputType", "label", "labelClassName", "indeterminate", "inline"];
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
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); }
|
|
25
|
-
|
|
26
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; }
|
|
27
|
-
|
|
28
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; }
|
|
29
|
-
|
|
30
18
|
var CheckableInput = function CheckableInput(_ref) {
|
|
31
19
|
var inputType = _ref.inputType,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
20
|
+
label = _ref.label,
|
|
21
|
+
labelClassName = _ref.labelClassName,
|
|
22
|
+
_ref$indeterminate = _ref.indeterminate,
|
|
23
|
+
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
24
|
+
inline = _ref.inline,
|
|
25
|
+
checkboxProps = _objectWithoutProperties(_ref, _excluded);
|
|
39
26
|
var inputId = (0, _useId.useId)();
|
|
40
27
|
var inputRef = (0, _react.useRef)(null);
|
|
41
28
|
(0, _react.useEffect)(function () {
|
|
@@ -55,6 +42,5 @@ var CheckableInput = function CheckableInput(_ref) {
|
|
|
55
42
|
id: inputId
|
|
56
43
|
}, label));
|
|
57
44
|
};
|
|
58
|
-
|
|
59
45
|
var _default = CheckableInput;
|
|
60
46
|
exports.default = _default;
|
|
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
|
|
|
9
9
|
return _CheckableInput.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
|
|
13
12
|
var _CheckableInput = _interopRequireDefault(require("./CheckableInput"));
|
|
14
|
-
|
|
15
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _CheckableInput = _interopRequireDefault(require("./CheckableInput"));
|
|
11
|
-
|
|
12
9
|
var _excluded = ["label", "indeterminate"];
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
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); }
|
|
17
|
-
|
|
18
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; }
|
|
19
|
-
|
|
20
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; }
|
|
21
|
-
|
|
22
14
|
var CheckboxInput = function CheckboxInput(_ref) {
|
|
23
15
|
var label = _ref.label,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
_ref$indeterminate = _ref.indeterminate,
|
|
17
|
+
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
18
|
+
checkboxProps = _objectWithoutProperties(_ref, _excluded);
|
|
28
19
|
return /*#__PURE__*/_react.default.createElement(_CheckableInput.default, _extends({
|
|
29
20
|
label: label,
|
|
30
21
|
inputType: "checkbox",
|
|
31
22
|
indeterminate: indeterminate
|
|
32
23
|
}, checkboxProps));
|
|
33
24
|
};
|
|
34
|
-
|
|
35
25
|
var _default = CheckboxInput;
|
|
36
26
|
exports.default = _default;
|
|
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
|
|
|
9
9
|
return _CheckboxInput.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
|
|
13
12
|
var _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
|
|
14
|
-
|
|
15
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,33 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = exports.Label = exports.ChipType = void 0;
|
|
7
|
-
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
9
|
var _utils = require("../../utils");
|
|
11
|
-
|
|
12
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
11
|
var _excluded = ["appearance", "lead", "onClick", "onDismiss", "quoteValue", "selected", "subString", "value"];
|
|
15
|
-
|
|
16
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
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); }
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
14
|
+
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; }
|
|
15
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
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; }
|
|
23
|
-
|
|
24
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; }
|
|
25
|
-
|
|
26
19
|
var Label = /*#__PURE__*/function (Label) {
|
|
27
20
|
Label["Dismiss"] = "Dismiss";
|
|
28
21
|
return Label;
|
|
29
22
|
}({});
|
|
30
|
-
|
|
31
23
|
exports.Label = Label;
|
|
32
24
|
var ChipType = {
|
|
33
25
|
CAUTION: "caution",
|
|
@@ -36,22 +28,19 @@ var ChipType = {
|
|
|
36
28
|
POSITIVE: "positive"
|
|
37
29
|
};
|
|
38
30
|
exports.ChipType = ChipType;
|
|
39
|
-
|
|
40
31
|
var Chip = function Chip(_ref) {
|
|
41
32
|
var _classNames;
|
|
42
|
-
|
|
43
33
|
var appearance = _ref.appearance,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
34
|
+
_ref$lead = _ref.lead,
|
|
35
|
+
lead = _ref$lead === void 0 ? "" : _ref$lead,
|
|
36
|
+
onClick = _ref.onClick,
|
|
37
|
+
onDismiss = _ref.onDismiss,
|
|
38
|
+
quoteValue = _ref.quoteValue,
|
|
39
|
+
selected = _ref.selected,
|
|
40
|
+
_ref$subString = _ref.subString,
|
|
41
|
+
subString = _ref$subString === void 0 ? "" : _ref$subString,
|
|
42
|
+
value = _ref.value,
|
|
43
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
55
44
|
// When user tabs over chip and presses Enter or Space key, chip will trigger
|
|
56
45
|
// click functionality
|
|
57
46
|
var _onKeyDown = function onKeyDown(e) {
|
|
@@ -65,9 +54,7 @@ var Chip = function Chip(_ref) {
|
|
|
65
54
|
}
|
|
66
55
|
}
|
|
67
56
|
};
|
|
68
|
-
|
|
69
57
|
var chipValue = (0, _utils.highlightSubString)(value, subString).text;
|
|
70
|
-
|
|
71
58
|
var chipContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, lead && /*#__PURE__*/_react.default.createElement("span", {
|
|
72
59
|
className: "p-chip__lead"
|
|
73
60
|
}, lead.toUpperCase()), /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -76,9 +63,7 @@ var Chip = function Chip(_ref) {
|
|
|
76
63
|
__html: quoteValue ? "'".concat(chipValue, "'") : chipValue
|
|
77
64
|
}
|
|
78
65
|
}));
|
|
79
|
-
|
|
80
66
|
var chipClassName = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, "p-chip--".concat(appearance), !!appearance), _defineProperty(_classNames, "p-chip", !appearance), _classNames), props.className);
|
|
81
|
-
|
|
82
67
|
if (onDismiss) {
|
|
83
68
|
return /*#__PURE__*/_react.default.createElement("span", _extends({}, props, {
|
|
84
69
|
className: chipClassName
|
|
@@ -101,6 +86,5 @@ var Chip = function Chip(_ref) {
|
|
|
101
86
|
}), chipContent);
|
|
102
87
|
}
|
|
103
88
|
};
|
|
104
|
-
|
|
105
89
|
var _default = Chip;
|
|
106
90
|
exports.default = _default;
|
|
@@ -1,62 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _CodeSnippet = _interopRequireWildcard(require("../CodeSnippet"));
|
|
15
|
-
|
|
16
11
|
var _utils = require("../../utils");
|
|
17
|
-
|
|
18
12
|
var _excluded = ["children", "className", "inline", "copyable", "numbered"];
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
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); }
|
|
27
|
-
|
|
28
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; }
|
|
29
|
-
|
|
30
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; }
|
|
31
|
-
|
|
32
19
|
/**
|
|
33
20
|
* @deprecated Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.
|
|
34
21
|
*/
|
|
35
22
|
var Code = function Code(_ref) {
|
|
36
23
|
var children = _ref.children,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
24
|
+
className = _ref.className,
|
|
25
|
+
inline = _ref.inline,
|
|
26
|
+
copyable = _ref.copyable,
|
|
27
|
+
numbered = _ref.numbered,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
29
|
if (_utils.IS_DEV) {
|
|
44
30
|
console.warn("Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.");
|
|
45
31
|
}
|
|
46
|
-
|
|
47
32
|
if (inline) {
|
|
48
33
|
return /*#__PURE__*/_react.default.createElement("code", _extends({
|
|
49
34
|
className: className
|
|
50
35
|
}, props), children);
|
|
51
36
|
} else {
|
|
52
37
|
var appearance = null;
|
|
53
|
-
|
|
54
38
|
if (numbered) {
|
|
55
39
|
appearance = _CodeSnippet.CodeSnippetBlockAppearance.NUMBERED;
|
|
56
40
|
} else if (copyable) {
|
|
57
41
|
appearance = _CodeSnippet.CodeSnippetBlockAppearance.LINUX_PROMPT;
|
|
58
42
|
}
|
|
59
|
-
|
|
60
43
|
return /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
|
|
61
44
|
blocks: [{
|
|
62
45
|
appearance: appearance,
|
|
@@ -65,7 +48,6 @@ var Code = function Code(_ref) {
|
|
|
65
48
|
});
|
|
66
49
|
}
|
|
67
50
|
};
|
|
68
|
-
|
|
69
51
|
Code.propTypes = {
|
|
70
52
|
children: _propTypes.default.string.isRequired,
|
|
71
53
|
inline: _propTypes.default.bool,
|
|
@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = CodeSnippet;
|
|
7
|
-
|
|
8
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _CodeSnippetBlock = _interopRequireDefault(require("./CodeSnippetBlock"));
|
|
13
|
-
|
|
14
10
|
var _excluded = ["className", "blocks"];
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
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); }
|
|
19
|
-
|
|
20
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; }
|
|
21
|
-
|
|
22
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; }
|
|
23
|
-
|
|
24
15
|
function CodeSnippet(_ref) {
|
|
25
16
|
var className = _ref.className,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
blocks = _ref.blocks,
|
|
18
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
29
19
|
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
30
20
|
className: (0, _classnames.default)("p-code-snippet", {
|
|
31
21
|
"is-bordered": blocks.some(function (block) {
|
|
@@ -5,17 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.CodeSnippetBlockAppearance = void 0;
|
|
7
7
|
exports.default = CodeSnippetBlock;
|
|
8
|
-
|
|
9
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
|
|
11
9
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
|
|
13
10
|
var _CodeSnippetDropdown = _interopRequireDefault(require("./CodeSnippetDropdown"));
|
|
14
|
-
|
|
15
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
|
|
17
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); }
|
|
18
|
-
|
|
19
13
|
var CodeSnippetBlockAppearance = {
|
|
20
14
|
LINUX_PROMPT: "linuxPrompt",
|
|
21
15
|
NUMBERED: "numbered",
|
|
@@ -23,25 +17,24 @@ var CodeSnippetBlockAppearance = {
|
|
|
23
17
|
WINDOWS_PROMPT: "windowsPrompt"
|
|
24
18
|
};
|
|
25
19
|
exports.CodeSnippetBlockAppearance = CodeSnippetBlockAppearance;
|
|
26
|
-
|
|
27
20
|
function CodeSnippetBlock(_ref) {
|
|
28
21
|
var appearance = _ref.appearance,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
22
|
+
code = _ref.code,
|
|
23
|
+
content = _ref.content,
|
|
24
|
+
dropdowns = _ref.dropdowns,
|
|
25
|
+
_ref$stacked = _ref.stacked,
|
|
26
|
+
stacked = _ref$stacked === void 0 ? false : _ref$stacked,
|
|
27
|
+
title = _ref.title,
|
|
28
|
+
_ref$wrapLines = _ref.wrapLines,
|
|
29
|
+
wrapLines = _ref$wrapLines === void 0 ? false : _ref$wrapLines;
|
|
37
30
|
var className = "p-code-snippet__block";
|
|
38
31
|
var isNumbered = appearance === CodeSnippetBlockAppearance.NUMBERED;
|
|
39
32
|
var hasIcon = appearance === CodeSnippetBlockAppearance.LINUX_PROMPT || appearance === CodeSnippetBlockAppearance.WINDOWS_PROMPT || appearance === CodeSnippetBlockAppearance.URL;
|
|
40
33
|
var numberedCode;
|
|
41
|
-
|
|
42
34
|
if (isNumbered) {
|
|
43
|
-
className += "--numbered";
|
|
35
|
+
className += "--numbered";
|
|
44
36
|
|
|
37
|
+
// wrap code lines in spans (and preserve the whitespace)
|
|
45
38
|
var lines = code.split(/\r?\n/);
|
|
46
39
|
numberedCode = lines.map(function (line, i) {
|
|
47
40
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
@@ -53,7 +46,6 @@ function CodeSnippetBlock(_ref) {
|
|
|
53
46
|
} else if (hasIcon) {
|
|
54
47
|
className += "--icon";
|
|
55
48
|
}
|
|
56
|
-
|
|
57
49
|
className = (0, _classnames.default)(className, {
|
|
58
50
|
"is-windows-prompt": appearance === CodeSnippetBlockAppearance.WINDOWS_PROMPT,
|
|
59
51
|
"is-url": appearance === CodeSnippetBlockAppearance.URL,
|
|
@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = CodeSnippetDropdown;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _excluded = ["options", "onChange"],
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
_excluded2 = ["label", "value"];
|
|
13
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
|
|
15
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); }
|
|
16
|
-
|
|
17
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; }
|
|
18
|
-
|
|
19
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; }
|
|
20
|
-
|
|
21
14
|
function CodeSnippetDropdown(_ref) {
|
|
22
15
|
var options = _ref.options,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
onChange = _ref.onChange,
|
|
17
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
18
|
return /*#__PURE__*/_react.default.createElement("select", _extends({
|
|
27
19
|
className: "p-code-snippet__dropdown",
|
|
28
20
|
onChange: onChange
|
|
29
21
|
}, props), options.map(function (_ref2) {
|
|
30
22
|
var label = _ref2.label,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
23
|
+
value = _ref2.value,
|
|
24
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
34
25
|
return /*#__PURE__*/_react.default.createElement("option", _extends({
|
|
35
26
|
value: value,
|
|
36
27
|
key: value + "" || label
|
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "default", {
|
|
|
15
15
|
return _CodeSnippet.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _CodeSnippet = _interopRequireDefault(require("./CodeSnippet"));
|
|
20
|
-
|
|
21
19
|
var _CodeSnippetBlock = require("./CodeSnippetBlock");
|
|
22
|
-
|
|
23
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,49 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = exports.colSizes = void 0;
|
|
7
|
-
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
10
|
var _excluded = ["children", "className", "element", "emptyLarge", "emptyMedium", "emptySmall", "large", "medium", "size", "small"];
|
|
13
|
-
|
|
14
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
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); }
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
13
|
+
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; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
20
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; }
|
|
21
|
-
|
|
22
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; }
|
|
23
|
-
|
|
24
18
|
var colSizes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
|
25
19
|
exports.colSizes = colSizes;
|
|
26
|
-
|
|
27
20
|
var Col = function Col(_ref) {
|
|
28
21
|
var _classNames;
|
|
29
|
-
|
|
30
22
|
var children = _ref.children,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
23
|
+
className = _ref.className,
|
|
24
|
+
_ref$element = _ref.element,
|
|
25
|
+
Component = _ref$element === void 0 ? "div" : _ref$element,
|
|
26
|
+
emptyLarge = _ref.emptyLarge,
|
|
27
|
+
emptyMedium = _ref.emptyMedium,
|
|
28
|
+
emptySmall = _ref.emptySmall,
|
|
29
|
+
large = _ref.large,
|
|
30
|
+
medium = _ref.medium,
|
|
31
|
+
size = _ref.size,
|
|
32
|
+
small = _ref.small,
|
|
33
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
34
|
return /*#__PURE__*/_react.default.createElement(Component, _extends({
|
|
44
35
|
className: (0, _classnames.default)(className, "col-".concat(size), (_classNames = {}, _defineProperty(_classNames, "col-small-".concat(small), !!small), _defineProperty(_classNames, "col-medium-".concat(medium), !!medium), _defineProperty(_classNames, "col-large-".concat(large), !!large), _defineProperty(_classNames, "col-start-small-".concat(emptySmall), !!emptySmall), _defineProperty(_classNames, "col-start-medium-".concat(emptyMedium), !!emptyMedium), _defineProperty(_classNames, "col-start-large-".concat(emptyLarge), !!emptyLarge), _classNames))
|
|
45
36
|
}, props), children);
|
|
46
37
|
};
|
|
47
|
-
|
|
48
38
|
var _default = Col;
|
|
49
39
|
exports.default = _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "default", {
|
|
|
17
16
|
return _Col.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
|
|
21
19
|
var _Col = _interopRequireWildcard(require("./Col"));
|
|
22
|
-
|
|
23
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
|
-
|
|
25
21
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { PropsWithSpread, SubComponentProps } from "../../types";
|
|
3
|
+
import { ActionButtonProps } from "../ActionButton";
|
|
4
|
+
import { ConfirmationModalProps } from "../ConfirmationModal";
|
|
5
|
+
export type Props = PropsWithSpread<{
|
|
6
|
+
/**
|
|
7
|
+
* Additional props to pass to the confirmation modal.
|
|
8
|
+
*/
|
|
9
|
+
confirmationModalProps: SubComponentProps<ConfirmationModalProps>;
|
|
10
|
+
/**
|
|
11
|
+
* An optional text to be shown when hovering over the button.<br/>
|
|
12
|
+
* Defaults to the label of the confirm button in the modal.
|
|
13
|
+
*/
|
|
14
|
+
onHoverText?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Whether to enable the SHIFT+Click shortcut to skip the confirmation modal and perform the action.
|
|
17
|
+
*/
|
|
18
|
+
shiftClickEnabled?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Whether to show a hint about the SHIFT+Click shortcut to skip the confirmation modal.
|
|
21
|
+
*/
|
|
22
|
+
showShiftClickHint?: boolean;
|
|
23
|
+
}, ActionButtonProps>;
|
|
24
|
+
export declare const ConfirmationButton: ({ confirmationModalProps, onHoverText, shiftClickEnabled, showShiftClickHint, ...actionButtonProps }: Props) => ReactElement;
|
|
25
|
+
export default ConfirmationButton;
|