@pedidopago/ui 1.6.9 → 1.6.11

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

@@ -1,85 +1,63 @@
 "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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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;
-
+    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];
-
+    _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];
-
+    _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];
-
+    _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);
@@ -89,8 +67,7 @@ var OptionsArea = function OptionsArea(_ref) {
     if (observerRef.current) observerRef.current.disconnect();
     observerRef.current = new IntersectionObserver(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 1),
-          entry = _ref3[0];
-
+        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,
@@ -99,11 +76,9 @@ var OptionsArea = function OptionsArea(_ref) {
     });
     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);
@@ -129,7 +104,6 @@ var OptionsArea = function OptionsArea(_ref) {
   (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]);
@@ -138,35 +112,28 @@ var OptionsArea = function OptionsArea(_ref) {
     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];
-
+    _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, {
@@ -274,5 +241,4 @@ var OptionsArea = function OptionsArea(_ref) {
     })]
   });
 };
-
 exports.OptionsArea = OptionsArea;

package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts

@@ -59,7 +59,6 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string;
     } | undefined;
@@ -131,6 +130,8 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -224,10 +225,12 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     radioGroup?: string | undefined;

package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqC9B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAuBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;mBAAiC,OAAO;gBAAc,UAAU;kHAe7F,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAIhB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqC9B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAuBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;mBAAiC,OAAO;gBAAc,UAAU;kHAe7F,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAIhB,CAAC"}

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

@@ -4,29 +4,21 @@ 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;
+    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.body.light, 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;
@@ -43,23 +35,19 @@ var OptionItem = _styled.default.div(_templateObject2 || (_templateObject2 = _ta
   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"])), function (_ref7) {
+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"])), function (_ref7) {
   var isLoadingData = _ref7.isLoadingData;
   return isLoadingData ? '2em' : '1em';
 }, function (_ref8) {
   var theme = _ref8.theme,
-      selectType = _ref8.selectType;
+    selectType = _ref8.selectType;
   return selectType ? theme.colors[selectType].blurred : theme.colors.primary.disabled;
 }, function (_ref9) {
   var theme = _ref9.theme;
   return theme.borderRadius.default;
 });
-
 exports.AutoCompleteInput = AutoCompleteInput;
-
 var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n  color: ", ";\n"])), function (_ref10) {
   var theme = _ref10.theme;
   return theme.fontSizes.xxs;
@@ -67,5 +55,4 @@ var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedT
   var theme = _ref11.theme;
   return theme.colors.error.default;
 });
-
 exports.Span = Span;

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

