@orfium/ictinus 4.56.1 → 4.58.0

package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.style.js

@@ -0,0 +1,149 @@
+"use strict";
+
+exports.__esModule = true;
+exports.inputOverrides = exports.textInputBaseOverrides = exports.inputContainer = exports.chipStyle = exports.rightIconStyles = exports.rightIconsContainer = exports.textFieldContainer = exports.chipContent = void 0;
+
+var _react = require("@emotion/react");
+
+var _polished = require("polished");
+
+var _sizeUtils = require("../../../../utils/size-utils");
+
+var _Label = require("../../../Label/Label.style");
+
+function _extends() { _extends = Object.assign || 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 chipContent = function chipContent(_ref) {
+  var maxWidth = _ref.maxWidth;
+  return function () {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:", maxWidth ? (0, _polished.rem)(maxWidth - 120) : 'unset', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:chipContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVPIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBnZXRUZXh0RmllbGRIZWlnaHQgfSBmcm9tICd1dGlscy9zaXplLXV0aWxzJztcblxuaW1wb3J0IHsgTEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lORyB9IGZyb20gJ2NvbXBvbmVudHMvTGFiZWwvTGFiZWwuc3R5bGUnO1xuXG5leHBvcnQgY29uc3QgY2hpcENvbnRlbnQgPVxuICAoeyBtYXhXaWR0aCB9OiB7IG1heFdpZHRoPzogbnVtYmVyIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIG1heC13aWR0aDogJHttYXhXaWR0aCA/IHJlbShtYXhXaWR0aCAtIDEyMCkgOiAndW5zZXQnfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdGV4dEZpZWxkQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy54c219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25zQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgdG9wOiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHJpZ2h0SWNvblN0eWxlcyA9XG4gICh7IGlzQ2xpY2thYmxlIH06IHsgaXNDbGlja2FibGU6IGJvb2xlYW4gfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBjdXJzb3I6ICR7aXNDbGlja2FibGUgPyAncG9pbnRlcicgOiAnYXV0byd9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjaGlwU3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICAmID4gZGl2IHtcbiAgICAgICAgaGVpZ2h0OiAke3JlbSgyMCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg0KX07XG4gICAgICB9XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgcm93LWdhcDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgICB6LWluZGV4OiAyO1xuICAgIGA7XG5cbi8qKiBUZXh0RmllbGQgb3ZlcnJpZGVzICovXG5cbmV4cG9ydCBjb25zdCB0ZXh0SW5wdXRCYXNlT3ZlcnJpZGVzID1cbiAgKHsgaGFzVmFsdWUsIGlzTG9hZGluZyB9OiB7IGhhc1ZhbHVlOiBib29sZWFuOyBpc0xvYWRpbmc/OiBib29sZWFuIH0pID0+XG4gICh0aGVtZTogVGhlbWUpID0+IHtcbiAgICBjb25zdCBsYWJlbFN0eWxlcyA9IHtcbiAgICAgIGZvbnRXZWlnaHQ6IGAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfSAhaW1wb3J0YW50YCBhcyBhbnksXG4gICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoJHtMQUJFTF9UUkFOU0ZPUk1fTEVGVF9TUEFDSU5HfSwgLTgyJSkgc2NhbGUoMC44KSAhaW1wb3J0YW50YCxcbiAgICAgIGJvdHRvbTogJ2F1dG8nLFxuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgd3JhcHBlcjoge1xuICAgICAgICBoZWlnaHQ6ICd1bnNldCcsXG4gICAgICAgIG1pbkhlaWdodDogYCR7Z2V0VGV4dEZpZWxkSGVpZ2h0KCdtZCcpfSAhaW1wb3J0YW50YCxcbiAgICAgICAgLi4uKGhhc1ZhbHVlXG4gICAgICAgICAgPyB7IGxhYmVsOiBsYWJlbFN0eWxlcyB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICdpbnB1dDpmb2N1cyc6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogbGFiZWxTdHlsZXMsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04cHgpYCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICAgIHRleHRGaWVsZDoge1xuICAgICAgICAvLyBGb3IgdGhlIHBhZGRpbmdzIHdlIHVzZSBzcGVjaWZpY2FsbHkgY3VzdG9tIG51bWJlcnMgdGhhdCBkb24ndCBtYXRjaCB0aGVcbiAgICAgICAgLy8gaWN0aW51cyBzcGFjaW5nICh0aGUgYXJlIGNhbGN1bGF0ZWQgYnkgY29tYmluaW5nIGludGVybmFsIGFic29sdXRlIHBvc2l0aW9uZWQgY29tcG9uZW50IHdpZHRocylcbiAgICAgICAgLy8gc28gd2UgY2FuIG92ZXJyaWRlIHRoZSBleGlzdGluZyBUZXh0RmllbGRJbnB1dEJhc2UgcGFkZGluZ3MgdG9cbiAgICAgICAgLy8gcGVyZmVjdGx5IHBvc2l0aW9uIGFuZCBhbGlnbiB0aGUgY29udGVudCBpbnNpZGUuXG4gICAgICAgIHBhZGRpbmc6IGlzTG9hZGluZ1xuICAgICAgICAgID8gYCR7cmVtKDIxKX0gJHtyZW0oODApfSAke3JlbSg1KX0gJHt0aGVtZS5zcGFjaW5nLm1kfWBcbiAgICAgICAgICA6IGAke3JlbSgyMSl9ICR7cmVtKDQwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgICAgfSxcbiAgICB9O1xuICB9O1xuXG5leHBvcnQgY29uc3QgaW5wdXRPdmVycmlkZXMgPSAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgaW5wdXQ6IHtcbiAgICAgIHRvcDogJ3Vuc2V0JyxcbiAgICAgIGZsZXg6ICcxIDEgMCUnLFxuICAgICAgbWluV2lkdGg6ICcyMCUnLFxuICAgICAgJyY6Zm9jdXMsICY6bm90KDpwbGFjZWhvbGRlci1zaG93biknOiB7XG4gICAgICAgICcmICsgbGFiZWwnOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOClgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:chipContent;")
+    );
+  };
+};
+
+exports.chipContent = chipContent;
+
+var textFieldContainer = function textFieldContainer() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("margin:", theme.spacing.xsm, " ", theme.spacing.sm, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:textFieldContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:textFieldContainer;")
+    );
+  };
+};
+
+exports.textFieldContainer = textFieldContainer;
+
+var rightIconsContainer = function rightIconsContainer() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("position:absolute!important;bottom:0;right:", theme.spacing.md, ";top:0;display:flex;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconsContainer;")
+    );
+  };
+};
+
+exports.rightIconsContainer = rightIconsContainer;
+
+var rightIconStyles = function rightIconStyles(_ref2) {
+  var isClickable = _ref2.isClickable;
+  return function () {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("cursor:", isClickable ? 'pointer' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconStyles;")
+    );
+  };
+};
+
+exports.rightIconStyles = rightIconStyles;
+
+var chipStyle = function chipStyle() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("position:relative;margin-right:", theme.spacing.xsm, ";&>div{height:", (0, _polished.rem)(20), ";border-radius:", (0, _polished.rem)(4), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;")
+    );
+  };
+};
+
+exports.chipStyle = chipStyle;
+
+var inputContainer = function inputContainer() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("position:static;width:100%;display:flex;flex-wrap:wrap;row-gap:", theme.spacing.xsm, ";z-index:2;" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9jb21wb25lbnRzL011bHRpc2VsZWN0VGV4dEZpZWxkL011bHRpc2VsZWN0VGV4dEZpZWxkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBETyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvY29tcG9uZW50cy9NdWx0aXNlbGVjdFRleHRGaWVsZC9NdWx0aXNlbGVjdFRleHRGaWVsZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgZ2V0VGV4dEZpZWxkSGVpZ2h0IH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IExBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkcgfSBmcm9tICdjb21wb25lbnRzL0xhYmVsL0xhYmVsLnN0eWxlJztcblxuZXhwb3J0IGNvbnN0IGNoaXBDb250ZW50ID1cbiAgKHsgbWF4V2lkdGggfTogeyBtYXhXaWR0aD86IG51bWJlciB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGggPyByZW0obWF4V2lkdGggLSAxMjApIDogJ3Vuc2V0J307XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRleHRGaWVsZENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcueHNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uc0NvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgICBib3R0b206IDA7XG4gICAgICByaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25TdHlsZXMgPVxuICAoeyBpc0NsaWNrYWJsZSB9OiB7IGlzQ2xpY2thYmxlOiBib29sZWFuIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY3Vyc29yOiAke2lzQ2xpY2thYmxlID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgJiA+IGRpdiB7XG4gICAgICAgIGhlaWdodDogJHtyZW0oMjApfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oNCl9O1xuICAgICAgfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbnB1dENvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIHJvdy1nYXA6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgICAgei1pbmRleDogMjtcbiAgICBgO1xuXG4vKiogVGV4dEZpZWxkIG92ZXJyaWRlcyAqL1xuXG5leHBvcnQgY29uc3QgdGV4dElucHV0QmFzZU92ZXJyaWRlcyA9XG4gICh7IGhhc1ZhbHVlLCBpc0xvYWRpbmcgfTogeyBoYXNWYWx1ZTogYm9vbGVhbjsgaXNMb2FkaW5nPzogYm9vbGVhbiB9KSA9PlxuICAodGhlbWU6IFRoZW1lKSA9PiB7XG4gICAgY29uc3QgbGFiZWxTdHlsZXMgPSB7XG4gICAgICBmb250V2VpZ2h0OiBgJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZH0gIWltcG9ydGFudGAgYXMgYW55LFxuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKCR7TEFCRUxfVFJBTlNGT1JNX0xFRlRfU1BBQ0lOR30sIC04MiUpIHNjYWxlKDAuOCkgIWltcG9ydGFudGAsXG4gICAgICBib3R0b206ICdhdXRvJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHdyYXBwZXI6IHtcbiAgICAgICAgaGVpZ2h0OiAndW5zZXQnLFxuICAgICAgICBtaW5IZWlnaHQ6IGAke2dldFRleHRGaWVsZEhlaWdodCgnbWQnKX0gIWltcG9ydGFudGAsXG4gICAgICAgIC4uLihoYXNWYWx1ZVxuICAgICAgICAgID8geyBsYWJlbDogbGFiZWxTdHlsZXMgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICAnaW5wdXQ6Zm9jdXMnOiB7XG4gICAgICAgICAgICAgICAgbGFiZWw6IGxhYmVsU3R5bGVzLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtOHB4KWAsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgICB0ZXh0RmllbGQ6IHtcbiAgICAgICAgLy8gRm9yIHRoZSBwYWRkaW5ncyB3ZSB1c2Ugc3BlY2lmaWNhbGx5IGN1c3RvbSBudW1iZXJzIHRoYXQgZG9uJ3QgbWF0Y2ggdGhlXG4gICAgICAgIC8vIGljdGludXMgc3BhY2luZyAodGhlIGFyZSBjYWxjdWxhdGVkIGJ5IGNvbWJpbmluZyBpbnRlcm5hbCBhYnNvbHV0ZSBwb3NpdGlvbmVkIGNvbXBvbmVudCB3aWR0aHMpXG4gICAgICAgIC8vIHNvIHdlIGNhbiBvdmVycmlkZSB0aGUgZXhpc3RpbmcgVGV4dEZpZWxkSW5wdXRCYXNlIHBhZGRpbmdzIHRvXG4gICAgICAgIC8vIHBlcmZlY3RseSBwb3NpdGlvbiBhbmQgYWxpZ24gdGhlIGNvbnRlbnQgaW5zaWRlLlxuICAgICAgICBwYWRkaW5nOiBpc0xvYWRpbmdcbiAgICAgICAgICA/IGAke3JlbSgyMSl9ICR7cmVtKDgwKX0gJHtyZW0oNSl9ICR7dGhlbWUuc3BhY2luZy5tZH1gXG4gICAgICAgICAgOiBgJHtyZW0oMjEpfSAke3JlbSg0MCl9ICR7cmVtKDUpfSAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGlucHV0T3ZlcnJpZGVzID0gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGlucHV0OiB7XG4gICAgICB0b3A6ICd1bnNldCcsXG4gICAgICBmbGV4OiAnMSAxIDAlJyxcbiAgICAgIG1pbldpZHRoOiAnMjAlJyxcbiAgICAgICcmOmZvY3VzLCAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pJzoge1xuICAgICAgICAnJiArIGxhYmVsJzoge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgke0xBQkVMX1RSQU5TRk9STV9MRUZUX1NQQUNJTkd9LCAtODIlKSBzY2FsZSgwLjgpYCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    );
+  };
+};
+/** TextField overrides */
+
+
+exports.inputContainer = inputContainer;
+
+var textInputBaseOverrides = function textInputBaseOverrides(_ref3) {
+  var hasValue = _ref3.hasValue,
+      isLoading = _ref3.isLoading;
+  return function (theme) {
+    var labelStyles = {
+      fontWeight: theme.typography.weights.bold + " !important",
+      transform: "translate(" + _Label.LABEL_TRANSFORM_LEFT_SPACING + ", -82%) scale(0.8) !important",
+      bottom: 'auto'
+    };
+    return {
+      wrapper: _extends({
+        height: 'unset',
+        minHeight: (0, _sizeUtils.getTextFieldHeight)('md') + " !important"
+      }, hasValue ? {
+        label: labelStyles
+      } : {
+        'input:focus': {
+          label: labelStyles
+        },
+        label: {
+          transform: "translate(" + _Label.LABEL_TRANSFORM_LEFT_SPACING + ", -8px)"
+        }
+      }),
+      textField: {
+        // For the paddings we use specifically custom numbers that don't match the
+        // ictinus spacing (the are calculated by combining internal absolute positioned component widths)
+        // so we can override the existing TextFieldInputBase paddings to
+        // perfectly position and align the content inside.
+        padding: isLoading ? (0, _polished.rem)(21) + " " + (0, _polished.rem)(80) + " " + (0, _polished.rem)(5) + " " + theme.spacing.md : (0, _polished.rem)(21) + " " + (0, _polished.rem)(40) + " " + (0, _polished.rem)(5) + " " + theme.spacing.md
+      }
+    };
+  };
+};
+
+exports.textInputBaseOverrides = textInputBaseOverrides;
+
+var inputOverrides = function inputOverrides() {
+  return {
+    input: {
+      top: 'unset',
+      flex: '1 1 0%',
+      minWidth: '20%',
+      '&:focus, &:not(:placeholder-shown)': {
+        '& + label': {
+          transform: "translate(" + _Label.LABEL_TRANSFORM_LEFT_SPACING + ", -82%) scale(0.8)"
+        }
+      }
+    }
+  };
+};
+
+exports.inputOverrides = inputOverrides;

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

