@orfium/ictinus 4.18.0 → 4.19.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/components/FilterBase/FilterBase.d.ts +1 -1
- 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;
|
|
@@ -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;
|
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;
|