@pedidopago/ui 1.7.25 → 1.8.0

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

@@ -1,100 +1 @@
-"use strict";
-
-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;
-  var selectAreaRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return selectAreaRef.current;
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectAreaWrapper.SelectAreaWrapper, {
-    ref: selectAreaRef,
-    "data-testid": "select-area",
-    onKeyDown: function onKeyDown(e) {
-      return e.key === 'ArrowDown' && setShowOptionsArea(true);
-    },
-    disabled: disabled,
-    onClick: toggleOptionsAreaView,
-    selectType: inputAlert,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
-      animate: selectedOptions.length > 0 || Boolean(placeholder),
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionsArea, {
-      multiple: multiple,
-      children: selectedOptions.length ? multiple ? selectedOptions.map(function (option) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectedOptionsArea.SelectedOption, {
-          title: option.label,
-          "data-testid": "select-area--selected-option",
-          disabled: disabled,
-          onClick: function onClick(e) {
-            return removeSelectedOption(e, option);
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionText, {
-            children: option.label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-              name: "x-circle",
-              size: "12px"
-            })
-          })]
-        }, option.label);
-      }) : selectedOptions.map(function (option) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedSingleOption, {
-          "data-testid": "select-area--selected-option",
-          children: option.label
-        }, option.label);
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Placeholder, {
-        children: placeholder
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonsArea.ButtonsArea, {
-      disabled: disabled,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonsArea.Button, {
-        tabIndex: 0,
-        type: "button",
-        disabled: disabled,
-        show: selectedOptions.length > 0,
-        onClick: function onClick(e) {
-          removeSelectedOption(e);
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: "x",
-          size: "20px"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonsArea.Button, {
-        type: "button",
-        show: true,
-        tabIndex: 0,
-        disabled: disabled,
-        onClick: toggleOptionsAreaView,
-        children: dropDownIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: "chevron-down",
-          color: "neutral.neutral5"
-        })
-      })]
-    })]
-  });
-});
-exports.SelectArea = SelectArea;
-SelectArea.displayName = 'SelectArea';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectArea=void 0;var _react=require("react"),_ButtonsArea=require("./ButtonsArea"),_SelectAreaWrapper=require("./SelectAreaWrapper"),_SelectedOptionsArea=require("./SelectedOptionsArea"),_Flex=_interopRequireDefault(require("../../../Flex")),_Icon=_interopRequireDefault(require("../../../Icon")),_styles=require("./styles"),_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=void 0===_ref$label?"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,selectAreaRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return selectAreaRef.current}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_SelectAreaWrapper.SelectAreaWrapper,{ref:selectAreaRef,"data-testid":"select-area",onKeyDown:function onKeyDown(e){return"ArrowDown"===e.key&&setShowOptionsArea(!0)},disabled:disabled,onClick:toggleOptionsAreaView,selectType:inputAlert,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Label,{animate:0<selectedOptions.length||!!placeholder,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionsArea,{multiple:multiple,children:selectedOptions.length?multiple?selectedOptions.map(function(option){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_SelectedOptionsArea.SelectedOption,{title:option.label,"data-testid":"select-area--selected-option",disabled:disabled,onClick:function onClick(e){return removeSelectedOption(e,option)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionText,{children:option.label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x-circle",size:"12px"})})]},option.label)}):selectedOptions.map(function(option){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectedOptionsArea.SelectedSingleOption,{"data-testid":"select-area--selected-option",children:option.label},option.label)}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Placeholder,{children:placeholder})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ButtonsArea.ButtonsArea,{disabled:disabled,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_ButtonsArea.Button,{tabIndex:0,type:"button",disabled:disabled,show:0<selectedOptions.length,onClick:function onClick(e){removeSelectedOption(e)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",size:"20px"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ButtonsArea.Button,{type:"button",show:!0,tabIndex:0,disabled:disabled,onClick:toggleOptionsAreaView,children:dropDownIcon||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down",color:"neutral.neutral5"})})]})]})});exports.SelectArea=SelectArea,SelectArea.displayName="SelectArea";

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