@@ -0,0 +1 @@
+export { default } from './MultiselectTextField';

package/dist/components/Select/components/MultiselectTextField/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _MultiselectTextField = _interopRequireDefault(require("./MultiselectTextField"));
+
+exports["default"] = _MultiselectTextField["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SelectOption } from '../Select';
+declare type Props = {
+    selectedOptions: SelectOption[];
+    options: SelectOption[];
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setSearchValue: React.Dispatch<React.SetStateAction<string>>;
+    isSearchable: boolean;
+    onClear?: () => void;
+    onOptionDelete?: (option: SelectOption) => void;
+    multi?: boolean;
+};
+declare const useMultiselectUtils: ({ selectedOptions, options, setOpen, setSearchValue, isSearchable, onClear, onOptionDelete, multi, }: Props) => {
+    multiSelectedOptions: SelectOption[];
+    setMultiSelectedOpts: React.Dispatch<React.SetStateAction<SelectOption[]>>;
+    availableMultiSelectOptions: SelectOption[];
+    setAvailableMultiSelectOptions: React.Dispatch<React.SetStateAction<SelectOption[]>>;
+    handleOptionDelete: (option?: SelectOption | undefined) => void;
+    handleClearAllOptions: () => void;
+};
+export default useMultiselectUtils;

package/dist/components/Select/hooks/useMultiselectUtils.js

@@ -0,0 +1,99 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+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; }
+
+var useMultiselectUtils = function useMultiselectUtils(_ref) {
+  var selectedOptions = _ref.selectedOptions,
+      options = _ref.options,
+      setOpen = _ref.setOpen,
+      setSearchValue = _ref.setSearchValue,
+      isSearchable = _ref.isSearchable,
+      onClear = _ref.onClear,
+      onOptionDelete = _ref.onOptionDelete,
+      multi = _ref.multi;
+
+  /** A state to store the SelectedOptions of the component */
+  var _React$useState = _react["default"].useState(selectedOptions),
+      multiSelectedOptions = _React$useState[0],
+      setMultiSelectedOpts = _React$useState[1];
+  /** The available options (initial options (from component props) minus the multiSelectedOptions) */
+
+
+  var _React$useState2 = _react["default"].useState([]),
+      availableMultiSelectOptions = _React$useState2[0],
+      setAvailableMultiSelectOptions = _React$useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (multi) {
+      var _multiSelectedOptions, _options$filter;
+
+      var selectedOptsValues = (_multiSelectedOptions = multiSelectedOptions == null ? void 0 : multiSelectedOptions.map(function (_ref2) {
+        var value = _ref2.value;
+        return value;
+      })) != null ? _multiSelectedOptions : [];
+      setAvailableMultiSelectOptions((_options$filter = options == null ? void 0 : options.filter(function (option) {
+        return !selectedOptsValues.includes(option.value);
+      })) != null ? _options$filter : []);
+    }
+  }, [options, multiSelectedOptions, multi]);
+  /**
+   *  If option is provided, delete the specified option
+   *  Otherwise, delete the last option (for the case where the user types 'Backspace')
+   */
+
+  var handleOptionDelete = function handleOptionDelete(option) {
+    if (option) {
+      setMultiSelectedOpts(multiSelectedOptions.filter(function (opt) {
+        return opt.value !== (option == null ? void 0 : option.value);
+      }));
+      setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [option]));
+
+      if (onOptionDelete) {
+        onOptionDelete(option);
+      }
+    } else {
+      if (multiSelectedOptions.length > 0) {
+        var lastItem = multiSelectedOptions[multiSelectedOptions.length - 1];
+        setMultiSelectedOpts(multiSelectedOptions.filter(function (opt) {
+          return opt.value !== lastItem.value;
+        }));
+        setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [lastItem]));
+      }
+    }
+
+    setOpen(false);
+  };
+
+  var handleClearAllOptions = function handleClearAllOptions() {
+    setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, multiSelectedOptions));
+    setMultiSelectedOpts([]);
+    setOpen(false);
+
+    if (onClear) {
+      onClear();
+    }
+
+    if (isSearchable) {
+      setSearchValue('');
+    }
+  };
+
+  return {
+    multiSelectedOptions: multiSelectedOptions,
+    setMultiSelectedOpts: setMultiSelectedOpts,
+    availableMultiSelectOptions: availableMultiSelectOptions,
+    setAvailableMultiSelectOptions: setAvailableMultiSelectOptions,
+    handleOptionDelete: handleOptionDelete,
+    handleClearAllOptions: handleClearAllOptions
+  };
+};
+
+var _default = useMultiselectUtils;
+exports["default"] = _default;

