@pedidopago/ui 1.7.26 → 1.8.1

package/dist/components/MultipleSelect/animations.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.multipleSelectAnimations = void 0;
-var multipleSelectAnimations = {
-  initial: {
-    opacity: 0
-  },
-  exit: {
-    opacity: 0,
-    transition: {
-      duration: 0.1
-    }
-  },
-  animate: {
-    opacity: 1,
-    zIndex: 2,
-    transition: {
-      duration: 0.1
-    }
-  }
-};
-exports.multipleSelectAnimations = multipleSelectAnimations;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.multipleSelectAnimations=void 0;var multipleSelectAnimations={initial:{opacity:0},exit:{opacity:0,transition:{duration:.1}},animate:{opacity:1,zIndex:2,transition:{duration:.1}}};exports.multipleSelectAnimations=multipleSelectAnimations;

package/dist/components/MultipleSelect/components/InputWrapper/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputWrapper = exports.InputControl = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var InputWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  max-width: ", ";\n  user-select: none;\n"])), InputWrapperWidthTratamentFunction);
-exports.InputWrapper = InputWrapper;
-function InputWrapperWidthTratamentFunction(_ref) {
-  var width = _ref.width,
-    fullWidth = _ref.fullWidth;
-  if (fullWidth) return '100%';
-  if (typeof width !== 'undefined' && width.length > 0) {
-    var widthIsOnlyNumber = !isNaN(Number(width));
-    return widthIsOnlyNumber ? "".concat(width, "px") : width;
-  } else {
-    var defaultValue = '380px';
-    return defaultValue;
-  }
-}
-var InputControl = _styled.default.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: none;\n"])));
-exports.InputControl = InputControl;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.InputWrapper=exports.InputControl=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var InputWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  max-width: ",";\n  user-select: none;\n"])),InputWrapperWidthTratamentFunction);exports.InputWrapper=InputWrapper;function InputWrapperWidthTratamentFunction(_ref){var width=_ref.width,fullWidth=_ref.fullWidth;if(fullWidth)return"100%";if("undefined"!=typeof width&&0<width.length){var widthIsOnlyNumber=!isNaN(+width);return widthIsOnlyNumber?"".concat(width,"px"):width}return"380px"}var InputControl=_styled.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: none;\n"])));exports.InputControl=InputControl;

package/dist/components/MultipleSelect/components/OptionsArea/index.js

