@purpur/library 9.0.10 → 9.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +57 -0
- package/CHANGELOG.md +26 -1
- package/dist/LICENSE.txt +45 -24
- package/dist/{autocomplete-Dy8YL7Mo.js → autocomplete-B421J7CS.js} +2 -2
- package/dist/{autocomplete-Dy8YL7Mo.js.map → autocomplete-B421J7CS.js.map} +1 -1
- package/dist/{autocomplete-Dn503hFM.mjs → autocomplete-B8L-dTmF.mjs} +3 -3
- package/dist/{autocomplete-Dn503hFM.mjs.map → autocomplete-B8L-dTmF.mjs.map} +1 -1
- package/dist/autocomplete.cjs.js +1 -1
- package/dist/autocomplete.es.js +1 -1
- package/dist/{calendar-C-F-pVCe.js → calendar-CoP1dGpQ.js} +2 -2
- package/dist/{calendar-C-F-pVCe.js.map → calendar-CoP1dGpQ.js.map} +1 -1
- package/dist/{calendar-DWpnuylk.mjs → calendar-D_sZrR92.mjs} +151 -140
- package/dist/{calendar-DWpnuylk.mjs.map → calendar-D_sZrR92.mjs.map} +1 -1
- package/dist/calendar.cjs.js +1 -1
- package/dist/calendar.es.js +1 -1
- package/dist/chat-field-CxOqk0-9.js +2 -0
- package/dist/chat-field-CxOqk0-9.js.map +1 -0
- package/dist/chat-field-yK-TwW0D.mjs +149 -0
- package/dist/chat-field-yK-TwW0D.mjs.map +1 -0
- package/dist/chat-field.cjs.js +2 -0
- package/dist/chat-field.cjs.js.map +1 -0
- package/dist/chat-field.es.js +5 -0
- package/dist/chat-field.es.js.map +1 -0
- package/dist/components/autocomplete/src/autocomplete.d.ts.map +1 -1
- package/dist/components/calendar/src/calendar.d.ts.map +1 -1
- package/dist/components/chat-field/src/chat-field.d.ts +71 -0
- package/dist/components/chat-field/src/chat-field.d.ts.map +1 -0
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group-item.d.ts.map +1 -1
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts +6 -1
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts.map +1 -1
- package/dist/components/dropdown/src/dropdown-combobox.d.ts +34 -0
- package/dist/components/dropdown/src/dropdown-combobox.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown-select.d.ts +34 -0
- package/dist/components/dropdown/src/dropdown-select.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown-shared.d.ts +51 -0
- package/dist/components/dropdown/src/dropdown-shared.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown.d.ts +6 -0
- package/dist/components/dropdown/src/dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown.types.d.ts +94 -0
- package/dist/components/dropdown/src/dropdown.types.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdown.d.ts +38 -0
- package/dist/components/dropdown/src/useDropdown.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdownFilter.d.ts +9 -0
- package/dist/components/dropdown/src/useDropdownFilter.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdownHighlight.d.ts +19 -0
- package/dist/components/dropdown/src/useDropdownHighlight.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdownInput.d.ts +12 -0
- package/dist/components/dropdown/src/useDropdownInput.d.ts.map +1 -0
- package/dist/components/dropdown/src/useOnClickOutside.d.ts +2 -0
- package/dist/components/dropdown/src/useOnClickOutside.d.ts.map +1 -0
- package/dist/components/listbox/src/listbox-item.d.ts +2 -0
- package/dist/components/listbox/src/listbox-item.d.ts.map +1 -1
- package/dist/components/quantity-selector/src/quantity-selector-button.d.ts +2 -1
- package/dist/components/quantity-selector/src/quantity-selector-button.d.ts.map +1 -1
- package/dist/components/quantity-selector/src/quantity-selector.d.ts.map +1 -1
- package/dist/components/search-field/src/search-field-autocomplete.d.ts +73 -0
- package/dist/components/search-field/src/search-field-autocomplete.d.ts.map +1 -0
- package/dist/components/search-field/src/search-field-base.d.ts +97 -0
- package/dist/components/search-field/src/search-field-base.d.ts.map +1 -0
- package/dist/components/search-field/src/search-field.d.ts +123 -41
- package/dist/components/search-field/src/search-field.d.ts.map +1 -1
- package/dist/components/table/src/cell-types/button-group-cell.d.ts +6 -2
- package/dist/components/table/src/cell-types/button-group-cell.d.ts.map +1 -1
- package/dist/components/text-field/src/text-field-ai.d.ts +669 -0
- package/dist/components/text-field/src/text-field-ai.d.ts.map +1 -0
- package/dist/components/text-field/src/text-field-base.d.ts +671 -0
- package/dist/components/text-field/src/text-field-base.d.ts.map +1 -0
- package/dist/components/text-field/src/text-field.d.ts +42 -4
- package/dist/components/text-field/src/text-field.d.ts.map +1 -1
- package/dist/components/tooltip/src/tooltip.d.ts.map +1 -1
- package/dist/components-metadata.js +29 -1
- package/dist/{date-field-DACXrowI.mjs → date-field-4tYMPw89.mjs} +2 -2
- package/dist/{date-field-DACXrowI.mjs.map → date-field-4tYMPw89.mjs.map} +1 -1
- package/dist/{date-field-Z3LKO4b7.js → date-field-B7ipm5sH.js} +2 -2
- package/dist/{date-field-Z3LKO4b7.js.map → date-field-B7ipm5sH.js.map} +1 -1
- package/dist/date-field.cjs.js +1 -1
- package/dist/date-field.es.js +1 -1
- package/dist/{date-picker-5Gr_cEqA.js → date-picker-BWW4xzyc.js} +2 -2
- package/dist/{date-picker-5Gr_cEqA.js.map → date-picker-BWW4xzyc.js.map} +1 -1
- package/dist/{date-picker-CdVUA8NC.mjs → date-picker-D7EisjDG.mjs} +3 -3
- package/dist/{date-picker-CdVUA8NC.mjs.map → date-picker-D7EisjDG.mjs.map} +1 -1
- package/dist/date-picker.cjs.js +1 -1
- package/dist/date-picker.es.js +1 -1
- package/dist/dismissable-chip-group-Cd23yjBa.js +2 -0
- package/dist/dismissable-chip-group-Cd23yjBa.js.map +1 -0
- package/dist/dismissable-chip-group-D-gD93ON.mjs +89 -0
- package/dist/dismissable-chip-group-D-gD93ON.mjs.map +1 -0
- package/dist/dismissable-chip-group.cjs.js +1 -1
- package/dist/dismissable-chip-group.es.js +5 -2
- package/dist/dropdown-BC6evqyq.js +2 -0
- package/dist/dropdown-BC6evqyq.js.map +1 -0
- package/dist/dropdown-C-Ze4gvG.mjs +771 -0
- package/dist/dropdown-C-Ze4gvG.mjs.map +1 -0
- package/dist/dropdown.cjs.js +2 -0
- package/dist/dropdown.cjs.js.map +1 -0
- package/dist/dropdown.es.js +6 -0
- package/dist/dropdown.es.js.map +1 -0
- package/dist/libraries/library/src/chat-field.d.ts +6 -0
- package/dist/libraries/library/src/chat-field.d.ts.map +1 -0
- package/dist/libraries/library/src/dropdown.d.ts +6 -0
- package/dist/libraries/library/src/dropdown.d.ts.map +1 -0
- package/dist/libraries/library/src/library.d.ts +2 -0
- package/dist/libraries/library/src/library.d.ts.map +1 -1
- package/dist/library.cjs.js +1 -1
- package/dist/library.es.js +602 -592
- package/dist/library.es.js.map +1 -1
- package/dist/listbox-COBHLRtB.js +2 -0
- package/dist/listbox-COBHLRtB.js.map +1 -0
- package/dist/listbox-DG4KmQP_.mjs +66 -0
- package/dist/listbox-DG4KmQP_.mjs.map +1 -0
- package/dist/listbox.cjs.js +1 -1
- package/dist/listbox.es.js +1 -1
- package/dist/purpur.css +1 -1
- package/dist/quantity-selector-BV7QwVlT.js +2 -0
- package/dist/quantity-selector-BV7QwVlT.js.map +1 -0
- package/dist/{quantity-selector-w10wKMmT.mjs → quantity-selector-CGhJ2DjO.mjs} +60 -58
- package/dist/quantity-selector-CGhJ2DjO.mjs.map +1 -0
- package/dist/quantity-selector.cjs.js +1 -1
- package/dist/quantity-selector.es.js +1 -1
- package/dist/search-field-Caj2dKLn.mjs +151 -0
- package/dist/search-field-Caj2dKLn.mjs.map +1 -0
- package/dist/search-field-DAktzYb0.js +2 -0
- package/dist/search-field-DAktzYb0.js.map +1 -0
- package/dist/search-field.cjs.js +1 -1
- package/dist/search-field.es.js +3 -2
- package/dist/stepper-ClLQuoXr.js +2 -0
- package/dist/stepper-ClLQuoXr.js.map +1 -0
- package/dist/{stepper-B351hexi.mjs → stepper-k0bX9m4t.mjs} +4 -4
- package/dist/stepper-k0bX9m4t.mjs.map +1 -0
- package/dist/stepper.cjs.js +1 -1
- package/dist/stepper.es.js +1 -1
- package/dist/{table-YR-bpfU0.mjs → table-D_XW4smf.mjs} +3 -3
- package/dist/{table-YR-bpfU0.mjs.map → table-D_XW4smf.mjs.map} +1 -1
- package/dist/{table-CJijBJsy.js → table-Ddv6BKo9.js} +2 -2
- package/dist/{table-CJijBJsy.js.map → table-Ddv6BKo9.js.map} +1 -1
- package/dist/table.cjs.js +1 -1
- package/dist/table.es.js +1 -1
- package/dist/text-field-BQYzwIrG.mjs +322 -0
- package/dist/text-field-BQYzwIrG.mjs.map +1 -0
- package/dist/text-field-BwxGMWds.js +2 -0
- package/dist/text-field-BwxGMWds.js.map +1 -0
- package/dist/text-field.cjs.js +1 -1
- package/dist/text-field.es.js +4 -3
- package/dist/{tooltip-B_qTqtcF.js → tooltip-BatXMflw.js} +2 -2
- package/dist/{tooltip-B_qTqtcF.js.map → tooltip-BatXMflw.js.map} +1 -1
- package/dist/{tooltip-BHsVKFJ3.mjs → tooltip-CZzwHkea.mjs} +132 -132
- package/dist/{tooltip-BHsVKFJ3.mjs.map → tooltip-CZzwHkea.mjs.map} +1 -1
- package/dist/tooltip.cjs.js +1 -1
- package/dist/tooltip.es.js +1 -1
- package/dist/use-autocomplete.es-BHDgQLae.js +2 -0
- package/dist/use-autocomplete.es-BHDgQLae.js.map +1 -0
- package/dist/use-autocomplete.es-CVv3z8t6.mjs +142 -0
- package/dist/use-autocomplete.es-CVv3z8t6.mjs.map +1 -0
- package/package.json +18 -16
- package/src/aliases.ts +8 -0
- package/src/chat-field.ts +6 -0
- package/src/dropdown.ts +6 -0
- package/src/entries.js +2 -0
- package/src/library.ts +4 -0
- package/dist/dismissable-chip-group-CnziecOt.js +0 -2
- package/dist/dismissable-chip-group-CnziecOt.js.map +0 -1
- package/dist/dismissable-chip-group-ZCYOt1sB.mjs +0 -79
- package/dist/dismissable-chip-group-ZCYOt1sB.mjs.map +0 -1
- package/dist/listbox-BmjBtIv8.js +0 -2
- package/dist/listbox-BmjBtIv8.js.map +0 -1
- package/dist/listbox-oDeP8FvH.mjs +0 -65
- package/dist/listbox-oDeP8FvH.mjs.map +0 -1
- package/dist/quantity-selector-D28He6R8.js +0 -2
- package/dist/quantity-selector-D28He6R8.js.map +0 -1
- package/dist/quantity-selector-w10wKMmT.mjs.map +0 -1
- package/dist/search-field-CNpJp3Tg.js +0 -2
- package/dist/search-field-CNpJp3Tg.js.map +0 -1
- package/dist/search-field-CWqLnqdo.mjs +0 -91
- package/dist/search-field-CWqLnqdo.mjs.map +0 -1
- package/dist/stepper-B351hexi.mjs.map +0 -1
- package/dist/stepper-Cb4_9D2h.js +0 -2
- package/dist/stepper-Cb4_9D2h.js.map +0 -1
- package/dist/text-field-BMDf8j-K.mjs +0 -185
- package/dist/text-field-BMDf8j-K.mjs.map +0 -1
- package/dist/text-field-CiLEj0Fq.js +0 -2
- package/dist/text-field-CiLEj0Fq.js.map +0 -1
package/dist/date-picker.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-BWW4xzyc.js");exports.DatePicker=e.DatePicker;
|
|
2
2
|
//# sourceMappingURL=date-picker.cjs.js.map
|
package/dist/date-picker.es.js
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),o=require("react"),$=require("./heading-drD5ugCC.js"),g=require("./bind-DeUYJ6m9.js"),v=require("./close.es-VL3lKi1O.js"),q={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_po1qg_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_po1qg_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_po1qg_13","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_po1qg_16","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_po1qg_16","purpur-dismissable-chip-group__container--sm":"_purpur-dismissable-chip-group__container--sm_po1qg_22","purpur-dismissable-chip-group__container--md":"_purpur-dismissable-chip-group__container--md_po1qg_25","purpur-dismissable-chip-group-item--sm":"_purpur-dismissable-chip-group-item--sm_po1qg_41","purpur-dismissable-chip-group-item--md":"_purpur-dismissable-chip-group-item--md_po1qg_50","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_po1qg_59"},h=g.c.bind(q),u="purpur-dismissable-chip-group-item",x=({children:t,id:e,onDismiss:c,disabled:s,...r})=>{const p=o.useContext(_),l=n=>{s?n.preventDefault():c?.(e)};return i.jsx("li",{className:h(`${u}-wrapper`),children:o.createElement("button",{...r,className:h(`${u}`,{[`${u}--disabled`]:s,[`${u}--${p}`]:p}),key:e,disabled:s,"aria-disabled":s,onClick:l},t,i.jsx(v.r,{size:p==="sm"?"xs":"sm"}))},e)};x.displayName="DismissableChipGroupItem";const b=g.c.bind(q),D=["sm","md"],m="md",_=o.createContext(m),a="purpur-dismissable-chip-group",d=({children:t,className:e,fullWidth:c=!1,size:s=m,title:r,titleTag:p,...l})=>{const n=o.useId(),C=b(a,e);return i.jsxs("div",{...l,"aria-labelledby":r?`${n}-label`:void 0,className:C,role:"group",children:[r&&i.jsx($.Heading,{tag:p??"h2",variant:"subsection-100",children:r}),i.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:b(`${a}__container`,{[`${a}__container--full-width`]:c,[`${a}__container--${s}`]:s}),"aria-live":"polite","aria-relevant":"additions removals",children:i.jsx(_.Provider,{value:s,children:t})})]})};d.Item=x;d.displayName="DismissableChipGroup";exports.DEFAULT_SIZE=m;exports.DismissableChipGroup=d;exports.SizeContext=_;exports.sizes=D;
|
|
2
|
+
//# sourceMappingURL=dismissable-chip-group-Cd23yjBa.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dismissable-chip-group-Cd23yjBa.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport { SizeContext } from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n [\"aria-label\"]: string;\n children: ReactNode;\n onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n children,\n id,\n onDismiss,\n disabled,\n ...props\n}: DismissableChipGroupItemProps) => {\n const size = useContext(SizeContext);\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled) {\n e.preventDefault();\n } else {\n onDismiss?.(id);\n }\n };\n\n return (\n <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n <button\n {...props}\n className={cx(`${rootClassName}`, {\n [`${rootClassName}--disabled`]: disabled,\n [`${rootClassName}--${size}`]: size,\n })}\n key={id}\n disabled={disabled}\n aria-disabled={disabled}\n onClick={handleClick}\n >\n {children}\n <IconClose size={size === \"sm\" ? \"xs\" : \"sm\"} />\n </button>\n </li>\n );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n children: ReactNode;\n fullWidth?: boolean;\n size?: Size;\n title?: string;\n titleTag?: HeadingTagType;\n};\n\nexport const SizeContext = createContext<Size>(DEFAULT_SIZE);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n children,\n className,\n fullWidth = false,\n size = DEFAULT_SIZE,\n title,\n titleTag,\n ...props\n}: DismissableChipGroupProps) => {\n const id = useId();\n const classes = cx(rootClassName, className);\n\n return (\n <div\n {...props}\n aria-labelledby={title ? `${id}-label` : undefined}\n className={classes}\n role=\"group\"\n >\n {title && (\n <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n {title}\n </Heading>\n )}\n <ul\n data-testid=\"dismissable-chip-group-container\"\n className={cx(`${rootClassName}__container`, {\n [`${rootClassName}__container--full-width`]: fullWidth,\n [`${rootClassName}__container--${size}`]: size,\n })}\n aria-live=\"polite\"\n aria-relevant=\"additions removals\"\n >\n <SizeContext.Provider value={size}>{children}</SizeContext.Provider>\n </ul>\n </div>\n );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","SizeContext","handleClick","e","createElement","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading","jsx"],"mappings":"wnCAQMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAOC,EAAAA,WAAWC,CAAW,EAE7BC,EAAeC,GAAqC,CACpDN,EACFM,EAAE,eAAA,EAEFP,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAY,EAAAA,cAAC,SAAA,CACE,GAAGN,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,EAChC,CAAC,GAAGL,CAAa,KAAKO,CAAI,EAAE,EAAGA,CAAA,CAChC,EACD,IAAKJ,EACL,SAAAE,EACA,gBAAeA,EACf,QAASK,CAAA,EAERR,QACAW,EAAAA,EAAA,CAAU,KAAMN,IAAS,KAAO,KAAO,IAAA,CAAM,CAAA,GAbzCJ,CAeT,CAEJ,EAEAF,EAAyB,YAAc,2BC/CvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAEXe,EAAQ,CAAC,KAAM,IAAI,EACnBC,EAAe,KAYfN,EAAcO,EAAAA,cAAoBD,CAAY,EAErDf,EAAgB,gCAETiB,EAAuB,CAAC,CACnC,SAAAf,EACA,UAAAgB,EACA,UAAAC,EAAY,GACZ,KAAAZ,EAAOQ,EACP,MAAAK,EACA,SAAAC,EACA,GAAGf,CACL,IAAiC,CAC/B,MAAMH,EAAKmB,EAAAA,MAAA,EACLC,EAAU1B,EAAGG,EAAekB,CAAS,EAE3C,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGlB,EACJ,kBAAiBc,EAAQ,GAAGjB,CAAE,SAAW,OACzC,UAAWoB,EACX,KAAK,QAEJ,SAAA,CAAAH,SACEK,UAAA,CAAQ,IAAKJ,GAAY,KAAM,QAAQ,iBACrC,SAAAD,CAAA,CACH,EAEFM,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAW7B,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGmB,EAC7C,CAAC,GAAGnB,CAAa,gBAAgBO,CAAI,EAAE,EAAGA,CAAA,CAC3C,EACD,YAAU,SACV,gBAAc,qBAEd,eAACE,EAAY,SAAZ,CAAqB,MAAOF,EAAO,SAAAL,CAAA,CAAS,CAAA,CAAA,CAC/C,CAAA,CAAA,CAGN,EAEAe,EAAqB,KAAOhB,EAE5BgB,EAAqB,YAAc"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsx as e, jsxs as C } from "react/jsx-runtime";
|
|
2
|
+
import { useContext as q, createElement as v, createContext as x, useId as N } from "react";
|
|
3
|
+
import { H as D } from "./heading-xwBuT_-9.mjs";
|
|
4
|
+
import { c as _ } from "./bind-CU-R61T-.mjs";
|
|
5
|
+
import { r as w } from "./close.es-BPmk2wkU.mjs";
|
|
6
|
+
const d = {
|
|
7
|
+
"purpur-dismissable-chip-group": "_purpur-dismissable-chip-group_po1qg_1",
|
|
8
|
+
"purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-group__container_po1qg_7",
|
|
9
|
+
"purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-width_po1qg_13",
|
|
10
|
+
"purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-wrapper_po1qg_16",
|
|
11
|
+
"purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-item_po1qg_16",
|
|
12
|
+
"purpur-dismissable-chip-group__container--sm": "_purpur-dismissable-chip-group__container--sm_po1qg_22",
|
|
13
|
+
"purpur-dismissable-chip-group__container--md": "_purpur-dismissable-chip-group__container--md_po1qg_25",
|
|
14
|
+
"purpur-dismissable-chip-group-item--sm": "_purpur-dismissable-chip-group-item--sm_po1qg_41",
|
|
15
|
+
"purpur-dismissable-chip-group-item--md": "_purpur-dismissable-chip-group-item--md_po1qg_50",
|
|
16
|
+
"purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--disabled_po1qg_59"
|
|
17
|
+
}, l = _.bind(d), a = "purpur-dismissable-chip-group-item", g = ({
|
|
18
|
+
children: u,
|
|
19
|
+
id: i,
|
|
20
|
+
onDismiss: m,
|
|
21
|
+
disabled: s,
|
|
22
|
+
...p
|
|
23
|
+
}) => {
|
|
24
|
+
const r = q(b), t = (c) => {
|
|
25
|
+
s ? c.preventDefault() : m?.(i);
|
|
26
|
+
};
|
|
27
|
+
return /* @__PURE__ */ e("li", { className: l(`${a}-wrapper`), children: /* @__PURE__ */ v(
|
|
28
|
+
"button",
|
|
29
|
+
{
|
|
30
|
+
...p,
|
|
31
|
+
className: l(`${a}`, {
|
|
32
|
+
[`${a}--disabled`]: s,
|
|
33
|
+
[`${a}--${r}`]: r
|
|
34
|
+
}),
|
|
35
|
+
key: i,
|
|
36
|
+
disabled: s,
|
|
37
|
+
"aria-disabled": s,
|
|
38
|
+
onClick: t
|
|
39
|
+
},
|
|
40
|
+
u,
|
|
41
|
+
/* @__PURE__ */ e(w, { size: r === "sm" ? "xs" : "sm" })
|
|
42
|
+
) }, i);
|
|
43
|
+
};
|
|
44
|
+
g.displayName = "DismissableChipGroupItem";
|
|
45
|
+
const n = _.bind(d), S = ["sm", "md"], h = "md", b = x(h), o = "purpur-dismissable-chip-group", $ = ({
|
|
46
|
+
children: u,
|
|
47
|
+
className: i,
|
|
48
|
+
fullWidth: m = !1,
|
|
49
|
+
size: s = h,
|
|
50
|
+
title: p,
|
|
51
|
+
titleTag: r,
|
|
52
|
+
...t
|
|
53
|
+
}) => {
|
|
54
|
+
const c = N(), f = n(o, i);
|
|
55
|
+
return /* @__PURE__ */ C(
|
|
56
|
+
"div",
|
|
57
|
+
{
|
|
58
|
+
...t,
|
|
59
|
+
"aria-labelledby": p ? `${c}-label` : void 0,
|
|
60
|
+
className: f,
|
|
61
|
+
role: "group",
|
|
62
|
+
children: [
|
|
63
|
+
p && /* @__PURE__ */ e(D, { tag: r ?? "h2", variant: "subsection-100", children: p }),
|
|
64
|
+
/* @__PURE__ */ e(
|
|
65
|
+
"ul",
|
|
66
|
+
{
|
|
67
|
+
"data-testid": "dismissable-chip-group-container",
|
|
68
|
+
className: n(`${o}__container`, {
|
|
69
|
+
[`${o}__container--full-width`]: m,
|
|
70
|
+
[`${o}__container--${s}`]: s
|
|
71
|
+
}),
|
|
72
|
+
"aria-live": "polite",
|
|
73
|
+
"aria-relevant": "additions removals",
|
|
74
|
+
children: /* @__PURE__ */ e(b.Provider, { value: s, children: u })
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
};
|
|
81
|
+
$.Item = g;
|
|
82
|
+
$.displayName = "DismissableChipGroup";
|
|
83
|
+
export {
|
|
84
|
+
h as D,
|
|
85
|
+
b as S,
|
|
86
|
+
$ as a,
|
|
87
|
+
S as s
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=dismissable-chip-group-D-gD93ON.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dismissable-chip-group-D-gD93ON.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode, useContext } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport { SizeContext } from \"./dismissable-chip-group\";\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n [\"aria-label\"]: string;\n children: ReactNode;\n onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n children,\n id,\n onDismiss,\n disabled,\n ...props\n}: DismissableChipGroupItemProps) => {\n const size = useContext(SizeContext);\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled) {\n e.preventDefault();\n } else {\n onDismiss?.(id);\n }\n };\n\n return (\n <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n <button\n {...props}\n className={cx(`${rootClassName}`, {\n [`${rootClassName}--disabled`]: disabled,\n [`${rootClassName}--${size}`]: size,\n })}\n key={id}\n disabled={disabled}\n aria-disabled={disabled}\n onClick={handleClick}\n >\n {children}\n <IconClose size={size === \"sm\" ? \"xs\" : \"sm\"} />\n </button>\n </li>\n );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { createContext, type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport const sizes = [\"sm\", \"md\"] as const;\nexport const DEFAULT_SIZE = \"md\" as const;\n\nexport type Size = (typeof sizes)[number];\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n children: ReactNode;\n fullWidth?: boolean;\n size?: Size;\n title?: string;\n titleTag?: HeadingTagType;\n};\n\nexport const SizeContext = createContext<Size>(DEFAULT_SIZE);\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n children,\n className,\n fullWidth = false,\n size = DEFAULT_SIZE,\n title,\n titleTag,\n ...props\n}: DismissableChipGroupProps) => {\n const id = useId();\n const classes = cx(rootClassName, className);\n\n return (\n <div\n {...props}\n aria-labelledby={title ? `${id}-label` : undefined}\n className={classes}\n role=\"group\"\n >\n {title && (\n <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n {title}\n </Heading>\n )}\n <ul\n data-testid=\"dismissable-chip-group-container\"\n className={cx(`${rootClassName}__container`, {\n [`${rootClassName}__container--full-width`]: fullWidth,\n [`${rootClassName}__container--${size}`]: size,\n })}\n aria-live=\"polite\"\n aria-relevant=\"additions removals\"\n >\n <SizeContext.Provider value={size}>{children}</SizeContext.Provider>\n </ul>\n </div>\n );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","size","useContext","SizeContext","handleClick","e","createElement","IconClose","sizes","DEFAULT_SIZE","createContext","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading","jsx"],"mappings":";;;;;;;;;;;;;;;;GAQMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAOC,EAAWC,CAAW,GAE7BC,IAAc,CAACC,MAAqC;AACxD,IAAIN,IACFM,EAAE,eAAA,IAEFP,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,QAChC,CAAC,GAAGL,CAAa,KAAKO,CAAI,EAAE,GAAGA;AAAA,MAAA,CAChC;AAAA,MACD,KAAKJ;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASK;AAAA,IAAA;AAAA,IAERR;AAAA,sBACAW,GAAA,EAAU,MAAMN,MAAS,OAAO,OAAO,KAAA,CAAM;AAAA,EAAA,KAbzCJ,CAeT;AAEJ;AAEAF,EAAyB,cAAc;AC/CvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GAEXe,IAAQ,CAAC,MAAM,IAAI,GACnBC,IAAe,MAYfN,IAAcO,EAAoBD,CAAY,GAErDf,IAAgB,iCAETiB,IAAuB,CAAC;AAAA,EACnC,UAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAZ,IAAOQ;AAAA,EACP,OAAAK;AAAA,EACA,UAAAC;AAAA,EACA,GAAGf;AACL,MAAiC;AAC/B,QAAMH,IAAKmB,EAAA,GACLC,IAAU1B,EAAGG,GAAekB,CAAS;AAE3C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,mBAAiBc,IAAQ,GAAGjB,CAAE,WAAW;AAAA,MACzC,WAAWoB;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,uBACEK,GAAA,EAAQ,KAAKJ,KAAY,MAAM,SAAQ,kBACrC,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW7B,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGmB;AAAA,cAC7C,CAAC,GAAGnB,CAAa,gBAAgBO,CAAI,EAAE,GAAGA;AAAA,YAAA,CAC3C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEd,4BAACE,EAAY,UAAZ,EAAqB,OAAOF,GAAO,UAAAL,EAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAe,EAAqB,OAAOhB;AAE5BgB,EAAqB,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./dismissable-chip-group-Cd23yjBa.js");exports.DEFAULT_SIZE=e.DEFAULT_SIZE;exports.DismissableChipGroup=e.DismissableChipGroup;exports.SizeContext=e.SizeContext;exports.sizes=e.sizes;
|
|
2
2
|
//# sourceMappingURL=dismissable-chip-group.cjs.js.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import { D as o } from "./dismissable-chip-group-
|
|
1
|
+
import { D as e, a as i, S as o, s as p } from "./dismissable-chip-group-D-gD93ON.mjs";
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
e as DEFAULT_SIZE,
|
|
4
|
+
i as DismissableChipGroup,
|
|
5
|
+
o as SizeContext,
|
|
6
|
+
p as sizes
|
|
4
7
|
};
|
|
5
8
|
//# sourceMappingURL=dismissable-chip-group.es.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),x=require("react"),Z=require("./listbox-COBHLRtB.js"),ye=require("./use-autocomplete.es-BHDgQLae.js"),$e=require("./checkbox-Dk3bZkZ3.js"),pe=require("./dismissable-chip-group-Cd23yjBa.js"),Ie=require("./field-error-text-FhQulSV5.js"),Ce=require("./field-helper-text-DSKO-Tce.js"),Re=require("./check-circle-filled.es-5-GXE9l4.js"),je=require("./chevron-down.es-BMjgiS3F.js"),De=require("./label-yHK80hhV.js"),ke=require("./spinner-tKunS_o-.js"),Oe=require("./bind-DeUYJ6m9.js"),Se={"purpur-dropdown":"_purpur-dropdown_1fi2v_1","purpur-dropdown--negative":"_purpur-dropdown--negative_1fi2v_11","purpur-dropdown__label":"_purpur-dropdown__label_1fi2v_14","purpur-dropdown__field-row":"_purpur-dropdown__field-row_1fi2v_19","purpur-dropdown__frame":"_purpur-dropdown__frame_1fi2v_23","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_1fi2v_30","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_1fi2v_33","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_1fi2v_44","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_1fi2v_49","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_1fi2v_52","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_1fi2v_52","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_1fi2v_59","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_1fi2v_62","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_1fi2v_65","purpur-dropdown__input":"_purpur-dropdown__input_1fi2v_68","purpur-dropdown__trigger":"_purpur-dropdown__trigger_1fi2v_33","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_1fi2v_109","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_1fi2v_112","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_1fi2v_115","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_1fi2v_119","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_1fi2v_123","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_1fi2v_136","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_1fi2v_142","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_1fi2v_152","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_1fi2v_159","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_1fi2v_166","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_1fi2v_169","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_1fi2v_172","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_1fi2v_211","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_1fi2v_228","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_1fi2v_231","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_1fi2v_242","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_1fi2v_247","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_1fi2v_250","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_1fi2v_253","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_1fi2v_256","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_1fi2v_259","purpur-dropdown__listbox":"_purpur-dropdown__listbox_1fi2v_262","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_1fi2v_272","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_1fi2v_275"},h=Oe.c.bind(Se),o="purpur-dropdown",le=({fieldId:r,htmlForSuffix:n,label:s,getTestId:a,disabled:d,negative:i,required:g})=>s?t.jsxs(De.Label,{htmlFor:n?`${r}-${n}`:r,className:h(`${o}__label`),"data-testid":a("label"),disabled:d,negative:i,children:[g&&t.jsx("span",{"aria-hidden":!0,children:"*"}),s]}):null,ue=({getTestId:r,loading:n,disabled:s,negative:a,isValid:d,isOpen:i,readOnly:g,showChevronOpen:I})=>t.jsx("span",{className:h(`${o}__end-adornments`),children:n?t.jsx(ke.Spinner,{disabled:s,size:"xxs",negative:a,"data-testid":r("spinner")}):t.jsxs(t.Fragment,{children:[d&&t.jsx(Re.r,{"data-testid":r("valid-icon"),className:h(`${o}__valid-icon`)}),t.jsx(je.l,{className:h(`${o}__chevron-icon`,{[`${o}__chevron-icon--open`]:I&&i,[`${o}__chevron-icon--disabled`]:s,[`${o}__chevron-icon--readonly`]:g&&!s,[`${o}__chevron-icon--is-valid`]:d,[`${o}__chevron-icon--negative`]:a}),"data-testid":r("dropdown-icon"),size:"sm"})]})}),_e=({selectedItems:r,getTestId:n,disabled:s,onRemove:a,isSelect:d})=>r.length?t.jsx(pe.DismissableChipGroup,{className:h(`${o}__chip-group`,{[`${o}__chip-group--select`]:d}),"data-testid":n("tags"),size:"sm",children:r.map(i=>t.jsx(pe.DismissableChipGroup.Item,{id:i.id,"data-testid":n(`tag-${i.id}`),"aria-label":`Remove ${i.label}`,onDismiss:()=>{a(i)},disabled:s,children:i.label},i.id))}):null,ge=({errorText:r,helperText:n,helperTextId:s,negative:a})=>t.jsxs(t.Fragment,{children:[r&&t.jsx(Ie.FieldErrorText,{negative:a,children:r}),n&&!r&&t.jsx(Ce.FieldHelperText,{id:s,negative:a,children:n})]}),he=({optionsToShow:r,getListboxItemProps:n,multiple:s,fieldId:a,noOptionsText:d})=>d!==void 0&&!r.length?t.jsx(Z.Listbox.Item,{noninteractive:!0,children:d}):r.map((i,g)=>{const{key:I,selected:y,..._}=n(i,g);return s?t.jsx(Z.Listbox.Item,{..._,className:h(`${o}__checkbox-item-multiple`),selected:!!y,hideSelectedIcon:!0,children:t.jsxs("span",{className:h(`${o}__checkbox-container`),children:[t.jsx($e.Checkbox,{id:`${a}-checkbox-${i.id}`,checked:!!y,"aria-hidden":!0}),i.label]})},I):t.jsx(Z.Listbox.Item,{..._,selected:!!y,children:i.label},I)}),Ne=(r,n,s)=>{if(s)return r.filter(d=>s(n,d));if(!n)return r;const a=n.toUpperCase().split(" ");return r.filter(d=>a.every(i=>(d.value||d.label).toUpperCase().includes(i)))},fe=({options:r,searchTerm:n,filterOption:s,selectedOption:a,multiple:d})=>!d&&a&&a.label===n?r:Ne(r,n,s),be=({controlledInputValue:r,defaultInputValue:n,selectedOption:s,onInputChange:a})=>{const[d,i]=x.useState((typeof r=="string"?r:n??s?.label)??"");return{displayInputValue:typeof r=="string"?r:d,populateInputField:y=>{a?.(y),i(y)}}},ve=x.forwardRef((r,n)=>{const{id:s,label:a,options:d,className:i,errorText:g,helperText:I,placeholder:y,negative:_=!1,readOnly:N=!1,disabled:f=!1,required:l=!1,valid:C,loading:b,multiple:p=!1,selectedOption:u,selectedOptions:E=[],onSelect:F,openOnFocus:R=!1,listboxMaxHeight:z,listboxLabel:Y,filterOption:P,inputValue:A,defaultInputValue:c,onInputChange:K,noOptionsText:L,highlightFirstOption:T=!1,["data-testid"]:q}=r,D=x.useId(),w=s??D,k=e=>q?`${q}-${e}`:void 0,H=!!C&&!g,$=`${w}-helper-text`,v=p?E:u?[u]:[],{displayInputValue:O,populateInputField:M}=be({controlledInputValue:A,defaultInputValue:c,selectedOption:u,onInputChange:K}),V=fe({options:d,searchTerm:O,filterOption:P,selectedOption:u,multiple:p}),G=e=>{if(p){const B=v.some(m=>m.id===e.id)?v.filter(m=>m.id!==e.id):[...v,e];F?.(e,B),M("")}else F?.(e,[e]),M(e.label)},{rootRef:W,inputRef:J,inputProps:j,listboxProps:Q,getListboxItemProps:X,isOpen:U,openListbox:ee,anchorStyle:re}=ye.ee({id:w,options:V,listboxLabel:Y||a||"Options",selectedOption:p?void 0:u,disabled:f,readOnly:N,openOnFocus:R,listboxMaxHeight:z,highlightFirstOption:T,closeOnSelect:!p,noOptionsText:L,onSelect:G,"data-testid":q}),oe=e=>{W.current=e,typeof n=="function"?n(e):n&&(n.current=e)},ie=(e,S)=>{const B=X(e,S);if(p){const m=v.some(ce=>ce.id===e.id);return{...B,selected:m,"aria-selected":m}}return B},te=e=>{const S=v.filter(B=>B.id!==e.id);F?.(e,S)},se=e=>{p&&e.key==="Backspace"&&e.currentTarget.value===""&&v.length>0&&te(v[v.length-1]),j?.onKeyDown?.(e)},de=e=>{M(e.target.value),U||ee()},ae=h(o,i,{[`${o}--negative`]:_});return t.jsxs("div",{ref:oe,className:ae,children:[t.jsx(le,{fieldId:w,htmlForSuffix:"input",label:a,getTestId:k,disabled:f,negative:_,required:l}),t.jsx("div",{className:h(`${o}__field-row`),children:t.jsxs("div",{className:h(`${o}__combobox-container`,{[`${o}__combobox-container--error`]:!!g,[`${o}__combobox-container--is-valid`]:H,[`${o}__combobox-container--negative`]:_,[`${o}__combobox-container--disabled`]:f,[`${o}__combobox-container--readonly`]:N&&!f}),style:re,children:[p&&t.jsx(_e,{selectedItems:v,getTestId:k,disabled:f,onRemove:te}),t.jsx("input",{...j,ref:J,id:`${w}-input`,"data-testid":k("input"),onKeyDown:se,onChange:de,value:O,placeholder:y,className:h(`${o}__input`,{[`${o}__input--negative`]:_}),"aria-describedby":$,"aria-invalid":!!g,disabled:f,readOnly:N}),t.jsx(ue,{getTestId:k,loading:b,disabled:f,negative:_,isValid:H,isOpen:U,showChevronOpen:!0}),t.jsx("span",{className:h(`${o}__frame`,{[`${o}__frame--negative`]:_})})]})}),U&&t.jsx(Z.Listbox,{...Q,className:h(`${o}__listbox`),children:he({optionsToShow:V,getListboxItemProps:ie,multiple:p,fieldId:w,noOptionsText:L})}),t.jsx(ge,{errorText:g,helperText:I,helperTextId:$,negative:_})]})});ve.displayName="DropdownCombobox";const Le=({options:r,highlightFirstOption:n})=>{const s=x.useRef(null),a=x.useRef({}),[d,i]=x.useState(n?r[0]:void 0),g=l=>{if(l){const C=l.getBoundingClientRect(),b=s.current?.getBoundingClientRect()||{top:0,bottom:0};(C.top<b.top||C.bottom>b.bottom)&&l.scrollIntoView({block:"nearest"})}};return{highlightedOption:d,listboxRef:s,optionRefs:a,findNextOption:(l,C)=>{const b=C.filter(u=>!u.disabled);if(!b.length)return;const p=d?b.findIndex(u=>u.id===d.id):-1;return l==="ArrowDown"?b[(p+1)%b.length]:b[(p-1+b.length)%b.length]},highlightOption:l=>{i(l?{...l}:void 0),l&&g(a.current[l.id])},highlightByClick:l=>{l.id!==d?.id&&i({...l,isSetByClickEvent:!0})},highlightSelected:(l,C)=>{requestAnimationFrame(()=>{i({...l,isSetByClickEvent:C==="CLICK"}),g(a.current[l.id])})},resetHighlight:()=>{i(void 0)}}},Te=(r,n)=>{const s=x.useCallback(a=>{r&&!r.contains(a.target)&&n()},[n,r]);x.useEffect(()=>(document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}),[s])},xe=({id:r,variant:n,options:s,listboxLabel:a,multiple:d=!1,selectedOption:i,selectedOptions:g=[],onSelect:I,filterOption:y,inputValue:_,defaultInputValue:N,onInputChange:f,noOptionsText:l,highlightFirstOption:C=!1,openOnFocus:b=!1,listboxMaxHeight:p,disabled:u=!1,readOnly:E=!1,["data-testid"]:F})=>{const R=n==="combobox",z=x.useId(),Y=x.useRef(null),P=x.useRef(null),A=x.useRef(null),c=Le({options:s,highlightFirstOption:C}),{displayInputValue:K,populateInputField:L}=be({controlledInputValue:_,defaultInputValue:N,selectedOption:i,onInputChange:f}),[T,q]=x.useState(!1),D=()=>{q(!1),c.resetHighlight()};Te(Y.current,D);const w=({eventType:e})=>{q(!0);const S=d?void 0:i;S&&c.highlightSelected(S,e)},k=d?g:i?[i]:[],H=R?fe({options:s,searchTerm:K,filterOption:y,selectedOption:i,multiple:d}):s,$=T&&(!!H.length||!!l),v=e=>F?`${F}-${e}`:void 0,O=e=>{if(!(!e||e.disabled))if(d){const B=k.some(m=>m.id===e.id)?k.filter(m=>m.id!==e.id):[...k,e];I?.(e,B),R&&(L(""),A.current?.focus())}else I?.(e,[e]),R&&L(e.label),D(),(R?A:P).current?.focus()},M=e=>{$||w({eventType:"KEYBOARD"});const S=c.findNextOption(e,H);c.highlightOption(S)},V=e=>{if(!(u||E))switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),M(e.key);break;case"Enter":{e.preventDefault(),$&&c.highlightedOption?O(c.highlightedOption):$||w({eventType:"KEYBOARD"});break}case" ":{R||(e.preventDefault(),$&&c.highlightedOption?O(c.highlightedOption):$||w({eventType:"KEYBOARD"}));break}case"Escape":e.preventDefault(),D();break;case"Tab":D();break;case"Home":case"End":R&&D();break}},G=e=>{L(e.target.value),c.resetHighlight(),T||w({eventType:"KEYBOARD"})},W=()=>{u||E||(T?D():w({eventType:"CLICK"}))},J=()=>{!T&&b&&!u&&!E&&w({eventType:"KEYBOARD"}),A.current?.select()},j=()=>{setTimeout(()=>{const e=document.activeElement;e!==document.body&&!A.current?.contains(e)&&!c.listboxRef.current?.contains(e)&&!Y.current?.contains(e)&&(D(),R&&!d&&L(i?i.label:""))})},Q=()=>{u||E||(T?D():w({eventType:"CLICK"}))},X=()=>{!T&&b&&!u&&!E&&w({eventType:"KEYBOARD"})},U=`${r}-listbox`,ee=e=>`${r}-listbox-item-${e.id}`,re=`--purpur-dropdown-${z.replace(/:/g,"")}`,oe={anchorName:re},ie=x.useCallback(e=>{if(c.listboxRef.current=e,e&&typeof e.showPopover=="function")try{e.showPopover()}catch{}},[c.listboxRef]),te={"aria-label":a,"aria-expanded":$,"data-testid":v("listbox"),id:U,ref:ie,onMouseLeave:()=>c.resetHighlight(),popover:"manual",style:{...p?{maxHeight:typeof p=="number"?`${p}px`:p}:{},positionAnchor:re}},se=(e,S)=>{const B=k.some(ne=>ne.id===e.id),{highlightedOption:m}=c,ce=(e.id===m?.id||C&&!m&&S===0)&&!m?.isSetByClickEvent;return{"data-testid":v(`listbox-item-${e.id}`),id:ee(e),key:e.id,onMouseMove:()=>c.highlightByClick(e),onMouseUp:()=>O(e),ref:ne=>{ne&&(c.optionRefs.current[e.id]=ne)},tabIndex:-1,selected:B,disabled:e.disabled,highlighted:ce,hovered:e.id===m?.id&&!!m?.isSetByClickEvent,"aria-selected":B}},de=R?{}:{ref:P,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":$,"aria-controls":U,"aria-disabled":u,"data-testid":v("trigger"),id:`${r}-trigger`,onClick:Q,onKeyDown:V,onFocus:X,disabled:u,tabIndex:u?-1:0,style:oe},ae=R?{ref:A,role:"combobox","aria-autocomplete":"list","aria-expanded":$,"aria-controls":U,"aria-activedescendant":c.highlightedOption?ee(c.highlightedOption):void 0,"data-testid":v("input"),autoComplete:"off",id:`${r}-input`,type:"text",value:K,onChange:G,onMouseDown:W,onFocus:J,onBlur:j,onKeyDown:V,disabled:u,readOnly:E}:null;return{rootRef:Y,triggerProps:de,inputProps:ae,listboxProps:te,getListboxItemProps:se,optionsToShow:H,isOpen:$,highlightedOption:c.highlightedOption,selectedItems:k,anchorStyle:oe}},we=x.forwardRef((r,n)=>{const{id:s,label:a,options:d,className:i,errorText:g,helperText:I,placeholder:y,negative:_=!1,readOnly:N=!1,disabled:f=!1,required:l=!1,valid:C=!1,loading:b=!1,multiple:p=!1,selectedOption:u,selectedOptions:E=[],onSelect:F,openOnFocus:R=!1,listboxMaxHeight:z,listboxLabel:Y,["data-testid"]:P}=r,A=x.useId(),c=s??A,K=j=>P?`${P}-${j}`:void 0,L=!!C&&!g,T=`${c}-helper-text`,q=xe({id:c,variant:"select",options:d,listboxLabel:Y||a||"Options",multiple:p,selectedOption:u,selectedOptions:E,onSelect:F,openOnFocus:R,listboxMaxHeight:z,disabled:f,readOnly:N,"data-testid":P}),D=j=>{q.rootRef.current=j,typeof n=="function"?n(j):n&&(n.current=j)},{triggerProps:w,listboxProps:k,getListboxItemProps:H,optionsToShow:$,isOpen:v,selectedItems:O,anchorStyle:M}=q,V={...w};delete V.style;const G=j=>{const Q=O.filter(X=>X.id!==j.id);F?.(j,Q)},W=p?O.length===0&&y||"":u?.label||y||"",J=h(o,i,{[`${o}--negative`]:_});return t.jsxs("div",{ref:D,className:J,children:[t.jsx(le,{fieldId:c,htmlForSuffix:"trigger",label:a,getTestId:K,disabled:f,negative:_,required:l}),t.jsx("div",{className:h(`${o}__field-row`),children:t.jsxs("div",{className:h(`${o}__trigger-container`,{[`${o}__trigger-container--error`]:!!g,[`${o}__trigger-container--is-valid`]:L,[`${o}__trigger-container--negative`]:_,[`${o}__trigger-container--disabled`]:f,[`${o}__trigger-container--readonly`]:N&&!f,[`${o}__trigger-container--has-tags`]:p&&O.length>0}),style:M,children:[p&&t.jsx(_e,{selectedItems:O,getTestId:K,disabled:f,onRemove:G,isSelect:!0}),t.jsx("button",{...V,className:h(`${o}__trigger`,{[`${o}__trigger--is-valid`]:L,[`${o}__trigger--negative`]:_,[`${o}__trigger--disabled`]:f,[`${o}__trigger--readonly`]:N&&!f,[`${o}__trigger--placeholder`]:!O.length}),"aria-describedby":T,children:t.jsx("span",{className:h(`${o}__trigger-text`),children:W})}),t.jsx(ue,{getTestId:K,loading:b,disabled:f,negative:_,isValid:L,isOpen:v,readOnly:N,showChevronOpen:!0}),t.jsx("span",{className:h(`${o}__frame`,{[`${o}__frame--negative`]:_})})]})}),v&&t.jsx(Z.Listbox,{...k,className:h(`${o}__listbox`),children:he({optionsToShow:$,getListboxItemProps:H,multiple:p,fieldId:c})}),t.jsx(ge,{errorText:g,helperText:I,helperTextId:T,negative:_})]})});we.displayName="DropdownSelect";const me=x.forwardRef((r,n)=>r.combobox?t.jsx(ve,{ref:n,...r}):t.jsx(we,{ref:n,...r}));me.displayName="Dropdown";exports.Dropdown=me;exports.useDropdown=xe;
|
|
2
|
+
//# sourceMappingURL=dropdown-BC6evqyq.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-BC6evqyq.js","sources":["../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n fieldId: string;\n htmlForSuffix?: string;\n label?: string;\n getTestId: GetTestId;\n disabled: boolean;\n negative: boolean;\n required: boolean;\n};\n\nexport const DropdownLabel = ({\n fieldId,\n htmlForSuffix,\n label,\n getTestId,\n disabled,\n negative,\n required,\n}: DropdownLabelProps) => {\n if (!label) return null;\n\n return (\n <Label\n htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={disabled}\n negative={negative}\n >\n {required && <span aria-hidden>*</span>}\n {label}\n </Label>\n );\n};\n\ntype DropdownEndAdornmentsProps = {\n getTestId: GetTestId;\n loading?: boolean;\n disabled: boolean;\n negative: boolean;\n isValid: boolean;\n isOpen?: boolean;\n readOnly?: boolean;\n showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n getTestId,\n loading,\n disabled,\n negative,\n isValid,\n isOpen,\n readOnly,\n showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n <span className={cx(`${rootClassName}__end-adornments`)}>\n {loading ? (\n <Spinner\n disabled={disabled}\n size=\"xxs\"\n negative={negative}\n data-testid={getTestId(\"spinner\")}\n />\n ) : (\n <>\n {isValid && (\n <IconCheckCircleFilled\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`)}\n />\n )}\n <IconChevronDown\n className={cx(`${rootClassName}__chevron-icon`, {\n [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n [`${rootClassName}__chevron-icon--disabled`]: disabled,\n [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n [`${rootClassName}__chevron-icon--negative`]: negative,\n })}\n data-testid={getTestId(\"dropdown-icon\")}\n size=\"sm\"\n />\n </>\n )}\n </span>\n);\n\ntype DropdownTagsProps = {\n selectedItems: DropdownOption[];\n getTestId: GetTestId;\n disabled: boolean;\n onRemove: (option: DropdownOption) => void;\n isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n selectedItems,\n getTestId,\n disabled,\n onRemove,\n isSelect,\n}: DropdownTagsProps) => {\n if (!selectedItems.length) return null;\n\n return (\n <DismissableChipGroup\n className={cx(`${rootClassName}__chip-group`, {\n [`${rootClassName}__chip-group--select`]: isSelect,\n })}\n data-testid={getTestId(\"tags\")}\n size=\"sm\"\n >\n {selectedItems.map((item) => (\n <DismissableChipGroup.Item\n key={item.id}\n id={item.id}\n data-testid={getTestId(`tag-${item.id}`)}\n aria-label={`Remove ${item.label}`}\n onDismiss={() => {\n onRemove(item);\n }}\n disabled={disabled}\n >\n {item.label}\n </DismissableChipGroup.Item>\n ))}\n </DismissableChipGroup>\n );\n};\n\ntype DropdownFooterProps = {\n errorText?: string;\n helperText?: string;\n helperTextId: string;\n negative: boolean;\n};\n\nexport const DropdownFooter = ({\n errorText,\n helperText,\n helperTextId,\n negative,\n}: DropdownFooterProps) => (\n <>\n {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n {helperText && !errorText && (\n <FieldHelperText id={helperTextId} negative={negative}>\n {helperText}\n </FieldHelperText>\n )}\n </>\n);\n\ntype DropdownListboxItemsProps = {\n optionsToShow: DropdownOption[];\n getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n multiple?: boolean;\n fieldId: string;\n noOptionsText?: React.ReactNode;\n};\n\nexport const DropdownListboxItems = ({\n optionsToShow,\n getListboxItemProps,\n multiple,\n fieldId,\n noOptionsText,\n}: DropdownListboxItemsProps) => {\n if (noOptionsText !== undefined && !optionsToShow.length) {\n return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n }\n\n return optionsToShow.map((option, index) => {\n const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n if (multiple) {\n return (\n <Listbox.Item\n key={key as string}\n {...itemProps}\n className={cx(`${rootClassName}__checkbox-item-multiple`)}\n selected={!!selected}\n hideSelectedIcon\n >\n <span className={cx(`${rootClassName}__checkbox-container`)}>\n <Checkbox id={`${fieldId}-checkbox-${option.id}`} checked={!!selected} aria-hidden />\n {option.label}\n </span>\n </Listbox.Item>\n );\n }\n\n return (\n <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n {option.label}\n </Listbox.Item>\n );\n });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\n\nconst filterOptions = (\n options: DropdownOption[],\n searchTerm: string | undefined,\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n if (filterOption) {\n return options.filter((option) => filterOption(searchTerm, option));\n }\n if (!searchTerm) return options;\n const chunks = searchTerm.toUpperCase().split(\" \");\n return options.filter((option) =>\n chunks.every((chunk) => (option.value || option.label).toUpperCase().includes(chunk))\n );\n};\n\nexport const getFilteredOptions = ({\n options,\n searchTerm,\n filterOption,\n selectedOption,\n multiple,\n}: {\n options: DropdownOption[];\n searchTerm: string | undefined;\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n selectedOption?: DropdownOption;\n multiple: boolean;\n}): DropdownOption[] => {\n if (!multiple && selectedOption && selectedOption.label === searchTerm) {\n return options;\n }\n return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n controlledInputValue?: string;\n defaultInputValue?: string;\n selectedOption?: DropdownOption;\n onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n}: UseDropdownInputParams) => {\n const [internalInputValue, setInternalInputValue] = useState(\n (typeof controlledInputValue === \"string\"\n ? controlledInputValue\n : defaultInputValue ?? selectedOption?.label) ?? \"\"\n );\n\n const displayInputValue =\n typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n const populateInputField = (value: string) => {\n onInputChange?.(value);\n setInternalInputValue(value);\n };\n\n return {\n displayInputValue,\n populateInputField,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { ComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid,\n loading,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n filterOption,\n inputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue: inputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n const optionsToShow = getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n });\n\n const handleAutocompleteSelect = (option: DropdownOption) => {\n if (multiple) {\n const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? selectedItems.filter((o) => o.id !== option.id)\n : [...selectedItems, option];\n onSelect?.(option, next);\n populateInputField(\"\");\n } else {\n onSelect?.(option, [option]);\n populateInputField(option.label);\n }\n };\n\n const {\n rootRef,\n inputRef,\n inputProps,\n listboxProps,\n getListboxItemProps,\n isOpen,\n openListbox,\n anchorStyle,\n } = useAutocomplete({\n id: fieldId,\n options: optionsToShow,\n listboxLabel: listboxLabel || label || \"Options\",\n selectedOption: multiple ? undefined : selectedOption,\n disabled,\n readOnly,\n openOnFocus,\n listboxMaxHeight,\n highlightFirstOption,\n closeOnSelect: !multiple,\n noOptionsText,\n onSelect: handleAutocompleteSelect,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n // For multi-select the hook doesn't know about selectedOptions, so inject\n // the correct `selected` state here based on selectedItems.\n const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n const props = getListboxItemProps(option, index);\n if (multiple) {\n const isSelected = selectedItems.some((o) => o.id === option.id);\n return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n }\n return props;\n };\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (\n multiple &&\n event.key === \"Backspace\" &&\n event.currentTarget.value === \"\" &&\n selectedItems.length > 0\n ) {\n handleRemoveTag(selectedItems[selectedItems.length - 1]);\n }\n (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n if (!isOpen) {\n openListbox();\n }\n };\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"input\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n <div\n className={cx(`${rootClassName}__combobox-container`, {\n [`${rootClassName}__combobox-container--error`]: !!errorText,\n [`${rootClassName}__combobox-container--is-valid`]: isValid,\n [`${rootClassName}__combobox-container--negative`]: negative,\n [`${rootClassName}__combobox-container--disabled`]: disabled,\n [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n })}\n style={anchorStyle}\n >\n {multiple && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n onRemove={handleRemoveTag}\n />\n )}\n <input\n {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n ref={inputRef as React.RefObject<HTMLInputElement>}\n id={`${fieldId}-input`}\n data-testid={getTestId(\"input\")}\n onKeyDown={handleInputKeyDown}\n onChange={handleInputChange}\n value={displayInputValue}\n placeholder={placeholder}\n className={cx(`${rootClassName}__input`, {\n [`${rootClassName}__input--negative`]: negative,\n })}\n aria-describedby={helperTextId}\n aria-invalid={!!errorText}\n disabled={disabled}\n readOnly={readOnly}\n />\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow,\n getListboxItemProps: getListboxItemPropsWithSelection,\n multiple,\n fieldId,\n noOptionsText,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n options: DropdownOption[];\n highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n options,\n highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n const listboxRef = useRef<HTMLUListElement>(null);\n const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n highlightFirstOption ? options[0] : undefined\n );\n\n const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n if (optionEl) {\n const optionRect = optionEl.getBoundingClientRect();\n const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n if (isOutside) {\n optionEl.scrollIntoView({ block: \"nearest\" });\n }\n }\n };\n\n const findNextOption = (\n direction: \"ArrowUp\" | \"ArrowDown\",\n optionsToShow: DropdownOption[]\n ): DropdownOption | undefined => {\n const enabledList = optionsToShow.filter((o) => !o.disabled);\n if (!enabledList.length) return undefined;\n\n const currentIndex = highlightedOption\n ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n : -1;\n\n if (direction === \"ArrowDown\") {\n return enabledList[(currentIndex + 1) % enabledList.length];\n }\n return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n };\n\n const highlightOption = (option: DropdownOption | undefined) => {\n setHighlightedOption(option ? { ...option } : undefined);\n if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n };\n\n const highlightByClick = (option: DropdownOption) => {\n if (option.id !== highlightedOption?.id) {\n setHighlightedOption({ ...option, isSetByClickEvent: true });\n }\n };\n\n const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n requestAnimationFrame(() => {\n const isSetByClickEvent = eventType === \"CLICK\";\n setHighlightedOption({ ...option, isSetByClickEvent });\n scrollOptionIntoView(optionRefs.current[option.id]);\n });\n };\n\n const resetHighlight = () => {\n setHighlightedOption(undefined);\n };\n\n return {\n highlightedOption,\n listboxRef,\n optionRefs,\n findNextOption,\n highlightOption,\n highlightByClick,\n highlightSelected,\n resetHighlight,\n };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (element && !element.contains(event.target as Node)) {\n callback();\n }\n },\n [callback, element]\n );\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n id: string;\n variant: \"select\" | \"combobox\";\n options: DropdownOption[];\n listboxLabel: string;\n multiple?: boolean;\n\n // Selection\n selectedOption?: DropdownOption;\n selectedOptions?: DropdownOption[];\n onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n // Combobox-specific\n filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: (value: string) => void;\n noOptionsText?: React.ReactNode;\n highlightFirstOption?: boolean;\n\n // Shared behaviour\n openOnFocus?: boolean;\n listboxMaxHeight?: string | number;\n disabled?: boolean;\n readOnly?: boolean;\n\n [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n rootRef: React.RefObject<HTMLDivElement | null>;\n triggerProps: Record<string, unknown>;\n inputProps: Record<string, unknown> | null;\n listboxProps: ListboxProps;\n getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n optionsToShow: DropdownOption[];\n isOpen: boolean;\n highlightedOption: DropdownOption | undefined;\n selectedItems: DropdownOption[];\n anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n id,\n variant,\n options,\n listboxLabel,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n filterOption,\n inputValue: controlledInputValue,\n defaultInputValue,\n onInputChange,\n noOptionsText,\n highlightFirstOption = false,\n openOnFocus = false,\n listboxMaxHeight,\n disabled = false,\n readOnly = false,\n [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n const isCombobox = variant === \"combobox\";\n const uniqueId = useId();\n\n // ── Refs ─────────────────────────────────────────────────────────────\n const rootRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // ── Sub-hooks ────────────────────────────────────────────────────────\n const highlight = useDropdownHighlight({ options, highlightFirstOption });\n const { displayInputValue, populateInputField } = useDropdownInput({\n controlledInputValue,\n defaultInputValue,\n selectedOption,\n onInputChange,\n });\n\n // ── Open / close ────────────────────────────────────────────────────\n const [isOpen, setIsOpen] = useState(false);\n\n const closeListbox = () => {\n setIsOpen(false);\n highlight.resetHighlight();\n };\n\n useOnClickOutside(rootRef.current, closeListbox);\n\n const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n setIsOpen(true);\n const current = multiple ? undefined : selectedOption;\n if (current) {\n highlight.highlightSelected(current, eventType);\n }\n };\n\n // ── Derived state ───────────────────────────────────────────────────\n const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n const optionsToShow = isCombobox\n ? getFilteredOptions({\n options,\n searchTerm: displayInputValue,\n filterOption,\n selectedOption,\n multiple,\n })\n : options;\n\n const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n // ── Helpers ──────────────────────────────────────────────────────────\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n // ── Selection ────────────────────────────────────────────────────────\n const selectOption = (option: DropdownOption | undefined) => {\n if (!option || option.disabled) return;\n\n if (multiple) {\n const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n const next = isAlreadySelected\n ? resolvedSelected.filter((o) => o.id !== option.id)\n : [...resolvedSelected, option];\n onSelect?.(option, next);\n if (isCombobox) {\n populateInputField(\"\");\n inputRef.current?.focus();\n }\n } else {\n onSelect?.(option, [option]);\n if (isCombobox) {\n populateInputField(option.label);\n }\n closeListbox();\n (isCombobox ? inputRef : triggerRef).current?.focus();\n }\n };\n\n // ── Navigation ───────────────────────────────────────────────────────\n const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n const next = highlight.findNextOption(direction, optionsToShow);\n highlight.highlightOption(next);\n };\n\n // ── Keyboard ─────────────────────────────────────────────────────────\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (disabled || readOnly) return;\n\n switch (event.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n event.preventDefault();\n highlightNextOption(event.key);\n break;\n case \"Enter\": {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n break;\n }\n case \" \": {\n if (!isCombobox) {\n event.preventDefault();\n if (showListbox && highlight.highlightedOption) {\n selectOption(highlight.highlightedOption);\n } else if (!showListbox) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n }\n break;\n }\n case \"Escape\":\n event.preventDefault();\n closeListbox();\n break;\n case \"Tab\":\n closeListbox();\n break;\n case \"Home\":\n case \"End\":\n if (isCombobox) closeListbox();\n break;\n }\n };\n\n // ── Combobox input handlers ─────────────────────────────────────────\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n populateInputField(e.target.value);\n highlight.resetHighlight();\n if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n };\n\n const handleInputMouseDown = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleInputFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n inputRef.current?.select();\n };\n\n const handleInputBlur = () => {\n setTimeout(() => {\n const activeEl = document.activeElement;\n // Only close when focus has moved to a real element outside the dropdown.\n // Guarding against document.body prevents a false-positive close when a\n // screen reader navigates with its virtual cursor: the input blurs but no\n // DOM element receives physical focus (activeElement falls back to body).\n if (\n activeEl !== document.body &&\n !inputRef.current?.contains(activeEl) &&\n !highlight.listboxRef.current?.contains(activeEl) &&\n !rootRef.current?.contains(activeEl)\n ) {\n closeListbox();\n if (isCombobox && !multiple) {\n populateInputField(selectedOption ? selectedOption.label : \"\");\n }\n }\n });\n };\n\n // ── Select trigger handlers ─────────────────────────────────────────\n const handleTriggerClick = () => {\n if (disabled || readOnly) return;\n isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n };\n\n const handleTriggerFocus = () => {\n if (!isOpen && openOnFocus && !disabled && !readOnly) {\n openListbox({ eventType: \"KEYBOARD\" });\n }\n };\n\n // ── Build props ──────────────────────────────────────────────────────\n const listboxId = `${id}-listbox`;\n const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n const anchorStyle = { anchorName } as CSSProperties;\n\n // ── Popover sync ────────────────────────────────────────────────────\n const listboxCallbackRef = useCallback(\n (node: HTMLUListElement | null) => {\n (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n if (node && typeof node.showPopover === \"function\") {\n try {\n node.showPopover();\n } catch {\n // Popover not supported or already open\n }\n }\n },\n [highlight.listboxRef]\n );\n\n const listboxProps = {\n \"aria-label\": listboxLabel,\n \"aria-expanded\": showListbox,\n \"data-testid\": getTestId(\"listbox\"),\n id: listboxId,\n ref: listboxCallbackRef,\n onMouseLeave: () => highlight.resetHighlight(),\n popover: \"manual\",\n style: {\n ...(listboxMaxHeight\n ? {\n maxHeight:\n typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n }\n : {}),\n positionAnchor: anchorName,\n } as CSSProperties,\n } as ListboxProps;\n\n const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n const isSelected = resolvedSelected.some((o) => o.id === option.id);\n const { highlightedOption } = highlight;\n\n const highlighted =\n (option.id === highlightedOption?.id ||\n (highlightFirstOption && !highlightedOption && index === 0)) &&\n !highlightedOption?.isSetByClickEvent;\n\n return {\n \"data-testid\": getTestId(`listbox-item-${option.id}`),\n id: createListboxItemId(option),\n key: option.id,\n onMouseMove: () => highlight.highlightByClick(option),\n onMouseUp: () => selectOption(option),\n ref: (el) => {\n if (el) highlight.optionRefs.current[option.id] = el;\n },\n tabIndex: -1,\n selected: isSelected,\n disabled: option.disabled,\n highlighted,\n hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n \"aria-selected\": isSelected,\n };\n };\n\n const triggerProps: Record<string, unknown> = isCombobox\n ? {}\n : {\n ref: triggerRef,\n type: \"button\" as const,\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-disabled\": disabled,\n \"data-testid\": getTestId(\"trigger\"),\n id: `${id}-trigger`,\n onClick: handleTriggerClick,\n onKeyDown: handleKeyDown,\n onFocus: handleTriggerFocus,\n disabled,\n tabIndex: disabled ? -1 : 0,\n style: anchorStyle,\n };\n\n const inputProps: Record<string, unknown> | null = isCombobox\n ? {\n ref: inputRef,\n role: \"combobox\",\n \"aria-autocomplete\": \"list\" as const,\n \"aria-expanded\": showListbox,\n \"aria-controls\": listboxId,\n \"aria-activedescendant\": highlight.highlightedOption\n ? createListboxItemId(highlight.highlightedOption)\n : undefined,\n \"data-testid\": getTestId(\"input\"),\n autoComplete: \"off\",\n id: `${id}-input`,\n type: \"text\",\n value: displayInputValue,\n onChange: handleInputChange,\n onMouseDown: handleInputMouseDown,\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n disabled,\n readOnly,\n }\n : null;\n\n return {\n rootRef,\n triggerProps,\n inputProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen: showListbox,\n highlightedOption: highlight.highlightedOption,\n selectedItems: resolvedSelected,\n anchorStyle,\n };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, SelectProps } from \"./dropdown.types\";\nimport {\n cx,\n DropdownEndAdornments,\n DropdownFooter,\n DropdownLabel,\n DropdownListboxItems,\n DropdownTags,\n rootClassName,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, SelectProps>((props, ref) => {\n const {\n id: propId,\n label,\n options,\n className,\n errorText,\n helperText,\n placeholder,\n negative = false,\n readOnly = false,\n disabled = false,\n required = false,\n valid = false,\n loading = false,\n multiple = false,\n selectedOption,\n selectedOptions = [],\n onSelect,\n openOnFocus = false,\n listboxMaxHeight,\n listboxLabel,\n [\"data-testid\"]: dataTestId,\n } = props;\n\n const randomId = useId();\n const fieldId = propId ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = !!valid && !errorText;\n const helperTextId = `${fieldId}-helper-text`;\n\n const dropdown = useDropdown({\n id: fieldId,\n variant: \"select\",\n options,\n listboxLabel: listboxLabel || label || \"Options\",\n multiple,\n selectedOption,\n selectedOptions,\n onSelect,\n openOnFocus,\n listboxMaxHeight,\n disabled,\n readOnly,\n [\"data-testid\"]: dataTestId,\n });\n\n const setRootRef = (node: HTMLDivElement | null) => {\n (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n };\n\n const {\n triggerProps,\n listboxProps,\n getListboxItemProps,\n optionsToShow,\n isOpen,\n selectedItems,\n anchorStyle,\n } = dropdown;\n\n const triggerButtonProps = {\n ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n };\n delete triggerButtonProps.style;\n\n const handleRemoveTag = (option: DropdownOption) => {\n const next = selectedItems.filter((o) => o.id !== option.id);\n onSelect?.(option, next);\n };\n\n const displayLabel = multiple\n ? selectedItems.length === 0\n ? placeholder || \"\"\n : \"\"\n : selectedOption?.label || placeholder || \"\";\n\n const wrapperClassName = cx(rootClassName, className, {\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <div ref={setRootRef} className={wrapperClassName}>\n <DropdownLabel\n fieldId={fieldId}\n htmlForSuffix=\"trigger\"\n label={label}\n getTestId={getTestId}\n disabled={disabled}\n negative={negative}\n required={required}\n />\n <div className={cx(`${rootClassName}__field-row`)}>\n <div\n className={cx(`${rootClassName}__trigger-container`, {\n [`${rootClassName}__trigger-container--error`]: !!errorText,\n [`${rootClassName}__trigger-container--is-valid`]: isValid,\n [`${rootClassName}__trigger-container--negative`]: negative,\n [`${rootClassName}__trigger-container--disabled`]: disabled,\n [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger-container--has-tags`]: multiple && selectedItems.length > 0,\n })}\n style={anchorStyle}\n >\n {multiple && (\n <DropdownTags\n selectedItems={selectedItems}\n getTestId={getTestId}\n disabled={disabled}\n onRemove={handleRemoveTag}\n isSelect\n />\n )}\n <button\n {...triggerButtonProps}\n className={cx(`${rootClassName}__trigger`, {\n [`${rootClassName}__trigger--is-valid`]: isValid,\n [`${rootClassName}__trigger--negative`]: negative,\n [`${rootClassName}__trigger--disabled`]: disabled,\n [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n })}\n aria-describedby={helperTextId}\n >\n <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n </button>\n <DropdownEndAdornments\n getTestId={getTestId}\n loading={loading}\n disabled={disabled}\n negative={negative}\n isValid={isValid}\n isOpen={isOpen}\n readOnly={readOnly}\n showChevronOpen\n />\n <span\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n })}\n />\n </div>\n </div>\n {isOpen && (\n <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {DropdownListboxItems({\n optionsToShow,\n getListboxItemProps,\n multiple,\n fieldId,\n })}\n </Listbox>\n )}\n <DropdownFooter\n errorText={errorText}\n helperText={helperText}\n helperTextId={helperTextId}\n negative={negative}\n />\n </div>\n );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { ComboboxProps, DropdownProps, SelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n if (props.combobox) {\n return <DropdownCombobox ref={ref} {...(props as ComboboxProps)} />;\n }\n\n return <DropdownSelect ref={ref} {...(props as SelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type { ComboboxProps, DropdownOption, DropdownProps, SelectProps } from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","DropdownTags","selectedItems","onRemove","isSelect","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","DropdownListboxItems","optionsToShow","getListboxItemProps","multiple","noOptionsText","Listbox","option","index","key","selected","itemProps","Checkbox","filterOptions","options","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","handleAutocompleteSelect","next","o","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","handleInputChange","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerFocus","listboxId","createListboxItemId","anchorName","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}
|