package/dist/components/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { InputHTMLAttributes } from 'react';
 import { TestProps } from '../../utils/types';
 import { Props as TextInputWrapperProps } from 'components/TextInputBase';
 export declare type Props = {
@@ -18,6 +18,7 @@ export declare type Props = {
      * of the TextField. It will be replaced by a fullWidth prop. */
     hasMinWidthCompat?: boolean;
 } & TextInputWrapperProps;
+export declare type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>>;
 declare const TextField: React.ForwardRefExoticComponent<{
     /** The id of the text field that will be used as for in label too */
     id?: string | undefined;

package/dist/components/TextField/TextField.js

@@ -41,7 +41,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1rlc0zw-TextField",
   styles: "width:100% ;label:TextField;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgREVGQVVMVF9TSVpFIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL0xhYmVsJztcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zb2xlLndhcm4oXG4gICdEZXByZWNhdGlvbiB3YXJuaW5nISBtaW4td2lkdGggd2lsbCBiZSByZW1vdmVkIGZyb20gdGhlIGNvbXBvbmVudCBpbiB2NSBvZiBpY3RpbnVzLiAnICtcbiAgICAnaGFzTWluV2lkdGhDb21wYXQgcHJvcCBoYXMgYmVlbiBhZGRlZCB0byB0ZW1wb3JhcmlseSBkaXNhYmxlIG1pbi13aWR0aCB3aGVuIG5lY2Vzc2FyeSdcbik7XG5cbmNvbnN0IFRleHRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBJbnB1dFByb3BzICYgVGVzdFByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpZCA9IHVuZGVmaW5lZCxcbiAgICAgIHJpZ2h0SWNvbiA9IG51bGwsXG4gICAgICBsZWZ0SWNvbiA9IG51bGwsXG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gICAgICBkYXJrID0gZmFsc2UsXG4gICAgICBsZWFuLFxuICAgICAgaGludE1zZzogX19oaW50TXNnLFxuICAgICAgc3R5bGVUeXBlOiBfX3N0eWxlVHlwZSxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgc3RhdHVzLFxuICAgICAgaGFzTWluV2lkdGhDb21wYXQgPSB0cnVlLFxuICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBnZXRJY29uID0gKGljb246IEFjY2VwdGVkSWNvbk5hbWVzIHwgSlNYLkVsZW1lbnQgfCBudWxsKSA9PlxuICAgICAgaWNvbiA/IChcbiAgICAgICAgdHlwZW9mIGljb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpY29uIGFzIEFjY2VwdGVkSWNvbk5hbWVzfVxuICAgICAgICAgICAgc2l6ZT17MjR9XG4gICAgICAgICAgICBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgIClcbiAgICAgICkgOiBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfSBoYXNNaW5XaWR0aENvbXBhdD17aGFzTWluV2lkdGhDb21wYXR9PlxuICAgICAgICAgIHtsZWZ0SWNvbiAmJiA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsnbGVmdCd9PntnZXRJY29uKGxlZnRJY29uKX08L0ljb25XcmFwcGVyPn1cbiAgICAgICAgICA8ZGl2IGNzcz17eyB3aWR0aDogJzEwMCUgJyB9fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IGxhYmVsLCBwbGFjZWhvbGRlciwgc2l6ZSwgZGFyaywgbGVhbiB9KX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFsYWJlbCAmJiBwbGFjZWhvbGRlciA/IGAke3BsYWNlaG9sZGVyfSAke3JlcXVpcmVkID8gJyonIDogJyd9YCA6IGxhYmVsfVxuICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvY2tlZH1cbiAgICAgICAgICAgICAgey4uLm9taXQocmVzdCwgJ2RhdGFUZXN0SWQnKX1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGVUb1RvcD17Qm9vbGVhbihyZXN0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICBlcnJvcj17c3RhdHVzID09PSAnZXJyb3InfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7cmlnaHRJY29uICYmICFsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+e2dldEljb24ocmlnaHRJY29uKX08L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xvY2tlZCAmJiAoXG4gICAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPVwibG9ja1wiXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ21kJyA/IDIwIDogMTZ9XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICk7XG4gIH1cbik7XG5cblRleHRGaWVsZC5kaXNwbGF5TmFtZSA9ICdUZXh0RmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBUZXh0RmllbGQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgREVGQVVMVF9TSVpFIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL0xhYmVsJztcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc29sZS53YXJuKFxuICAnRGVwcmVjYXRpb24gd2FybmluZyEgbWluLXdpZHRoIHdpbGwgYmUgcmVtb3ZlZCBmcm9tIHRoZSBjb21wb25lbnQgaW4gdjUgb2YgaWN0aW51cy4gJyArXG4gICAgJ2hhc01pbldpZHRoQ29tcGF0IHByb3AgaGFzIGJlZW4gYWRkZWQgdG8gdGVtcG9yYXJpbHkgZGlzYWJsZSBtaW4td2lkdGggd2hlbiBuZWNlc3NhcnknXG4pO1xuXG5jb25zdCBUZXh0RmllbGQgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcyAmIFRlc3RQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgaWQgPSB1bmRlZmluZWQsXG4gICAgICByaWdodEljb24gPSBudWxsLFxuICAgICAgbGVmdEljb24gPSBudWxsLFxuICAgICAgbGFiZWwsXG4gICAgICBwbGFjZWhvbGRlciA9ICcnLFxuICAgICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbG9ja2VkID0gZmFsc2UsXG4gICAgICBzaXplID0gREVGQVVMVF9TSVpFLFxuICAgICAgZGFyayA9IGZhbHNlLFxuICAgICAgbGVhbixcbiAgICAgIGhpbnRNc2c6IF9faGludE1zZyxcbiAgICAgIHN0eWxlVHlwZTogX19zdHlsZVR5cGUsXG4gICAgICByZWFkT25seSxcbiAgICAgIHN0YXR1cyxcbiAgICAgIGhhc01pbldpZHRoQ29tcGF0ID0gdHJ1ZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgZ2V0SWNvbiA9IChpY29uOiBBY2NlcHRlZEljb25OYW1lcyB8IEpTWC5FbGVtZW50IHwgbnVsbCkgPT5cbiAgICAgIGljb24gPyAoXG4gICAgICAgIHR5cGVvZiBpY29uID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aWNvbiBhcyBBY2NlcHRlZEljb25OYW1lc31cbiAgICAgICAgICAgIHNpemU9ezI0fVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApXG4gICAgICApIDogbnVsbDtcblxuICAgIHJldHVybiAoXG4gICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgIDxUZXh0SW5wdXRCYXNlIHsuLi5wcm9wc30gaGFzTWluV2lkdGhDb21wYXQ9e2hhc01pbldpZHRoQ29tcGF0fT5cbiAgICAgICAgICB7bGVmdEljb24gJiYgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J2xlZnQnfT57Z2V0SWNvbihsZWZ0SWNvbil9PC9JY29uV3JhcHBlcj59XG4gICAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBsYWJlbCwgcGxhY2Vob2xkZXIsIHNpemUsIGRhcmssIGxlYW4gfSl9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyBgJHtwbGFjZWhvbGRlcn0gJHtyZXF1aXJlZCA/ICcqJyA6ICcnfWAgOiBsYWJlbH1cbiAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2NrZWR9XG4gICAgICAgICAgICAgIHsuLi5vbWl0KHJlc3QsICdkYXRhVGVzdElkJyl9XG4gICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgICAgICBhbmltYXRlVG9Ub3A9e0Jvb2xlYW4ocmVzdC52YWx1ZSl9XG4gICAgICAgICAgICAgICAgZXJyb3I9e3N0YXR1cyA9PT0gJ2Vycm9yJ31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge3JpZ2h0SWNvbiAmJiAhbG9ja2VkICYmIChcbiAgICAgICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydyaWdodCd9PntnZXRJY29uKHJpZ2h0SWNvbil9PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+XG4gICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgbmFtZT1cImxvY2tcIlxuICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09ICdtZCcgPyAyMCA6IDE2fVxuICAgICAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0SW5wdXRCYXNlPlxuICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xuICB9XG4pO1xuXG5UZXh0RmllbGQuZGlzcGxheU5hbWUgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dEZpZWxkO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

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

@@ -1,10 +1,17 @@
 import React from 'react';
 declare type Props = {
+    /** Whether the item to be positioned is visible */
     visible: boolean;
+    /** Configures the container's overflow */
     withOverflow?: boolean;
+    /** Whether the item to be positioned uses the parent's wrapper width */
+    hasWrapperWidth?: boolean;
+    /** Additional offset-x */
     offsetX?: number;
+    /** Additional offset-y */
     offsetY?: number;
-    parent: any;
+    /** The parent element */
+    parent: JSX.Element;
 };
 declare const PositionInScreen: React.FC<Props>;
 export default PositionInScreen;

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

@@ -5,6 +5,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _hooks = require("./hooks");
+
 var _PositionInScreen = require("./PositionInScreen.style");
 
 var _react2 = require("@emotion/react");
@@ -13,82 +15,33 @@ 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 usePositionInScreen = function usePositionInScreen(parentRef, itemRef, visible) {
-  var _useState = (0, _react.useState)({
-    x: -1,
-    y: -1
-  }),
-      position = _useState[0],
-      setPosition = _useState[1];
-
-  (0, _react.useEffect)(function () {
-    var _parentRef$current, _parentRef$current2, _itemRef$current, _itemRef$current$chil;
-
-    var _ref = parentRef != null && parentRef.current ? parentRef == null ? void 0 : (_parentRef$current = parentRef.current) == null ? void 0 : _parentRef$current.getBoundingClientRect() : {
-      x: 0,
-      y: 0
-    },
-        itemX = _ref.x,
-        itemY = _ref.y;
-
-    var parrentOffsetHeight = (parentRef == null ? void 0 : (_parentRef$current2 = parentRef.current) == null ? void 0 : _parentRef$current2.offsetHeight) || 0;
-
-    var _ref2 = itemRef != null && itemRef.current ? itemRef == null ? void 0 : (_itemRef$current = itemRef.current) == null ? void 0 : (_itemRef$current$chil = _itemRef$current.children[0]) == null ? void 0 : _itemRef$current$chil.getBoundingClientRect() : {
-      width: 0,
-      height: 0
-    },
-        width = _ref2.width,
-        height = _ref2.height;
-
-    var itemYOutOfScreenHeight = itemY + parrentOffsetHeight + height > window.innerHeight;
-
-    if (itemYOutOfScreenHeight) {
-      itemY -= height;
-
-      if (itemY < 0) {
-        itemY = 0;
-      }
-    } else {
-      itemY += parrentOffsetHeight;
-    }
-
-    var itemXOutOfScreenWidth = itemX + width > window.innerWidth;
-
-    if (itemXOutOfScreenWidth) {
-      itemX = window.innerWidth - width;
-    }
-
-    setPosition({
-      x: itemX,
-      y: itemY
-    });
-  }, [parentRef, itemRef, visible]);
-  return position;
-};
-
-var PositionInScreen = function PositionInScreen(_ref3) {
-  var visible = _ref3.visible,
-      parent = _ref3.parent,
-      withOverflow = _ref3.withOverflow,
-      _ref3$offsetX = _ref3.offsetX,
-      offsetX = _ref3$offsetX === void 0 ? 0 : _ref3$offsetX,
-      _ref3$offsetY = _ref3.offsetY,
-      offsetY = _ref3$offsetY === void 0 ? 0 : _ref3$offsetY,
-      children = _ref3.children;
+var PositionInScreen = function PositionInScreen(_ref) {
+  var visible = _ref.visible,
+      parent = _ref.parent,
+      withOverflow = _ref.withOverflow,
+      _ref$hasWrapperWidth = _ref.hasWrapperWidth,
+      hasWrapperWidth = _ref$hasWrapperWidth === void 0 ? false : _ref$hasWrapperWidth,
+      _ref$offsetX = _ref.offsetX,
+      offsetX = _ref$offsetX === void 0 ? 0 : _ref$offsetX,
+      _ref$offsetY = _ref.offsetY,
+      offsetY = _ref$offsetY === void 0 ? 0 : _ref$offsetY,
+      children = _ref.children;
   var wrapperRef = (0, _react.useRef)(null);
   var itemRef = (0, _react.useRef)(null);
 
-  var _usePositionInScreen = usePositionInScreen(wrapperRef, itemRef, visible),
+  var _useWrapperWidth = (0, _hooks.useWrapperWidth)(hasWrapperWidth, wrapperRef),
+      wrapperWidth = _useWrapperWidth[0];
+
+  var _usePositionInScreen = (0, _hooks.usePositionInScreen)(wrapperRef, itemRef, offsetX, offsetY, visible),
       x = _usePositionInScreen.x,
       y = _usePositionInScreen.y;
 
   var showTooltip = visible && x !== -1 && y !== -1;
-  var ParentComp = parent;
   return (0, _react2.jsx)("div", {
     css: (0, _PositionInScreen.container)(withOverflow, showTooltip),
     ref: wrapperRef
-  }, (0, _react2.jsx)(ParentComp, null), showTooltip && (0, _react2.jsx)("div", {
-    css: (0, _PositionInScreen.itemContainer)(x + offsetX, y + offsetY),
+  }, parent, showTooltip && (0, _react2.jsx)("div", {
+    css: (0, _PositionInScreen.itemContainer)(x, y, wrapperWidth),
     id: 'unique-tooltip-id',
     ref: itemRef
   }, children));

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

@@ -1,4 +1,3 @@
 import { SerializedStyles } from '@emotion/react';
-import { Theme } from '../../../theme';
-export declare const container: (withOverflow?: boolean | undefined, visible?: boolean | undefined) => (theme: Theme) => SerializedStyles;
-export declare const itemContainer: (clientX: number, clientY: number) => (theme: Theme) => SerializedStyles;
+export declare const container: (withOverflow?: boolean | undefined, visible?: boolean | undefined) => () => SerializedStyles;
+export declare const itemContainer: (clientX: number, clientY: number, width?: number | undefined) => () => SerializedStyles;

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

@@ -5,26 +5,28 @@ exports.itemContainer = exports.container = void 0;
 
 var _react = require("@emotion/react");
 
+var _polished = require("polished");
+
 var container = function container(withOverflow, visible) {
-  return function (theme) {
+  return function () {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("overflow:", withOverflow ? 'hidden' : 'inherit', ";text-overflow:", withOverflow ? 'ellipsis' : 'inherit', ";width:100%;height:inherit;#unique-tooltip-id{display:", visible ? 'block !important' : 'none !important', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID0gKHdpdGhPdmVyZmxvdz86IGJvb2xlYW4sIHZpc2libGU/OiBib29sZWFuKSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG92ZXJmbG93OiAke3dpdGhPdmVyZmxvdyA/ICdoaWRkZW4nIDogJ2luaGVyaXQnfTtcbiAgdGV4dC1vdmVyZmxvdzogJHt3aXRoT3ZlcmZsb3cgPyAnZWxsaXBzaXMnIDogJ2luaGVyaXQnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogaW5oZXJpdDtcblxuICAjdW5pcXVlLXRvb2x0aXAtaWQge1xuICAgIGRpc3BsYXk6ICR7dmlzaWJsZSA/ICdibG9jayAhaW1wb3J0YW50JyA6ICdub25lICFpbXBvcnRhbnQnfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGl0ZW1Db250YWluZXIgPSAoY2xpZW50WDogbnVtYmVyLCBjbGllbnRZOiBudW1iZXIpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IGZpeGVkO1xuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG4gIHRvcDogJHtjbGllbnRZICsgJ3B4J307XG4gIGxlZnQ6ICR7Y2xpZW50WCArICdweCd9O1xuICB6LWluZGV4OiA5OTk5OTk5OTk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+      (0, _react.css)("overflow:", withOverflow ? 'hidden' : 'inherit', ";text-overflow:", withOverflow ? 'ellipsis' : 'inherit', ";width:100%;height:inherit;position:relative;#unique-tooltip-id{display:", visible ? 'block !important' : 'none !important', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUsiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXRpbHMvUG9zaXRpb25JblNjcmVlbi9Qb3NpdGlvbkluU2NyZWVuLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9ICh3aXRoT3ZlcmZsb3c/OiBib29sZWFuLCB2aXNpYmxlPzogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIG92ZXJmbG93OiAke3dpdGhPdmVyZmxvdyA/ICdoaWRkZW4nIDogJ2luaGVyaXQnfTtcbiAgICB0ZXh0LW92ZXJmbG93OiAke3dpdGhPdmVyZmxvdyA/ICdlbGxpcHNpcycgOiAnaW5oZXJpdCd9O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogaW5oZXJpdDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAjdW5pcXVlLXRvb2x0aXAtaWQge1xuICAgICAgZGlzcGxheTogJHt2aXNpYmxlID8gJ2Jsb2NrICFpbXBvcnRhbnQnIDogJ25vbmUgIWltcG9ydGFudCd9O1xuICAgIH1cbiAgYDtcblxuZXhwb3J0IGNvbnN0IGl0ZW1Db250YWluZXIgPVxuICAoY2xpZW50WDogbnVtYmVyLCBjbGllbnRZOiBudW1iZXIsIHdpZHRoPzogbnVtYmVyKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbiAgICAgIHRvcDogJHtjbGllbnRZICsgJ3B4J307XG4gICAgICBsZWZ0OiAke2NsaWVudFggKyAncHgnfTtcbiAgICAgIHotaW5kZXg6IDk5OTk5OTk5OTtcbiAgICAgIHdpZHRoOiAke3dpZHRoID8gcmVtKHdpZHRoKSA6IGBmaXQtY29udGVudGB9O1xuICAgICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
     );
   };
 };
 
 exports.container = container;
 
-var itemContainer = function itemContainer(clientX, clientY) {
-  return function (theme) {
+var itemContainer = function itemContainer(clientX, clientY, width) {
+  return function () {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:fixed;opacity:1!important;top:", clientY + 'px', ";left:", clientX + 'px', ";z-index:999999999;width:fit-content;height:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy91dGlscy9Qb3NpdGlvbkluU2NyZWVuL1Bvc2l0aW9uSW5TY3JlZW4uc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9ICh3aXRoT3ZlcmZsb3c/OiBib29sZWFuLCB2aXNpYmxlPzogYm9vbGVhbikgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvdmVyZmxvdzogJHt3aXRoT3ZlcmZsb3cgPyAnaGlkZGVuJyA6ICdpbmhlcml0J307XG4gIHRleHQtb3ZlcmZsb3c6ICR7d2l0aE92ZXJmbG93ID8gJ2VsbGlwc2lzJyA6ICdpbmhlcml0J307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGluaGVyaXQ7XG5cbiAgI3VuaXF1ZS10b29sdGlwLWlkIHtcbiAgICBkaXNwbGF5OiAke3Zpc2libGUgPyAnYmxvY2sgIWltcG9ydGFudCcgOiAnbm9uZSAhaW1wb3J0YW50J307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ29udGFpbmVyID0gKGNsaWVudFg6IG51bWJlciwgY2xpZW50WTogbnVtYmVyKSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xuICB0b3A6ICR7Y2xpZW50WSArICdweCd9O1xuICBsZWZ0OiAke2NsaWVudFggKyAncHgnfTtcbiAgei1pbmRleDogOTk5OTk5OTk5O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGhlaWdodDogZml0LWNvbnRlbnQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;")
+      (0, _react.css)("position:absolute;opacity:1!important;top:", clientY + 'px', ";left:", clientX + 'px', ";z-index:999999999;width:", width ? (0, _polished.rem)(width) : "fit-content", ";height:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JPIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3V0aWxzL1Bvc2l0aW9uSW5TY3JlZW4vUG9zaXRpb25JblNjcmVlbi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAod2l0aE92ZXJmbG93PzogYm9vbGVhbiwgdmlzaWJsZT86IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBvdmVyZmxvdzogJHt3aXRoT3ZlcmZsb3cgPyAnaGlkZGVuJyA6ICdpbmhlcml0J307XG4gICAgdGV4dC1vdmVyZmxvdzogJHt3aXRoT3ZlcmZsb3cgPyAnZWxsaXBzaXMnIDogJ2luaGVyaXQnfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGluaGVyaXQ7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgI3VuaXF1ZS10b29sdGlwLWlkIHtcbiAgICAgIGRpc3BsYXk6ICR7dmlzaWJsZSA/ICdibG9jayAhaW1wb3J0YW50JyA6ICdub25lICFpbXBvcnRhbnQnfTtcbiAgICB9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBpdGVtQ29udGFpbmVyID1cbiAgKGNsaWVudFg6IG51bWJlciwgY2xpZW50WTogbnVtYmVyLCB3aWR0aD86IG51bWJlcikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG4gICAgICB0b3A6ICR7Y2xpZW50WSArICdweCd9O1xuICAgICAgbGVmdDogJHtjbGllbnRYICsgJ3B4J307XG4gICAgICB6LWluZGV4OiA5OTk5OTk5OTk7XG4gICAgICB3aWR0aDogJHt3aWR0aCA/IHJlbSh3aWR0aCkgOiBgZml0LWNvbnRlbnRgfTtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:itemContainer;")
     );
   };
 };

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

@@ -0,0 +1,5 @@
+export declare const usePositionInScreen: (parentRef: React.MutableRefObject<any>, itemRef: React.MutableRefObject<any>, offsetX: number, offsetY: number, visible?: boolean | undefined) => {
+    x: number;
+    y: number;
+};
+export declare const useWrapperWidth: (hasWrapperWidth: boolean, wrapperRef: React.MutableRefObject<any>) => (number | undefined)[];