@@ -1,244 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsArea = void 0;
-var _react = require("react");
-var _Flex = _interopRequireDefault(require("../../../Flex"));
-var _Icon = _interopRequireDefault(require("../../../Icon"));
-var _Spinner = _interopRequireDefault(require("../../../Spinner"));
-var _Typography = _interopRequireDefault(require("../../../Typography"));
-var _Button = _interopRequireDefault(require("../../../Button"));
-var _useDebounce = require("../../../../shared/hooks/useDebounce");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var OptionsArea = function OptionsArea(_ref) {
-  var _optionsAreaRef$curre, _parentRef$current, _parentRef$current2, _parentRef$current3, _parentRef$current4;
-  var data = _ref.data,
-    scrollHandler = _ref.scrollHandler,
-    chooseOption = _ref.chooseOption,
-    inputAlert = _ref.inputAlert,
-    setShowOptionsArea = _ref.setShowOptionsArea,
-    AutoComplete = _ref.AutoComplete,
-    selectedOptions = _ref.selectedOptions,
-    onChangeSearch = _ref.onChangeSearch,
-    _ref$isLoadingData = _ref.isLoadingData,
-    isLoadingData = _ref$isLoadingData === void 0 ? false : _ref$isLoadingData,
-    loadMoreData = _ref.loadMoreData,
-    hasMoreData = _ref.hasMoreData,
-    infiniteScroll = _ref.infiniteScroll,
-    _ref$autoCompleteHelp = _ref.autoCompleteHelperText,
-    autoCompleteHelperText = _ref$autoCompleteHelp === void 0 ? 'Nenhum resultado encontrado' : _ref$autoCompleteHelp,
-    parentRef = _ref.parentRef,
-    positionOptions = _ref.positionOptions,
-    showOptionsArea = _ref.showOptionsArea;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    chosenItem = _useState2[0],
-    setChosenItem = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dataToShow = _useState4[0],
-    setDataToShow = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    autoCompleteState = _useState6[0],
-    setAutoCompleteState = _useState6[1];
-  var OptionRef = (0, _react.useRef)(null);
-  var AutoCompleteRef = (0, _react.useRef)(null);
-  var optionsAreaRef = (0, _react.useRef)(null);
-  var observerRef = (0, _react.useRef)(null);
-  var loadMoreRef = (0, _react.useCallback)(function (node) {
-    if (isLoadingData) return;
-    if (observerRef.current) observerRef.current.disconnect();
-    observerRef.current = new IntersectionObserver(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-        entry = _ref3[0];
-      if (entry.isIntersecting && hasMoreData) loadMoreData === null || loadMoreData === void 0 ? void 0 : loadMoreData();
-    }, {
-      root: optionsAreaRef === null || optionsAreaRef === void 0 ? void 0 : optionsAreaRef.current,
-      rootMargin: '20px',
-      threshold: 1
-    });
-    if (node) observerRef.current.observe(node);
-  }, [isLoadingData, data]);
-  function normalizeStringWithSpaces(string) {
-    return string.replaceAll(' ', '_').toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '');
-  }
-  var autoCompleteStateDebounced = (0, _useDebounce.useDebounce)(function (term) {
-    onChangeSearch === null || onChangeSearch === void 0 ? void 0 : onChangeSearch(term);
-  }, 500);
-  (0, _react.useEffect)(function () {
-    autoCompleteStateDebounced(autoCompleteState);
-  }, [autoCompleteState]);
-  (0, _react.useEffect)(function () {
-    if (data.length > 0) {
-      var selectedOptionsNames = selectedOptions.map(function (option) {
-        return option.label;
-      });
-      var newDataWithoutChosen = data.flatMap(function (option) {
-        return !selectedOptionsNames.includes(option.label) ? _objectSpread(_objectSpread({}, option), {}, {
-          search: normalizeStringWithSpaces(option.label)
-        }) : [];
-      });
-      var newDataToShow = AutoComplete ? newDataWithoutChosen.flatMap(function (option) {
-        return option.search.includes(normalizeStringWithSpaces(autoCompleteState)) ? option : [];
-      }) : newDataWithoutChosen;
-      setDataToShow(newDataToShow);
-    }
-  }, [selectedOptions, data, AutoComplete, autoCompleteState]);
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var _OptionRef$current;
-      (_OptionRef$current = OptionRef.current) === null || _OptionRef$current === void 0 ? void 0 : _OptionRef$current.focus();
-    }, 20);
-  }, [chosenItem]);
-  var keyDownHandler = (0, _react.useCallback)(function (event) {
-    AutoCompleteRef.current !== document.activeElement && event.preventDefault();
-    var target = event.target;
-    var nextItem = target.nextElementSibling;
-    var prevItem = target.previousElementSibling;
-    switch (event.key) {
-      case 'ArrowDown':
-        nextItem && nextItem.focus();
-        break;
-      case 'ArrowUp':
-        prevItem && prevItem.focus();
-        break;
-      case 'Escape':
-        setShowOptionsArea(false);
-        break;
-      default:
-        break;
-    }
-  }, [setShowOptionsArea]);
-  var maxHeightOptionsContainer = 248;
-  var noResultsFound = dataToShow.length === 0 && autoCompleteState.length > 0 && !isLoadingData;
-  var _useState7 = (0, _react.useState)(((_optionsAreaRef$curre = optionsAreaRef.current) === null || _optionsAreaRef$curre === void 0 ? void 0 : _optionsAreaRef$curre.getBoundingClientRect().height) || maxHeightOptionsContainer),
-    _useState8 = _slicedToArray(_useState7, 2),
-    heightModal = _useState8[0],
-    setHeight = _useState8[1];
-  (0, _react.useEffect)(function () {
-    var _optionsAreaRef$curre2;
-    setHeight(((_optionsAreaRef$curre2 = optionsAreaRef.current) === null || _optionsAreaRef$curre2 === void 0 ? void 0 : _optionsAreaRef$curre2.getBoundingClientRect().height) || maxHeightOptionsContainer);
-  }, [dataToShow]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.OptionsAreaWrapper, {
-    left: "".concat((_parentRef$current = parentRef.current) === null || _parentRef$current === void 0 ? void 0 : _parentRef$current.getBoundingClientRect().left, "px"),
-    top: positionOptions < 470 ? "calc(".concat(((_parentRef$current2 = parentRef.current) === null || _parentRef$current2 === void 0 ? void 0 : _parentRef$current2.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_parentRef$current3 = parentRef.current) === null || _parentRef$current3 === void 0 ? void 0 : _parentRef$current3.getBoundingClientRect().top) || 0, "px - ").concat(heightModal && heightModal + 10, "px)"),
-    ref: optionsAreaRef,
-    "data-testid": "options-area",
-    selectType: inputAlert,
-    itensLength: dataToShow.length,
-    onKeyDown: keyDownHandler,
-    onScroll: scrollHandler,
-    width: (_parentRef$current4 = parentRef.current) === null || _parentRef$current4 === void 0 ? void 0 : _parentRef$current4.getBoundingClientRect().width,
-    children: [AutoComplete && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-      style: {
-        position: 'relative',
-        width: '100%'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AutoCompleteInput, {
-        isLoadingData: isLoadingData,
-        type: "text",
-        autoFocus: true,
-        ref: AutoCompleteRef,
-        value: autoCompleteState,
-        selectType: inputAlert,
-        onChange: function onChange(e) {
-          setAutoCompleteState(e.target.value);
-        }
-      }), isLoadingData && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
-        style: {
-          padding: '.6em',
-          position: 'absolute',
-          top: '4px'
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-          size: "sm"
-        }, "load-more-data-spinner")
-      })]
-    }), dataToShow.map(function (option, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionItem, {
-        ref: !AutoComplete && index === chosenItem ? OptionRef : null,
-        onFocus: function onFocus() {
-          return setChosenItem(index);
-        },
-        onMouseEnter: function onMouseEnter() {
-          return setChosenItem(index);
-        },
-        "data-testid": "options-area--option-item",
-        tabIndex: 0,
-        onClick: function onClick() {
-          return chooseOption(option);
-        },
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && chooseOption(option);
-        },
-        children: option.label
-      }, "".concat(option.label).concat(index));
-    }), infiniteScroll && hasMoreData && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        ref: loadMoreRef,
-        style: {
-          width: '100%',
-          height: '1px'
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
-        alignItems: "center",
-        justifyContent: "center",
-        style: {
-          width: '100%',
-          padding: '.5em'
-        },
-        children: isLoadingData && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-          size: "sm"
-        }, "load-more-data-spinner")
-      })]
-    }), !infiniteScroll && hasMoreData && dataToShow.length !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
-      style: {
-        width: '100%',
-        padding: '.5em'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        fullWidth: true,
-        size: "sm",
-        variant: "outline",
-        bgColor: "primary.disabled",
-        textColor: "primary.default",
-        onClick: function onClick() {
-          return loadMoreData === null || loadMoreData === void 0 ? void 0 : loadMoreData();
-        },
-        children: isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-          size: "sm"
-        }, "load-more-data-spinner") : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: "refresh-ccw",
-            size: 18
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xxs",
-            fontWeight: "600",
-            color: "neutral.black",
-            children: "Carregar mais"
-          })]
-        })
-      })
-    }), noResultsFound && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Span, {
-      children: autoCompleteHelperText
-    })]
-  });
-};
-exports.OptionsArea = OptionsArea;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsArea=void 0;var _react=require("react"),_Flex=_interopRequireDefault(require("../../../Flex")),_Icon=_interopRequireDefault(require("../../../Icon")),_Spinner=_interopRequireDefault(require("../../../Spinner")),_Typography=_interopRequireDefault(require("../../../Typography")),_Button=_interopRequireDefault(require("../../../Button")),_useDebounce=require("../../../../shared/hooks/useDebounce"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var OptionsArea=function(_ref){function normalizeStringWithSpaces(string){return string.replaceAll(" ","_").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"")}var _optionsAreaRef$curre,_parentRef$current,_parentRef$current2,_parentRef$current3,_parentRef$current4,data=_ref.data,scrollHandler=_ref.scrollHandler,chooseOption=_ref.chooseOption,inputAlert=_ref.inputAlert,setShowOptionsArea=_ref.setShowOptionsArea,AutoComplete=_ref.AutoComplete,selectedOptions=_ref.selectedOptions,onChangeSearch=_ref.onChangeSearch,_ref$isLoadingData=_ref.isLoadingData,isLoadingData=void 0!==_ref$isLoadingData&&_ref$isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,infiniteScroll=_ref.infiniteScroll,_ref$autoCompleteHelp=_ref.autoCompleteHelperText,autoCompleteHelperText=void 0===_ref$autoCompleteHelp?"Nenhum resultado encontrado":_ref$autoCompleteHelp,parentRef=_ref.parentRef,positionOptions=_ref.positionOptions,showOptionsArea=_ref.showOptionsArea,_useState=(0,_react.useState)(0),_useState2=_slicedToArray(_useState,2),chosenItem=_useState2[0],setChosenItem=_useState2[1],_useState3=(0,_react.useState)([]),_useState4=_slicedToArray(_useState3,2),dataToShow=_useState4[0],setDataToShow=_useState4[1],_useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),autoCompleteState=_useState6[0],setAutoCompleteState=_useState6[1],OptionRef=(0,_react.useRef)(null),AutoCompleteRef=(0,_react.useRef)(null),optionsAreaRef=(0,_react.useRef)(null),observerRef=(0,_react.useRef)(null),loadMoreRef=(0,_react.useCallback)(function(node){isLoadingData||(observerRef.current&&observerRef.current.disconnect(),observerRef.current=new IntersectionObserver(function(_ref2){var _ref3=_slicedToArray(_ref2,1),entry=_ref3[0];entry.isIntersecting&&hasMoreData&&(null===loadMoreData||void 0===loadMoreData?void 0:loadMoreData())},{root:null===optionsAreaRef||void 0===optionsAreaRef?void 0:optionsAreaRef.current,rootMargin:"20px",threshold:1}),node&&observerRef.current.observe(node))},[isLoadingData,data]),autoCompleteStateDebounced=(0,_useDebounce.useDebounce)(function(term){null===onChangeSearch||void 0===onChangeSearch?void 0:onChangeSearch(term)},500);(0,_react.useEffect)(function(){autoCompleteStateDebounced(autoCompleteState)},[autoCompleteState]),(0,_react.useEffect)(function(){if(0<data.length){var selectedOptionsNames=selectedOptions.map(function(option){return option.label}),newDataWithoutChosen=data.flatMap(function(option){return selectedOptionsNames.includes(option.label)?[]:_objectSpread(_objectSpread({},option),{},{search:normalizeStringWithSpaces(option.label)})}),newDataToShow=AutoComplete?newDataWithoutChosen.flatMap(function(option){return option.search.includes(normalizeStringWithSpaces(autoCompleteState))?option:[]}):newDataWithoutChosen;setDataToShow(newDataToShow)}},[selectedOptions,data,AutoComplete,autoCompleteState]),(0,_react.useEffect)(function(){setTimeout(function(){var _OptionRef$current;null===(_OptionRef$current=OptionRef.current)||void 0===_OptionRef$current?void 0:_OptionRef$current.focus()},20)},[chosenItem]);var keyDownHandler=(0,_react.useCallback)(function(event){AutoCompleteRef.current!==document.activeElement&&event.preventDefault();var target=event.target,nextItem=target.nextElementSibling,prevItem=target.previousElementSibling;switch(event.key){case"ArrowDown":nextItem&&nextItem.focus();break;case"ArrowUp":prevItem&&prevItem.focus();break;case"Escape":setShowOptionsArea(!1);break;default:}},[setShowOptionsArea]),maxHeightOptionsContainer=248,noResultsFound=0===dataToShow.length&&0<autoCompleteState.length&&!isLoadingData,_useState7=(0,_react.useState)((null===(_optionsAreaRef$curre=optionsAreaRef.current)||void 0===_optionsAreaRef$curre?void 0:_optionsAreaRef$curre.getBoundingClientRect().height)||maxHeightOptionsContainer),_useState8=_slicedToArray(_useState7,2),heightModal=_useState8[0],setHeight=_useState8[1];return(0,_react.useEffect)(function(){var _optionsAreaRef$curre2;setHeight((null===(_optionsAreaRef$curre2=optionsAreaRef.current)||void 0===_optionsAreaRef$curre2?void 0:_optionsAreaRef$curre2.getBoundingClientRect().height)||maxHeightOptionsContainer)},[dataToShow]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.OptionsAreaWrapper,{left:"".concat(null===(_parentRef$current=parentRef.current)||void 0===_parentRef$current?void 0:_parentRef$current.getBoundingClientRect().left,"px"),top:470>positionOptions?"calc(".concat((null===(_parentRef$current2=parentRef.current)||void 0===_parentRef$current2?void 0:_parentRef$current2.getBoundingClientRect().bottom)||0,"px + 10px)"):"calc(".concat((null===(_parentRef$current3=parentRef.current)||void 0===_parentRef$current3?void 0:_parentRef$current3.getBoundingClientRect().top)||0,"px - ").concat(heightModal&&heightModal+10,"px)"),ref:optionsAreaRef,"data-testid":"options-area",selectType:inputAlert,itensLength:dataToShow.length,onKeyDown:keyDownHandler,onScroll:scrollHandler,width:null===(_parentRef$current4=parentRef.current)||void 0===_parentRef$current4?void 0:_parentRef$current4.getBoundingClientRect().width,children:[AutoComplete&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{style:{position:"relative",width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AutoCompleteInput,{isLoadingData:isLoadingData,type:"text",autoFocus:!0,ref:AutoCompleteRef,value:autoCompleteState,selectType:inputAlert,onChange:function onChange(e){setAutoCompleteState(e.target.value)}}),isLoadingData&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{padding:".6em",position:"absolute",top:"4px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner")})]}),dataToShow.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionItem,{ref:AutoComplete||index!==chosenItem?null:OptionRef,onFocus:function onFocus(){return setChosenItem(index)},onMouseEnter:function onMouseEnter(){return setChosenItem(index)},"data-testid":"options-area--option-item",tabIndex:0,onClick:function onClick(){return chooseOption(option)},onKeyDown:function onKeyDown(e){return"Enter"===e.key&&chooseOption(option)},children:option.label},"".concat(option.label).concat(index))}),infiniteScroll&&hasMoreData&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:loadMoreRef,style:{width:"100%",height:"1px"}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{alignItems:"center",justifyContent:"center",style:{width:"100%",padding:".5em"},children:isLoadingData&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner")})]}),!infiniteScroll&&hasMoreData&&0!==dataToShow.length&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{width:"100%",padding:".5em"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{fullWidth:!0,size:"sm",variant:"outline",bgColor:"primary.disabled",textColor:"primary.default",onClick:function onClick(){return null===loadMoreData||void 0===loadMoreData?void 0:loadMoreData()},children:isLoadingData?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner"):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"refresh-ccw",size:18}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",fontWeight:"600",color:"neutral.black",children:"Carregar mais"})]})})}),noResultsFound&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Span,{children:autoCompleteHelperText})]})};exports.OptionsArea=OptionsArea;