@@ -1,36 +1 @@
-"use strict";
-
-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  transform: translate(0.4rem, 0.8rem);\n\n  ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.neutral.neutral3;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fontWeight['500'];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.fontSizes.xxs;
-}, function (_ref4) {
-  var animate = _ref4.animate,
-    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.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.colors.neutral.neutral4;
-});
-exports.HelperText = HelperText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Placeholder=exports.Label=exports.HelperText=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 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  transform: translate(0.4rem, 0.8rem);\n\n  ",";\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral3},function(_ref2){var theme=_ref2.theme;return theme.fontWeight[500]},function(_ref3){var theme=_ref3.theme;return theme.fontSizes.xxs},function(_ref4){var animate=_ref4.animate,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.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&&"success"!==props.selectType?props.theme.colors[props.selectType].default:props.theme.colors.neutral.neutral4});exports.HelperText=HelperText;

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

@@ -1,38 +1 @@
-"use strict";
-
-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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _InputWrapper[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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SelectArea[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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _OptionsArea[key];
-    }
-  });
-});
+"use strict";var _InputWrapper=require("./InputWrapper");var _SelectArea=require("./SelectArea");var _OptionsArea=require("./OptionsArea");Object.defineProperty(exports,"__esModule",{value:!0});Object.keys(_InputWrapper).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_InputWrapper[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _InputWrapper[key]}})});Object.keys(_SelectArea).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_SelectArea[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _SelectArea[key]}})});Object.keys(_OptionsArea).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_OptionsArea[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _OptionsArea[key]}})});

package/dist/components/MultipleSelect/index.js

