npm - @vibe/core - Versions diffs - 3.82.3 → 3.83.1 - Mend

@vibe/core 3.82.3 → 3.83.1

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.

Files changed (960) hide show

package/dist/src/components/next/Dropdown/hooks/useDropdownCombobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends ~~BaseListItemData~~<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n isMenuOpen?: boolean,\n autoFocus?: boolean,\n closeMenuOnSelect?: boolean,\n defaultValue?: T,\n value?: T,\n inputValueProp?: string,\n onChange?: (option: T \| T[] \| null) => void,\n onInputChange?: (value: string \| null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n const [currentSelectedItem, setCurrentSelectedItem] = useState<T \| null>(defaultValue \|\| null);\n\n // Use controlled value if provided, otherwise use internal state\n const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n const memoizedSelectedItemForFiltering = useMemo(() => {\n return selectedItem ? [selectedItem] : [];\n }, [selectedItem]);\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n memoizedSelectedItemForFiltering\n );\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n initialInputValue: inputValueProp \|\| \"\",\n selectedItem: selectedItem,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n\n onInputValueChange: useCallback(\n ({ inputValue }) => {\n filterOptions(inputValue \|\| \"\");\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions]\n ),\n onSelectedItemChange: useCallback(\n ({ selectedItem }) => {\n if (value === undefined) {\n setCurrentSelectedItem(selectedItem \|\| null);\n }\n if (selectedItem) {\n onOptionSelect?.(selectedItem);\n onChange?.(selectedItem);\n filterOptions(\"\");\n } else {\n onChange?.(null);\n filterOptions(\"\");\n }\n },\n [value, onOptionSelect, filterOptions, onChange]\n ),\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...actionAndChanges.changes, inputValue: null };\n\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset: () => {\n if (value === undefined) {\n setCurrentSelectedItem(null);\n }\n reset();\n filterOptions(\"\");\n },\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","onSelectedItemChange","_ref3","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"qOAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBZ,GAAgB,MAAKa,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAG5CG,OAAyBC,IAAVhB,EAAsBA,EAHjBY,EAAA,GAKpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEJI,EAA2CC,EACzCzB,EACAY,EACAC,EACAS,GAJMI,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cAOnBC,EAAcL,GAAQ,WAAA,OAAMG,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAM9B,aAAU,CAAC0B,IACpFK,EAaIC,EAAe,CACjBC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBd,KAAhBc,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,kBAAmBpC,GAAkB,GACrCc,aAAcA,EACduB,OAAQ1C,EACR2C,cAAe1C,EACfY,GAAAA,EACA+B,eAAgB,SAAAC,GAASA,EAANH,OACRjC,SAAAA,IAAkBD,SAAAA,GAC5B,EAEDsC,mBAAoBC,GAClB,SAAAC,GAAmB,IAAhBC,EAAUD,EAAVC,WACDvB,EAAcuB,GAAc,IAC5B1C,SAAAA,EAAgB0C,EAClB,GACA,CAAC1C,EAAemB,IAElBwB,qBAAsBH,GACpB,SAAAI,GAAqB,IAAlBhC,EAAYgC,EAAZhC,kBACaC,IAAVhB,GACFc,EAAuBC,GAAgB,MAErCA,GACFT,SAAAA,EAAiBS,GACjBb,SAAAA,EAAWa,GACXO,EAAc,MAEdpB,SAAAA,EAAW,MACXoB,EAAc,IAEjB,GACD,CAACtB,EAAOM,EAAgBgB,EAAepB,IAEzC8C,aAAc,SAACC,EAAOC,GACpB,OAAQA,EAAiBC,MACvB,KAAKxB,EAAYyB,iBAAiBC,kBAClC,KAAK1B,EAAYyB,iBAAiBE,UAChC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,SAAO,CAAEZ,WAAY,KAAMP,QAASxC,IACnE,KAAK6B,EAAYyB,iBAAiBM,UAClC,KAAK/B,EAAYyB,iBAAiBO,kCAChC,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,UAASZ,WAAY,OAEpD,QACE,OAAOK,EAAiBO,QAE9B,IArDAG,EAAKlC,EAALkC,MAwDF,MAAO,CACLtB,OAjEMZ,EAANY,OAkEAO,WAjEUnB,EAAVmB,WAkEAgB,iBAjEgBnC,EAAhBmC,iBAkEA9C,aAAAA,EACA+C,qBAlEoBpC,EAApBoC,qBAmEAC,cAlEarC,EAAbqC,cAmEAC,aAlEYtC,EAAZsC,aAmEAC,cAlEavC,EAAbuC,cAmEAC,aAlEYxC,EAAZwC,aAmEAN,MAAO,gBACS5C,IAAVhB,GACFc,EAAuB,MAEzB8C,IACAtC,EAAc,GACf,EACDD,gBAAAA,EACA8C,SAzEQzC,EAARyC,SA0EAC,WAzEU1C,EAAV0C,WA0EAC,UAzES3C,EAAT2C,UA2EJ"}
1	+ {"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n isMenuOpen?: boolean,\n autoFocus?: boolean,\n closeMenuOnSelect?: boolean,\n defaultValue?: T,\n value?: T,\n inputValueProp?: string,\n onChange?: (option: T \| T[] \| null) => void,\n onInputChange?: (value: string \| null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n const [currentSelectedItem, setCurrentSelectedItem] = useState<T \| null>(defaultValue \|\| null);\n\n // Use controlled value if provided, otherwise use internal state\n const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n const memoizedSelectedItemForFiltering = useMemo(() => {\n return selectedItem ? [selectedItem] : [];\n }, [selectedItem]);\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n memoizedSelectedItemForFiltering\n );\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n initialInputValue: inputValueProp \|\| \"\",\n selectedItem: selectedItem,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n\n onInputValueChange: useCallback(\n ({ inputValue }) => {\n filterOptions(inputValue \|\| \"\");\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions]\n ),\n onSelectedItemChange: useCallback(\n ({ selectedItem }) => {\n if (value === undefined) {\n setCurrentSelectedItem(selectedItem \|\| null);\n }\n if (selectedItem) {\n onOptionSelect?.(selectedItem);\n onChange?.(selectedItem);\n filterOptions(\"\");\n } else {\n onChange?.(null);\n filterOptions(\"\");\n }\n },\n [value, onOptionSelect, filterOptions, onChange]\n ),\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...actionAndChanges.changes, inputValue: null };\n\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset: () => {\n if (value === undefined) {\n setCurrentSelectedItem(null);\n }\n reset();\n filterOptions(\"\");\n },\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","onSelectedItemChange","_ref3","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"qOAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBZ,GAAgB,MAAKa,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAG5CG,OAAyBC,IAAVhB,EAAsBA,EAHjBY,EAAA,GAKpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEJI,EAA2CC,EACzCzB,EACAY,EACAC,EACAS,GAJMI,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cAOnBC,EAAcL,GAAQ,WAAA,OAAMG,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAM9B,aAAU,CAAC0B,IACpFK,EAaIC,EAAe,CACjBC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBd,KAAhBc,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,kBAAmBpC,GAAkB,GACrCc,aAAcA,EACduB,OAAQ1C,EACR2C,cAAe1C,EACfY,GAAAA,EACA+B,eAAgB,SAAAC,GAASA,EAANH,OACRjC,SAAAA,IAAkBD,SAAAA,GAC5B,EAEDsC,mBAAoBC,GAClB,SAAAC,GAAmB,IAAhBC,EAAUD,EAAVC,WACDvB,EAAcuB,GAAc,IAC5B1C,SAAAA,EAAgB0C,EAClB,GACA,CAAC1C,EAAemB,IAElBwB,qBAAsBH,GACpB,SAAAI,GAAqB,IAAlBhC,EAAYgC,EAAZhC,kBACaC,IAAVhB,GACFc,EAAuBC,GAAgB,MAErCA,GACFT,SAAAA,EAAiBS,GACjBb,SAAAA,EAAWa,GACXO,EAAc,MAEdpB,SAAAA,EAAW,MACXoB,EAAc,IAEjB,GACD,CAACtB,EAAOM,EAAgBgB,EAAepB,IAEzC8C,aAAc,SAACC,EAAOC,GACpB,OAAQA,EAAiBC,MACvB,KAAKxB,EAAYyB,iBAAiBC,kBAClC,KAAK1B,EAAYyB,iBAAiBE,UAChC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,SAAO,CAAEZ,WAAY,KAAMP,QAASxC,IACnE,KAAK6B,EAAYyB,iBAAiBM,UAClC,KAAK/B,EAAYyB,iBAAiBO,kCAChC,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,UAASZ,WAAY,OAEpD,QACE,OAAOK,EAAiBO,QAE9B,IArDAG,EAAKlC,EAALkC,MAwDF,MAAO,CACLtB,OAjEMZ,EAANY,OAkEAO,WAjEUnB,EAAVmB,WAkEAgB,iBAjEgBnC,EAAhBmC,iBAkEA9C,aAAAA,EACA+C,qBAlEoBpC,EAApBoC,qBAmEAC,cAlEarC,EAAbqC,cAmEAC,aAlEYtC,EAAZsC,aAmEAC,cAlEavC,EAAbuC,cAmEAC,aAlEYxC,EAAZwC,aAmEAN,MAAO,gBACS5C,IAAVhB,GACFc,EAAuB,MAEzB8C,IACAtC,EAAc,GACf,EACDD,gBAAAA,EACA8C,SAzEQzC,EAARyC,SA0EAC,WAzEU1C,EAAV0C,WA0EAC,UAzES3C,EAAT2C,UA2EJ"}

package/dist/src/components/next/Dropdown/hooks/useDropdownFiltering.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownFiltering.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownFiltering.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { normalizeOptions } from \"../utils/dropdownUtils\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type ~~ListGroup~~ } from \"~~../../../BaseList~~\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownFiltering<Item extends ~~BaseListItemData~~>(\n options: DropdownGroupOption<Item>,\n filterOption?: (option: Item, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n selectedItems?: Item[]\n) {\n const [filteredOptions, setFilteredOptions] = useState<~~ListGroup~~<Item>[]>(() =>\n normalizeOptions(options, undefined, undefined, showSelectedOptions, selectedItems)\n );\n const [filterValue, setFilterValue] = useState<string>(\"\");\n\n useEffect(() => {\n setFilteredOptions(normalizeOptions(options, filterValue, filterOption, showSelectedOptions, selectedItems));\n }, [options, filterValue, filterOption, showSelectedOptions, selectedItems]);\n\n const filterOptions = (inputValue: string) => {\n setFilterValue(inputValue);\n };\n\n return { filteredOptions, filterOptions, setFilteredOptions };\n}\n\nexport default useDropdownFiltering;\n"],"names":["useDropdownFiltering","options","filterOption","showSelectedOptions","selectedItems","_useState","useState","normalizeOptions","undefined","_useState2","_slicedToArray","filteredOptions","setFilteredOptions","_useState3","_useState4","filterValue","setFilterValue","useEffect","filterOptions","inputValue"],"mappings":"kMAMA,SAASA,EACPC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAA8CC,~~GAA4B~~,WAAA,~~OACxEC~~,EAAiBN,OAASO,OAAWA,EAAWL,EAAqBC,MACtEK,EAAAC,EAAAL,EAAA,GAFMM,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAG1CI,EAAsCP,EAAiB,IAAGQ,EAAAJ,EAAAG,EAAA,GAAnDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRL,EAAmBL,EAAiBN,EAASc,EAAab,EAAcC,EAAqBC,GAC/F,GAAG,CAACH,EAASc,EAAab,EAAcC,EAAqBC,IAM7D,MAAO,CAAEO,gBAAAA,EAAiBO,cAJJ,SAACC,GACrBH,EAAeG,IAGwBP,mBAAAA,EAC3C"}
1	+ {"version":3,"file":"useDropdownFiltering.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownFiltering.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { normalizeOptions } from \"../utils/dropdownUtils\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownFiltering<Item extends BaseItemData>(\n options: DropdownGroupOption<Item>,\n filterOption?: (option: Item, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n selectedItems?: Item[]\n) {\n const [filteredOptions, setFilteredOptions] = useState<DropdownListGroup<Item>[]>(() =>\n normalizeOptions(options, undefined, undefined, showSelectedOptions, selectedItems)\n );\n const [filterValue, setFilterValue] = useState<string>(\"\");\n\n useEffect(() => {\n setFilteredOptions(normalizeOptions(options, filterValue, filterOption, showSelectedOptions, selectedItems));\n }, [options, filterValue, filterOption, showSelectedOptions, selectedItems]);\n\n const filterOptions = (inputValue: string) => {\n setFilterValue(inputValue);\n };\n\n return { filteredOptions, filterOptions, setFilteredOptions };\n}\n\nexport default useDropdownFiltering;\n"],"names":["useDropdownFiltering","options","filterOption","showSelectedOptions","selectedItems","_useState","useState","normalizeOptions","undefined","_useState2","_slicedToArray","filteredOptions","setFilteredOptions","_useState3","_useState4","filterValue","setFilterValue","useEffect","filterOptions","inputValue"],"mappings":"kMAMA,SAASA,EACPC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAA8CC,GAAoC,WAAA,OAChFC,EAAiBN,OAASO,OAAWA,EAAWL,EAAqBC,MACtEK,EAAAC,EAAAL,EAAA,GAFMM,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAG1CI,EAAsCP,EAAiB,IAAGQ,EAAAJ,EAAAG,EAAA,GAAnDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRL,EAAmBL,EAAiBN,EAASc,EAAab,EAAcC,EAAqBC,GAC/F,GAAG,CAACH,EAASc,EAAab,EAAcC,EAAqBC,IAM7D,MAAO,CAAEO,gBAAAA,EAAiBO,cAJJ,SAACC,GACrBH,EAAeG,IAGwBP,mBAAAA,EAC3C"}

