@orfium/ictinus 4.86.0-next.1 → 4.86.0-next.3

package/dist/components/Chart/LineChart/utils.js

@@ -2,22 +2,17 @@
 
 exports.__esModule = true;
 exports.getKeyNames = exports.colorPicker = void 0;
-var _flatten = _interopRequireDefault(require("lodash/flatten"));
-var _keys = _interopRequireDefault(require("lodash/keys"));
-var _omit = _interopRequireDefault(require("lodash/omit"));
-var _sampleSize = _interopRequireDefault(require("lodash/sampleSize"));
-var _uniq = _interopRequireDefault(require("lodash/uniq"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _lodash = require("lodash");
 var getKeyNames = exports.getKeyNames = function getKeyNames(data) {
-  return (0, _uniq["default"])((0, _flatten["default"])(data.map(function (object) {
-    return (0, _keys["default"])((0, _omit["default"])(object, 'name'));
+  return (0, _lodash.uniq)((0, _lodash.flatten)(data.map(function (object) {
+    return (0, _lodash.keys)((0, _lodash.omit)(object, 'name'));
   })));
 };
 var colorPicker = exports.colorPicker = function colorPicker(_ref) {
   var theme = _ref.theme,
     uniqueKeyNames = _ref.uniqueKeyNames,
     color = _ref.color;
-  var colorSample = (0, _sampleSize["default"])(theme.palette.flat, uniqueKeyNames.length);
+  var colorSample = (0, _lodash.sampleSize)(theme.palette.flat, uniqueKeyNames.length);
   return uniqueKeyNames.reduce(function (acc, key, index) {
     var _colorSample$index;
     var definedColor = typeof color === 'function' && color(key) ? color(key) : (_colorSample$index = colorSample[index]) == null ? void 0 : _colorSample$index[400];

package/dist/components/DatePicker/DatePicker.js

@@ -8,7 +8,6 @@ var _DatePicker = require("./DatePicker.style");
 var _DatePickInput = _interopRequireDefault(require("./DatePickInput"));
 var _OverlayComponent = _interopRequireDefault(require("./OverlayComponent/OverlayComponent"));
 var _utils = require("./utils");
-var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -171,10 +170,9 @@ var DatePicker = function DatePicker(_ref) {
   var onApply = (0, _react.useCallback)(function () {
     applyRangeAndClose(range);
   }, [applyRangeAndClose, range]);
-  return (0, _react2.jsx)(_ClickAwayListener["default"], {
-    onClick: onCancel
-  }, (0, _react2.jsx)(_PositionInScreen["default"], {
+  return (0, _react2.jsx)(_PositionInScreen["default"], {
     visible: isOpen,
+    setIsVisible: onCancel,
     parent: (0, _react2.jsx)(_DatePickInput["default"], {
       filterConfig: filterConfig,
       isRangePicker: isRangePicker,
@@ -198,6 +196,6 @@ var DatePicker = function DatePicker(_ref) {
     disabledDates: disableDates,
     onCancel: onCancel,
     onApply: onApply
-  }))));
+  })));
 };
 var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(DatePicker, _reactFastCompare["default"]);

package/dist/components/DatePicker/DatePicker.style.js

@@ -8,7 +8,7 @@ var datePickerStyles = exports.datePickerStyles = function datePickerStyles() {
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;background-color:", theme.palette.white, ";z-index:10;margin-top:", theme.spacing.sm, ";box-shadow:", theme.elevation['02'], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:datePickerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJNkUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IGRhdGVQaWNrZXJTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgei1pbmRleDogMTA7XG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:datePickerStyles;")
+      (0, _react.css)("overflow:auto;max-width:inherit;max-height:inherit;position:absolute;background-color:", theme.palette.white, ";z-index:10;margin-top:", theme.spacing.sm, ";box-shadow:", theme.elevation['02'], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:datePickerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EYXRlUGlja2VyL0RhdGVQaWNrZXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgZGF0ZVBpY2tlclN0eWxlcyA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBtYXgtd2lkdGg6IGluaGVyaXQ7XG4gICAgICBtYXgtaGVpZ2h0OiBpbmhlcml0O1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHotaW5kZXg6IDEwO1xuICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:datePickerStyles;")
     );
   };
 };

package/dist/components/Filter/Filter.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _lodash = require("lodash");
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../utils/helpers");
 var _FilterBase = _interopRequireDefault(require("./components/FilterBase"));
@@ -10,13 +10,12 @@ var _MultiFilter = _interopRequireDefault(require("./components/MultiFilter/Mult
 var _SingleFilter = _interopRequireDefault(require("./components/SingleFilter/SingleFilter"));
 var _useMultiFilterUtils2 = _interopRequireDefault(require("./hooks/useMultiFilterUtils"));
 var _utils = require("./utils");
-var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen/PositionInScreen"));
 var _react2 = require("@emotion/react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
 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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var items = props.items,
     onSelect = props.onSelect,
@@ -85,7 +84,10 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     handleOptionDelete = _useMultiFilterUtils.handleOptionDelete,
     handleClearAllOptions = _useMultiFilterUtils.handleClearAllOptions,
     handleMultiSelectOptionClick = _useMultiFilterUtils.handleMultiSelectOptionClick;
-  var handleChange = function handleChange(event) {
+  var debouncedOnChange = (0, _react.useCallback)((0, _lodash.debounce)(function (value) {
+    onAsyncSearch == null || onAsyncSearch(value);
+  }, 400), []);
+  var handleChange = (0, _react.useCallback)(function (event) {
     var isAsync = typeof onAsyncSearch === 'function';
     (0, _handleSearch["default"])({
       event: event,
@@ -95,7 +97,7 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       onChange: debouncedOnChange,
       minCharactersToSearch: minCharactersToSearch
     });
-  };
+  }, [debouncedOnChange, isSearchable, minCharactersToSearch, multi, onAsyncSearch]);
   var filteredOptions = (0, _react.useMemo)(function () {
     var optionsToBeFiltered = multi ? availableMultiFilters : items;
     if (onAsyncSearch) {
@@ -110,9 +112,6 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     setSearchValue('');
     setIsOpen(!isOpen);
   };
-  var debouncedOnChange = _react["default"].useCallback((0, _debounce["default"])(function (value) {
-    onAsyncSearch == null || onAsyncSearch(value);
-  }, 400), []);
   var handleSelect = function handleSelect(option) {
     if (multi) {
       handleMultiSelectOptionClick(option);
@@ -158,12 +157,9 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       shouldDisplayDefaultOption: shouldDisplayDefaultOption
     });
   };
-  return (0, _react2.jsx)(_ClickAwayListener["default"], {
-    onClick: function onClick() {
-      return setIsOpen(false);
-    }
-  }, (0, _react2.jsx)(_PositionInScreen["default"], {
+  return (0, _react2.jsx)(_PositionInScreen["default"], {
     visible: isOpen,
+    setIsVisible: setIsOpen,
     hasWrapperWidth: true,
     offsetY: 8,
     sx: {
@@ -187,7 +183,7 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       styleType: styleType,
       multi: multi
     })
-  }, getFilter()));
+  }, getFilter());
 });
 Filter.displayName = 'Filter';
 var _default = exports["default"] = Filter;

package/dist/components/Filter/Filter.style.js

@@ -238,7 +238,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "aqyt6f-valueSpanStyle",
   styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;label:valueSpanStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU91QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICB0cmFuc3BhcmVudEZvY3VzQm9yZGVyV2lkdGgsXG59IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgdGV4dElucHV0Q29uZmlnIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlL2NvbmZpZyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScgYXMgY29uc3QsXG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgaGVpZ2h0OiByZW0oMzYpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblNwYW5TdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZ2FwOiByZW0oNCksXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uV3JhcHBlclN0eWxlID1cbiAgKHsgZGlzYWJsZWQsIG9wZW4sIGhhc1NlbGVjdGVkVmFsdWUsIGNhbGN1bGF0ZWRDb2xvciwgc3R5bGVUeXBlIH06IEJ1dHRvblN0eWxlUHJvcHMpID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICBjb25zdCBhY3RpdmVBbmRDbG9zZWQgPSAhZGlzYWJsZWQgJiYgIW9wZW47XG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICAgIHJldHVybiB7XG4gICAgICBiYWNrZ3JvdW5kOiAnbm9uZScsXG4gICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIHBhZGRpbmc6ICcwJyxcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICBtaW5XaWR0aDogcmVtKDExMCksXG5cbiAgICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAgICc6aG92ZXIgPiBkaXYnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgICA/IGdldEhvdmVyKHtcbiAgICAgICAgICAgICAgICB0aGVtZSxcbiAgICAgICAgICAgICAgICBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLFxuICAgICAgICAgICAgICAgIHNoYWRlOiBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gICAgICAgICAgICAgIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgfSxcblxuICAgICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICAgJzphY3RpdmUgPiBkaXYnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgICA/IGdldFByZXNzZWQoe1xuICAgICAgICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgICAgc2hhZGU6IEhBU19TRUxFQ1RFRF9WQUxVRV9DT0xPUl9TSEFERSxcbiAgICAgICAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAgICc6Zm9jdXMtdmlzaWJsZSA+IGRpdic6IHtcbiAgICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgICB9LFxuICAgICAgLy8gdGFyZ2V0IHRoZSBkaXZpZGVyIG9uIGZvY3VzXG4gICAgICAnOmZvY3VzLXZpc2libGUgPiBzcGFuJzoge1xuICAgICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgICB9LFxuICAgIH07XG4gIH07XG5cbmV4cG9ydCBjb25zdCBidXR0b25CYXNlU3R5bGUgPVxuICAoe1xuICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICBkaXNhYmxlZCxcbiAgICBvcGVuLFxuICAgIHN0eWxlVHlwZSxcbiAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgIGZpbHRlclR5cGUsXG4gIH06IEJ1dHRvblN0eWxlUHJvcHMpID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMyddLFxuICAgICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC41IDogMSxcbiAgICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgICB0aGVtZSxcbiAgICAgICAgb3BlbixcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgfSksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIH0pLFxuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICB9KX1gLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICcmOmhvdmVyJzoge1xuICAgICAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgICAgb3BlbixcbiAgICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgICAgfSl9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgYm9yZGVyQ29uZmlnID0gdGV4dElucHV0Q29uZmlnLnR5cGVzW3RoZW1lLmNvbG9yU2NoZW1lXS5vdXRsaW5lZC5ib3JkZXI7XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgYm9yZGVyOiAke3JlbShib3JkZXJDb25maWcud2lkdGgpfSBzb2xpZFxuICAgICAgJHt0aGVtZS51dGlscy5nZXRDb2xvcihib3JkZXJDb25maWcuY29sb3IuZGVmYXVsdC5uYW1lLCBib3JkZXJDb25maWcuY29sb3IuZGVmYXVsdC5zaGFkZSl9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119O1xuICAgIHotaW5kZXg6IDUwMDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG1pbi13aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6ICR7cmVtKDQ0MCl9O1xuICBgO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU91QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICB0cmFuc3BhcmVudEZvY3VzQm9yZGVyV2lkdGgsXG59IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgdGV4dElucHV0Q29uZmlnIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlL2NvbmZpZyc7XG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScgYXMgY29uc3QsXG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgaGVpZ2h0OiByZW0oMzYpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblNwYW5TdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZ2FwOiByZW0oNCksXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uV3JhcHBlclN0eWxlID1cbiAgKHsgZGlzYWJsZWQsIG9wZW4sIGhhc1NlbGVjdGVkVmFsdWUsIGNhbGN1bGF0ZWRDb2xvciwgc3R5bGVUeXBlIH06IEJ1dHRvblN0eWxlUHJvcHMpID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICBjb25zdCBhY3RpdmVBbmRDbG9zZWQgPSAhZGlzYWJsZWQgJiYgIW9wZW47XG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICAgIHJldHVybiB7XG4gICAgICBiYWNrZ3JvdW5kOiAnbm9uZScsXG4gICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIHBhZGRpbmc6ICcwJyxcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICBtaW5XaWR0aDogcmVtKDExMCksXG5cbiAgICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAgICc6aG92ZXIgPiBkaXYnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgICA/IGdldEhvdmVyKHtcbiAgICAgICAgICAgICAgICB0aGVtZSxcbiAgICAgICAgICAgICAgICBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLFxuICAgICAgICAgICAgICAgIHNoYWRlOiBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gICAgICAgICAgICAgIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgfSxcblxuICAgICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICAgJzphY3RpdmUgPiBkaXYnOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgICAgPyBoYXNTZWxlY3RlZFZhbHVlXG4gICAgICAgICAgICA/IGdldFByZXNzZWQoe1xuICAgICAgICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgICAgc2hhZGU6IEhBU19TRUxFQ1RFRF9WQUxVRV9DT0xPUl9TSEFERSxcbiAgICAgICAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIH0sXG5cbiAgICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAgICc6Zm9jdXMtdmlzaWJsZSA+IGRpdic6IHtcbiAgICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgICB9LFxuICAgICAgLy8gdGFyZ2V0IHRoZSBkaXZpZGVyIG9uIGZvY3VzXG4gICAgICAnOmZvY3VzLXZpc2libGUgPiBzcGFuJzoge1xuICAgICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgICB9LFxuICAgIH07XG4gIH07XG5cbmV4cG9ydCBjb25zdCBidXR0b25CYXNlU3R5bGUgPVxuICAoe1xuICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICBkaXNhYmxlZCxcbiAgICBvcGVuLFxuICAgIHN0eWxlVHlwZSxcbiAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgIGZpbHRlclR5cGUsXG4gIH06IEJ1dHRvblN0eWxlUHJvcHMpID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgZm9udFNpemU6IHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMyddLFxuICAgICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIG9wYWNpdHk6IGRpc2FibGVkID8gMC41IDogMSxcbiAgICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgICB0aGVtZSxcbiAgICAgICAgb3BlbixcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgfSksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIH0pLFxuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICB9KX1gLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICcmOmhvdmVyJzoge1xuICAgICAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgICAgb3BlbixcbiAgICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgICAgfSl9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgYm9yZGVyQ29uZmlnID0gdGV4dElucHV0Q29uZmlnLnR5cGVzW3RoZW1lLmNvbG9yU2NoZW1lXS5vdXRsaW5lZC5ib3JkZXI7XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiBpbmhlcml0O1xuXG4gICAgYm9yZGVyOiAke3JlbShib3JkZXJDb25maWcud2lkdGgpfSBzb2xpZFxuICAgICAgJHt0aGVtZS51dGlscy5nZXRDb2xvcihib3JkZXJDb25maWcuY29sb3IuZGVmYXVsdC5uYW1lLCBib3JkZXJDb25maWcuY29sb3IuZGVmYXVsdC5zaGFkZSl9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119O1xuICAgIG1pbi13aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6ICR7cmVtKDQ0MCl9O1xuICBgO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var valueSpanStyle = exports.valueSpanStyle = function valueSpanStyle() {
@@ -250,7 +250,7 @@ var menuStyle = exports.menuStyle = function menuStyle() {
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;left:0;height:auto;border:", (0, _utils.rem)(borderConfig.width), " solid ", theme.utils.getColor(borderConfig.color["default"].name, borderConfig.color["default"].shade), ";border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:500;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(440), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaVBZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZ2V0Rm9jdXMsIGdldEhvdmVyLCBnZXRQcmVzc2VkIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3RhdGVzJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlcldpZHRoLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxuICBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gIHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aCxcbn0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyB0ZXh0SW5wdXRDb25maWcgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvY29uZmlnJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPVxuICAoeyBkaXNhYmxlZCwgb3BlbiwgaGFzU2VsZWN0ZWRWYWx1ZSwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUgfTogQnV0dG9uU3R5bGVQcm9wcykgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHN0eWxlVHlwZSA9PT0gJ2ZpbGxlZCcgPyBmb2N1c0JvcmRlcldpZHRoIDogdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gZ2V0SG92ZXIoe1xuICAgICAgICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgICAgc2hhZGU6IEhBU19TRUxFQ1RFRF9WQUxVRV9DT0xPUl9TSEFERSxcbiAgICAgICAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICA6IGdldEhvdmVyKHsgdGhlbWUgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICB9LFxuXG4gICAgICAvLyBJZiBpcyBhY3RpdmUgYW5kIG5vdCBkaXNhYmxlZCBhbmQgbm90IHZpc2l0ZWQgZ2xvYmFsIHN0YXRlcyBhcHBsaWVkXG4gICAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gZ2V0UHJlc3NlZCh7XG4gICAgICAgICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgICAgICAgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvcixcbiAgICAgICAgICAgICAgICBzaGFkZTogSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICAgICAgICAgICAgICB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgIDogZ2V0UHJlc3NlZCh7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgfSxcblxuICAgICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICAgJzpmb2N1cy12aXNpYmxlID4gZGl2Jzoge1xuICAgICAgICBib3JkZXI6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIH0sXG4gICAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAgICc6Zm9jdXMtdmlzaWJsZSA+IHNwYW4nOiB7XG4gICAgICAgIGJvcmRlclRvcDogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgICAgICBib3JkZXJCb3R0b206IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9XG4gICh7XG4gICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIGRpc2FibGVkLFxuICAgIG9wZW4sXG4gICAgc3R5bGVUeXBlLFxuICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgZmlsdGVyVHlwZSxcbiAgfTogQnV0dG9uU3R5bGVQcm9wcykgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgICAgY29sb3I6IGdldFRleHRDb2xvcih7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBvcGVuLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICB9KSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHtcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgfSksXG4gICAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgIGZpbHRlclR5cGUsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgb3BlbixcbiAgICAgIH0pfWAsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgJyY6aG92ZXInOiB7XG4gICAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgICBvcGVuLFxuICAgICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgICB9KX1gLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlciA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IG9wZW4sIGNhbGN1bGF0ZWRDb2xvciwgc3R5bGVUeXBlLCBoYXNTZWxlY3RlZFZhbHVlLCBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcblxuICByZXR1cm4ge1xuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHdpZHRoOiByZW0oMSksXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScgYXMgY29uc3QsXG4gICAgbWluV2lkdGg6IHJlbSgxKSxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIDE1MG1zIGxpbmVhcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgICBpc0RpdmlkZXI6IHRydWUsXG4gICAgfSksXG4gICAgYm9yZGVyVG9wOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgICBib3JkZXJCb3R0b206IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZWRCdXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIGJvcmRlckxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgIHBhZGRpbmdMZWZ0OiByZW0oNCksXG4gICAgcGFkZGluZ1JpZ2h0OiByZW0oNCksXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogcmVtKDM0KSxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IGZpbHRlclR5cGUgfSA9IHByb3BzO1xuICBjb25zdCBpc1ByZXNldCA9IGZpbHRlclR5cGUgPT09ICdwcmVzZXQnO1xuXG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgcGFkZGluZzogYDAgJHshaXNQcmVzZXQgPyB0aGVtZS5zcGFjaW5nLnhzbSA6IHRoZW1lLnNwYWNpbmcubWR9IDAgJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlclJpZ2h0OiAhaXNQcmVzZXQgPyAnMCAhaW1wb3J0YW50JyA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBsaW5lSGVpZ2h0OiByZW0oMTUpLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgbGFiZWxTcGFuU3R5bGUgPSAob3BlbjogYm9vbGVhbiwgaGFzU2VsZWN0ZWRWYWx1ZTogYm9vbGVhbikgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRXZWlnaHQ6XG4gICAgICBvcGVuIHx8IGhhc1NlbGVjdGVkVmFsdWUgPyB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCA6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXY6IHtcbiAgICAgIGZsZXg6ICdub25lJyxcbiAgICB9LFxuICAgIHNwYW46IHtcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgdmFsdWVTcGFuU3R5bGUgPSAoKSA9PiBjc3NgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgbWVudVN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBib3JkZXJDb25maWcgPSB0ZXh0SW5wdXRDb25maWcudHlwZXNbdGhlbWUuY29sb3JTY2hlbWVdLm91dGxpbmVkLmJvcmRlcjtcblxuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBib3JkZXI6ICR7cmVtKGJvcmRlckNvbmZpZy53aWR0aCl9IHNvbGlkXG4gICAgICAke3RoZW1lLnV0aWxzLmdldENvbG9yKGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0Lm5hbWUsIGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0LnNoYWRlKX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gICAgei1pbmRleDogNTAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogJHtyZW0oNDQwKX07XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
+      (0, _react.css)("overflow:auto;max-height:inherit;border:", (0, _utils.rem)(borderConfig.width), " solid ", theme.utils.getColor(borderConfig.color["default"].name, borderConfig.color["default"].shade), ";border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";min-width:100%;max-width:", (0, _utils.rem)(440), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaVBZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZ2V0Rm9jdXMsIGdldEhvdmVyLCBnZXRQcmVzc2VkIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3RhdGVzJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlcldpZHRoLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxuICBIQVNfU0VMRUNURURfVkFMVUVfQ09MT1JfU0hBREUsXG4gIHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aCxcbn0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyB0ZXh0SW5wdXRDb25maWcgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvY29uZmlnJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPVxuICAoeyBkaXNhYmxlZCwgb3BlbiwgaGFzU2VsZWN0ZWRWYWx1ZSwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUgfTogQnV0dG9uU3R5bGVQcm9wcykgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHN0eWxlVHlwZSA9PT0gJ2ZpbGxlZCcgPyBmb2N1c0JvcmRlcldpZHRoIDogdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgICAgLy8gZWxzZSBpdCdzIHVzaW5nIHRoZSBnbG9iYWwgc3RhdGVzIGZ1bmN0aW9uIHdpdGggY2FsY3VsYXRlZCBjb2xvclxuICAgICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gZ2V0SG92ZXIoe1xuICAgICAgICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgICAgICAgc2hhZGU6IEhBU19TRUxFQ1RFRF9WQUxVRV9DT0xPUl9TSEFERSxcbiAgICAgICAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICA6IGdldEhvdmVyKHsgdGhlbWUgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICB9LFxuXG4gICAgICAvLyBJZiBpcyBhY3RpdmUgYW5kIG5vdCBkaXNhYmxlZCBhbmQgbm90IHZpc2l0ZWQgZ2xvYmFsIHN0YXRlcyBhcHBsaWVkXG4gICAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3RpdmVBbmRDbG9zZWRcbiAgICAgICAgICA/IGhhc1NlbGVjdGVkVmFsdWVcbiAgICAgICAgICAgID8gZ2V0UHJlc3NlZCh7XG4gICAgICAgICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgICAgICAgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvcixcbiAgICAgICAgICAgICAgICBzaGFkZTogSEFTX1NFTEVDVEVEX1ZBTFVFX0NPTE9SX1NIQURFLFxuICAgICAgICAgICAgICB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICAgIDogZ2V0UHJlc3NlZCh7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgfSxcblxuICAgICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICAgJzpmb2N1cy12aXNpYmxlID4gZGl2Jzoge1xuICAgICAgICBib3JkZXI6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIH0sXG4gICAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAgICc6Zm9jdXMtdmlzaWJsZSA+IHNwYW4nOiB7XG4gICAgICAgIGJvcmRlclRvcDogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgICAgICBib3JkZXJCb3R0b206IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9XG4gICh7XG4gICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIGRpc2FibGVkLFxuICAgIG9wZW4sXG4gICAgc3R5bGVUeXBlLFxuICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgZmlsdGVyVHlwZSxcbiAgfTogQnV0dG9uU3R5bGVQcm9wcykgPT5cbiAgKHRoZW1lOiBUaGVtZSkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgICAgY29sb3I6IGdldFRleHRDb2xvcih7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBvcGVuLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICB9KSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHtcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgfSksXG4gICAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICAgIGZpbHRlclR5cGUsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgb3BlbixcbiAgICAgIH0pfWAsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgJyY6aG92ZXInOiB7XG4gICAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgICBvcGVuLFxuICAgICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgICB9KX1gLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlciA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IG9wZW4sIGNhbGN1bGF0ZWRDb2xvciwgc3R5bGVUeXBlLCBoYXNTZWxlY3RlZFZhbHVlLCBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcblxuICByZXR1cm4ge1xuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHdpZHRoOiByZW0oMSksXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScgYXMgY29uc3QsXG4gICAgbWluV2lkdGg6IHJlbSgxKSxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIDE1MG1zIGxpbmVhcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgICBpc0RpdmlkZXI6IHRydWUsXG4gICAgfSksXG4gICAgYm9yZGVyVG9wOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgICBib3JkZXJCb3R0b206IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZWRCdXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIGJvcmRlckxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgIHBhZGRpbmdMZWZ0OiByZW0oNCksXG4gICAgcGFkZGluZ1JpZ2h0OiByZW0oNCksXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogcmVtKDM0KSxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25TdHlsZSA9IChwcm9wczogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCB7IGZpbHRlclR5cGUgfSA9IHByb3BzO1xuICBjb25zdCBpc1ByZXNldCA9IGZpbHRlclR5cGUgPT09ICdwcmVzZXQnO1xuXG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgcGFkZGluZzogYDAgJHshaXNQcmVzZXQgPyB0aGVtZS5zcGFjaW5nLnhzbSA6IHRoZW1lLnNwYWNpbmcubWR9IDAgJHt0aGVtZS5zcGFjaW5nLm1kfWAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlclJpZ2h0OiAhaXNQcmVzZXQgPyAnMCAhaW1wb3J0YW50JyA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJUb3BSaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogIWlzUHJlc2V0ID8gMCA6IHVuZGVmaW5lZCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBsaW5lSGVpZ2h0OiByZW0oMTUpLFxuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgbGFiZWxTcGFuU3R5bGUgPSAob3BlbjogYm9vbGVhbiwgaGFzU2VsZWN0ZWRWYWx1ZTogYm9vbGVhbikgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRXZWlnaHQ6XG4gICAgICBvcGVuIHx8IGhhc1NlbGVjdGVkVmFsdWUgPyB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCA6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXY6IHtcbiAgICAgIGZsZXg6ICdub25lJyxcbiAgICB9LFxuICAgIHNwYW46IHtcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgdmFsdWVTcGFuU3R5bGUgPSAoKSA9PiBjc3NgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgbWVudVN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBib3JkZXJDb25maWcgPSB0ZXh0SW5wdXRDb25maWcudHlwZXNbdGhlbWUuY29sb3JTY2hlbWVdLm91dGxpbmVkLmJvcmRlcjtcblxuICByZXR1cm4gY3NzYFxuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IGluaGVyaXQ7XG5cbiAgICBib3JkZXI6ICR7cmVtKGJvcmRlckNvbmZpZy53aWR0aCl9IHNvbGlkXG4gICAgICAke3RoZW1lLnV0aWxzLmdldENvbG9yKGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0Lm5hbWUsIGJvcmRlckNvbmZpZy5jb2xvci5kZWZhdWx0LnNoYWRlKX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogJHtyZW0oNDQwKX07XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
     );
   };
 };

package/dist/components/Filter/hooks/useMultiFilterUtils.js

@@ -2,10 +2,9 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _lodash = require("lodash");
 var _react = require("react");
 var _constants = require("../../Select/constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var useMultiFilterUtils = function useMultiFilterUtils(_ref) {
   var multi = _ref.multi,
     _ref$selectedItems = _ref.selectedItems,
@@ -70,7 +69,7 @@ var useMultiFilterUtils = function useMultiFilterUtils(_ref) {
   }, [availableMultiFilters, multiFilters, onFilterDelete, updateMultiFilterLabel]);
   var handleMultiSelectOptionClick = function handleMultiSelectOptionClick(option) {
     var newItems = [];
-    if ((0, _isEqual["default"])(option, _constants.SELECT_ALL_OPTION)) {
+    if ((0, _lodash.isEqual)(option, _constants.SELECT_ALL_OPTION)) {
       newItems = [].concat(multiFilters, availableMultiFilters);
       setMultiFilters(newItems);
       setAvailableMultiFilters([]);

package/dist/components/List/NormalList/NormalList.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../../utils/helpers");
 var _List = require("../List.style");
@@ -54,7 +54,7 @@ var NormalList = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
       disabled: item == null ? void 0 : item.isDisabled,
       dataTestId: defaultOption && index === 0 ? dataTestId != null ? dataTestId : 'ictinus_list' + '_default_option' : dataTestId,
       handleOptionClick: handleOptionClick,
-      selected: defaultOption && index === 0 ? (0, _isUndefined["default"])(selectedItem) || (0, _utils.isSelected)({
+      selected: defaultOption && index === 0 ? (0, _lodash.isUndefined)(selectedItem) || (0, _utils.isSelected)({
         item: defaultOption,
         selectedItem: selectedItem
       }) : (0, _utils.isSelected)({

package/dist/components/Menu/Menu.js

@@ -10,7 +10,6 @@ var _Avatar = _interopRequireDefault(require("../Avatar"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils = require("../Button/utils");
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
 var _DropdownOptions = require("../utils/DropdownOptions");
 var _List = _interopRequireDefault(require("../List"));
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen"));
@@ -49,14 +48,11 @@ var Menu = function Menu(props) {
     calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
   var calculatedColor = calculateColorBetweenColorAndType(color, buttonType);
   var iconColor = filled ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, buttonType, true, true);
-  return (0, _react2.jsx)(_ClickAwayListener["default"], {
-    onClick: function onClick() {
-      return setOpen(false);
-    }
-  }, (0, _react2.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     "data-testid": dataTestId
   }, (0, _react2.jsx)(_PositionInScreen["default"], {
     visible: open,
+    setIsVisible: setOpen,
     offsetY: 8,
     parent: (0, _react2.jsx)(_Button["default"], {
       size: size,
@@ -94,6 +90,6 @@ var Menu = function Menu(props) {
       setOpen(false);
       onSelect(option);
     }
-  })))));
+  }))));
 };
 var _default = exports["default"] = Menu;

package/dist/components/MultiTextFieldBase/MultiTextFieldBase.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
+var _lodash = require("lodash");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../utils/helpers");
@@ -98,7 +98,7 @@ var MultiTextFieldBase = /*#__PURE__*/_react["default"].forwardRef(function (pro
     styleType: styleType
   }, rest, {
     isInteractive: isInteractive,
-    sx: (0, _merge["default"])((0, _MultiTextFieldBase.textInputBaseOverrides)({
+    sx: (0, _lodash.merge)((0, _MultiTextFieldBase.textInputBaseOverrides)({
       hasValue: hasValue,
       isLoading: isLoading,
       hasLabel: hasLabel,

package/dist/components/Select/Select.d.ts

@@ -104,9 +104,9 @@ declare const Select: React.ForwardRefExoticComponent<{
     onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined; /** TODO: defaultValue is duplication of selectedOption*/
     onInput?: ((event: any) => void) | undefined;
-    hasMinWidthCompat?: boolean | undefined;
+    hasMinWidthCompat?: boolean | undefined; /** the function to fetch new options */
     multi?: boolean | undefined;
     multiValues?: string[] | undefined;
     maxMultiValues?: number | undefined;

package/dist/components/Select/Select.js

@@ -5,15 +5,14 @@ exports["default"] = void 0;
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../utils/helpers");
+var _SelectMenu = _interopRequireDefault(require("./components/SelectMenu/SelectMenu"));
+var _useMultiselectUtils2 = _interopRequireDefault(require("./hooks/useMultiselectUtils"));
+var _Select = require("./Select.style");
 var _useCombinedRefs = _interopRequireDefault(require("../../hooks/useCombinedRefs"));
 var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _TextField = _interopRequireDefault(require("../TextField"));
-var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
-var _SelectMenu = _interopRequireDefault(require("./components/SelectMenu/SelectMenu"));
-var _useMultiselectUtils2 = _interopRequireDefault(require("./hooks/useMultiselectUtils"));
-var _Select = require("./Select.style");
 var _Loader = _interopRequireDefault(require("../Loader"));
 var _MultiTextFieldBase = _interopRequireDefault(require("../MultiTextFieldBase/MultiTextFieldBase"));
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen"));
@@ -239,12 +238,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       handleSelectedOption(_selectedOption);
     }
   };
-  return (0, _react2.jsx)(_ClickAwayListener["default"], {
-    onClick: function onClick() {
-      setOpen(false);
-      setSearchValue('');
-    }
-  }, (0, _react2.jsx)("div", _extends({}, !(disabled || locked) && {
+  return (0, _react2.jsx)("div", _extends({}, !(disabled || locked) && {
     onClick: handleClick
   }, {
     css: (0, _Select.selectWrapper)({
@@ -252,6 +246,10 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     })
   }), (0, _react2.jsx)(_PositionInScreen["default"], {
     visible: open,
+    setIsVisible: function setIsVisible() {
+      setOpen(false);
+      setSearchValue('');
+    },
     hasWrapperWidth: true,
     offsetY: 8,
     parent: multi ? (0, _react2.jsx)(_MultiTextFieldBase["default"], _extends({
@@ -296,7 +294,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     isVirtualized: isVirtualized,
     searchTerm: highlightSearch ? searchValue : undefined,
     hasSelectAllOption: multi && hasSelectAllOption && !hasNoOptionsAndIsCreatable
-  }))));
+  })));
 });
 Select.displayName = 'Select';
 var _default = exports["default"] = Select;

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -4,9 +4,7 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var _react = require("@emotion/react");
 var _useThemeSwitch = require("../../hooks/useThemeSwitch");
-var _keys = _interopRequireDefault(require("lodash/keys"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _pick = _interopRequireDefault(require("lodash/pick"));
+var _lodash = require("lodash");
 var _react2 = _interopRequireDefault(require("react"));
 var _theme = _interopRequireDefault(require("../../theme"));
 var _ThemeProvider = require("./ThemeProvider.style");
@@ -16,7 +14,7 @@ require("../../utils/initLocaleFormat");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
 var deepMergeTheme = function deepMergeTheme(newTheme, theming) {
-  return (0, _merge["default"])((0, _theme["default"])(theming), (0, _pick["default"])(newTheme, (0, _keys["default"])((0, _theme["default"])(theming))));
+  return (0, _lodash.merge)((0, _theme["default"])(theming), (0, _lodash.pick)(newTheme, (0, _lodash.keys)((0, _theme["default"])(theming))));
 };
 var ThemeProvider = function ThemeProvider(_ref) {
   var _ref$theme = _ref.theme,

package/dist/components/utils/PositionInScreen/PositionInScreen.d.ts

@@ -4,6 +4,8 @@ import { ReactFCC } from 'utils/types';
 declare type Props = {
     /** Whether the item to be positioned is visible */
     visible: boolean;
+    /** Function to set the visibility of the item */
+    setIsVisible: (visible: boolean) => void;
     /** Configures the container's overflow */
     withOverflow?: boolean;
     /** Whether the item to be positioned uses the parent's wrapper width */

package/dist/components/utils/PositionInScreen/PositionInScreen.js

@@ -2,7 +2,9 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
+var _polished = require("polished");
 var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var _hooks = require("./hooks");
 var _PositionInScreen = require("./PositionInScreen.style");
 var _react2 = require("@emotion/react");
@@ -10,6 +12,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 var PositionInScreen = function PositionInScreen(_ref) {
   var visible = _ref.visible,
+    setIsVisible = _ref.setIsVisible,
     parent = _ref.parent,
     withOverflow = _ref.withOverflow,
     _ref$hasWrapperWidth = _ref.hasWrapperWidth,
@@ -20,29 +23,133 @@ var PositionInScreen = function PositionInScreen(_ref) {
     offsetY = _ref$offsetY === void 0 ? 0 : _ref$offsetY,
     sx = _ref.sx,
     children = _ref.children;
-  var _useState = (0, _react.useState)(null),
-    wrapperRef = _useState[0],
-    setWrapperRef = _useState[1];
-  var _useState2 = (0, _react.useState)(null),
-    itemRef = _useState2[0],
-    setItemRef = _useState2[1];
-  var _useWrapperWidth = (0, _hooks.useWrapperWidth)(hasWrapperWidth, wrapperRef),
-    wrapperWidth = _useWrapperWidth[0];
-  var _usePositionInScreen = (0, _hooks.usePositionInScreen)(wrapperRef, itemRef, offsetX, offsetY, visible),
+  var triggerRef = (0, _react.useRef)(null);
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
+    ref: triggerRef,
+    css: (0, _PositionInScreen.container)(withOverflow, sx)
+  }, parent), (0, _react2.jsx)(Overlay, {
+    visible: visible,
+    setIsVisible: setIsVisible,
+    triggerRef: triggerRef,
+    offsetX: offsetX,
+    offsetY: offsetY,
+    hasWrapperWidth: hasWrapperWidth
+  }, children));
+};
+function Overlay(_ref2) {
+  var triggerRef = _ref2.triggerRef,
+    _ref2$offsetX = _ref2.offsetX,
+    offsetX = _ref2$offsetX === void 0 ? 0 : _ref2$offsetX,
+    _ref2$offsetY = _ref2.offsetY,
+    offsetY = _ref2$offsetY === void 0 ? 0 : _ref2$offsetY,
+    setIsVisible = _ref2.setIsVisible,
+    hasWrapperWidth = _ref2.hasWrapperWidth,
+    visible = _ref2.visible,
+    sx = _ref2.sx,
+    children = _ref2.children;
+  var overlayRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    isMounted = _useState[0],
+    setIsMounted = _useState[1];
+  var resizeObserverRef = (0, _react.useRef)(null);
+  var _usePositionInScreen = (0, _hooks.usePositionInScreen)(triggerRef.current, overlayRef.current, offsetX, offsetY, isMounted === true),
     x = _usePositionInScreen.x,
-    y = _usePositionInScreen.y;
-  var showTooltip = visible && x !== -1 && y !== -1;
-  return (0, _react2.jsx)("div", {
-    css: (0, _PositionInScreen.container)(withOverflow, sx),
-    ref: function ref(_ref3) {
-      setWrapperRef(_ref3);
+    y = _usePositionInScreen.y,
+    isPositioned = _usePositionInScreen.isPositioned,
+    maxHeight = _usePositionInScreen.maxHeight,
+    maxWidth = _usePositionInScreen.maxWidth,
+    triggerWidth = _usePositionInScreen.triggerWidth,
+    calculatePosition = _usePositionInScreen.calculatePosition;
+  (0, _react.useEffect)(function () {
+    if (!visible || !triggerRef.current || !isMounted) return;
+    var isInitialMount = true;
+    resizeObserverRef.current = new ResizeObserver(function () {
+      // Skip the first callback which happens immediately after observe()
+      // since the useLayoutEffect in usePositionInScreen already handles this
+      if (isInitialMount) {
+        isInitialMount = false;
+        return;
+      }
+      requestAnimationFrame(function () {
+        calculatePosition();
+      });
+    });
+    resizeObserverRef.current.observe(triggerRef.current);
+    return function () {
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+      }
+    };
+  }, [visible, triggerRef, calculatePosition, isMounted]);
+  (0, _react.useEffect)(function () {
+    var handleWindowResize = function handleWindowResize() {
+      if (visible) {
+        setIsVisible(false);
+      }
+    };
+    window.addEventListener('resize', handleWindowResize);
+    return function () {
+      window.removeEventListener('resize', handleWindowResize);
+    };
+  }, [visible, setIsVisible]);
+  (0, _react.useEffect)(function () {
+    if (!visible) {
+      setIsMounted(false);
+      return;
     }
-  }, parent, (0, _react2.jsx)("div", {
-    css: (0, _PositionInScreen.itemContainer)(x, y, showTooltip, wrapperWidth, sx),
-    className: 'unique-tooltip-id',
-    ref: function ref(_ref2) {
-      setItemRef(_ref2);
+    if (!overlayRef.current) return;
+    var styleElement = null;
+    if (visible) {
+      styleElement = document.createElement('style');
+      styleElement.type = 'text/css';
+      styleElement.appendChild(document.createTextNode(scrollLockStyles));
+      document.head.appendChild(styleElement);
+      document.body.setAttribute('data-scroll-locked', 'true');
+      document.body.style.pointerEvents = 'none';
+      overlayRef.current.style.pointerEvents = 'auto';
+      requestAnimationFrame(function () {
+        setIsMounted(true);
+      });
+    } else {
+      document.body.removeAttribute('data-scroll-locked');
+      document.body.style.pointerEvents = '';
     }
-  }, children));
-};
+    return function () {
+      document.body.removeAttribute('data-scroll-locked');
+      document.body.style.pointerEvents = '';
+      setIsMounted(false);
+      if (styleElement) document.head.removeChild(styleElement);
+    };
+  }, [overlayRef, visible]);
+  (0, _react.useEffect)(function () {
+    if (!visible) return;
+    var handleClickOutside = function handleClickOutside(event) {
+      if (overlayRef.current && overlayRef.current.contains(event.target)) {
+        return;
+      }
+      setIsVisible(false);
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [visible, setIsVisible, overlayRef]);
+  if (!visible) return null;
+  return /*#__PURE__*/(0, _reactDom.createPortal)((0, _react2.jsx)("div", {
+    ref: overlayRef,
+    style: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      width: isPositioned && triggerWidth && hasWrapperWidth ? (0, _polished.rem)(triggerWidth) : '',
+      transform: "translate(" + x + "px, " + y + "px)",
+      opacity: isPositioned ? 1 : 0,
+      maxWidth: isPositioned ? maxWidth + "px" : '',
+      maxHeight: isPositioned ? maxHeight + "px" : '',
+      zIndex: 'auto'
+    },
+    css: sx == null ? void 0 : sx.itemContainer
+  }, children), document.body);
+}
+var scrollLockStyles = "\nbody[data-scroll-locked] {\n  overflow: hidden !important;\n  overscroll-behavior: contain;\n  position: relative !important;\n  padding-left: 0px;\n  padding-top: 0px;\n  padding-right: 0px;\n  margin-left: 0;\n  margin-top: 0;\n  margin-right: 0px !important;\n}\n";
 var _default = exports["default"] = PositionInScreen;

package/dist/components/utils/PositionInScreen/PositionInScreen.style.d.ts

@@ -4,7 +4,3 @@ export declare const container: (withOverflow?: boolean | undefined, sx?: {
     container?: CSSObject | undefined;
     itemContainer?: CSSObject | undefined;
 } | undefined) => () => SerializedStyles;
-export declare const itemContainer: (clientX: number, clientY: number, visible: boolean, width?: number | undefined, sx?: {
-    container?: CSSObject | undefined;
-    itemContainer?: CSSObject | undefined;
-} | undefined) => () => SerializedStyles;

package/dist/components/utils/PositionInScreen/PositionInScreen.style.js

@@ -1,9 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.itemContainer = exports.container = void 0;
+exports.container = void 0;
 var _react = require("@emotion/react");
-var _polished = require("polished");
 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); }
 var container = exports.container = function container(withOverflow, sx) {
   return function () {
@@ -15,27 +14,9 @@ var container = exports.container = function container(withOverflow, sx) {
         textOverflow: withOverflow ? 'ellipsis' : 'inherit',
         width: '100%',
         height: 'inherit',
-        position: 'relative'
-      }, 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= */")
-    );
-  };
-};
-var itemContainer = exports.itemContainer = function itemContainer(clientX, clientY, visible, width, sx) {
-  return function () {
-    return (
-      /*#__PURE__*/
-      /*#__PURE__*/
-      (0, _react.css)(_extends({
-        overflow: visible ? 'visible' : 'hidden',
-        position: 'absolute',
-        top: (0, _polished.rem)(clientY),
-        left: (0, _polished.rem)(clientX),
-        zIndex: 999999999,
-        width: width ? (0, _polished.rem)(width) : "fit-content",
-        height: 'fit-content',
-        visibility: visible ? 'visible' : 'hidden',
-        opacity: (visible ? 1 : 0) + " !important"
-      }, 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 */")
+        position: 'relative',
+        isolation: 'isolate'
+      }, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3NlcmlhbGl6ZSc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPVxuICAod2l0aE92ZXJmbG93PzogYm9vbGVhbiwgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogd2l0aE92ZXJmbG93ID8gJ2hpZGRlbicgOiAnaW5oZXJpdCcsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCcsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgaGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIGlzb2xhdGlvbjogJ2lzb2xhdGUnLFxuICAgICAgLi4uc3g/LmNvbnRhaW5lcixcbiAgICB9KTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3NlcmlhbGl6ZSc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPVxuICAod2l0aE92ZXJmbG93PzogYm9vbGVhbiwgc3g/OiB7IGNvbnRhaW5lcj86IENTU09iamVjdDsgaXRlbUNvbnRhaW5lcj86IENTU09iamVjdCB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzcyh7XG4gICAgICBvdmVyZmxvdzogd2l0aE92ZXJmbG93ID8gJ2hpZGRlbicgOiAnaW5oZXJpdCcsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IHdpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCcsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgaGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIGlzb2xhdGlvbjogJ2lzb2xhdGUnLFxuICAgICAgLi4uc3g/LmNvbnRhaW5lcixcbiAgICB9KTtcbiJdfQ== */")
     );
   };
 };

package/dist/components/utils/PositionInScreen/hooks.d.ts

@@ -1,5 +1,11 @@
 export declare const usePositionInScreen: (parentRef: HTMLDivElement | null, itemRef: HTMLDivElement | null, offsetX: number, offsetY: number, visible?: boolean | undefined) => {
     x: number;
     y: number;
+    maxHeight: number;
+    maxWidth: number;
+    isPositioned: boolean;
+    calculatePosition: () => void;
+    placement: 'top' | 'bottom';
+    triggerWidth: number;
 };
 export declare const useWrapperWidth: (hasWrapperWidth: boolean, wrapperRef: HTMLDivElement | null) => (number | undefined)[];

package/dist/components/utils/PositionInScreen/hooks.js

@@ -6,6 +6,7 @@ var _head = _interopRequireDefault(require("lodash/head"));
 var _react = require("react");
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
 var useHeights = function useHeights(parentRef, itemRef) {
   var _useState = (0, _react.useState)(0),
     parentHeight = _useState[0],
@@ -50,73 +51,129 @@ var useHeights = function useHeights(parentRef, itemRef) {
 };
 var usePositionInScreen = exports.usePositionInScreen = function usePositionInScreen(parentRef, itemRef, offsetX, offsetY, visible) {
   var _useState3 = (0, _react.useState)({
-      x: -1,
-      y: -1
+      x: 0,
+      y: 0
     }),
     position = _useState3[0],
     setPosition = _useState3[1];
-  var _useHeights = useHeights(parentRef, itemRef),
-    parentHeight = _useHeights.parentHeight,
-    childHeight = _useHeights.childHeight;
-  (0, _react.useLayoutEffect)(function () {
-    // x,y are cordinates in screen
-    // width is wrapper elements dimensions
-    var _ref = parentRef ? parentRef == null ? void 0 : parentRef.getBoundingClientRect() : {
-        x: 0,
-        y: 0,
-        width: 0
-      },
-      parentX = _ref.x,
-      parentY = _ref.y,
-      parentWidth = _ref.width;
+  var _useState4 = (0, _react.useState)(0),
+    triggerWidth = _useState4[0],
+    setTriggerWidth = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    maxHeight = _useState5[0],
+    setMaxHeight = _useState5[1];
+  var _useState6 = (0, _react.useState)(0),
+    maxWidth = _useState6[0],
+    setMaxWidth = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    isPositioned = _useState7[0],
+    setIsPositioned = _useState7[1];
+  var _useState8 = (0, _react.useState)('bottom'),
+    placement = _useState8[0],
+    setPlacement = _useState8[1];
+  var animationFrameRef = (0, _react.useRef)(0);
+  var calculatePosition = (0, _react.useCallback)(function () {
+    var _itemRef$children$, _childRect$width, _childRect$height;
+    // Define a small buffer for screen edge detection
+    var SCREEN_EDGE_BUFFER = 8;
 
-    // width is the element's that's going to be positioned dimensions
-    var _ref2 = itemRef && itemRef.children[0] ? itemRef.children[0].getBoundingClientRect() : {
-        width: 0
-      },
-      width = _ref2.width;
+    // Get parent element dimensions and position
+    var parentRect = parentRef == null ? void 0 : parentRef.getBoundingClientRect();
+    if (!parentRect) return;
 
-    // If the item-to-be-positioned is out of screen height
-    var itemYOutOfScreenHeight = parentY + parentHeight + childHeight > window.innerHeight;
+    // Get viewport-relative coordinates (without scroll offset)
+    var parentX = parentRect.left;
+    var parentY = parentRect.top;
+    var parentWidth = parentRect.width;
+    var parentHeight = parentRect.height;
 
-    // The element that we are positioning is absolutely positioned inside the relative
-    // container. So x,y are zero means the element will be positioned exactly on top
-    // of the parent element.
-    var x = 0;
-    var y = 0;
-    if (itemYOutOfScreenHeight) {
-      // We place the element height+offsetY (px) above the parent
-      y = y - childHeight - offsetY;
-      if (parentY + y < 0) {
-        // Rare case where client height is super small. We don't exactly support this.
-        // So we render it as if it was inside the screen height
-        y = parentHeight + offsetY;
-      }
+    // Get positioned element dimensions
+    var childRect = itemRef == null || (_itemRef$children$ = itemRef.children[0]) == null ? void 0 : _itemRef$children$.getBoundingClientRect();
+    var childWidth = (_childRect$width = childRect == null ? void 0 : childRect.width) != null ? _childRect$width : 0;
+    var childHeight = (_childRect$height = childRect == null ? void 0 : childRect.height) != null ? _childRect$height : 0;
+
+    // Calculate positions (viewport-relative, without scroll)
+    var x = parentX + offsetX;
+    var y;
+    var currentPlacement = 'bottom';
+
+    // Check if element would overflow screen bounds (with buffer) when placed below
+    var spaceBelow = window.innerHeight - (parentRect.bottom + offsetY) - SCREEN_EDGE_BUFFER;
+    var spaceAbove = parentRect.top - offsetY - SCREEN_EDGE_BUFFER;
+
+    // First try to place it below, if there's not enough space, try above
+    if (childHeight <= spaceBelow) {
+      // Place below - enough space
+      y = parentY + parentHeight + offsetY;
+      currentPlacement = 'bottom';
+    } else if (childHeight <= spaceAbove) {
+      // Place above - enough space above
+      y = parentY - childHeight - offsetY;
+      currentPlacement = 'top';
     } else {
-      // We place the element offsetY (px) under the parent
-      y = parentHeight + offsetY;
+      // Not enough space either way, place where there's more space and allow scrolling
+      if (spaceBelow >= spaceAbove) {
+        y = parentY + parentHeight + offsetY;
+        currentPlacement = 'bottom';
+      } else {
+        y = parentY - childHeight - offsetY;
+        currentPlacement = 'top';
+      }
     }
 
-    // If the item-to-be-positioned is out of screen width
-    var itemXOutOfScreenWidth = parentX + width > window.innerWidth;
+    // Check if element would overflow screen bounds horizontally (with buffer)
+    var itemXOutOfScreenWidth = x + childWidth > window.innerWidth - SCREEN_EDGE_BUFFER;
     if (itemXOutOfScreenWidth) {
-      // We place the element parentWidth-width-offsetX (px) at the left of the parent
-      x = x + parentWidth - width - offsetX;
+      // Align to right edge of parent if would overflow right
+      x = parentX + parentWidth - childWidth - offsetX;
+      // Ensure we don't position outside the left edge
+      if (x < SCREEN_EDGE_BUFFER) {
+        x = SCREEN_EDGE_BUFFER;
+      }
+    }
+
+    // Calculate maxHeight - space available from y position to bottom/top of screen based on placement
+    var availableHeight;
+    if (currentPlacement === 'top') {
+      availableHeight = parentY - SCREEN_EDGE_BUFFER;
     } else {
-      // We place the element offset (px) at the right of the parent
-      x = offsetX;
+      availableHeight = window.innerHeight - (parentY + parentHeight + offsetY) - SCREEN_EDGE_BUFFER;
     }
+
+    // Calculate maxWidth - space available from x position to right edge of screen
+    var availableRightSpace = window.innerWidth - x - SCREEN_EDGE_BUFFER;
     setPosition({
       x: x,
       y: y
     });
-  }, [parentRef, itemRef, visible, offsetY, offsetX, parentHeight, childHeight]);
-  return position;
+    setMaxHeight(availableHeight);
+    setMaxWidth(availableRightSpace);
+    setIsPositioned(true);
+    setPlacement(currentPlacement);
+    setTriggerWidth(parentWidth);
+  }, [parentRef, itemRef, offsetY, offsetX]);
+  (0, _react.useLayoutEffect)(function () {
+    if (!visible) return;
+    animationFrameRef.current = requestAnimationFrame(function () {
+      calculatePosition();
+    });
+    return function () {
+      cancelAnimationFrame(animationFrameRef.current);
+    };
+  }, [calculatePosition, visible]);
+  return _extends({}, position, {
+    maxHeight: maxHeight,
+    maxWidth: maxWidth,
+    isPositioned: isPositioned,
+    calculatePosition: calculatePosition,
+    placement: placement,
+    triggerWidth: triggerWidth
+  });
 };
 var useWrapperWidth = exports.useWrapperWidth = function useWrapperWidth(hasWrapperWidth, wrapperRef) {
-  var _useState4 = (0, _react.useState)(),
-    width = _useState4[0],
-    setWidth = _useState4[1];
+  var _useState9 = (0, _react.useState)(),
+    width = _useState9[0],
+    setWidth = _useState9[1];
   (0, _react.useLayoutEffect)(function () {
     if (hasWrapperWidth) {
       var _wrapperRef$getBoundi;

package/dist/test/utils.js

@@ -31,8 +31,9 @@ var selectDropdownOption = exports.selectDropdownOption = /*#__PURE__*/function
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _userEvent["default"].type(dropdownInput, option); // type option on the dropdown input
+          _react.screen.debug();
           _userEvent["default"].click(_react.screen.getByText(option)); // select the option from displayed options
-        case 2:
+        case 3:
         case "end":
           return _context.stop();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.86.0-next.1",
+  "version": "4.86.0-next.3",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",