npm - @vibe/core - Versions diffs - 4.5.21 → 4.5.23 - Mend

@vibe/core 4.5.21 → 4.5.23

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

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"~~../../../BaseItem~~/~~BaseItem~~\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"@vibe/divider\";\n\nconst DropdownBaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: DropdownBaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n // downshift's useCombobox sets aria-selected to mark a single item (the tracked\n // selectedItem), which is wrong for multi-select. Drop it so BaseItem's aria-selected\n // (derived from the full selectedItems list below) is authoritative.\n const { \"aria-selected\": _downshiftAriaSelected, ...itemProps } =\n getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] \|\| null,\n selectedItems: selectedItems \|\| []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","_b","index","itemProps","__rest","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"~~ggBASMA~~,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SAIpBC,EACqD,QAAzD5B,EAAAtB,aAAA,EAAAA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EADP8B,EAA9CC,EAAAH,EAAA,CAAA,kBAEAI,OACiBC,IAArB1D,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOQ,SAC3EC,GACJ7D,aAAa,EAAbA,EAAe8D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAc1B,SAAUe,EAAOf,KAAK,OAAMe,EAAOQ,SAEvF,OACEhC,EAACC,cAAAI,EACC,CAAAuB,UAAWA,EACXd,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACN0D,YAAaN,EACbO,SAAUJ,EACVlD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAqC,EAAU,MAEtE,IAED,KAEJ,OACEtC,EACEC,cAAA,KAAAsC,OAAAC,OAAA,CAAAtE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOwB,SACdlE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACVmD,MAAO,CAAEC,UAAWlD,KAEnBT,GAAgBM,EACbN,EAAa,CACX4D,SAAUjD,EACVkD,gBAAiB1E,EACjBgE,cAAc/D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}
1	+ {"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { BaseItem } from \"@vibe/base-list\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"@vibe/divider\";\n\nconst DropdownBaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: DropdownBaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n // downshift's useCombobox sets aria-selected to mark a single item (the tracked\n // selectedItem), which is wrong for multi-select. Drop it so BaseItem's aria-selected\n // (derived from the full selectedItems list below) is authoritative.\n const { \"aria-selected\": _downshiftAriaSelected, ...itemProps } =\n getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] \|\| null,\n selectedItems: selectedItems \|\| []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","_b","index","itemProps","__rest","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"giBASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SAIpBC,EACqD,QAAzD5B,EAAAtB,aAAA,EAAAA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EADP8B,EAA9CC,EAAAH,EAAA,CAAA,kBAEAI,OACiBC,IAArB1D,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOQ,SAC3EC,GACJ7D,aAAa,EAAbA,EAAe8D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAc1B,SAAUe,EAAOf,KAAK,OAAMe,EAAOQ,SAEvF,OACEhC,EAACC,cAAAI,EACC,CAAAuB,UAAWA,EACXd,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACN0D,YAAaN,EACbO,SAAUJ,EACVlD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAqC,EAAU,MAEtE,IAED,KAEJ,OACEtC,EACEC,cAAA,KAAAsC,OAAAC,OAAA,CAAAtE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOwB,SACdlE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACVmD,MAAO,CAAEC,UAAWlD,KAEnBT,GAAgBM,EACbN,EAAa,CACX4D,SAAUjD,EACVkD,gBAAiB1E,EACjBgE,cAAc/D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_453397127a",groupTitle:"groupTitle_d35ab0da43",sticky:"sticky_ab2b30575c"};!function(e){const n="s_id-87eb930dd60f_4_5_20";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_453397127a {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_453397127a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_453397127a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_453397127a .groupTitle_d35ab0da43 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_453397127a .groupTitle_d35ab0da43.sticky_ab2b30575c {\n  position: sticky;\n  top: 0;\n}\n.wrapper_453397127a > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_48573a1089",groupTitle:"groupTitle_59550b2949",sticky:"sticky_09cdaf6818"};!function(e){const n="s_id-87eb930dd60f_4_5_22";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_48573a1089 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_48573a1089::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_48573a1089::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_48573a1089 .groupTitle_59550b2949 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_48573a1089 .groupTitle_59550b2949.sticky_09cdaf6818 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_48573a1089 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_0dca948ebd",inputContainer:"inputContainer_8aaec78d90",disabled:"disabled_0b3b95218c",readOnly:"readOnly_79f0a088d7",error:"error_fa89d88f2f",menuContainer:"menuContainer_728844de46"};!function(n){const r="s_id-f92aa28952f8_4_5_20";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_0dca948ebd {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_8aaec78d90 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_8aaec78d90:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_8aaec78d90:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_8aaec78d90.disabled_0b3b95218c {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_8aaec78d90.readOnly_79f0a088d7 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_8aaec78d90.error_fa89d88f2f {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_728844de46 {\n  width: 100%;\n}");export{n as default};
+var e={boxModeContainer:"boxModeContainer_2520b42aee",inputContainer:"inputContainer_76ee9f0ffc",disabled:"disabled_2deed71b01",readOnly:"readOnly_0bdc6c0b30",error:"error_ada80ebc0a",menuContainer:"menuContainer_ac49ff020f"};!function(e){const n="s_id-f92aa28952f8_4_5_22";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".boxModeContainer_2520b42aee {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_76ee9f0ffc {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_76ee9f0ffc:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_76ee9f0ffc:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_76ee9f0ffc.disabled_2deed71b01 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_76ee9f0ffc.readOnly_0bdc6c0b30 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_76ee9f0ffc.error_ada80ebc0a {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_ac49ff020f {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownWrapperUI.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseItemData } from \"~~../../BaseItem~~\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n contextValue: DropdownContextProps<Item>;\n dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n const { contextValue, dropdownRef } = props;\n\n // Id linking the helper text to the combobox/trigger via aria-describedby (WCAG SC 1.3.1).\n const helperTextId = contextValue.helperText && contextValue.id ? `${contextValue.id}-helper-text` : undefined;\n\n return (\n <DropdownContext.Provider value={{ ...contextValue, helperTextId }}>\n <DropdownBase dropdownRef={dropdownRef}>\n {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n </DropdownBase>\n </DropdownContext.Provider>\n );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","dropdownRef","helperTextId","helperText","id","concat","undefined","React","createElement","DropdownContext","Provider","value","Object","assign","DropdownBase","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAAcC,EAAgBF,EAAhBE,YAGhBC,EAAeF,EAAaG,YAAcH,EAAaI,GAAE,GAAAC,OAAML,EAAaI,wBAAmBE,EAErG,OACEC,EAACC,cAAAC,EAAgBC,UAASC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOb,GAAY,CAAEE,aAAAA,KAClDK,EAACC,cAAAM,EAAa,CAAAb,YAAaA,GACDM,gBAAvBP,EAAae,QAAWC,EAAsBC,EAAP,OAIhD"}
1	+ {"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n contextValue: DropdownContextProps<Item>;\n dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n const { contextValue, dropdownRef } = props;\n\n // Id linking the helper text to the combobox/trigger via aria-describedby (WCAG SC 1.3.1).\n const helperTextId = contextValue.helperText && contextValue.id ? `${contextValue.id}-helper-text` : undefined;\n\n return (\n <DropdownContext.Provider value={{ ...contextValue, helperTextId }}>\n <DropdownBase dropdownRef={dropdownRef}>\n {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n </DropdownBase>\n </DropdownContext.Provider>\n );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","dropdownRef","helperTextId","helperText","id","concat","undefined","React","createElement","DropdownContext","Provider","value","Object","assign","DropdownBase","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAAcC,EAAgBF,EAAhBE,YAGhBC,EAAeF,EAAaG,YAAcH,EAAaI,GAAE,GAAAC,OAAML,EAAaI,wBAAmBE,EAErG,OACEC,EAACC,cAAAC,EAAgBC,UAASC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOb,GAAY,CAAEE,aAAAA,KAClDK,EAACC,cAAAM,EAAa,CAAAb,YAAaA,GACDM,gBAAvBP,EAAae,QAAWC,EAAsBC,EAAP,OAIhD"}