package/dist/src/components/next/Dropdown/hooks/useDropdownMultiCombobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\n\nfunction useDropdownMultiCombobox<T extends ~~BaseListItemData~~<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n selectedItems: T[],\n setSelectedItems: (items: T[]) => void,\n isMenuOpen: boolean,\n autoFocus?: boolean,\n defaultValue?: T[],\n value?: T[],\n inputValueProp?: string,\n onChange?: (options: T[]) => void,\n onInputChange?: (value: string \| null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n // Use controlled value if provided, otherwise use internal state\n const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n currentSelectedItems\n );\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n selectedItems: currentSelectedItems,\n initialSelectedItems: defaultValue,\n onSelectedItemsChange: ({ selectedItems }) => {\n if (value === undefined) {\n setSelectedItems(selectedItems \|\| []);\n }\n onChange?.(selectedItems \|\| []);\n }\n });\n\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n initialInputValue: inputValueProp \|\| \"\",\n id,\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n onInputValueChange: ({ inputValue }) => {\n filterOptions(inputValue \|\| \"\");\n onInputChange?.(inputValue);\n },\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (!newSelectedItem) return;\n const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n } else {\n addSelectedItem(newSelectedItem);\n }\n onOptionSelect?.(newSelectedItem);\n filterOptions(\"\");\n },\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return {\n ...actionAndChanges.changes,\n inputValue: null,\n isOpen: true,\n highlightedIndex: (actionAndChanges.changes.selectedItem?.index as number) ?? 0\n };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...actionAndChanges.changes, inputValue: null };\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n const reset = useCallback(() => {\n if (value === undefined) {\n setSelectedItems([]);\n }\n downshiftReset();\n onChange?.([]);\n }, [value, setSelectedItems, downshiftReset, onChange]);\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItems: currentSelectedItems,\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n removeSelectedItem,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","currentSelectedItems","undefined","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","onIsOpenChange","_ref2","onInputValueChange","_ref3","inputValue","onSelectedItemChange","_ref4","newSelectedItem","selectedItem","existingItem","find","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","highlightedIndex","_b","index","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback"],"mappings":"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"}
1	+ {"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nfunction useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n selectedItems: T[],\n setSelectedItems: (items: T[]) => void,\n isMenuOpen: boolean,\n autoFocus?: boolean,\n defaultValue?: T[],\n value?: T[],\n inputValueProp?: string,\n onChange?: (options: T[]) => void,\n onInputChange?: (value: string \| null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n // Use controlled value if provided, otherwise use internal state\n const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n currentSelectedItems\n );\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n selectedItems: currentSelectedItems,\n initialSelectedItems: defaultValue,\n onSelectedItemsChange: ({ selectedItems }) => {\n if (value === undefined) {\n setSelectedItems(selectedItems \|\| []);\n }\n onChange?.(selectedItems \|\| []);\n }\n });\n\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n initialInputValue: inputValueProp \|\| \"\",\n id,\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n onInputValueChange: ({ inputValue }) => {\n filterOptions(inputValue \|\| \"\");\n onInputChange?.(inputValue);\n },\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (!newSelectedItem) return;\n const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n } else {\n addSelectedItem(newSelectedItem);\n }\n onOptionSelect?.(newSelectedItem);\n filterOptions(\"\");\n },\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return {\n ...actionAndChanges.changes,\n inputValue: null,\n isOpen: true,\n highlightedIndex: (actionAndChanges.changes.selectedItem?.index as number) ?? 0\n };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...actionAndChanges.changes, inputValue: null };\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n const reset = useCallback(() => {\n if (value === undefined) {\n setSelectedItems([]);\n }\n downshiftReset();\n onChange?.([]);\n }, [value, setSelectedItems, downshiftReset, onChange]);\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItems: currentSelectedItems,\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n removeSelectedItem,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","currentSelectedItems","undefined","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","onIsOpenChange","_ref2","onInputValueChange","_ref3","inputValue","onSelectedItemChange","_ref4","newSelectedItem","selectedItem","existingItem","find","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","highlightedIndex","_b","index","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback"],"mappings":"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"}

package/dist/src/components/next/Dropdown/hooks/useDropdownMultiSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownMultiSelect.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownMultiSelect.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { useMultipleSelection, useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\n\nfunction useDropdownMultiSelect<T extends ~~BaseListItemData~~<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n selectedItems: T[],\n setSelectedItems: (items: T[]) => void,\n isMenuOpen: boolean,\n autoFocus?: boolean,\n defaultValue?: T[],\n value?: T[],\n onChange?: (options: T[]) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n showSelectedOptions?: boolean,\n filterOption?: (option: T, inputValue: string) => boolean,\n id?: string\n) {\n const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n const { filteredOptions } = useDropdownFiltering<T>(options, filterOption, showSelectedOptions, currentSelectedItems);\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n const { getSelectedItemProps, addSelectedItem, removeSelectedItem, getDropdownProps } = useMultipleSelection<T>({\n selectedItems: currentSelectedItems,\n initialSelectedItems: defaultValue,\n onSelectedItemsChange: ({ selectedItems: newSelected }) => {\n if (value === undefined) {\n setSelectedItems(newSelected \|\| []);\n }\n onChange?.(newSelected \|\| []);\n }\n });\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useSelect<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n selectedItem: null,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (!newSelectedItem) return;\n const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n } else {\n addSelectedItem(newSelectedItem);\n }\n onOptionSelect?.(newSelectedItem);\n },\n stateReducer: (state, actionAndChanges) => {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:\n case useSelect.stateChangeTypes.ItemClick:\n return { ...changes, isOpen: true, highlightedIndex: (changes.selectedItem?.index as number) ?? 0 };\n default:\n return changes;\n }\n },\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuOpen?.() : onMenuClose?.();\n }\n });\n\n const reset = useCallback(() => {\n if (value === undefined) {\n setSelectedItems([]);\n }\n downshiftReset();\n onChange?.([]);\n }, [value, setSelectedItems, downshiftReset, onChange]);\n\n const getInputProps = () => ({});\n\n return {\n isOpen,\n inputValue: \"\",\n highlightedIndex,\n selectedItems: currentSelectedItems,\n getSelectedItemProps,\n addSelectedItem,\n removeSelectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu,\n getDropdownProps\n };\n}\n\nexport default useDropdownMultiSelect;\n"],"names":["useDropdownMultiSelect","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","currentSelectedItems","undefined","filteredOptions","useDropdownFiltering","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","newSelected","getSelectedItemProps","addSelectedItem","removeSelectedItem","getDropdownProps","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","selectedItem","isOpen","initialIsOpen","onSelectedItemChange","_ref2","newSelectedItem","existingItem","find","stateReducer","state","actionAndChanges","changes","type","stateChangeTypes","ToggleButtonKeyDownSpaceButton","ItemClick","Object","assign","highlightedIndex","_b","index","onIsOpenChange","_ref3","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback","inputValue","getInputProps"],"mappings":"0JAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,OAAiCC,IAAVT,EAAsBA,EAAQL,EAEnDe,EAAoBC,EAAwBjB,EAASY,EAAcD,EAAqBG,GAAxFE,gBAEFE,EAAcC,GAAQ,WAAA,OAAMH,EAAgBI,SAAQ,SAAAC,GAAK,OAAIA,EAAMrB,aAAU,CAACgB,IAEpFM,EAAwFC,EAAwB,CAC9GtB,cAAea,EACfU,qBAAsBnB,EACtBoB,sBAAuB,SAAAC,GAAmC,IAAjBC,EAAWD,EAA1BzB,mBACVc,IAAVT,GACFJ,EAAiByB,GAAe,IAElCpB,SAAAA,EAAWoB,GAAe,GAC5B,IARMC,EAAoBN,EAApBM,qBAAsBC,EAAeP,EAAfO,gBAAiBC,EAAkBR,EAAlBQ,mBAAoBC,EAAgBT,EAAhBS,iBAWnEC,EAWIC,EAAa,CACfC,MAAOhB,EACPiB,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBrB,KAAhBqB,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,aAAc,KACdC,OAAQzC,EACR0C,cAAezC,EACfS,GAAAA,EACAiC,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BJ,aACvB,GAAKK,EAAL,CACA,IAAMC,EAAenC,EAAqBoC,MAAK,SAAAd,GAAI,OAAIA,EAAK9B,QAAU0C,EAAgB1C,SAClF2C,EACFnB,EAAmBmB,GAEnBpB,EAAgBmB,GAElBtC,SAAAA,EAAiBsC,EAPK,CAQvB,EACDG,aAAc,SAACC,EAAOC,WACNC,EAAYD,EAAZC,QACd,OAD0BD,EAAlBE,MAEN,KAAKtB,EAAUuB,iBAAiBC,+BAChC,KAAKxB,EAAUuB,iBAAiBE,UAC9B,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYN,GAAS,CAAAV,QAAQ,EAAMiB,iBAAyD,QAAtCC,UAAAzB,EAAAiB,EAAQX,mCAAcoB,aAAgB,IAAAD,EAAAA,EAAI,IAClG,QACE,OAAOR,EAEZ,EACDU,eAAgB,SAAAC,GAASA,EAANrB,OACRpC,SAAAA,IAAiBC,SAAAA,GAC5B,IAzCAmC,EAAMZ,EAANY,OACAiB,EAAgB7B,EAAhB6B,iBACAK,EAAoBlC,EAApBkC,qBACAC,EAAanC,EAAbmC,cACAC,EAAYpC,EAAZoC,aACAC,EAAYrC,EAAZqC,aACOC,EAActC,EAArBuC,MACAC,EAAQxC,EAARwC,SACAC,EAAUzC,EAAVyC,WACAC,EAAS1C,EAAT0C,UAmCIH,EAAQI,GAAY,gBACV5D,IAAVT,GACFJ,EAAiB,IAEnBoE,IACA/D,SAAAA,EAAW,GACZ,GAAE,CAACD,EAAOJ,EAAkBoE,EAAgB/D,IAI7C,MAAO,CACLqC,OAAAA,EACAgC,WAAY,GACZf,iBAAAA,EACA5D,cAAea,EACfc,qBAAAA,EACAC,gBAAAA,EACAC,mBAAAA,EACAoC,qBAAAA,EACAC,cAAAA,EACAC,aAAAA,EACAS,cAboB,WAAH,MAAU,IAc3BR,aAAAA,EACAE,MAAAA,EACAvD,gBAAAA,EACAwD,SAAAA,EACAC,WAAAA,EACAC,UAAAA,EACA3C,iBAAAA,EAEJ"}
1	+ {"version":3,"file":"useDropdownMultiSelect.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownMultiSelect.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { useMultipleSelection, useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nfunction useDropdownMultiSelect<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n selectedItems: T[],\n setSelectedItems: (items: T[]) => void,\n isMenuOpen: boolean,\n autoFocus?: boolean,\n defaultValue?: T[],\n value?: T[],\n onChange?: (options: T[]) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n showSelectedOptions?: boolean,\n filterOption?: (option: T, inputValue: string) => boolean,\n id?: string\n) {\n const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n const { filteredOptions } = useDropdownFiltering<T>(options, filterOption, showSelectedOptions, currentSelectedItems);\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n const { getSelectedItemProps, addSelectedItem, removeSelectedItem, getDropdownProps } = useMultipleSelection<T>({\n selectedItems: currentSelectedItems,\n initialSelectedItems: defaultValue,\n onSelectedItemsChange: ({ selectedItems: newSelected }) => {\n if (value === undefined) {\n setSelectedItems(newSelected \|\| []);\n }\n onChange?.(newSelected \|\| []);\n }\n });\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useSelect<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n selectedItem: null,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (!newSelectedItem) return;\n const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n } else {\n addSelectedItem(newSelectedItem);\n }\n onOptionSelect?.(newSelectedItem);\n },\n stateReducer: (state, actionAndChanges) => {\n const { type, changes } = actionAndChanges;\n switch (type) {\n case useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:\n case useSelect.stateChangeTypes.ItemClick:\n return { ...changes, isOpen: true, highlightedIndex: (changes.selectedItem?.index as number) ?? 0 };\n default:\n return changes;\n }\n },\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuOpen?.() : onMenuClose?.();\n }\n });\n\n const reset = useCallback(() => {\n if (value === undefined) {\n setSelectedItems([]);\n }\n downshiftReset();\n onChange?.([]);\n }, [value, setSelectedItems, downshiftReset, onChange]);\n\n const getInputProps = () => ({});\n\n return {\n isOpen,\n inputValue: \"\",\n highlightedIndex,\n selectedItems: currentSelectedItems,\n getSelectedItemProps,\n addSelectedItem,\n removeSelectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu,\n getDropdownProps\n };\n}\n\nexport default useDropdownMultiSelect;\n"],"names":["useDropdownMultiSelect","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","currentSelectedItems","undefined","filteredOptions","useDropdownFiltering","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","newSelected","getSelectedItemProps","addSelectedItem","removeSelectedItem","getDropdownProps","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","selectedItem","isOpen","initialIsOpen","onSelectedItemChange","_ref2","newSelectedItem","existingItem","find","stateReducer","state","actionAndChanges","changes","type","stateChangeTypes","ToggleButtonKeyDownSpaceButton","ItemClick","Object","assign","highlightedIndex","_b","index","onIsOpenChange","_ref3","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback","inputValue","getInputProps"],"mappings":"0JAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,OAAiCC,IAAVT,EAAsBA,EAAQL,EAEnDe,EAAoBC,EAAwBjB,EAASY,EAAcD,EAAqBG,GAAxFE,gBAEFE,EAAcC,GAAQ,WAAA,OAAMH,EAAgBI,SAAQ,SAAAC,GAAK,OAAIA,EAAMrB,aAAU,CAACgB,IAEpFM,EAAwFC,EAAwB,CAC9GtB,cAAea,EACfU,qBAAsBnB,EACtBoB,sBAAuB,SAAAC,GAAmC,IAAjBC,EAAWD,EAA1BzB,mBACVc,IAAVT,GACFJ,EAAiByB,GAAe,IAElCpB,SAAAA,EAAWoB,GAAe,GAC5B,IARMC,EAAoBN,EAApBM,qBAAsBC,EAAeP,EAAfO,gBAAiBC,EAAkBR,EAAlBQ,mBAAoBC,EAAgBT,EAAhBS,iBAWnEC,EAWIC,EAAa,CACfC,MAAOhB,EACPiB,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBrB,KAAhBqB,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,aAAc,KACdC,OAAQzC,EACR0C,cAAezC,EACfS,GAAAA,EACAiC,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BJ,aACvB,GAAKK,EAAL,CACA,IAAMC,EAAenC,EAAqBoC,MAAK,SAAAd,GAAI,OAAIA,EAAK9B,QAAU0C,EAAgB1C,SAClF2C,EACFnB,EAAmBmB,GAEnBpB,EAAgBmB,GAElBtC,SAAAA,EAAiBsC,EAPK,CAQvB,EACDG,aAAc,SAACC,EAAOC,WACNC,EAAYD,EAAZC,QACd,OAD0BD,EAAlBE,MAEN,KAAKtB,EAAUuB,iBAAiBC,+BAChC,KAAKxB,EAAUuB,iBAAiBE,UAC9B,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYN,GAAS,CAAAV,QAAQ,EAAMiB,iBAAyD,QAAtCC,UAAAzB,EAAAiB,EAAQX,mCAAcoB,aAAgB,IAAAD,EAAAA,EAAI,IAClG,QACE,OAAOR,EAEZ,EACDU,eAAgB,SAAAC,GAASA,EAANrB,OACRpC,SAAAA,IAAiBC,SAAAA,GAC5B,IAzCAmC,EAAMZ,EAANY,OACAiB,EAAgB7B,EAAhB6B,iBACAK,EAAoBlC,EAApBkC,qBACAC,EAAanC,EAAbmC,cACAC,EAAYpC,EAAZoC,aACAC,EAAYrC,EAAZqC,aACOC,EAActC,EAArBuC,MACAC,EAAQxC,EAARwC,SACAC,EAAUzC,EAAVyC,WACAC,EAAS1C,EAAT0C,UAmCIH,EAAQI,GAAY,gBACV5D,IAAVT,GACFJ,EAAiB,IAEnBoE,IACA/D,SAAAA,EAAW,GACZ,GAAE,CAACD,EAAOJ,EAAkBoE,EAAgB/D,IAI7C,MAAO,CACLqC,OAAAA,EACAgC,WAAY,GACZf,iBAAAA,EACA5D,cAAea,EACfc,qBAAAA,EACAC,gBAAAA,EACAC,mBAAAA,EACAoC,qBAAAA,EACAC,cAAAA,EACAC,aAAAA,EACAS,cAboB,WAAH,MAAU,IAc3BR,aAAAA,EACAE,MAAAA,EACAvD,gBAAAA,EACAwD,SAAAA,EACAC,WAAAA,EACAC,UAAAA,EACA3C,iBAAAA,EAEJ"}

