npm - @vibe/core - Versions diffs - 3.85.1 → 3.86.0 - Mend

@vibe/core 3.85.1 → 3.86.0

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 (1656) hide show

package/dist/src/components/Dropdown/components/Trigger/TriggerActions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TriggerActions.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nconst sizeMap = {\n large: \"medium\",\n medium: \"small\",\n small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n const {\n isOpen,\n reset,\n contextOnClear,\n size,\n disabled,\n clearable,\n readOnly,\n multi,\n selectedItem,\n selectedItems = [],\n toggleMenu,\n getMenuProps,\n loading,\n clearAriaLabel,\n boxMode\n } = useDropdownContext<BaseItemData>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] || \"small\";\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (contextOnClear) {\n contextOnClear();\n } else {\n reset();\n }\n };\n\n if (readOnly) {\n return null;\n }\n\n return (\n <div\n onKeyDown={e => {\n e.stopPropagation();\n }}\n >\n <Flex className={styles.actionsWrapper}>\n {loading && (\n <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n )}\n {hasSelection && clearable && !disabled && (\n <IconButton\n data-testid=\"dropdown-clear-button\"\n icon={CloseSmall}\n onClick={handleClear}\n size={iconButtonSize}\n ariaLabel={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n ariaControls={getMenuProps().id}\n ariaExpanded={isOpen}\n ariaLabeledBy={getMenuProps().id}\n tabIndex={-1}\n onClick={() => {\n toggleMenu();\n }}\n />\n )}\n </Flex>\n </div>\n );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","boxMode","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"qiBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAgBIC,IAfFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eACAC,EAAOZ,EAAPY,QAGIC,EAVCb,EAALc,OAU2BN,aAAa,EAAbA,EAAeO,QAAS,IATvCf,EAAZgB,aAUIC,EAAiBtB,EAfjBK,EAAJkB,OAesC,QAWxC,OAvBUlB,EAARmB,SAwBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA3BnB5B,EAAP6B,SA6BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBP,IAAcD,GAC7Be,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEpB,EACFA,IAEAD,KAuBMe,KAAMD,EACNmB,UAAWzB,EACX0B,kBAGFzB,GACAQ,EAACC,cAAAW,GACCC,KAAM/B,EAASoC,EAAoBC,EACnCrB,KAAMD,EACNZ,SAAUA,EACVmC,aAAc9B,IAAe+B,GAC7BC,aAAcxC,EACdyC,cAAejC,IAAe+B,GAC9BG,UAAW,EACXT,QAAS,WACP1B,GACF,KAMZ"}

package/dist/src/components/Dropdown/context/DropdownContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownContext.js","sources":["../../../../../src/components/Dropdown/context/DropdownContext.ts"],"sourcesContent":["import type React from \"react\";\nimport { createContext, useContext } from \"react\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type BaseDropdownProps, type DropdownSizes } from \"../Dropdown.types\";\nimport { type DropdownContextProps } from \"./DropdownContext.types\";\n\ntype PropGetter = (options?: any) => Record<string, any>;\ntype ItemPropGetter<Item> = (options: { item: Item; index: number }) => Record<string, any>;\n\nexport interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {\n isOpen: boolean;\n inputValue: string | null;\n highlightedIndex: number | null;\n selectedItem: Item | null | undefined;\n selectedItems: Item[];\n filteredOptions: DropdownListGroup<Item>[];\n\n getToggleButtonProps: PropGetter;\n getLabelProps: PropGetter;\n getMenuProps: PropGetter;\n getInputProps: PropGetter;\n getItemProps: ItemPropGetter<Item>;\n getDropdownProps?: PropGetter;\n\n reset: () => void;\n toggleMenu: () => void;\n onClear?: () => void;\n onOptionSelect?: (option: Item) => void;\n onOptionRemove?: (option: Item) => void;\n addSelectedItem?: (item: Item) => void;\n removeSelectedItem?: (item: Item) => void;\n setSelectedItems?: (items: Item[]) => void;\n\n searchable?: boolean;\n multi?: boolean;\n multiline?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n size?: DropdownSizes;\n optionRenderer?: BaseDropdownProps<Item>[\"optionRenderer\"];\n valueRenderer?: BaseDropdownProps<Item>[\"valueRenderer\"];\n noOptionsMessage?: BaseDropdownProps<Item>[\"noOptionsMessage\"];\n placeholder?: BaseDropdownProps<Item>[\"placeholder\"];\n withGroupDivider?: BaseDropdownProps<Item>[\"withGroupDivider\"];\n stickyGroupTitle?: BaseDropdownProps<Item>[\"stickyGroupTitle\"];\n maxMenuHeight?: BaseDropdownProps<Item>[\"maxMenuHeight\"];\n clearable?: boolean;\n autoFocus?: boolean;\n isFocused?: boolean;\n inputAriaLabel?: string;\n menuAriaLabel?: string;\n closeMenuOnSelect?: boolean;\n dir?: BaseDropdownProps<Item>[\"dir\"];\n originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps<any> | undefined>(undefined);\n\nexport function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>() {\n const context = useContext(DropdownContext) as DropdownContextProps<Item>;\n if (context === undefined) {\n throw new Error(\"useDropdownContext must be used within a DropdownProvider\");\n }\n return context;\n}\n"],"names":["DropdownContext","createContext","undefined","useDropdownContext","context","useContext","Error"],"mappings":"0DA4DaA,EAAkBC,OAAqDC,YAEpEC,IACd,IAAMC,EAAUC,EAAWL,GAC3B,QAAgBE,IAAZE,EACF,MAAUE,MAAM,6DAElB,OAAOF,CACT"}

