@pedidopago/ui 1.16.23 → 1.16.24

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":"AAgCA,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,2CAwOlB"}
+{"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,2CAqPlB"}

package/dist/components/Combobox/index.js

@@ -1,7 +1,7 @@
-"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.Combobox=Combobox;var _react=require("@floating-ui/react"),_react2=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_Input=_interopRequireDefault(require("../Input")),_Typography=_interopRequireDefault(require("../Typography")),_ComboboxLoading=require("./ComboboxLoading"),_ComboboxNoResult=require("./ComboboxNoResult"),_ComboboxOption=require("./ComboboxOption"),_utils=require("./utils"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["value","onOpen","onChange","onInputChange","onClose","onReset","resetIcon","options","optionsContainerStyles","resultIsLoading","resultNotFound","onFocusShowOptions","isLoading","mode","inFocusAfterSelected","optionsObserver","searchIn"];/* eslint-disable no-console */ // Libs
+"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.Combobox=Combobox;var _react=require("@floating-ui/react"),_react2=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_Input=_interopRequireDefault(require("../Input")),_Typography=_interopRequireDefault(require("../Typography")),_ComboboxLoading=require("./ComboboxLoading"),_ComboboxNoResult=require("./ComboboxNoResult"),_ComboboxOption=require("./ComboboxOption"),_utils=require("./utils"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["value","onOpen","onChange","onInputChange","onClose","onReset","resetIcon","options","optionsContainerStyles","resultIsLoading","resultNotFound","onFocusShowOptions","isLoading","mode","inFocusAfterSelected","optionsObserver","searchIn"];// Libs
 // Components
 // 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=(null===args||void 0===args?void 0:args.label)||"";(0,_utils.dispatchInputValue)(inputRef,value),setInputValue(label),null===onChange||void 0===onChange?void 0:onChange(value),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],_useState9=(0,_react2.useState)(!0),_useState10=_slicedToArray(_useState9,2),isFirstRender=_useState10[0],setIsFirstRender=_useState10[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);// This works only to load the defaultValue once:
-return(0,_react2.useEffect)(function(){if(isFirstRender&&null!==options&&void 0!==options&&options[0]&&value){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||""),setSearchTerm(optionValue||""),setIsFirstRender(!1)}},[value,options,isFirstRender]),(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=(null===args||void 0===args?void 0:args.label)||"";(0,_utils.dispatchInputValue)(inputRef,value),null!==args&&void 0!==args&&args.searchTerm&&setSearchTerm(args.searchTerm),setInputValue(label),null===onChange||void 0===onChange?void 0:onChange(value),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],_useState9=(0,_react2.useState)(!0),_useState10=_slicedToArray(_useState9,2),isFirstRender=_useState10[0],setIsFirstRender=_useState10[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);// This works only to load the defaultValue once:
+return(0,_react2.useEffect)(function(){if("suggestion"===mode&&!!value)return setInputValue(value||""),setSearchTerm(value||""),void setIsFirstRender(!1);if(isFirstRender&&null!==options&&void 0!==options&&options[0]&&value){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||""),setSearchTerm(optionValue||""),setIsFirstRender(!1)}},[value,options,isFirstRender]),(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]}))})})]})}

package/dist/components/Combobox/types.d.ts

@@ -4,6 +4,7 @@ export type ComboboxSearchIn = 'label' | 'value';
 export type ComboboxOptionItem = {
     label: string | ReactNode;
     value: string;
+    searchTerm?: string;
 };
 export type ComboboxProps<T = unknown> = Omit<InputGroupProps, 'onChange' | 'value'> & {
     value: T;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrF,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,IAAI,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrF,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,IAAI,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC"}

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

@@ -34,7 +34,7 @@ export declare function filterOptions({ options, searchTerm, searchIn }: FilterO
  * 'value', or the label of the option as a string if the valueAs parameter is not
  * 'value'.
  */
-export declare function getSearchInOption(option?: ComboboxOptionItem, searchIn?: ComboboxSearchIn): string | undefined;
+export declare function getSearchInOption(option?: ComboboxOptionItem, searchIn?: ComboboxSearchIn): string;
 /**
  * The function `getComboboxOption` retrieves a specific option from a list based
  * on a provided value and search criteria.

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/utils.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9E;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,UAEhD;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,QAS9F;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,aAAa,oCAU7E;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE,QAAQ,CAAC,EAAE,gBAAgB,sBAEzF;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,kBAAkB,EAAE,EAC9B,QAAQ,CAAC,EAAE,gBAAgB,kCAM5B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/utils.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9E;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,UAEhD;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,QAS9F;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,aAAa,oCAQ7E;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE,QAAQ,CAAC,EAAE,gBAAgB,UAKzF;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,kBAAkB,EAAE,EAC9B,QAAQ,CAAC,EAAE,gBAAgB,kCAM5B"}

package/dist/components/Combobox/utils.js

@@ -21,13 +21,13 @@
  * @param {FilterOptions}  - - `options`: An array of objects representing the
  * available options.
  * @returns a filtered array of options.
- */function filterOptions(_ref){var options=_ref.options,searchTerm=_ref.searchTerm,searchIn=_ref.searchIn;return null===options||void 0===options?void 0:options.filter(function(item){var label=item.label,value=item.value,itemValue="value"===searchIn?value:label,itemValueNormalized=normalizeSearchTerm(itemValue),searchTermNormalized=normalizeSearchTerm(searchTerm||"");return null===itemValueNormalized||void 0===itemValueNormalized?void 0:itemValueNormalized.includes(searchTermNormalized)})}/**
+ */function filterOptions(_ref){var options=_ref.options,searchTerm=_ref.searchTerm,searchIn=_ref.searchIn;return null===options||void 0===options?void 0:options.filter(function(item){var itemValue=getSearchInOption(item,searchIn),itemValueNormalized=normalizeSearchTerm(itemValue),searchTermNormalized=normalizeSearchTerm(searchTerm||"");return null===itemValueNormalized||void 0===itemValueNormalized?void 0:itemValueNormalized.includes(searchTermNormalized)})}/**
  * The function `getSearchInOption` returns the value or label of a
  * ComboboxOptionItem based on the specified valueAs parameter.
  * @returns either the value of the option if the valueAs parameter is set to
  * 'value', or the label of the option as a string if the valueAs parameter is not
  * 'value'.
- */function getSearchInOption(option,searchIn){return"value"===searchIn?null===option||void 0===option?void 0:option.value:null===option||void 0===option?void 0:option.label}/**
+ */function getSearchInOption(option,searchIn){return null!==option&&void 0!==option&&option.searchTerm?option.searchTerm:"value"===searchIn||"string"!=typeof(null===option||void 0===option?void 0:option.label)?(null===option||void 0===option?void 0:option.value)||"":option.label}/**
  * The function `getComboboxOption` retrieves a specific option from a list based
  * on a provided value and search criteria.
  * @returns The function `getComboboxOption` returns a `ComboboxOptionItem` object

package/package.json

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