package/dist/src/components/next/Dropdown/hooks/useDropdownSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownSelect.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownSelect.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownSelect<T extends ~~BaseListItemData~~<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n autoFocus?: boolean,\n isMenuOpen?: boolean,\n defaultValue?: T,\n value?: T,\n onChange?: (option: T \| T[] \| null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n showSelectedOptions?: boolean,\n filterOption?: (option: T, inputValue: string) => boolean,\n id?: string\n) {\n const [currentSelectedItem, setCurrentSelectedItem] = useState<T \| null>(defaultValue \|\| null);\n\n const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n const memoizedSelectedItemForFiltering = useMemo(() => {\n return selectedItem ? [selectedItem] : [];\n }, [selectedItem]);\n\n const { filteredOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n memoizedSelectedItemForFiltering\n );\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useSelect<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n selectedItem: selectedItem,\n id,\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (value === undefined) {\n setCurrentSelectedItem(newSelectedItem \|\| null);\n }\n if (newSelectedItem) {\n onOptionSelect?.(newSelectedItem);\n }\n onChange?.(newSelectedItem \|\| null);\n },\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuOpen?.() : onMenuClose?.();\n }\n });\n\n const reset = () => {\n if (value === undefined) {\n setCurrentSelectedItem(null);\n }\n downshiftReset();\n onChange?.(null);\n };\n\n const getInputProps = () => ({});\n\n return {\n isOpen,\n inputValue: \"\",\n highlightedIndex,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownSelect;\n"],"names":["useDropdownSelect","options","autoFocus","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","filteredOptions","useDropdownFiltering","flatOptions","flatMap","group","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","onSelectedItemChange","_ref","newSelectedItem","onIsOpenChange","_ref2","downshiftReset","reset","inputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"kNAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBV,GAAgB,MAAKW,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAE5CG,OAAyBC,IAAVd,EAAsBA,EAFjBU,EAAA,GAIpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEII,EAAoBC,EAC1BtB,EACAU,EACAD,EACAU,GAJME,gBAOFE,EAAcH,GAAQ,WAAA,OAAMC,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAMzB,aAAU,CAACqB,IAEpFK,EAWIC,EAAa,CACfC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBZ,KAAhBY,aAAA,EAAAA,EAAM1B,OAA6B0B,EAAK1B,MAAZ8B,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,OAAQnC,EACRoC,cAAerC,EACfgB,aAAcA,EACdN,GAAAA,EACA4B,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BvB,kBACTC,IAAVd,GACFY,EAAuByB,GAAmB,MAExCA,IACFjC,SAAAA,EAAiBiC,IAEnBpC,SAAAA,EAAWoC,GAAmB,KAC/B,EACDC,eAAgB,SAAAC,GAASA,EAANN,OACR/B,SAAAA,IAAiBC,SAAAA,GAC5B,IAxBOqC,EAAclB,EAArBmB,MAqCF,MAAO,CACLR,OA5CMX,EAANW,OA6CAS,WAAY,GACZC,iBA7CgBrB,EAAhBqB,iBA8CA9B,aAAAA,EACA+B,qBA9CoBtB,EAApBsB,qBA+CAC,cA9CavB,EAAbuB,cA+CAC,aA9CYxB,EAAZwB,aA+CAC,cAVoB,WAAH,MAAU,IAW3BC,aA/CY1B,EAAZ0B,aAgDAP,MApBY,gBACE3B,IAAVd,GACFY,EAAuB,MAEzB4B,IACAvC,SAAAA,EAAW,OAgBXgB,gBAAAA,EACAgC,SAhDQ3B,EAAR2B,SAiDAC,WAhDU5B,EAAV4B,WAiDAC,UAhDS7B,EAAT6B,UAkDJ"}
1	+ {"version":3,"file":"useDropdownSelect.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownSelect.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownSelect<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n autoFocus?: boolean,\n isMenuOpen?: boolean,\n defaultValue?: T,\n value?: T,\n onChange?: (option: T \| T[] \| null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n showSelectedOptions?: boolean,\n filterOption?: (option: T, inputValue: string) => boolean,\n id?: string\n) {\n const [currentSelectedItem, setCurrentSelectedItem] = useState<T \| null>(defaultValue \|\| null);\n\n const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n const memoizedSelectedItemForFiltering = useMemo(() => {\n return selectedItem ? [selectedItem] : [];\n }, [selectedItem]);\n\n const { filteredOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n memoizedSelectedItemForFiltering\n );\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useSelect<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n selectedItem: selectedItem,\n id,\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (value === undefined) {\n setCurrentSelectedItem(newSelectedItem \|\| null);\n }\n if (newSelectedItem) {\n onOptionSelect?.(newSelectedItem);\n }\n onChange?.(newSelectedItem \|\| null);\n },\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuOpen?.() : onMenuClose?.();\n }\n });\n\n const reset = () => {\n if (value === undefined) {\n setCurrentSelectedItem(null);\n }\n downshiftReset();\n onChange?.(null);\n };\n\n const getInputProps = () => ({});\n\n return {\n isOpen,\n inputValue: \"\",\n highlightedIndex,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownSelect;\n"],"names":["useDropdownSelect","options","autoFocus","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","filteredOptions","useDropdownFiltering","flatOptions","flatMap","group","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","onSelectedItemChange","_ref","newSelectedItem","onIsOpenChange","_ref2","downshiftReset","reset","inputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"kNAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBV,GAAgB,MAAKW,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAE5CG,OAAyBC,IAAVd,EAAsBA,EAFjBU,EAAA,GAIpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEII,EAAoBC,EAC1BtB,EACAU,EACAD,EACAU,GAJME,gBAOFE,EAAcH,GAAQ,WAAA,OAAMC,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAMzB,aAAU,CAACqB,IAEpFK,EAWIC,EAAa,CACfC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBZ,KAAhBY,aAAA,EAAAA,EAAM1B,OAA6B0B,EAAK1B,MAAZ8B,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,OAAQnC,EACRoC,cAAerC,EACfgB,aAAcA,EACdN,GAAAA,EACA4B,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BvB,kBACTC,IAAVd,GACFY,EAAuByB,GAAmB,MAExCA,IACFjC,SAAAA,EAAiBiC,IAEnBpC,SAAAA,EAAWoC,GAAmB,KAC/B,EACDC,eAAgB,SAAAC,GAASA,EAANN,OACR/B,SAAAA,IAAiBC,SAAAA,GAC5B,IAxBOqC,EAAclB,EAArBmB,MAqCF,MAAO,CACLR,OA5CMX,EAANW,OA6CAS,WAAY,GACZC,iBA7CgBrB,EAAhBqB,iBA8CA9B,aAAAA,EACA+B,qBA9CoBtB,EAApBsB,qBA+CAC,cA9CavB,EAAbuB,cA+CAC,aA9CYxB,EAAZwB,aA+CAC,cAVoB,WAAH,MAAU,IAW3BC,aA/CY1B,EAAZ0B,aAgDAP,MApBY,gBACE3B,IAAVd,GACFY,EAAuB,MAEzB4B,IACAvC,SAAAA,EAAW,OAgBXgB,gBAAAA,EACAgC,SAhDQ3B,EAAR2B,SAiDAC,WAhDU5B,EAAV4B,WAiDAC,UAhDS7B,EAAT6B,UAkDJ"}

package/dist/src/components/next/Dropdown/modes/DropdownComboboxController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownCombobox from \"../hooks/useDropdownCombobox\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownComboboxController = <Item extends ~~BaseListItemData~~<Record<string, unknown>>>(\n props: DropdownSingleControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n closeMenuOnSelect = true,\n defaultValue,\n value,\n inputValue: inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions = true,\n clearable = true,\n searchable = true,\n multi = false,\n dropdownRef,\n onFocus,\n onBlur,\n onKeyDown,\n onClear,\n loading = false,\n size = \"medium\",\n id,\n readOnly,\n disabled,\n boxMode = false\n } = props;\n\n const [isFocused, setIsFocused] = useState(false);\n\n const handleOptionSelect = (item: Item \| null) => {\n onOptionSelect?.(item);\n if (item) {\n setIsFocused(false);\n }\n };\n\n const {\n isOpen,\n inputValue: hookInputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: hookGetInputProps,\n reset: hookReset,\n filteredOptions,\n selectedItem: hookSelectedItem,\n toggleMenu\n } = useDropdownCombobox<Item>(\n options,\n boxMode ? undefined : isMenuOpenProp,\n autoFocus,\n closeMenuOnSelect,\n defaultValue,\n value,\n inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n handleOptionSelect,\n filterOption,\n showSelectedOptions,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen: boxMode ? true : isOpen,\n inputValue: hookInputValue ?? null,\n highlightedIndex,\n selectedItem: hookSelectedItem,\n selectedItems: [],\n filteredOptions,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: (inputOptions?: any) => {\n return hookGetInputProps!({\n ...(inputOptions \|\| {}),\n disabled: readOnly \|\| disabled,\n onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event as any);\n inputOptions?.onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n inputOptions?.onBlur?.(event);\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n inputOptions?.onKeyDown?.(event);\n }\n });\n },\n reset: hookReset,\n contextOnClear: () => {\n hookReset();\n onClear?.();\n },\n contextOnOptionRemove: () => {},\n addSelectedItem: undefined,\n removeSelectedItem: undefined,\n isFocused,\n clearable,\n searchable,\n multi,\n closeMenuOnSelect,\n size,\n toggleMenu,\n loading\n };\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownComboboxController;\n"],"names":["DropdownComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","_props$closeMenuOnSel","closeMenuOnSelect","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onFocus","onBlur","onKeyDown","onClear","_props$loading","loading","_props$size","size","id","readOnly","disabled","_props$boxMode","boxMode","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownCombobox","useDropdownCombobox","undefined","item","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","filteredOptions","hookSelectedItem","selectedItem","toggleMenu","contextValue","Object","assign","selectedItems","inputOptions","event","_a","call","contextOnClear","contextOnOptionRemove","addSelectedItem","removeSelectedItem","React","createElement","DropdownWrapperUI"],"mappings":"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"}
1	+ {"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownCombobox from \"../hooks/useDropdownCombobox\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n props: DropdownSingleControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n closeMenuOnSelect = true,\n defaultValue,\n value,\n inputValue: inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions = true,\n clearable = true,\n searchable = true,\n multi = false,\n dropdownRef,\n onFocus,\n onBlur,\n onKeyDown,\n onClear,\n loading = false,\n size = \"medium\",\n id,\n readOnly,\n disabled,\n boxMode = false\n } = props;\n\n const [isFocused, setIsFocused] = useState(false);\n\n const handleOptionSelect = (item: Item \| null) => {\n onOptionSelect?.(item);\n if (item) {\n setIsFocused(false);\n }\n };\n\n const {\n isOpen,\n inputValue: hookInputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: hookGetInputProps,\n reset: hookReset,\n filteredOptions,\n selectedItem: hookSelectedItem,\n toggleMenu\n } = useDropdownCombobox<Item>(\n options,\n boxMode ? undefined : isMenuOpenProp,\n autoFocus,\n closeMenuOnSelect,\n defaultValue,\n value,\n inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n handleOptionSelect,\n filterOption,\n showSelectedOptions,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen: boxMode ? true : isOpen,\n inputValue: hookInputValue ?? null,\n highlightedIndex,\n selectedItem: hookSelectedItem,\n selectedItems: [],\n filteredOptions,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: (inputOptions?: any) => {\n return hookGetInputProps!({\n ...(inputOptions \|\| {}),\n disabled: readOnly \|\| disabled,\n onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event as any);\n inputOptions?.onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n inputOptions?.onBlur?.(event);\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n inputOptions?.onKeyDown?.(event);\n }\n });\n },\n reset: hookReset,\n contextOnClear: () => {\n hookReset();\n onClear?.();\n },\n contextOnOptionRemove: () => {},\n addSelectedItem: undefined,\n removeSelectedItem: undefined,\n isFocused,\n clearable,\n searchable,\n multi,\n closeMenuOnSelect,\n size,\n toggleMenu,\n loading\n };\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownComboboxController;\n"],"names":["DropdownComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","_props$closeMenuOnSel","closeMenuOnSelect","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onFocus","onBlur","onKeyDown","onClear","_props$loading","loading","_props$size","size","id","readOnly","disabled","_props$boxMode","boxMode","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownCombobox","useDropdownCombobox","undefined","item","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","filteredOptions","hookSelectedItem","selectedItem","toggleMenu","contextValue","Object","assign","selectedItems","inputOptions","event","_a","call","contextOnClear","contextOnOptionRemove","addSelectedItem","removeSelectedItem","React","createElement","DropdownWrapperUI"],"mappings":"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"}

