@orfium/ictinus 4.17.0 → 4.20.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/components/Breadcrumb/Breadcrumb.js +17 -54
- package/dist/components/Breadcrumb/Breadcrumb.style.d.ts +3 -2
- package/dist/components/Breadcrumb/Breadcrumb.style.js +10 -15
- package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.d.ts +0 -6
- package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.js +5 -16
- package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.d.ts +2 -1
- package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.js +2 -2
- package/dist/components/Breadcrumb/Separator/Separator.js +3 -2
- package/dist/components/Breadcrumb/Separator/Separator.style.d.ts +2 -1
- package/dist/components/Breadcrumb/Separator/Separator.style.js +1 -1
- package/dist/components/Breadcrumb/types.d.ts +1 -5
- package/dist/components/ButtonBase/ButtonBase.js +2 -1
- package/dist/components/DatePicker/Month/Month.utils.d.ts +1 -1
- package/dist/components/ExpandCollapse/ExpandCollapse.d.ts +2 -2
- package/dist/components/Filter/Filter.js +3 -20
- package/dist/components/Filter/Filter.style.js +3 -3
- package/dist/components/Filter/components/FilterBase/FilterBase.d.ts +1 -1
- package/dist/components/Filter/components/FilterBase/FilterBase.js +20 -13
- package/dist/components/List/ListItem/ListItem.js +7 -7
- package/dist/components/List/ListItem/ListItem.style.js +6 -6
- package/dist/components/Loader/components/Spinner/Spinner.style.js +1 -1
- package/dist/components/Select/Select.js +26 -32
- package/dist/components/Select/Select.style.d.ts +1 -0
- package/dist/components/Select/Select.style.js +18 -3
- package/package.json +1 -1
- package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.d.ts +0 -7
- package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.js +0 -81
- package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.d.ts +0 -16
- package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.js +0 -52
- package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbAdvancedItem.d.ts +0 -11
- package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbAdvancedItem.js +0 -46
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _lodash = require("lodash");
|
|
7
|
-
|
|
8
6
|
var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
|
|
9
7
|
|
|
10
8
|
var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
|
|
@@ -15,8 +13,6 @@ var _reactRouterDom = require("react-router-dom");
|
|
|
15
13
|
|
|
16
14
|
var _Breadcrumb = require("./Breadcrumb.style");
|
|
17
15
|
|
|
18
|
-
var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed/BreadcrumbCollapsed"));
|
|
19
|
-
|
|
20
16
|
var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem/BreadcrumbItem"));
|
|
21
17
|
|
|
22
18
|
var _react2 = require("@emotion/react");
|
|
@@ -27,71 +23,38 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
27
23
|
|
|
28
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
25
|
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var Breadcrumb = function Breadcrumb(props) {
|
|
35
|
-
var children = props.children,
|
|
36
|
-
_props$data = props.data,
|
|
37
|
-
data = _props$data === void 0 ? [] : _props$data;
|
|
26
|
+
var isLastItem = function isLastItem(dataItems, itemIndex) {
|
|
27
|
+
return itemIndex === dataItems.length - 1;
|
|
28
|
+
};
|
|
38
29
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
30
|
+
var Breadcrumb = function Breadcrumb(_ref) {
|
|
31
|
+
var children = _ref.children,
|
|
32
|
+
_ref$data = _ref.data,
|
|
33
|
+
data = _ref$data === void 0 ? [] : _ref$data;
|
|
34
|
+
var passDataToRouterLink = React.useCallback(function (dataItem, index) {
|
|
35
|
+
var to = dataItem.to,
|
|
36
|
+
label = dataItem.label;
|
|
37
|
+
var isLast = isLastItem(data, index);
|
|
38
|
+
return to ? (0, _react2.jsx)(_reactRouterDom.Link, {
|
|
39
|
+
css: (0, _Breadcrumb.breadcrumbLinkStyles)(isLast),
|
|
44
40
|
key: to,
|
|
45
41
|
to: to
|
|
46
|
-
}, label);
|
|
47
|
-
};
|
|
48
|
-
|
|
42
|
+
}, label) : (0, _react2.jsx)("div", null, label);
|
|
43
|
+
}, [data]);
|
|
49
44
|
var childrenCollection = React.Children.toArray(children);
|
|
50
45
|
var dataItems = (0, _isEmpty["default"])(data) ? childrenCollection : data.map(passDataToRouterLink);
|
|
51
|
-
|
|
52
|
-
var isLastItem = function isLastItem(dataItems, itemIndex) {
|
|
53
|
-
return itemIndex === dataItems.length - 1;
|
|
54
|
-
}; //Checks if an item is in collapsed area and if should break the breadcrumb items with a collapsed view
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var shouldCollapse = React.useCallback(function (item, itemIndex) {
|
|
58
|
-
return item && dataItems.length > MAX_LIMIT_BREADCRUMB_LENGTH && itemIndex >= MAX_ITEMS_TO_SHOW_BEFORE_COLLAPSE && itemIndex < dataItems.length - MAX_ITEMS_TO_SHOW_AFTER_COLLAPSE;
|
|
59
|
-
}, [dataItems]);
|
|
60
|
-
var collapsedItems = React.useMemo(function () {
|
|
61
|
-
return dataItems.filter(shouldCollapse);
|
|
62
|
-
}, [shouldCollapse, dataItems]);
|
|
63
|
-
|
|
64
|
-
var _pick = (0, _lodash.pick)((0, _lodash.last)(data), ['label', 'onChangeHandler', 'options']),
|
|
65
|
-
lastItemLabel = _pick.label,
|
|
66
|
-
lastItemOnChangeHandler = _pick.onChangeHandler,
|
|
67
|
-
lastItemOptions = _pick.options;
|
|
68
|
-
|
|
69
46
|
var getBreadcrumbItem = React.useMemo( // eslint-disable-next-line react/display-name
|
|
70
47
|
function () {
|
|
71
48
|
return function (child, index) {
|
|
72
49
|
var itemKey = (0, _uniqueId["default"])('data_item_');
|
|
73
|
-
|
|
74
|
-
if (shouldCollapse(child, index)) {
|
|
75
|
-
return index === MAX_ITEMS_TO_SHOW_BEFORE_COLLAPSE ? (0, _react2.jsx)(_BreadcrumbCollapsed["default"], {
|
|
76
|
-
collapsedItems: collapsedItems,
|
|
77
|
-
key: itemKey
|
|
78
|
-
}) : null;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
50
|
var isLast = isLastItem(dataItems, index);
|
|
82
|
-
return
|
|
51
|
+
return (0, _react2.jsx)(_BreadcrumbItem["default"], {
|
|
83
52
|
key: itemKey,
|
|
84
|
-
lastItemLabel: lastItemLabel,
|
|
85
|
-
onChangeHandler: lastItemOnChangeHandler,
|
|
86
|
-
options: lastItemOptions,
|
|
87
53
|
childComponent: child,
|
|
88
54
|
isLastItem: isLast
|
|
89
|
-
}) : (0, _react2.jsx)(_BreadcrumbItem["default"], {
|
|
90
|
-
key: itemKey,
|
|
91
|
-
childComponent: child
|
|
92
55
|
});
|
|
93
56
|
};
|
|
94
|
-
}, [dataItems
|
|
57
|
+
}, [dataItems]);
|
|
95
58
|
return (0, _react2.jsx)("ol", {
|
|
96
59
|
"aria-label": "Breadcrumb",
|
|
97
60
|
css: (0, _Breadcrumb.breadcrumbStyles)()
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { Theme } from '../../theme';
|
|
2
|
-
export declare const breadcrumbStyles: () => (
|
|
3
|
-
export declare const breadcrumbLinkStyles: () => (theme: Theme) =>
|
|
3
|
+
export declare const breadcrumbStyles: () => () => SerializedStyles;
|
|
4
|
+
export declare const breadcrumbLinkStyles: (isLast: boolean) => (theme: Theme) => SerializedStyles;
|
|
@@ -5,33 +5,28 @@ exports.breadcrumbLinkStyles = exports.breadcrumbStyles = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = require("@emotion/react");
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
11
|
-
name: "4ka015",
|
|
12
|
-
styles: "display:flex;flex-wrap:nowrap;list-style:none;padding:0;margin:0;&>li{margin:auto;}"
|
|
13
|
-
} : {
|
|
14
|
-
name: "1vmw4de-breadcrumbStyles",
|
|
15
|
-
styles: "display:flex;flex-wrap:nowrap;list-style:none;padding:0;margin:0;&>li{margin:auto;};label:breadcrumbStyles;",
|
|
16
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG5cbiAgJiA+IGxpIHtcbiAgICBtYXJnaW46IGF1dG87XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */",
|
|
17
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
18
|
-
};
|
|
8
|
+
var _functions = require("../../theme/functions");
|
|
19
9
|
|
|
20
10
|
var breadcrumbStyles = function breadcrumbStyles() {
|
|
21
|
-
return function (
|
|
22
|
-
return
|
|
11
|
+
return function () {
|
|
12
|
+
return (
|
|
13
|
+
/*#__PURE__*/
|
|
14
|
+
|
|
15
|
+
/*#__PURE__*/
|
|
16
|
+
(0, _react.css)(_functions.flex, ";flex-wrap:nowrap;list-style:none;padding:0;margin:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYlN0eWxlcyA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9IChpc0xhc3Q6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7aXNMYXN0ID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA2NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbStyles;")
|
|
17
|
+
);
|
|
23
18
|
};
|
|
24
19
|
};
|
|
25
20
|
|
|
26
21
|
exports.breadcrumbStyles = breadcrumbStyles;
|
|
27
22
|
|
|
28
|
-
var breadcrumbLinkStyles = function breadcrumbLinkStyles() {
|
|
23
|
+
var breadcrumbLinkStyles = function breadcrumbLinkStyles(isLast) {
|
|
29
24
|
return function (theme) {
|
|
30
25
|
return (
|
|
31
26
|
/*#__PURE__*/
|
|
32
27
|
|
|
33
28
|
/*#__PURE__*/
|
|
34
|
-
(0, _react.css)("text-decoration:none;color:inherit
|
|
29
|
+
(0, _react.css)("text-decoration:none;color:inherit;&:hover{color:", isLast ? theme.utils.getColor('blue', 650) : theme.utils.getColor('darkGrey', 650), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYlN0eWxlcyA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9IChpc0xhc3Q6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7aXNMYXN0ID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA2NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;")
|
|
35
30
|
);
|
|
36
31
|
};
|
|
37
32
|
};
|
|
@@ -4,12 +4,6 @@ declare type Props = {
|
|
|
4
4
|
childComponent: React.ReactNode;
|
|
5
5
|
/** Defines if the current item of the breadcrumb is the last one */
|
|
6
6
|
isLastItem?: boolean;
|
|
7
|
-
/** Defines the options used to render a Menu button */
|
|
8
|
-
options?: string[];
|
|
9
|
-
/** Defines the method where a developer can manipulate the selection of an menu item */
|
|
10
|
-
onChangeHandler?: (selectedItem: string) => void;
|
|
11
|
-
/** Defines the label of the current level of breadcrumb */
|
|
12
|
-
lastItemLabel?: string;
|
|
13
7
|
};
|
|
14
8
|
declare const BreadcrumbItem: React.FC<Props>;
|
|
15
9
|
export default BreadcrumbItem;
|
|
@@ -5,8 +5,6 @@ exports["default"] = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
|
|
8
|
-
var _BreadcrumbAdvancedItem = _interopRequireDefault(require("./BreadcrumbAdvancedItem"));
|
|
9
|
-
|
|
10
8
|
var _BreadcrumbItem = require("./BreadcrumbItem.style");
|
|
11
9
|
|
|
12
10
|
var _Separator = _interopRequireDefault(require("../Separator/Separator"));
|
|
@@ -15,24 +13,15 @@ var _react2 = require("@emotion/react");
|
|
|
15
13
|
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
15
|
|
|
18
|
-
var BreadcrumbItem = function BreadcrumbItem(
|
|
19
|
-
var childComponent =
|
|
20
|
-
|
|
21
|
-
isLastItem =
|
|
22
|
-
_props$options = props.options,
|
|
23
|
-
options = _props$options === void 0 ? undefined : _props$options,
|
|
24
|
-
onChangeHandler = props.onChangeHandler,
|
|
25
|
-
lastItemLabel = props.lastItemLabel;
|
|
26
|
-
var renderComponentBasedOnOptions = options ? (0, _react2.jsx)(_BreadcrumbAdvancedItem["default"], {
|
|
27
|
-
onChangeHandler: onChangeHandler,
|
|
28
|
-
options: options,
|
|
29
|
-
label: lastItemLabel
|
|
30
|
-
}) : childComponent;
|
|
16
|
+
var BreadcrumbItem = function BreadcrumbItem(_ref) {
|
|
17
|
+
var childComponent = _ref.childComponent,
|
|
18
|
+
_ref$isLastItem = _ref.isLastItem,
|
|
19
|
+
isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem;
|
|
31
20
|
return (0, _react2.jsx)("li", null, (0, _react2.jsx)("div", {
|
|
32
21
|
css: (0, _BreadcrumbItem.breadcrumbItemStyles)({
|
|
33
22
|
active: isLastItem
|
|
34
23
|
})
|
|
35
|
-
},
|
|
24
|
+
}, childComponent, (0, _react2.jsx)(_Separator["default"], {
|
|
36
25
|
isLastItem: isLastItem
|
|
37
26
|
})));
|
|
38
27
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { Theme } from '../../../theme';
|
|
2
3
|
import { RequiredProperties } from '../../../utils/common';
|
|
3
4
|
declare type StyleProps = {
|
|
4
5
|
active: boolean;
|
|
5
6
|
};
|
|
6
|
-
export declare const breadcrumbItemStyles: ({ active }: RequiredProperties<StyleProps>) => (theme: Theme) =>
|
|
7
|
+
export declare const breadcrumbItemStyles: ({ active }: RequiredProperties<StyleProps>) => (theme: Theme) => SerializedStyles;
|
|
7
8
|
export {};
|
|
@@ -5,7 +5,7 @@ exports.breadcrumbItemStyles = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _react = require("@emotion/react");
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _palette = require("../../../theme/palette");
|
|
9
9
|
|
|
10
10
|
var breadcrumbItemStyles = function breadcrumbItemStyles(_ref) {
|
|
11
11
|
var active = _ref.active;
|
|
@@ -14,7 +14,7 @@ var breadcrumbItemStyles = function breadcrumbItemStyles(_ref) {
|
|
|
14
14
|
/*#__PURE__*/
|
|
15
15
|
|
|
16
16
|
/*#__PURE__*/
|
|
17
|
-
(0, _react.css)("display:flex;cursor:default;font-weight:", active ? theme.typography.weights.medium : theme.typography.weights.regular, ";color:", active ? theme.utils.getColor('
|
|
17
|
+
(0, _react.css)("display:flex;cursor:default;font-size:", theme.typography.fontSizes[15], ";font-weight:", active ? theme.typography.weights.medium : theme.typography.weights.regular, ";color:", active ? theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal') : theme.utils.getColor('lightGrey', 650), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgUmVxdWlyZWRQcm9wZXJ0aWVzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY29tbW9uJztcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICBhY3RpdmU6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkl0ZW1TdHlsZXMgPSAoeyBhY3RpdmUgfTogUmVxdWlyZWRQcm9wZXJ0aWVzPFN0eWxlUHJvcHM+KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE1XX07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW0gOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcn07XG4gIGNvbG9yOiAke2FjdGl2ZVxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJylcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;")
|
|
18
18
|
);
|
|
19
19
|
};
|
|
20
20
|
};
|
|
@@ -25,8 +25,9 @@ var Separator = function Separator(props) {
|
|
|
25
25
|
css: (0, _Separator.separatorStyles)()
|
|
26
26
|
}, (0, _react2.jsx)(_Icon["default"], {
|
|
27
27
|
name: 'triangleRight',
|
|
28
|
-
color:
|
|
29
|
-
|
|
28
|
+
color: 'lightGrey',
|
|
29
|
+
variant: 650,
|
|
30
|
+
size: 12
|
|
30
31
|
}));
|
|
31
32
|
};
|
|
32
33
|
|
|
@@ -11,7 +11,7 @@ var separatorStyles = function separatorStyles() {
|
|
|
11
11
|
/*#__PURE__*/
|
|
12
12
|
|
|
13
13
|
/*#__PURE__*/
|
|
14
|
-
(0, _react.css)("margin:auto ", theme.spacing.
|
|
14
|
+
(0, _react.css)("margin:auto ", theme.spacing.md, ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvU2VwYXJhdG9yL1NlcGFyYXRvci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9TZXBhcmF0b3IvU2VwYXJhdG9yLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1hcmdpbjogYXV0byAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;")
|
|
15
15
|
);
|
|
16
16
|
};
|
|
17
17
|
};
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
export declare type BreadcrumbItemData = {
|
|
2
2
|
/** Defines the path used for a link breadcrumb item*/
|
|
3
|
-
to
|
|
3
|
+
to?: string;
|
|
4
4
|
/** Defines the label used for a link breadcrumb item */
|
|
5
5
|
label: string;
|
|
6
|
-
/** Defines the options used to render a Menu button */
|
|
7
|
-
options?: string[];
|
|
8
|
-
/** Defines the method where a developer can manipulate the selection of an menu item */
|
|
9
|
-
onChangeHandler?: (selectedItem: string) => void;
|
|
10
6
|
};
|
|
@@ -42,7 +42,8 @@ var ButtonBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
42
42
|
children = props.children,
|
|
43
43
|
_props$dataTestId = props.dataTestId,
|
|
44
44
|
dataTestId = _props$dataTestId === void 0 ? '' : _props$dataTestId,
|
|
45
|
-
buttonType = props.buttonType,
|
|
45
|
+
_props$buttonType = props.buttonType,
|
|
46
|
+
buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
|
|
46
47
|
_onClick = props.onClick,
|
|
47
48
|
onBlur = props.onBlur;
|
|
48
49
|
|
|
@@ -2,5 +2,5 @@ import { Dayjs } from 'dayjs';
|
|
|
2
2
|
import { DisabledDates } from '../DatePicker';
|
|
3
3
|
export declare const calculateDisabledDays: (day: number | undefined, month: number, year: number, disabledDates?: DisabledDates | undefined) => boolean;
|
|
4
4
|
export declare const calculatedDayIsBetween: (day: number | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | undefined;
|
|
5
|
-
export declare const calculateSelectedDayPosition: (day: number | undefined, position: "
|
|
5
|
+
export declare const calculateSelectedDayPosition: (day: number | undefined, position: "last" | "first" | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | 0 | undefined;
|
|
6
6
|
export declare const calculateSelectedDay: (day: number, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
|
|
@@ -40,12 +40,12 @@ export declare type Props = {
|
|
|
40
40
|
* A function accepting a boolean representing the current expansion state. Returns the
|
|
41
41
|
* collapsible/expandable content. Mutually exclusive with children.
|
|
42
42
|
*/
|
|
43
|
-
content?: (x: boolean) => React.
|
|
43
|
+
content?: (x: boolean) => React.ReactNode;
|
|
44
44
|
/**
|
|
45
45
|
* A function accepting a boolean representing the current expansion state. Returns the
|
|
46
46
|
* collapsible/expandable content. Mutually exclusive with content.
|
|
47
47
|
*/
|
|
48
|
-
children?: (x: boolean) => React.
|
|
48
|
+
children?: (x: boolean) => React.ReactNode;
|
|
49
49
|
} & TestProps;
|
|
50
50
|
declare function ExpandCollapse(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
51
51
|
export default ExpandCollapse;
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
|
|
7
|
-
|
|
8
|
-
var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
|
|
9
|
-
|
|
10
6
|
var _lodash = require("lodash");
|
|
11
7
|
|
|
12
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -23,18 +19,16 @@ var _SearchInput = _interopRequireDefault(require("./components/SearchInput/Sear
|
|
|
23
19
|
|
|
24
20
|
var _Filter = require("./Filter.style");
|
|
25
21
|
|
|
26
|
-
var _utils = require("./utils");
|
|
27
|
-
|
|
28
22
|
var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
|
|
29
23
|
|
|
30
24
|
var _react2 = require("@emotion/react");
|
|
31
25
|
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
+
|
|
32
28
|
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); }
|
|
33
29
|
|
|
34
30
|
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; }
|
|
35
31
|
|
|
36
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
37
|
-
|
|
38
32
|
var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
39
33
|
var _selectedItem$label;
|
|
40
34
|
|
|
@@ -72,19 +66,7 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
72
66
|
searchValue = _React$useState2[0],
|
|
73
67
|
setSearchValue = _React$useState2[1];
|
|
74
68
|
|
|
75
|
-
var theme = (0, _useTheme["default"])();
|
|
76
|
-
|
|
77
|
-
var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
|
|
78
|
-
calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
|
|
79
|
-
|
|
80
69
|
var hasSelectedValue = Boolean(selectedItem == null ? void 0 : selectedItem.value) && (selectedItem == null ? void 0 : selectedItem.value) !== defaultValue.value;
|
|
81
|
-
var calculatedColor = calculateColorBetweenColorAndType('', buttonType);
|
|
82
|
-
var iconColor = (0, _utils.getTextColor)({
|
|
83
|
-
open: isOpen,
|
|
84
|
-
theme: theme,
|
|
85
|
-
calculatedColor: calculatedColor,
|
|
86
|
-
hasSelectedValue: hasSelectedValue
|
|
87
|
-
});
|
|
88
70
|
var iconName = isOpen ? 'triangleUp' : 'triangleDown';
|
|
89
71
|
|
|
90
72
|
var handleSelect = function handleSelect(option) {
|
|
@@ -171,5 +153,6 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
171
153
|
}))));
|
|
172
154
|
});
|
|
173
155
|
|
|
156
|
+
Filter.displayName = 'Filter';
|
|
174
157
|
var _default = Filter;
|
|
175
158
|
exports["default"] = _default;
|
|
@@ -61,7 +61,7 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
|
|
|
61
61
|
backgroundColor: theme.utils.getColor('blue', 50)
|
|
62
62
|
},
|
|
63
63
|
// target the divider on focus
|
|
64
|
-
':focus > span': !open && {
|
|
64
|
+
':focus > span': !open && !hasSelectedValue && {
|
|
65
65
|
borderTop: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550),
|
|
66
66
|
borderBottom: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550)
|
|
67
67
|
}
|
|
@@ -239,7 +239,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
239
239
|
} : {
|
|
240
240
|
name: "aqyt6f-valueSpanStyle",
|
|
241
241
|
styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;label:valueSpanStyle;",
|
|
242
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
242
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ051QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */",
|
|
243
243
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
244
244
|
};
|
|
245
245
|
|
|
@@ -255,7 +255,7 @@ var menuStyle = function menuStyle() {
|
|
|
255
255
|
/*#__PURE__*/
|
|
256
256
|
|
|
257
257
|
/*#__PURE__*/
|
|
258
|
-
(0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:1;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
258
|
+
(0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:1;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU5vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
|
|
259
259
|
);
|
|
260
260
|
};
|
|
261
261
|
};
|
|
@@ -11,5 +11,5 @@ declare type FilterBaseProps = {
|
|
|
11
11
|
open: boolean;
|
|
12
12
|
hasSelectedValue: boolean;
|
|
13
13
|
};
|
|
14
|
-
export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "
|
|
14
|
+
export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "buttonType" | "styleType" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
15
|
export default FilterBase;
|
|
@@ -15,6 +15,8 @@ var _Icon = _interopRequireDefault(require("../../../Icon"));
|
|
|
15
15
|
|
|
16
16
|
var _Filter = require("../../Filter.style");
|
|
17
17
|
|
|
18
|
+
var _utils = require("../../utils");
|
|
19
|
+
|
|
18
20
|
var _react2 = require("@emotion/react");
|
|
19
21
|
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -47,22 +49,18 @@ var FilterBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
47
49
|
|
|
48
50
|
var calculatedColor = calculateColorBetweenColorAndType('', buttonType);
|
|
49
51
|
var theme = (0, _useTheme["default"])();
|
|
50
|
-
var buttonStyleProps = {
|
|
51
|
-
calculatedColor: calculatedColor,
|
|
52
|
-
buttonType: buttonType,
|
|
53
|
-
disabled: disabled,
|
|
54
|
-
open: open,
|
|
55
|
-
styleType: styleType,
|
|
56
|
-
hasSelectedValue: hasSelectedValue,
|
|
57
|
-
filterType: filterType
|
|
58
|
-
};
|
|
59
52
|
var pickIconColor = (0, _react.useCallback)(function (isCloseButton) {
|
|
60
53
|
if (isCloseButton === void 0) {
|
|
61
54
|
isCloseButton = false;
|
|
62
55
|
}
|
|
63
56
|
|
|
64
57
|
if (open) {
|
|
65
|
-
return
|
|
58
|
+
return (0, _utils.getTextColor)({
|
|
59
|
+
theme: theme,
|
|
60
|
+
open: open,
|
|
61
|
+
calculatedColor: calculatedColor,
|
|
62
|
+
hasSelectedValue: hasSelectedValue
|
|
63
|
+
});
|
|
66
64
|
}
|
|
67
65
|
|
|
68
66
|
if (isCloseButton) {
|
|
@@ -74,7 +72,16 @@ var FilterBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
74
72
|
}
|
|
75
73
|
|
|
76
74
|
return theme.utils.getColor('darkGrey', 850);
|
|
77
|
-
}, [calculatedColor.color, hasSelectedValue, open, theme.utils]);
|
|
75
|
+
}, [calculatedColor.color, hasSelectedValue, open, theme.utils, theme.palette]);
|
|
76
|
+
var buttonStyleProps = {
|
|
77
|
+
calculatedColor: calculatedColor,
|
|
78
|
+
buttonType: buttonType,
|
|
79
|
+
disabled: disabled,
|
|
80
|
+
open: open,
|
|
81
|
+
styleType: styleType,
|
|
82
|
+
hasSelectedValue: hasSelectedValue,
|
|
83
|
+
filterType: filterType
|
|
84
|
+
};
|
|
78
85
|
return (0, _react2.jsx)("div", {
|
|
79
86
|
css: (0, _Filter.wrapperStyle)(),
|
|
80
87
|
"data-testid": dataTestId
|
|
@@ -92,11 +99,11 @@ var FilterBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
92
99
|
css: (0, _Filter.childrenWrapperStyle)()
|
|
93
100
|
}, (0, _react2.jsx)("span", {
|
|
94
101
|
css: (0, _Filter.labelSpanStyle)(open, hasSelectedValue)
|
|
95
|
-
}, label && (0, _react2.jsx)("div", null, label, " ", !isDatePicker ?
|
|
102
|
+
}, label && (0, _react2.jsx)("div", null, label, " ", !isDatePicker ? (0, _react2.jsx)(_react["default"].Fragment, null, ":\xA0") : ''), selectedItemLabel && (0, _react2.jsx)("span", {
|
|
96
103
|
css: (0, _Filter.valueSpanStyle)()
|
|
97
104
|
}, selectedItemLabel))), (0, _react2.jsx)(_Icon["default"], {
|
|
98
105
|
name: iconName,
|
|
99
|
-
size: 14,
|
|
106
|
+
size: isDatePicker ? 14 : 7,
|
|
100
107
|
color: pickIconColor()
|
|
101
108
|
}))), filterType === 'added' && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("span", {
|
|
102
109
|
css: (0, _Filter.divider)(buttonStyleProps)
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _react =
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
7
|
|
|
8
8
|
var _utils = require("../utils");
|
|
9
9
|
|
|
@@ -11,7 +11,9 @@ var _ListItem = require("./ListItem.style");
|
|
|
11
11
|
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
|
|
14
|
-
function
|
|
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
|
+
|
|
16
|
+
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; }
|
|
15
17
|
|
|
16
18
|
var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
17
19
|
var size = _ref.size,
|
|
@@ -27,13 +29,11 @@ var ListItem = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
|
27
29
|
searchTerm = _ref.searchTerm,
|
|
28
30
|
dataTestId = _ref.dataTestId,
|
|
29
31
|
isGroupItem = _ref.isGroupItem;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
if (content && handleOptionClick) {
|
|
32
|
+
var handleListItemSelect = (0, _react.useCallback)(function () {
|
|
33
|
+
if (content && handleOptionClick && !disabled) {
|
|
33
34
|
handleOptionClick(content);
|
|
34
35
|
}
|
|
35
|
-
};
|
|
36
|
-
|
|
36
|
+
}, [content, disabled, handleOptionClick]);
|
|
37
37
|
return (0, _react2.jsx)("div", {
|
|
38
38
|
css: (0, _ListItem.listItemStyle)({
|
|
39
39
|
size: size,
|
|
@@ -20,7 +20,7 @@ var listItemStyle = function listItemStyle(_ref2) {
|
|
|
20
20
|
/*#__PURE__*/
|
|
21
21
|
|
|
22
22
|
/*#__PURE__*/
|
|
23
|
-
(0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n opacity: 0.5;\n cursor: not-allowed;\n ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/
|
|
23
|
+
(0, _react.css)("height:", size === 'normal' ? (0, _utils.rem)(56) : (0, _utils.rem)(46), ";font-size:", theme.typography.fontSizes[size === 'normal' ? '16' : '14'], ";background-color:", selected ? theme.utils.getColor('blue', 50) : theme.palette.white, ";display:flex;align-items:center;padding:0px ", theme.spacing.md, " 0px ", isGroupItem ? theme.spacing.xl : theme.spacing.md, ";font-weight:", selected && theme.typography.weights.medium, ";cursor:pointer;", highlighted && 'font-weight: 500;', " &:hover{background-color:", theme.utils.getColor('lightGrey', 50), ";}", disabled && "\n opacity: 0.5;\n cursor: not-allowed;\n ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke2hpZ2hsaWdodGVkICYmICdmb250LXdlaWdodDogNTAwOyd9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTApfTtcbiAgfVxuXG4gICR7ZGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:listItemStyle;")
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
26
|
};
|
|
@@ -28,12 +28,12 @@ var listItemStyle = function listItemStyle(_ref2) {
|
|
|
28
28
|
exports.listItemStyle = listItemStyle;
|
|
29
29
|
|
|
30
30
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
31
|
-
name: "
|
|
32
|
-
styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
|
|
31
|
+
name: "1q5s19c",
|
|
32
|
+
styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit"
|
|
33
33
|
} : {
|
|
34
|
-
name: "
|
|
35
|
-
styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;label:contentStyle;",
|
|
36
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
name: "to6zl5-contentStyle",
|
|
35
|
+
styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit;label:contentStyle;",
|
|
36
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN1RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MaXN0L0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IExpc3RSb3dTaXplIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZSA9ICh7XG4gIHNpemUsXG4gIHNlbGVjdGVkLFxuICBoaWdobGlnaHRlZCxcbiAgZGlzYWJsZWQsXG4gIGlzR3JvdXBJdGVtLFxufToge1xuICBzaXplOiBMaXN0Um93U2l6ZTtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkOiBib29sZWFuO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgaXNHcm91cEl0ZW0/OiBib29sZWFuO1xufSkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBoZWlnaHQ6ICR7c2l6ZSA9PT0gJ25vcm1hbCcgPyByZW0oNTYpIDogcmVtKDQ2KX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1tzaXplID09PSAnbm9ybWFsJyA/ICcxNicgOiAnMTQnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2VsZWN0ZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwcHggJHt0aGVtZS5zcGFjaW5nLm1kfSAwcHggJHtpc0dyb3VwSXRlbSA/IHRoZW1lLnNwYWNpbmcueGwgOiB0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7c2VsZWN0ZWQgJiYgdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAke2hpZ2hsaWdodGVkICYmICdmb250LXdlaWdodDogNTAwOyd9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNTApfTtcbiAgfVxuXG4gICR7ZGlzYWJsZWQgJiZcbiAgICBgXG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGN1cnNvcjogaW5oZXJpdDtcbmA7XG4iXX0= */",
|
|
37
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -19,7 +19,7 @@ var spinnerContainer = function spinnerContainer() {
|
|
|
19
19
|
/*#__PURE__*/
|
|
20
20
|
|
|
21
21
|
/*#__PURE__*/
|
|
22
|
-
(0, _react.css)("width:",
|
|
22
|
+
(0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme), ";border-right:", spinnerBorderStyle(theme), ";border-bottom:", spinnerBorderStyle(theme), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdpZHRoOiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIG1hcmdpbjogYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXRvcDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItYm90dG9tOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItbGVmdDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMS4xcyBpbmZpbml0ZSBsaW5lYXI7XG5cbiAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
|
|
23
23
|
);
|
|
24
24
|
};
|
|
25
25
|
};
|
|
@@ -3,13 +3,9 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _react = require("@emotion/react");
|
|
7
|
-
|
|
8
6
|
var _lodash = require("lodash");
|
|
9
7
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var _utils = require("../../theme/utils");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
9
|
|
|
14
10
|
var _helpers = require("../../utils/helpers");
|
|
15
11
|
|
|
@@ -31,6 +27,8 @@ var _Select = require("./Select.style");
|
|
|
31
27
|
|
|
32
28
|
var _Loader = _interopRequireDefault(require("../Loader"));
|
|
33
29
|
|
|
30
|
+
var _react2 = require("@emotion/react");
|
|
31
|
+
|
|
34
32
|
var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId"];
|
|
35
33
|
|
|
36
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -50,7 +48,7 @@ var emptyValue = {
|
|
|
50
48
|
|
|
51
49
|
var ON_CHANGE_MOCK = function ON_CHANGE_MOCK() {};
|
|
52
50
|
|
|
53
|
-
var Select = /*#__PURE__*/
|
|
51
|
+
var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
54
52
|
var _ref$handleSelectedOp = _ref.handleSelectedOption,
|
|
55
53
|
handleSelectedOption = _ref$handleSelectedOp === void 0 ? function () {} : _ref$handleSelectedOp,
|
|
56
54
|
_ref$defaultValue = _ref.defaultValue,
|
|
@@ -84,23 +82,23 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
84
82
|
|
|
85
83
|
var theme = (0, _useTheme["default"])();
|
|
86
84
|
|
|
87
|
-
var _React$useState =
|
|
85
|
+
var _React$useState = _react["default"].useState(false),
|
|
88
86
|
open = _React$useState[0],
|
|
89
87
|
setOpen = _React$useState[1];
|
|
90
88
|
|
|
91
|
-
var inputRef =
|
|
89
|
+
var inputRef = _react["default"].useRef(null);
|
|
92
90
|
|
|
93
91
|
var combinedRefs = (0, _useCombinedRefs["default"])(inputRef, ref);
|
|
94
92
|
|
|
95
|
-
var _React$useState2 =
|
|
93
|
+
var _React$useState2 = _react["default"].useState(defaultValue || selectedOption),
|
|
96
94
|
inputValue = _React$useState2[0],
|
|
97
95
|
setInputValue = _React$useState2[1];
|
|
98
96
|
|
|
99
|
-
var _React$useState3 =
|
|
97
|
+
var _React$useState3 = _react["default"].useState(''),
|
|
100
98
|
searchValue = _React$useState3[0],
|
|
101
99
|
setSearchValue = _React$useState3[1];
|
|
102
100
|
|
|
103
|
-
(0,
|
|
101
|
+
(0, _react.useEffect)(function () {
|
|
104
102
|
setInputValue(defaultValue || selectedOption);
|
|
105
103
|
}, [defaultValue, selectedOption]);
|
|
106
104
|
|
|
@@ -124,11 +122,11 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
124
122
|
}
|
|
125
123
|
};
|
|
126
124
|
|
|
127
|
-
var debouncedOnChange =
|
|
125
|
+
var debouncedOnChange = _react["default"].useCallback((0, _lodash.debounce)(function (term) {
|
|
128
126
|
asyncSearch(term);
|
|
129
127
|
}, 400), []);
|
|
130
128
|
|
|
131
|
-
var handleOnInput =
|
|
129
|
+
var handleOnInput = _react["default"].useCallback(function (event) {
|
|
132
130
|
(0, _handleSearch["default"])({
|
|
133
131
|
event: event,
|
|
134
132
|
isSearchable: isSearchable,
|
|
@@ -139,7 +137,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
139
137
|
});
|
|
140
138
|
}, [debouncedOnChange, isAsync, isSearchable, minCharactersToSearch]);
|
|
141
139
|
|
|
142
|
-
var filteredOptions = (0,
|
|
140
|
+
var filteredOptions = (0, _react.useMemo)(function () {
|
|
143
141
|
if (isAsync) {
|
|
144
142
|
return options;
|
|
145
143
|
}
|
|
@@ -160,15 +158,15 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
160
158
|
});
|
|
161
159
|
});
|
|
162
160
|
}, [searchValue, options, isAsync]);
|
|
163
|
-
var rightIconNameSelector = (0,
|
|
161
|
+
var rightIconNameSelector = (0, _react.useMemo)(function () {
|
|
164
162
|
if (isSearchable) {
|
|
165
163
|
return searchValue || inputValue.value ? 'close' : 'search';
|
|
166
164
|
}
|
|
167
165
|
|
|
168
|
-
return
|
|
169
|
-
}, [inputValue.value, isSearchable,
|
|
166
|
+
return 'triangleDown';
|
|
167
|
+
}, [inputValue.value, isSearchable, searchValue]);
|
|
170
168
|
|
|
171
|
-
var handleIconClick =
|
|
169
|
+
var handleIconClick = _react["default"].useCallback(function () {
|
|
172
170
|
if (isSearchable && open) {
|
|
173
171
|
setOpen(!open);
|
|
174
172
|
}
|
|
@@ -180,21 +178,17 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
180
178
|
}
|
|
181
179
|
}, [asyncSearch, inputValue.value, isSearchable, open, searchValue]);
|
|
182
180
|
|
|
183
|
-
var rightIconRender = (0,
|
|
184
|
-
return (0,
|
|
185
|
-
css:
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
/*#__PURE__*/
|
|
189
|
-
(0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBMa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xuICBvcHRpb25zPzogU2VsZWN0T3B0aW9uW107XG59O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IGlzIHVzZWQgdG8gcmV0dXJuIHRoZSBzZWxlY3RlZCBvcHRpb25zICovXG4gIGhhbmRsZVNlbGVjdGVkT3B0aW9uPzogKHNlbGVjdGVkT3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHZvaWQ7XG4gIC8qKiB0aGUgZGVmYXVsdCB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIG5lZWRlZCAqL1xuICAvKiogVE9ETzogZGVmYXVsdFZhbHVlIGlzIGR1cGxpY2F0aW9uIG9mIHNlbGVjdGVkT3B0aW9uKi9cbiAgZGVmYXVsdFZhbHVlPzogU2VsZWN0T3B0aW9uO1xuICAvKiogdGhlIHZhbHVlIG9mIHRoZSBzZWxlY3QgaWYgc2VsZWN0IGlzIGNvbnRyb2xsZWQgKi9cbiAgc2VsZWN0ZWRPcHRpb24/OiBTZWxlY3RPcHRpb247XG4gIC8qKiBpZiB0aGUgc2VsZWN0IGhhcyB0YWdzICovXG4gIG11bHRpPzogYm9vbGVhbjtcbiAgLyoqIE9wdGlvbnMgZm9yIHRoZSBzZWxlY3QgZHJvcGRvd24gKi9cbiAgb3B0aW9uczogU2VsZWN0T3B0aW9uW107XG4gIC8qKiBpZiB0aGUgY29tcG9uZW50IGlzIHVzZWQgYXN5bmNocm9ub3VzbHkgKi9cbiAgaXNBc3luYz86IGJvb2xlYW47XG4gIC8qKiB0aGUgZnVuY3Rpb24gdG8gZmV0Y2ggbmV3IG9wdGlvbnMgKi9cbiAgYXN5bmNTZWFyY2g/OiAodGVybTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogYWZ0ZXIgaG93IG1hbnkgY2hhcmFjdGVycyB0byBzdGFydCBzZWFyY2hpbmcgKGRlZmF1bHQgPSAwKSAqL1xuICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2g/OiBudW1iZXI7XG4gIC8qKiBpZiBzZWFyY2hlZCB0ZXh0IHNob3VsZCBiZSBoaWdobGlnaHRlZCBpbiBhdmFpbGFibGUgb3B0aW9ucyAqL1xuICBoaWdobGlnaHRTZWFyY2g/OiBib29sZWFuO1xuICAvKiogaWYgdGhlIG9wdGlvbnMgYXJlIHNlYXJjaGFibGUgKi9cbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgLyoqIGRhdGEtdGVzdGlkIHN1ZmZpeCAqL1xuICBkYXRhVGVzdElkPzogc3RyaW5nO1xuICAvKiogaWYgY29tcG9uZW50IGlzIGxvYWRpbmcgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgLyoqIGlmIG9wdGlvbnMgbGlzdCBpcyB2aXJ0dWFsaXplZCAqL1xuICBpc1ZpcnR1YWxpemVkPzogYm9vbGVhbjtcbn0gJiBUZXh0RmllbGRQcm9wcztcblxuY29uc3QgZW1wdHlWYWx1ZSA9IHsgbGFiZWw6ICcnLCB2YWx1ZTogJycgfTtcblxuLy8gTW9ja3Mgb25DaGFuZ2UgdG8gYXZvaWQgcmVhZG9ubHkgd2FybmluZyBmb3IgVGV4dEZpZWxkIENvbXBvbmVudFxuY29uc3QgT05fQ0hBTkdFX01PQ0sgPSAoKSA9PiB7fTtcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zdCBTZWxlY3QgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBoYW5kbGVTZWxlY3RlZE9wdGlvbiA9ICgpID0+IHt9LFxuICAgICAgZGVmYXVsdFZhbHVlID0gdW5kZWZpbmVkLFxuICAgICAgc2VsZWN0ZWRPcHRpb24gPSBlbXB0eVZhbHVlLFxuICAgICAgbXVsdGkgPSBmYWxzZSxcbiAgICAgIG9wdGlvbnMsXG4gICAgICBpc0FzeW5jID0gZmFsc2UsXG4gICAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICAgIGFzeW5jU2VhcmNoID0gKCkgPT4ge30sXG4gICAgICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCA9IDAsXG4gICAgICBoaWdobGlnaHRTZWFyY2ggPSBmYWxzZSxcbiAgICAgIGlzU2VhcmNoYWJsZSA9IHRydWUsXG4gICAgICBpc1ZpcnR1YWxpemVkID0gZmFsc2UsXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGxvY2tlZCxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgICAuLi5yZXN0SW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgY29tYmluZWRSZWZzID0gdXNlQ29tYmluZWRSZWZzKGlucHV0UmVmLCByZWYpO1xuICAgIGNvbnN0IFtpbnB1dFZhbHVlLCBzZXRJbnB1dFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKGRlZmF1bHRWYWx1ZSB8fCBzZWxlY3RlZE9wdGlvbik7XG4gICAgY29uc3QgW3NlYXJjaFZhbHVlLCBzZXRTZWFyY2hWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgnJyk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIH0sIFtkZWZhdWx0VmFsdWUsIHNlbGVjdGVkT3B0aW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGVPcHRpb25DbGljayA9IChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShvcHRpb24pO1xuICAgICAgc2V0T3BlbihmYWxzZSk7XG5cbiAgICAgIGlmIChpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgfVxuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlT25LZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IGlzQmFja3NwYWNlS2V5ID0gZS5rZXlDb2RlID09PSA4O1xuXG4gICAgICBpZiAoaXNCYWNrc3BhY2VLZXkpIHtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgZGVib3VuY2VkT25DaGFuZ2UoJycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBkZWJvdW5jZWRPbkNoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICAgZGVib3VuY2UodGVybSA9PiB7XG4gICAgICAgIGFzeW5jU2VhcmNoKHRlcm0pO1xuICAgICAgfSwgNDAwKSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIGNvbnN0IGhhbmRsZU9uSW5wdXQgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIChldmVudDogQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgICAgaGFuZGxlU2VhcmNoKHtcbiAgICAgICAgICBldmVudCxcbiAgICAgICAgICBpc1NlYXJjaGFibGUsXG4gICAgICAgICAgaXNBc3luYyxcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSxcbiAgICAgICAgICBvbkNoYW5nZTogZGVib3VuY2VkT25DaGFuZ2UsXG4gICAgICAgICAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBbZGVib3VuY2VkT25DaGFuZ2UsIGlzQXN5bmMsIGlzU2VhcmNoYWJsZSwgbWluQ2hhcmFjdGVyc1RvU2VhcmNoXVxuICAgICk7XG5cbiAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmIChpc0FzeW5jKSB7XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3B0aW9uc1xuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIG9wdGlvbiA9PlxuICAgICAgICAgICAgIXNlYXJjaFZhbHVlIHx8XG4gICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKSB8fFxuICAgICAgICAgICAgISFvcHRpb24ub3B0aW9ucz8uZmluZChvcHRpb24gPT5cbiAgICAgICAgICAgICAgb3B0aW9uLmxhYmVsLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgICAubWFwKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICAgICA/IG9wdGlvblxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLi4ub3B0aW9uLFxuICAgICAgICAgICAgICAgIG9wdGlvbnM6IG9wdGlvbi5vcHRpb25zPy5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uTmFtZVNlbGVjdG9yID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHJldHVybiBzZWFyY2hWYWx1ZSB8fCBpbnB1dFZhbHVlLnZhbHVlID8gJ2Nsb3NlJyA6ICdzZWFyY2gnO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3BlbiA/ICdjaGV2cm9uTGFyZ2VVcCcgOiAnY2hldnJvbkxhcmdlRG93bic7XG4gICAgfSwgW2lucHV0VmFsdWUudmFsdWUsIGlzU2VhcmNoYWJsZSwgb3Blbiwgc2VhcmNoVmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUljb25DbGljayA9IFJlYWN0LnVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChpc1NlYXJjaGFibGUgJiYgb3Blbikge1xuICAgICAgICBzZXRPcGVuKCFvcGVuKTtcbiAgICAgIH1cbiAgICAgIGlmIChpc1NlYXJjaGFibGUgJiYgKHNlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUudmFsdWUpKSB7XG4gICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgYXN5bmNTZWFyY2goJycpO1xuICAgICAgfVxuICAgIH0sIFthc3luY1NlYXJjaCwgaW5wdXRWYWx1ZS52YWx1ZSwgaXNTZWFyY2hhYmxlLCBvcGVuLCBzZWFyY2hWYWx1ZV0pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e3JpZ2h0SWNvbk5hbWVTZWxlY3Rvcn1cbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUljb25DbGlja31cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9XCJzZWxlY3QtcmlnaHQtaWNvblwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW2lzTG9hZGluZywgcmlnaHRJY29uTmFtZVNlbGVjdG9yLCB0aGVtZS51dGlscywgaGFuZGxlSWNvbkNsaWNrXVxuICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IHtcbiAgICAgIGlmICghb3Blbikge1xuICAgICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9IGVsc2UgaWYgKCFpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgIGNvbWJpbmVkUmVmcz8uY3VycmVudD8uYmx1cigpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSgnJyk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICB7Li4uKCEoZGlzYWJsZWQgfHwgbG9ja2VkKSAmJiB7IG9uQ2xpY2s6IGhhbmRsZUNsaWNrIH0pfVxuICAgICAgICAgIGNzcz17c2VsZWN0V3JhcHBlcih7IG9wZW4sIHN0YXR1cywgc3R5bGVUeXBlLCBpc1NlYXJjaGFibGUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICBzdHlsZVR5cGU9e3N0eWxlVHlwZX1cbiAgICAgICAgICAgIHJpZ2h0SWNvbj17cmlnaHRJY29uUmVuZGVyfVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVPbktleURvd259XG4gICAgICAgICAgICBvbklucHV0PXtoYW5kbGVPbklucHV0fVxuICAgICAgICAgICAgb25DaGFuZ2U9e09OX0NIQU5HRV9NT0NLfVxuICAgICAgICAgICAgcmVhZE9ubHk9eyFpc1NlYXJjaGFibGV9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBsb2NrZWQ9e2xvY2tlZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtnZW5lcmF0ZVRlc3REYXRhSWQoJ3NlbGVjdC1pbnB1dCcsIGRhdGFUZXN0SWQpfVxuICAgICAgICAgICAgey4uLnJlc3RJbnB1dFByb3BzfVxuICAgICAgICAgICAgc3RhdHVzPXtzdGF0dXN9XG4gICAgICAgICAgICB2YWx1ZT17c2VhcmNoVmFsdWUgfHwgaW5wdXRWYWx1ZS5sYWJlbH1cbiAgICAgICAgICAgIHJlZj17Y29tYmluZWRSZWZzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgPFNlbGVjdE1lbnVcbiAgICAgICAgICAgICAgZmlsdGVyZWRPcHRpb25zPXtmaWx0ZXJlZE9wdGlvbnN9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgICAgc2VsZWN0ZWRPcHRpb249e2lucHV0VmFsdWUudmFsdWV9XG4gICAgICAgICAgICAgIHNpemU9e3Jlc3RJbnB1dFByb3BzLnNpemV9XG4gICAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgICBpc0xvYWRpbmc9e2lzTG9hZGluZ31cbiAgICAgICAgICAgICAgaXNWaXJ0dWFsaXplZD17aXNWaXJ0dWFsaXplZH1cbiAgICAgICAgICAgICAgc2VhcmNoVGVybT17aGlnaGxpZ2h0U2VhcmNoID8gc2VhcmNoVmFsdWUgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5TZWxlY3QuZGlzcGxheU5hbWUgPSAnU2VsZWN0JztcblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
|
|
190
|
-
}, isLoading && (0, _react.jsx)(_Loader["default"], null), (0, _react.jsx)(_Icon["default"], {
|
|
191
|
-
size: 20,
|
|
181
|
+
var rightIconRender = (0, _react.useMemo)(function () {
|
|
182
|
+
return (0, _react2.jsx)("div", {
|
|
183
|
+
css: (0, _Select.rightIconContainer)(open, isSearchable)
|
|
184
|
+
}, isLoading && (0, _react2.jsx)(_Loader["default"], null), (0, _react2.jsx)(_Icon["default"], {
|
|
185
|
+
size: isSearchable ? 20 : 12,
|
|
192
186
|
name: rightIconNameSelector,
|
|
193
187
|
color: theme.utils.getColor('lightGrey', 650),
|
|
194
188
|
onClick: handleIconClick,
|
|
195
189
|
dataTestId: "select-right-icon"
|
|
196
190
|
}));
|
|
197
|
-
}, [isLoading, rightIconNameSelector, theme.utils, handleIconClick]);
|
|
191
|
+
}, [open, isLoading, isSearchable, rightIconNameSelector, theme.utils, handleIconClick]);
|
|
198
192
|
|
|
199
193
|
var handleClick = function handleClick() {
|
|
200
194
|
if (!open) {
|
|
@@ -210,12 +204,12 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
210
204
|
}
|
|
211
205
|
};
|
|
212
206
|
|
|
213
|
-
return (0,
|
|
207
|
+
return (0, _react2.jsx)(_ClickAwayListener["default"], {
|
|
214
208
|
onClick: function onClick() {
|
|
215
209
|
setOpen(false);
|
|
216
210
|
setSearchValue('');
|
|
217
211
|
}
|
|
218
|
-
}, (0,
|
|
212
|
+
}, (0, _react2.jsx)("div", _extends({}, !(disabled || locked) && {
|
|
219
213
|
onClick: handleClick
|
|
220
214
|
}, {
|
|
221
215
|
css: (0, _Select.selectWrapper)({
|
|
@@ -224,7 +218,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
224
218
|
styleType: styleType,
|
|
225
219
|
isSearchable: isSearchable
|
|
226
220
|
})
|
|
227
|
-
}), (0,
|
|
221
|
+
}), (0, _react2.jsx)(_TextField["default"], _extends({
|
|
228
222
|
styleType: styleType,
|
|
229
223
|
rightIcon: rightIconRender,
|
|
230
224
|
onKeyDown: handleOnKeyDown,
|
|
@@ -238,7 +232,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
|
|
|
238
232
|
status: status,
|
|
239
233
|
value: searchValue || inputValue.label,
|
|
240
234
|
ref: combinedRefs
|
|
241
|
-
})), open && (0,
|
|
235
|
+
})), open && (0, _react2.jsx)(_SelectMenu["default"], {
|
|
242
236
|
filteredOptions: filteredOptions,
|
|
243
237
|
handleOptionClick: handleOptionClick,
|
|
244
238
|
selectedOption: inputValue.value,
|
|
@@ -7,3 +7,4 @@ export declare const selectWrapper: ({ styleType, open, status, isSearchable, }:
|
|
|
7
7
|
status?: "success" | "error" | "normal" | "hint" | undefined;
|
|
8
8
|
isSearchable: boolean;
|
|
9
9
|
}) => (theme: Theme) => SerializedStyles;
|
|
10
|
+
export declare const rightIconContainer: (open: boolean, isSearchable: boolean) => () => SerializedStyles;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.selectWrapper = void 0;
|
|
4
|
+
exports.rightIconContainer = exports.selectWrapper = void 0;
|
|
5
5
|
|
|
6
6
|
var _react = require("@emotion/react");
|
|
7
7
|
|
|
8
|
+
var _functions = require("../../theme/functions");
|
|
9
|
+
|
|
8
10
|
var _utils = require("../../theme/utils");
|
|
9
11
|
|
|
10
12
|
var selectWrapper = function selectWrapper(_ref) {
|
|
@@ -17,9 +19,22 @@ var selectWrapper = function selectWrapper(_ref) {
|
|
|
17
19
|
/*#__PURE__*/
|
|
18
20
|
|
|
19
21
|
/*#__PURE__*/
|
|
20
|
-
(0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";&>div:nth-of-type(1)>div{", open && status !== 'error' && "border: 2px solid " + theme.utils.getColor('lightGrey', 200) + ";", " ", open && status !== 'error' && styleType === 'outlined' && "box-shadow: none;", ";}*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
(0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";&>div:nth-of-type(1)>div{", open && status !== 'error' && "border: 2px solid " + theme.utils.getColor('lightGrey', 200) + ";", " ", open && status !== 'error' && styleType === 'outlined' && "box-shadow: none;", ";}*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
|
|
23
|
+
);
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
exports.selectWrapper = selectWrapper;
|
|
28
|
+
|
|
29
|
+
var rightIconContainer = function rightIconContainer(open, isSearchable) {
|
|
30
|
+
return function () {
|
|
31
|
+
return (
|
|
32
|
+
/*#__PURE__*/
|
|
33
|
+
|
|
34
|
+
/*#__PURE__*/
|
|
35
|
+
(0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
|
|
21
36
|
);
|
|
22
37
|
};
|
|
23
38
|
};
|
|
24
39
|
|
|
25
|
-
exports.
|
|
40
|
+
exports.rightIconContainer = rightIconContainer;
|
package/package.json
CHANGED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
/** Defines the react nodes that will be included in the breadcrumb's collapsed view */
|
|
4
|
-
collapsedItems: React.ReactNode[];
|
|
5
|
-
};
|
|
6
|
-
declare const BreadcrumbCollapsed: React.FC<Props>;
|
|
7
|
-
export default BreadcrumbCollapsed;
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports["default"] = void 0;
|
|
5
|
-
|
|
6
|
-
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
|
-
var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
|
|
9
|
-
|
|
10
|
-
var _Separator = _interopRequireDefault(require("../../Breadcrumb/Separator/Separator"));
|
|
11
|
-
|
|
12
|
-
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
13
|
-
|
|
14
|
-
var _List = _interopRequireDefault(require("../../List"));
|
|
15
|
-
|
|
16
|
-
var _ClickAwayListener = _interopRequireDefault(require("../../utils/ClickAwayListener"));
|
|
17
|
-
|
|
18
|
-
var _DropdownOptions = require("../../utils/DropdownOptions");
|
|
19
|
-
|
|
20
|
-
var _BreadcrumbCollapsed = require("./BreadcrumbCollapsed.style");
|
|
21
|
-
|
|
22
|
-
var _react2 = require("@emotion/react");
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
|
-
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); }
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
30
|
-
var BreadcrumbCollapsed = function BreadcrumbCollapsed(props) {
|
|
31
|
-
var _React$useState = React.useState(false),
|
|
32
|
-
open = _React$useState[0],
|
|
33
|
-
setOpen = _React$useState[1];
|
|
34
|
-
|
|
35
|
-
var collapsedItems = props.collapsedItems;
|
|
36
|
-
var theme = (0, _useTheme["default"])();
|
|
37
|
-
|
|
38
|
-
var expandHandler = function expandHandler() {
|
|
39
|
-
setOpen(function (prevState) {
|
|
40
|
-
return !prevState;
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var collapsedItemsList = (0, _react2.jsx)("div", {
|
|
45
|
-
style: _BreadcrumbCollapsed.inlineBreadcrumbWrapperStyles,
|
|
46
|
-
css: (0, _DropdownOptions.optionsStyle)({
|
|
47
|
-
menuPosition: 'left'
|
|
48
|
-
})
|
|
49
|
-
}, (0, _react2.jsx)(_List["default"], {
|
|
50
|
-
data: collapsedItems,
|
|
51
|
-
rowSize: 'small',
|
|
52
|
-
dataTestId: 'collapsed_',
|
|
53
|
-
handleOptionClick: function handleOptionClick() {
|
|
54
|
-
setOpen(false);
|
|
55
|
-
}
|
|
56
|
-
}));
|
|
57
|
-
var iconColor = 'lightGrey';
|
|
58
|
-
var iconColorShade = open ? 100 : 700;
|
|
59
|
-
return (0, _react2.jsx)(_ClickAwayListener["default"], {
|
|
60
|
-
CustomHtmlTag: "li",
|
|
61
|
-
ariaRole: "listitem",
|
|
62
|
-
onClick: function onClick() {
|
|
63
|
-
return setOpen(false);
|
|
64
|
-
},
|
|
65
|
-
cssStyles: _BreadcrumbCollapsed.ClickAwayListenerStyle
|
|
66
|
-
}, (0, _react2.jsx)("div", {
|
|
67
|
-
css: (0, _BreadcrumbCollapsed.breadcrumbCollapsedWrapperStyles)()
|
|
68
|
-
}, (0, _react2.jsx)("span", {
|
|
69
|
-
css: (0, _BreadcrumbCollapsed.breadcrumbCollapsedStyles)({
|
|
70
|
-
open: open
|
|
71
|
-
}),
|
|
72
|
-
onClick: expandHandler
|
|
73
|
-
}, (0, _react2.jsx)(_Icon["default"], {
|
|
74
|
-
name: "dotsVertical",
|
|
75
|
-
size: 22,
|
|
76
|
-
color: theme.utils.getColor(iconColor, iconColorShade)
|
|
77
|
-
})), (0, _react2.jsx)(_Separator["default"], null), open && collapsedItemsList));
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
var _default = BreadcrumbCollapsed;
|
|
81
|
-
exports["default"] = _default;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Theme } from '../../../theme';
|
|
2
|
-
declare type BreadcrumbIconStyle = {
|
|
3
|
-
open: boolean;
|
|
4
|
-
};
|
|
5
|
-
export declare const ClickAwayListenerStyle: {
|
|
6
|
-
margin: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const breadcrumbCollapsedStyles: ({ open }: BreadcrumbIconStyle) => (theme: Theme) => import("@emotion/react").SerializedStyles;
|
|
9
|
-
export declare const breadcrumbCollapsedWrapperStyles: () => import("@emotion/react").SerializedStyles;
|
|
10
|
-
export declare const inlineBreadcrumbWrapperStyles: {
|
|
11
|
-
padding: number;
|
|
12
|
-
boxShadow: string;
|
|
13
|
-
top: string;
|
|
14
|
-
width: string;
|
|
15
|
-
};
|
|
16
|
-
export {};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.inlineBreadcrumbWrapperStyles = exports.breadcrumbCollapsedWrapperStyles = exports.breadcrumbCollapsedStyles = exports.ClickAwayListenerStyle = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("@emotion/react");
|
|
7
|
-
|
|
8
|
-
var _utils = require("../../../theme/utils");
|
|
9
|
-
|
|
10
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
11
|
-
|
|
12
|
-
var ClickAwayListenerStyle = {
|
|
13
|
-
margin: 'auto'
|
|
14
|
-
};
|
|
15
|
-
exports.ClickAwayListenerStyle = ClickAwayListenerStyle;
|
|
16
|
-
|
|
17
|
-
var breadcrumbCollapsedStyles = function breadcrumbCollapsedStyles(_ref2) {
|
|
18
|
-
var open = _ref2.open;
|
|
19
|
-
return function (theme) {
|
|
20
|
-
return (
|
|
21
|
-
/*#__PURE__*/
|
|
22
|
-
|
|
23
|
-
/*#__PURE__*/
|
|
24
|
-
(0, _react.css)("padding:", (0, _utils.rem)(2), ";margin-top:", (0, _utils.rem)(1), ";transform:rotate(90deg);border-radius:3rem;background-color:", open ? theme.utils.getColor('lightGrey', 650) : theme.utils.getColor('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbCollapsedStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkNvbGxhcHNlZC9CcmVhZGNydW1iQ29sbGFwc2VkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlpRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1iL0JyZWFkY3J1bWJDb2xsYXBzZWQvQnJlYWRjcnVtYkNvbGxhcHNlZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5cbnR5cGUgQnJlYWRjcnVtYkljb25TdHlsZSA9IHtcbiAgb3BlbjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBDbGlja0F3YXlMaXN0ZW5lclN0eWxlID0ge1xuICBtYXJnaW46ICdhdXRvJyxcbn07XG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkNvbGxhcHNlZFN0eWxlcyA9ICh7IG9wZW4gfTogQnJlYWRjcnVtYkljb25TdHlsZSkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICBwYWRkaW5nOiAke3JlbSgyKX07XG4gIG1hcmdpbi10b3A6ICR7cmVtKDEpfTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICBib3JkZXItcmFkaXVzOiAzcmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke29wZW5cbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApXG4gICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkNvbGxhcHNlZFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZUJyZWFkY3J1bWJXcmFwcGVyU3R5bGVzID0ge1xuICBwYWRkaW5nOiAwLFxuICBib3hTaGFkb3c6IGAjODA4MDgwMmIgMHB4IDBweCAke3JlbSgxNil9YCxcbiAgdG9wOiByZW0oNDApLFxuICB3aWR0aDogcmVtKDE2NCksXG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbCollapsedStyles;")
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
exports.breadcrumbCollapsedStyles = breadcrumbCollapsedStyles;
|
|
30
|
-
|
|
31
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
32
|
-
name: "5o2vmf",
|
|
33
|
-
styles: "display:flex;cursor:pointer;position:relative"
|
|
34
|
-
} : {
|
|
35
|
-
name: "orgln1-breadcrumbCollapsedWrapperStyles",
|
|
36
|
-
styles: "display:flex;cursor:pointer;position:relative;label:breadcrumbCollapsedWrapperStyles;",
|
|
37
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkNvbGxhcHNlZC9CcmVhZGNydW1iQ29sbGFwc2VkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCeUQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iQ29sbGFwc2VkL0JyZWFkY3J1bWJDb2xsYXBzZWQuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG50eXBlIEJyZWFkY3J1bWJJY29uU3R5bGUgPSB7XG4gIG9wZW46IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgQ2xpY2tBd2F5TGlzdGVuZXJTdHlsZSA9IHtcbiAgbWFyZ2luOiAnYXV0bycsXG59O1xuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJDb2xsYXBzZWRTdHlsZXMgPSAoeyBvcGVuIH06IEJyZWFkY3J1bWJJY29uU3R5bGUpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcGFkZGluZzogJHtyZW0oMil9O1xuICBtYXJnaW4tdG9wOiAke3JlbSgxKX07XG4gIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgYm9yZGVyLXJhZGl1czogM3JlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtvcGVuXG4gICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDIwMCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJDb2xsYXBzZWRXcmFwcGVyU3R5bGVzID0gKCkgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmxpbmVCcmVhZGNydW1iV3JhcHBlclN0eWxlcyA9IHtcbiAgcGFkZGluZzogMCxcbiAgYm94U2hhZG93OiBgIzgwODA4MDJiIDBweCAwcHggJHtyZW0oMTYpfWAsXG4gIHRvcDogcmVtKDQwKSxcbiAgd2lkdGg6IHJlbSgxNjQpLFxufTtcbiJdfQ== */",
|
|
38
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var breadcrumbCollapsedWrapperStyles = function breadcrumbCollapsedWrapperStyles() {
|
|
42
|
-
return _ref;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.breadcrumbCollapsedWrapperStyles = breadcrumbCollapsedWrapperStyles;
|
|
46
|
-
var inlineBreadcrumbWrapperStyles = {
|
|
47
|
-
padding: 0,
|
|
48
|
-
boxShadow: "#8080802b 0px 0px " + (0, _utils.rem)(16),
|
|
49
|
-
top: (0, _utils.rem)(40),
|
|
50
|
-
width: (0, _utils.rem)(164)
|
|
51
|
-
};
|
|
52
|
-
exports.inlineBreadcrumbWrapperStyles = inlineBreadcrumbWrapperStyles;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
/** Defines the options used to render a Menu button */
|
|
4
|
-
options?: string[];
|
|
5
|
-
/** Defines the method where a developer can manipulate the selection of an menu item */
|
|
6
|
-
onChangeHandler?: (selectedItem: string) => void;
|
|
7
|
-
/** Defines the label of the current level of breadcrumb */
|
|
8
|
-
label?: string;
|
|
9
|
-
};
|
|
10
|
-
declare const BreadcrumbAdvancedItem: React.FC<Props>;
|
|
11
|
-
export default BreadcrumbAdvancedItem;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports["default"] = void 0;
|
|
5
|
-
|
|
6
|
-
var React = _interopRequireWildcard(require("react"));
|
|
7
|
-
|
|
8
|
-
var _index = _interopRequireDefault(require("../../Menu/index"));
|
|
9
|
-
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
var BreadcrumbAdvancedItem = function BreadcrumbAdvancedItem(props) {
|
|
19
|
-
var _props$options = props.options,
|
|
20
|
-
options = _props$options === void 0 ? undefined : _props$options,
|
|
21
|
-
onChangeHandler = props.onChangeHandler,
|
|
22
|
-
label = props.label;
|
|
23
|
-
|
|
24
|
-
var _React$useState = React.useState(''),
|
|
25
|
-
selectedItem = _React$useState[0],
|
|
26
|
-
setSelectedItem = _React$useState[1];
|
|
27
|
-
|
|
28
|
-
React.useEffect(function () {
|
|
29
|
-
if (onChangeHandler) {
|
|
30
|
-
onChangeHandler(selectedItem);
|
|
31
|
-
}
|
|
32
|
-
}, [selectedItem]);
|
|
33
|
-
return (0, _react2.jsx)(_index["default"], {
|
|
34
|
-
items: options,
|
|
35
|
-
selectedItem: selectedItem,
|
|
36
|
-
onSelect: function onSelect(option) {
|
|
37
|
-
return setSelectedItem(option);
|
|
38
|
-
},
|
|
39
|
-
buttonText: label,
|
|
40
|
-
rightIconName: "arrowDown",
|
|
41
|
-
iconSize: 12
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var _default = BreadcrumbAdvancedItem;
|
|
46
|
-
exports["default"] = _default;
|