package/dist/components/MultipleSelect/components/OptionsArea/styles.js

@@ -1,68 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Span = exports.OptionsAreaWrapper = exports.OptionItem = exports.AutoCompleteInput = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _framerMotion = require("framer-motion");
-var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var OptionsAreaWrapper = (0, _styled.default)(_framerMotion.motion.div)(function (_ref) {
-  var theme = _ref.theme,
-    top = _ref.top,
-    selectType = _ref.selectType,
-    width = _ref.width,
-    left = _ref.left;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: fixed;\n      top: ", ";\n      left: ", ";\n      z-index: 999;\n      display: flex;\n      scroll-behavior: smooth;\n      flex-direction: column;\n      box-sizing: border-box;\n      background-color: ", ";\n\n      color: ", ";\n\n      width: ", ";\n      max-height: 248px;\n      border-radius: ", ";\n\n      overflow-y: auto;\n\n      padding: 8px;\n\n      box-shadow: ", ";\n\n      &::-webkit-scrollbar {\n        width: 6px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: ", ";\n        border-radius: ", ";\n      }\n    "])), top, left, theme.colors.neutral.white, theme.colors.neutral.black, width + 'px', theme.borderRadius.default, theme.shadow.level3, selectType ? theme.colors[selectType].default : theme.colors.primary.default, theme.borderRadius.default);
-});
-exports.OptionsAreaWrapper = OptionsAreaWrapper;
-var OptionItem = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  padding: 16px 24px;\n\n  outline: 0;\n  background: none;\n  border: 0;\n\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n\n  cursor: pointer;\n\n  :focus,\n  :hover {\n    background-color: ", ";\n\n    border-radius: ", ";\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontSizes.xs;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.fontWeight['500'];
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral.neutral5;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.borderRadius.default;
-});
-exports.OptionItem = OptionItem;
-var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  padding-left: ", ";\n  outline: 0;\n\n  font: inherit;\n\n  margin-bottom: 8px;\n  width: 100%;\n\n  border: 2px solid\n    ", ";\n\n  border-radius: ", ";\n\n  background: ", ";\n  color: ", ";\n\n  transition: 0.2s ease-in-out all;\n\n  &:focus,\n  &:hover {\n    border: 2px solid\n      ", ";\n  }\n"])), function (_ref7) {
-  var isLoadingData = _ref7.isLoadingData;
-  return isLoadingData ? '2em' : '1em';
-}, function (_ref8) {
-  var theme = _ref8.theme,
-    selectType = _ref8.selectType;
-  return selectType ? theme.colors[selectType].blurred : theme.colors.neutral.neutral2;
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.borderRadius.default;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return "".concat(theme.colors.neutral.neutral1, "60");
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.colors.neutral.black;
-}, function (_ref12) {
-  var theme = _ref12.theme,
-    selectType = _ref12.selectType;
-  return selectType ? theme.colors[selectType].blurred : theme.colors.primary.disabled;
-});
-exports.AutoCompleteInput = AutoCompleteInput;
-var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n  color: ", ";\n"])), function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.fontSizes.xxs;
-}, function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.colors.error.default;
-});
-exports.Span = Span;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Span=exports.OptionsAreaWrapper=exports.OptionItem=exports.AutoCompleteInput=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styled=_interopRequireDefault(require("@emotion/styled")),_framerMotion=require("framer-motion"),_react=require("@emotion/react");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var OptionsAreaWrapper=(0,_styled.default)(_framerMotion.motion.div)(function(_ref){var theme=_ref.theme,top=_ref.top,selectType=_ref.selectType,width=_ref.width,left=_ref.left;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      position: fixed;\n      top: ",";\n      left: ",";\n      z-index: 999;\n      display: flex;\n      scroll-behavior: smooth;\n      flex-direction: column;\n      box-sizing: border-box;\n      background-color: ",";\n\n      color: ",";\n\n      width: ",";\n      max-height: 248px;\n      border-radius: ",";\n\n      overflow-y: auto;\n\n      padding: 8px;\n\n      box-shadow: ",";\n\n      &::-webkit-scrollbar {\n        width: 6px;\n      }\n\n      &::-webkit-scrollbar-thumb {\n        background-color: ",";\n        border-radius: ",";\n      }\n    "])),top,left,theme.colors.neutral.white,theme.colors.neutral.black,width+"px",theme.borderRadius.default,theme.shadow.level3,selectType?theme.colors[selectType].default:theme.colors.primary.default,theme.borderRadius.default)});exports.OptionsAreaWrapper=OptionsAreaWrapper;var OptionItem=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  padding: 16px 24px;\n\n  outline: 0;\n  background: none;\n  border: 0;\n\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n\n  cursor: pointer;\n\n  :focus,\n  :hover {\n    background-color: ",";\n\n    border-radius: ",";\n  }\n"])),function(_ref2){var theme=_ref2.theme;return theme.fontSizes.xs},function(_ref3){var theme=_ref3.theme;return theme.fontWeight[500]},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral5},function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.neutral1},function(_ref6){var theme=_ref6.theme;return theme.borderRadius.default});exports.OptionItem=OptionItem;var AutoCompleteInput=_styled.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  padding: 8px;\n  padding-left: ",";\n  outline: 0;\n\n  font: inherit;\n\n  margin-bottom: 8px;\n  width: 100%;\n\n  border: 2px solid\n    ",";\n\n  border-radius: ",";\n\n  background: ",";\n  color: ",";\n\n  transition: 0.2s ease-in-out all;\n\n  &:focus,\n  &:hover {\n    border: 2px solid\n      ",";\n  }\n"])),function(_ref7){var isLoadingData=_ref7.isLoadingData;return isLoadingData?"2em":"1em"},function(_ref8){var theme=_ref8.theme,selectType=_ref8.selectType;return selectType?theme.colors[selectType].blurred:theme.colors.neutral.neutral2},function(_ref9){var theme=_ref9.theme;return theme.borderRadius.default},function(_ref10){var theme=_ref10.theme;return"".concat(theme.colors.neutral.neutral1,"60")},function(_ref11){var theme=_ref11.theme;return theme.colors.neutral.black},function(_ref12){var theme=_ref12.theme,selectType=_ref12.selectType;return selectType?theme.colors[selectType].blurred:theme.colors.primary.disabled});exports.AutoCompleteInput=AutoCompleteInput;var Span=_styled.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  font-size: ",";\n  text-align: center;\n  color: ",";\n"])),function(_ref13){var theme=_ref13.theme;return theme.fontSizes.xxs},function(_ref14){var theme=_ref14.theme;return theme.colors.error.default});exports.Span=Span;