package/dist/src/components/next/Dropdown/modes/DropdownMultiComboboxController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends ~~BaseListItemData~~<Record<string, unknown>>>(\n props: DropdownMultiControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValue: inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions = true,\n clearable = true,\n searchable = true,\n multi = true,\n closeMenuOnSelect = true,\n dropdownRef,\n onFocus,\n onBlur,\n onKeyDown,\n onClear,\n onOptionRemove,\n loading = false,\n size = \"medium\",\n id,\n boxMode = false\n } = props;\n\n const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n inputValue: hookInputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: hookGetInputProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItems: hookSelectedItems,\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getDropdownProps\n } = useDropdownMultiCombobox<Item>(\n options,\n multiSelectedItemsState,\n setMultiSelectedItemsState,\n boxMode ? undefined : isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen: boxMode ? true : isOpen,\n inputValue: hookInputValue ?? null,\n highlightedIndex,\n selectedItems: hookSelectedItems \|\| [],\n filteredOptions,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: (inputOptions?: any) => {\n return hookGetInputProps!({\n ...(inputOptions \|\| {}),\n disabled: props.readOnly \|\| props.disabled,\n onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event as any);\n inputOptions?.onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n inputOptions?.onBlur?.(event);\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n inputOptions?.onKeyDown?.(event);\n }\n });\n },\n reset: hookReset,\n contextOnClear: () => {\n hookReset();\n if (value === undefined) {\n setMultiSelectedItemsState([]);\n }\n onClear?.();\n },\n contextOnOptionRemove: (option: Item) => {\n if (hookRemoveSelectedItem) {\n hookRemoveSelectedItem(option);\n }\n onOptionRemove?.(option);\n },\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n isFocused,\n clearable,\n searchable,\n multi,\n closeMenuOnSelect,\n size,\n getDropdownProps,\n toggleMenu,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"+NAOA,IAAMA,EAAkC,SACtCC,GAEA,IACEC,EA2BED,EA3BFC,QACYC,EA0BVF,EA1BFG,WACAC,EAyBEJ,EAzBFI,UACAC,EAwBEL,EAxBFK,aACAC,EAuBEN,EAvBFM,MACYC,EAsBVP,EAtBFQ,WACAC,EAqBET,EArBFS,SACAC,EAoBEV,EApBFU,cACAC,EAmBEX,EAnBFW,YACAC,EAkBEZ,EAlBFY,WACAC,EAiBEb,EAjBFa,eACAC,EAgBEd,EAhBFc,aAAYC,EAgBVf,EAfFgB,oBAAAA,OAAsB,IAAHD,GAAOA,EAAAE,EAexBjB,EAdFkB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAcdnB,EAbFoB,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAafrB,EAZFsB,MAAAA,OAAQ,IAAHD,GAAOA,EAAAE,EAYVvB,EAXFwB,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAUEzB,EAVFyB,YACAC,EASE1B,EATF0B,QACAC,EAQE3B,EARF2B,OACAC,EAOE5B,EAPF4B,UACAC,EAME7B,EANF6B,QACAC,EAKE9B,EALF8B,eAAcC,EAKZ/B,EAJFgC,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAIbjC,EAHFkC,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAEEnC,EAFFmC,GAAEC,EAEApC,EADFqC,QAAAA,OAAU,IAAHD,GAAQA,EAIjBE,EAA8DC,EAD5BC,MAAMC,QAAQpC,GAAgBA,EAAe,IAC0BqC,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAgBIC,EACFlD,EACA2C,EACAC,EACAR,OAAUe,EAAYlD,EACtBE,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAmB,GA/BAkB,EAAMH,EAANG,OACYC,EAAcJ,EAA1B1C,WACA+C,EAAgBL,EAAhBK,iBACAC,EAAoBN,EAApBM,qBACAC,GAAaP,EAAbO,cACAC,GAAYR,EAAZQ,aACAC,GAAYT,EAAZS,aACeC,GAAiBV,EAAhCW,cACOC,GAASZ,EAAhBa,MACAC,GAAUd,EAAVc,WACAC,GAAef,EAAfe,gBACeC,GAAiBhB,EAAhCiB,cACiBC,GAAmBlB,EAApCmB,gBACoBC,GAAsBpB,EAA1CqB,mBACAC,GAAgBtB,EAAhBsB,iBAoBIC,GAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACb3E,GAAK,CACRqD,SAAQhB,GAAiBgB,EACzB7C,WAAY8C,QAAAA,EAAkB,KAC9BC,iBAAAA,EACAY,cAAeD,IAAqB,GACpCD,gBAAAA,GACAT,qBAAAA,EACAC,cAAAA,GACAC,aAAAA,GACAC,aAAAA,GACAE,cAAe,SAACe,GACd,OAAOhB,kCACDgB,GAAgB,CAAA,GACpB,CAAAC,SAAU7E,EAAM8E,UAAY9E,EAAM6E,SAClCnD,QAAS,SAACqD,SACR9B,GAAa,GACbvB,SAAAA,EAAUqD,GACW,QAArBC,EAAAJ,aAAA,EAAAA,EAAclD,eAAO,IAAAsD,GAAAA,EAAAC,KAAAL,EAAGG,EACzB,EACDpD,OAAQ,SAACoD,SACP9B,GAAa,GACbtB,SAAAA,EAASoD,GACW,QAApBC,EAAAJ,aAAA,EAAAA,EAAcjD,cAAM,IAAAqD,GAAAA,EAAAC,KAAAL,EAAGG,EACxB,EACDnD,UAAW,SAACmD,SACVnD,SAAAA,EAAYmD,GACW,QAAvBC,EAAAJ,aAAA,EAAAA,EAAchD,iBAAS,IAAAoD,GAAAA,EAAAC,KAAAL,EAAGG,EAC5B,IAEH,EACDhB,MAAOD,GACPoB,eAAgB,WACdpB,UACcV,IAAV9C,GACFuC,EAA2B,IAE7BhB,SAAAA,GACD,EACDsD,sBAAuB,SAACC,GAClBd,IACFA,GAAuBc,GAEzBtD,SAAAA,EAAiBsD,EAClB,EACDf,gBAAiBD,GACjBG,mBAAoBD,GACpBtB,UAAAA,EACA9B,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAE,kBAAAA,EACAU,KAAAA,EACAsC,iBAAAA,GACAR,WAAAA,GACAhC,QAAAA,IAGF,OAAOqD,EAAAC,cAACC,EAAiB,CAACd,aAAcA,GAAchD,YAAaA,GACrE"}
1	+ {"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n props: DropdownMultiControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValue: inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions = true,\n clearable = true,\n searchable = true,\n multi = true,\n closeMenuOnSelect = true,\n dropdownRef,\n onFocus,\n onBlur,\n onKeyDown,\n onClear,\n onOptionRemove,\n loading = false,\n size = \"medium\",\n id,\n boxMode = false\n } = props;\n\n const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n inputValue: hookInputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: hookGetInputProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItems: hookSelectedItems,\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getDropdownProps\n } = useDropdownMultiCombobox<Item>(\n options,\n multiSelectedItemsState,\n setMultiSelectedItemsState,\n boxMode ? undefined : isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen: boxMode ? true : isOpen,\n inputValue: hookInputValue ?? null,\n highlightedIndex,\n selectedItems: hookSelectedItems \|\| [],\n filteredOptions,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: (inputOptions?: any) => {\n return hookGetInputProps!({\n ...(inputOptions \|\| {}),\n disabled: props.readOnly \|\| props.disabled,\n onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event as any);\n inputOptions?.onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n inputOptions?.onBlur?.(event);\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n inputOptions?.onKeyDown?.(event);\n }\n });\n },\n reset: hookReset,\n contextOnClear: () => {\n hookReset();\n if (value === undefined) {\n setMultiSelectedItemsState([]);\n }\n onClear?.();\n },\n contextOnOptionRemove: (option: Item) => {\n if (hookRemoveSelectedItem) {\n hookRemoveSelectedItem(option);\n }\n onOptionRemove?.(option);\n },\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n isFocused,\n clearable,\n searchable,\n multi,\n closeMenuOnSelect,\n size,\n getDropdownProps,\n toggleMenu,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"+NAOA,IAAMA,EAAkC,SACtCC,GAEA,IACEC,EA2BED,EA3BFC,QACYC,EA0BVF,EA1BFG,WACAC,EAyBEJ,EAzBFI,UACAC,EAwBEL,EAxBFK,aACAC,EAuBEN,EAvBFM,MACYC,EAsBVP,EAtBFQ,WACAC,EAqBET,EArBFS,SACAC,EAoBEV,EApBFU,cACAC,EAmBEX,EAnBFW,YACAC,EAkBEZ,EAlBFY,WACAC,EAiBEb,EAjBFa,eACAC,EAgBEd,EAhBFc,aAAYC,EAgBVf,EAfFgB,oBAAAA,OAAsB,IAAHD,GAAOA,EAAAE,EAexBjB,EAdFkB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAcdnB,EAbFoB,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAafrB,EAZFsB,MAAAA,OAAQ,IAAHD,GAAOA,EAAAE,EAYVvB,EAXFwB,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAUEzB,EAVFyB,YACAC,EASE1B,EATF0B,QACAC,EAQE3B,EARF2B,OACAC,EAOE5B,EAPF4B,UACAC,EAME7B,EANF6B,QACAC,EAKE9B,EALF8B,eAAcC,EAKZ/B,EAJFgC,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAIbjC,EAHFkC,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAEEnC,EAFFmC,GAAEC,EAEApC,EADFqC,QAAAA,OAAU,IAAHD,GAAQA,EAIjBE,EAA8DC,EAD5BC,MAAMC,QAAQpC,GAAgBA,EAAe,IAC0BqC,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAgBIC,EACFlD,EACA2C,EACAC,EACAR,OAAUe,EAAYlD,EACtBE,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAmB,GA/BAkB,EAAMH,EAANG,OACYC,EAAcJ,EAA1B1C,WACA+C,EAAgBL,EAAhBK,iBACAC,EAAoBN,EAApBM,qBACAC,GAAaP,EAAbO,cACAC,GAAYR,EAAZQ,aACAC,GAAYT,EAAZS,aACeC,GAAiBV,EAAhCW,cACOC,GAASZ,EAAhBa,MACAC,GAAUd,EAAVc,WACAC,GAAef,EAAfe,gBACeC,GAAiBhB,EAAhCiB,cACiBC,GAAmBlB,EAApCmB,gBACoBC,GAAsBpB,EAA1CqB,mBACAC,GAAgBtB,EAAhBsB,iBAoBIC,GAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACb3E,GAAK,CACRqD,SAAQhB,GAAiBgB,EACzB7C,WAAY8C,QAAAA,EAAkB,KAC9BC,iBAAAA,EACAY,cAAeD,IAAqB,GACpCD,gBAAAA,GACAT,qBAAAA,EACAC,cAAAA,GACAC,aAAAA,GACAC,aAAAA,GACAE,cAAe,SAACe,GACd,OAAOhB,kCACDgB,GAAgB,CAAA,GACpB,CAAAC,SAAU7E,EAAM8E,UAAY9E,EAAM6E,SAClCnD,QAAS,SAACqD,SACR9B,GAAa,GACbvB,SAAAA,EAAUqD,GACW,QAArBC,EAAAJ,aAAA,EAAAA,EAAclD,eAAO,IAAAsD,GAAAA,EAAAC,KAAAL,EAAGG,EACzB,EACDpD,OAAQ,SAACoD,SACP9B,GAAa,GACbtB,SAAAA,EAASoD,GACW,QAApBC,EAAAJ,aAAA,EAAAA,EAAcjD,cAAM,IAAAqD,GAAAA,EAAAC,KAAAL,EAAGG,EACxB,EACDnD,UAAW,SAACmD,SACVnD,SAAAA,EAAYmD,GACW,QAAvBC,EAAAJ,aAAA,EAAAA,EAAchD,iBAAS,IAAAoD,GAAAA,EAAAC,KAAAL,EAAGG,EAC5B,IAEH,EACDhB,MAAOD,GACPoB,eAAgB,WACdpB,UACcV,IAAV9C,GACFuC,EAA2B,IAE7BhB,SAAAA,GACD,EACDsD,sBAAuB,SAACC,GAClBd,IACFA,GAAuBc,GAEzBtD,SAAAA,EAAiBsD,EAClB,EACDf,gBAAiBD,GACjBG,mBAAoBD,GACpBtB,UAAAA,EACA9B,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAE,kBAAAA,EACAU,KAAAA,EACAsC,iBAAAA,GACAR,WAAAA,GACAhC,QAAAA,IAGF,OAAOqD,EAAAC,cAACC,EAAiB,CAACd,aAAcA,GAAchD,YAAaA,GACrE"}

package/dist/src/components/next/Dropdown/modes/DropdownMultiSelectController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMultiSelectController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiSelect from \"../hooks/useDropdownMultiSelect\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiSelectController = <Item extends ~~BaseListItemData~~<Record<string, unknown>>>(\n props: DropdownMultiControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n clearable = true,\n showSelectedOptions = true,\n filterOption,\n dropdownRef,\n onClear,\n onOptionRemove,\n onFocus,\n onBlur,\n loading = false,\n size = \"medium\",\n id\n } = props;\n\n const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItems: hookSelectedItems,\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getDropdownProps\n } = useDropdownMultiSelect<Item>(\n options,\n multiSelectedItemsState,\n setMultiSelectedItemsState,\n isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n showSelectedOptions,\n filterOption,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen,\n inputValue: null,\n highlightedIndex,\n selectedItem: undefined,\n selectedItems: hookSelectedItems \|\| [],\n filteredOptions,\n clearable,\n getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n return getToggleButtonProps({\n ...(toggleOptions \|\| {}),\n disabled: props.readOnly \|\| props.disabled,\n onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(true);\n onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n }\n });\n },\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n getDropdownProps,\n contextOnClear: () => {\n hookReset();\n if (value === undefined) {\n setMultiSelectedItemsState([]);\n }\n onClear?.();\n },\n contextOnOptionRemove: (option: Item) => {\n if (hookRemoveSelectedItem) {\n hookRemoveSelectedItem(option);\n }\n onOptionRemove?.(option);\n },\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n size,\n toggleMenu,\n isFocused,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiSelectController;\n"],"names":["DropdownMultiSelectController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$clearable","clearable","_props$showSelectedOp","showSelectedOptions","filterOption","dropdownRef","onClear","onOptionRemove","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiSele","useDropdownMultiSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","inputValue","selectedItem","undefined","toggleOptions","disabled","readOnly","event","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"6NAOA,IAAMA,EAAgC,SACpCC,GAEA,IACEC,EAoBED,EApBFC,QACYC,EAmBVF,EAnBFG,WACAC,EAkBEJ,EAlBFI,UACAC,EAiBEL,EAjBFK,aACAC,EAgBEN,EAhBFM,MACAC,EAeEP,EAfFO,SACAC,EAcER,EAdFQ,WACAC,EAaET,EAbFS,YACAC,EAYEV,EAZFU,eAAcC,EAYZX,EAXFY,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAWdb,EAVFc,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EASEf,EATFe,aACAC,EAQEhB,EARFgB,YACAC,EAOEjB,EAPFiB,QACAC,EAMElB,EANFkB,eACAC,EAKEnB,EALFmB,QACAC,EAIEpB,EAJFoB,OAAMC,EAIJrB,EAHFsB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGbvB,EAFFwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACEzB,EADFyB,GAIFC,EAA8DC,EAD5BC,MAAMC,QAAQxB,GAAgBA,EAAe,IAC0ByB,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAcIC,EACFtC,EACA+B,EACAC,EACA/B,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAI,EACAC,EACAU,GA3BAe,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACeC,EAAiBZ,EAAhCa,cACiBC,EAAmBd,EAApCe,gBACoBC,EAAsBhB,EAA1CiB,mBACAC,EAAgBlB,EAAhBkB,iBAkBIC,iCACDzD,GAAK,CACRwC,OAAAA,EACAkB,WAAY,KACZjB,iBAAAA,EACAkB,kBAAcC,EACdT,cAAeD,GAAqB,GACpCD,gBAAAA,EACArC,UAAAA,EACA8B,qBAAsB,SAACmB,GACrB,OAAOnB,iCACDmB,GAAiB,CAAA,GACrB,CAAAC,SAAU9D,EAAM+D,UAAY/D,EAAM8D,SAClC3C,QAAS,SAAC6C,GACR3B,GAAa,GACblB,SAAAA,EAAU6C,EACX,EACD5C,OAAQ,SAAC4C,GACP3B,GAAa,GACbjB,SAAAA,EAAS4C,EACX,IAEH,EACDrB,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPU,iBAAAA,EACAS,eAAgB,WACdnB,SACcc,IAAVtD,GACF2B,EAA2B,IAE7BhB,SAAAA,GACD,EACDiD,sBAAuB,SAACC,GAClBb,GACFA,EAAuBa,GAEzBjD,SAAAA,EAAiBiD,EAClB,EACDd,gBAAiBD,EACjBG,mBAAoBD,EACpB9B,KAAAA,EACAwB,WAAAA,EACAZ,UAAAA,EACAd,QAAAA,IAGF,OAAO8C,EAAAC,cAACC,EAAiB,CAACb,aAAcA,EAAczC,YAAaA,GACrE"}
1	+ {"version":3,"file":"DropdownMultiSelectController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiSelect from \"../hooks/useDropdownMultiSelect\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiSelectController = <Item extends BaseItemData<Record<string, unknown>>>(\n props: DropdownMultiControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n clearable = true,\n showSelectedOptions = true,\n filterOption,\n dropdownRef,\n onClear,\n onOptionRemove,\n onFocus,\n onBlur,\n loading = false,\n size = \"medium\",\n id\n } = props;\n\n const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItems: hookSelectedItems,\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getDropdownProps\n } = useDropdownMultiSelect<Item>(\n options,\n multiSelectedItemsState,\n setMultiSelectedItemsState,\n isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n showSelectedOptions,\n filterOption,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen,\n inputValue: null,\n highlightedIndex,\n selectedItem: undefined,\n selectedItems: hookSelectedItems \|\| [],\n filteredOptions,\n clearable,\n getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n return getToggleButtonProps({\n ...(toggleOptions \|\| {}),\n disabled: props.readOnly \|\| props.disabled,\n onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(true);\n onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n }\n });\n },\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n getDropdownProps,\n contextOnClear: () => {\n hookReset();\n if (value === undefined) {\n setMultiSelectedItemsState([]);\n }\n onClear?.();\n },\n contextOnOptionRemove: (option: Item) => {\n if (hookRemoveSelectedItem) {\n hookRemoveSelectedItem(option);\n }\n onOptionRemove?.(option);\n },\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n size,\n toggleMenu,\n isFocused,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiSelectController;\n"],"names":["DropdownMultiSelectController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$clearable","clearable","_props$showSelectedOp","showSelectedOptions","filterOption","dropdownRef","onClear","onOptionRemove","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiSele","useDropdownMultiSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","inputValue","selectedItem","undefined","toggleOptions","disabled","readOnly","event","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"6NAOA,IAAMA,EAAgC,SACpCC,GAEA,IACEC,EAoBED,EApBFC,QACYC,EAmBVF,EAnBFG,WACAC,EAkBEJ,EAlBFI,UACAC,EAiBEL,EAjBFK,aACAC,EAgBEN,EAhBFM,MACAC,EAeEP,EAfFO,SACAC,EAcER,EAdFQ,WACAC,EAaET,EAbFS,YACAC,EAYEV,EAZFU,eAAcC,EAYZX,EAXFY,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAWdb,EAVFc,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EASEf,EATFe,aACAC,EAQEhB,EARFgB,YACAC,EAOEjB,EAPFiB,QACAC,EAMElB,EANFkB,eACAC,EAKEnB,EALFmB,QACAC,EAIEpB,EAJFoB,OAAMC,EAIJrB,EAHFsB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGbvB,EAFFwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACEzB,EADFyB,GAIFC,EAA8DC,EAD5BC,MAAMC,QAAQxB,GAAgBA,EAAe,IAC0ByB,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAcIC,EACFtC,EACA+B,EACAC,EACA/B,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAI,EACAC,EACAU,GA3BAe,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACeC,EAAiBZ,EAAhCa,cACiBC,EAAmBd,EAApCe,gBACoBC,EAAsBhB,EAA1CiB,mBACAC,EAAgBlB,EAAhBkB,iBAkBIC,iCACDzD,GAAK,CACRwC,OAAAA,EACAkB,WAAY,KACZjB,iBAAAA,EACAkB,kBAAcC,EACdT,cAAeD,GAAqB,GACpCD,gBAAAA,EACArC,UAAAA,EACA8B,qBAAsB,SAACmB,GACrB,OAAOnB,iCACDmB,GAAiB,CAAA,GACrB,CAAAC,SAAU9D,EAAM+D,UAAY/D,EAAM8D,SAClC3C,QAAS,SAAC6C,GACR3B,GAAa,GACblB,SAAAA,EAAU6C,EACX,EACD5C,OAAQ,SAAC4C,GACP3B,GAAa,GACbjB,SAAAA,EAAS4C,EACX,IAEH,EACDrB,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPU,iBAAAA,EACAS,eAAgB,WACdnB,SACcc,IAAVtD,GACF2B,EAA2B,IAE7BhB,SAAAA,GACD,EACDiD,sBAAuB,SAACC,GAClBb,GACFA,EAAuBa,GAEzBjD,SAAAA,EAAiBiD,EAClB,EACDd,gBAAiBD,EACjBG,mBAAoBD,EACpB9B,KAAAA,EACAwB,WAAAA,EACAZ,UAAAA,EACAd,QAAAA,IAGF,OAAO8C,EAAAC,cAACC,EAAiB,CAACb,aAAcA,EAAczC,YAAaA,GACrE"}

package/dist/src/components/next/Dropdown/modes/DropdownSelectController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownSelectController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownSelect from \"../hooks/useDropdownSelect\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownSelectController = <Item extends ~~BaseListItemData~~<Record<string, unknown>>>(\n props: DropdownSingleControllerProps<Item>\n) => {\n const {\n options,\n autoFocus,\n isMenuOpen: isMenuOpenProp,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n showSelectedOptions = true,\n filterOption,\n clearable = true,\n searchable = false,\n multi = false,\n dropdownRef,\n onClear,\n onFocus,\n onBlur,\n loading = false,\n size = \"medium\",\n id\n } = props;\n\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItem: hookSelectedItem\n } = useDropdownSelect<Item>(\n options,\n autoFocus,\n isMenuOpenProp,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n showSelectedOptions,\n filterOption,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen,\n highlightedIndex,\n selectedItem: hookSelectedItem,\n filteredOptions,\n getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n return getToggleButtonProps({\n ...(toggleOptions \|\| {}),\n disabled: props.readOnly \|\| props.disabled,\n onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(true);\n onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n }\n });\n },\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n inputValue: null,\n selectedItems: [],\n addSelectedItem: undefined,\n removeSelectedItem: undefined,\n contextOnClear: () => {\n hookReset();\n onClear?.();\n },\n contextOnOptionRemove: () => {},\n clearable,\n searchable,\n multi,\n autoFocus,\n onClear,\n size,\n toggleMenu,\n isFocused,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownSelectController;\n"],"names":["DropdownSelectController","props","options","autoFocus","isMenuOpenProp","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$showSelectedOp","showSelectedOptions","filterOption","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onClear","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownSelect","useDropdownSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItem","selectedItem","contextValue","Object","assign","toggleOptions","disabled","readOnly","event","inputValue","selectedItems","addSelectedItem","undefined","removeSelectedItem","contextOnClear","contextOnOptionRemove","React","createElement","DropdownWrapperUI"],"mappings":"wNAOA,IAAMA,EAA2B,SAC/BC,GAEA,IACEC,EAqBED,EArBFC,QACAC,EAoBEF,EApBFE,UACYC,EAmBVH,EAnBFI,WACAC,EAkBEL,EAlBFK,aACAC,EAiBEN,EAjBFM,MACAC,EAgBEP,EAhBFO,SACAC,EAeER,EAfFQ,WACAC,EAcET,EAdFS,YACAC,EAaEV,EAbFU,eAAcC,EAaZX,EAZFY,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EAWEb,EAXFa,aAAYC,EAWVd,EAVFe,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAUdhB,EATFiB,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAShBlB,EARFmB,MAAAA,OAAQ,IAAHD,GAAQA,EACbE,EAOEpB,EAPFoB,YACAC,EAMErB,EANFqB,QACAC,EAKEtB,EALFsB,QACAC,EAIEvB,EAJFuB,OAAMC,EAIJxB,EAHFyB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGb1B,EAFF2B,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACE5B,EADF4B,GAGFC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAE9BI,EAWIC,EACFnC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAe,GAtBAS,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACcC,EAAgBZ,EAA9Ba,aAgBIC,EAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbnD,GAAK,CACRqC,OAAAA,EACAC,iBAAAA,EACAU,aAAcD,EACdD,gBAAAA,EACAP,qBAAsB,SAACa,GACrB,OAAOb,iCACDa,GAAiB,CAAA,GACrB,CAAAC,SAAUrD,EAAMsD,UAAYtD,EAAMqD,SAClC/B,QAAS,SAACiC,GACRrB,GAAa,GACbZ,SAAAA,EAAUiC,EACX,EACDhC,OAAQ,SAACgC,GACPrB,GAAa,GACbX,SAAAA,EAASgC,EACX,IAEH,EACDf,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPa,WAAY,KACZC,cAAe,GACfC,qBAAiBC,EACjBC,wBAAoBD,EACpBE,eAAgB,WACdlB,IACAtB,SAAAA,GACD,EACDyC,sBAAuB,WAAQ,EAC/B/C,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAjB,UAAAA,EACAmB,QAAAA,EACAM,KAAAA,EACAkB,WAAAA,EACAZ,UAAAA,EACAR,QAAAA,IAGF,OAAOsC,EAAAC,cAACC,EAAiB,CAAChB,aAAcA,EAAc7B,YAAaA,GACrE"}
1	+ {"version":3,"file":"DropdownSelectController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownSelect from \"../hooks/useDropdownSelect\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownSelectController = <Item extends BaseItemData<Record<string, unknown>>>(\n props: DropdownSingleControllerProps<Item>\n) => {\n const {\n options,\n autoFocus,\n isMenuOpen: isMenuOpenProp,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n showSelectedOptions = true,\n filterOption,\n clearable = true,\n searchable = false,\n multi = false,\n dropdownRef,\n onClear,\n onFocus,\n onBlur,\n loading = false,\n size = \"medium\",\n id\n } = props;\n\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItem: hookSelectedItem\n } = useDropdownSelect<Item>(\n options,\n autoFocus,\n isMenuOpenProp,\n defaultValue,\n value,\n onChange,\n onMenuOpen,\n onMenuClose,\n onOptionSelect,\n showSelectedOptions,\n filterOption,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen,\n highlightedIndex,\n selectedItem: hookSelectedItem,\n filteredOptions,\n getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n return getToggleButtonProps({\n ...(toggleOptions \|\| {}),\n disabled: props.readOnly \|\| props.disabled,\n onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(true);\n onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n }\n });\n },\n getLabelProps,\n getMenuProps,\n getItemProps,\n reset: hookReset,\n inputValue: null,\n selectedItems: [],\n addSelectedItem: undefined,\n removeSelectedItem: undefined,\n contextOnClear: () => {\n hookReset();\n onClear?.();\n },\n contextOnOptionRemove: () => {},\n clearable,\n searchable,\n multi,\n autoFocus,\n onClear,\n size,\n toggleMenu,\n isFocused,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownSelectController;\n"],"names":["DropdownSelectController","props","options","autoFocus","isMenuOpenProp","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$showSelectedOp","showSelectedOptions","filterOption","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onClear","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownSelect","useDropdownSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItem","selectedItem","contextValue","Object","assign","toggleOptions","disabled","readOnly","event","inputValue","selectedItems","addSelectedItem","undefined","removeSelectedItem","contextOnClear","contextOnOptionRemove","React","createElement","DropdownWrapperUI"],"mappings":"wNAOA,IAAMA,EAA2B,SAC/BC,GAEA,IACEC,EAqBED,EArBFC,QACAC,EAoBEF,EApBFE,UACYC,EAmBVH,EAnBFI,WACAC,EAkBEL,EAlBFK,aACAC,EAiBEN,EAjBFM,MACAC,EAgBEP,EAhBFO,SACAC,EAeER,EAfFQ,WACAC,EAcET,EAdFS,YACAC,EAaEV,EAbFU,eAAcC,EAaZX,EAZFY,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EAWEb,EAXFa,aAAYC,EAWVd,EAVFe,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAUdhB,EATFiB,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAShBlB,EARFmB,MAAAA,OAAQ,IAAHD,GAAQA,EACbE,EAOEpB,EAPFoB,YACAC,EAMErB,EANFqB,QACAC,EAKEtB,EALFsB,QACAC,EAIEvB,EAJFuB,OAAMC,EAIJxB,EAHFyB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGb1B,EAFF2B,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACE5B,EADF4B,GAGFC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAE9BI,EAWIC,EACFnC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAe,GAtBAS,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACcC,EAAgBZ,EAA9Ba,aAgBIC,EAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbnD,GAAK,CACRqC,OAAAA,EACAC,iBAAAA,EACAU,aAAcD,EACdD,gBAAAA,EACAP,qBAAsB,SAACa,GACrB,OAAOb,iCACDa,GAAiB,CAAA,GACrB,CAAAC,SAAUrD,EAAMsD,UAAYtD,EAAMqD,SAClC/B,QAAS,SAACiC,GACRrB,GAAa,GACbZ,SAAAA,EAAUiC,EACX,EACDhC,OAAQ,SAACgC,GACPrB,GAAa,GACbX,SAAAA,EAASgC,EACX,IAEH,EACDf,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPa,WAAY,KACZC,cAAe,GACfC,qBAAiBC,EACjBC,wBAAoBD,EACpBE,eAAgB,WACdlB,IACAtB,SAAAA,GACD,EACDyC,sBAAuB,WAAQ,EAC/B/C,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAjB,UAAAA,EACAmB,QAAAA,EACAM,KAAAA,EACAkB,WAAAA,EACAZ,UAAAA,EACAR,QAAAA,IAGF,OAAOsC,EAAAC,cAACC,EAAiB,CAAChB,aAAcA,EAAc7B,YAAaA,GACrE"}