package/dist/src/components/Dropdown/components/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n return (\n <DialogContentContainer\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n style={!isOpen ? { padding: 0 } : undefined}\n >\n <MenuList<Item> />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","MenuList"],"mappings":"mXAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAcR,GAASO,EAAOE,YAAcT,GAAUC,GAC9ES,MAAQV,OAA0BW,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,MAGf"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n return (\n <DialogContentContainer\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n style={!isOpen ? { padding: 0 } : undefined}\n >\n <MenuList<Item> />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","MenuList"],"mappings":"mXAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAcR,GAASO,EAAOE,YAAcT,GAAUC,GAC9ES,MAAQV,OAA0BW,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,MAGf"}

package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_b06df1fe48",menuHidden:"menuHidden_cae906bc98"};!function(e){const i="s_id-448dc11ee0f4_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_b06df1fe48 {\n  visibility: visible;\n}\n\n.menuHidden_cae906bc98 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_151ab3b1d8",menuHidden:"menuHidden_0577426875"};!function(e){const i="s_id-448dc11ee0f4_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_151ab3b1d8 {\n  visibility: visible;\n}\n\n.menuHidden_0577426875 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/Dropdown/components/Menu/MenuList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuList.js","sources":["../../../../../../src/components/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseList from \"../DropdownBaseList/DropdownBaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\n\nconst MenuList = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const {\n filteredOptions,\n highlightedIndex,\n getMenuProps,\n getItemProps,\n optionRenderer,\n menuRenderer,\n size,\n withGroupDivider,\n stickyGroupTitle,\n dir,\n noOptionsMessage,\n maxMenuHeight,\n onScroll,\n menuAriaLabel,\n selectedItem,\n selectedItems,\n multi,\n isOpen,\n boxMode\n } = useDropdownContext<Item>();\n\n const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n const baseProps = getMenuProps?.(props) \|\| {};\n return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n };\n\n return (\n <BaseList<Item>\n size={size}\n options={filteredOptions}\n selectedItems={currentSelection}\n highlightedIndex={highlightedIndex}\n menuAriaLabel={menuAriaLabel}\n getMenuProps={enhancedGetMenuProps}\n getItemProps={getItemProps}\n withGroupDivider={withGroupDivider}\n stickyGroupTitle={stickyGroupTitle}\n dir={dir}\n itemRenderer={optionRenderer}\n noOptionsMessage={noOptionsMessage}\n renderOptions={boxMode ? true : isOpen}\n onScroll={onScroll}\n maxMenuHeight={maxMenuHeight}\n menuRenderer={menuRenderer}\n />\n );\n};\n\nexport default MenuList;\n"],"names":["MenuList","_useDropdownContext","useDropdownContext","getMenuProps","selectedItem","selectedItems","multi","React","createElement","BaseList","size","options","filteredOptions","length","highlightedIndex","menuAriaLabel","props","baseProps","Object","assign","getItemProps","withGroupDivider","stickyGroupTitle","dir","itemRenderer","optionRenderer","noOptionsMessage","renderOptions","boxMode","isOpen","onScroll","maxMenuHeight","menuRenderer"],"mappings":"kJAKA,IAAMA,EAAW,WACf,IAAAC,EAoBIC,IAjBFC,EAAYF,EAAZE,aAYAC,EAAYH,EAAZG,aACAC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAYF,OACEC,EAACC,cAAAC,EACC,CAAAC,KAxBET,EAAJS,KAyBEC,QA/BaV,EAAfW,gBAgCEP,eAXqBA,aAAA,EAAAA,EAAeQ,QAAS,EAAIR,EAAgBD,EAAe,CAACA,GAAgB,GAYjGU,iBAhCcb,EAAhBa,iBAiCEC,cArBWd,EAAbc,cAsBEZ,aAZyB,SAACa,GAC5B,IAAMC,GAAYd,aAAA,EAAAA,EAAea,KAAU,CAAA,EAC3C,OAAOV,EAAOY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAWhEG,aAjCUnB,EAAZmB,aAkCEC,iBA9BcpB,EAAhBoB,iBA+BEC,iBA9BcrB,EAAhBqB,iBA+BEC,IA9BCtB,EAAHsB,IA+BEC,aApCYvB,EAAdwB,eAqCEC,iBA/BczB,EAAhByB,iBAgCEC,gBAxBK1B,EAAP2B,SADM3B,EAAN4B,OA0BEC,SA/BM7B,EAAR6B,SAgCEC,cAjCW9B,EAAb8B,cAkCEC,aAxCU/B,EAAZ+B,cA2CJ"}
1	+ {"version":3,"file":"MenuList.js","sources":["../../../../../../src/components/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseList from \"../DropdownBaseList/DropdownBaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst MenuList = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const {\n filteredOptions,\n highlightedIndex,\n getMenuProps,\n getItemProps,\n optionRenderer,\n menuRenderer,\n size,\n withGroupDivider,\n stickyGroupTitle,\n dir,\n noOptionsMessage,\n maxMenuHeight,\n onScroll,\n menuAriaLabel,\n selectedItem,\n selectedItems,\n multi,\n isOpen,\n boxMode\n } = useDropdownContext<Item>();\n\n const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n const baseProps = getMenuProps?.(props) \|\| {};\n return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n };\n\n return (\n <BaseList<Item>\n size={size}\n options={filteredOptions}\n selectedItems={currentSelection}\n highlightedIndex={highlightedIndex}\n menuAriaLabel={menuAriaLabel}\n getMenuProps={enhancedGetMenuProps}\n getItemProps={getItemProps}\n withGroupDivider={withGroupDivider}\n stickyGroupTitle={stickyGroupTitle}\n dir={dir}\n itemRenderer={optionRenderer}\n noOptionsMessage={noOptionsMessage}\n renderOptions={boxMode ? true : isOpen}\n onScroll={onScroll}\n maxMenuHeight={maxMenuHeight}\n menuRenderer={menuRenderer}\n />\n );\n};\n\nexport default MenuList;\n"],"names":["MenuList","_useDropdownContext","useDropdownContext","getMenuProps","selectedItem","selectedItems","multi","React","createElement","BaseList","size","options","filteredOptions","length","highlightedIndex","menuAriaLabel","props","baseProps","Object","assign","getItemProps","withGroupDivider","stickyGroupTitle","dir","itemRenderer","optionRenderer","noOptionsMessage","renderOptions","boxMode","isOpen","onScroll","maxMenuHeight","menuRenderer"],"mappings":"kJAKA,IAAMA,EAAW,WACf,IAAAC,EAoBIC,IAjBFC,EAAYF,EAAZE,aAYAC,EAAYH,EAAZG,aACAC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAYF,OACEC,EAACC,cAAAC,EACC,CAAAC,KAxBET,EAAJS,KAyBEC,QA/BaV,EAAfW,gBAgCEP,eAXqBA,aAAA,EAAAA,EAAeQ,QAAS,EAAIR,EAAgBD,EAAe,CAACA,GAAgB,GAYjGU,iBAhCcb,EAAhBa,iBAiCEC,cArBWd,EAAbc,cAsBEZ,aAZyB,SAACa,GAC5B,IAAMC,GAAYd,aAAA,EAAAA,EAAea,KAAU,CAAA,EAC3C,OAAOV,EAAOY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAWhEG,aAjCUnB,EAAZmB,aAkCEC,iBA9BcpB,EAAhBoB,iBA+BEC,iBA9BcrB,EAAhBqB,iBA+BEC,IA9BCtB,EAAHsB,IA+BEC,aApCYvB,EAAdwB,eAqCEC,iBA/BczB,EAAhByB,iBAgCEC,gBAxBK1B,EAAP2B,SADM3B,EAAN4B,OA0BEC,SA/BM7B,EAAR6B,SAgCEC,cAjCW9B,EAAb8B,cAkCEC,aAxCU/B,EAAZ+B,cA2CJ"}

package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}

