@pedidopago/ui 1.17.38 → 1.17.40

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAsB,aAAa,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,IAAe,EACf,oBAA4B,EAC5B,eAAe,EACf,QAAkB,EAClB,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,2CAqOlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAsB,aAAa,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,IAAe,EACf,oBAA4B,EAC5B,eAAe,EACf,QAAkB,EAClB,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,2CAuOlB"}

package/dist/components/Combobox/index.js

@@ -3,4 +3,4 @@
 // Utils
 // Styles
 // Types
-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}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Combobox(_ref){function checkIfHasOption(value){var userSelectedOption=null===options||void 0===options?void 0:options.find(function(option){return option.value.toLowerCase()===value.toLowerCase()});userSelectedOption&&isSuggestionsMode?setIsOpen(!1):(setIsOpen(!0),setActiveIndex(0))}function onChangeSelection(args){var value=(null===args||void 0===args?void 0:args.value)||"",label="string"==typeof(null===args||void 0===args?void 0:args.label)?args.label:"";(0,_utils.dispatchInputValue)(inputRef,value),setSearchTerm((null===args||void 0===args?void 0:args.searchTerm)||label),null===onChange||void 0===onChange?void 0:onChange(value),setInputValue(label),setActiveIndex(null),setIsOpen(!1)}var value=_ref.value,onOpen=_ref.onOpen,onChange=_ref.onChange,onInputChange=_ref.onInputChange,onClose=_ref.onClose,onReset=_ref.onReset,resetIcon=_ref.resetIcon,options=_ref.options,optionsContainerStyles=_ref.optionsContainerStyles,resultIsLoading=_ref.resultIsLoading,resultNotFound=_ref.resultNotFound,onFocusShowOptions=_ref.onFocusShowOptions,isLoading=_ref.isLoading,_ref$mode=_ref.mode,mode=void 0===_ref$mode?"select":_ref$mode,_ref$inFocusAfterSele=_ref.inFocusAfterSelected,optionsObserver=_ref.optionsObserver,_ref$searchIn=_ref.searchIn,searchIn=void 0===_ref$searchIn?"value":_ref$searchIn,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react2.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,_react2.useState)(""),_useState4=_slicedToArray(_useState3,2),searchTerm=_useState4[0],setSearchTerm=_useState4[1],_useState5=(0,_react2.useState)(""),_useState6=_slicedToArray(_useState5,2),inputValue=_useState6[0],setInputValue=_useState6[1],_useState7=(0,_react2.useState)(null),_useState8=_slicedToArray(_useState7,2),activeIndex=_useState8[0],setActiveIndex=_useState8[1],showFilteredOptions=""!==searchTerm,filteredOptions=(0,_react2.useMemo)(function(){return showFilteredOptions?(0,_utils.filterOptions)({options:options,searchTerm:searchTerm,searchIn:searchIn}):options},[showFilteredOptions,options,searchTerm,searchIn]),hasResults=!!(null!==filteredOptions&&void 0!==filteredOptions&&filteredOptions[0]),isSuggestionsMode="suggestion"===mode,listRef=(0,_react2.useRef)([]),inputRef=(0,_react2.useRef)(null),_useFloating=(0,_react.useFloating)({whileElementsMounted:_react.autoUpdate,open:isOpen,onOpenChange:function onOpenChange(){setIsOpen(!1),null===onClose||void 0===onClose?void 0:onClose(),setActiveIndex(null)},middleware:[(0,_react.offset)(10),(0,_react.flip)({padding:10}),(0,_react.size)({apply:function apply(_ref2){var rects=_ref2.rects,availableHeight=_ref2.availableHeight,elements=_ref2.elements;Object.assign(elements.floating.style,{width:"".concat(rects.reference.width,"px"),maxHeight:"".concat(availableHeight-60,"px")})},padding:10})]}),refs=_useFloating.refs,floatingStyles=_useFloating.floatingStyles,context=_useFloating.context,role=(0,_react.useRole)(context,{role:"listbox"}),dismiss=(0,_react.useDismiss)(context),listNav=(0,_react.useListNavigation)(context,{listRef:listRef,activeIndex:activeIndex,onNavigate:setActiveIndex,virtual:!0,loop:!0}),_useInteractions=(0,_react.useInteractions)([role,dismiss,listNav]),getReferenceProps=_useInteractions.getReferenceProps,getFloatingProps=_useInteractions.getFloatingProps,getItemProps=_useInteractions.getItemProps,showRemoveIcon=""!==inputValue&&!(null!==rest&&void 0!==rest&&rest.disabled);return(0,_react2.useEffect)(function(){var comboboxOption=null===options||void 0===options?void 0:options.find(function(item){return(null===value||void 0===value?void 0:value.toLowerCase())===item.value.toLowerCase()}),optionValue=(0,_utils.getSearchInOption)(comboboxOption,searchIn);setInputValue(optionValue||value||""),setSearchTerm(optionValue||value||"")},[value]),(0,_react2.useEffect)(function(){isOpen&&(null===onOpen||void 0===onOpen?void 0:onOpen())},[isOpen]),(0,_react2.useEffect)(function(){isOpen&&(null===onOpen||void 0===onOpen?void 0:onOpen())},[isOpen]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,_objectSpread({ref:inputRef,label:null===rest||void 0===rest?void 0:rest.label,leftIcon:isSuggestionsMode?null:(null===rest||void 0===rest?void 0:rest.leftIcon)||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"search",color:"neutral.neutral3"}),rightIcon:showRemoveIcon&&(resetIcon||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:"neutral.neutral4"})),onRightIconClick:function onRightIconClick(){setIsOpen(!0),onChangeSelection(),null===onReset||void 0===onReset?void 0:onReset()},ContainerProps:getReferenceProps({ref:refs.setReference}),onChange:function(event){var value=event.currentTarget.value;null===onInputChange||void 0===onInputChange?void 0:onInputChange(value),setSearchTerm(value),setInputValue(value),checkIfHasOption(value)},onFocus:function onFocus(e){checkIfHasOption(e.target.value),onFocusShowOptions&&setIsOpen(!0)},onBlur:function onBlur(event){if(!(isSuggestionsMode||null!==activeIndex)){var value=event.target.value,comboboxOption=(0,_utils.getComboboxOption)(value,options,searchIn);onChangeSelection(comboboxOption),comboboxOption||(null===onReset||void 0===onReset?void 0:onReset())}},value:searchTerm,placeholder:null===rest||void 0===rest?void 0:rest.placeholder,"aria-autocomplete":"list",onKeyDown:function(event){var option=null!==activeIndex&&(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions[activeIndex]);if("Enter"===event.key&&option){event.preventDefault();var optionValue=(0,_utils.getSearchInOption)(option,searchIn),comboboxOption=(0,_utils.getComboboxOption)(optionValue,options,searchIn);onChangeSelection(comboboxOption)}}},rest)),isOpen&&!(!hasResults&&isSuggestionsMode)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.FloatingPortal,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.FloatingFocusManager,{context:context,initialFocus:-1,visuallyHiddenDismiss:!0,returnFocus:void 0!==_ref$inFocusAfterSele&&_ref$inFocusAfterSele,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComboboxContainer,_objectSpread(_objectSpread({"data-id":"floating_container"},getFloatingProps({ref:refs.setFloating,style:_objectSpread({},floatingStyles)})),{},{children:[!hasResults&&!isLoading&&(resultNotFound||/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxNoResult.ComboboxNoResult,{therm:searchTerm})),isLoading?resultIsLoading||/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxLoading.ComboboxLoading,{}):hasResults&&(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions.map(function(item,index){var key="".concat(item.label,"-").concat(item.value,"-").concat(index);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxOption.ComboboxOption,_objectSpread(_objectSpread({},getItemProps({ref:function ref(node){return listRef.current[index]=node},onClick:function onClick(){return onChangeSelection(item)},style:_objectSpread({},optionsContainerStyles)})),{},{active:activeIndex===index,children:"string"==typeof item.label?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{children:item.label}):item.label}),key)})),hasResults?optionsObserver:null]}))})})]})}
+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}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Combobox(_ref){function checkIfHasOption(value){var userSelectedOption=null===options||void 0===options?void 0:options.find(function(option){return option.value.toLowerCase()===value.toLowerCase()});userSelectedOption&&isSuggestionsMode?setIsOpen(!1):(setIsOpen(!0),setActiveIndex(0))}function onChangeSelection(args){var value=(null===args||void 0===args?void 0:args.value)||"",label="string"==typeof(null===args||void 0===args?void 0:args.label)?args.label:"";(0,_utils.dispatchInputValue)(inputRef,value),setSearchTerm((null===args||void 0===args?void 0:args.searchTerm)||label),null===onChange||void 0===onChange?void 0:onChange(value),setInputValue(label),setActiveIndex(null),setIsOpen(!1)}var value=_ref.value,onOpen=_ref.onOpen,onChange=_ref.onChange,onInputChange=_ref.onInputChange,onClose=_ref.onClose,onReset=_ref.onReset,resetIcon=_ref.resetIcon,options=_ref.options,optionsContainerStyles=_ref.optionsContainerStyles,resultIsLoading=_ref.resultIsLoading,resultNotFound=_ref.resultNotFound,onFocusShowOptions=_ref.onFocusShowOptions,isLoading=_ref.isLoading,_ref$mode=_ref.mode,mode=void 0===_ref$mode?"select":_ref$mode,_ref$inFocusAfterSele=_ref.inFocusAfterSelected,optionsObserver=_ref.optionsObserver,_ref$searchIn=_ref.searchIn,searchIn=void 0===_ref$searchIn?"value":_ref$searchIn,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react2.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,_react2.useState)(""),_useState4=_slicedToArray(_useState3,2),searchTerm=_useState4[0],setSearchTerm=_useState4[1],_useState5=(0,_react2.useState)(""),_useState6=_slicedToArray(_useState5,2),inputValue=_useState6[0],setInputValue=_useState6[1],_useState7=(0,_react2.useState)(null),_useState8=_slicedToArray(_useState7,2),activeIndex=_useState8[0],setActiveIndex=_useState8[1],showFilteredOptions=""!==searchTerm,filteredOptions=(0,_react2.useMemo)(function(){return showFilteredOptions?(0,_utils.filterOptions)({options:options,searchTerm:searchTerm,searchIn:searchIn}):options},[showFilteredOptions,options,searchTerm,searchIn]),hasResults=!!(null!==filteredOptions&&void 0!==filteredOptions&&filteredOptions[0]),isSuggestionsMode="suggestion"===mode,listRef=(0,_react2.useRef)([]),inputRef=(0,_react2.useRef)(null),_useFloating=(0,_react.useFloating)({whileElementsMounted:_react.autoUpdate,open:isOpen,onOpenChange:function onOpenChange(){setIsOpen(!1),null===onClose||void 0===onClose?void 0:onClose(),setActiveIndex(null)},middleware:[(0,_react.offset)(10),(0,_react.flip)({padding:10}),(0,_react.size)({apply:function apply(_ref2){var rects=_ref2.rects,availableHeight=_ref2.availableHeight,elements=_ref2.elements;Object.assign(elements.floating.style,{width:"".concat(rects.reference.width,"px"),maxHeight:"".concat(availableHeight-60,"px")})},padding:10})]}),refs=_useFloating.refs,floatingStyles=_useFloating.floatingStyles,context=_useFloating.context,role=(0,_react.useRole)(context,{role:"listbox"}),dismiss=(0,_react.useDismiss)(context),listNav=(0,_react.useListNavigation)(context,{listRef:listRef,activeIndex:activeIndex,onNavigate:setActiveIndex,virtual:!0,loop:!0}),_useInteractions=(0,_react.useInteractions)([role,dismiss,listNav]),getReferenceProps=_useInteractions.getReferenceProps,getFloatingProps=_useInteractions.getFloatingProps,getItemProps=_useInteractions.getItemProps,showRemoveIcon=""!==inputValue&&!(null!==rest&&void 0!==rest&&rest.disabled);return(0,_react2.useEffect)(function(){var comboboxOption=null===options||void 0===options?void 0:options.find(function(item){return(null===value||void 0===value?void 0:value.toLowerCase())===item.value.toLowerCase()}),optionValue=(0,_utils.getSearchInOption)(comboboxOption,searchIn);setInputValue(optionValue||value||""),setSearchTerm(optionValue||value||"")},[value]),(0,_react2.useEffect)(function(){isOpen&&(null===onOpen||void 0===onOpen?void 0:onOpen())},[isOpen]),(0,_react2.useEffect)(function(){isOpen&&(null===onOpen||void 0===onOpen?void 0:onOpen())},[isOpen]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,_objectSpread({ref:inputRef,label:null===rest||void 0===rest?void 0:rest.label,leftIcon:isSuggestionsMode?null:(null===rest||void 0===rest?void 0:rest.leftIcon)||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"search",color:"neutral.neutral3"}),rightIcon:showRemoveIcon&&(resetIcon||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:"neutral.neutral4"})),onRightIconClick:function onRightIconClick(){showRemoveIcon&&(setIsOpen(!0),onChangeSelection(),null===onReset||void 0===onReset?void 0:onReset())},ContainerProps:getReferenceProps({ref:refs.setReference}),onChange:function(event){var value=event.currentTarget.value;null===onInputChange||void 0===onInputChange?void 0:onInputChange(value),setSearchTerm(value),setInputValue(value),checkIfHasOption(value)},onFocus:function onFocus(e){checkIfHasOption(e.target.value),onFocusShowOptions&&setIsOpen(!0)},onBlur:function onBlur(event){if(!(isSuggestionsMode||null!==activeIndex)){var value=event.target.value,comboboxOption=(0,_utils.getComboboxOption)(value,options,searchIn);onChangeSelection(comboboxOption),comboboxOption||(null===onReset||void 0===onReset?void 0:onReset())}},value:searchTerm,placeholder:null===rest||void 0===rest?void 0:rest.placeholder,"aria-autocomplete":"list",onKeyDown:function(event){var option=null!==activeIndex&&(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions[activeIndex]);if("Enter"===event.key&&option){event.preventDefault();var optionValue=(0,_utils.getSearchInOption)(option,searchIn),comboboxOption=(0,_utils.getComboboxOption)(optionValue,options,searchIn);onChangeSelection(comboboxOption)}}},rest)),isOpen&&!(!hasResults&&isSuggestionsMode)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.FloatingPortal,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.FloatingFocusManager,{context:context,initialFocus:-1,visuallyHiddenDismiss:!0,returnFocus:void 0!==_ref$inFocusAfterSele&&_ref$inFocusAfterSele,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComboboxContainer,_objectSpread(_objectSpread({"data-id":"floating_container"},getFloatingProps({ref:refs.setFloating,style:_objectSpread({},floatingStyles)})),{},{children:[!hasResults&&!isLoading&&(resultNotFound||/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxNoResult.ComboboxNoResult,{therm:searchTerm})),isLoading?resultIsLoading||/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxLoading.ComboboxLoading,{}):hasResults&&(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions.map(function(item,index){var key="".concat(item.label,"-").concat(item.value,"-").concat(index);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxOption.ComboboxOption,_objectSpread(_objectSpread({},getItemProps({ref:function ref(node){return listRef.current[index]=node},onClick:function onClick(){return onChangeSelection(item)},style:_objectSpread({},optionsContainerStyles)})),{},{active:activeIndex===index,children:"string"==typeof item.label?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{children:item.label}):item.label}),key)})),hasResults?optionsObserver:null]}))})})]})}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDDI/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,KAAa,EACb,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,WAAW,GACZ,EAAE,cAAc,2CAoFhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDDI/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,KAAa,EACb,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,WAAW,GACZ,EAAE,cAAc,2CAwFhB"}