package/dist/src/components/next/Dropdown/utils/dropdownUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdownUtils.js","sources":["../../../../../../src/components/next/Dropdown/utils/dropdownUtils.ts"],"sourcesContent":["import { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type ~~ListGroup~~ } from \"~~../../../BaseList~~\";\n\nexport function normalizeOptions<Item extends ~~BaseListItemData~~>(\n options: ~~ListGroup~~<Item>[] \| ~~BaseListItemData~~<Item>[],\n filter?: string,\n filterOption?: (option: Item, inputValue: string) => boolean,\n showSelectedOptions = true,\n selectedItems: Item[] = []\n): ~~ListGroup~~<Item>[] {\n let indexCounter = 0;\n const defaultFilterFn = (item: Item, inputValue: string) =>\n !inputValue \|\| item.label.toLowerCase().includes(inputValue.toLowerCase());\n const currentFilterFn = filterOption \|\| defaultFilterFn;\n\n const isItemSelected = (item: Item) => selectedItems.some(selected => selected.value === item.value);\n\n return Array.isArray(options) && options.some(item => \"options\" in item)\n ? (options as ~~ListGroup~~<Item>[]).flatMap(group => {\n const filteredGroupOptions = group.options\n .filter(item => {\n const matchesFilter = currentFilterFn(item, filter \|\| \"\");\n if (!showSelectedOptions && isItemSelected(item)) {\n return false;\n }\n return matchesFilter;\n })\n .map(item => {\n item.index = indexCounter++;\n return item;\n });\n\n return filteredGroupOptions.length > 0 ? [{ ...group, options: filteredGroupOptions }] : [];\n })\n : [\n {\n label: undefined,\n options: (options as ~~BaseListItemData~~<Item>[])\n .filter(item => {\n const matchesFilter = currentFilterFn(item, filter \|\| \"\");\n if (!showSelectedOptions && isItemSelected(item)) {\n return false;\n }\n return matchesFilter;\n })\n .map(item => {\n item.index = indexCounter++;\n return item;\n })\n }\n ];\n}\n"],"names":["normalizeOptions","options","filter","filterOption","showSelectedOptions","arguments","length","undefined","selectedItems","indexCounter","currentFilterFn","item","inputValue","label","toLowerCase","includes","isItemSelected","some","selected","value","Array","isArray","flatMap","group","filteredGroupOptions","matchesFilter","map","index","Object","assign"],"mappings":"AAGgB,SAAAA,EACdC,EACAC,EACAC,GAE0B,IAD1BC,EAAmB,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GACnBG,yDAAwB,GAEpBC,EAAe,EAGbC,EAAkBP,GAFA,SAACQ,EAAYC,GAAkB,OACpDA,GAAcD,EAAKE,MAAMC,cAAcC,SAASH,EAAWE,cAAc,EAGtEE,EAAiB,SAACL,GAAU,OAAKH,EAAcS,MAAK,SAAAC,GAAQ,OAAIA,EAASC,QAAUR,EAAKQ,QAAM,EAEpG,OAAOC,MAAMC,QAAQpB,IAAYA,EAAQgB,MAAK,SAAAN,GAAI,MAAI,YAAaA,CAAI,IAClEV,~~EAA8BqB~~,SAAQ,SAAAC,~~GACrC~~,IAAMC,EAAuBD,EAAMtB,QAChCC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,CACT,IAEF,OAAOa,EAAqBlB,OAAS,EAAI,CAAAsB,OAAAC,OAAAD,OAAAC,OAAA,GAAMN,GAAO,CAAAtB,QAASuB,KAA0B,EAC1F,IACD,CACE,CACEX,WAAON,EACPN,QAAUA,EACPC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,MAIrB"}
1	+ {"version":3,"file":"dropdownUtils.js","sources":["../../../../../../src/components/next/Dropdown/utils/dropdownUtils.ts"],"sourcesContent":["import { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\n\nexport function normalizeOptions<Item extends BaseItemData>(\n options: DropdownListGroup<Item>[] \| BaseItemData<Item>[],\n filter?: string,\n filterOption?: (option: Item, inputValue: string) => boolean,\n showSelectedOptions = true,\n selectedItems: Item[] = []\n): DropdownListGroup<Item>[] {\n let indexCounter = 0;\n const defaultFilterFn = (item: Item, inputValue: string) =>\n !inputValue \|\| item.label.toLowerCase().includes(inputValue.toLowerCase());\n const currentFilterFn = filterOption \|\| defaultFilterFn;\n\n const isItemSelected = (item: Item) => selectedItems.some(selected => selected.value === item.value);\n\n return Array.isArray(options) && options.some(item => \"options\" in item)\n ? (options as DropdownListGroup<Item>[]).flatMap(group => {\n const filteredGroupOptions = group.options\n .filter(item => {\n const matchesFilter = currentFilterFn(item, filter \|\| \"\");\n if (!showSelectedOptions && isItemSelected(item)) {\n return false;\n }\n return matchesFilter;\n })\n .map(item => {\n item.index = indexCounter++;\n return item;\n });\n\n return filteredGroupOptions.length > 0 ? [{ ...group, options: filteredGroupOptions }] : [];\n })\n : [\n {\n label: undefined,\n options: (options as BaseItemData<Item>[])\n .filter(item => {\n const matchesFilter = currentFilterFn(item, filter \|\| \"\");\n if (!showSelectedOptions && isItemSelected(item)) {\n return false;\n }\n return matchesFilter;\n })\n .map(item => {\n item.index = indexCounter++;\n return item;\n })\n }\n ];\n}\n"],"names":["normalizeOptions","options","filter","filterOption","showSelectedOptions","arguments","length","undefined","selectedItems","indexCounter","currentFilterFn","item","inputValue","label","toLowerCase","includes","isItemSelected","some","selected","value","Array","isArray","flatMap","group","filteredGroupOptions","matchesFilter","map","index","Object","assign"],"mappings":"AAGgB,SAAAA,EACdC,EACAC,EACAC,GAE0B,IAD1BC,EAAmB,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GACnBG,yDAAwB,GAEpBC,EAAe,EAGbC,EAAkBP,GAFA,SAACQ,EAAYC,GAAkB,OACpDA,GAAcD,EAAKE,MAAMC,cAAcC,SAASH,EAAWE,cAAc,EAGtEE,EAAiB,SAACL,GAAU,OAAKH,EAAcS,MAAK,SAAAC,GAAQ,OAAIA,EAASC,QAAUR,EAAKQ,QAAM,EAEpG,OAAOC,MAAMC,QAAQpB,IAAYA,EAAQgB,MAAK,SAAAN,GAAI,MAAI,YAAaA,CAAI,IAClEV,EAAsCqB,SAAQ,SAAAC,GAC7C,IAAMC,EAAuBD,EAAMtB,QAChCC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,CACT,IAEF,OAAOa,EAAqBlB,OAAS,EAAI,CAAAsB,OAAAC,OAAAD,OAAAC,OAAA,GAAMN,GAAO,CAAAtB,QAASuB,KAA0B,EAC1F,IACD,CACE,CACEX,WAAON,EACPN,QAAUA,EACPC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,MAIrB"}