package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_ed884b5384",singleChip:"singleChip_5f4da05b24",measuring:"measuring_4045b2eec1",hiddenChip:"hiddenChip_8ea55bbb6c",inputAndCounterWrapper:"inputAndCounterWrapper_8b5deadebc",inputWrapper:"inputWrapper_7df9babf9e",chipWrapperWithOverflow:"chipWrapperWithOverflow_4217493dbc",visibleChip:"visibleChip_7fcc43e5fc",hiddenChipsDialog:"hiddenChipsDialog_82d599c3a9",dialogChip:"dialogChip_7fcc43e5fc"};!function(e){const n="s_id-a777ca35d111_4_5_20";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_ed884b5384 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_ed884b5384.singleChip_5f4da05b24 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_ed884b5384.singleChip_5f4da05b24 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_ed884b5384.measuring_4045b2eec1 > div:not(.hiddenChip_8ea55bbb6c) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_8b5deadebc {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_7df9babf9e {\n  flex-grow: 1;\n}\n.inputWrapper_7df9babf9e input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_4217493dbc {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_4217493dbc .visibleChip_7fcc43e5fc {\n  max-width: 100%;\n}\n.hiddenChip_8ea55bbb6c {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_82d599c3a9 {\n  max-width: 192px;\n}\n.dialogChip_7fcc43e5fc {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_904e050f50",singleChip:"singleChip_839204e232",measuring:"measuring_a4dd7bee69",hiddenChip:"hiddenChip_55cd7897f8",inputAndCounterWrapper:"inputAndCounterWrapper_4c21653ebc",inputWrapper:"inputWrapper_4f4dc6fe56",chipWrapperWithOverflow:"chipWrapperWithOverflow_7694a832bb",visibleChip:"visibleChip_cf9afe16c8",hiddenChipsDialog:"hiddenChipsDialog_72d7e44871",dialogChip:"dialogChip_cf9afe16c8"};!function(e){const n="s_id-a777ca35d111_4_5_22";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_904e050f50 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_904e050f50.singleChip_839204e232 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_904e050f50.singleChip_839204e232 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_904e050f50.measuring_a4dd7bee69 > div:not(.hiddenChip_55cd7897f8) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_4c21653ebc {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_4f4dc6fe56 {\n  flex-grow: 1;\n}\n.inputWrapper_4f4dc6fe56 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_7694a832bb {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_7694a832bb .visibleChip_cf9afe16c8 {\n  max-width: 100%;\n}\n.hiddenChip_55cd7897f8 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_72d7e44871 {\n  max-width: 192px;\n}\n.dialogChip_cf9afe16c8 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/Dropdown/components/Trigger/DropdownChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownChip.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n const chipProps: Partial<ChipsProps> = {};\n if (item?.startElement) {\n switch (item?.startElement?.type) {\n case \"icon\":\n chipProps.leftIcon = item?.startElement?.value;\n break;\n case \"avatar\":\n chipProps.leftAvatar = item?.startElement?.value;\n break;\n case \"custom\":\n chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n\n if (item?.endElement) {\n switch (item?.endElement?.type) {\n case \"icon\":\n chipProps.rightIcon = item?.endElement?.value;\n break;\n case \"custom\":\n chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n item: Item;\n onDelete: () => void;\n disabled?: boolean;\n readOnly?: boolean;\n className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n item,\n onDelete,\n disabled,\n readOnly,\n className\n}: DropdownChipProps<Item>) => {\n const chipSpecificProps = getChipPropsFromItemElements(item);\n\n return (\n <Chips\n label={item.label}\n closeButtonAriaLabel={`Remove ${item.label}`}\n onDelete={onDelete}\n disabled={disabled}\n readOnly={readOnly}\n noMargin\n className={className}\n color={item.chipColor \|\| \"primary\"}\n {...chipSpecificProps}\n />\n );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"wFAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}
1	+ {"version":3,"file":"DropdownChip.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n const chipProps: Partial<ChipsProps> = {};\n if (item?.startElement) {\n switch (item?.startElement?.type) {\n case \"icon\":\n chipProps.leftIcon = item?.startElement?.value;\n break;\n case \"avatar\":\n chipProps.leftAvatar = item?.startElement?.value;\n break;\n case \"custom\":\n chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n\n if (item?.endElement) {\n switch (item?.endElement?.type) {\n case \"icon\":\n chipProps.rightIcon = item?.endElement?.value;\n break;\n case \"custom\":\n chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n item: Item;\n onDelete: () => void;\n disabled?: boolean;\n readOnly?: boolean;\n className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n item,\n onDelete,\n disabled,\n readOnly,\n className\n}: DropdownChipProps<Item>) => {\n const chipSpecificProps = getChipPropsFromItemElements(item);\n\n return (\n <Chips\n label={item.label}\n closeButtonAriaLabel={`Remove ${item.label}`}\n onDelete={onDelete}\n disabled={disabled}\n readOnly={readOnly}\n noMargin\n className={className}\n color={item.chipColor \|\| \"primary\"}\n {...chipSpecificProps}\n />\n );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"wFAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}

package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useMemo, useRef, type RefObject } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\nimport { Text } from \"@vibe/typography\";\n\n// Screen-reader announcement of the current multi-select selection, surfaced via aria-describedby.\nfunction getSelectedValueText(selectedItems: BaseItemData[]): string {\n return selectedItems\n .map(item => item.label \|\| item.value \|\| \"\")\n .filter(Boolean)\n .join(\", \");\n}\n\nconst DropdownInput = ({\n inputSize,\n fullWidth,\n onKeyDown: externalKeyDown,\n inputRef: externalInputRef\n}: {\n inputSize?: \"small\" \| \"medium\" \| \"large\";\n fullWidth?: boolean;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n inputRef?: RefObject<HTMLInputElement>;\n}) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n \"aria-label\": ariaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps,\n interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const internalRef = useRef<HTMLInputElement>(null);\n const selectedValueText = useMemo(() => (multi ? getSelectedValueText(selectedItems) : \"\"), [multi, selectedItems]);\n\n const inputRef = externalInputRef ?? internalRef;\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n // interactiveChips: suppress Backspace/Arrow chip-navigation only while the input has text (so those\n // keys edit the text); when the input is empty they reach the chips. Default multi gates it on isOpen.\n const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\n // Id for the visually hidden element that announces the current selection (multi-select chips only;\n // single-select keeps the value inside the input). Derived from the downshift-generated label id so\n // it's unique per dropdown instance and stable across SSR/hydration (no Math.random / useId).\n const selectedValueId = `${getLabelProps().id}-selected-value`;\n const describedBy =\n [helperTextId, selectedValueText ? selectedValueId : undefined].filter(Boolean).join(\" \") \|\| undefined;\n\n return (\n <>\n {searchable ? (\n <>\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n // Fall back to the field's aria-label so the input still has a name when there's no label.\n \"aria-label\": inputAriaLabel \|\| (label ? undefined : ariaLabel),\n \"aria-describedby\": describedBy,\n \"aria-haspopup\": \"dialog\",\n placeholder: hasSelection ? \"\" : placeholder,\n ref: inputRef,\n onKeyDown: externalKeyDown,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue \|\| \"\"}\n autoFocus={autoFocus}\n size={inputSize \|\| size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n [styles.fullWidth]: fullWidth\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n {selectedValueText && (\n <span id={selectedValueId} className={styles.visuallyHidden}>\n {selectedValueText}\n </span>\n )}\n </>\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","externalKeyDown","onKeyDown","externalInputRef","inputRef","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","ariaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","helperTextId","internalRef","useRef","selectedValueText","useMemo","map","item","value","filter","Boolean","join","getSelectedValueText","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","selectedValueId","concat","id","describedBy","undefined","React","createElement","Fragment","BaseInput","Object","assign","ref","inputRole","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","visuallyHidden","Text","color","placeholderText","type"],"mappings":"kZAgBA,IAAMA,EAAgB,SAAHC,GAUd,IATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAoBIC,IAnBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACcC,EAASZ,EAAvB,cACAa,EAAUb,EAAVa,WACAC,EAAId,EAAJc,KACAC,EAAKf,EAALe,MACAC,EAAMhB,EAANgB,OACAC,EAAgBjB,EAAhBiB,iBACAC,EAAalB,EAAbkB,cACAC,EAAanB,EAAbmB,cACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aAGIC,EAAcC,EAAyB,MACvCC,EAAoBC,GAAQ,WAAA,OAAOlB,EAzC3C,SAA8BG,GAC5B,OAAOA,EACJgB,KAAI,SAAAC,GAAI,OAAIA,EAAKZ,OAASY,EAAKC,OAAS,EAAG,IAC3CC,OAAOC,SACPC,KAAK,KACV,CAoCmDC,CAAqBtB,GAAiB,EAAE,GAAG,CAACH,EAAOG,IAE9FX,EAAWD,QAAAA,EAAoBwB,EAC/BW,EAAe1B,EAAQG,EAAcwB,OAAS,IAAM1B,EAIpD2B,EAAiClB,EAAmBA,EAAiB,CAAEmB,iBADpDhB,KAAsBlB,GAAkC,GAApBA,EAAWgC,QAAclB,IACa,CAAA,EAK7FqB,KAAeC,OAAMpB,IAAgBqB,GAAmB,mBACxDC,EACJ,CAACnB,EAAcG,EAAoBa,OAAkBI,GAAWZ,OAAOC,SAASC,KAAK,WAAQU,EAE/F,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAA/B,EACC6B,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACKC,OAAAC,OAAA,GAAA5B,EACF2B,OAAAC,OAAA,CAAA,kBAAmBhC,EAAQG,IAAgBqB,QAAKE,EAEhD,aAAc9B,IAAmBI,OAAQ0B,EAAY7B,GACrD,mBAAoB4B,EACpB,gBAAiB,SACjBlC,YAAa2B,EAAe,GAAK3B,EACjC0C,IAAKjD,EACLF,UAAWD,GACRuC,IAEL,CAAAc,UAAU,WACVrB,MAAO1B,GAAc,GACrBC,UAAWA,EACXW,KAAMpB,GAAaoB,EACnBoC,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehD,GAASC,IAAiBN,GAChDkD,EAAOI,MAAsB,UAAd9D,GACf0D,EAAO7C,MAAQA,GAAS0B,GACxBmB,EAAOK,cAAgBlD,GAAS0B,GAA8B,UAAdvC,GAChD0D,EAAOzD,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAEXmB,GACCkB,EAAAC,cAAA,OAAA,CAAMJ,GAAIF,EAAiBa,UAAWE,EAAOM,gBAC1ClC,IAKPkB,EACGC,cAAAD,EAAAE,SAAA,MAACX,GAAgB3B,GAChBoC,EAAAC,cAACgB,EACC,CAAAC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhD,WAAaA,IAEvB0D,KAAe,UAAThD,EAAmB,QAAU,SAElCR,IAOf"}
1	+ {"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useMemo, useRef, type RefObject } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { Text } from \"@vibe/typography\";\n\n// Screen-reader announcement of the current multi-select selection, surfaced via aria-describedby.\nfunction getSelectedValueText(selectedItems: BaseItemData[]): string {\n return selectedItems\n .map(item => item.label \|\| item.value \|\| \"\")\n .filter(Boolean)\n .join(\", \");\n}\n\nconst DropdownInput = ({\n inputSize,\n fullWidth,\n onKeyDown: externalKeyDown,\n inputRef: externalInputRef\n}: {\n inputSize?: \"small\" \| \"medium\" \| \"large\";\n fullWidth?: boolean;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n inputRef?: RefObject<HTMLInputElement>;\n}) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n \"aria-label\": ariaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps,\n interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const internalRef = useRef<HTMLInputElement>(null);\n const selectedValueText = useMemo(() => (multi ? getSelectedValueText(selectedItems) : \"\"), [multi, selectedItems]);\n\n const inputRef = externalInputRef ?? internalRef;\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n // interactiveChips: suppress Backspace/Arrow chip-navigation only while the input has text (so those\n // keys edit the text); when the input is empty they reach the chips. Default multi gates it on isOpen.\n const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\n // Id for the visually hidden element that announces the current selection (multi-select chips only;\n // single-select keeps the value inside the input). Derived from the downshift-generated label id so\n // it's unique per dropdown instance and stable across SSR/hydration (no Math.random / useId).\n const selectedValueId = `${getLabelProps().id}-selected-value`;\n const describedBy =\n [helperTextId, selectedValueText ? selectedValueId : undefined].filter(Boolean).join(\" \") \|\| undefined;\n\n return (\n <>\n {searchable ? (\n <>\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n // Fall back to the field's aria-label so the input still has a name when there's no label.\n \"aria-label\": inputAriaLabel \|\| (label ? undefined : ariaLabel),\n \"aria-describedby\": describedBy,\n \"aria-haspopup\": \"dialog\",\n placeholder: hasSelection ? \"\" : placeholder,\n ref: inputRef,\n onKeyDown: externalKeyDown,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue \|\| \"\"}\n autoFocus={autoFocus}\n size={inputSize \|\| size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n [styles.fullWidth]: fullWidth\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n {selectedValueText && (\n <span id={selectedValueId} className={styles.visuallyHidden}>\n {selectedValueText}\n </span>\n )}\n </>\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","externalKeyDown","onKeyDown","externalInputRef","inputRef","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","ariaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","helperTextId","internalRef","useRef","selectedValueText","useMemo","map","item","value","filter","Boolean","join","getSelectedValueText","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","selectedValueId","concat","id","describedBy","undefined","React","createElement","Fragment","BaseInput","Object","assign","ref","inputRole","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","visuallyHidden","Text","color","placeholderText","type"],"mappings":"kZAgBA,IAAMA,EAAgB,SAAHC,GAUd,IATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAoBIC,IAnBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACcC,EAASZ,EAAvB,cACAa,EAAUb,EAAVa,WACAC,EAAId,EAAJc,KACAC,EAAKf,EAALe,MACAC,EAAMhB,EAANgB,OACAC,EAAgBjB,EAAhBiB,iBACAC,EAAalB,EAAbkB,cACAC,EAAanB,EAAbmB,cACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aAGIC,EAAcC,EAAyB,MACvCC,EAAoBC,GAAQ,WAAA,OAAOlB,EAzC3C,SAA8BG,GAC5B,OAAOA,EACJgB,KAAI,SAAAC,GAAI,OAAIA,EAAKZ,OAASY,EAAKC,OAAS,EAAG,IAC3CC,OAAOC,SACPC,KAAK,KACV,CAoCmDC,CAAqBtB,GAAiB,EAAE,GAAG,CAACH,EAAOG,IAE9FX,EAAWD,QAAAA,EAAoBwB,EAC/BW,EAAe1B,EAAQG,EAAcwB,OAAS,IAAM1B,EAIpD2B,EAAiClB,EAAmBA,EAAiB,CAAEmB,iBADpDhB,KAAsBlB,GAAkC,GAApBA,EAAWgC,QAAclB,IACa,CAAA,EAK7FqB,KAAeC,OAAMpB,IAAgBqB,GAAmB,mBACxDC,EACJ,CAACnB,EAAcG,EAAoBa,OAAkBI,GAAWZ,OAAOC,SAASC,KAAK,WAAQU,EAE/F,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAA/B,EACC6B,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACKC,OAAAC,OAAA,GAAA5B,EACF2B,OAAAC,OAAA,CAAA,kBAAmBhC,EAAQG,IAAgBqB,QAAKE,EAEhD,aAAc9B,IAAmBI,OAAQ0B,EAAY7B,GACrD,mBAAoB4B,EACpB,gBAAiB,SACjBlC,YAAa2B,EAAe,GAAK3B,EACjC0C,IAAKjD,EACLF,UAAWD,GACRuC,IAEL,CAAAc,UAAU,WACVrB,MAAO1B,GAAc,GACrBC,UAAWA,EACXW,KAAMpB,GAAaoB,EACnBoC,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehD,GAASC,IAAiBN,GAChDkD,EAAOI,MAAsB,UAAd9D,GACf0D,EAAO7C,MAAQA,GAAS0B,GACxBmB,EAAOK,cAAgBlD,GAAS0B,GAA8B,UAAdvC,GAChD0D,EAAOzD,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAEXmB,GACCkB,EAAAC,cAAA,OAAA,CAAMJ,GAAIF,EAAiBa,UAAWE,EAAOM,gBAC1ClC,IAKPkB,EACGC,cAAAD,EAAAE,SAAA,MAACX,GAAgB3B,GAChBoC,EAAAC,cAACgB,EACC,CAAAC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhD,WAAaA,IAEvB0D,KAAe,UAAThD,EAAmB,QAAU,SAElCR,IAOf"}