package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as t,useMemo as l,useCallback as u}from"react";import{useCombobox as i}from"downshift";import s from"./useDropdownFiltering.js";function o(o,r,a,p,g,c,d,f,h,m,I,v,O,b,C){var y=n(g\|\|null),P=e(y,2),T=P[0],M=P[1],j=t(null),V=void 0!==c?c:T,w=l((function(){return V?[V]:[]}),[V]),B=s(o,O,b,w),D=B.filteredOptions,S=B.filterOptions,x=l((function(){return D.flatMap((function(e){return e.options}))}),[D]),K=i({items:x,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},initialInputValue:d\|\|"",selectedItem:V,isOpen:r,initialIsOpen:a,id:C,onIsOpenChange:function(e){e.isOpen?null==I\|\|I():null==m\|\|m()},onInputValueChange:u((function(e){var n=e.inputValue;S(n\|\|""),null==h\|\|h(n)}),[h,S]),onSelectedItemChange:u((function(e){var n=e.selectedItem;void 0===c&&M(n\|\|null),n?(null==v\|\|v(n),null==f\|\|f(n),S("")):(null==f\|\|f(null),S(""))}),[c,v,S,f]),onStateChange:u((function(e){var n,t=e.type;!p\|\|t!==i.stateChangeTypes.ItemClick&&t!==i.stateChangeTypes.InputKeyDownEnter\|\|null===(n=j.current)\|\|void 0===n\|\|n.blur()}),[p]),stateReducer:function(e,n){switch(n.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},n.changes),{inputValue:null,isOpen:!p});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},n.changes),{inputValue:null});default:return n.changes}}}),k=K.getInputProps,E=K.reset;return{isOpen:K.isOpen,inputValue:K.inputValue,highlightedIndex:K.highlightedIndex,selectedItem:V,getToggleButtonProps:K.getToggleButtonProps,getLabelProps:K.getLabelProps,getMenuProps:K.getMenuProps,getInputProps:function(e){return k(Object.assign(Object.assign({},e),{ref:j}))},getItemProps:K.getItemProps,reset:function(){void 0===c&&M(null),E(),S("")},filteredOptions:D,openMenu:K.openMenu,toggleMenu:K.toggleMenu,closeMenu:K.closeMenu}}export{o as default};
2	+ //# sourceMappingURL=useDropdownCombobox.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, 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 const inputRef = useRef<HTMLInputElement | null>(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 onStateChange: useCallback(\n ({ type }) => {\n // Blur input after selection via click or Enter key\n if (\n closeMenuOnSelect &&\n (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n ) {\n inputRef.current?.blur();\n }\n },\n [closeMenuOnSelect]\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: (options?: Parameters<typeof getInputProps>[0]) => getInputProps({ ...options, ref: inputRef }),\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","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","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","onStateChange","_ref4","type","stateChangeTypes","ItemClick","InputKeyDownEnter","current","blur","stateReducer","state","actionAndChanges","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","getInputProps","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","ref","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}

package/dist/src/components/Dropdown/hooks/useDropdownFiltering.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useEffect as i}from"react";import{normalizeOptions as o}from"../utils/dropdownUtils.js";function e(e,n,l,s){var u=t((function(){return o(e,void 0,void 0,l,s)})),f=r(u,2),p=f[0],a=f[1],d=t(""),c=r(d,2),m=c[0],v=c[1];i((function(){a(o(e,m,n,l,s))}),[e,m,n,l,s]);return{filteredOptions:p,filterOptions:function(r){v(r)},setFilteredOptions:a}}export{e as default};
2	+ //# sourceMappingURL=useDropdownFiltering.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"useDropdownFiltering.js","sources":["../../../../../src/components/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":"+LAMA,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/Dropdown/hooks/useDropdownMultiCombobox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../src/components/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/Dropdown/hooks/useDropdownMultiSelect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useDropdownMultiSelect.js","sources":["../../../../../src/components/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/Dropdown/hooks/useDropdownSelect.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useMemo as t}from"react";import{useSelect as l}from"downshift";import o from"./useDropdownFiltering.js";function i(i,u,r,s,p,g,d,a,f,c,m,v){var I=n(s\|\|null),P=e(I,2),h=P[1],M=void 0!==p?p:P[0],O=t((function(){return M?[M]:[]}),[M]),b=o(i,m,c,O).filteredOptions,T=t((function(){return b.flatMap((function(e){return e.options}))}),[b]),x=l({items:T,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:r,initialIsOpen:u,selectedItem:M,id:v,onSelectedItemChange:function(e){var n=e.selectedItem;void 0===p&&h(n\|\|null),n&&(null==f\|\|f(n)),null==g\|\|g(n\|\|null)},onIsOpenChange:function(e){e.isOpen?null==d\|\|d():null==a\|\|a()}}),B=x.reset;return{isOpen:x.isOpen,inputValue:"",highlightedIndex:x.highlightedIndex,selectedItem:M,getToggleButtonProps:x.getToggleButtonProps,getLabelProps:x.getLabelProps,getMenuProps:x.getMenuProps,getInputProps:function(){return{}},getItemProps:x.getItemProps,reset:function(){void 0===p&&h(null),B(),null==g\|\|g(null)},filteredOptions:b,openMenu:x.openMenu,toggleMenu:x.toggleMenu,closeMenu:x.closeMenu}}export{i as default};
2	+ //# sourceMappingURL=useDropdownSelect.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"useDropdownSelect.js","sources":["../../../../../src/components/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":"+MAMA,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/Dropdown/modes/DropdownComboboxController.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import l from"../hooks/useDropdownCombobox.js";import t from"../components/DropdownWrapperUI.js";var i=function(i){var u=i.options,r=i.isMenuOpen,s=i.autoFocus,d=i.closeMenuOnSelect,a=void 0===d\|\|d,c=i.defaultValue,p=i.value,g=i.inputValue,v=i.onChange,m=i.onInputChange,f=i.onMenuClose,O=i.onMenuOpen,b=i.onOptionSelect,I=i.filterOption,h=i.showSelectedOptions,P=void 0===h\|\|h,M=i.clearable,w=void 0===M\|\|M,x=i.searchable,j=void 0===x\|\|x,B=i.multi,C=void 0!==B&&B,S=i.dropdownRef,y=i.onFocus,D=i.onBlur,F=i.onKeyDown,V=i.onClear,K=i.loading,R=void 0!==K&&K,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.readOnly,k=i.disabled,A=i.boxMode,E=void 0!==A&&A,H=n(!1),U=e(H,2),W=U[0],q=U[1],G=l(u,E?void 0:r,s,a,c,p,g,v,m,f,O,(function(e){null==b\|\|b(e),e&&q(!1)}),I,P,L),J=G.isOpen,N=G.inputValue,Q=G.highlightedIndex,X=G.getToggleButtonProps,Y=G.getLabelProps,Z=G.getMenuProps,$=G.getItemProps,ee=G.getInputProps,oe=G.reset,ne=G.filteredOptions,le=G.selectedItem,te=G.toggleMenu,ie=Object.assign(Object.assign({},i),{isOpen:!!E\|\|J,inputValue:null!=N?N:null,highlightedIndex:Q,selectedItem:le,selectedItems:[],filteredOptions:ne,getToggleButtonProps:X,getLabelProps:Y,getMenuProps:Z,getItemProps:$,getInputProps:function(e){return ee(Object.assign(Object.assign({},e\|\|{}),{disabled:_\|\|k,onFocus:function(o){var n;q(!0),null==y\|\|y(o),null===(n=null==e?void 0:e.onFocus)\|\|void 0===n\|\|n.call(e,o)},onBlur:function(o){var n;q(!1),null==D\|\|D(o),null===(n=null==e?void 0:e.onBlur)\|\|void 0===n\|\|n.call(e,o)},onKeyDown:function(o){var n;null==F\|\|F(o),null===(n=null==e?void 0:e.onKeyDown)\|\|void 0===n\|\|n.call(e,o)}}))},reset:oe,contextOnClear:function(){oe(),null==V\|\|V()},contextOnOptionRemove:function(){},addSelectedItem:void 0,removeSelectedItem:void 0,isFocused:W,clearable:w,searchable:j,multi:C,closeMenuOnSelect:a,size:z,toggleMenu:te,loading:R});return o.createElement(t,{contextValue:ie,dropdownRef:S})};export{i as default};
2	+ //# sourceMappingURL=DropdownComboboxController.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../src/components/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/Dropdown/modes/DropdownMultiComboboxController.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import t from"../hooks/useDropdownMultiCombobox.js";import l from"../components/DropdownWrapperUI.js";var i=function(i){var r=i.options,u=i.isMenuOpen,s=i.autoFocus,d=i.defaultValue,a=i.value,p=i.inputValue,c=i.onChange,g=i.onInputChange,m=i.onMenuClose,v=i.onMenuOpen,O=i.onOptionSelect,f=i.filterOption,b=i.showSelectedOptions,I=void 0===b\|\|b,P=i.clearable,h=void 0===P\|\|P,M=i.searchable,w=void 0===M\|\|M,x=i.multi,S=void 0===x\|\|x,j=i.closeMenuOnSelect,y=void 0===j\|\|j,D=i.dropdownRef,B=i.onFocus,C=i.onBlur,F=i.onKeyDown,V=i.onClear,R=i.onOptionRemove,A=i.loading,K=void 0!==A&&A,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.boxMode,k=void 0!==_&&_,E=n(Array.isArray(d)?d:[]),H=e(E,2),U=H[0],W=H[1],q=n(!1),G=e(q,2),J=G[0],N=G[1],Q=t(r,U,W,k?void 0:u,s,d,a,p,c,g,m,v,O,f,I,L),X=Q.isOpen,Y=Q.inputValue,Z=Q.highlightedIndex,$=Q.getToggleButtonProps,ee=Q.getLabelProps,oe=Q.getMenuProps,ne=Q.getItemProps,te=Q.getInputProps,le=Q.reset,ie=Q.toggleMenu,re=Q.filteredOptions,ue=Q.selectedItems,se=Q.addSelectedItem,de=Q.removeSelectedItem,ae=Q.getDropdownProps,pe=Object.assign(Object.assign({},i),{isOpen:!!k\|\|X,inputValue:null!=Y?Y:null,highlightedIndex:Z,selectedItems:ue\|\|[],filteredOptions:re,getToggleButtonProps:$,getLabelProps:ee,getMenuProps:oe,getItemProps:ne,getInputProps:function(e){return te(Object.assign(Object.assign({},e\|\|{}),{disabled:i.readOnly\|\|i.disabled,onFocus:function(o){var n;N(!0),null==B\|\|B(o),null===(n=null==e?void 0:e.onFocus)\|\|void 0===n\|\|n.call(e,o)},onBlur:function(o){var n;N(!1),null==C\|\|C(o),null===(n=null==e?void 0:e.onBlur)\|\|void 0===n\|\|n.call(e,o)},onKeyDown:function(o){var n;null==F\|\|F(o),null===(n=null==e?void 0:e.onKeyDown)\|\|void 0===n\|\|n.call(e,o)}}))},reset:le,contextOnClear:function(){le(),void 0===a&&W([]),null==V\|\|V()},contextOnOptionRemove:function(e){de&&de(e),null==R\|\|R(e)},addSelectedItem:se,removeSelectedItem:de,isFocused:J,clearable:h,searchable:w,multi:S,closeMenuOnSelect:y,size:z,getDropdownProps:ae,toggleMenu:ie,loading:K});return o.createElement(l,{contextValue:pe,dropdownRef:D})};export{i as default};
2	+ //# sourceMappingURL=DropdownMultiComboboxController.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../src/components/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":"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"}