package/dist/src/hooks/useElementsOverflowingIndex.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as r,useEffect as t}from"react";import{last as i}from"es-toolkit";import o from"./useResizeObserver.js";function l(l){var u=l.ref,c=l.children,f=l.paddingSize,a=l.resizeDebounceTime,d=l.ignoreLast,s=n(null),h=e(s,2),g=h[0],m=h[1],p=r((function(e){m(e.borderBoxSize.inlineSize)}),[m]);o({ref:u,callback:p,debounceTime:a});var v=n([]),L=e(v,2),b=L[0],z=L[1],x=n(null),S=e(x,2),T=S[0],j=S[1];return t((function(){if(d)if(!b.slice(0,-1).find((function(e){return e.totalLength>g-f})))j(-1);else{var e=b.length>0?i(b).childLength:0;j(b.findIndex((function(n){return n.totalLength>g-f-e})))}else j(b.findIndex((function(e){return e.totalLength>g-f})))}),[b,g,j,f,d]),t((function(){if(u.current){var e=[],n=0;u.current.childNodes.forEach((function(r){var t=r.clientWidth;e.push({childLength:t,totalLength:n+=t})})),z(e)}}),[c,u,z]),T}export{l as default};
+import{slicedToArray as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as t,useEffect as i}from"react";import{last as r}from"es-toolkit";import o from"../../hooks/dist/useResizeObserver/index.js";function l(l){var u=l.ref,c=l.children,f=l.paddingSize,a=l.resizeDebounceTime,d=l.ignoreLast,s=n(null),h=e(s,2),g=h[0],m=h[1],p=t((function(e){m(e.borderBoxSize.inlineSize)}),[m]);o({ref:u,callback:p,debounceTime:a});var v=n([]),L=e(v,2),b=L[0],x=L[1],z=n(null),k=e(z,2),S=k[0],T=k[1];return i((function(){if(d)if(!b.slice(0,-1).find((function(e){return e.totalLength>g-f})))T(-1);else{var e=b.length>0?r(b).childLength:0;T(b.findIndex((function(n){return n.totalLength>g-f-e})))}else T(b.findIndex((function(e){return e.totalLength>g-f})))}),[b,g,T,f,d]),i((function(){if(u.current){var e=[],n=0;u.current.childNodes.forEach((function(t){var i=t.clientWidth;e.push({childLength:i,totalLength:n+=i})})),x(e)}}),[c,u,x]),S}export{l as default};
 //# sourceMappingURL=useElementsOverflowingIndex.js.map

