@orfium/ictinus 4.82.2 → 4.83.1

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 (14) hide show
  1. package/README.md +2 -1
  2. package/dist/components/Filter/Filter.js +2 -2
  3. package/dist/components/Notification/Banner/Banner.d.ts +4 -0
  4. package/dist/components/Notification/Banner/Banner.js +5 -0
  5. package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.d.ts +4 -0
  6. package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.js +10 -2
  7. package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.d.ts +1 -1
  8. package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.js +13 -19
  9. package/dist/components/utils/PositionInScreen/PositionInScreen.js +16 -8
  10. package/dist/components/utils/PositionInScreen/PositionInScreen.style.d.ts +2 -2
  11. package/dist/components/utils/PositionInScreen/PositionInScreen.style.js +9 -10
  12. package/dist/components/utils/PositionInScreen/hooks.d.ts +2 -2
  13. package/dist/components/utils/PositionInScreen/hooks.js +12 -15
  14. package/package.json +2 -1
package/README.md CHANGED
@@ -4,6 +4,7 @@ An internal UI kit library that is opinionated. Primary focus is to solve UI dup
4
4
 
5
5
  <hr />
6
6
 
7
+ [![Static Badge](https://img.shields.io/badge/documentation-8A2BE2?)](https://designlab-v4.orfium.com/)
7
8
  ![npm](https://img.shields.io/npm/v/@orfium/ictinus)
8
9
  [![pan](https://github.com/Orfium/orfium-ictinus/workflows/CI/badge.svg)](https://github.com/Orfium/orfium-ictinus/actions)
9
10
  ![min size](https://img.shields.io/bundlephobia/min/@orfium/ictinus)
@@ -18,7 +19,7 @@ $ npm install @orfium/ictinus
18
19
  ```text
19
20
  $ yarn add @orfium/ictinus
20
21
  ```
21
- Please note that react >= 16.0.0 and react-dom >= 16.0.0 are peer dependencies. Also that emotion 11 is being used and that
22
+ Please note that react >= 18.2.0 and react-dom >= 18.2.0 are peer dependencies. Also that emotion 11 is being used and that
22
23
  will not work in older emotion projects.
23
24
 
24
25
  if you want the next version you can always use the next tag.
package/dist/components/Filter/Filter.js CHANGED
@@ -5,12 +5,12 @@ exports["default"] = void 0;
5
5
  var _lodash = require("lodash");
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
  var _helpers = require("../../utils/helpers");
8
- var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
9
8
  var _FilterBase = _interopRequireDefault(require("./components/FilterBase"));
10
9
  var _MultiFilter = _interopRequireDefault(require("./components/MultiFilter/MultiFilter"));
11
10
  var _SingleFilter = _interopRequireDefault(require("./components/SingleFilter/SingleFilter"));
12
11
  var _useMultiFilterUtils2 = _interopRequireDefault(require("./hooks/useMultiFilterUtils"));
13
12
  var _utils = require("./utils");
13
+ var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
14
14
  var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
15
15
  var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen/PositionInScreen"));
16
16
  var _react2 = require("@emotion/react");
@@ -186,7 +186,7 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
186
186
  styleType: styleType,
187
187
  multi: multi
188
188
  })
189
- }, isOpen && getFilter()));
189
+ }, getFilter()));
190
190
  });
191
191
  Filter.displayName = 'Filter';
192
192
  var _default = exports["default"] = Filter;
package/dist/components/Notification/Banner/Banner.d.ts CHANGED
@@ -16,6 +16,10 @@ export declare type Props = {
16
16
  closeCTA?: () => void;
17
17
  /** The data test id if needed */
18
18
  dataTestId?: TestId;
19
+ /** The alternative call-to-action label of the Notification */
20
+ alternativeCTALabel?: string;
21
+ /** The alternative call-to-action of the Notification */
22
+ alternativeCTA?: () => void;
19
23
  } & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
20
24
  declare const Banner: React.FC<Props>;
21
25
  export default Banner;
