@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,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.overflowingChipsCount = exports.isChipInArray = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* Return number of overflowing chips given a row threshold
|
|
10
9
|
* @param {array} chips - An array of chips
|
|
@@ -13,28 +12,23 @@ exports.overflowingChipsCount = exports.isChipInArray = void 0;
|
|
|
13
12
|
*/
|
|
14
13
|
var overflowingChipsCount = function overflowingChipsCount(chips, overflowRowLimit) {
|
|
15
14
|
var overflowChips = 0;
|
|
16
|
-
|
|
17
15
|
if (chips) {
|
|
18
16
|
chips.forEach(function (chip) {
|
|
19
17
|
if (chip.offsetTop > chip.offsetHeight * overflowRowLimit) overflowChips++;
|
|
20
18
|
});
|
|
21
19
|
}
|
|
22
|
-
|
|
23
20
|
return overflowChips;
|
|
24
21
|
};
|
|
22
|
+
|
|
25
23
|
/**
|
|
26
24
|
* Check if supplied chip object already exists in searchData prop
|
|
27
25
|
* @param {Object} chip - A chip object {lead: 'foo', value: 'bar'}
|
|
28
26
|
* @param {Array} existingArr - An array of chip objects
|
|
29
27
|
*/
|
|
30
|
-
|
|
31
|
-
|
|
32
28
|
exports.overflowingChipsCount = overflowingChipsCount;
|
|
33
|
-
|
|
34
29
|
var isChipInArray = function isChipInArray(chip, existingArr) {
|
|
35
30
|
return existingArr === null || existingArr === void 0 ? void 0 : existingArr.some(function (searchDataItem) {
|
|
36
31
|
return searchDataItem.lead === chip.lead && searchDataItem.value === chip.value;
|
|
37
32
|
});
|
|
38
33
|
};
|
|
39
|
-
|
|
40
34
|
exports.isChipInArray = isChipInArray;
|
|
@@ -1,71 +1,52 @@
|
|
|
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 = exports.Label = void 0;
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["autocomplete", "className", "disabled", "externallyControlled", "onChange", "onSearch", "onClear", "placeholder", "shouldRefocusAfterReset", "value"];
|
|
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 Label = /*#__PURE__*/function (Label) {
|
|
31
19
|
Label["Clear"] = "Clear search field";
|
|
32
20
|
Label["Search"] = "Search";
|
|
33
21
|
return Label;
|
|
34
22
|
}({});
|
|
35
|
-
|
|
36
23
|
exports.Label = Label;
|
|
37
|
-
|
|
38
24
|
var SearchBox = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
|
|
39
25
|
var _ref$autocomplete = _ref.autocomplete,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
26
|
+
autocomplete = _ref$autocomplete === void 0 ? "on" : _ref$autocomplete,
|
|
27
|
+
className = _ref.className,
|
|
28
|
+
disabled = _ref.disabled,
|
|
29
|
+
externallyControlled = _ref.externallyControlled,
|
|
30
|
+
_onChange = _ref.onChange,
|
|
31
|
+
onSearch = _ref.onSearch,
|
|
32
|
+
onClear = _ref.onClear,
|
|
33
|
+
_ref$placeholder = _ref.placeholder,
|
|
34
|
+
placeholder = _ref$placeholder === void 0 ? "Search" : _ref$placeholder,
|
|
35
|
+
shouldRefocusAfterReset = _ref.shouldRefocusAfterReset,
|
|
36
|
+
value = _ref.value,
|
|
37
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
53
38
|
var internalRef = (0, _react.useRef)();
|
|
54
|
-
|
|
55
39
|
var resetInput = function resetInput() {
|
|
56
40
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange("");
|
|
57
41
|
onClear === null || onClear === void 0 ? void 0 : onClear();
|
|
58
|
-
|
|
59
42
|
if (internalRef.current) {
|
|
60
43
|
internalRef.current.value = "";
|
|
61
44
|
if (shouldRefocusAfterReset) internalRef.current.focus();
|
|
62
45
|
}
|
|
63
46
|
};
|
|
64
|
-
|
|
65
47
|
var triggerSearch = function triggerSearch() {
|
|
66
48
|
onSearch && onSearch();
|
|
67
49
|
};
|
|
68
|
-
|
|
69
50
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
70
51
|
className: (0, _classnames.default)("p-search-box", className)
|
|
71
52
|
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
@@ -82,8 +63,8 @@ var SearchBox = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwarded
|
|
|
82
63
|
},
|
|
83
64
|
placeholder: placeholder,
|
|
84
65
|
ref: function ref(input) {
|
|
85
|
-
internalRef.current = input;
|
|
86
|
-
|
|
66
|
+
internalRef.current = input;
|
|
67
|
+
// Handle both function and object refs.
|
|
87
68
|
if (typeof forwardedRef === "function") {
|
|
88
69
|
forwardedRef(input);
|
|
89
70
|
} else if (forwardedRef) {
|
|
@@ -108,7 +89,6 @@ var SearchBox = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwarded
|
|
|
108
89
|
name: "search"
|
|
109
90
|
}, Label.Search)));
|
|
110
91
|
});
|
|
111
|
-
|
|
112
92
|
SearchBox.displayName = "SearchBox";
|
|
113
93
|
var _default = SearchBox;
|
|
114
94
|
exports.default = _default;
|
|
@@ -1,65 +1,53 @@
|
|
|
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 _Field = _interopRequireDefault(require("../Field"));
|
|
15
|
-
|
|
16
11
|
var _hooks = require("../../hooks");
|
|
17
|
-
|
|
18
12
|
var _excluded = ["label", "value"],
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
_excluded2 = ["caution", "className", "error", "help", "id", "label", "labelClassName", "onChange", "options", "required", "stacked", "success", "takeFocus", "wrapperClassName"];
|
|
21
14
|
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); }
|
|
22
|
-
|
|
23
15
|
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; }
|
|
24
|
-
|
|
25
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
26
|
-
|
|
27
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); }
|
|
28
|
-
|
|
29
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; }
|
|
30
|
-
|
|
31
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; }
|
|
20
|
+
/**
|
|
21
|
+
* The props for the Select component.
|
|
22
|
+
*/
|
|
32
23
|
|
|
33
24
|
var generateOptions = function generateOptions(options) {
|
|
34
25
|
return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
|
|
35
26
|
var label = _ref.label,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
27
|
+
value = _ref.value,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
39
29
|
return /*#__PURE__*/_react.default.createElement("option", _extends({
|
|
40
30
|
value: value,
|
|
41
31
|
key: "".concat(value) || label
|
|
42
32
|
}, props), label);
|
|
43
33
|
});
|
|
44
34
|
};
|
|
45
|
-
|
|
46
35
|
var Select = function Select(_ref2) {
|
|
47
36
|
var caution = _ref2.caution,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
37
|
+
className = _ref2.className,
|
|
38
|
+
error = _ref2.error,
|
|
39
|
+
help = _ref2.help,
|
|
40
|
+
id = _ref2.id,
|
|
41
|
+
label = _ref2.label,
|
|
42
|
+
labelClassName = _ref2.labelClassName,
|
|
43
|
+
_onChange = _ref2.onChange,
|
|
44
|
+
options = _ref2.options,
|
|
45
|
+
required = _ref2.required,
|
|
46
|
+
stacked = _ref2.stacked,
|
|
47
|
+
success = _ref2.success,
|
|
48
|
+
takeFocus = _ref2.takeFocus,
|
|
49
|
+
wrapperClassName = _ref2.wrapperClassName,
|
|
50
|
+
selectProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
63
51
|
var selectRef = (0, _react.useRef)(null);
|
|
64
52
|
var validationId = (0, _hooks.useId)();
|
|
65
53
|
var helpId = (0, _hooks.useId)();
|
|
@@ -95,6 +83,5 @@ var Select = function Select(_ref2) {
|
|
|
95
83
|
ref: selectRef
|
|
96
84
|
}, selectProps), generateOptions(options)));
|
|
97
85
|
};
|
|
98
|
-
|
|
99
86
|
var _default = Select;
|
|
100
87
|
exports.default = _default;
|
|
@@ -4,57 +4,43 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Slider = exports.FILLED_COLOR = exports.EMPTY_COLOR = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _Field = _interopRequireDefault(require("../Field"));
|
|
11
|
-
|
|
12
9
|
var _hooks = require("../../hooks");
|
|
13
|
-
|
|
14
10
|
var _excluded = ["caution", "disabled", "error", "help", "id", "inputDisabled", "label", "max", "min", "onChange", "required", "showInput"];
|
|
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 FILLED_COLOR = "#0066CC";
|
|
25
16
|
exports.FILLED_COLOR = FILLED_COLOR;
|
|
26
17
|
var EMPTY_COLOR = "#D9D9D9";
|
|
27
18
|
exports.EMPTY_COLOR = EMPTY_COLOR;
|
|
28
|
-
|
|
29
19
|
var Slider = function Slider(_ref) {
|
|
30
20
|
var _navigator, _navigator$userAgent;
|
|
31
|
-
|
|
32
21
|
var caution = _ref.caution,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
22
|
+
_ref$disabled = _ref.disabled,
|
|
23
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
24
|
+
error = _ref.error,
|
|
25
|
+
help = _ref.help,
|
|
26
|
+
id = _ref.id,
|
|
27
|
+
_ref$inputDisabled = _ref.inputDisabled,
|
|
28
|
+
inputDisabled = _ref$inputDisabled === void 0 ? false : _ref$inputDisabled,
|
|
29
|
+
label = _ref.label,
|
|
30
|
+
max = _ref.max,
|
|
31
|
+
min = _ref.min,
|
|
32
|
+
onChange = _ref.onChange,
|
|
33
|
+
_ref$required = _ref.required,
|
|
34
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
|
35
|
+
_ref$showInput = _ref.showInput,
|
|
36
|
+
showInput = _ref$showInput === void 0 ? false : _ref$showInput,
|
|
37
|
+
inputProps = _objectWithoutProperties(_ref, _excluded);
|
|
50
38
|
var validationId = (0, _hooks.useId)();
|
|
51
39
|
var helpId = (0, _hooks.useId)();
|
|
52
40
|
var hasError = !!error;
|
|
53
41
|
var style = {};
|
|
54
|
-
|
|
55
42
|
if ((_navigator = navigator) !== null && _navigator !== void 0 && (_navigator$userAgent = _navigator.userAgent) !== null && _navigator$userAgent !== void 0 && _navigator$userAgent.includes("AppleWebKit")) {
|
|
56
43
|
var _inputProps$value;
|
|
57
|
-
|
|
58
44
|
// Range inputs on Webkit browsers don't have a built-in "filled" portion,
|
|
59
45
|
// so instead it is handled here as a background.
|
|
60
46
|
var val = (_inputProps$value = inputProps.value) !== null && _inputProps$value !== void 0 ? _inputProps$value : inputProps.defaultValue;
|
|
@@ -63,7 +49,6 @@ var Slider = function Slider(_ref) {
|
|
|
63
49
|
background: "linear-gradient(\n to right,\n ".concat(FILLED_COLOR, " 0%,\n ").concat(FILLED_COLOR, " ").concat(filledPercentage, ",\n ").concat(EMPTY_COLOR, " ").concat(filledPercentage, ",\n ").concat(EMPTY_COLOR, " 100%\n )")
|
|
64
50
|
};
|
|
65
51
|
}
|
|
66
|
-
|
|
67
52
|
return /*#__PURE__*/_react.default.createElement(_Field.default, {
|
|
68
53
|
caution: caution,
|
|
69
54
|
error: error,
|
|
@@ -98,7 +83,6 @@ var Slider = function Slider(_ref) {
|
|
|
98
83
|
type: "number"
|
|
99
84
|
}, inputProps))));
|
|
100
85
|
};
|
|
101
|
-
|
|
102
86
|
exports.Slider = Slider;
|
|
103
87
|
var _default = Slider;
|
|
104
88
|
exports.default = _default;
|
|
@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _excluded = ["className", "text", "isLight", "ariaLive", "role"];
|
|
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 Spinner = function Spinner(_ref) {
|
|
25
16
|
var className = _ref.className,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
17
|
+
text = _ref.text,
|
|
18
|
+
_ref$isLight = _ref.isLight,
|
|
19
|
+
isLight = _ref$isLight === void 0 ? false : _ref$isLight,
|
|
20
|
+
_ref$ariaLive = _ref.ariaLive,
|
|
21
|
+
ariaLive = _ref$ariaLive === void 0 ? "polite" : _ref$ariaLive,
|
|
22
|
+
_ref$role = _ref.role,
|
|
23
|
+
role = _ref$role === void 0 ? "alert" : _ref$role,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
35
25
|
return /*#__PURE__*/_react.default.createElement("span", _extends({}, props, {
|
|
36
26
|
className: (0, _classnames.default)(className, "p-text--default"),
|
|
37
27
|
role: role,
|
|
@@ -42,7 +32,6 @@ var Spinner = function Spinner(_ref) {
|
|
|
42
32
|
})
|
|
43
33
|
}, text ? "" : "Loading"), text && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u2002", /*#__PURE__*/_react.default.createElement("span", null, text)));
|
|
44
34
|
};
|
|
45
|
-
|
|
46
35
|
Spinner.propTypes = {
|
|
47
36
|
isLight: _propTypes.default.bool,
|
|
48
37
|
text: _propTypes.default.string,
|
|
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.StatusLabelAppearance = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _excluded = ["appearance", "children", "className"];
|
|
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 StatusLabelAppearance = {
|
|
23
15
|
CAUTION: "caution",
|
|
24
16
|
DEFAULT: "",
|
|
@@ -26,26 +18,23 @@ var StatusLabelAppearance = {
|
|
|
26
18
|
NEGATIVE: "negative",
|
|
27
19
|
POSITIVE: "positive"
|
|
28
20
|
};
|
|
21
|
+
|
|
29
22
|
/**
|
|
30
23
|
* The type of the StatusLabel props.
|
|
31
24
|
*/
|
|
32
|
-
|
|
33
25
|
exports.StatusLabelAppearance = StatusLabelAppearance;
|
|
34
|
-
|
|
35
26
|
/**
|
|
36
27
|
* A component for the Vanilla Label.
|
|
37
28
|
*/
|
|
38
29
|
var StatusLabel = function StatusLabel(_ref) {
|
|
39
30
|
var appearance = _ref.appearance,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
31
|
+
children = _ref.children,
|
|
32
|
+
className = _ref.className,
|
|
33
|
+
labelProps = _objectWithoutProperties(_ref, _excluded);
|
|
44
34
|
var classes = (0, _classnames.default)(appearance ? "p-status-label--".concat(appearance) : "p-status-label", className);
|
|
45
35
|
return /*#__PURE__*/_react.default.createElement("div", _extends({}, labelProps, {
|
|
46
36
|
className: classes
|
|
47
37
|
}), children);
|
|
48
38
|
};
|
|
49
|
-
|
|
50
39
|
var _default = StatusLabel;
|
|
51
40
|
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 _StatusLabel.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
|
|
21
19
|
var _StatusLabel = _interopRequireWildcard(require("./StatusLabel"));
|
|
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; }
|
|
@@ -1,56 +1,46 @@
|
|
|
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 = void 0;
|
|
7
|
-
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
10
|
var _Col = _interopRequireDefault(require("../Col"));
|
|
13
|
-
|
|
14
11
|
var _Row = _interopRequireDefault(require("../Row"));
|
|
15
|
-
|
|
16
12
|
var _excluded = ["background", "bordered", "children", "className", "colSize", "dark", "deep", "includeCol", "element", "light", "rowClassName", "shallow", "type"];
|
|
17
|
-
|
|
18
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
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); }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
15
|
+
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; }
|
|
16
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
+
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); }
|
|
24
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; }
|
|
25
|
-
|
|
26
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; }
|
|
27
|
-
|
|
28
20
|
var Strip = function Strip(_ref) {
|
|
29
21
|
var _classNames;
|
|
30
|
-
|
|
31
22
|
var background = _ref.background,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
23
|
+
_ref$bordered = _ref.bordered,
|
|
24
|
+
bordered = _ref$bordered === void 0 ? false : _ref$bordered,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
className = _ref.className,
|
|
27
|
+
_ref$colSize = _ref.colSize,
|
|
28
|
+
colSize = _ref$colSize === void 0 ? 12 : _ref$colSize,
|
|
29
|
+
_ref$dark = _ref.dark,
|
|
30
|
+
dark = _ref$dark === void 0 ? false : _ref$dark,
|
|
31
|
+
_ref$deep = _ref.deep,
|
|
32
|
+
deep = _ref$deep === void 0 ? false : _ref$deep,
|
|
33
|
+
_ref$includeCol = _ref.includeCol,
|
|
34
|
+
includeCol = _ref$includeCol === void 0 ? true : _ref$includeCol,
|
|
35
|
+
_ref$element = _ref.element,
|
|
36
|
+
Component = _ref$element === void 0 ? "div" : _ref$element,
|
|
37
|
+
_ref$light = _ref.light,
|
|
38
|
+
light = _ref$light === void 0 ? false : _ref$light,
|
|
39
|
+
rowClassName = _ref.rowClassName,
|
|
40
|
+
_ref$shallow = _ref.shallow,
|
|
41
|
+
shallow = _ref$shallow === void 0 ? false : _ref$shallow,
|
|
42
|
+
type = _ref.type,
|
|
43
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
54
44
|
return /*#__PURE__*/_react.default.createElement(Component, _extends({
|
|
55
45
|
className: (0, _classnames.default)(className, (_classNames = {}, _defineProperty(_classNames, "p-strip--".concat(type), !!type), _defineProperty(_classNames, "p-strip", !type), _defineProperty(_classNames, "is-bordered", bordered), _defineProperty(_classNames, "is-dark", dark), _defineProperty(_classNames, "is-deep", deep), _defineProperty(_classNames, "is-light", light), _defineProperty(_classNames, "is-shallow", shallow), _classNames)),
|
|
56
46
|
style: background && {
|
|
@@ -62,6 +52,5 @@ var Strip = function Strip(_ref) {
|
|
|
62
52
|
size: colSize
|
|
63
53
|
}, children) : children));
|
|
64
54
|
};
|
|
65
|
-
|
|
66
55
|
var _default = Strip;
|
|
67
56
|
exports.default = _default;
|
|
@@ -4,21 +4,16 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _ActionButton = _interopRequireDefault(require("../ActionButton"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
var SummaryButton = function SummaryButton(_ref) {
|
|
17
12
|
var className = _ref.className,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
isLoading = _ref.isLoading,
|
|
14
|
+
summary = _ref.summary,
|
|
15
|
+
label = _ref.label,
|
|
16
|
+
onClick = _ref.onClick;
|
|
22
17
|
return /*#__PURE__*/_react.default.createElement("small", {
|
|
23
18
|
className: className
|
|
24
19
|
}, summary && /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -32,6 +27,5 @@ var SummaryButton = function SummaryButton(_ref) {
|
|
|
32
27
|
disabled: isLoading
|
|
33
28
|
}, label));
|
|
34
29
|
};
|
|
35
|
-
|
|
36
30
|
var _default = SummaryButton;
|
|
37
31
|
exports.default = _default;
|
|
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
|
|
|
9
9
|
return _SummaryButton.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
|
|
13
12
|
var _SummaryButton = _interopRequireDefault(require("./SummaryButton"));
|
|
14
|
-
|
|
15
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|