package/dist/src/hooks/useElementsOverflowingIndex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementsOverflowingIndex.js","sources":["../../../src/hooks/useElementsOverflowingIndex.ts"],"sourcesContent":["import { type ReactNode, type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { last } from \"es-toolkit\";\nimport useResizeObserver from \"~~./useResizeObserver~~\";\n\n// Use this hook when you want to get the index of the child which should be hidden from\ntype AggregatedChildResult = { childLength: number; totalLength: number };\n\nfunction useElementsOverflowingIndex({\n ref,\n children,\n paddingSize,\n resizeDebounceTime,\n ignoreLast\n}: {\n ref: RefObject<HTMLElement>;\n children: ReactNode;\n paddingSize: number;\n resizeDebounceTime: number;\n ignoreLast: boolean;\n}) {\n const [size, setSize] = useState<number>(null);\n\n const onResize = useCallback(\n ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => {\n setSize(borderBoxSize.inlineSize);\n },\n [setSize]\n );\n useResizeObserver({\n ref,\n callback: onResize,\n debounceTime: resizeDebounceTime\n });\n\n const [aggregatedChildLengths, setAggregatedChildLengths] = useState<Array<AggregatedChildResult>>([]);\n const [indexToSplit, setIndexToSplit] = useState<number \| null>(null);\n\n useEffect(() => {\n if (ignoreLast) {\n const withoutLast = aggregatedChildLengths.slice(0, -1);\n const allInWithoutLast = !withoutLast.find(({ totalLength }) => totalLength > size - paddingSize);\n if (allInWithoutLast) {\n setIndexToSplit(-1);\n } else {\n const lastSize = aggregatedChildLengths.length > 0 ? last(aggregatedChildLengths).childLength : 0;\n setIndexToSplit(\n aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize - lastSize)\n );\n }\n } else {\n setIndexToSplit(aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize));\n }\n }, [aggregatedChildLengths, size, setIndexToSplit, paddingSize, ignoreLast]);\n\n useEffect(() => {\n if (!ref.current) return;\n const childLengthsArray: Array<AggregatedChildResult> = [];\n let totalLength = 0;\n ref.current.childNodes.forEach((node: HTMLElement) => {\n const childLength = node.clientWidth;\n totalLength += childLength;\n childLengthsArray.push({ childLength, totalLength });\n });\n setAggregatedChildLengths(childLengthsArray);\n }, [children, ref, setAggregatedChildLengths]);\n\n return indexToSplit;\n}\n\nexport default useElementsOverflowingIndex;\n"],"names":["useElementsOverflowingIndex","_ref","ref","children","paddingSize","resizeDebounceTime","ignoreLast","_useState","useState","_useState2","_slicedToArray","size","setSize","onResize","useCallback","_ref2","borderBoxSize","inlineSize","useResizeObserver","callback","debounceTime","_useState3","_useState4","aggregatedChildLengths","setAggregatedChildLengths","_useState5","_useState6","indexToSplit","setIndexToSplit","useEffect","slice","find","_ref3","totalLength","lastSize","length","last","childLength","findIndex","_ref4","_ref5","current","childLengthsArray","childNodes","forEach","node","clientWidth","push"],"mappings":"~~qNAOA~~,SAASA,EAA2BC,GAYnC,IAXCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAkBJ,EAAlBI,mBACAC,EAAUL,EAAVK,WAQAC,EAAwBC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAWC,GACf,SAAAC,GACEH,EADcG,EAAbC,cACqBC,WACxB,GACA,CAACL,IAEHM,EAAkB,CAChBhB,IAAAA,EACAiB,SAAUN,EACVO,aAAcf,IAGhB,IAAAgB,EAA4Db,EAAuC,IAAGc,EAAAZ,EAAAW,EAAA,GAA/FE,EAAsBD,EAAA,GAAEE,EAAyBF,EAAA,GACxDG,EAAwCjB,EAAwB,MAAKkB,EAAAhB,EAAAe,EAAA,GAA9DE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GA+BpC,OA7BAG,GAAU,WACR,GAAIvB,EAGF,IAFoBiB,EAAuBO,MAAM,GAAI,GACfC,MAAK,SAAAC,GAAc,OAAAA,EAAXC,YAAgCtB,EAAOP,KAEnFwB,GAAiB,OACZ,CACL,IAAMM,EAAWX,EAAuBY,OAAS,EAAIC,EAAKb,GAAwBc,YAAc,EAChGT,EACEL,EAAuBe,WAAU,SAAAC,GAAc,OAAAA,EAAXN,YAAgCtB,EAAOP,EAAc8B,CAAQ,IAEpG,MAEDN,EAAgBL,EAAuBe,WAAU,SAAAE,GAAc,OAAAA,EAAXP,YAAgCtB,EAAOP,CAAW,IAE1G,GAAG,CAACmB,EAAwBZ,EAAMiB,EAAiBxB,EAAaE,IAEhEuB,GAAU,WACR,GAAK3B,EAAIuC,QAAT,CACA,IAAMC,EAAkD,GACpDT,EAAc,EAClB/B,EAAIuC,QAAQE,WAAWC,SAAQ,SAACC,GAC9B,IAAMR,EAAcQ,EAAKC,YAEzBJ,EAAkBK,KAAK,CAAEV,YAAAA,EAAaJ,YADtCA,GAAeI,GAEjB,IACAb,EAA0BkB,EARR,CASnB,GAAE,CAACvC,EAAUD,EAAKsB,IAEZG,CACT"}
1	+ {"version":3,"file":"useElementsOverflowingIndex.js","sources":["../../../src/hooks/useElementsOverflowingIndex.ts"],"sourcesContent":["import { type ReactNode, type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { last } from \"es-toolkit\";\nimport { useResizeObserver } from \"@vibe/hooks\";\n\n// Use this hook when you want to get the index of the child which should be hidden from\ntype AggregatedChildResult = { childLength: number; totalLength: number };\n\nfunction useElementsOverflowingIndex({\n ref,\n children,\n paddingSize,\n resizeDebounceTime,\n ignoreLast\n}: {\n ref: RefObject<HTMLElement>;\n children: ReactNode;\n paddingSize: number;\n resizeDebounceTime: number;\n ignoreLast: boolean;\n}) {\n const [size, setSize] = useState<number>(null);\n\n const onResize = useCallback(\n ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => {\n setSize(borderBoxSize.inlineSize);\n },\n [setSize]\n );\n useResizeObserver({\n ref,\n callback: onResize,\n debounceTime: resizeDebounceTime\n });\n\n const [aggregatedChildLengths, setAggregatedChildLengths] = useState<Array<AggregatedChildResult>>([]);\n const [indexToSplit, setIndexToSplit] = useState<number \| null>(null);\n\n useEffect(() => {\n if (ignoreLast) {\n const withoutLast = aggregatedChildLengths.slice(0, -1);\n const allInWithoutLast = !withoutLast.find(({ totalLength }) => totalLength > size - paddingSize);\n if (allInWithoutLast) {\n setIndexToSplit(-1);\n } else {\n const lastSize = aggregatedChildLengths.length > 0 ? last(aggregatedChildLengths).childLength : 0;\n setIndexToSplit(\n aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize - lastSize)\n );\n }\n } else {\n setIndexToSplit(aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize));\n }\n }, [aggregatedChildLengths, size, setIndexToSplit, paddingSize, ignoreLast]);\n\n useEffect(() => {\n if (!ref.current) return;\n const childLengthsArray: Array<AggregatedChildResult> = [];\n let totalLength = 0;\n ref.current.childNodes.forEach((node: HTMLElement) => {\n const childLength = node.clientWidth;\n totalLength += childLength;\n childLengthsArray.push({ childLength, totalLength });\n });\n setAggregatedChildLengths(childLengthsArray);\n }, [children, ref, setAggregatedChildLengths]);\n\n return indexToSplit;\n}\n\nexport default useElementsOverflowingIndex;\n"],"names":["useElementsOverflowingIndex","_ref","ref","children","paddingSize","resizeDebounceTime","ignoreLast","_useState","useState","_useState2","_slicedToArray","size","setSize","onResize","useCallback","_ref2","borderBoxSize","inlineSize","useResizeObserver","callback","debounceTime","_useState3","_useState4","aggregatedChildLengths","setAggregatedChildLengths","_useState5","_useState6","indexToSplit","setIndexToSplit","useEffect","slice","find","_ref3","totalLength","lastSize","length","last","childLength","findIndex","_ref4","_ref5","current","childLengthsArray","childNodes","forEach","node","clientWidth","push"],"mappings":"0OAOA,SAASA,EAA2BC,GAYnC,IAXCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAkBJ,EAAlBI,mBACAC,EAAUL,EAAVK,WAQAC,EAAwBC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAWC,GACf,SAAAC,GACEH,EADcG,EAAbC,cACqBC,WACxB,GACA,CAACL,IAEHM,EAAkB,CAChBhB,IAAAA,EACAiB,SAAUN,EACVO,aAAcf,IAGhB,IAAAgB,EAA4Db,EAAuC,IAAGc,EAAAZ,EAAAW,EAAA,GAA/FE,EAAsBD,EAAA,GAAEE,EAAyBF,EAAA,GACxDG,EAAwCjB,EAAwB,MAAKkB,EAAAhB,EAAAe,EAAA,GAA9DE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GA+BpC,OA7BAG,GAAU,WACR,GAAIvB,EAGF,IAFoBiB,EAAuBO,MAAM,GAAI,GACfC,MAAK,SAAAC,GAAc,OAAAA,EAAXC,YAAgCtB,EAAOP,KAEnFwB,GAAiB,OACZ,CACL,IAAMM,EAAWX,EAAuBY,OAAS,EAAIC,EAAKb,GAAwBc,YAAc,EAChGT,EACEL,EAAuBe,WAAU,SAAAC,GAAc,OAAAA,EAAXN,YAAgCtB,EAAOP,EAAc8B,CAAQ,IAEpG,MAEDN,EAAgBL,EAAuBe,WAAU,SAAAE,GAAc,OAAAA,EAAXP,YAAgCtB,EAAOP,CAAW,IAE1G,GAAG,CAACmB,EAAwBZ,EAAMiB,EAAiBxB,EAAaE,IAEhEuB,GAAU,WACR,GAAK3B,EAAIuC,QAAT,CACA,IAAMC,EAAkD,GACpDT,EAAc,EAClB/B,EAAIuC,QAAQE,WAAWC,SAAQ,SAACC,GAC9B,IAAMR,EAAcQ,EAAKC,YAEzBJ,EAAkBK,KAAK,CAAEV,YAAAA,EAAaJ,YADtCA,GAAeI,GAEjB,IACAb,EAA0BkB,EARR,CASnB,GAAE,CAACvC,EAAUD,EAAKsB,IAEZG,CACT"}

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){if(!c.current||!f.length)return g(f.length),void R(!0);B();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return g(0),y.current=[],void R(!0);y.current=r.map((function(r){return r.getBoundingClientRect().width})),w(),R(!0)}),[c,f,w,B]),x=t((function(){M.current||(M.current=!0,requestAnimationFrame((function(){try{j()}finally{M.current=!1}})))}),[j]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?y.current.length?(B(),w()):x():(g(0),y.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,B,w,x,f]),u((function(){f.length>0?(R(!1),j()):(g(0),y.current=[],R(!0))}),[f,j]),{visibleCount:v,hasMeasured:b}}export{i as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.deductedWidth,a=void 0===f?0:f,d=i.itemRefs,s=i.minVisibleCount,h=void 0===s?0:s,v=n(0),g=r(v,2),m=g[0],p=g[1],b=n(!1),R=r(b,2),y=R[0],C=R[1],M=e([]),w=e(0),B=e(!1),j=t((function(){var r=null==c?void 0:c.current;if(r&&d.length){for(var n=r.offsetWidth,e=n-w.current-(n>0?a:0),t=0,u=0,i=Math.min(d.length,M.current.length),l=0;i>l;l++){var f=M.current[l],s=l>0?f+o:f;if(t+s>e)break;t+=s,u++}p(Math.max(u,Math.min(h,i)))}else p(d.length)}),[c,d,o,h,a]),x=t((function(){w.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),A=t((function(){if(!c.current||!d.length)return p(d.length),void C(!0);x();var r=d.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return p(0),M.current=[],void C(!0);M.current=r.map((function(r){return r.getBoundingClientRect().width})),j(),C(!0)}),[c,d,j,x]),W=t((function(){B.current||(B.current=!0,requestAnimationFrame((function(){try{A()}finally{B.current=!1}})))}),[A]);return u((function(){if(c.current){var r=new ResizeObserver((function(){d.length>0?M.current.length?(x(),j()):W():(p(0),M.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,x,j,W,d]),u((function(){d.length>0?(C(!1),A()):(p(0),M.current=[],C(!0))}),[d,A]),{visibleCount:m,hasMeasured:y}}export{i as default};
 //# sourceMappingURL=useItemsOverflow.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/*\n Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const ~~deductedWidth~~ = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItemsSync = useCallback(() => {\n const container = containerRef.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n setHasMeasured(true);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n measureAndCacheItemsSync();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [measureAndCacheItemsSync]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n // Use synchronous measurement for initial render to prevent delay\n measureAndCacheItemsSync();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItemsSync]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","~~availableWidth~~","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"~~gMAMc~~,~~SAAUA~~,EAAgBC,~~GAYvC~~,~~IAXCC~~,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,~~iBACAC~~,~~EAAQJ~~,~~EAARI~~,SAAQC,~~EAAAL~~,~~EACRM~~,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,~~EAQnBE~~,EAAwCC,EAAiB,GAAEC,EAAAC,EAAAH,EAAA,GAApDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,~~EAAYtB~~,aAAA,EAAAA,~~EAAcuB~~,QAChC,GAAKD,GAAcnB,EAASqB,OAA5B,~~CAcA~~,~~IATA~~,~~IAEMC~~,~~EAFiBH~~,EAAUI,~~YACXR~~,EAAiBK,~~QAGnCI~~,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,~~IAAI5B~~,EAASqB,OAAQR,EAAcO,QAAQC,~~QAEvDQ~~,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,~~EAAYjB~~,EAAcO,~~QAAQS~~,GAClCE,EAAmBF,EAAI,EAAIC,~~EAAYhC~~,~~EAAMgC~~,EAEnD,GAAIN,EAAkBO,~~EAAoBT~~,EAIxC,~~MAHAE~~,GAAmBO,EACnBN,GAIH,~~CAIDjB~~,~~EADmBmB~~,KAAKK,IAAIP,EAAOE,KAAKC,~~IAAI1B~~,~~EAAiBwB~~,~~IAxB5D~~,~~MAFClB~~,EAAgBR,EAASqB,~~OA4B5B~~,~~GAAE~~,~~CAACxB~~,~~EAAcG~~,~~EAAUF~~,~~EAAKI~~,~~IAE3B+B~~,~~EAAuBf~~,GAAY,WAErCH,EAAiBK,~~SADfrB~~,eAAAA,~~EAAkBqB~~,~~SACOrB~~,~~EAAiBqB~~,~~QAAQc~~,wBAAwBC,MAEjD,CAE/B,GAAG,~~CAACpC~~,~~IAEEqC~~,~~EAA2BlB~~,GAAY,WAE3C,~~IADkBrB~~,~~EAAauB~~,UACZpB,EAASqB,OAG1B,OAFAb,EAAgBR,EAASqB,aACzBT,GAAe,~~GAIjBqB~~,IAEA,IAAMI,~~EAAerC~~,~~EAASsC~~,KAAI,SAAAC,GAAG,OAAIA,~~EAAInB~~,OAAO,~~IAAEoB~~,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,~~EAAahB~~,OAIf,OAHAb,EAAgB,GAChBK,EAAcO,QAAU,QACxBR,GAAe,GAIjBC,EAAcO,~~QAAUiB~~,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKR,wBAAwBC,~~SAC9ElB~~,IACAL,GAAe,EAChB,GAAE,~~CAACf~~,~~EAAcG~~,EAAUiB,~~EAA2BgB~~,IAEjDU,~~EAAuBzB~~,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,~~EAE3BwB~~,uBAAsB,WACpB,IACER,GACD,CAAS,~~QACRpB~~,EAAiBI,SAAU,CAC5B,CACH,IACF,GAAG,~~CAACgB~~,IAwCJ,OAtCAS,GAA0B,WACxB,~~GAAKhD~~,~~EAAauB~~,QAAlB,CAEA,~~IAAM0B~~,EAAiB,IAAIC,gBAAe,~~WACpC/C~~,EAASqB,OAAS,EAChBR,EAAcO,QAAQC,~~QACxBY~~,~~IACAhB~~,~~KAEA0B~~,~~KAGFnC~~,EAAgB,GAChBK,EAAcO,QAAU,GAE5B,IAQA,~~OANA0B~~,EAAeE,~~QAAQnD~~,~~EAAauB~~,~~UAEhCrB~~,eAAAA,~~EAAkBqB~~,~~UACpB0B~~,EAAeE,~~QAAQjD~~,~~EAAiBqB~~,SAGnC,WAAA,~~OAAM0B~~,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,~~CAACpD~~,EAAcE,~~EAAkBkC~~,~~EAAsBhB~~,~~EAA2B0B~~,~~EAAsB3C~~,~~IAE3G6C~~,GAA0B,~~WACpB7C~~,EAASqB,OAAS,GACpBT,GAAe,~~GAEfwB~~,~~MAEA5B~~,EAAgB,GAChBK,EAAcO,QAAU,GACxBR,GAAe,GAEnB,GAAG,CAACZ,~~EAAUoC~~,IAEP,~~CAAE7B~~,aAAAA,EAAcI,YAAAA,EACzB"}
1	+ {"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/*\n Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n deductedWidth = 0,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n deductedWidth?: number;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedRefWidth = deductedWidthRef.current;\n // Only apply fixed deductedWidth when container has measurable width (avoids issues in test environments)\n const availableWidth = containerWidth - deductedRefWidth - (containerWidth > 0 ? deductedWidth : 0);\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount, deductedWidth]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItemsSync = useCallback(() => {\n const container = containerRef.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n setHasMeasured(true);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n measureAndCacheItemsSync();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [measureAndCacheItemsSync]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n // Use synchronous measurement for initial render to prevent delay\n measureAndCacheItemsSync();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItemsSync]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","_ref$deductedWidth","deductedWidth","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","containerWidth","offsetWidth","availableWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"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"}

package/dist/src/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as Modal}from"./components/LegacyModal/LegacyModal.js";export{default as ModalHeader}from"./components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js";export{default as ModalContent}from"./components/LegacyModal/LegacyModalContent/LegacyModalContent.js";export{default as ModalFooter}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js";export{default as ModalFooterButtons}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Text}from"./components/Text/Text.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{withStaticProps,withStaticPropsWithoutForwardRef}from"./types/withStaticProps.js";export{getElementColor}from"./types/Colors.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";
+import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as Modal}from"./components/LegacyModal/LegacyModal.js";export{default as ModalHeader}from"./components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js";export{default as ModalContent}from"./components/LegacyModal/LegacyModalContent/LegacyModalContent.js";export{default as ModalFooter}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js";export{default as ModalFooterButtons}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{withStaticProps,withStaticPropsWithoutForwardRef}from"./types/withStaticProps.js";export{getElementColor}from"./types/Colors.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
 //# sourceMappingURL=index.js.map