@canonical/react-components 0.47.0 → 0.47.2
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 +3 -3
- package/dist/components/Accordion/Accordion.js +28 -41
- package/dist/components/Accordion/AccordionSection/AccordionSection.js +18 -18
- package/dist/components/Accordion/AccordionSection/index.js +1 -1
- package/dist/components/Accordion/index.js +1 -1
- package/dist/components/ActionButton/ActionButton.js +34 -66
- package/dist/components/ActionButton/index.js +1 -1
- package/dist/components/ArticlePagination/ArticlePagination.js +10 -12
- package/dist/components/ArticlePagination/index.js +1 -1
- package/dist/components/Badge/Badge.js +24 -29
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Button/Button.js +21 -26
- package/dist/components/Button/index.js +4 -5
- package/dist/components/Card/Card.js +12 -14
- package/dist/components/Card/index.js +1 -1
- package/dist/components/CheckboxInput/CheckableInput/CheckableInput.js +15 -19
- package/dist/components/CheckboxInput/CheckableInput/index.js +1 -1
- package/dist/components/CheckboxInput/CheckboxInput.js +7 -10
- package/dist/components/CheckboxInput/index.js +1 -1
- package/dist/components/Chip/Chip.js +23 -33
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/Code/Code.js +14 -17
- package/dist/components/Code/index.js +1 -1
- package/dist/components/CodeSnippet/CodeSnippet.js +9 -14
- package/dist/components/CodeSnippet/CodeSnippetBlock.js +24 -29
- package/dist/components/CodeSnippet/CodeSnippetDropdown.js +11 -11
- package/dist/components/CodeSnippet/index.js +2 -2
- package/dist/components/Col/Col.js +24 -26
- package/dist/components/Col/index.js +4 -5
- package/dist/components/ConfirmationButton/ConfirmationButton.js +18 -21
- package/dist/components/ConfirmationButton/index.js +1 -1
- package/dist/components/ConfirmationModal/ConfirmationModal.js +11 -15
- package/dist/components/ConfirmationModal/index.js +1 -1
- package/dist/components/ContextualMenu/ContextualMenu.js +89 -107
- package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.d.ts +4 -4
- package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.js +97 -107
- package/dist/components/ContextualMenu/ContextualMenuDropdown/index.js +1 -1
- package/dist/components/ContextualMenu/index.js +1 -1
- package/dist/components/EmptyState/EmptyState.js +9 -11
- package/dist/components/EmptyState/index.js +1 -1
- package/dist/components/Field/Field.js +66 -65
- package/dist/components/Field/index.js +1 -1
- package/dist/components/Form/Form.js +9 -11
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Icon/Icon.js +9 -12
- package/dist/components/Icon/index.js +4 -5
- package/dist/components/Input/Input.js +38 -45
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Label/Label.js +9 -11
- package/dist/components/Label/index.js +1 -1
- package/dist/components/Link/Link.js +12 -18
- package/dist/components/Link/index.js +1 -1
- package/dist/components/List/List.js +50 -54
- package/dist/components/List/index.js +1 -1
- package/dist/components/Loader/Loader.js +2 -3
- package/dist/components/Loader/index.js +1 -1
- package/dist/components/MainTable/MainTable.js +87 -104
- package/dist/components/MainTable/index.js +1 -1
- package/dist/components/Modal/Modal.js +45 -40
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/ModularTable/ModularTable.js +63 -77
- package/dist/components/ModularTable/index.js +1 -1
- package/dist/components/Navigation/Navigation.js +63 -97
- package/dist/components/Navigation/NavigationLink/NavigationLink.js +32 -35
- package/dist/components/Navigation/NavigationLink/index.js +1 -1
- package/dist/components/Navigation/NavigationMenu/NavigationMenu.js +26 -45
- package/dist/components/Navigation/NavigationMenu/index.js +1 -1
- package/dist/components/Navigation/index.js +1 -1
- package/dist/components/Notification/Notification.js +49 -59
- package/dist/components/Notification/index.js +4 -5
- package/dist/components/NotificationProvider/NotificationProvider.js +47 -68
- package/dist/components/NotificationProvider/index.js +7 -7
- package/dist/components/NotificationProvider/messageBuilder.js +9 -9
- package/dist/components/NotificationProvider/types.d.ts +1 -0
- package/dist/components/Pagination/Pagination.js +55 -74
- package/dist/components/Pagination/PaginationButton/PaginationButton.js +11 -12
- package/dist/components/Pagination/PaginationButton/index.js +1 -1
- package/dist/components/Pagination/PaginationItem/PaginationItem.js +7 -7
- package/dist/components/Pagination/PaginationItem/index.js +1 -1
- package/dist/components/Pagination/index.js +1 -1
- package/dist/components/PasswordToggle/PasswordToggle.d.ts +1 -1
- package/dist/components/PasswordToggle/PasswordToggle.js +25 -40
- package/dist/components/PasswordToggle/index.js +1 -1
- package/dist/components/RadioInput/RadioInput.js +6 -8
- package/dist/components/RadioInput/index.js +1 -1
- package/dist/components/Row/Row.js +7 -9
- package/dist/components/Row/index.js +1 -1
- package/dist/components/SearchAndFilter/FilterPanelSection/FilterPanelSection.js +38 -51
- package/dist/components/SearchAndFilter/FilterPanelSection/index.js +1 -1
- package/dist/components/SearchAndFilter/SearchAndFilter.js +75 -135
- package/dist/components/SearchAndFilter/index.js +1 -1
- package/dist/components/SearchAndFilter/utils.js +4 -8
- package/dist/components/SearchBox/SearchBox.js +25 -33
- package/dist/components/SearchBox/index.js +1 -1
- package/dist/components/Select/Select.js +38 -44
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Slider/Slider.js +27 -35
- package/dist/components/Slider/index.js +1 -1
- package/dist/components/Spinner/Spinner.js +10 -15
- package/dist/components/Spinner/index.js +1 -1
- package/dist/components/StatusLabel/StatusLabel.js +11 -13
- package/dist/components/StatusLabel/index.js +4 -5
- package/dist/components/Strip/Strip.js +27 -34
- package/dist/components/Strip/index.js +1 -1
- package/dist/components/SummaryButton/SummaryButton.js +9 -8
- package/dist/components/SummaryButton/index.js +1 -1
- package/dist/components/Switch/Switch.js +7 -10
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/Table/Table.js +9 -13
- package/dist/components/Table/index.js +1 -1
- package/dist/components/TableCell/TableCell.js +11 -17
- package/dist/components/TableCell/index.js +1 -1
- package/dist/components/TableHeader/TableHeader.js +7 -9
- package/dist/components/TableHeader/index.js +1 -1
- package/dist/components/TablePagination/TablePagination.d.ts +37 -0
- package/dist/components/TablePagination/TablePagination.js +125 -0
- package/dist/components/TablePagination/TablePagination.scss +40 -0
- package/dist/components/TablePagination/TablePaginationControls/TablePaginationControls.d.ts +16 -0
- package/dist/components/TablePagination/TablePaginationControls/TablePaginationControls.js +66 -0
- package/dist/components/TablePagination/TablePaginationControls/index.d.ts +2 -0
- package/dist/components/TablePagination/TablePaginationControls/index.js +13 -0
- package/dist/components/TablePagination/index.d.ts +2 -0
- package/dist/components/TablePagination/index.js +13 -0
- package/dist/components/TableRow/TableRow.js +6 -8
- package/dist/components/TableRow/index.js +1 -1
- package/dist/components/Tabs/Tabs.js +17 -17
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/Textarea/Textarea.js +51 -45
- package/dist/components/Textarea/index.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/Tooltip/Tooltip.js +76 -79
- package/dist/components/Tooltip/index.js +4 -5
- package/dist/enums.js +2 -3
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.js +16 -10
- package/dist/hooks/useId.js +1 -3
- package/dist/hooks/useListener.d.ts +2 -1
- package/dist/hooks/useListener.js +25 -24
- package/dist/hooks/useOnClickOutside.d.ts +12 -0
- package/dist/hooks/useOnClickOutside.js +45 -0
- package/dist/hooks/useOnEscapePressed.d.ts +3 -1
- package/dist/hooks/useOnEscapePressed.js +13 -6
- package/dist/hooks/usePagination.js +17 -29
- package/dist/hooks/usePrevious.js +4 -4
- package/dist/hooks/useThrottle.js +16 -25
- package/dist/hooks/useWindowFitment.js +30 -28
- package/dist/index.d.ts +3 -1
- package/dist/index.js +86 -74
- package/dist/utils.js +6 -13
- package/package.json +56 -49
- package/dist/hooks/useClickOutside.d.ts +0 -6
- package/dist/hooks/useClickOutside.js +0 -32
|
@@ -1,6 +1,5 @@
|
|
|
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); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -8,43 +7,39 @@ exports.default = exports.Label = void 0;
|
|
|
8
7
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
11
|
-
|
|
12
|
-
function
|
|
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; }
|
|
10
|
+
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
|
+
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; }
|
|
14
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
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); }
|
|
16
|
-
|
|
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; }
|
|
18
|
-
var Label = /*#__PURE__*/function (Label) {
|
|
14
|
+
let Label = exports.Label = /*#__PURE__*/function (Label) {
|
|
19
15
|
Label["Clear"] = "Clear search field";
|
|
20
16
|
Label["Search"] = "Search";
|
|
21
17
|
return Label;
|
|
22
18
|
}({});
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
onClear === null || onClear === void 0 ? void 0 : onClear();
|
|
19
|
+
const SearchBox = /*#__PURE__*/_react.default.forwardRef((_ref, forwardedRef) => {
|
|
20
|
+
let {
|
|
21
|
+
autocomplete = "on",
|
|
22
|
+
className,
|
|
23
|
+
disabled,
|
|
24
|
+
externallyControlled,
|
|
25
|
+
onChange,
|
|
26
|
+
onSearch,
|
|
27
|
+
onClear,
|
|
28
|
+
placeholder = "Search",
|
|
29
|
+
shouldRefocusAfterReset,
|
|
30
|
+
value,
|
|
31
|
+
...props
|
|
32
|
+
} = _ref;
|
|
33
|
+
const internalRef = (0, _react.useRef)();
|
|
34
|
+
const resetInput = () => {
|
|
35
|
+
onChange === null || onChange === void 0 || onChange("");
|
|
36
|
+
onClear === null || onClear === void 0 || onClear();
|
|
42
37
|
if (internalRef.current) {
|
|
43
38
|
internalRef.current.value = "";
|
|
44
39
|
if (shouldRefocusAfterReset) internalRef.current.focus();
|
|
45
40
|
}
|
|
46
41
|
};
|
|
47
|
-
|
|
42
|
+
const triggerSearch = () => {
|
|
48
43
|
onSearch && onSearch();
|
|
49
44
|
};
|
|
50
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -58,11 +53,9 @@ var SearchBox = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwarded
|
|
|
58
53
|
disabled: disabled,
|
|
59
54
|
id: "search",
|
|
60
55
|
name: "search",
|
|
61
|
-
onChange:
|
|
62
|
-
return _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt.target.value);
|
|
63
|
-
},
|
|
56
|
+
onChange: evt => onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.value),
|
|
64
57
|
placeholder: placeholder,
|
|
65
|
-
ref:
|
|
58
|
+
ref: input => {
|
|
66
59
|
internalRef.current = input;
|
|
67
60
|
// Handle both function and object refs.
|
|
68
61
|
if (typeof forwardedRef === "function") {
|
|
@@ -90,5 +83,4 @@ var SearchBox = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwarded
|
|
|
90
83
|
}, Label.Search)));
|
|
91
84
|
});
|
|
92
85
|
SearchBox.displayName = "SearchBox";
|
|
93
|
-
var _default = SearchBox;
|
|
94
|
-
exports.default = _default;
|
|
86
|
+
var _default = exports.default = SearchBox;
|
|
@@ -1,6 +1,5 @@
|
|
|
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); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,50 +8,48 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _Field = _interopRequireDefault(require("../Field"));
|
|
11
10
|
var _hooks = require("../../hooks");
|
|
12
|
-
var
|
|
13
|
-
|
|
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); }
|
|
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; }
|
|
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); }
|
|
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; }
|
|
16
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
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); }
|
|
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; }
|
|
20
15
|
/**
|
|
21
16
|
* The props for the Select component.
|
|
22
17
|
*/
|
|
23
18
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
(0,
|
|
19
|
+
const generateOptions = options => options === null || options === void 0 ? void 0 : options.map(_ref => {
|
|
20
|
+
let {
|
|
21
|
+
label,
|
|
22
|
+
value,
|
|
23
|
+
...props
|
|
24
|
+
} = _ref;
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement("option", _extends({
|
|
26
|
+
value: value,
|
|
27
|
+
key: "".concat(value) || label
|
|
28
|
+
}, props), label);
|
|
29
|
+
});
|
|
30
|
+
const Select = _ref2 => {
|
|
31
|
+
let {
|
|
32
|
+
caution,
|
|
33
|
+
className,
|
|
34
|
+
error,
|
|
35
|
+
help,
|
|
36
|
+
id,
|
|
37
|
+
label,
|
|
38
|
+
labelClassName,
|
|
39
|
+
onChange,
|
|
40
|
+
options,
|
|
41
|
+
required,
|
|
42
|
+
stacked,
|
|
43
|
+
success,
|
|
44
|
+
takeFocus,
|
|
45
|
+
wrapperClassName,
|
|
46
|
+
...selectProps
|
|
47
|
+
} = _ref2;
|
|
48
|
+
const selectRef = (0, _react.useRef)(null);
|
|
49
|
+
const validationId = (0, _hooks.useId)();
|
|
50
|
+
const helpId = (0, _hooks.useId)();
|
|
51
|
+
const hasError = !!error;
|
|
52
|
+
(0, _react.useEffect)(() => {
|
|
56
53
|
if (takeFocus) {
|
|
57
54
|
selectRef.current.focus();
|
|
58
55
|
}
|
|
@@ -77,11 +74,8 @@ var Select = function Select(_ref2) {
|
|
|
77
74
|
"aria-invalid": hasError,
|
|
78
75
|
className: (0, _classnames.default)("p-form-validation__input", className),
|
|
79
76
|
id: id,
|
|
80
|
-
onChange:
|
|
81
|
-
return _onChange && _onChange(evt);
|
|
82
|
-
},
|
|
77
|
+
onChange: evt => onChange && onChange(evt),
|
|
83
78
|
ref: selectRef
|
|
84
79
|
}, selectProps), generateOptions(options)));
|
|
85
80
|
};
|
|
86
|
-
var _default = Select;
|
|
87
|
-
exports.default = _default;
|
|
81
|
+
var _default = exports.default = Select;
|
|
@@ -7,44 +7,37 @@ exports.default = exports.Slider = exports.FILLED_COLOR = exports.EMPTY_COLOR =
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _Field = _interopRequireDefault(require("../Field"));
|
|
9
9
|
var _hooks = require("../../hooks");
|
|
10
|
-
var _excluded = ["caution", "disabled", "error", "help", "id", "inputDisabled", "label", "max", "min", "onChange", "required", "showInput"];
|
|
11
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
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); }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
inputProps = _objectWithoutProperties(_ref, _excluded);
|
|
38
|
-
var validationId = (0, _hooks.useId)();
|
|
39
|
-
var helpId = (0, _hooks.useId)();
|
|
40
|
-
var hasError = !!error;
|
|
41
|
-
var style = {};
|
|
42
|
-
if ((_navigator = navigator) !== null && _navigator !== void 0 && (_navigator$userAgent = _navigator.userAgent) !== null && _navigator$userAgent !== void 0 && _navigator$userAgent.includes("AppleWebKit")) {
|
|
12
|
+
const FILLED_COLOR = exports.FILLED_COLOR = "#0066CC";
|
|
13
|
+
const EMPTY_COLOR = exports.EMPTY_COLOR = "#D9D9D9";
|
|
14
|
+
const Slider = _ref => {
|
|
15
|
+
var _navigator;
|
|
16
|
+
let {
|
|
17
|
+
caution,
|
|
18
|
+
disabled = false,
|
|
19
|
+
error,
|
|
20
|
+
help,
|
|
21
|
+
id,
|
|
22
|
+
inputDisabled = false,
|
|
23
|
+
label,
|
|
24
|
+
max,
|
|
25
|
+
min,
|
|
26
|
+
onChange,
|
|
27
|
+
required = false,
|
|
28
|
+
showInput = false,
|
|
29
|
+
...inputProps
|
|
30
|
+
} = _ref;
|
|
31
|
+
const validationId = (0, _hooks.useId)();
|
|
32
|
+
const helpId = (0, _hooks.useId)();
|
|
33
|
+
const hasError = !!error;
|
|
34
|
+
let style = {};
|
|
35
|
+
if ((_navigator = navigator) !== null && _navigator !== void 0 && (_navigator = _navigator.userAgent) !== null && _navigator !== void 0 && _navigator.includes("AppleWebKit")) {
|
|
43
36
|
var _inputProps$value;
|
|
44
37
|
// Range inputs on Webkit browsers don't have a built-in "filled" portion,
|
|
45
38
|
// so instead it is handled here as a background.
|
|
46
|
-
|
|
47
|
-
|
|
39
|
+
const val = (_inputProps$value = inputProps.value) !== null && _inputProps$value !== void 0 ? _inputProps$value : inputProps.defaultValue;
|
|
40
|
+
const filledPercentage = "".concat((Number(val) - min) / (max - min) * 100, "%");
|
|
48
41
|
style = {
|
|
49
42
|
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 )")
|
|
50
43
|
};
|
|
@@ -84,5 +77,4 @@ var Slider = function Slider(_ref) {
|
|
|
84
77
|
}, inputProps))));
|
|
85
78
|
};
|
|
86
79
|
exports.Slider = Slider;
|
|
87
|
-
var _default = Slider;
|
|
88
|
-
exports.default = _default;
|
|
80
|
+
var _default = exports.default = Slider;
|
|
@@ -7,21 +7,17 @@ exports.default = void 0;
|
|
|
7
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _excluded = ["className", "text", "isLight", "ariaLive", "role"];
|
|
11
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
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); }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
_ref$role = _ref.role,
|
|
23
|
-
role = _ref$role === void 0 ? "alert" : _ref$role,
|
|
24
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
+
const Spinner = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
className,
|
|
15
|
+
text,
|
|
16
|
+
isLight = false,
|
|
17
|
+
ariaLive = "polite",
|
|
18
|
+
role = "alert",
|
|
19
|
+
...props
|
|
20
|
+
} = _ref;
|
|
25
21
|
return /*#__PURE__*/_react.default.createElement("span", _extends({}, props, {
|
|
26
22
|
className: (0, _classnames.default)(className, "p-text--default"),
|
|
27
23
|
role: role,
|
|
@@ -38,5 +34,4 @@ Spinner.propTypes = {
|
|
|
38
34
|
role: _propTypes.default.string,
|
|
39
35
|
ariaLive: _propTypes.default.oneOf(["assertive", "off", "polite"])
|
|
40
36
|
};
|
|
41
|
-
var _default = Spinner;
|
|
42
|
-
exports.default = _default;
|
|
37
|
+
var _default = exports.default = Spinner;
|
|
@@ -6,12 +6,9 @@ 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
|
-
var _excluded = ["appearance", "children", "className"];
|
|
10
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
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); }
|
|
12
|
-
|
|
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; }
|
|
14
|
-
var StatusLabelAppearance = {
|
|
11
|
+
const StatusLabelAppearance = exports.StatusLabelAppearance = {
|
|
15
12
|
CAUTION: "caution",
|
|
16
13
|
DEFAULT: "",
|
|
17
14
|
INFORMATION: "information",
|
|
@@ -22,19 +19,20 @@ var StatusLabelAppearance = {
|
|
|
22
19
|
/**
|
|
23
20
|
* The type of the StatusLabel props.
|
|
24
21
|
*/
|
|
25
|
-
|
|
22
|
+
|
|
26
23
|
/**
|
|
27
24
|
* A component for the Vanilla Label.
|
|
28
25
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
26
|
+
const StatusLabel = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
appearance,
|
|
29
|
+
children,
|
|
30
|
+
className,
|
|
31
|
+
...labelProps
|
|
32
|
+
} = _ref;
|
|
33
|
+
const classes = (0, _classnames.default)(appearance ? "p-status-label--".concat(appearance) : "p-status-label", className);
|
|
35
34
|
return /*#__PURE__*/_react.default.createElement("div", _extends({}, labelProps, {
|
|
36
35
|
className: classes
|
|
37
36
|
}), children);
|
|
38
37
|
};
|
|
39
|
-
var _default = StatusLabel;
|
|
40
|
-
exports.default = _default;
|
|
38
|
+
var _default = exports.default = StatusLabel;
|
|
@@ -1,21 +1,20 @@
|
|
|
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); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
Object.defineProperty(exports, "StatusLabelAppearance", {
|
|
8
7
|
enumerable: true,
|
|
9
|
-
get: function
|
|
8
|
+
get: function () {
|
|
10
9
|
return _StatusLabel.StatusLabelAppearance;
|
|
11
10
|
}
|
|
12
11
|
});
|
|
13
12
|
Object.defineProperty(exports, "default", {
|
|
14
13
|
enumerable: true,
|
|
15
|
-
get: function
|
|
14
|
+
get: function () {
|
|
16
15
|
return _StatusLabel.default;
|
|
17
16
|
}
|
|
18
17
|
});
|
|
19
18
|
var _StatusLabel = _interopRequireWildcard(require("./StatusLabel"));
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
@@ -1,6 +1,5 @@
|
|
|
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); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,40 +8,35 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _Col = _interopRequireDefault(require("../Col"));
|
|
11
10
|
var _Row = _interopRequireDefault(require("../Row"));
|
|
12
|
-
var _excluded = ["background", "bordered", "children", "className", "colSize", "dark", "deep", "includeCol", "element", "light", "rowClassName", "shallow", "type"];
|
|
13
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
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); }
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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);
|
|
13
|
+
const Strip = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
background,
|
|
16
|
+
bordered = false,
|
|
17
|
+
children,
|
|
18
|
+
className,
|
|
19
|
+
colSize = 12,
|
|
20
|
+
dark = false,
|
|
21
|
+
deep = false,
|
|
22
|
+
includeCol = true,
|
|
23
|
+
element: Component = "div",
|
|
24
|
+
light = false,
|
|
25
|
+
rowClassName,
|
|
26
|
+
shallow = false,
|
|
27
|
+
type,
|
|
28
|
+
...props
|
|
29
|
+
} = _ref;
|
|
44
30
|
return /*#__PURE__*/_react.default.createElement(Component, _extends({
|
|
45
|
-
className: (0, _classnames.default)(className,
|
|
31
|
+
className: (0, _classnames.default)(className, {
|
|
32
|
+
["p-strip--".concat(type)]: !!type,
|
|
33
|
+
"p-strip": !type,
|
|
34
|
+
"is-bordered": bordered,
|
|
35
|
+
"is-dark": dark,
|
|
36
|
+
"is-deep": deep,
|
|
37
|
+
"is-light": light,
|
|
38
|
+
"is-shallow": shallow
|
|
39
|
+
}),
|
|
46
40
|
style: background && {
|
|
47
41
|
backgroundImage: "url('".concat(background, "')")
|
|
48
42
|
}
|
|
@@ -52,5 +46,4 @@ var Strip = function Strip(_ref) {
|
|
|
52
46
|
size: colSize
|
|
53
47
|
}, children) : children));
|
|
54
48
|
};
|
|
55
|
-
var _default = Strip;
|
|
56
|
-
exports.default = _default;
|
|
49
|
+
var _default = exports.default = Strip;
|
|
@@ -8,12 +8,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _ActionButton = _interopRequireDefault(require("../ActionButton"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
const SummaryButton = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
className,
|
|
14
|
+
isLoading,
|
|
15
|
+
summary,
|
|
16
|
+
label,
|
|
17
|
+
onClick
|
|
18
|
+
} = _ref;
|
|
17
19
|
return /*#__PURE__*/_react.default.createElement("small", {
|
|
18
20
|
className: className
|
|
19
21
|
}, summary && /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -27,5 +29,4 @@ var SummaryButton = function SummaryButton(_ref) {
|
|
|
27
29
|
disabled: isLoading
|
|
28
30
|
}, label));
|
|
29
31
|
};
|
|
30
|
-
var _default = SummaryButton;
|
|
31
|
-
exports.default = _default;
|
|
32
|
+
var _default = exports.default = SummaryButton;
|
|
@@ -5,16 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Switch = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _excluded = ["label", "disabled"];
|
|
9
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
9
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
inputProps = _objectWithoutProperties(_ref, _excluded);
|
|
10
|
+
const Switch = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
label,
|
|
13
|
+
disabled = false,
|
|
14
|
+
...inputProps
|
|
15
|
+
} = _ref;
|
|
18
16
|
return /*#__PURE__*/_react.default.createElement("label", {
|
|
19
17
|
className: "p-switch"
|
|
20
18
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
@@ -29,5 +27,4 @@ var Switch = function Switch(_ref) {
|
|
|
29
27
|
}, label));
|
|
30
28
|
};
|
|
31
29
|
exports.Switch = Switch;
|
|
32
|
-
var _default = Switch;
|
|
33
|
-
exports.default = _default;
|
|
30
|
+
var _default = exports.default = Switch;
|