@pedidopago/ui 1.16.4 → 1.16.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Combobox/ComboboxOption/styles.d.ts.map +1 -1
- package/dist/components/Combobox/ComboboxOption/styles.js +1 -1
- package/dist/components/Combobox/Examples/constants.d.ts.map +1 -1
- package/dist/components/Combobox/Examples/constants.js +1 -1
- package/dist/components/Combobox/Examples/index.d.ts.map +1 -1
- package/dist/components/Combobox/Examples/index.js +2 -2
- package/dist/components/Combobox/index.d.ts +1 -1
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +1 -1
- package/dist/components/Combobox/types.d.ts +1 -0
- package/dist/components/Combobox/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxOption/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,qBAAqB;;;;YAAwB,OAAO;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxOption/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,qBAAqB;;;;YAAwB,OAAO;yGAShE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxOptionWrapper=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ComboboxOptionWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background: ",";\n transition: 0.2s ease-in-out background;\n user-select: none;\n"])),function(_ref){var active=_ref.active,theme=_ref.theme;return active?theme.colors.neutral.neutral1:theme.colors.neutral.white});exports.ComboboxOptionWrapper=ComboboxOptionWrapper;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxOptionWrapper=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ComboboxOptionWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background: ",";\n transition: 0.2s ease-in-out background;\n user-select: none;\n\n :hover {\n cursor: pointer;\n }\n"])),function(_ref){var active=_ref.active,theme=_ref.theme;return active?theme.colors.neutral.neutral1:theme.colors.neutral.white});exports.ComboboxOptionWrapper=ComboboxOptionWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Examples/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Examples/constants.ts"],"names":[],"mappings":"AAyIA,eAAO,MAAM,YAAY;;;GAAuD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fruitOptions=void 0;var fruits=["Alfalfa Sprouts","Apple","Apricot","Artichoke","Asian Pear","Asparagus","Atemoya","Avocado","Bamboo Shoots","Banana","Bean Sprouts","Beans","Beets","Belgian Endive","Bell Peppers","Bitter Melon","Blackberries","Blueberries","Bok Choy","Boniato","Boysenberries","Broccoflower","Broccoli","Brussels Sprouts","Cabbage","Cactus Pear","Cantaloupe","Carambola","Carrots","Casaba Melon","Cauliflower","Celery","Chayote","Cherimoya","Cherries","Coconuts","Collard Greens","Corn","Cranberries","Cucumber","Dates","Dried Plums","Eggplant","Endive","Escarole","Feijoa","Fennel","Figs","Garlic","Gooseberries","Grapefruit","Grapes","Green Beans","Green Onions","Greens","Guava","Hominy","Honeydew Melon","Horned Melon","Iceberg Lettuce","Jerusalem Artichoke","Jicama","Kale","Kiwifruit","Kohlrabi","Kumquat","Leeks","Lemons","Lettuce","Lima Beans","Limes","Longan","Loquat","Lychee","Madarins","Malanga","Mandarin Oranges","Mangos","Mulberries","Mushrooms","Napa","Nectarines","Okra","Onion","Oranges","Papayas","Parsnip","Passion Fruit","Peaches","Pears","Peas","Peppers","Persimmons","Pineapple","Plantains","Plums","Pomegranate","Potatoes","Prickly Pear","Prunes","Pummelo","Pumpkin","Quince","Radicchio","Radishes","Raisins","Raspberries","Red Cabbage","Rhubarb","Romaine Lettuce","Rutabaga","Shallots","Snow Peas","Spinach","Sprouts","Squash","Strawberries","String Beans","Sweet Potato","Tangelo","Tangerines","Tomatillo","Tomato","Turnip","Ugli Fruit","Water Chestnuts","Watercress","Watermelon","Waxed Beans","Yams","Yellow Squash","Yuca/Cassava","Zucchini Squash"],fruitOptions=fruits.map(function(item){return{label:item,value:item}});exports.fruitOptions=fruitOptions;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fruitOptions=void 0;var fruits=["Alfalfa Sprouts","Apple","Apricot","Artichoke","Asian Pear","Asparagus","Atemoya","Avocado","Bamboo Shoots","Banana","Banana Prata","Bean Sprouts","Beans","Beets","Belgian Endive","Bell Peppers","Bitter Melon","Blackberries","Blueberries","Bok Choy","Boniato","Boysenberries","Broccoflower","Broccoli","Brussels Sprouts","Cabbage","Cactus Pear","Cantaloupe","Carambola","Carrots","Casaba Melon","Cauliflower","Celery","Chayote","Cherimoya","Cherries","Coconuts","Collard Greens","Corn","Cranberries","Cucumber","Dates","Dried Plums","Eggplant","Endive","Escarole","Feijoa","Fennel","Figs","Garlic","Gooseberries","Grapefruit","Grapes","Green Beans","Green Onions","Greens","Guava","Hominy","Honeydew Melon","Horned Melon","Iceberg Lettuce","Jerusalem Artichoke","Jicama","Kale","Kiwifruit","Kohlrabi","Kumquat","Leeks","Lemons","Lettuce","Lima Beans","Limes","Longan","Loquat","Lychee","Madarins","Malanga","Mandarin Oranges","Mangos","Mulberries","Mushrooms","Napa","Nectarines","Okra","Onion","Oranges","Papayas","Parsnip","Passion Fruit","Peaches","Pears","Peas","Peppers","Persimmons","Pineapple","Plantains","Plums","Pomegranate","Potatoes","Prickly Pear","Prunes","Pummelo","Pumpkin","Quince","Radicchio","Radishes","Raisins","Raspberries","Red Cabbage","Rhubarb","Romaine Lettuce","Rutabaga","Shallots","Snow Peas","Spinach","Sprouts","Squash","Strawberries","String Beans","Sweet Potato","Tangelo","Tangerines","Tomatillo","Tomato","Turnip","Ugli Fruit","Water Chestnuts","Watercress","Watermelon","Waxed Beans","Yams","Yellow Squash","Yuca/Cassava","Zucchini Squash"],fruitOptions=fruits.map(function(item){return{label:item,value:item}});exports.fruitOptions=fruitOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Examples/index.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Examples/index.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,4CAuC9B;AAED,wBAAgB,8BAA8B,4CAsB7C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxDefault=ComboboxDefault,exports.ComboboxWithOnFocusShowOptions=ComboboxWithOnFocusShowOptions;var _react=require("react"),_=require(".."),
|
|
2
|
-
return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox Default",placeholder:"Selecionar",isLoading:isLoading,value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},onInputChange:function onInputChange(value){setComboboxValue(value),handleChange()},options:_constants.fruitOptions
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxDefault=ComboboxDefault,exports.ComboboxWithOnFocusShowOptions=ComboboxWithOnFocusShowOptions;var _react=require("react"),_=require(".."),_Typography=_interopRequireDefault(require("../../../components/Typography")),_Flex=_interopRequireDefault(require("../../Flex")),_constants=require("./constants"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 ComboboxDefault(){function handleChange(){setIsLoading(!0),clearTimeout(null===timer||void 0===timer?void 0:timer.current),timer.current=setTimeout(function(){setIsLoading(!1)},300)}var _useState=(0,_react.useState)(""),_useState2=_slicedToArray(_useState,2),comboboxValue=_useState2[0],setComboboxValue=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1],timer=(0,_react.useRef)();// eslint-disable-next-line no-undef
|
|
2
|
+
return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox Default",placeholder:"Selecionar",isLoading:isLoading,value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},onInputChange:function onInputChange(value){setComboboxValue(value),handleChange()},options:_constants.fruitOptions}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["Combobox value: ",comboboxValue]})]})}function ComboboxWithOnFocusShowOptions(){var _useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),comboboxValue=_useState6[0],setComboboxValue=_useState6[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox With onFocusShowOptions",placeholder:"Selecionar",value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},options:_constants.fruitOptions,onFocusShowOptions:!0}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["Combobox value: ",comboboxValue]})]})}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ComboboxProps } from './types';
|
|
2
|
-
export declare function Combobox<T extends string>({ value, onOpen, onChange, onInputChange, onClose, onReset, resetIcon, options, optionsContainerStyles, resultIsLoading, resultNotFound, onFocusShowOptions, isLoading, mode, optionsObserver, ...rest }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Combobox<T extends string>({ value, onOpen, onChange, onInputChange, onClose, onReset, resetIcon, options, optionsContainerStyles, resultIsLoading, resultNotFound, onFocusShowOptions, isLoading, mode, inFocusAfterSelected, optionsObserver, ...rest }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,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,eAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,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,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,2CAoMlB"}
|
|
@@ -1 +1 @@
|
|
|
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:!0}),exports.Combobox=Combobox;var _react=require("react"),_react2=require("@floating-ui/react"),_Icon=_interopRequireDefault(require("../Icon")),_Input=_interopRequireDefault(require("../Input")),_Typography=_interopRequireDefault(require("../Typography")),_ComboboxOption=require("./ComboboxOption"),_ComboboxNoResult=require("./ComboboxNoResult"),_ComboboxLoading=require("./ComboboxLoading"),_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","optionsObserver"];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 onChangeSelection(value){(0,_utils.dispatchInputValue)(inputRef,value),setSearchTherm(value),setInputValue(value),null===onChange||void 0===onChange?void 0:onChange(value),setActiveIndex(null)}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,optionsObserver=_ref.optionsObserver,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,_react.useState)(""),_useState4=_slicedToArray(_useState3,2),searchTherm=_useState4[0],setSearchTherm=_useState4[1],_useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),inputValue=_useState6[0],setInputValue=_useState6[1],_useState7=(0,_react.useState)(null),_useState8=_slicedToArray(_useState7,2),activeIndex=_useState8[0],setActiveIndex=_useState8[1],filteredOptions=""!==searchTherm?(0,_utils.filterOptions)({options:options,searchTherm:searchTherm,inputValue:inputValue}):options,hasResults=!!(null!==filteredOptions&&void 0!==filteredOptions&&filteredOptions[0]),isSuggestionsMode="suggestion"===mode,listRef=(0,_react.useRef)([]),inputRef=(0,_react.useRef)(null),_useFloating=(0,_react2.useFloating)({whileElementsMounted:_react2.autoUpdate,open:isOpen,onOpenChange:function onOpenChange(open){open||(null===onClose||void 0===onClose?void 0:onClose(),setActiveIndex(null)),open&&(null===onOpen||void 0===onOpen?void 0:onOpen()),setIsOpen(open)},middleware:[(0,_react2.offset)(10),(0,_react2.flip)({padding:10}),(0,_react2.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,_react2.useRole)(context,{role:"listbox"}),dismiss=(0,_react2.useDismiss)(context),listNav=(0,_react2.useListNavigation)(context,{listRef:listRef,activeIndex:activeIndex,onNavigate:setActiveIndex,virtual:!0,loop:!0}),_useInteractions=(0,_react2.useInteractions)([role,dismiss,listNav]),getReferenceProps=_useInteractions.getReferenceProps,getFloatingProps=_useInteractions.getFloatingProps,getItemProps=_useInteractions.getItemProps;(0,_react.useEffect)(function(){setInputValue(value),setSearchTherm(value)},[value]);var showRemoveIcon=""!==inputValue&&!(null!==rest&&void 0!==rest&&rest.disabled);return/*#__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.target.value;null===onInputChange||void 0===onInputChange?void 0:onInputChange(value),setSearchTherm(value),setInputValue(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))},onFocus:function onFocus(){return onFocusShowOptions&&hasResults&&setIsOpen(!0)},value:searchTherm,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){var _value=option.value;event.preventDefault(),onChangeSelection(_value),setIsOpen(!1)}}},rest)),isOpen&&!(!hasResults&&isSuggestionsMode)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.FloatingPortal,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.FloatingFocusManager,{context:context,initialFocus:-1,visuallyHiddenDismiss:!0,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:searchTherm})),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);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.value)},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]}))})})]})}
|
|
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:!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"];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(value){(0,_utils.dispatchInputValue)(inputRef,value),setSearchTherm(value),setInputValue(value),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,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),searchTherm=_useState4[0],setSearchTherm=_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],filteredOptions=""!==searchTherm?(0,_utils.filterOptions)({options:options,searchTherm:searchTherm,inputValue:inputValue}):options,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(open){open||(null===onClose||void 0===onClose?void 0:onClose(),setActiveIndex(null)),open&&(null===onOpen||void 0===onOpen?void 0:onOpen()),setIsOpen(open)},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;(0,_react2.useEffect)(function(){setInputValue(value),setSearchTherm(value)},[value]);var showRemoveIcon=""!==inputValue&&!(null!==rest&&void 0!==rest&&rest.disabled);return/*#__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.target.value;null===onInputChange||void 0===onInputChange?void 0:onInputChange(value),setSearchTherm(value),setInputValue(value),checkIfHasOption(value)},onFocus:function onFocus(e){checkIfHasOption(e.target.value),onFocusShowOptions&&setIsOpen(!0)},value:searchTherm,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){var _value=option.value;event.preventDefault(),onChangeSelection(_value)}}},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:searchTherm})),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);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.value)},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]}))})})]})}
|
|
@@ -16,6 +16,7 @@ export type ComboboxProps<T = unknown> = Omit<InputGroupProps, 'onChange' | 'val
|
|
|
16
16
|
value: string;
|
|
17
17
|
}>;
|
|
18
18
|
onFocusShowOptions?: boolean;
|
|
19
|
+
inFocusAfterSelected?: boolean;
|
|
19
20
|
resultIsLoading?: ReactNode;
|
|
20
21
|
resultNotFound?: ReactNode;
|
|
21
22
|
optionsContainerStyles?: CSSProperties;
|
|
@@ -1 +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,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;QAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,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;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EACH;QACE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,GACH,SAAS,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC"}
|
|
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,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;QAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,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;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EACH;QACE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,GACH,SAAS,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC"}
|