@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.
Files changed (22) hide show
  1. package/dist/components/Breadcrumb/Breadcrumb.js +17 -54
  2. package/dist/components/Breadcrumb/Breadcrumb.style.d.ts +3 -2
  3. package/dist/components/Breadcrumb/Breadcrumb.style.js +10 -15
  4. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.d.ts +0 -6
  5. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.js +5 -16
  6. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.d.ts +2 -1
  7. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.js +2 -2
  8. package/dist/components/Breadcrumb/Separator/Separator.js +3 -2
  9. package/dist/components/Breadcrumb/Separator/Separator.style.d.ts +2 -1
  10. package/dist/components/Breadcrumb/Separator/Separator.style.js +1 -1
  11. package/dist/components/Breadcrumb/types.d.ts +1 -5
  12. package/dist/components/ButtonBase/ButtonBase.js +2 -1
  13. package/dist/components/DatePicker/Month/Month.utils.d.ts +1 -1
  14. package/dist/components/ExpandCollapse/ExpandCollapse.d.ts +2 -2
  15. package/dist/components/Filter/components/FilterBase/FilterBase.d.ts +1 -1
  16. package/package.json +1 -1
  17. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.d.ts +0 -7
  18. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.js +0 -81
  19. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.d.ts +0 -16
  20. package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.js +0 -52
  21. package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbAdvancedItem.d.ts +0 -11
  22. 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 MAX_LIMIT_BREADCRUMB_LENGTH = 4;
31
- var MAX_ITEMS_TO_SHOW_AFTER_COLLAPSE = 2;
32
- var MAX_ITEMS_TO_SHOW_BEFORE_COLLAPSE = 1;
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
- var passDataToRouterLink = function passDataToRouterLink(_ref) {
40
- var to = _ref.to,
41
- label = _ref.label;
42
- return (0, _react2.jsx)(_reactRouterDom.Link, {
43
- css: (0, _Breadcrumb.breadcrumbLinkStyles)(),
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 isLast ? (0, _react2.jsx)(_BreadcrumbItem["default"], {
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, collapsedItems, lastItemLabel, lastItemOnChangeHandler, lastItemOptions, shouldCollapse]);
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: () => (theme: Theme) => import("@emotion/react").SerializedStyles;
3
- export declare const breadcrumbLinkStyles: () => (theme: Theme) => import("@emotion/react").SerializedStyles;
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
- 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)."; }
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 (theme) {
22
- return _ref;
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;padding:", theme.spacing.sm, ";&:hover{color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQitEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iU3R5bGVzID0gKCkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gICYgPiBsaSB7XG4gICAgbWFyZ2luOiBhdXRvO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkxpbmtTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDY1MCl9O1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;")
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(props) {
19
- var childComponent = props.childComponent,
20
- _props$isLastItem = props.isLastItem,
21
- isLastItem = _props$isLastItem === void 0 ? false : _props$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
- }, renderComponentBasedOnOptions, (0, _react2.jsx)(_Separator["default"], {
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) => import("@emotion/react").SerializedStyles;
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 _utils = require("../../../theme/utils");
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('darkGrey', 850) : theme.utils.getColor('lightGrey', 650), ";& button{height:auto;background-color:white;padding:", theme.spacing.sm, ";&:focus{outline:none;background-color:", theme.utils.getColor('lightGrey', 250), ";}&>span{margin-left:0;}}&>div>div>div{top:3rem;box-shadow:", theme.utils.getColor('darkGrey', 650), " 0px 0px ", (0, _utils.rem)(16), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVEiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iSXRlbS9CcmVhZGNydW1iSXRlbS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBSZXF1aXJlZFByb3BlcnRpZXMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jb21tb24nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iSXRlbVN0eWxlcyA9ICh7IGFjdGl2ZSB9OiBSZXF1aXJlZFByb3BlcnRpZXM8U3R5bGVQcm9wcz4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICBmb250LXdlaWdodDogJHthY3RpdmUgPyB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXJ9O1xuICBjb2xvcjogJHthY3RpdmUgPyB0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9O1xuXG4gICYgYnV0dG9uIHtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyNTApfTtcbiAgICB9XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG4gIH1cblxuICAmID4gZGl2ID4gZGl2ID4gZGl2IHtcbiAgICB0b3A6IDNyZW07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA2NTApfSAwcHggMHB4ICR7cmVtKDE2KX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;")
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: "black",
29
- size: 10
28
+ color: 'lightGrey',
29
+ variant: 650,
30
+ size: 12
30
31
  }));
31
32
  };
32
33
 
@@ -1,2 +1,3 @@
1
+ import { SerializedStyles } from '@emotion/react';
1
2
  import { Theme } from 'theme';
2
- export declare const separatorStyles: () => (theme: Theme) => import("@emotion/react").SerializedStyles;
3
+ export declare const separatorStyles: () => (theme: Theme) => SerializedStyles;
@@ -11,7 +11,7 @@ var separatorStyles = function separatorStyles() {
11
11
  /*#__PURE__*/
12
12
 
13
13
  /*#__PURE__*/
14
- (0, _react.css)("margin:auto ", theme.spacing.sm, ";color:", theme.utils.getColor('lightGrey', 650), ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvU2VwYXJhdG9yL1NlcGFyYXRvci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9TZXBhcmF0b3IvU2VwYXJhdG9yLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIG1hcmdpbjogYXV0byAke3RoZW1lLnNwYWNpbmcuc219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX07XG4gIGN1cnNvcjogZGVmYXVsdDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;")
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: string;
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: "first" | "last" | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | 0 | undefined;
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.ReactElement;
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.ReactElement;
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" | "styleType" | "buttonType" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@orfium/ictinus",
3
- "version": "4.18.0",
3
+ "version": "4.19.0",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "license": "MIT",
@@ -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;