package/dist/components/Notification/Banner/Banner.js CHANGED
@@ -16,6 +16,9 @@ var Banner = function Banner(_ref) {
16
16
  type = _ref.type,
17
17
  _ref$styleType = _ref.styleType,
18
18
  styleType = _ref$styleType === void 0 ? 'elevated' : _ref$styleType,
19
+ alternativeCTALabel = _ref.alternativeCTALabel,
20
+ _ref$alternativeCTA = _ref.alternativeCTA,
21
+ alternativeCTA = _ref$alternativeCTA === void 0 ? undefined : _ref$alternativeCTA,
19
22
  primaryCTALabel = _ref.primaryCTALabel,
20
23
  _ref$primaryCTA = _ref.primaryCTA,
21
24
  primaryCTA = _ref$primaryCTA === void 0 ? undefined : _ref$primaryCTA,
@@ -29,6 +32,8 @@ var Banner = function Banner(_ref) {
29
32
  variant: "banner",
30
33
  type: type,
31
34
  styleType: styleType,
35
+ alternativeCTALabel: alternativeCTALabel,
36
+ alternativeCTA: alternativeCTA,
32
37
  primaryCTALabel: primaryCTALabel,
33
38
  primaryCTA: primaryCTA,
34
39
  closeCTA: closeCTA,
package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.d.ts CHANGED
@@ -22,6 +22,10 @@ export declare type Props = {
22
22
  title?: string;
23
23
  /** The data test id if needed */
24
24
  dataTestId?: TestId;
25
+ /** The alternative call-to-action label of the Notification */
26
+ alternativeCTALabel?: string;
27
+ /** The alternative call-to-action of the Notification */
28
+ alternativeCTA?: () => void;
25
29
  } & NotificationActions;
26
30
  export declare const typeToIconName: (type: NotificationTypes) => AcceptedIconNames;
27
31
  declare const CompactNotification: React.FC<Props>;
package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.js CHANGED
@@ -25,6 +25,9 @@ var CompactNotification = function CompactNotification(_ref) {
25
25
  type = _ref.type,
26
26
  _ref$styleType = _ref.styleType,
27
27
  styleType = _ref$styleType === void 0 ? 'elevated' : _ref$styleType,
28
+ alternativeCTALabel = _ref.alternativeCTALabel,
29
+ _ref$alternativeCTA = _ref.alternativeCTA,
30
+ alternativeCTA = _ref$alternativeCTA === void 0 ? undefined : _ref$alternativeCTA,
28
31
  primaryCTALabel = _ref.primaryCTALabel,
29
32
  primaryCTA = _ref.primaryCTA,
30
33
  closeCTA = _ref.closeCTA,
@@ -54,12 +57,17 @@ var CompactNotification = function CompactNotification(_ref) {
54
57
  }, message)), (0, _react2.jsx)("div", {
55
58
  css: (0, _CompactNotification.actionsContainer)()
56
59
  }, primaryCTA && primaryCTALabel && (0, _react2.jsx)(_Button["default"], {
57
- css: (0, _CompactNotification.primaryActionContainer)(),
58
60
  type: 'link',
59
61
  size: 'sm',
60
62
  onClick: primaryCTA,
61
63
  "data-testid": (0, _helpers.generateTestDataId)('notification-primary', dataTestId)
62
- }, primaryCTALabel), closeCTA && (0, _react2.jsx)("span", {
64
+ }, primaryCTALabel), alternativeCTA && alternativeCTALabel && (0, _react2.jsx)("span", {
65
+ css: (0, _CompactNotification.alternativeActionContainer)()
66
+ }, (0, _react2.jsx)(_Button["default"], {
67
+ size: "sm",
68
+ onClick: alternativeCTA,
69
+ "data-testid": (0, _helpers.generateTestDataId)('notification-secondary', dataTestId)
70
+ }, alternativeCTALabel)), closeCTA && (0, _react2.jsx)("span", {
63
71
  css: (0, _Notification.actionContainer)(),
64
72
  onClick: closeCTA,
65
73
  "data-testid": (0, _helpers.generateTestDataId)('notification-close', dataTestId)
package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.d.ts CHANGED
@@ -6,4 +6,4 @@ export declare const infoContainer: () => (theme: Theme) => SerializedStyles;
6
6
  export declare const messageContainer: () => (theme: Theme) => SerializedStyles;
7
7
  export declare const actionsContainer: () => (theme: Theme) => SerializedStyles;
8
8
  export declare const headContainer: () => (theme: Theme) => SerializedStyles;
9
- export declare const primaryActionContainer: () => () => SerializedStyles;
9
+ export declare const alternativeActionContainer: () => (theme: Theme) => SerializedStyles;
package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.js CHANGED
@@ -1,17 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.primaryActionContainer = exports.notificationsContainer = exports.messageContainer = exports.infoContainer = exports.headContainer = exports.actionsContainer = void 0;
4
+ exports.notificationsContainer = exports.messageContainer = exports.infoContainer = exports.headContainer = exports.alternativeActionContainer = exports.actionsContainer = void 0;
5
5
  var _react = require("@emotion/react");
6
6
  var _utils = require("../../../../theme/utils");
7
7
  var _Notification = require("../../Notification.style");
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
8
  var notificationsContainer = exports.notificationsContainer = function notificationsContainer(type, styleType) {
10
9
  return function (theme) {
11
10
  return (
12
11
  /*#__PURE__*/
13
12
  /*#__PURE__*/
14
- (0, _react.css)("box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;width:100%;min-height:", (0, _utils.rem)(46), ";border-radius:", theme.spacing.xsm, ";color:", theme.utils.getColor('darkGrey', 850), ";font-size:", theme.typography.fontSizes[14], ";", (0, _Notification.notificationsContainerPerType)(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N1YmNvbXBvbmVudHMvQ29tcGFjdE5vdGlmaWNhdGlvbi9Db21wYWN0Tm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24uc3R5bGUnO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogJHtyZW0oNDYpfTtcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbMTRdfTtcbiAgJHtub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5tZH0gMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBoZWFkQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5gO1xuXG5leHBvcnQgY29uc3QgcHJpbWFyeUFjdGlvbkNvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;")
13
+ (0, _react.css)("box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;width:100%;min-height:", (0, _utils.rem)(46), ";border-radius:", theme.spacing.xsm, ";color:", theme.utils.getColor('darkGrey', 850), ";font-size:", theme.typography.fontSizes[14], ";", (0, _Notification.notificationsContainerPerType)(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vc3ViY29tcG9uZW50cy9Db21wYWN0Tm90aWZpY2F0aW9uL0NvbXBhY3ROb3RpZmljYXRpb24uc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uU3R5bGVUeXBlLCBOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4uLy4uL05vdGlmaWNhdGlvbic7XG5pbXBvcnQgeyBub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSB9IGZyb20gJy4uLy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBub3RpZmljYXRpb25zQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1pbi1oZWlnaHQ6ICR7cmVtKDQ2KX07XG4gICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICAgICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gICAgICAke25vdGlmaWNhdGlvbnNDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IG1lc3NhZ2VDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5tZH0gMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGhlYWRDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGFsdGVybmF0aXZlQWN0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;")
15
14
  );
16
15
  };
17
16
  };
@@ -20,7 +19,7 @@ var infoContainer = exports.infoContainer = function infoContainer() {
20
19
  return (
21
20
  /*#__PURE__*/
22
21
  /*#__PURE__*/
23
- (0, _react.css)("display:flex;align-items:center;padding:0 ", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IG5vdGlmaWNhdGlvbnNDb250YWluZXJQZXJUeXBlIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IG5vdGlmaWNhdGlvbnNDb250YWluZXIgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZVxuKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDQ2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gICR7bm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUodHlwZSwgc3R5bGVUeXBlLCB0aGVtZSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGVhZENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuYDtcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlBY3Rpb25Db250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;")
22
+ (0, _react.css)("display:flex;align-items:center;padding:0 ", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N1YmNvbXBvbmVudHMvQ29tcGFjdE5vdGlmaWNhdGlvbi9Db21wYWN0Tm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24uc3R5bGUnO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9XG4gICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtaW4taGVpZ2h0OiAke3JlbSg0Nil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1sxNF19O1xuICAgICAgJHtub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGFjdGlvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBoZWFkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBhbHRlcm5hdGl2ZUFjdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;")
24
23
  );
25
24
  };
26
25
  };
@@ -29,7 +28,7 @@ var messageContainer = exports.messageContainer = function messageContainer() {
29
28
  return (
30
29
  /*#__PURE__*/
31
30
  /*#__PURE__*/
32
- (0, _react.css)("padding:", theme.spacing.md, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:messageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IG5vdGlmaWNhdGlvbnNDb250YWluZXJQZXJUeXBlIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IG5vdGlmaWNhdGlvbnNDb250YWluZXIgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZVxuKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDQ2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gICR7bm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUodHlwZSwgc3R5bGVUeXBlLCB0aGVtZSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGVhZENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuYDtcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlBY3Rpb25Db250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:messageContainer;")
31
+ (0, _react.css)("padding:", theme.spacing.md, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:messageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N1YmNvbXBvbmVudHMvQ29tcGFjdE5vdGlmaWNhdGlvbi9Db21wYWN0Tm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24uc3R5bGUnO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9XG4gICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtaW4taGVpZ2h0OiAke3JlbSg0Nil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1sxNF19O1xuICAgICAgJHtub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGFjdGlvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBoZWFkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBhbHRlcm5hdGl2ZUFjdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:messageContainer;")
33
32
  );
34
33
  };
35
34
  };
@@ -38,7 +37,7 @@ var actionsContainer = exports.actionsContainer = function actionsContainer() {
38
37
  return (
39
38
  /*#__PURE__*/
40
39
  /*#__PURE__*/
41
- (0, _react.css)("display:flex;align-items:center;padding-right:", theme.spacing.md, ";font-weight:", theme.typography.weights.medium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IG5vdGlmaWNhdGlvbnNDb250YWluZXJQZXJUeXBlIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IG5vdGlmaWNhdGlvbnNDb250YWluZXIgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZVxuKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDQ2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gICR7bm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUodHlwZSwgc3R5bGVUeXBlLCB0aGVtZSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGVhZENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuYDtcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlBY3Rpb25Db250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;")
40
+ (0, _react.css)("display:flex;align-items:center;padding-right:", theme.spacing.md, ";font-weight:", theme.typography.weights.medium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N1YmNvbXBvbmVudHMvQ29tcGFjdE5vdGlmaWNhdGlvbi9Db21wYWN0Tm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24uc3R5bGUnO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9XG4gICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtaW4taGVpZ2h0OiAke3JlbSg0Nil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1sxNF19O1xuICAgICAgJHtub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGFjdGlvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBoZWFkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBhbHRlcm5hdGl2ZUFjdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;")
42
41
  );
43
42
  };
44
43
  };
@@ -47,21 +46,16 @@ var headContainer = exports.headContainer = function headContainer() {
47
46
  return (
48
47
  /*#__PURE__*/
49
48
  /*#__PURE__*/
50
- (0, _react.css)("padding-right:", theme.spacing.xsm, ";font-weight:", theme.typography.weights.medium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:headContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QzBFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IG5vdGlmaWNhdGlvbnNDb250YWluZXJQZXJUeXBlIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IG5vdGlmaWNhdGlvbnNDb250YWluZXIgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZVxuKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDQ2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gICR7bm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUodHlwZSwgc3R5bGVUeXBlLCB0aGVtZSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGVhZENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuYDtcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlBY3Rpb25Db250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:headContainer;")
49
+ (0, _react.css)("padding-right:", theme.spacing.xsm, ";font-weight:", theme.typography.weights.medium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:headContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRE8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N1YmNvbXBvbmVudHMvQ29tcGFjdE5vdGlmaWNhdGlvbi9Db21wYWN0Tm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24uc3R5bGUnO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9XG4gICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtaW4taGVpZ2h0OiAke3JlbSg0Nil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1sxNF19O1xuICAgICAgJHtub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGFjdGlvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBoZWFkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBhbHRlcm5hdGl2ZUFjdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:headContainer;")
51
50
  );
52
51
  };
53
52
  };
54
- var _ref = process.env.NODE_ENV === "production" ? {
55
- name: "e0dnmk",
56
- styles: "cursor:pointer"
57
- } : {
58
- name: "6pxx9p-primaryActionContainer",
59
- styles: "cursor:pointer;label:primaryActionContainer;",
60
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3VFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IG5vdGlmaWNhdGlvbnNDb250YWluZXJQZXJUeXBlIH0gZnJvbSAnLi4vLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IG5vdGlmaWNhdGlvbnNDb250YWluZXIgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZVxuKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6ICR7cmVtKDQ2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE0XX07XG4gICR7bm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUodHlwZSwgc3R5bGVUeXBlLCB0aGVtZSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGVhZENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuYDtcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlBY3Rpb25Db250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG4iXX0= */",
61
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
62
- };
63
- var primaryActionContainer = exports.primaryActionContainer = function primaryActionContainer() {
64
- return function () {
65
- return _ref;
53
+ var alternativeActionContainer = exports.alternativeActionContainer = function alternativeActionContainer() {
54
+ return function (theme) {
55
+ return (
56
+ /*#__PURE__*/
57
+ /*#__PURE__*/
58
+ (0, _react.css)("margin-left:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:alternativeActionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9zdWJjb21wb25lbnRzL0NvbXBhY3ROb3RpZmljYXRpb24vQ29tcGFjdE5vdGlmaWNhdGlvbi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RE8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL3N1YmNvbXBvbmVudHMvQ29tcGFjdE5vdGlmaWNhdGlvbi9Db21wYWN0Tm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgfSBmcm9tICcuLi8uLi9Ob3RpZmljYXRpb24uc3R5bGUnO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9XG4gICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtaW4taGVpZ2h0OiAke3JlbSg0Nil9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApfTtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1sxNF19O1xuICAgICAgJHtub3RpZmljYXRpb25zQ29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBtZXNzYWdlQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9IDA7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGFjdGlvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBoZWFkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBhbHRlcm5hdGl2ZUFjdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:alternativeActionContainer;")
59
+ );
66
60
  };
67
61
  };
package/dist/components/utils/PositionInScreen/PositionInScreen.js CHANGED
@@ -20,8 +20,12 @@ var PositionInScreen = function PositionInScreen(_ref) {
20
20
  offsetY = _ref$offsetY === void 0 ? 0 : _ref$offsetY,
21
21
  sx = _ref.sx,
22
22
  children = _ref.children;
23
- var wrapperRef = (0, _react.useRef)(null);
24
- var itemRef = (0, _react.useRef)(null);
23
+ var _useState = (0, _react.useState)(null),
24
+ wrapperRef = _useState[0],
25
+ setWrapperRef = _useState[1];
26
+ var _useState2 = (0, _react.useState)(null),
27
+ itemRef = _useState2[0],
28
+ setItemRef = _useState2[1];
25
29
  var _useWrapperWidth = (0, _hooks.useWrapperWidth)(hasWrapperWidth, wrapperRef),
26
30
  wrapperWidth = _useWrapperWidth[0];
27
31
  var _usePositionInScreen = (0, _hooks.usePositionInScreen)(wrapperRef, itemRef, offsetX, offsetY, visible),
@@ -29,12 +33,16 @@ var PositionInScreen = function PositionInScreen(_ref) {
29
33
  y = _usePositionInScreen.y;
30
34
  var showTooltip = visible && x !== -1 && y !== -1;
31
35
  return (0, _react2.jsx)("div", {
32
- css: (0, _PositionInScreen.container)(withOverflow, showTooltip, sx),
33
- ref: wrapperRef
34
- }, parent, showTooltip && (0, _react2.jsx)("div", {
35
- css: (0, _PositionInScreen.itemContainer)(x, y, wrapperWidth, sx),
36
- id: 'unique-tooltip-id',
37
- ref: itemRef
36
+ css: (0, _PositionInScreen.container)(withOverflow, sx),
37
+ ref: function ref(_ref3) {
38
+ setWrapperRef(_ref3);
39
+ }
40
+ }, parent, (0, _react2.jsx)("div", {
41
+ css: (0, _PositionInScreen.itemContainer)(x, y, showTooltip, wrapperWidth, sx),
42
+ className: 'unique-tooltip-id',
43
+ ref: function ref(_ref2) {
44
+ setItemRef(_ref2);
45
+ }
38
46
  }, children));
39
47
  };
40
48
  var _default = exports["default"] = PositionInScreen;
package/dist/components/utils/PositionInScreen/PositionInScreen.style.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { SerializedStyles } from '@emotion/react';
2
2
  import { CSSObject } from '@emotion/serialize';
3
- export declare const container: (withOverflow?: boolean | undefined, visible?: boolean | undefined, sx?: {
3
+ export declare const container: (withOverflow?: boolean | undefined, sx?: {
4
4
  container?: CSSObject | undefined;
5
5
  itemContainer?: CSSObject | undefined;
6
6
  } | undefined) => () => SerializedStyles;
7
- export declare const itemContainer: (clientX: number, clientY: number, width?: number | undefined, sx?: {
7
+ export declare const itemContainer: (clientX: number, clientY: number, visible: boolean, width?: number | undefined, sx?: {
8
8
  container?: CSSObject | undefined;
9
9
  itemContainer?: CSSObject | undefined;
10
10
  } | undefined) => () => SerializedStyles;
package/dist/components/utils/PositionInScreen/PositionInScreen.style.js CHANGED
@@ -5,7 +5,7 @@ exports.itemContainer = exports.container = void 0;
5
5
  var _react = require("@emotion/react");
6
6
  var _polished = require("polished");
7
7
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
8
- var container = exports.container = function container(withOverflow, visible, sx) {
8
+ var container = exports.container = function container(withOverflow, sx) {
9
9
  return function () {
10
10
  return (
11
11
  /*#__PURE__*/
@@ -15,28 +15,27 @@ var container = exports.container = function container(withOverflow, visible, sx
15
15
  textOverflow: withOverflow ? 'ellipsis' : 'inherit',
16
16
  width: '100%',
17
17
  height: 'inherit',
18
- position: 'relative',
19
- '#unique-tooltip-id': {
20
- display: visible ? 'block !important' : 'none !important'
21
- }
22
- }, sx == null ? void 0 : sx.container), process.env.NODE_ENV === "production" ? "" : ";label:container;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV0kiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3NlcmlhbGl6ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPVxuICAoXG4gICAgd2l0aE92ZXJmbG93PzogYm9vbGVhbixcbiAgICB2aXNpYmxlPzogYm9vbGVhbixcbiAgICBzeD86IHsgY29udGFpbmVyPzogQ1NTT2JqZWN0OyBpdGVtQ29udGFpbmVyPzogQ1NTT2JqZWN0IH1cbiAgKSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogd2l0aE92ZXJmbG93ID8gJ2hpZGRlbicgOiAnaW5oZXJpdCcsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCcsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgaGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcblxuICAgICAgJyN1bmlxdWUtdG9vbHRpcC1pZCc6IHtcbiAgICAgICAgZGlzcGxheTogdmlzaWJsZSA/ICdibG9jayAhaW1wb3J0YW50JyA6ICdub25lICFpbXBvcnRhbnQnLFxuICAgICAgfSxcbiAgICAgIC4uLnN4Py5jb250YWluZXIsXG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ29udGFpbmVyID1cbiAgKFxuICAgIGNsaWVudFg6IG51bWJlcixcbiAgICBjbGllbnRZOiBudW1iZXIsXG4gICAgd2lkdGg/OiBudW1iZXIsXG4gICAgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9XG4gICkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBvcGFjaXR5OiAnMSAhaW1wb3J0YW50JyxcbiAgICAgIHRvcDogcmVtKGNsaWVudFkpLFxuICAgICAgbGVmdDogcmVtKGNsaWVudFgpLFxuICAgICAgekluZGV4OiA5OTk5OTk5OTksXG4gICAgICB3aWR0aDogd2lkdGggPyByZW0od2lkdGgpIDogYGZpdC1jb250ZW50YCxcbiAgICAgIGhlaWdodDogJ2ZpdC1jb250ZW50JyxcbiAgICAgIC4uLnN4Py5pdGVtQ29udGFpbmVyLFxuICAgIH0pO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:container;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV0kiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3NlcmlhbGl6ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPVxuICAoXG4gICAgd2l0aE92ZXJmbG93PzogYm9vbGVhbixcbiAgICB2aXNpYmxlPzogYm9vbGVhbixcbiAgICBzeD86IHsgY29udGFpbmVyPzogQ1NTT2JqZWN0OyBpdGVtQ29udGFpbmVyPzogQ1NTT2JqZWN0IH1cbiAgKSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogd2l0aE92ZXJmbG93ID8gJ2hpZGRlbicgOiAnaW5oZXJpdCcsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCcsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgaGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcblxuICAgICAgJyN1bmlxdWUtdG9vbHRpcC1pZCc6IHtcbiAgICAgICAgZGlzcGxheTogdmlzaWJsZSA/ICdibG9jayAhaW1wb3J0YW50JyA6ICdub25lICFpbXBvcnRhbnQnLFxuICAgICAgfSxcbiAgICAgIC4uLnN4Py5jb250YWluZXIsXG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ29udGFpbmVyID1cbiAgKFxuICAgIGNsaWVudFg6IG51bWJlcixcbiAgICBjbGllbnRZOiBudW1iZXIsXG4gICAgd2lkdGg/OiBudW1iZXIsXG4gICAgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9XG4gICkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBvcGFjaXR5OiAnMSAhaW1wb3J0YW50JyxcbiAgICAgIHRvcDogcmVtKGNsaWVudFkpLFxuICAgICAgbGVmdDogcmVtKGNsaWVudFgpLFxuICAgICAgekluZGV4OiA5OTk5OTk5OTksXG4gICAgICB3aWR0aDogd2lkdGggPyByZW0od2lkdGgpIDogYGZpdC1jb250ZW50YCxcbiAgICAgIGhlaWdodDogJ2ZpdC1jb250ZW50JyxcbiAgICAgIC4uLnN4Py5pdGVtQ29udGFpbmVyLFxuICAgIH0pO1xuIl19 */")
18
+ position: 'relative'
19
+ }, sx == null ? void 0 : sx.container), process.env.NODE_ENV === "production" ? "" : ";label:container;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0kiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3NlcmlhbGl6ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPVxuICAod2l0aE92ZXJmbG93PzogYm9vbGVhbiwgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogd2l0aE92ZXJmbG93ID8gJ2hpZGRlbicgOiAnaW5oZXJpdCcsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCcsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgaGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIC4uLnN4Py5jb250YWluZXIsXG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ29udGFpbmVyID1cbiAgKFxuICAgIGNsaWVudFg6IG51bWJlcixcbiAgICBjbGllbnRZOiBudW1iZXIsXG4gICAgdmlzaWJsZTogYm9vbGVhbixcbiAgICB3aWR0aD86IG51bWJlcixcbiAgICBzeD86IHsgY29udGFpbmVyPzogQ1NTT2JqZWN0OyBpdGVtQ29udGFpbmVyPzogQ1NTT2JqZWN0IH1cbiAgKSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogdmlzaWJsZSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IHJlbShjbGllbnRZKSxcbiAgICAgIGxlZnQ6IHJlbShjbGllbnRYKSxcbiAgICAgIHpJbmRleDogOTk5OTk5OTk5LFxuICAgICAgd2lkdGg6IHdpZHRoID8gcmVtKHdpZHRoKSA6IGBmaXQtY29udGVudGAsXG4gICAgICBoZWlnaHQ6ICdmaXQtY29udGVudCcsXG4gICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlID8gJ3Zpc2libGUnIDogJ2hpZGRlbicsXG4gICAgICBvcGFjaXR5OiBgJHt2aXNpYmxlID8gMSA6IDB9ICFpbXBvcnRhbnRgLFxuICAgICAgLi4uc3g/Lml0ZW1Db250YWluZXIsXG4gICAgfSk7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0kiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3NlcmlhbGl6ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPVxuICAod2l0aE92ZXJmbG93PzogYm9vbGVhbiwgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogd2l0aE92ZXJmbG93ID8gJ2hpZGRlbicgOiAnaW5oZXJpdCcsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCcsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgaGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIC4uLnN4Py5jb250YWluZXIsXG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ29udGFpbmVyID1cbiAgKFxuICAgIGNsaWVudFg6IG51bWJlcixcbiAgICBjbGllbnRZOiBudW1iZXIsXG4gICAgdmlzaWJsZTogYm9vbGVhbixcbiAgICB3aWR0aD86IG51bWJlcixcbiAgICBzeD86IHsgY29udGFpbmVyPzogQ1NTT2JqZWN0OyBpdGVtQ29udGFpbmVyPzogQ1NTT2JqZWN0IH1cbiAgKSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogdmlzaWJsZSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IHJlbShjbGllbnRZKSxcbiAgICAgIGxlZnQ6IHJlbShjbGllbnRYKSxcbiAgICAgIHpJbmRleDogOTk5OTk5OTk5LFxuICAgICAgd2lkdGg6IHdpZHRoID8gcmVtKHdpZHRoKSA6IGBmaXQtY29udGVudGAsXG4gICAgICBoZWlnaHQ6ICdmaXQtY29udGVudCcsXG4gICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlID8gJ3Zpc2libGUnIDogJ2hpZGRlbicsXG4gICAgICBvcGFjaXR5OiBgJHt2aXNpYmxlID8gMSA6IDB9ICFpbXBvcnRhbnRgLFxuICAgICAgLi4uc3g/Lml0ZW1Db250YWluZXIsXG4gICAgfSk7XG4iXX0= */")
23
20
  );
24
21
  };
25
22
  };
26
- var itemContainer = exports.itemContainer = function itemContainer(clientX, clientY, width, sx) {
23
+ var itemContainer = exports.itemContainer = function itemContainer(clientX, clientY, visible, width, sx) {
27
24
  return function () {
28
25
  return (
29
26
  /*#__PURE__*/
30
27
  /*#__PURE__*/
31
28
  (0, _react.css)(_extends({
29
+ overflow: visible ? 'visible' : 'hidden',
32
30
  position: 'absolute',
33
- opacity: '1 !important',
34
31
  top: (0, _polished.rem)(clientY),
35
32
  left: (0, _polished.rem)(clientX),
36
33
  zIndex: 999999999,
37
34
  width: width ? (0, _polished.rem)(width) : "fit-content",
38
- height: 'fit-content'
39
- }, sx == null ? void 0 : sx.itemContainer), process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zZXJpYWxpemUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID1cbiAgKFxuICAgIHdpdGhPdmVyZmxvdz86IGJvb2xlYW4sXG4gICAgdmlzaWJsZT86IGJvb2xlYW4sXG4gICAgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9XG4gICkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgb3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdoaWRkZW4nIDogJ2luaGVyaXQnLFxuICAgICAgdGV4dE92ZXJmbG93OiB3aXRoT3ZlcmZsb3cgPyAnZWxsaXBzaXMnIDogJ2luaGVyaXQnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIGhlaWdodDogJ2luaGVyaXQnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG5cbiAgICAgICcjdW5pcXVlLXRvb2x0aXAtaWQnOiB7XG4gICAgICAgIGRpc3BsYXk6IHZpc2libGUgPyAnYmxvY2sgIWltcG9ydGFudCcgOiAnbm9uZSAhaW1wb3J0YW50JyxcbiAgICAgIH0sXG4gICAgICAuLi5zeD8uY29udGFpbmVyLFxuICAgIH0pO1xuXG5leHBvcnQgY29uc3QgaXRlbUNvbnRhaW5lciA9XG4gIChcbiAgICBjbGllbnRYOiBudW1iZXIsXG4gICAgY2xpZW50WTogbnVtYmVyLFxuICAgIHdpZHRoPzogbnVtYmVyLFxuICAgIHN4PzogeyBjb250YWluZXI/OiBDU1NPYmplY3Q7IGl0ZW1Db250YWluZXI/OiBDU1NPYmplY3QgfVxuICApID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzKHtcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3BhY2l0eTogJzEgIWltcG9ydGFudCcsXG4gICAgICB0b3A6IHJlbShjbGllbnRZKSxcbiAgICAgIGxlZnQ6IHJlbShjbGllbnRYKSxcbiAgICAgIHpJbmRleDogOTk5OTk5OTk5LFxuICAgICAgd2lkdGg6IHdpZHRoID8gcmVtKHdpZHRoKSA6IGBmaXQtY29udGVudGAsXG4gICAgICBoZWlnaHQ6ICdmaXQtY29udGVudCcsXG4gICAgICAuLi5zeD8uaXRlbUNvbnRhaW5lcixcbiAgICB9KTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zZXJpYWxpemUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID1cbiAgKFxuICAgIHdpdGhPdmVyZmxvdz86IGJvb2xlYW4sXG4gICAgdmlzaWJsZT86IGJvb2xlYW4sXG4gICAgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9XG4gICkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgb3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdoaWRkZW4nIDogJ2luaGVyaXQnLFxuICAgICAgdGV4dE92ZXJmbG93OiB3aXRoT3ZlcmZsb3cgPyAnZWxsaXBzaXMnIDogJ2luaGVyaXQnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIGhlaWdodDogJ2luaGVyaXQnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG5cbiAgICAgICcjdW5pcXVlLXRvb2x0aXAtaWQnOiB7XG4gICAgICAgIGRpc3BsYXk6IHZpc2libGUgPyAnYmxvY2sgIWltcG9ydGFudCcgOiAnbm9uZSAhaW1wb3J0YW50JyxcbiAgICAgIH0sXG4gICAgICAuLi5zeD8uY29udGFpbmVyLFxuICAgIH0pO1xuXG5leHBvcnQgY29uc3QgaXRlbUNvbnRhaW5lciA9XG4gIChcbiAgICBjbGllbnRYOiBudW1iZXIsXG4gICAgY2xpZW50WTogbnVtYmVyLFxuICAgIHdpZHRoPzogbnVtYmVyLFxuICAgIHN4PzogeyBjb250YWluZXI/OiBDU1NPYmplY3Q7IGl0ZW1Db250YWluZXI/OiBDU1NPYmplY3QgfVxuICApID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzKHtcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3BhY2l0eTogJzEgIWltcG9ydGFudCcsXG4gICAgICB0b3A6IHJlbShjbGllbnRZKSxcbiAgICAgIGxlZnQ6IHJlbShjbGllbnRYKSxcbiAgICAgIHpJbmRleDogOTk5OTk5OTk5LFxuICAgICAgd2lkdGg6IHdpZHRoID8gcmVtKHdpZHRoKSA6IGBmaXQtY29udGVudGAsXG4gICAgICBoZWlnaHQ6ICdmaXQtY29udGVudCcsXG4gICAgICAuLi5zeD8uaXRlbUNvbnRhaW5lcixcbiAgICB9KTtcbiJdfQ== */")
35
+ height: 'fit-content',
36
+ visibility: visible ? 'visible' : 'hidden',
37
+ opacity: (visible ? 1 : 0) + " !important"
38
+ }, sx == null ? void 0 : sx.itemContainer), process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zZXJpYWxpemUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID1cbiAgKHdpdGhPdmVyZmxvdz86IGJvb2xlYW4sIHN4PzogeyBjb250YWluZXI/OiBDU1NPYmplY3Q7IGl0ZW1Db250YWluZXI/OiBDU1NPYmplY3QgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgb3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdoaWRkZW4nIDogJ2luaGVyaXQnLFxuICAgICAgdGV4dE92ZXJmbG93OiB3aXRoT3ZlcmZsb3cgPyAnZWxsaXBzaXMnIDogJ2luaGVyaXQnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIGhlaWdodDogJ2luaGVyaXQnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAuLi5zeD8uY29udGFpbmVyLFxuICAgIH0pO1xuXG5leHBvcnQgY29uc3QgaXRlbUNvbnRhaW5lciA9XG4gIChcbiAgICBjbGllbnRYOiBudW1iZXIsXG4gICAgY2xpZW50WTogbnVtYmVyLFxuICAgIHZpc2libGU6IGJvb2xlYW4sXG4gICAgd2lkdGg/OiBudW1iZXIsXG4gICAgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9XG4gICkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgb3ZlcmZsb3c6IHZpc2libGUgPyAndmlzaWJsZScgOiAnaGlkZGVuJyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgdG9wOiByZW0oY2xpZW50WSksXG4gICAgICBsZWZ0OiByZW0oY2xpZW50WCksXG4gICAgICB6SW5kZXg6IDk5OTk5OTk5OSxcbiAgICAgIHdpZHRoOiB3aWR0aCA/IHJlbSh3aWR0aCkgOiBgZml0LWNvbnRlbnRgLFxuICAgICAgaGVpZ2h0OiAnZml0LWNvbnRlbnQnLFxuICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nLFxuICAgICAgb3BhY2l0eTogYCR7dmlzaWJsZSA/IDEgOiAwfSAhaW1wb3J0YW50YCxcbiAgICAgIC4uLnN4Py5pdGVtQ29udGFpbmVyLFxuICAgIH0pO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJJIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zZXJpYWxpemUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID1cbiAgKHdpdGhPdmVyZmxvdz86IGJvb2xlYW4sIHN4PzogeyBjb250YWluZXI/OiBDU1NPYmplY3Q7IGl0ZW1Db250YWluZXI/OiBDU1NPYmplY3QgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgb3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdoaWRkZW4nIDogJ2luaGVyaXQnLFxuICAgICAgdGV4dE92ZXJmbG93OiB3aXRoT3ZlcmZsb3cgPyAnZWxsaXBzaXMnIDogJ2luaGVyaXQnLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIGhlaWdodDogJ2luaGVyaXQnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAuLi5zeD8uY29udGFpbmVyLFxuICAgIH0pO1xuXG5leHBvcnQgY29uc3QgaXRlbUNvbnRhaW5lciA9XG4gIChcbiAgICBjbGllbnRYOiBudW1iZXIsXG4gICAgY2xpZW50WTogbnVtYmVyLFxuICAgIHZpc2libGU6IGJvb2xlYW4sXG4gICAgd2lkdGg/OiBudW1iZXIsXG4gICAgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9XG4gICkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3Moe1xuICAgICAgb3ZlcmZsb3c6IHZpc2libGUgPyAndmlzaWJsZScgOiAnaGlkZGVuJyxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgdG9wOiByZW0oY2xpZW50WSksXG4gICAgICBsZWZ0OiByZW0oY2xpZW50WCksXG4gICAgICB6SW5kZXg6IDk5OTk5OTk5OSxcbiAgICAgIHdpZHRoOiB3aWR0aCA/IHJlbSh3aWR0aCkgOiBgZml0LWNvbnRlbnRgLFxuICAgICAgaGVpZ2h0OiAnZml0LWNvbnRlbnQnLFxuICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nLFxuICAgICAgb3BhY2l0eTogYCR7dmlzaWJsZSA/IDEgOiAwfSAhaW1wb3J0YW50YCxcbiAgICAgIC4uLnN4Py5pdGVtQ29udGFpbmVyLFxuICAgIH0pO1xuIl19 */")
40
39
  );
41
40
  };
42
41
  };
package/dist/components/utils/PositionInScreen/hooks.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export declare const usePositionInScreen: (parentRef: React.MutableRefObject<any>, itemRef: React.MutableRefObject<any>, offsetX: number, offsetY: number, visible?: boolean | undefined) => {
1
+ export declare const usePositionInScreen: (parentRef: HTMLDivElement | null, itemRef: HTMLDivElement | null, offsetX: number, offsetY: number, visible?: boolean | undefined) => {
2
2
  x: number;
3
3
  y: number;
4
4
  };
5
- export declare const useWrapperWidth: (hasWrapperWidth: boolean, wrapperRef: React.MutableRefObject<any>) => (number | undefined)[];
5
+ export declare const useWrapperWidth: (hasWrapperWidth: boolean, wrapperRef: HTMLDivElement | null) => (number | undefined)[];
package/dist/components/utils/PositionInScreen/hooks.js CHANGED
@@ -7,7 +7,6 @@ var _react = require("react");
7
7
  var _utils = require("./utils");
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var useHeights = function useHeights(parentRef, itemRef) {
10
- var _itemRef$current2;
11
10
  var _useState = (0, _react.useState)(0),
12
11
  parentHeight = _useState[0],
13
12
  setParentHeight = _useState[1];
@@ -21,10 +20,10 @@ var useHeights = function useHeights(parentRef, itemRef) {
21
20
  * and will increase/decrease as more Chips (Selected Options) are added/deleted.
22
21
  * Therefore the parentHeight is stored on the useState above.
23
22
  */
24
- (0, _react.useEffect)(function () {
25
- if (!parentRef.current) return;
23
+ (0, _react.useLayoutEffect)(function () {
24
+ if (!parentRef) return;
26
25
  var parentResizeObserver = (0, _utils.resizeObserverHandler)(setParentHeight);
27
- parentResizeObserver.observe(parentRef.current);
26
+ parentResizeObserver.observe(parentRef);
28
27
  return function () {
29
28
  return parentResizeObserver.disconnect();
30
29
  };
@@ -35,16 +34,15 @@ var useHeights = function useHeights(parentRef, itemRef) {
35
34
  * This is necessary for the case where the SelectMenu is rendered above the TextField, we need to track the
36
35
  * dynamic height of the SelectMenu in order to keep the gap between SelectMenu and TextField fixed.
37
36
  */
38
- (0, _react.useEffect)(function () {
39
- var _itemRef$current;
40
- var dropdownElement = (0, _head["default"])((_itemRef$current = itemRef.current) == null ? void 0 : _itemRef$current.children);
37
+ (0, _react.useLayoutEffect)(function () {
38
+ var dropdownElement = (0, _head["default"])(itemRef == null ? void 0 : itemRef.children);
41
39
  if (!dropdownElement) return;
42
40
  var childResizeObserver = (0, _utils.resizeObserverHandler)(setChildHeight);
43
41
  childResizeObserver.observe(dropdownElement);
44
42
  return function () {
45
43
  return childResizeObserver.disconnect();
46
44
  };
47
- }, [itemRef, (_itemRef$current2 = itemRef.current) == null ? void 0 : _itemRef$current2.children]);
45
+ }, [itemRef]);
48
46
  return {
49
47
  parentHeight: parentHeight,
50
48
  childHeight: childHeight
@@ -60,11 +58,10 @@ var usePositionInScreen = exports.usePositionInScreen = function usePositionInSc
60
58
  var _useHeights = useHeights(parentRef, itemRef),
61
59
  parentHeight = _useHeights.parentHeight,
62
60
  childHeight = _useHeights.childHeight;
63
- (0, _react.useEffect)(function () {
64
- var _parentRef$current, _itemRef$current3;
61
+ (0, _react.useLayoutEffect)(function () {
65
62
  // x,y are cordinates in screen
66
63
  // width is wrapper elements dimensions
67
- var _ref = parentRef != null && parentRef.current ? parentRef == null || (_parentRef$current = parentRef.current) == null ? void 0 : _parentRef$current.getBoundingClientRect() : {
64
+ var _ref = parentRef ? parentRef == null ? void 0 : parentRef.getBoundingClientRect() : {
68
65
  x: 0,
69
66
  y: 0,
70
67
  width: 0
@@ -74,7 +71,7 @@ var usePositionInScreen = exports.usePositionInScreen = function usePositionInSc
74
71
  parentWidth = _ref.width;
75
72
 
76
73
  // width is the element's that's going to be positioned dimensions
77
- var _ref2 = itemRef != null && itemRef.current ? itemRef == null || (_itemRef$current3 = itemRef.current) == null || (_itemRef$current3 = _itemRef$current3.children[0]) == null ? void 0 : _itemRef$current3.getBoundingClientRect() : {
74
+ var _ref2 = itemRef && itemRef.children[0] ? itemRef.children[0].getBoundingClientRect() : {
78
75
  width: 0
79
76
  },
80
77
  width = _ref2.width;
@@ -120,10 +117,10 @@ var useWrapperWidth = exports.useWrapperWidth = function useWrapperWidth(hasWrap
120
117
  var _useState4 = (0, _react.useState)(),
121
118
  width = _useState4[0],
122
119
  setWidth = _useState4[1];
123
- (0, _react.useEffect)(function () {
120
+ (0, _react.useLayoutEffect)(function () {
124
121
  if (hasWrapperWidth) {
125
- var _wrapperRef$current;
126
- setWidth(wrapperRef == null || (_wrapperRef$current = wrapperRef.current) == null || (_wrapperRef$current = _wrapperRef$current.getBoundingClientRect()) == null ? void 0 : _wrapperRef$current.width);
122
+ var _wrapperRef$getBoundi;
123
+ setWidth(wrapperRef == null || (_wrapperRef$getBoundi = wrapperRef.getBoundingClientRect()) == null ? void 0 : _wrapperRef$getBoundi.width);
127
124
  }
128
125
  }, [hasWrapperWidth, wrapperRef]);
129
126
  return [width];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orfium/ictinus",
3
- "version": "4.82.2",
3
+ "version": "4.83.1",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "license": "MIT",
@@ -81,6 +81,7 @@
81
81
  "react-router-dom": "^5.3.4",
82
82
  "react-test-renderer": "^18.2.0",
83
83
  "rimraf": "^3.0.2",
84
+ "semantic-release": "^22.0.12",
84
85
  "storybook-addon-designs": "^6.3.1",
85
86
  "storybook-addon-pseudo-states": "^1.14.0",
86
87
  "styled-components": "^5.2.0",