@@ -1,209 +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.default = void 0;
-var _react = require("react");
-var _framerMotion = require("framer-motion");
-var _ReactPortal = require("../ReactPortal");
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _useDisableBodyScroll = require("../../shared/hooks/useDisableBodyScroll");
-var _animations = require("./animations");
-var _components = require("./components");
-var _styles = require("./components/SelectArea/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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 onFinishedTimerDebounce;
-var MultipleSelect = function MultipleSelect(_ref) {
-  var _selectAreaRef$curren;
-  var width = _ref.width,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-    _ref$AutoComplete = _ref.AutoComplete,
-    AutoComplete = _ref$AutoComplete === void 0 ? false : _ref$AutoComplete,
-    _ref$maxSelects = _ref.maxSelects,
-    maxSelects = _ref$maxSelects === void 0 ? 5 : _ref$maxSelects,
-    onChangeValue = _ref.onChangeValue,
-    onChangeSearch = _ref.onChangeSearch,
-    onFinished = _ref.onFinished,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'SelectInput' : _ref$label,
-    selectType = _ref.selectType,
-    _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data,
-    isLoadingData = _ref.isLoadingData,
-    loadMoreData = _ref.loadMoreData,
-    hasMoreData = _ref.hasMoreData,
-    dropDownIcon = _ref.dropDownIcon,
-    placeholder = _ref.placeholder,
-    defaultSelectedOptions = _ref.defaultSelectedOptions,
-    value = _ref.value,
-    helperText = _ref.helperText,
-    autoCompleteHelperText = _ref.autoCompleteHelperText,
-    _ref$infiniteScroll = _ref.infiniteScroll,
-    infiniteScroll = _ref$infiniteScroll === void 0 ? false : _ref$infiniteScroll;
-  var _useState = (0, _react.useState)(selectType),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputAlert = _useState2[0],
-    setInputAlert = _useState2[1];
-  var _useState3 = (0, _react.useState)(defaultSelectedOptions || []),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedOptions = _useState4[0],
-    setSelectedOptions = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showOptionsArea = _useState6[0],
-    setShowOptionsArea = _useState6[1];
-  var InputWrapperRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    function handleClickOutSide(event) {
-      var _InputWrapperRef$curr;
-      var portalRoot = document.querySelector('#portal-root');
-      if (!((_InputWrapperRef$curr = InputWrapperRef.current) !== null && _InputWrapperRef$curr !== void 0 && _InputWrapperRef$curr.contains(event.target)) && !(portalRoot !== null && portalRoot !== void 0 && portalRoot.contains(event.target))) {
-        setShowOptionsArea(false);
-      }
-    }
-    document.addEventListener('mousedown', handleClickOutSide);
-    return function () {
-      return document.removeEventListener('mousedown', handleClickOutSide);
-    };
-  }, [setShowOptionsArea]);
-  (0, _react.useEffect)(function () {
-    setInputAlert(selectType);
-  }, [selectType]);
-  function removeSelectedOption(event, option) {
-    event.stopPropagation();
-    if (!option) {
-      setSelectedOptions([]);
-      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue([]);
-      return;
-    }
-    var newSelectedOptions = _toConsumableArray(selectedOptions);
-    var indexToRemove = selectedOptions.findIndex(function (chosenOption) {
-      return chosenOption.label === option.label;
-    });
-    newSelectedOptions.splice(indexToRemove, 1);
-    setSelectedOptions(newSelectedOptions);
-    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(newSelectedOptions);
-  }
-  (0, _react.useEffect)(function () {
-    if (value !== null && value !== void 0 && value.length) return setSelectedOptions(value);
-    setSelectedOptions([]);
-  }, [value]);
-  var scrollHandler = (0, _react.useCallback)(function (event) {
-    var _ref2 = event.target,
-      clientHeight = _ref2.clientHeight,
-      scrollHeight = _ref2.scrollHeight,
-      scrollTop = _ref2.scrollTop;
-    var scroll = scrollHeight - scrollTop - clientHeight;
-    if (!!onFinished && scroll <= 120) {
-      clearTimeout(onFinishedTimerDebounce);
-      onFinishedTimerDebounce = setTimeout(function () {
-        return onFinished(true);
-      }, 500);
-    }
-  }, [onFinished]);
-  var toggleOptionsAreaView = function toggleOptionsAreaView(event) {
-    event.stopPropagation();
-    !disabled && setShowOptionsArea(!showOptionsArea);
-  };
-  var chooseOption = (0, _react.useCallback)(function (option) {
-    if (multiple) {
-      if (!(selectedOptions.length >= maxSelects)) {
-        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue([].concat(_toConsumableArray(selectedOptions), [option]));
-        setSelectedOptions(function (oldstate) {
-          return [].concat(_toConsumableArray(oldstate), [option]);
-        });
-      }
-    } else {
-      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue([option]);
-      setSelectedOptions([option]);
-      setShowOptionsArea(false);
-    }
-  }, [selectedOptions, multiple, setSelectedOptions, maxSelects]);
-  var selectAreaRef = (0, _react.useRef)(null);
-  var _useState7 = (0, _react.useState)((_selectAreaRef$curren = selectAreaRef.current) === null || _selectAreaRef$curren === void 0 ? void 0 : _selectAreaRef$curren.getBoundingClientRect().top),
-    _useState8 = _slicedToArray(_useState7, 2),
-    positionOptions = _useState8[0],
-    setPositionOptions = _useState8[1];
-  function handleRepositionModal() {
-    var _selectAreaRef$curren2;
-    setPositionOptions((_selectAreaRef$curren2 = selectAreaRef.current) === null || _selectAreaRef$curren2 === void 0 ? void 0 : _selectAreaRef$curren2.getBoundingClientRect().top);
-  }
-  (0, _useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea, 'child_element');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-    direction: "column",
-    spacing: "1",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.InputWrapper, {
-      ref: InputWrapperRef,
-      width: width,
-      fullWidth: fullWidth,
-      onMouseOver: handleRepositionModal,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectArea, {
-        ref: selectAreaRef,
-        disabled: disabled,
-        label: label,
-        multiple: multiple,
-        setShowOptionsArea: setShowOptionsArea,
-        removeSelectedOption: removeSelectedOption,
-        selectedOptions: selectedOptions,
-        setSelectedOptions: setSelectedOptions,
-        toggleOptionsAreaView: toggleOptionsAreaView,
-        inputAlert: inputAlert,
-        placeholder: placeholder,
-        dropDownIcon: dropDownIcon
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-        wrapperId: "portal-root",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-          mode: "wait",
-          children: showOptionsArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, _objectSpread(_objectSpread({}, _animations.multipleSelectAnimations), {}, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.OptionsArea, {
-              positionOptions: positionOptions || 0,
-              parentRef: selectAreaRef,
-              infiniteScroll: infiniteScroll,
-              AutoComplete: AutoComplete,
-              setShowOptionsArea: setShowOptionsArea,
-              inputAlert: inputAlert,
-              chooseOption: chooseOption,
-              selectedOptions: selectedOptions,
-              data: data,
-              loadMoreData: loadMoreData,
-              hasMoreData: hasMoreData,
-              scrollHandler: scrollHandler,
-              showOptionsArea: showOptionsArea,
-              onChangeSearch: onChangeSearch,
-              isLoadingData: isLoadingData,
-              autoCompleteHelperText: autoCompleteHelperText
-            })
-          }))
-        })
-      })]
-    }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
-      selectType: selectType,
-      children: helperText
-    })]
-  });
-};
-var _default = MultipleSelect;
-exports.default = _default;
+"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.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_animations=require("./animations"),_components=require("./components"),_styles=require("./components/SelectArea/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 _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}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 onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){function handleClickOutSide(event){var _InputWrapperRef$curr,portalRoot=document.querySelector("#portal-root");null!==(_InputWrapperRef$curr=InputWrapperRef.current)&&void 0!==_InputWrapperRef$curr&&_InputWrapperRef$curr.contains(event.target)||null!==portalRoot&&void 0!==portalRoot&&portalRoot.contains(event.target)||setShowOptionsArea(!1)}return document.addEventListener("mousedown",handleClickOutSide),function(){return document.removeEventListener("mousedown",handleClickOutSide)}},[setShowOptionsArea]),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:showOptionsArea&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({},_animations.multipleSelectAnimations),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.OptionsArea,{positionOptions:positionOptions||0,parentRef:selectAreaRef,infiniteScroll:void 0!==_ref$infiniteScroll&&_ref$infiniteScroll,AutoComplete:void 0!==_ref$AutoComplete&&_ref$AutoComplete,setShowOptionsArea:setShowOptionsArea,inputAlert:inputAlert,chooseOption:chooseOption,selectedOptions:selectedOptions,data:data,loadMoreData:loadMoreData,hasMoreData:hasMoreData,scrollHandler:scrollHandler,showOptionsArea:showOptionsArea,onChangeSearch:onChangeSearch,isLoadingData:isLoadingData,autoCompleteHelperText:autoCompleteHelperText})}))})})]}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{selectType:selectType,children:helperText})]})},_default=MultipleSelect;exports.default=_default;