@@ -4,17 +4,11 @@ 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      "])));
@@ -22,9 +16,7 @@ var ButtonsArea = _styled.default.div(_templateObject || (_templateObject = _tag
   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';
@@ -32,5 +24,4 @@ var Button = _styled.default.button(_templateObject3 || (_templateObject3 = _tag
   var theme = _ref4.theme;
   return theme.colors.neutral.neutral3;
 });
-
 exports.Button = Button;

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

@@ -4,17 +4,11 @@ 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;
@@ -22,22 +16,18 @@ var SelectAreaWrapper = _styled.default.div(_templateObject || (_templateObject
   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;
+    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);

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

@@ -4,29 +4,19 @@ 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'];
@@ -40,9 +30,7 @@ var SelectedSingleOption = _styled.default.div(_templateObject4 || (_templateObj
   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;
@@ -53,9 +41,7 @@ var SelectedOption = _styled.default.button(_templateObject6 || (_templateObject
     light: theme.colors.neutral.neutral6
   }[theme.colorMode];
 });
-
 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'];
@@ -63,5 +49,4 @@ var SelectedOptionText = _styled.default.span(_templateObject7 || (_templateObje
   var theme = _ref9.theme;
   return theme.fontSizes.xxs;
 });
-
 exports.SelectedOptionText = SelectedOptionText;

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

@@ -4,37 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectArea = void 0;
-
 var _react = require("react");
-
 var _ButtonsArea = require("./ButtonsArea");
-
 var _SelectAreaWrapper = require("./SelectAreaWrapper");
-
 var _SelectedOptionsArea = require("./SelectedOptionsArea");
-
 var _Flex = _interopRequireDefault(require("../../../Flex"));
-
 var _Icon = _interopRequireDefault(require("../../../Icon"));
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var SelectArea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var disabled = _ref.disabled,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? 'SelectInput' : _ref$label,
-      setShowOptionsArea = _ref.setShowOptionsArea,
-      toggleOptionsAreaView = _ref.toggleOptionsAreaView,
-      inputAlert = _ref.inputAlert,
-      multiple = _ref.multiple,
-      removeSelectedOption = _ref.removeSelectedOption,
-      selectedOptions = _ref.selectedOptions,
-      dropDownIcon = _ref.dropDownIcon,
-      placeholder = _ref.placeholder;
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'SelectInput' : _ref$label,
+    setShowOptionsArea = _ref.setShowOptionsArea,
+    toggleOptionsAreaView = _ref.toggleOptionsAreaView,
+    inputAlert = _ref.inputAlert,
+    multiple = _ref.multiple,
+    removeSelectedOption = _ref.removeSelectedOption,
+    selectedOptions = _ref.selectedOptions,
+    dropDownIcon = _ref.dropDownIcon,
+    placeholder = _ref.placeholder;
   var selectAreaRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return selectAreaRef.current;

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Placeholder = exports.Label = exports.HelperText = 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 Label = _styled.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  box-sizing: border-box;\n\n  color: ", ";\n  transition: all ease-in-out 0.2s;\n\n  font-weight: ", ";\n  font-size: ", ";\n\n  padding-inline: 6px;\n\n  white-space: nowrap;\n  max-width: 80%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.neutral.neutral3;
@@ -26,22 +20,17 @@ var Label = _styled.default.label(_templateObject || (_templateObject = _taggedT
   return theme.fontSizes.xxs;
 }, function (_ref4) {
   var animate = _ref4.animate,
-      theme = _ref4.theme;
+    theme = _ref4.theme;
   return animate ? (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          top: 0;\n          left: 2em;\n\n          transform: translate(-12px, -11px);\n          background-color: ", ";\n          height: 20px;\n        "])), theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white) : '';
 });
-
 exports.Label = Label;
-
 var Placeholder = _styled.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  font-weight: 500;\n  max-width: 70%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  transform: translateY(-50%);\n  color: ", ";\n"])), function (props) {
   return props.theme.colors.neutral.neutral3;
 });
-
 exports.Placeholder = Placeholder;
-
 var HelperText = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n\n  color: ", ";\n  padding: 0 20px;\n"])), function (props) {
   return props.theme.fontSizes.xxs;
 }, function (props) {
   return props.selectType && props.selectType !== 'success' ? props.theme.colors[props.selectType].default : props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral2 : props.theme.colors.neutral.neutral4;
 });
-
 exports.HelperText = HelperText;

package/dist/components/MultipleSelect/components/SelectArea/types.d.ts

@@ -15,7 +15,7 @@ export interface ISelectAreaProps {
     setSelectedOptions: (array: SelectData[]) => void;
     toggleOptionsAreaView: (e: React.MouseEvent<HTMLElement>) => void;
 }
-export declare type InputWrapperType = {
+export type InputWrapperType = {
     disabled: boolean;
     selectType: SelectType;
     theme?: ExtendThemeProps;

package/dist/components/MultipleSelect/components/SelectArea/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtF,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtF,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _InputWrapper = require("./InputWrapper");
-
 Object.keys(_InputWrapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _InputWrapper[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_InputWrapper).forEach(function (key) {
     }
   });
 });
-
 var _SelectArea = require("./SelectArea");
-
 Object.keys(_SelectArea).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SelectArea[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_SelectArea).forEach(function (key) {
     }
   });
 });
-
 var _OptionsArea = require("./OptionsArea");
-
 Object.keys(_OptionsArea).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _OptionsArea[key]) return;

package/dist/components/MultipleSelect/index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC } from 'react';
 import { ISelectInputProps } from './types';
-declare type Props = ComponentPropsWithoutRef<'p'>;
+type Props = ComponentPropsWithoutRef<'p'>;
 declare const MultipleSelect: FC<ISelectInputProps & Props>;
 export default MultipleSelect;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MultipleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAaf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEpE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAiLjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAaf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEpE,KAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAiLjD,CAAC;AAEF,eAAe,cAAc,CAAC"}