package/dist/src/components/Dropdown/modes/DropdownMultiSelectController.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as t}from"react";import n from"../hooks/useDropdownMultiSelect.js";import l from"../components/DropdownWrapperUI.js";var r=function(r){var s=r.options,i=r.isMenuOpen,d=r.autoFocus,u=r.defaultValue,a=r.value,p=r.onChange,c=r.onMenuOpen,g=r.onMenuClose,m=r.onOptionSelect,O=r.clearable,f=void 0===O\|\|O,v=r.showSelectedOptions,I=void 0===v\|\|v,b=r.filterOption,P=r.dropdownRef,h=r.onClear,M=r.onOptionRemove,j=r.onFocus,w=r.onBlur,S=r.loading,x=void 0!==S&&S,B=r.size,y=void 0===B?"medium":B,C=r.id,D=t(Array.isArray(u)?u:[]),F=e(D,2),R=F[0],A=F[1],T=t(!1),V=e(T,2),z=V[0],L=V[1],_=n(s,R,A,i,d,u,a,p,c,g,m,I,b,C),k=_.isOpen,E=_.highlightedIndex,H=_.getToggleButtonProps,U=_.getLabelProps,W=_.getMenuProps,q=_.getItemProps,G=_.reset,J=_.toggleMenu,K=_.filteredOptions,N=_.selectedItems,Q=_.addSelectedItem,X=_.removeSelectedItem,Y=_.getDropdownProps,Z=Object.assign(Object.assign({},r),{isOpen:k,inputValue:null,highlightedIndex:E,selectedItem:void 0,selectedItems:N\|\|[],filteredOptions:K,clearable:f,getToggleButtonProps:function(e){return H(Object.assign(Object.assign({},e\|\|{}),{disabled:r.readOnly\|\|r.disabled,onFocus:function(e){L(!0),null==j\|\|j(e)},onBlur:function(e){L(!1),null==w\|\|w(e)}}))},getLabelProps:U,getMenuProps:W,getItemProps:q,reset:G,getDropdownProps:Y,contextOnClear:function(){G(),void 0===a&&A([]),null==h\|\|h()},contextOnOptionRemove:function(e){X&&X(e),null==M\|\|M(e)},addSelectedItem:Q,removeSelectedItem:X,size:y,toggleMenu:J,isFocused:z,loading:x});return o.createElement(l,{contextValue:Z,dropdownRef:P})};export{r as default};
2	+ //# sourceMappingURL=DropdownMultiSelectController.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownMultiSelectController.js","sources":["../../../../../src/components/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":"0NAOA,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/Dropdown/modes/DropdownSelectController.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as t}from"react";import n from"../hooks/useDropdownSelect.js";import l from"../components/DropdownWrapperUI.js";var i=function(i){var s=i.options,r=i.autoFocus,u=i.isMenuOpen,a=i.defaultValue,d=i.value,c=i.onChange,p=i.onMenuOpen,g=i.onMenuClose,m=i.onOptionSelect,f=i.showSelectedOptions,O=void 0===f\|\|f,v=i.filterOption,b=i.clearable,h=void 0===b\|\|b,I=i.searchable,P=void 0!==I&&I,j=i.multi,M=void 0!==j&&j,x=i.dropdownRef,w=i.onClear,B=i.onFocus,C=i.onBlur,F=i.loading,S=void 0!==F&&F,R=i.size,T=void 0===R?"medium":R,V=i.id,y=t(!1),z=e(y,2),D=z[0],L=z[1],_=n(s,r,u,a,d,c,p,g,m,O,v,V),k=_.isOpen,A=_.highlightedIndex,E=_.getToggleButtonProps,H=_.getLabelProps,U=_.getMenuProps,W=_.getItemProps,q=_.reset,G=_.toggleMenu,J=_.filteredOptions,K=_.selectedItem,N=Object.assign(Object.assign({},i),{isOpen:k,highlightedIndex:A,selectedItem:K,filteredOptions:J,getToggleButtonProps:function(e){return E(Object.assign(Object.assign({},e\|\|{}),{disabled:i.readOnly\|\|i.disabled,onFocus:function(e){L(!0),null==B\|\|B(e)},onBlur:function(e){L(!1),null==C\|\|C(e)}}))},getLabelProps:H,getMenuProps:U,getItemProps:W,reset:q,inputValue:null,selectedItems:[],addSelectedItem:void 0,removeSelectedItem:void 0,contextOnClear:function(){q(),null==w\|\|w()},contextOnOptionRemove:function(){},clearable:h,searchable:P,multi:M,autoFocus:r,onClear:w,size:T,toggleMenu:G,isFocused:D,loading:S});return o.createElement(l,{contextValue:N,dropdownRef:x})};export{i as default};
2	+ //# sourceMappingURL=DropdownSelectController.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownSelectController.js","sources":["../../../../../src/components/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":"qNAOA,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/Dropdown/utils/dropdown-modifiers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-modifiers.js","sources":["../../../../../src/components/Dropdown/utils/dropdown-modifiers.ts"],"sourcesContent":["import { type Modifier } from \"react-popper\";\n\nexport const matchWidthModifier: Modifier<any>[] = [\n {\n name: \"matchWidth\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: ({ state }) => {\n if (state.rects && state.rects.reference) {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n }\n }\n }\n];\n"],"names":["matchWidthModifier","name","enabled","phase","requires","fn","_ref","state","rects","reference","styles","popper","width","concat"],"mappings":"AAEO,IAAMA,EAAsC,CACjD,CACEC,KAAM,aACNC,SAAS,EACTC,MAAO,cACPC,SAAU,CAAC,iBACXC,GAAI,SAAAC,GAAc,IAAXC,EAAKD,EAALC,MACDA,EAAMC,OAASD,EAAMC,MAAMC,YAC7BF,EAAMG,OAAOC,OAAOC,MAAKC,GAAAA,OAAMN,EAAMC,MAAMC,UAAUG,MAAS,MAElE"}

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

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/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/components/EditableHeading/EditableHeading.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as e}from"../../tests/testIds.js";import o,{forwardRef as i}from"react";import{withStaticProps as r}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import a from"./EditableHeading.module.scss.js";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import d from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as n}from"../../tests/constants.js";import{HeadingType as g,HeadingWeight as y}from"../../../components/typography/dist/Heading/HeadingConstants.js";import l from"../../../components/typography/dist/Heading/Heading.js";var f=r(i((function(i,r){var g=i.type,y=void 0===g?"h1":g,f=i.weight,h=void 0===f?"normal":f,c=i.id,j=i["data-testid"],E=t(i,["type","weight","id","data-testid"]);return o.createElement(d,Object.assign({ref:r,"data-testid":j||s(e.EDITABLE_HEADING,c),"data-vibe":n.EDITABLE_HEADING,component:l,typographyClassName:p(a,m(y+"-"+h)),type:y,weight:h},E))})),{types:g,weights:y});export{f as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as o}from"../../tests/testIds.js";import s,{forwardRef as r}from"react";import i from"./EditableHeading.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"es-toolkit";import m from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as d}from"../../tests/constants.js";import n from"../../../components/typography/dist/Heading/Heading.js";var l=r((function(r,l){var f=r.type,y=void 0===f?"h1":f,g=r.weight,E=void 0===g?"normal":g,c=r.id,h=r["data-testid"],j=t(r,["type","weight","id","data-testid"]);return s.createElement(m,Object.assign({ref:l,"data-testid":h||e(o.EDITABLE_HEADING,c),"data-vibe":d.EDITABLE_HEADING,component:n,typographyClassName:a(i,p(y+"-"+E)),type:y,weight:E},j))}));export{l as default};
 //# sourceMappingURL=EditableHeading.js.map