package/dist/components/NewSelect/Examples/constants.js

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionsSelectExample = void 0;
-var optionsSelectExample = [{
-  label: 'Opção 1',
-  value: 'option1'
-}, {
-  label: 'Opção 2',
-  value: 'option2'
-}, {
-  label: 'Opção 3',
-  value: 'option3'
-}, {
-  label: 'Opção 4',
-  value: 'option4'
-}, {
-  label: 'Opção 5',
-  value: 'option5'
-}, {
-  label: 'Opção 6',
-  value: 'option6'
-}, {
-  label: 'Opção 7',
-  value: 'option7'
-}, {
-  label: 'Opção 8',
-  value: 'option8'
-}, {
-  label: 'Opção 9',
-  value: 'option9'
-}, {
-  label: 'Opção 10',
-  value: 'option10'
-}, {
-  label: 'Opção 11',
-  value: 'option11'
-}, {
-  label: 'Opção 12',
-  value: 'option12'
-}, {
-  label: 'Opção 13',
-  value: 'option13'
-}, {
-  label: 'Opção 14',
-  value: 'option14'
-}, {
-  label: 'Opção 15',
-  value: 'option15'
-}, {
-  label: 'Opção 16',
-  value: 'option16'
-}];
-exports.optionsSelectExample = optionsSelectExample;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.optionsSelectExample=void 0;var optionsSelectExample=[{label:"Op\xE7\xE3o 1",value:"option1"},{label:"Op\xE7\xE3o 2",value:"option2"},{label:"Op\xE7\xE3o 3",value:"option3"},{label:"Op\xE7\xE3o 4",value:"option4"},{label:"Op\xE7\xE3o 5",value:"option5"},{label:"Op\xE7\xE3o 6",value:"option6"},{label:"Op\xE7\xE3o 7",value:"option7"},{label:"Op\xE7\xE3o 8",value:"option8"},{label:"Op\xE7\xE3o 9",value:"option9"},{label:"Op\xE7\xE3o 10",value:"option10"},{label:"Op\xE7\xE3o 11",value:"option11"},{label:"Op\xE7\xE3o 12",value:"option12"},{label:"Op\xE7\xE3o 13",value:"option13"},{label:"Op\xE7\xE3o 14",value:"option14"},{label:"Op\xE7\xE3o 15",value:"option15"},{label:"Op\xE7\xE3o 16",value:"option16"}];exports.optionsSelectExample=optionsSelectExample;