package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonsArea = exports.Button = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ButtonsArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  flex-wrap: wrap;\n\n  button {\n    align-items: center;\n\n    width: 24px;\n    height: 24px;\n    margin-left: 8px;\n    padding: 0;\n\n    background: none;\n    border: 0;\n    border-radius: 12px;\n    outline: 0;\n\n    cursor: default;\n\n    ", "\n\n    :focus {\n      box-shadow: 0 0 0 2px ", ";\n    }\n  }\n"])), function (_ref) {
-  var disabled = _ref.disabled;
-  return !disabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        cursor: pointer;\n      "])));
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.primary.focus;
-});
-exports.ButtonsArea = ButtonsArea;
-var Button = _styled.default.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: ", ";\n  justify-content: center;\n\n  svg {\n    color: ", ";\n  }\n"])), function (_ref3) {
-  var show = _ref3.show;
-  return show ? 'flex' : 'none';
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral.neutral3;
-});
-exports.Button = Button;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonsArea=exports.Button=void 0;var _templateObject,_templateObject2,_templateObject3,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ButtonsArea=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  flex-wrap: wrap;\n\n  button {\n    align-items: center;\n\n    width: 24px;\n    height: 24px;\n    margin-left: 8px;\n    padding: 0;\n\n    background: none;\n    border: 0;\n    border-radius: 12px;\n    outline: 0;\n\n    cursor: default;\n\n    ","\n\n    :focus {\n      box-shadow: 0 0 0 2px ",";\n    }\n  }\n"])),function(_ref){var disabled=_ref.disabled;return!disabled&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        cursor: pointer;\n      "])))},function(_ref2){var theme=_ref2.theme;return theme.colors.primary.focus});exports.ButtonsArea=ButtonsArea;var Button=_styled.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: ",";\n  justify-content: center;\n\n  svg {\n    color: ",";\n  }\n"])),function(_ref3){var show=_ref3.show;return show?"flex":"none"},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral3});exports.Button=Button;