package/dist/src/components/EditableHeading/EditableHeading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, ~~HeadingTypeEnum, HeadingWeightEnum,~~ type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n data-vibe={ComponentVibeId.EDITABLE_HEADING}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\~~ninterface EditableHeadingStaticProps {\n types: typeof HeadingTypeEnum;\n weights: typeof HeadingWeightEnum;\n}\n\~~nexport default ~~withStaticProps<EditableHeadingProps, EditableHeadingStaticProps>(~~EditableHeading~~, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum\n})~~;\n"],"names":["~~withStaticProps~~","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase"~~,"types","HeadingTypeEnum","weights","HeadingWeightEnum"~~],"mappings":"~~4tBAuBA~~,~~IAyBeA~~,~~EAAAA~~,~~EAzBSC,~~GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV~~,IAQgG,CAChGiB,MAAOC,EACPC,QAASC~~"}
1	+ {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n data-vibe={ComponentVibeId.EDITABLE_HEADING}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableHeading;\n"],"names":["EditableHeading","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase"],"mappings":"mgBAuBMA,IAAAA,EAAkBC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV"}

package/dist/src/components/EditableHeading/EditableHeading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_2cb8d5054f",h1Medium:"h1Medium_98ebf7bb36",h1Normal:"h1Normal_90ff3faf7c",h1Light:"h1Light_070e63b138",h2Bold:"h2Bold_6cd995b324",h2Medium:"h2Medium_c450846fc7",h2Normal:"h2Normal_8eb6afbba1",h2Light:"h2Light_b9a93f1790",h3Bold:"h3Bold_6ffbe67143",h3Medium:"h3Medium_d6bcf61b6d",h3Normal:"h3Normal_b724a2ba55",h3Light:"h3Light_147cbc25c8"};!function(n){const o="s_id-81b561c226b7_3_85_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_2cb8d5054f {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_98ebf7bb36 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_90ff3faf7c {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_070e63b138 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_6cd995b324 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_c450846fc7 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_8eb6afbba1 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_b9a93f1790 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_6ffbe67143 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_d6bcf61b6d {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_b724a2ba55 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_147cbc25c8 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_ac421ded98",h1Medium:"h1Medium_2e86b55b06",h1Normal:"h1Normal_41f2884236",h1Light:"h1Light_ed6ba97839",h2Bold:"h2Bold_b856596d64",h2Medium:"h2Medium_21e5cabb60",h2Normal:"h2Normal_ae4c1981b7",h2Light:"h2Light_b375d98e82",h3Bold:"h3Bold_1d88b6becb",h3Medium:"h3Medium_0a5a752e37",h3Normal:"h3Normal_6affb532a9",h3Light:"h3Light_e375f4278b"};!function(n){const o="s_id-81b561c226b7_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_ac421ded98 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_2e86b55b06 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_41f2884236 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_ed6ba97839 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_b856596d64 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_21e5cabb60 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_ae4c1981b7 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_b375d98e82 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_1d88b6becb {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_0a5a752e37 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_6affb532a9 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_e375f4278b {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/src/components/EditableText/EditableText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import o,{forwardRef as i}from"react";import{withStaticProps as r}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./EditableText.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import l from"../EditableTypography/EditableTypography.js";import d from"classnames";import{TextType as y,TextWeight as n}from"../../../components/typography/dist/Text/TextConstants.js";import c from"../../../components/typography/dist/Text/Text.js";var f=r(i((function(i,r){var y=i.type,n=void 0===y?"text2":y,f=i.weight,T=void 0===f?"normal":f,h=i["data-testid"],g=i.id,j=i.multiline,u=t(i,["type","weight","data-testid","id","multiline"]);return o.createElement(l,Object.assign({className:p.editableText,ref:r,"data-testid":h||e(s.EDITABLE_TEXT,g),component:c,typographyClassName:d(a(p,m(n+"-"+T)),p.typography),clearable:!0,type:n,weight:T,multiline:j},u))})),{types:y,weights:n});export{f as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o,{forwardRef as r}from"react";import s from"./EditableText.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import p from"../EditableTypography/EditableTypography.js";import l from"classnames";import d from"../../../components/typography/dist/Text/Text.js";var n=r((function(r,n){var y=r.type,f=void 0===y?"text2":y,c=r.weight,g=void 0===c?"normal":c,h=r["data-testid"],u=r.id,T=r.multiline,b=t(r,["type","weight","data-testid","id","multiline"]);return o.createElement(p,Object.assign({className:s.editableText,ref:n,"data-testid":h||e(i.EDITABLE_TEXT,u),component:d,typographyClassName:l(a(s,m(f+"-"+g)),s.typography),clearable:!0,type:f,weight:g,multiline:T},b))}));export{n as default};
 //# sourceMappingURL=EditableText.js.map

package/dist/src/components/EditableText/EditableText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, ~~TextTypeEnum, TextWeightEnum,~~ type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\~~ninterface EditableTextStaticProps {\n types: typeof TextTypeEnum;\n weights: typeof TextWeightEnum;\n}\n\~~nexport default ~~withStaticProps<EditableTextProps, EditableTextStaticProps>(~~EditableText~~, {\n types: TextTypeEnum,\n weights: TextWeightEnum\n})~~;\n"],"names":["~~withStaticProps~~","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable"~~,"types","TextTypeEnum","weights","TextWeightEnum"~~],"mappings":"~~sqBA2BA~~,~~IAkCeA~~,~~EAAAA~~,~~EAlCMC,~~GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV~~,IAQuF,CACvFqB,MAAOC,EACPC,QAASC~~"}
1	+ {"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableText;\n"],"names":["EditableText","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable"],"mappings":"ydA2BMA,IAAAA,EAAeC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV"}

package/dist/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_d712ee26b2",text1Medium:"text1Medium_4907857499",text1Normal:"text1Normal_b383a04fa7",text2Bold:"text2Bold_884b224be3",text2Medium:"text2Medium_4251f49b8c",text2Normal:"text2Normal_05fc6681f0",text3Bold:"text3Bold_33020733b6",text3Medium:"text3Medium_aa6264a932",text3Normal:"text3Normal_49234b0edc",editableText:"editableText_c1921e6285",typography:"typography_f2ff58249a"};!function(t){const e="s_id-bcdc5f69e9db_3_85_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_d712ee26b2 {\n  font: var(--font-text1-bold);\n}\n.text1Medium_4907857499 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_b383a04fa7 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_884b224be3 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_4251f49b8c {\n  font: var(--font-text2-medium);\n}\n.text2Normal_05fc6681f0 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_33020733b6 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_aa6264a932 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_49234b0edc {\n  font: var(--font-text3-normal);\n}\n.editableText_c1921e6285 .typography_f2ff58249a {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_2a720d1eab",text1Medium:"text1Medium_fc07ae97e5",text1Normal:"text1Normal_afcc2b171c",text2Bold:"text2Bold_ccae40a91c",text2Medium:"text2Medium_3ff9815226",text2Normal:"text2Normal_f583656601",text3Bold:"text3Bold_c1188dcc41",text3Medium:"text3Medium_e4d794a674",text3Normal:"text3Normal_f1ae8a15ef",editableText:"editableText_aacddd2984",typography:"typography_50e9c2370d"};!function(t){const e="s_id-bcdc5f69e9db_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_2a720d1eab {\n  font: var(--font-text1-bold);\n}\n.text1Medium_fc07ae97e5 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_afcc2b171c {\n  font: var(--font-text1-normal);\n}\n.text2Bold_ccae40a91c {\n  font: var(--font-text2-bold);\n}\n.text2Medium_3ff9815226 {\n  font: var(--font-text2-medium);\n}\n.text2Normal_f583656601 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_c1188dcc41 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_e4d794a674 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_f1ae8a15ef {\n  font: var(--font-text3-normal);\n}\n.editableText_aacddd2984 .typography_50e9c2370d {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_da88813330",input:"input_c652a12b6d",textarea:"textarea_b727f92750",typography:"typography_7b5bc7c56e",disabled:"disabled_7f0bbf2ed1",hidden:"hidden_785e75b1de",placeholder:"placeholder_6d708242db",multiline:"multiline_1510cf82ee"};!function(e){const a="s_id-34ea4bd39075_3_85_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_da88813330 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_da88813330 .input_c652a12b6d,\n.editableTypography_da88813330 .textarea_b727f92750 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_da88813330 .input_c652a12b6d:focus, .editableTypography_da88813330 .input_c652a12b6d:active,\n.editableTypography_da88813330 .textarea_b727f92750:focus,\n.editableTypography_da88813330 .textarea_b727f92750:active {\n  outline: none;\n}\n.editableTypography_da88813330 .textarea_b727f92750 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_da88813330 .typography_7b5bc7c56e {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_da88813330 .typography_7b5bc7c56e:hover:not(.disabled_7f0bbf2ed1) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_da88813330 .typography_7b5bc7c56e.hidden_785e75b1de {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_da88813330 .typography_7b5bc7c56e.placeholder_6d708242db {\n  color: var(--secondary-text-color);\n}\n.editableTypography_da88813330 .typography_7b5bc7c56e.multiline_1510cf82ee {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_eb3623e4e5",input:"input_a0d8c9f025",textarea:"textarea_c9186b60d6",typography:"typography_53a53d325f",disabled:"disabled_7dd9a36ebe",hidden:"hidden_ae5fe25308",placeholder:"placeholder_e0aacd0d5a",multiline:"multiline_b5b2898e31"};!function(e){const a="s_id-34ea4bd39075_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_eb3623e4e5 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_eb3623e4e5 .input_a0d8c9f025,\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_eb3623e4e5 .input_a0d8c9f025:focus, .editableTypography_eb3623e4e5 .input_a0d8c9f025:active,\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6:focus,\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6:active {\n  outline: none;\n}\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f:hover:not(.disabled_7dd9a36ebe) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f.hidden_ae5fe25308 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f.placeholder_e0aacd0d5a {\n  color: var(--secondary-text-color);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f.multiline_b5b2898e31 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/src/components/EmptyState/EmptyState.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={emptyState:"emptyState_e827cd82a6",compact:"compact_00ae6ea5d7",content:"content_ef8aa6bc53",title:"title_b870ed31f3",description:"description_b870ed31f3",actions:"actions_5fef51bb70"};!function(e){const t="s_id-ec6bbd61ae58_3_85_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_e827cd82a6 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_e827cd82a6.compact_00ae6ea5d7 {\n  padding: var(--spacing-medium);\n}\n.emptyState_e827cd82a6 .content_ef8aa6bc53 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_e827cd82a6 .content_ef8aa6bc53 .title_b870ed31f3 {\n  max-width: 500px;\n}\n.emptyState_e827cd82a6 .content_ef8aa6bc53 .description_b870ed31f3 {\n  max-width: 500px;\n}\n.emptyState_e827cd82a6 .content_ef8aa6bc53 .actions_5fef51bb70 {\n  width: 100%;\n}");export{e as default};
+var e={emptyState:"emptyState_4f4e2f1ad9",compact:"compact_7f76c96d74",content:"content_7c6e2c6205",title:"title_8d71b681af",description:"description_8d71b681af",actions:"actions_6ebfe43bcb"};!function(e){const t="s_id-ec6bbd61ae58_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_4f4e2f1ad9 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_4f4e2f1ad9.compact_7f76c96d74 {\n  padding: var(--spacing-medium);\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 .title_8d71b681af {\n  max-width: 500px;\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 .description_8d71b681af {\n  max-width: 500px;\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 .actions_6ebfe43bcb {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import c from"../../hooks/useMergeRef.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";import f from"../../../components/typography/dist/Text/Text.js";import u from"../../../components/icon/dist/Icon/Icon.js";import v from"../../../icons/dist/react/DropdownChevronDown.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,y=void 0===g?"":g,j=r.className,x=r.defaultOpenState,P=void 0!==x&&x,B=r.iconSize,I=void 0===B?24:B,O=r.iconPosition,k=void 0===O?"right":O,A=r.id,S=void 0===A?"":A,b=r.open,D=r.onClick,L=void 0===D?null:D,T=r.hideBorder,_=void 0!==T&&T,w=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=c(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===b?K:b,V=function(){Q(!K)},W=s((function(){return"string"==typeof y?n.createElement(f,{type:"text1",className:t(m.headerContent)},y):y}),[y]),Y=function(){return n.createElement(u,{className:t(m.iconComponent,o(o({},m.animateIconOpen,U),m.animateIconClose,!U)),iconType:"svg",icon:v,iconSize:I})};return n.createElement("div",{ref:F,className:j,id:S,"data-testid":X||l(d.EXPAND_COLLAPSE,S),"data-vibe":p.EXPAND_COLLAPSE},n.createElement("div",{className:t(m.expandCollapse,o(o({},m.hideBorder,_),m.showBorder,!_),R)},n.createElement("button",{type:"button",className:t(m.header,m.section,w,o(o(o({},m.headerOpen,U),m.hideBorderBottom,_),m.leftIcon,"left"===k)),onClickCapture:M?L||V:void 0,onClick:M?void 0:L||V,"aria-expanded":U,"aria-controls":"".concat(S,"-controls")},"left"===k&&Y(),"string"!=typeof y||0!==y.length?W():N&&N(),"right"===k&&Y()),U&&n.createElement("div",{className:t(m.content,m.section,z,o({},m.animateExpandCollapseContent,U)),id:"".concat(S,"-controls"),role:"region"},h)))}));export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import c from"../../hooks/useMergeRef.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";import f from"../../../components/typography/dist/Text/Text.js";import u from"../../../components/icon/dist/Icon/Icon.js";import v from"../../../icons/dist/react/DropdownChevronDown.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,y=void 0===g?"":g,j=r.className,x=r.defaultOpenState,P=void 0!==x&&x,B=r.iconSize,I=void 0===B?24:B,O=r.iconPosition,k=void 0===O?"right":O,A=r.id,b=void 0===A?"":A,D=r.open,L=r.onClick,S=void 0===L?null:L,_=r.hideBorder,w=void 0!==_&&_,T=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=c(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===D?K:D,V=function(){Q(!K)},W=s((function(){return"string"==typeof y?n.createElement(f,{type:"text1",className:o(m.headerContent)},y):y}),[y]),Y=function(){return n.createElement(u,{className:o(m.iconComponent,t(t({},m.animateIconOpen,U),m.animateIconClose,!U)),type:"svg",icon:v,size:I})};return n.createElement("div",{ref:F,className:j,id:b,"data-testid":X||l(d.EXPAND_COLLAPSE,b),"data-vibe":p.EXPAND_COLLAPSE},n.createElement("div",{className:o(m.expandCollapse,t(t({},m.hideBorder,w),m.showBorder,!w),R)},n.createElement("button",{type:"button",className:o(m.header,m.section,T,t(t(t({},m.headerOpen,U),m.hideBorderBottom,w),m.leftIcon,"left"===k)),onClickCapture:M?S||V:void 0,onClick:M?void 0:S||V,"aria-expanded":U,"aria-controls":"".concat(b,"-controls")},"left"===k&&Y(),"string"!=typeof y||0!==y.length?W():N&&N(),"right"===k&&Y()),U&&n.createElement("div",{className:o(m.content,m.section,z,t({},m.animateExpandCollapseContent,U)),id:"".concat(b,"-controls"),role:"region"},h)))}));export{C as default};
 //# sourceMappingURL=ExpandCollapse.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Icon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n iconPosition = \"right\",\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n ~~iconType~~=\"svg\"\n icon={DropdownChevronDown}\n ~~iconSize~~={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder,\n [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","~~iconType~~","~~icon~~","~~DropdownChevronDown~~","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"2mBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,~~IAE9BkB~~,~~SAAS~~,~~MACTC~~,KAAMC,~~EACN9C~~,~~SAAUA~~,~~KAId~~,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}
1	+ {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Icon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n iconPosition = \"right\",\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n type=\"svg\"\n icon={DropdownChevronDown}\n size={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder,\n [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","icon","DropdownChevronDown","size","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"2mBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BQ,KAAK,MACLU,KAAMC,EACNC,KAAM9C,KAIV,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}

package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_4514c9b840",header:"header_a6302686bd","focus-visible":"focus-visible_78325e2d7b",headerContent:"headerContent_fb53beeca2",iconComponent:"iconComponent_cb85c3ace2",content:"content_00ae6ea5d7",section:"section_5fef51bb70",hideBorder:"hideBorder_d140f5faa8",hideBorderBottom:"hideBorderBottom_cca89da7c2",showBorder:"showBorder_7b15908101",headerOpen:"headerOpen_9dad17c01e",animateIconOpen:"animateIconOpen_bdeb141556",animateIconClose:"animateIconClose_51a387f3cd",leftIcon:"leftIcon_3595937c8f"};!function(n){const e="s_id-023f1d02802e_3_85_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_4514c9b840 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_a6302686bd {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_a6302686bd:focus-visible, .header_a6302686bd.focus-visible_78325e2d7b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header_a6302686bd:focus:not(.focus-visible_78325e2d7b) {\n  outline: none;\n}\n.header_a6302686bd:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_a6302686bd:active {\n  transform: scale(1);\n}\n.header_a6302686bd .headerContent_fb53beeca2 {\n  margin: 0;\n}\n.header_a6302686bd .iconComponent_cb85c3ace2 {\n  color: var(--icon-color);\n}\n.content_00ae6ea5d7 {\n  padding: var(--spacing-medium);\n}\n.section_5fef51bb70 {\n  width: 100%;\n}\n.hideBorder_d140f5faa8 {\n  border: none;\n}\n.hideBorderBottom_cca89da7c2 {\n  border-bottom: none;\n}\n.showBorder_7b15908101 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_7b15908101 .headerOpen_9dad17c01e {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_bdeb141556 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_51a387f3cd {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_a6302686bd.leftIcon_3595937c8f {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
+var e={expandCollapse:"expandCollapse_2a2727f1ca",header:"header_57a2ee11bf","focus-visible":"focus-visible_17d22ae837",headerContent:"headerContent_89b03d6bf4",iconComponent:"iconComponent_b5d99e7628",content:"content_7f76c96d74",section:"section_6ebfe43bcb",hideBorder:"hideBorder_656758d256",hideBorderBottom:"hideBorderBottom_3e2e906b95",showBorder:"showBorder_869db49ab3",headerOpen:"headerOpen_1b2448e22c",animateIconOpen:"animateIconOpen_fb60cbcdb2",animateIconClose:"animateIconClose_6695b2cc74",leftIcon:"leftIcon_974e571fb6"};!function(e){const n="s_id-023f1d02802e_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_2a2727f1ca {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_57a2ee11bf {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_57a2ee11bf:focus-visible, .header_57a2ee11bf.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header_57a2ee11bf:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.header_57a2ee11bf:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_57a2ee11bf:active {\n  transform: scale(1);\n}\n.header_57a2ee11bf .headerContent_89b03d6bf4 {\n  margin: 0;\n}\n.header_57a2ee11bf .iconComponent_b5d99e7628 {\n  color: var(--icon-color);\n}\n.content_7f76c96d74 {\n  padding: var(--spacing-medium);\n}\n.section_6ebfe43bcb {\n  width: 100%;\n}\n.hideBorder_656758d256 {\n  border: none;\n}\n.hideBorderBottom_3e2e906b95 {\n  border-bottom: none;\n}\n.showBorder_869db49ab3 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_869db49ab3 .headerOpen_1b2448e22c {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_fb60cbcdb2 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_6695b2cc74 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_57a2ee11bf.leftIcon_974e571fb6 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/src/components/FieldLabel/FieldLabel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"classnames";import o,{forwardRef as a}from"react";import l from"./FieldLabel.module.scss.js";import n from"../../../components/icon/dist/Icon/Icon.js";var r=a((function(a,r){var t=a.icon,m=void 0===t?"":t,s=a.labelText,i=void 0===s?"":s,c=a.labelFor,d=void 0===c?"":c,p=a.iconClassName,v=void 0===p?"":p,b=a.labelClassName,f=void 0===b?"":b,u=a.required,N=void 0!==u&&u,C=a.id,E=void 0===C?"":C,F=a.htmlFor,x=void 0===F?"":F;return i?o.createElement("section",{className:e(l.labelComponentWrapper,a.className)},o.createElement(n,{icon:m,className:e(l.labelComponentIcon,v),id:d,iconType:"font"}),o.createElement("label",{id:E,htmlFor:d||x,ref:r,className:e(l.labelComponentText,f)},i,N&&o.createElement("span",{className:l.required}," *"))):null}));export{r as default};
+import e from"classnames";import o,{forwardRef as a}from"react";import l from"./FieldLabel.module.scss.js";import t from"../../../components/icon/dist/Icon/Icon.js";var r=a((function(a,r){var m=a.icon,n=void 0===m?"":m,s=a.labelText,i=void 0===s?"":s,c=a.labelFor,d=void 0===c?"":c,p=a.iconClassName,v=void 0===p?"":p,b=a.labelClassName,f=void 0===b?"":b,u=a.required,N=void 0!==u&&u,C=a.id,E=void 0===C?"":C,F=a.htmlFor,x=void 0===F?"":F;return i?o.createElement("section",{className:e(l.labelComponentWrapper,a.className)},o.createElement(t,{icon:n,className:e(l.labelComponentIcon,v),id:d,type:"font"}),o.createElement("label",{id:E,htmlFor:d||x,ref:r,className:e(l.labelComponentText,f)},i,N&&o.createElement("span",{className:l.required}," *"))):null}));export{r as default};
 //# sourceMappingURL=FieldLabel.js.map

package/dist/src/components/FieldLabel/FieldLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n /*\n The icon displayed next to the label.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n The text content of the label.\n /\n labelText?: string;\n /\n The ID of the associated input element.\n /\n labelFor?: string;\n /\n Class name applied to the icon.\n /\n iconClassName?: string;\n /\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n If true, displays an asterisk to indicate a required field.\n /\n required?: boolean;\n /\n The HTML for attribute of the associated input element.\n /\n htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n (\n {\n className,\n icon = \"\",\n labelText = \"\",\n labelFor = \"\",\n iconClassName = \"\",\n labelClassName = \"\",\n required = false,\n id = \"\",\n htmlFor = \"\"\n },\n ref: ForwardedRef<HTMLLabelElement>\n ) => {\n if (!labelText) {\n return null;\n }\n\n return (\n <section className={cx(styles.labelComponentWrapper, className)}>\n <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} ~~iconType~~=\"font\" />\n <label\n id={id}\n htmlFor={labelFor \|\| htmlFor}\n ref={ref}\n className={cx(styles.labelComponentText, labelClassName)}\n >\n {labelText}\n {required && <span className={styles.required}> </span>}\n </label>\n </section>\n );\n }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","~~iconType~~","labelComponentText"],"mappings":"qKAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,~~SAAS~~,~~SAClGR~~,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}
1	+ {"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n /*\n The icon displayed next to the label.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n The text content of the label.\n /\n labelText?: string;\n /\n The ID of the associated input element.\n /\n labelFor?: string;\n /\n Class name applied to the icon.\n /\n iconClassName?: string;\n /\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n If true, displays an asterisk to indicate a required field.\n /\n required?: boolean;\n /\n The HTML for attribute of the associated input element.\n /\n htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n (\n {\n className,\n icon = \"\",\n labelText = \"\",\n labelFor = \"\",\n iconClassName = \"\",\n labelClassName = \"\",\n required = false,\n id = \"\",\n htmlFor = \"\"\n },\n ref: ForwardedRef<HTMLLabelElement>\n ) => {\n if (!labelText) {\n return null;\n }\n\n return (\n <section className={cx(styles.labelComponentWrapper, className)}>\n <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} type=\"font\" />\n <label\n id={id}\n htmlFor={labelFor \|\| htmlFor}\n ref={ref}\n className={cx(styles.labelComponentText, labelClassName)}\n >\n {labelText}\n {required && <span className={styles.required}> </span>}\n </label>\n </section>\n );\n }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","type","labelComponentText"],"mappings":"qKAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,KAAK,SAC9FR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_3b94d70d1c",labelComponentIcon:"labelComponentIcon_144546f770",labelComponentText:"labelComponentText_de69cdc81b",required:"required_a277eff253"};!function(e){const n="s_id-12dfba012dab_3_85_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_3b94d70d1c {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon_144546f770 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_de69cdc81b {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_a277eff253 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_53586272f6",labelComponentIcon:"labelComponentIcon_2c71ba6d23",labelComponentText:"labelComponentText_65ff7a7175",required:"required_8507403d4d"};!function(e){const n="s_id-12dfba012dab_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_53586272f6 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon_2c71ba6d23 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_65ff7a7175 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_8507403d4d {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/src/components/FormattedNumber/FormattedNumber.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"classnames";import t,{forwardRef as r,useMemo as a}from"react";import{formatNumber as s,formatNumberConsts as o}from"../../helpers/textManipulations.js";import{validateValue as l}from"./FormattedNumberHelpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"./FormattedNumber.module.scss.js";var p=m(r((function(r,m){var p=r.value,u=r.className,f=r.local,d=void 0===f?o.DEFAULT_LOCAL:f,N=r.prefix,v=r.suffix,E=r.emptyPlaceHolder,j=void 0===E?"N/A":E,x=r.decimalPrecision,A=void 0===x?2:x,F=r.compact,L=void 0===F||F,b=r.rtl,T=r.id,C=r["data-testid"],D=a((function(){return v?t.createElement("span",{className:e(c.suffix)},v):null}),[v]),M=a((function(){return N?t.createElement("span",{className:e(c.prefix)},N):null}),[N]),O=a((function(){return s(Number(p),{local:d,precision:A,isCompact:L})}),[p,A,d,L]);return l(p)?t.createElement("span",null,j):t.createElement("div",{ref:m,className:u,id:T,"data-testid":C||i(n.FORMATTED_NUMBER,T)},b?D:M,t.createElement("span",null,O),b?M:D)})),{formatNumber:s,localFallBack:o.DEFAULT_LOCAL});export{p as default};
+import e from"classnames";import t,{forwardRef as r,useMemo as a}from"react";import{formatNumberConsts as s,formatNumber as l}from"../../helpers/textManipulations.js";import{validateValue as m}from"./FormattedNumberHelpers.js";import{getTestId as o,ComponentDefaultTestId as i}from"../../tests/testIds.js";import n from"./FormattedNumber.module.scss.js";var c=r((function(r,c){var u=r.value,p=r.className,d=r.local,f=void 0===d?s.DEFAULT_LOCAL:d,N=r.prefix,v=r.suffix,E=r.emptyPlaceHolder,x=void 0===E?"N/A":E,j=r.decimalPrecision,A=void 0===j?2:j,F=r.compact,b=void 0===F||F,L=r.rtl,M=r.id,T=r["data-testid"],C=a((function(){return v?t.createElement("span",{className:e(n.suffix)},v):null}),[v]),D=a((function(){return N?t.createElement("span",{className:e(n.prefix)},N):null}),[N]),H=a((function(){return l(Number(u),{local:f,precision:A,isCompact:b})}),[u,A,f,b]);return m(u)?t.createElement("span",null,x):t.createElement("div",{ref:c,className:p,id:M,"data-testid":T||o(i.FORMATTED_NUMBER,M)},L?C:D,t.createElement("span",null,H),L?D:C)}));export{c as default};
 //# sourceMappingURL=FormattedNumber.js.map