package/dist/components/SelectDDI/index.js

@@ -3,4 +3,4 @@
 // Utils
 // Styles
 // Types
-function SelectDDI(_ref){var _ref$name=_ref.name,name=void 0===_ref$name?"ddi":_ref$name,_ref$label=_ref.label,label=void 0===_ref$label?"DDI":_ref$label,onBlur=_ref.onBlur,disabled=_ref.disabled,helperText=_ref.helperText,isError=_ref.isError,value=_ref.value,isLoading=_ref.isLoading,exclusiveCountries=_ref.exclusiveCountries,_onChange=_ref.onChange,placeholder=_ref.placeholder,_useState=(0,_react.useState)(""),_useState2=_slicedToArray(_useState,2),searchTerm=_useState2[0],setSearchTerm=_useState2[1],filteredCountries=(0,_react.useMemo)(function(){return(0,_utils.getAllowedCountries)(exclusiveCountries)},[exclusiveCountries]),dialCodeOptions=(0,_react.useMemo)(function(){var index=(0,_utils.buildDialCodeIndex)(filteredCountries);return Array.from(index,function(_ref2){var _ref3=_slicedToArray(_ref2,2),digits=_ref3[0],info=_ref3[1];return{value:digits,info:info}})},[filteredCountries]),searchQuery=searchTerm.trim().replace(/^\+/,""),visibleOptions=(0,_react.useMemo)(function(){return searchQuery?dialCodeOptions.filter(function(opt){return opt.value.includes(searchQuery)}):dialCodeOptions},[searchQuery,dialCodeOptions]),selectedDialCode=null!==value&&void 0!==value?value:"";return isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{direction:"column",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{animation:"wave",variant:"rectangle",width:"100%",height:44})}):/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_NewSelect.NewSelect,{renderOptions:function renderOptions(option){var selectedOption=_countries.COUNTRIES.find(function(c){return c.dial_code==="+".concat(option)});return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DDIOption,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_countryFlag.CountryFlag,{countryCode:null===selectedOption||void 0===selectedOption?void 0:selectedOption.code,svg:!0,style:{width:"1.25em",height:"1em"},"aria-label":option}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["+",option]})]})},name:name,label:label,disabled:disabled,helperText:helperText,alert:isError?"error":void 0,value:selectedDialCode,onChange:function onChange(next){setSearchTerm(""),null===_onChange||void 0===_onChange?void 0:_onChange(next)},onBlur:onBlur?function handleBlur(event){null===onBlur||void 0===onBlur?void 0:onBlur(event)}:void 0,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{placeholder:placeholder,value:searchTerm,onChange:function onChange(e){return setSearchTerm(e.currentTarget.value)}}),visibleOptions.map(function(_ref4){var digits=_ref4.value,info=_ref4.info;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:digits,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DDIOption,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_reactCountryFlag.default,{countryCode:info.countryCode,svg:!0,style:{width:"1.25em",height:"1em"},"aria-label":info.countryName}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral4",children:info.dialCode})]})},digits)})]})})}
+function SelectDDI(_ref){var _ref$name=_ref.name,name=void 0===_ref$name?"ddi":_ref$name,_ref$label=_ref.label,label=void 0===_ref$label?"DDI":_ref$label,onBlur=_ref.onBlur,disabled=_ref.disabled,helperText=_ref.helperText,isError=_ref.isError,value=_ref.value,isLoading=_ref.isLoading,exclusiveCountries=_ref.exclusiveCountries,_onChange=_ref.onChange,placeholder=_ref.placeholder,_useState=(0,_react.useState)(""),_useState2=_slicedToArray(_useState,2),searchTerm=_useState2[0],setSearchTerm=_useState2[1],filteredCountries=(0,_react.useMemo)(function(){return(0,_utils.getAllowedCountries)(exclusiveCountries)},[exclusiveCountries]),dialCodeOptions=(0,_react.useMemo)(function(){var index=(0,_utils.buildDialCodeIndex)(filteredCountries);return Array.from(index,function(_ref2){var _ref3=_slicedToArray(_ref2,2),digits=_ref3[0],info=_ref3[1];return{value:digits,info:info}})},[filteredCountries]),searchQuery=searchTerm.trim().replace(/^\+/,""),visibleOptions=(0,_react.useMemo)(function(){return searchQuery?dialCodeOptions.filter(function(opt){return opt.value.includes(searchQuery)}):dialCodeOptions},[searchQuery,dialCodeOptions]),selectedDialCode=null!==value&&void 0!==value?value:"";return isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{direction:"column",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{animation:"wave",variant:"rectangle",width:"100%",height:44})}):/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_NewSelect.NewSelect,{renderOptions:function renderOptions(option){var selectedOption=_countries.COUNTRIES.find(function(c){return c.dial_code==="+".concat(option)});return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DDIOption,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_countryFlag.CountryFlag,{countryCode:null===selectedOption||void 0===selectedOption?void 0:selectedOption.code,svg:!0,style:{width:"1.25em",height:"1em"},"aria-label":option}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{fontWeight:"500",color:"neutral.neutral6",children:["+",option]})]})},name:name,label:label,disabled:disabled,helperText:helperText,alert:isError?"error":void 0,value:selectedDialCode,onChange:function onChange(next){setSearchTerm(""),null===_onChange||void 0===_onChange?void 0:_onChange(next)},onBlur:onBlur?function handleBlur(event){null===onBlur||void 0===onBlur?void 0:onBlur(event)}:void 0,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{placeholder:placeholder,value:searchTerm,onChange:function onChange(e){return setSearchTerm(e.currentTarget.value)}}),visibleOptions.map(function(_ref4){var digits=_ref4.value,info=_ref4.info;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:digits,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DDIOption,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_reactCountryFlag.default,{countryCode:info.countryCode,svg:!0,style:{width:"1.25em",height:"1em"},"aria-label":info.countryName}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral5",fontWeight:"500",children:info.dialCode})]})},digits)})]})})}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.17.38",
+  "version": "1.17.40",
   "description": "Quick build beautiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",