package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectAreaWrapper = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SelectAreaWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: 80% 20%;\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  min-height: 52px;\n  padding: 4px 20px;\n\n  border: 2px solid ", ";\n  border-radius: 8px;\n\n  transition: all ease-in-out 0.2s;\n\n  &:hover {\n    label {\n      color: ", ";\n    }\n  }\n\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.neutral.neutral2;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.neutral.neutral5;
-}, InputWrapperDisabledTratamentFunction);
-exports.SelectAreaWrapper = SelectAreaWrapper;
-function InputWrapperDisabledTratamentFunction(_ref3) {
-  var disabled = _ref3.disabled,
-    selectType = _ref3.selectType,
-    theme = _ref3.theme;
-  var disableStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: ", ";\n\n    label {\n      color: ", ";\n    }\n\n    div:nth-of-type(1) {\n      button {\n        background-color: ", ";\n        color: ", ";\n      }\n    }\n  "])), theme ? theme.colors.neutral.neutral1 : '', theme ? theme.colors.neutral.neutral3 : '', theme ? theme.colors.neutral.white : '', theme ? theme.colors.neutral.neutral3 : '');
-  var enableStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    &:hover {\n      border-color: ", ";\n    }\n\n    &:focus-within {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n\n    ", "\n  "])), selectType && theme ? theme.colors[selectType].blurred : theme && theme.colors.primary.hover, theme ? theme.colors.primary.focus : '', theme ? theme.colors.primary.disabled : '', alertControl(selectType, theme));
-  return disabled ? disableStyle : enableStyle;
-}
-function alertControl(selectType, theme) {
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border-color: ", ";\n  "])), !!selectType && !!theme ? hexToRgba(theme.colors[selectType].default, 0.2) : '', !!selectType && !!theme ? theme.colors[selectType].default : '');
-}
-function hexToRgba(hex, alpha) {
-  hex = hex.substring(1);
-  var aRgbHex = hex.match(/.{1,2}/g);
-  if (!aRgbHex) return;
-  var aRgb = [parseInt(aRgbHex[0], 16), parseInt(aRgbHex[1], 16), parseInt(aRgbHex[2], 16)];
-  return "rgba(".concat(aRgb[0], ",").concat(aRgb[1], ",").concat(aRgb[2], ",").concat(alpha, ")");
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectAreaWrapper=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SelectAreaWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: 80% 20%;\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  min-height: 52px;\n  padding: 4px 20px;\n\n  border: 2px solid ",";\n  border-radius: 8px;\n\n  transition: all ease-in-out 0.2s;\n\n  &:hover {\n    label {\n      color: ",";\n    }\n  }\n\n  ","\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral2},function(_ref2){var theme=_ref2.theme;return theme.colors.neutral.neutral5},InputWrapperDisabledTratamentFunction);exports.SelectAreaWrapper=SelectAreaWrapper;function InputWrapperDisabledTratamentFunction(_ref3){var disabled=_ref3.disabled,selectType=_ref3.selectType,theme=_ref3.theme,disableStyle=(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    background-color: ",";\n\n    label {\n      color: ",";\n    }\n\n    div:nth-of-type(1) {\n      button {\n        background-color: ",";\n        color: ",";\n      }\n    }\n  "])),theme?theme.colors.neutral.neutral1:"",theme?theme.colors.neutral.neutral3:"",theme?theme.colors.neutral.white:"",theme?theme.colors.neutral.neutral3:""),enableStyle=(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    &:hover {\n      border-color: ",";\n    }\n\n    &:focus-within {\n      border-color: ",";\n      box-shadow: 0 0 0 2px ",";\n    }\n\n    ","\n  "])),selectType&&theme?theme.colors[selectType].blurred:theme&&theme.colors.primary.hover,theme?theme.colors.primary.focus:"",theme?theme.colors.primary.disabled:"",alertControl(selectType,theme));return disabled?disableStyle:enableStyle}function alertControl(selectType,theme){return(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    background-color: ",";\n    border-color: ",";\n  "])),!selectType||!theme?"":hexToRgba(theme.colors[selectType].default,.2),!selectType||!theme?"":theme.colors[selectType].default)}function hexToRgba(hex,alpha){hex=hex.substring(1);var aRgbHex=hex.match(/.{1,2}/g);if(aRgbHex){var aRgb=[parseInt(aRgbHex[0],16),parseInt(aRgbHex[1],16),parseInt(aRgbHex[2],16)];return"rgba(".concat(aRgb[0],",").concat(aRgb[1],",").concat(aRgb[2],",").concat(alpha,")")}}

package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectedSingleOption = exports.SelectedOptionsArea = exports.SelectedOptionText = exports.SelectedOption = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SelectedOptionsArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var multiple = _ref.multiple;
-  if (multiple) {
-    return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        flex-wrap: wrap;\n        flex: 1;\n        align-items: center;\n        position: relative;\n      "])));
-  }
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n    "])));
-});
-exports.SelectedOptionsArea = SelectedOptionsArea;
-var SelectedSingleOption = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  transition: all ease-in-out 0.2s;\n\n  font-weight: ", ";\n  font-size: ", ";\n\n  color: ", ";\n\n  ", ";\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontWeight['500'];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.fontSizes.xs;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral.neutral5;
-}, function (_ref5) {
-  var disabled = _ref5.disabled;
-  return !disabled && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      cursor: pointer;\n    "])));
-});
-exports.SelectedSingleOption = SelectedSingleOption;
-var SelectedOption = _styled.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  margin: 2px;\n\n  transition: all ease-in-out 0.2s;\n\n  background-color: ", ";\n\n  border: 0;\n  color: ", ";\n\n  &:not(&:disabled) {\n    cursor: pointer;\n  }\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.colors.neutral.neutral6;
-});
-exports.SelectedOption = SelectedOption;
-var SelectedOptionText = _styled.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-right: 8px;\n  font-weight: ", ";\n  font-size: ", ";\n"])), function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.fontWeight['400'];
-}, function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.fontSizes.xxs;
-});
-exports.SelectedOptionText = SelectedOptionText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectedSingleOption=exports.SelectedOptionsArea=exports.SelectedOptionText=exports.SelectedOption=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SelectedOptionsArea=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref){var multiple=_ref.multiple;return multiple?(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        display: flex;\n        flex-wrap: wrap;\n        flex: 1;\n        align-items: center;\n        position: relative;\n      "]))):(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n    "])))});exports.SelectedOptionsArea=SelectedOptionsArea;var SelectedSingleOption=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: inline;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  transition: all ease-in-out 0.2s;\n\n  font-weight: ",";\n  font-size: ",";\n\n  color: ",";\n\n  ",";\n"])),function(_ref2){var theme=_ref2.theme;return theme.fontWeight[500]},function(_ref3){var theme=_ref3.theme;return theme.fontSizes.xs},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral5},function(_ref5){var disabled=_ref5.disabled;return!disabled&&(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      cursor: pointer;\n    "])))});exports.SelectedSingleOption=SelectedSingleOption;var SelectedOption=_styled.default.button(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  margin: 2px;\n\n  transition: all ease-in-out 0.2s;\n\n  background-color: ",";\n\n  border: 0;\n  color: ",";\n\n  &:not(&:disabled) {\n    cursor: pointer;\n  }\n"])),function(_ref6){var theme=_ref6.theme;return theme.colors.neutral.neutral1},function(_ref7){var theme=_ref7.theme;return theme.colors.neutral.neutral6});exports.SelectedOption=SelectedOption;var SelectedOptionText=_styled.default.span(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-right: 8px;\n  font-weight: ",";\n  font-size: ",";\n"])),function(_ref8){var theme=_ref8.theme;return theme.fontWeight[400]},function(_ref9){var theme=_ref9.theme;return theme.fontSizes.xxs});exports.SelectedOptionText=SelectedOptionText;