package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n getSelectedItemProps,\n multiline,\n disabled,\n readOnly,\n error,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n minVisibleCount,\n interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const showChips = selectedItems.length > 0;\n const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n const renderTriggerContent = () => {\n if (interactiveChips && searchable && !readOnly) {\n if (selectedItems.length === 0) {\n return <DropdownInput />;\n }\n return (\n <div\n className={styles.multiWrapper}\n onKeyDown={e => {\n if (\n e.key === \"ArrowLeft\" &&\n e.target instanceof HTMLInputElement &&\n !e.target.value &&\n overflowBadgeRef.current\n ) {\n overflowBadgeRef.current.focus();\n }\n }}\n >\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => contextOnOptionRemove?.(item)}\n renderInput={() => <DropdownInput inputSize=\"small\" fullWidth />}\n getChipContainerProps={(item, index) => getSelectedItemProps?.({ selectedItem: item, index }) ?? {}}\n badgeRef={overflowBadgeRef}\n minVisibleCount={minVisibleCount}\n />\n </div>\n );\n }\n\n // Default chips mode: original behavior.\n if (showChips) {\n return (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n minVisibleCount={minVisibleCount}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n );\n }\n\n return <DropdownInput />;\n };\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n {renderTriggerContent()}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","getSelectedItemProps","multiline","disabled","readOnly","error","size","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","interactiveChips","helperTextId","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","_a","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n getSelectedItemProps,\n multiline,\n disabled,\n readOnly,\n error,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n minVisibleCount,\n interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const showChips = selectedItems.length > 0;\n const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n const renderTriggerContent = () => {\n if (interactiveChips && searchable && !readOnly) {\n if (selectedItems.length === 0) {\n return <DropdownInput />;\n }\n return (\n <div\n className={styles.multiWrapper}\n onKeyDown={e => {\n if (\n e.key === \"ArrowLeft\" &&\n e.target instanceof HTMLInputElement &&\n !e.target.value &&\n overflowBadgeRef.current\n ) {\n overflowBadgeRef.current.focus();\n }\n }}\n >\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => contextOnOptionRemove?.(item)}\n renderInput={() => <DropdownInput inputSize=\"small\" fullWidth />}\n getChipContainerProps={(item, index) => getSelectedItemProps?.({ selectedItem: item, index }) ?? {}}\n badgeRef={overflowBadgeRef}\n minVisibleCount={minVisibleCount}\n />\n </div>\n );\n }\n\n // Default chips mode: original behavior.\n if (showChips) {\n return (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n minVisibleCount={minVisibleCount}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n );\n }\n\n return <DropdownInput />;\n };\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n {renderTriggerContent()}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","getSelectedItemProps","multiline","disabled","readOnly","error","size","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","interactiveChips","helperTextId","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","_a","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"weAYA,IAAMA,EAAqB,WACzB,IAAAC,EAiBIC,IAAkCC,EAAAF,EAhBpCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SACAC,EAAQR,EAARQ,SACAC,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAUX,EAAVW,WACAC,EAAoBZ,EAApBY,qBACAC,EAAKb,EAALa,MACAC,EAAad,EAAbc,cACcC,EAASf,EAAvB,cACAgB,EAAehB,EAAfgB,gBACAC,EAAgBjB,EAAhBiB,iBACAC,EAAYlB,EAAZkB,aAGIC,EAAYhB,EAAciB,OAAS,EACnCC,EAAmBC,EAAuB,MA4EhD,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDC,EAUF,CAAA,EATAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBqB,QAAKC,EAChD,aAAcvB,OAAQuB,EAAYrB,EAClC,mBAAoBG,EACpB,gBAAiBX,EAAW,YAAS6B,EACrC,eAAgB3B,EAAQ,YAAS2B,EACjC,gBAAiB5B,EAAW,YAAS4B,KArF3CnB,GAAoBN,IAAeH,EACR,IAAzBL,EAAciB,OACTG,EAAAC,cAACa,EAAa,MAGrBd,EAAAC,cAAA,MAAA,CACEM,UAAWE,EAAOM,aAClBC,UAAW,SAAAC,GAEG,cAAVA,EAAEC,KACFD,EAAEE,kBAAkBC,mBACnBH,EAAEE,OAAOE,OACVvB,EAAiBwB,SAEjBxB,EAAiBwB,QAAQC,OAE7B,GAEAvB,EAAAC,cAACuB,EACC,CAAAxC,SAAUA,EACVC,SAAUA,EACVL,cAAeA,EACf6C,SAAU,SAAAC,GAAI,OAAI7C,aAAA,EAAAA,EAAwB6C,EAAK,EAC/CC,YAAa,WAAA,OAAM3B,EAACC,cAAAa,GAAcc,UAAU,QAAQC,WAAY,GAAA,EAChEC,sBAAuB,SAACJ,EAAMK,GAAS,IAAAC,EAAC,eAAAA,EAAAlD,eAAAA,EAAuB,CAAEmD,aAAcP,EAAMK,MAAAA,mBAAY,CAAA,CAAE,EACnGG,SAAUpC,EACVL,gBAAiBA,KAOrBG,EAEAI,EAAAC,cAAA,MAAA,CAAKM,UAAWE,EAAOM,cACnBhC,EAYAiB,EAACC,cAAAC,EAAK,CAAAiC,IAAI,KAAKC,MAAI,GAChBxD,EAAcyD,KAAI,SAACX,EAAMK,WAAU,OAClC/B,EAACC,cAAAC,GAAKgB,KAAiC,QAArBoB,EAAW,UAAXZ,EAAKd,UAAM,IAAAoB,EAAAA,EAAAN,EAAKL,aAAK,IAAAiB,EAAAA,EAAIP,GAAhCQ,IACTvC,EAAAC,cAAA,MAAA,CAAKuC,MAAO,CAAEC,WAAY,IACxBzC,EAACC,cAAAyC,GACChB,KAAMA,EACNiB,SAAU,WACR9D,SAAAA,EAAwB6C,EACzB,EACDzC,SAAUA,EACVD,SAAUA,KAGb+C,IAAUnD,EAAciB,OAAS,GAAKG,EAAAC,cAACa,EAAa,CAACc,UAAU,eAxBtE5B,EAACC,cAAAuB,EACC,CAAAxC,SAAUA,EACVC,SAAUA,EACVL,cAAeA,EACf6C,SAAU,SAAAC,GACR7C,SAAAA,EAAwB6C,EACzB,EACDC,YAAavC,EAAa,WAAA,OAAMY,EAAAC,cAACa,EAAc,CAAAc,UAAU,QAAQC,cAAY,OAAGhB,EAChFpB,gBAAiBA,KAyBpBO,EAAAC,cAACa,EAAa,OAqBnBd,EAAAC,cAAC2C,EAAc,MAGrB"}

package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"../../../BaseItem/BaseItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as s}from"../../context/DropdownContext.js";import o from"./TriggerActions.js";import n from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as d}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(){var m,p=s(),c=p.isFocused,u=p.selectedItem,b=p.searchable,g=p.size,v=p.valueRenderer,f=p.getToggleButtonProps,j=p.disabled,y=p.readOnly,E=p.error,x=p.label,I=p.getLabelProps,O=p["aria-label"],h=p.helperTextId,B=p.inlineSelectedValue,P=(B?!b:!p.inputValue)&&!!u;return r.createElement(n,{justify:"space-between",align:"center"},r.createElement("div",Object.assign({className:t(l.triggerWrapper,d(l,g))},b?{}:f({"aria-haspopup":"dialog","aria-labelledby":x?I().id:void 0,"aria-label":x?void 0:O,"aria-describedby":h,"aria-disabled":j?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":y?"true":void 0})),r.createElement(i,null),P&&r.createElement("div",{className:t(l.selectedItem,e({},l.faded,!B&&c&&b),d(l,g))},r.createElement(a,{component:"div",itemRenderer:v,size:g,readOnly:!0,item:Object.assign(Object.assign({},u),{disabled:j,startElement:"indent"===(null===(m=u.startElement)||void 0===m?void 0:m.type)?void 0:u.startElement})}))),r.createElement(o,null))};export{m as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import a from"./DropdownInput.js";import i from"./Trigger.module.scss.js";import{useDropdownContext as l}from"../../context/DropdownContext.js";import s from"./TriggerActions.js";import o from"../../../../../components/layout/dist/Flex/Flex.js";import n from"../../../../../components/base-list/dist/BaseItem/BaseItem.js";import{getStyle as d}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(){var m,p=l(),c=p.isFocused,u=p.selectedItem,b=p.searchable,g=p.size,v=p.valueRenderer,f=p.getToggleButtonProps,j=p.disabled,y=p.readOnly,E=p.error,x=p.label,I=p.getLabelProps,O=p["aria-label"],h=p.helperTextId,B=p.inlineSelectedValue,P=(B?!b:!p.inputValue)&&!!u;return t.createElement(o,{justify:"space-between",align:"center"},t.createElement("div",Object.assign({className:r(i.triggerWrapper,d(i,g))},b?{}:f({"aria-haspopup":"dialog","aria-labelledby":x?I().id:void 0,"aria-label":x?void 0:O,"aria-describedby":h,"aria-disabled":j?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":y?"true":void 0})),t.createElement(a,null),P&&t.createElement("div",{className:r(i.selectedItem,e({},i.faded,!B&&c&&b),d(i,g))},t.createElement(n,{component:"div",itemRenderer:v,size:g,readOnly:!0,item:Object.assign(Object.assign({},u),{disabled:j,startElement:"indent"===(null===(m=u.startElement)||void 0===m?void 0:m.type)?void 0:u.startElement})}))),t.createElement(s,null))};export{m as default};
 //# sourceMappingURL=SingleSelectTrigger.js.map

package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"~~../../../BaseItem~~\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n isFocused,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n helperTextId,\n inlineSelectedValue\n } = useDropdownContext<BaseItemData>();\n\n // inlineSelectedValue puts the selected label inside the input, so the overlay only renders for\n // non-searchable single select. Without it (default), the selection is shown via the overlay —\n // including in searchable mode, faded while the input is focused (the original behavior).\n const showSelectedOverlay = (inlineSelectedValue ? !searchable : !inputValue) && !!selectedItem;\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {showSelectedOverlay && (\n <div\n className={cx(\n styles.selectedItem,\n { [styles.faded]: !inlineSelectedValue && isFocused && searchable },\n getStyle(styles, size)\n )}\n >\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","isFocused","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","helperTextId","inlineSelectedValue","showSelectedOverlay","inputValue","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_a","type","TriggerActions"],"mappings":"~~ggBAUA~~,IAAMA,EAAsB,iBAC1BC,EAgBIC,IAdFC,EAASF,EAATE,UACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAAoBP,EAApBO,qBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAYd,EAAZc,aACAC,EAAmBf,EAAnBe,oBAMIC,GAAuBD,GAAuBX,GApBxCJ,EAAViB,eAoBiFd,EAEnF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDD,EAUF,CAAG,EATHG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBkB,QAAKC,EAChD,aAAcpB,OAAQoB,EAAYlB,EAClC,mBAAoBC,EACpB,gBAAiBN,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI3Cb,EAAAC,cAACa,EAAgB,MAEhBhB,GACCE,EACEC,cAAA,MAAA,CAAAM,UAAWC,EACTC,EAAOxB,aAAY8B,EAChBN,CAAAA,EAAAA,EAAOO,OAASnB,GAAuBb,GAAaE,GACvDyB,EAASF,EAAQtB,KAGnBa,EAACC,cAAAgB,GACCC,UAAU,MACVC,aAAc/B,EACdD,KAAMA,EACNI,UAAQ,EACR6B,KACKf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAArB,GACH,CAAAK,SAAAA,EACA+B,aAAkD,oBAApCC,EAAArC,EAAaoC,mCAAcE,WAAoBV,EAAY5B,EAAaoC,mBAMhGrB,EAAAC,cAACuB,EAAc,MAGrB"}
1	+ {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"@vibe/base-list\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n isFocused,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n helperTextId,\n inlineSelectedValue\n } = useDropdownContext<BaseItemData>();\n\n // inlineSelectedValue puts the selected label inside the input, so the overlay only renders for\n // non-searchable single select. Without it (default), the selection is shown via the overlay —\n // including in searchable mode, faded while the input is focused (the original behavior).\n const showSelectedOverlay = (inlineSelectedValue ? !searchable : !inputValue) && !!selectedItem;\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {showSelectedOverlay && (\n <div\n className={cx(\n styles.selectedItem,\n { [styles.faded]: !inlineSelectedValue && isFocused && searchable },\n getStyle(styles, size)\n )}\n >\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","isFocused","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","helperTextId","inlineSelectedValue","showSelectedOverlay","inputValue","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_a","type","TriggerActions"],"mappings":"giBAUA,IAAMA,EAAsB,iBAC1BC,EAgBIC,IAdFC,EAASF,EAATE,UACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAAoBP,EAApBO,qBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAYd,EAAZc,aACAC,EAAmBf,EAAnBe,oBAMIC,GAAuBD,GAAuBX,GApBxCJ,EAAViB,eAoBiFd,EAEnF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDD,EAUF,CAAG,EATHG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBkB,QAAKC,EAChD,aAAcpB,OAAQoB,EAAYlB,EAClC,mBAAoBC,EACpB,gBAAiBN,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI3Cb,EAAAC,cAACa,EAAgB,MAEhBhB,GACCE,EACEC,cAAA,MAAA,CAAAM,UAAWC,EACTC,EAAOxB,aAAY8B,EAChBN,CAAAA,EAAAA,EAAOO,OAASnB,GAAuBb,GAAaE,GACvDyB,EAASF,EAAQtB,KAGnBa,EAACC,cAAAgB,GACCC,UAAU,MACVC,aAAc/B,EACdD,KAAMA,EACNI,UAAQ,EACR6B,KACKf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAArB,GACH,CAAAK,SAAAA,EACA+B,aAAkD,oBAApCC,EAAArC,EAAaoC,mCAAcE,WAAoBV,EAAY5B,EAAaoC,mBAMhGrB,EAAAC,cAACuB,EAAc,MAGrB"}

package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_e2b1bbb9e1",small:"small_2c816c173e",placeholderText:"placeholderText_f8a0a18fa6",medium:"medium_ec68ee2133",large:"large_60624a457c",inputWrapper:"inputWrapper_1ae2c1a618",multiSelected:"multiSelected_bb3f085de9",fullWidth:"fullWidth_35e829d475",hasSelected:"hasSelected_974b2c046b",selectedItem:"selectedItem_06d4b5a028",faded:"faded_7711eddd4f",disabled:"disabled_cdc8aa2cb9",multiWrapper:"multiWrapper_93898bd12e",actionsWrapper:"actionsWrapper_f23c90bba4",visuallyHidden:"visuallyHidden_e9d8c44685"};!function(e){const n="s_id-e51df68c2f8a_4_5_20";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_e2b1bbb9e1 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_e2b1bbb9e1.small_2c816c173e {\n  min-height: 32px;\n}\n.triggerWrapper_e2b1bbb9e1.small_2c816c173e .placeholderText_f8a0a18fa6 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_e2b1bbb9e1.medium_ec68ee2133 {\n  min-height: 40px;\n}\n.triggerWrapper_e2b1bbb9e1.large_60624a457c {\n  min-height: 48px;\n}\n.triggerWrapper_e2b1bbb9e1 .inputWrapper_1ae2c1a618 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_e2b1bbb9e1 .inputWrapper_1ae2c1a618.small_2c816c173e {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_e2b1bbb9e1 .inputWrapper_1ae2c1a618.multiSelected_bb3f085de9 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_e2b1bbb9e1 .inputWrapper_1ae2c1a618.multiSelected_bb3f085de9.fullWidth_35e829d475 {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_e2b1bbb9e1 .inputWrapper_1ae2c1a618.hasSelected_974b2c046b {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_e2b1bbb9e1 .selectedItem_06d4b5a028 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_e2b1bbb9e1 .selectedItem_06d4b5a028.small_2c816c173e {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_e2b1bbb9e1 .selectedItem_06d4b5a028.medium_ec68ee2133 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_e2b1bbb9e1 .selectedItem_06d4b5a028.large_60624a457c {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_e2b1bbb9e1 .selectedItem_06d4b5a028.faded_7711eddd4f {\n  opacity: 0.6;\n}\n.triggerWrapper_e2b1bbb9e1 .placeholderText_f8a0a18fa6 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_e2b1bbb9e1 .placeholderText_f8a0a18fa6.disabled_cdc8aa2cb9 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_93898bd12e {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_f23c90bba4 {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_e9d8c44685 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_a7cb679d50",small:"small_3e821dd4d5",placeholderText:"placeholderText_0d2bd91326",medium:"medium_eadd22a4fa",large:"large_b0d8b52f71",inputWrapper:"inputWrapper_eaf142aba1",multiSelected:"multiSelected_32661a6dc6",fullWidth:"fullWidth_21295bc66c",hasSelected:"hasSelected_b2434cc383",selectedItem:"selectedItem_a89c860e4d",faded:"faded_7c5acb88bc",disabled:"disabled_9a724a9f65",multiWrapper:"multiWrapper_5b19d1394f",actionsWrapper:"actionsWrapper_81f5a38eb8",visuallyHidden:"visuallyHidden_4ef2a18df8"};!function(e){const n="s_id-e51df68c2f8a_4_5_22";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_a7cb679d50 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_a7cb679d50.small_3e821dd4d5 {\n  min-height: 32px;\n}\n.triggerWrapper_a7cb679d50.small_3e821dd4d5 .placeholderText_0d2bd91326 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_a7cb679d50.medium_eadd22a4fa {\n  min-height: 40px;\n}\n.triggerWrapper_a7cb679d50.large_b0d8b52f71 {\n  min-height: 48px;\n}\n.triggerWrapper_a7cb679d50 .inputWrapper_eaf142aba1 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_a7cb679d50 .inputWrapper_eaf142aba1.small_3e821dd4d5 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_a7cb679d50 .inputWrapper_eaf142aba1.multiSelected_32661a6dc6 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_a7cb679d50 .inputWrapper_eaf142aba1.multiSelected_32661a6dc6.fullWidth_21295bc66c {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_a7cb679d50 .inputWrapper_eaf142aba1.hasSelected_b2434cc383 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_a7cb679d50 .selectedItem_a89c860e4d {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_a7cb679d50 .selectedItem_a89c860e4d.small_3e821dd4d5 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_a7cb679d50 .selectedItem_a89c860e4d.medium_eadd22a4fa {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_a7cb679d50 .selectedItem_a89c860e4d.large_b0d8b52f71 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_a7cb679d50 .selectedItem_a89c860e4d.faded_7c5acb88bc {\n  opacity: 0.6;\n}\n.triggerWrapper_a7cb679d50 .placeholderText_0d2bd91326 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_a7cb679d50 .placeholderText_0d2bd91326.disabled_9a724a9f65 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_5b19d1394f {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_81f5a38eb8 {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_4ef2a18df8 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

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

	@@ -1 +1 @@
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 label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n inputAriaLabel\n } = useDropdownContext<BaseItemData>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] \|\| \"small\";\n\n const chevronLabelledBy = label ? getLabelProps().id : undefined;\n const chevronAriaLabel = label ? undefined : ariaLabel \|\| inputAriaLabel;\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 aria-label={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n aria-controls={getMenuProps().id}\n aria-expanded={isOpen}\n aria-labelledby={chevronLabelledBy}\n aria-label={chevronAriaLabel}\n // The accessible name is for assistive tech only — don't surface it as a hover tooltip.\n hideTooltip\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","readOnly","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","loading","clearAriaLabel","boxMode","label","ariaLabel","inputAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","chevronLabelledBy","getLabelProps","id","undefined","chevronAriaLabel","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","Loader","color","IconButton","icon","CloseSmall","onClick","hideTooltip","DropdownChevronUp","DropdownChevronDown","tabIndex"],"mappings":"qiBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SAEYC,EAAAR,EACZS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUV,EAAVU,WACAC,EAAYX,EAAZW,aACAC,EAAOZ,EAAPY,QACAC,EAAcb,EAAda,eACAC,EAAOd,EAAPc,QACAC,EAAKf,EAALe,MAEcC,EAAShB,EAAvB,cACAiB,EAAcjB,EAAdiB,eAGIC,EAdClB,EAALmB,OAc2BV,aAAa,EAAbA,EAAeW,QAAS,IAbvCpB,EAAZqB,aAcIC,EAAiB3B,EAnBjBK,EAAJuB,OAmBsC,QAElCC,EAAoBT,GAAQU,EARnBzB,EAAbyB,iBAQgDC,QAAKC,EACjDC,EAAmBb,OAAQY,EAAYX,GAAaC,EAW1D,OAAIV,EACK,KAIPsB,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBACrBzB,GACCiB,EAACC,cAAAQ,GAAOf,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIiB,MAAM,cAE1FrB,GAAgBZ,IAAcD,GAC7BwB,EAAAC,cAACU,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACX,GACnBA,EAAEC,kBACE7B,EACFA,IAEAD,KAuBMoB,KAAMD,EAAc,aACRT,EACZ+B,aAAW,KAGb9B,GACAe,EAAAC,cAACU,EACC,CAAAC,KAAMvC,EAAS2C,EAAoBC,EACnCvB,KAAMD,EACNjB,SAAUA,EACK,gBAAAM,IAAee,GACf,gBAAAxB,EACE,kBAAAsB,eACLI,EAEZgB,aAAW,EACXG,UAAW,EACXJ,QAAS,WACPjC,GACF,KAMZ"}
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 \"@vibe/base-list\";\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 label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n inputAriaLabel\n } = useDropdownContext<BaseItemData>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] \|\| \"small\";\n\n const chevronLabelledBy = label ? getLabelProps().id : undefined;\n const chevronAriaLabel = label ? undefined : ariaLabel \|\| inputAriaLabel;\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 aria-label={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n aria-controls={getMenuProps().id}\n aria-expanded={isOpen}\n aria-labelledby={chevronLabelledBy}\n aria-label={chevronAriaLabel}\n // The accessible name is for assistive tech only — don't surface it as a hover tooltip.\n hideTooltip\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","readOnly","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","loading","clearAriaLabel","boxMode","label","ariaLabel","inputAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","chevronLabelledBy","getLabelProps","id","undefined","chevronAriaLabel","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","Loader","color","IconButton","icon","CloseSmall","onClick","hideTooltip","DropdownChevronUp","DropdownChevronDown","tabIndex"],"mappings":"qiBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SAEYC,EAAAR,EACZS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUV,EAAVU,WACAC,EAAYX,EAAZW,aACAC,EAAOZ,EAAPY,QACAC,EAAcb,EAAda,eACAC,EAAOd,EAAPc,QACAC,EAAKf,EAALe,MAEcC,EAAShB,EAAvB,cACAiB,EAAcjB,EAAdiB,eAGIC,EAdClB,EAALmB,OAc2BV,aAAa,EAAbA,EAAeW,QAAS,IAbvCpB,EAAZqB,aAcIC,EAAiB3B,EAnBjBK,EAAJuB,OAmBsC,QAElCC,EAAoBT,GAAQU,EARnBzB,EAAbyB,iBAQgDC,QAAKC,EACjDC,EAAmBb,OAAQY,EAAYX,GAAaC,EAW1D,OAAIV,EACK,KAIPsB,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBACrBzB,GACCiB,EAACC,cAAAQ,GAAOf,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIiB,MAAM,cAE1FrB,GAAgBZ,IAAcD,GAC7BwB,EAAAC,cAACU,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACX,GACnBA,EAAEC,kBACE7B,EACFA,IAEAD,KAuBMoB,KAAMD,EAAc,aACRT,EACZ+B,aAAW,KAGb9B,GACAe,EAAAC,cAACU,EACC,CAAAC,KAAMvC,EAAS2C,EAAoBC,EACnCvB,KAAMD,EACNjB,SAAUA,EACK,gBAAAM,IAAee,GACf,gBAAAxB,EACE,kBAAAsB,eACLI,EAEZgB,aAAW,EACXG,UAAW,EACXJ,QAAS,WACPjC,GACF,KAMZ"}

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

	@@ -1 +1 @@
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"}
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 \"@vibe/base-list\";\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.map CHANGED Viewed

	@@ -1 +1 @@
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 inlineSelectedValue?: boolean\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 selectItem\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 // With inlineSelectedValue, seed the input with the selected item's label so a defaultValue/value is\n // visible (and exposed to assistive technologies) on mount. Otherwise the selection shows in an overlay.\n initialInputValue: inputValueProp \|\| (inlineSelectedValue ? selectedItem?.label : undefined) \|\| \"\",\n selectedItem: selectedItem,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onIsOpenChange: ({ isOpen }) => {\n // inlineSelectedValue keeps the selected label in the input, so reset the filter on close to\n // ensure reopening shows the full option list.\n if (inlineSelectedValue && !isOpen) {\n filterOptions(\"\");\n }\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n\n onInputValueChange: useCallback(\n ({ inputValue, type }) => {\n // With inlineSelectedValue, downshift also writes the selected item's label into the input on\n // selection/blur — filter only on actual typing so those writes don't filter the list. Without\n // it the input is cleared on selection, so every change can filter (original behavior).\n if (!inlineSelectedValue \|\| type === useCombobox.stateChangeTypes.InputChange) {\n filterOptions(inputValue \|\| \"\");\n }\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions, inlineSelectedValue]\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 // Keep focus on the input after selecting via click or Enter so focus is never lost\n // (the menu still closes through the stateReducer's isOpen change).\n if (\n closeMenuOnSelect &&\n (type === useCombobox.stateChangeTypes.ItemClick \|\| type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n ) {\n inputRef.current?.focus();\n }\n },\n [closeMenuOnSelect]\n ),\n stateReducer: (state, actionAndChanges) => {\n const { type, changes } = actionAndChanges;\n switch (type) {\n // FunctionSelectItem (Space selecting the highlighted option, see getInputProps below) is\n // handled the same as Enter/click selection.\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n case useCombobox.stateChangeTypes.FunctionSelectItem:\n // inlineSelectedValue keeps Downshift's default inputValue (the selected label) inside the\n // input; otherwise clear it so the selection is shown via the overlay instead.\n return inlineSelectedValue\n ? { ...changes, isOpen: !closeMenuOnSelect }\n : { ...changes, inputValue: null, isOpen: !closeMenuOnSelect };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n // Overlay mode clears the input on blur / controlled update; inline mode keeps the label.\n return inlineSelectedValue ? changes : { ...changes, inputValue: null };\n default:\n return 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]) =>\n getInputProps({\n ...options,\n ref: inputRef,\n onKeyDown: event => {\n options?.onKeyDown?.(event);\n // Space selects the highlighted option instead of typing a literal space. It only applies\n // when the user has arrowed to an option (highlightedIndex set, i.e. aria-activedescendant\n // is set); while typing/filtering there is no highlight, so Space types normally.\n if (event.key === \" \" && !event.defaultPrevented && isOpen && highlightedIndex >= 0) {\n const item = flatOptions[highlightedIndex];\n if (item && !item.disabled) {\n event.preventDefault();\n selectItem(item);\n }\n }\n }\n }),\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","inlineSelectedValue","_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","type","stateChangeTypes","InputChange","onSelectedItemChange","_ref3","onStateChange","_ref4","ItemClick","InputKeyDownEnter","current","focus","stateReducer","state","actionAndChanges","changes","FunctionSelectItem","Object","assign","InputBlur","ControlledPropUpdatedSelectedItem","highlightedIndex","getInputProps","reset","selectItem","getToggleButtonProps","getLabelProps","getMenuProps","ref","onKeyDown","event","call","key","defaultPrevented","preventDefault","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}
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 \"@vibe/base-list\";\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 inlineSelectedValue?: boolean\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 selectItem\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 // With inlineSelectedValue, seed the input with the selected item's label so a defaultValue/value is\n // visible (and exposed to assistive technologies) on mount. Otherwise the selection shows in an overlay.\n initialInputValue: inputValueProp \|\| (inlineSelectedValue ? selectedItem?.label : undefined) \|\| \"\",\n selectedItem: selectedItem,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onIsOpenChange: ({ isOpen }) => {\n // inlineSelectedValue keeps the selected label in the input, so reset the filter on close to\n // ensure reopening shows the full option list.\n if (inlineSelectedValue && !isOpen) {\n filterOptions(\"\");\n }\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n\n onInputValueChange: useCallback(\n ({ inputValue, type }) => {\n // With inlineSelectedValue, downshift also writes the selected item's label into the input on\n // selection/blur — filter only on actual typing so those writes don't filter the list. Without\n // it the input is cleared on selection, so every change can filter (original behavior).\n if (!inlineSelectedValue \|\| type === useCombobox.stateChangeTypes.InputChange) {\n filterOptions(inputValue \|\| \"\");\n }\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions, inlineSelectedValue]\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 // Keep focus on the input after selecting via click or Enter so focus is never lost\n // (the menu still closes through the stateReducer's isOpen change).\n if (\n closeMenuOnSelect &&\n (type === useCombobox.stateChangeTypes.ItemClick \|\| type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n ) {\n inputRef.current?.focus();\n }\n },\n [closeMenuOnSelect]\n ),\n stateReducer: (state, actionAndChanges) => {\n const { type, changes } = actionAndChanges;\n switch (type) {\n // FunctionSelectItem (Space selecting the highlighted option, see getInputProps below) is\n // handled the same as Enter/click selection.\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n case useCombobox.stateChangeTypes.FunctionSelectItem:\n // inlineSelectedValue keeps Downshift's default inputValue (the selected label) inside the\n // input; otherwise clear it so the selection is shown via the overlay instead.\n return inlineSelectedValue\n ? { ...changes, isOpen: !closeMenuOnSelect }\n : { ...changes, inputValue: null, isOpen: !closeMenuOnSelect };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n // Overlay mode clears the input on blur / controlled update; inline mode keeps the label.\n return inlineSelectedValue ? changes : { ...changes, inputValue: null };\n default:\n return 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]) =>\n getInputProps({\n ...options,\n ref: inputRef,\n onKeyDown: event => {\n options?.onKeyDown?.(event);\n // Space selects the highlighted option instead of typing a literal space. It only applies\n // when the user has arrowed to an option (highlightedIndex set, i.e. aria-activedescendant\n // is set); while typing/filtering there is no highlight, so Space types normally.\n if (event.key === \" \" && !event.defaultPrevented && isOpen && highlightedIndex >= 0) {\n const item = flatOptions[highlightedIndex];\n if (item && !item.disabled) {\n event.preventDefault();\n selectItem(item);\n }\n }\n }\n }),\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","inlineSelectedValue","_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","type","stateChangeTypes","InputChange","onSelectedItemChange","_ref3","onStateChange","_ref4","ItemClick","InputKeyDownEnter","current","focus","stateReducer","state","actionAndChanges","changes","FunctionSelectItem","Object","assign","InputBlur","ControlledPropUpdatedSelectedItem","highlightedIndex","getInputProps","reset","selectItem","getToggleButtonProps","getLabelProps","getMenuProps","ref","onKeyDown","event","call","key","defaultPrevented","preventDefault","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}

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

	@@ -1 +1 @@
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"}
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 \"@vibe/base-list\";\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"}