npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.75 → 1.0.0-alpha.77 - Mend

@salt-ds/lab 1.0.0-alpha.75 → 1.0.0-alpha.77

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

package/dist-es/dropdown/DropdownButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownButton.js","sources":["../src/dropdown/DropdownButton.tsx"],"sourcesContent":["import { Button, type ButtonProps, makePrefixer, useIcon } from \"@salt-ds/core\";\nimport { DEFAULT_ICON_SIZE, type IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type AriaAttributes,\n type ComponentType,\n type ForwardedRef,\n forwardRef,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\n\nimport dropdownButtonCss from \"./DropdownButton.css\";\n\nexport interface DropdownButtonProps extends ButtonProps {\n /*\n Replace the default Icon component\n /\n IconComponent?: ComponentType<IconProps>;\n /\n Whether the dropdown button should hide role='option' via 'aria-hidden'\n /\n ariaHideOptionRole?: boolean;\n /\n If, `true`, the Dropdown button will occupy the full width of it's container\n /\n fullWidth?: boolean;\n /\n Sets the size of the down arrow icon. If this is not specified, a default size based on density is used.\n /\n iconSize?: IconProps[\"size\"];\n /\n Is the dropdown list open\n /\n isOpen?: boolean;\n /\n Label for the dropdown button\n /\n label?: string;\n /\n Id for the label. This is needed for ARIA attributes.\n /\n labelId?: string;\n /\n When the dropdown is collapsed this value is set as aria-posinset on the span containing the selected value\n * /\n posInSet?: number;\n /\n * When the dropdown is collapsed this value is set as aria-setsize on the span containing the selected value\n * /\n setSize?: number;\n /\n \n **/\n labelAriaAttributes?: Pick<\n AriaAttributes,\n \"aria-posinset\" \| \"aria-setsize\" \| \"aria-selected\"\n >;\n}\n\nconst withBaseName = makePrefixer(\"saltDropdownButton\");\n\nexport const DropdownButton = forwardRef(function DropdownButton(\n {\n IconComponent,\n ariaHideOptionRole,\n className,\n disabled,\n iconSize = DEFAULT_ICON_SIZE,\n isOpen,\n label,\n labelId,\n fullWidth,\n posInSet,\n setSize,\n labelAriaAttributes,\n ...rest\n }: DropdownButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-dropdown-button\",\n css: dropdownButtonCss,\n window: targetWindow,\n });\n const { ExpandIcon } = useIcon();\n const Icon = IconComponent === undefined ? ExpandIcon : IconComponent;\n const { inFormField } = useFormFieldLegacyProps();\n // FIXME: use polymorphic button\n // We don't want the 'button' tag to be shown in the DOM to trigger some accessibility testing\n // tool's false alarm on role of 'listbox'\n return (\n <Button\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"fullwidth\")]: fullWidth,\n [withBaseName(\"formField\")]: inFormField,\n },\n className,\n )}\n data-testid=\"dropdown-button\"\n disabled={disabled}\n variant=\"secondary\"\n {...rest}\n ref={ref}\n >\n <div className={withBaseName(\"content\")}>\n <span\n // 'hidden' so that screen reader won't be confused the additional 'option' which is just a label\n aria-hidden={ariaHideOptionRole ? \"true\" : undefined}\n {...labelAriaAttributes}\n className={withBaseName(\"buttonLabel\")}\n id={labelId}\n role=\"option\"\n >\n {label}\n </span>\n <Icon\n className={withBaseName(\"icon\")}\n size={iconSize}\n aria-label={null}\n aria-hidden=\"true\"\n />\n </div>\n </Button>\n );\n});\n"],"names":["DropdownButton","dropdownButtonCss"],"mappings":";;;;;;;;;;;AA6DA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;~~AAEzC~~,~~MAAA~~,cAAA,GAAiB,~~UAAW~~,~~CAAA~~,SAASA,~~eAChD~~,~~CAAA~~;AAAA,EACE,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,~~QAAW~~,~~GAAA~~,iBAAA;AAAA,EACX,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,~~GACA~~,~~EAAA~~;AACA,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,sBAAA;AAAA,IACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AACD,~~EAAM~~,~~MAAA~~,EAAE,~~UAAW~~,~~EAAA~~,GAAI,~~OAAQ~~,~~EAAA~~;AAC/B,~~EAAM~~,~~MAAA~~,IAAA,GAAO,~~aAAkB~~,~~KAAA~~,MAAA,GAAY,~~UAAa~~,~~GAAA~~,aAAA;AACxD,~~EAAM~~,~~MAAA~~,EAAE,~~WAAY~~,~~EAAA~~,GAAI,~~uBAAwB~~,~~EAAA~~;AAIhD,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,~~SAAW~~,~~EAAA~~,IAAA;AAAA,QACT,~~YAAa~~,~~EAAA~~;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,SAAA;AAAA,UAC7B,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG;AAAA,SAC/B;AAAA,QACA;AAAA,OACF;AAAA,MACA,~~aAAY~~,~~EAAA~~,iBAAA;AAAA,MACZ,QAAA;AAAA,MACA,~~OAAQ~~,~~EAAA~~,WAAA;AAAA,MACP,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,~~QAAC~~,kBAAA,IAAA,~~CAAA~~,KAAA,EAAA,EAAI,~~SAAW~~,~~EAAA~~,YAAA,CAAa,SAAS,~~CACpC~~,~~EAAA~~,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,aAAA,EAAa,qBAAqB,~~MAAS~~,~~GAAA~~,MAAA;AAAA,YAC1C,GAAG,mBAAA;AAAA,YACJ,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,YACrC,EAAI,~~EAAA,~~OAAA;AAAA,YACJ,~~IAAK~~,~~EAAA~~,QAAA;AAAA,YAEJ,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,YAC9B,~~IAAM~~,~~EAAA~~,QAAA;AAAA,YACN,~~YAAY~~,~~EAAA~~,IAAA;AAAA,YACZ,~~aAAY~~,~~EAAA~~;AAAA;AAAA;AACd,~~OACF~~,~~EAAA~~;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"DropdownButton.js","sources":["../src/dropdown/DropdownButton.tsx"],"sourcesContent":["import { Button, type ButtonProps, makePrefixer, useIcon } from \"@salt-ds/core\";\nimport { DEFAULT_ICON_SIZE, type IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type AriaAttributes,\n type ComponentType,\n type ForwardedRef,\n forwardRef,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\n\nimport dropdownButtonCss from \"./DropdownButton.css\";\n\nexport interface DropdownButtonProps extends ButtonProps {\n /*\n Replace the default Icon component\n /\n IconComponent?: ComponentType<IconProps>;\n /\n Whether the dropdown button should hide role='option' via 'aria-hidden'\n /\n ariaHideOptionRole?: boolean;\n /\n If, `true`, the Dropdown button will occupy the full width of it's container\n /\n fullWidth?: boolean;\n /\n Sets the size of the down arrow icon. If this is not specified, a default size based on density is used.\n /\n iconSize?: IconProps[\"size\"];\n /\n Is the dropdown list open\n /\n isOpen?: boolean;\n /\n Label for the dropdown button\n /\n label?: string;\n /\n Id for the label. This is needed for ARIA attributes.\n /\n labelId?: string;\n /\n When the dropdown is collapsed this value is set as aria-posinset on the span containing the selected value\n * /\n posInSet?: number;\n /\n * When the dropdown is collapsed this value is set as aria-setsize on the span containing the selected value\n * /\n setSize?: number;\n /\n \n **/\n labelAriaAttributes?: Pick<\n AriaAttributes,\n \"aria-posinset\" \| \"aria-setsize\" \| \"aria-selected\"\n >;\n}\n\nconst withBaseName = makePrefixer(\"saltDropdownButton\");\n\nexport const DropdownButton = forwardRef(function DropdownButton(\n {\n IconComponent,\n ariaHideOptionRole,\n className,\n disabled,\n iconSize = DEFAULT_ICON_SIZE,\n isOpen,\n label,\n labelId,\n fullWidth,\n posInSet,\n setSize,\n labelAriaAttributes,\n ...rest\n }: DropdownButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-dropdown-button\",\n css: dropdownButtonCss,\n window: targetWindow,\n });\n const { ExpandIcon } = useIcon();\n const Icon = IconComponent === undefined ? ExpandIcon : IconComponent;\n const { inFormField } = useFormFieldLegacyProps();\n // FIXME: use polymorphic button\n // We don't want the 'button' tag to be shown in the DOM to trigger some accessibility testing\n // tool's false alarm on role of 'listbox'\n return (\n <Button\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"fullwidth\")]: fullWidth,\n [withBaseName(\"formField\")]: inFormField,\n },\n className,\n )}\n data-testid=\"dropdown-button\"\n disabled={disabled}\n variant=\"secondary\"\n {...rest}\n ref={ref}\n >\n <div className={withBaseName(\"content\")}>\n <span\n // 'hidden' so that screen reader won't be confused the additional 'option' which is just a label\n aria-hidden={ariaHideOptionRole ? \"true\" : undefined}\n {...labelAriaAttributes}\n className={withBaseName(\"buttonLabel\")}\n id={labelId}\n role=\"option\"\n >\n {label}\n </span>\n <Icon\n className={withBaseName(\"icon\")}\n size={iconSize}\n aria-label={null}\n aria-hidden=\"true\"\n />\n </div>\n </Button>\n );\n});\n"],"names":["DropdownButton","dropdownButtonCss"],"mappings":";;;;;;;;;;;AA6DA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAE/C,MAAM,cAAA,GAAiB,UAAA,CAAW,SAASA,eAAAA,CAChD;AAAA,EACE,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,iBAAA;AAAA,EACX,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,sBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AACD,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,OAAA,EAAQ;AAC/B,EAAA,MAAM,IAAA,GAAO,aAAA,KAAkB,MAAA,GAAY,UAAA,GAAa,aAAA;AACxD,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,uBAAA,EAAwB;AAIhD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,SAAA;AAAA,UAC7B,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG;AAAA,SAC/B;AAAA,QACA;AAAA,OACF;AAAA,MACA,aAAA,EAAY,iBAAA;AAAA,MACZ,QAAA;AAAA,MACA,OAAA,EAAQ,WAAA;AAAA,MACP,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,SAAS,CAAA,EACpC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,aAAA,EAAa,qBAAqB,MAAA,GAAS,MAAA;AAAA,YAC1C,GAAG,mBAAA;AAAA,YACJ,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,YACrC,EAAA,EAAI,OAAA;AAAA,YACJ,IAAA,EAAK,QAAA;AAAA,YAEJ,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,YAC9B,IAAA,EAAM,QAAA;AAAA,YACN,YAAA,EAAY,IAAA;AAAA,YACZ,aAAA,EAAY;AAAA;AAAA;AACd,OAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist-es/dropdown/useClickAway.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClickAway.js","sources":["../src/dropdown/useClickAway.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\nexport type ClickawayHook = (props: {\n popperRef: RefObject<HTMLElement>;\n rootRef: RefObject<HTMLElement>;\n isOpen: boolean;\n onClose: () => void;\n}) => void;\n\ntype MouseEventHandler = (e: MouseEvent) => void;\ntype KeyboardEventHandler = (e: KeyboardEvent) => void;\n\nconst NO_HANDLERS: [MouseEventHandler?, KeyboardEventHandler?] = [];\n\nexport const useClickAway: ClickawayHook = ({\n popperRef,\n rootRef,\n isOpen,\n onClose,\n}) => {\n useEffect(() => {\n const [clickHandler, escapeKeyHandler] = isOpen\n ? [\n (evt: MouseEvent) => {\n const targetElement = evt.target as HTMLElement;\n if (\n !popperRef.current?.contains(targetElement) &&\n !rootRef.current?.contains(targetElement)\n ) {\n onClose();\n }\n },\n (e: KeyboardEvent) => {\n if (e.key === \"Escape\") {\n onClose();\n }\n },\n ]\n : NO_HANDLERS;\n\n if (clickHandler && escapeKeyHandler) {\n document.body.addEventListener(\"mousedown\", clickHandler, true);\n document.body.addEventListener(\"keydown\", escapeKeyHandler, true);\n }\n\n return () => {\n if (clickHandler && escapeKeyHandler) {\n document.body.removeEventListener(\"mousedown\", clickHandler, true);\n document.body.removeEventListener(\"keydown\", escapeKeyHandler, true);\n }\n };\n }, [isOpen, onClose, popperRef, rootRef]);\n};\n"],"names":[],"mappings":";;AAYA,MAAM,cAA2D,EAAC;AAE3D,MAAM,eAA8B,CAAC;AAAA,EAC1C,SAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,~~CAAM~~,~~KAAA~~;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,CAAC,YAAA,EAAc,gBAAgB,CAAA,GAAI,~~MACrC~~,~~GAAA~~;AAAA,MACE,CAAC,~~GAAoB~~,~~KAAA~~;AAvB/B,QAAA,IAAA,EAAA,EAAA,EAAA;AAwBY,QAAA,MAAM,gBAAgB,~~GAAI~~,~~CAAA~~,MAAA;AAC1B,~~QACE~~,~~IAAA~~,EAAA,CAAC,~~EAAU~~,GAAA,SAAA,~~CAAA~~,OAAA,KAAV,~~IAAmB~~,GAAA,MAAA,GAAA,EAAA,~~CAAA~~,QAAA,CAAS,~~aAC7B~~,CAAA,CAAA,~~IAAA~~,EAAA,CAAC,~~EAAQ~~,GAAA,OAAA,~~CAAA~~,OAAA,KAAR,~~IAAiB~~,GAAA,MAAA,GAAA,EAAA,~~CAAA~~,QAAA,CAAS,~~aAC3B~~,CAAA,CAAA,~~EAAA~~;AACA,~~UAAQ~~,OAAA,~~EAAA~~;AAAA;~~AACV~~,~~OACF~~;AAAA,MACA,CAAC,~~CAAqB~~,~~KAAA~~;AACpB,~~QAAI~~,~~IAAA~~,CAAA,CAAE,QAAQ,~~QAAU~~,~~EAAA~~;AACtB,~~UAAQ~~,OAAA,~~EAAA~~;AAAA;~~AACV~~;~~AACF~~,~~KAEF~~,~~GAAA~~,WAAA;AAEJ,IAAA,IAAI,gBAAgB,~~gBAAkB~~,~~EAAA~~;AACpC,MAAA,QAAA,CAAS,~~IAAK~~,~~CAAA~~,gBAAA,CAAiB,~~WAAa~~,~~EAAA~~,YAAA,EAAc,IAAI,CAAA;AAC9D,MAAA,QAAA,CAAS,~~IAAK~~,~~CAAA~~,gBAAA,CAAiB,~~SAAW~~,~~EAAA~~,gBAAA,EAAkB,IAAI,CAAA;AAAA;~~AAGlE~~,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,gBAAgB,~~gBAAkB~~,~~EAAA~~;AACpC,QAAA,QAAA,CAAS,~~IAAK~~,~~CAAA~~,mBAAA,CAAoB,~~WAAa~~,~~EAAA~~,YAAA,EAAc,IAAI,CAAA;AACjE,QAAA,QAAA,CAAS,~~IAAK~~,~~CAAA~~,mBAAA,CAAoB,~~SAAW~~,~~EAAA~~,gBAAA,EAAkB,IAAI,CAAA;AAAA;~~AACrE~~,~~KACF~~;AAAA,~~KACC~~,CAAC,MAAA,EAAQ,~~OAAS~~,~~EAAA~~,SAAA,EAAW,OAAO,CAAC,CAAA;AAC1C;;;;"}
1	+ {"version":3,"file":"useClickAway.js","sources":["../src/dropdown/useClickAway.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\nexport type ClickawayHook = (props: {\n popperRef: RefObject<HTMLElement>;\n rootRef: RefObject<HTMLElement>;\n isOpen: boolean;\n onClose: () => void;\n}) => void;\n\ntype MouseEventHandler = (e: MouseEvent) => void;\ntype KeyboardEventHandler = (e: KeyboardEvent) => void;\n\nconst NO_HANDLERS: [MouseEventHandler?, KeyboardEventHandler?] = [];\n\nexport const useClickAway: ClickawayHook = ({\n popperRef,\n rootRef,\n isOpen,\n onClose,\n}) => {\n useEffect(() => {\n const [clickHandler, escapeKeyHandler] = isOpen\n ? [\n (evt: MouseEvent) => {\n const targetElement = evt.target as HTMLElement;\n if (\n !popperRef.current?.contains(targetElement) &&\n !rootRef.current?.contains(targetElement)\n ) {\n onClose();\n }\n },\n (e: KeyboardEvent) => {\n if (e.key === \"Escape\") {\n onClose();\n }\n },\n ]\n : NO_HANDLERS;\n\n if (clickHandler && escapeKeyHandler) {\n document.body.addEventListener(\"mousedown\", clickHandler, true);\n document.body.addEventListener(\"keydown\", escapeKeyHandler, true);\n }\n\n return () => {\n if (clickHandler && escapeKeyHandler) {\n document.body.removeEventListener(\"mousedown\", clickHandler, true);\n document.body.removeEventListener(\"keydown\", escapeKeyHandler, true);\n }\n };\n }, [isOpen, onClose, popperRef, rootRef]);\n};\n"],"names":[],"mappings":";;AAYA,MAAM,cAA2D,EAAC;AAE3D,MAAM,eAA8B,CAAC;AAAA,EAC1C,SAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,CAAC,YAAA,EAAc,gBAAgB,CAAA,GAAI,MAAA,GACrC;AAAA,MACE,CAAC,GAAA,KAAoB;AAvB/B,QAAA,IAAA,EAAA,EAAA,EAAA;AAwBY,QAAA,MAAM,gBAAgB,GAAA,CAAI,MAAA;AAC1B,QAAA,IACE,EAAA,CAAC,EAAA,GAAA,SAAA,CAAU,OAAA,KAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,QAAA,CAAS,aAAA,CAAA,CAAA,IAC7B,EAAA,CAAC,EAAA,GAAA,OAAA,CAAQ,OAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,QAAA,CAAS,aAAA,CAAA,CAAA,EAC3B;AACA,UAAA,OAAA,EAAQ;AAAA,QACV;AAAA,MACF,CAAA;AAAA,MACA,CAAC,CAAA,KAAqB;AACpB,QAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AACtB,UAAA,OAAA,EAAQ;AAAA,QACV;AAAA,MACF;AAAA,KACF,GACA,WAAA;AAEJ,IAAA,IAAI,gBAAgB,gBAAA,EAAkB;AACpC,MAAA,QAAA,CAAS,IAAA,CAAK,gBAAA,CAAiB,WAAA,EAAa,YAAA,EAAc,IAAI,CAAA;AAC9D,MAAA,QAAA,CAAS,IAAA,CAAK,gBAAA,CAAiB,SAAA,EAAW,gBAAA,EAAkB,IAAI,CAAA;AAAA,IAClE;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,gBAAgB,gBAAA,EAAkB;AACpC,QAAA,QAAA,CAAS,IAAA,CAAK,mBAAA,CAAoB,WAAA,EAAa,YAAA,EAAc,IAAI,CAAA;AACjE,QAAA,QAAA,CAAS,IAAA,CAAK,mBAAA,CAAoB,SAAA,EAAW,gBAAA,EAAkB,IAAI,CAAA;AAAA,MACrE;AAAA,IACF,CAAA;AAAA,EACF,GAAG,CAAC,MAAA,EAAQ,OAAA,EAAS,SAAA,EAAW,OAAO,CAAC,CAAA;AAC1C;;;;"}

package/dist-es/dropdown/useDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdown.js","sources":["../src/dropdown/useDropdown.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n type CollectionItem,\n itemToString as defaultItemToString,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n} from \"../common-hooks\";\nimport { type ListHookProps, type ListHookResult, useList } from \"../list\";\nimport type { DropdownHookProps, DropdownHookResult } from \"./dropdownTypes\";\n\nconst NULL_REF = { current: null };\n\nexport interface DropdownListHookProps<Item, Strategy extends SelectionStrategy>\n extends Partial<Omit<DropdownHookProps, \"onKeyDown\">>,\n Omit<ListHookProps<Item, Strategy>, \"containerRef\"> {\n itemToString?: (item: Item) => string;\n}\n\nexport interface DropdownListHookResult<\n Item,\n Selection extends SelectionStrategy,\n> extends Partial<ListHookResult<Item, Selection>>,\n Partial<DropdownHookResult> {\n onOpenChange: (open: boolean) => void;\n triggerLabel?: string;\n}\n\nexport const useDropdown = <\n Item,\n Selection extends SelectionStrategy = \"default\",\n>({\n collectionHook,\n defaultHighlightedIndex: defaultHighlightedIndexProp,\n defaultIsOpen,\n defaultSelected,\n highlightedIndex: highlightedIndexProp,\n isOpen: isOpenProp,\n itemToString = defaultItemToString,\n onHighlight,\n onOpenChange,\n onSelectionChange,\n onSelect,\n selected,\n selectionStrategy,\n}: DropdownListHookProps<Item, Selection>): DropdownListHookResult<\n Item,\n Selection\n> => {\n const isMultiSelect =\n selectionStrategy === \"multiple\" \|\| selectionStrategy === \"extended\";\n\n const [isOpen, setIsOpen] = useControlled<boolean>({\n controlled: isOpenProp,\n default: defaultIsOpen ?? false,\n name: \"useDropdownList\",\n });\n\n const handleSelectionChange = useCallback<\n SelectionChangeHandler<Item, Selection>\n >(\n (evt, selected) => {\n if (!isMultiSelect) {\n setIsOpen(false);\n onOpenChange?.(false);\n }\n onSelectionChange?.(evt, selected);\n },\n [isMultiSelect, onOpenChange, onSelectionChange],\n );\n\n const handleSelect = useCallback<SelectHandler<Item>>(\n (evt, selected) => {\n if (!isMultiSelect) {\n setIsOpen(false);\n onOpenChange?.(false);\n }\n onSelect?.(evt, selected);\n },\n [isMultiSelect, onOpenChange, onSelect],\n );\n\n const listHook = useList<Item, Selection>({\n collectionHook,\n defaultHighlightedIndex:\n (defaultHighlightedIndexProp ?? highlightedIndexProp === undefined)\n ? 0\n : undefined,\n defaultSelected,\n label: \"useDropDownList\",\n onSelectionChange: handleSelectionChange,\n onSelect: handleSelect,\n containerRef: NULL_REF,\n highlightedIndex: highlightedIndexProp,\n onHighlight,\n selected,\n selectionStrategy,\n tabToSelect: !isMultiSelect,\n });\n\n const handleOpenChange = useCallback(\n (open: boolean) => {\n setIsOpen(open);\n onOpenChange?.(open);\n },\n [onOpenChange],\n );\n\n const triggerLabel = useMemo(() => {\n if (isMultiSelect && Array.isArray(listHook.selected)) {\n const selectedItems = listHook.selected as CollectionItem<Item>[];\n if (selectedItems.length === 0) {\n return undefined;\n }\n if (selectedItems.length === 1) {\n const { value } = selectedItems[0];\n return value === null ? undefined : itemToString(value);\n }\n return `${selectedItems.length} items selected`;\n }\n const selectedItem = listHook.selected as CollectionItem<Item>;\n return selectedItem == null \|\| selectedItem.value === null\n ? undefined\n : itemToString(selectedItem.value);\n }, [isMultiSelect, itemToString, listHook.selected]);\n\n return {\n isOpen,\n onOpenChange: handleOpenChange,\n triggerLabel,\n ...listHook,\n };\n};\n"],"names":["itemToString","defaultItemToString","selected"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,QAAA,GAAW,EAAE,OAAA,EAAS,~~IAAK~~,~~EAAA~~;AAiB1B,MAAM,cAAc,CAGzB;AAAA,EACA,cAAA;AAAA,EACA,~~uBAAyB~~,~~EAAA~~,2BAAA;AAAA,EACzB,aAAA;AAAA,EACA,eAAA;AAAA,EACA,~~gBAAkB~~,~~EAAA~~,oBAAA;AAAA,EAClB,~~MAAQ~~,~~EAAA~~,UAAA;AAAA,gBACRA,~~cAAe~~,~~GAAAC~~,YAAA;AAAA,EACf,WAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,~~CAGK~~,~~KAAA~~;AACH,~~EAAM~~,~~MAAA~~,aAAA,GACJ,~~iBAAsB~~,~~KAAA~~,UAAA,IAAc,~~iBAAsB~~,~~KAAA~~,UAAA;AAE5D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,~~aAAuB~~,~~CAAA~~;AAAA,IACjD,~~UAAY~~,~~EAAA~~,UAAA;AAAA,IACZ,SAAS,~~aAAiB~~,~~IAAA~~,KAAA;AAAA,IAC1B,~~IAAM~~,~~EAAA~~;AAAA,GACP,CAAA;AAED,EAAA,MAAM,~~qBAAwB~~,~~GAAA~~,WAAA;AAAA,IAG5B,CAAC,KAAKC,~~SAAa~~,~~KAAA~~;AACjB,MAAA,IAAI,CAAC,~~aAAe~~,~~EAAA~~;AAClB,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,~~QAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,KAAA,CAAA;AAAA;~~AAEjB~~,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,~~GAAKA~~,~~EAAAA~~,SAAAA,CAAAA;AAAA,~~KAC3B~~;AAAA,IACA,CAAC,~~aAAe~~,~~EAAA~~,YAAA,EAAc,iBAAiB;AAAA,GACjD;AAEA,EAAA,MAAM,~~YAAe~~,~~GAAA~~,WAAA;AAAA,IACnB,CAAC,KAAKA,~~SAAa~~,~~KAAA~~;AACjB,MAAA,IAAI,CAAC,~~aAAe~~,~~EAAA~~;AAClB,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,~~QAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,KAAA,CAAA;AAAA;~~AAEjB~~,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,~~GAAKA~~,~~EAAAA~~,SAAAA,CAAAA;AAAA,~~KAClB~~;AAAA,IACA,CAAC,~~aAAe~~,~~EAAA~~,YAAA,EAAc,QAAQ;AAAA,GACxC;AAEA,EAAA,MAAM,WAAW,~~OAAyB~~,~~CAAA~~;AAAA,IACxC,cAAA;AAAA,IACA,~~uBACG~~,~~EAAA~~,2BAAA,IAA+B,~~oBAAyB~~,~~KAAA~~,MAAA,GACrD,~~CACA~~,~~GAAA~~,MAAA;AAAA,IACN,eAAA;AAAA,IACA,~~KAAO~~,~~EAAA~~,iBAAA;AAAA,IACP,~~iBAAmB~~,~~EAAA~~,qBAAA;AAAA,IACnB,~~QAAU~~,~~EAAA~~,YAAA;AAAA,IACV,~~YAAc~~,~~EAAA~~,QAAA;AAAA,IACd,~~gBAAkB~~,~~EAAA~~,oBAAA;AAAA,IAClB,WAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,aAAa,CAAC;AAAA,GACf,CAAA;AAED,EAAA,MAAM,~~gBAAmB~~,~~GAAA~~,WAAA;AAAA,IACvB,CAAC,~~IAAkB~~,~~KAAA~~;AACjB,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,~~MAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,IAAA,CAAA;AAAA,~~KACjB~~;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,~~EAAM~~,~~MAAA~~,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,~~aAAiB~~,~~IAAA~~,KAAA,CAAM,~~OAAQ~~,~~CAAA~~,QAAA,CAAS,QAAQ,~~CAAG~~,~~EAAA~~;AACrD,MAAA,MAAM,gBAAgB,~~QAAS~~,~~CAAA~~,QAAA;AAC/B,~~MAAI~~,~~IAAA~~,aAAA,CAAc,WAAW,~~CAAG~~,~~EAAA~~;AAC9B,~~QAAO~~,~~OAAA~~,MAAA;AAAA;~~AAET~~,~~MAAI~~,~~IAAA~~,aAAA,CAAc,WAAW,~~CAAG~~,~~EAAA~~;AAC9B,QAAA,MAAM,EAAE,KAAA,~~EAAU~~,~~GAAA~~,aAAA,CAAc,CAAC,CAAA;AACjC,QAAA,OAAO,KAAU,~~KAAA,~~IAAA,GAAO,~~MAAY~~,~~GAAAF~~,cAAA,CAAa,KAAK,CAAA;AAAA;~~AAExD~~,~~MAAO~~,~~OAAA~~,CAAA,EAAG,cAAc,MAAM,CAAA,eAAA,CAAA;AAAA;~~AAEhC~~,IAAA,MAAM,eAAe,~~QAAS~~,~~CAAA~~,QAAA;AAC9B,~~IAAO~~,~~OAAA~~,YAAA,IAAgB,QAAQ,~~YAAa~~,~~CAAA~~,KAAA,KAAU,OAClD,~~MACA~~,~~GAAAA~~,cAAA,CAAa,aAAa,KAAK,CAAA;AAAA,~~KAClC~~,CAAC,aAAA,EAAeA,~~cAAc~~,~~EAAA~~,QAAA,CAAS,QAAQ,CAAC,CAAA;AAEnD,~~EAAO~~,~~OAAA~~;AAAA,IACL,MAAA;AAAA,IACA,~~YAAc~~,~~EAAA~~,gBAAA;AAAA,IACd,YAAA;AAAA,IACA,GAAG;AAAA,GACL;AACF;;;;"}
1	+ {"version":3,"file":"useDropdown.js","sources":["../src/dropdown/useDropdown.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n type CollectionItem,\n itemToString as defaultItemToString,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n} from \"../common-hooks\";\nimport { type ListHookProps, type ListHookResult, useList } from \"../list\";\nimport type { DropdownHookProps, DropdownHookResult } from \"./dropdownTypes\";\n\nconst NULL_REF = { current: null };\n\nexport interface DropdownListHookProps<Item, Strategy extends SelectionStrategy>\n extends Partial<Omit<DropdownHookProps, \"onKeyDown\">>,\n Omit<ListHookProps<Item, Strategy>, \"containerRef\"> {\n itemToString?: (item: Item) => string;\n}\n\nexport interface DropdownListHookResult<\n Item,\n Selection extends SelectionStrategy,\n> extends Partial<ListHookResult<Item, Selection>>,\n Partial<DropdownHookResult> {\n onOpenChange: (open: boolean) => void;\n triggerLabel?: string;\n}\n\nexport const useDropdown = <\n Item,\n Selection extends SelectionStrategy = \"default\",\n>({\n collectionHook,\n defaultHighlightedIndex: defaultHighlightedIndexProp,\n defaultIsOpen,\n defaultSelected,\n highlightedIndex: highlightedIndexProp,\n isOpen: isOpenProp,\n itemToString = defaultItemToString,\n onHighlight,\n onOpenChange,\n onSelectionChange,\n onSelect,\n selected,\n selectionStrategy,\n}: DropdownListHookProps<Item, Selection>): DropdownListHookResult<\n Item,\n Selection\n> => {\n const isMultiSelect =\n selectionStrategy === \"multiple\" \|\| selectionStrategy === \"extended\";\n\n const [isOpen, setIsOpen] = useControlled<boolean>({\n controlled: isOpenProp,\n default: defaultIsOpen ?? false,\n name: \"useDropdownList\",\n });\n\n const handleSelectionChange = useCallback<\n SelectionChangeHandler<Item, Selection>\n >(\n (evt, selected) => {\n if (!isMultiSelect) {\n setIsOpen(false);\n onOpenChange?.(false);\n }\n onSelectionChange?.(evt, selected);\n },\n [isMultiSelect, onOpenChange, onSelectionChange],\n );\n\n const handleSelect = useCallback<SelectHandler<Item>>(\n (evt, selected) => {\n if (!isMultiSelect) {\n setIsOpen(false);\n onOpenChange?.(false);\n }\n onSelect?.(evt, selected);\n },\n [isMultiSelect, onOpenChange, onSelect],\n );\n\n const listHook = useList<Item, Selection>({\n collectionHook,\n defaultHighlightedIndex:\n (defaultHighlightedIndexProp ?? highlightedIndexProp === undefined)\n ? 0\n : undefined,\n defaultSelected,\n label: \"useDropDownList\",\n onSelectionChange: handleSelectionChange,\n onSelect: handleSelect,\n containerRef: NULL_REF,\n highlightedIndex: highlightedIndexProp,\n onHighlight,\n selected,\n selectionStrategy,\n tabToSelect: !isMultiSelect,\n });\n\n const handleOpenChange = useCallback(\n (open: boolean) => {\n setIsOpen(open);\n onOpenChange?.(open);\n },\n [onOpenChange],\n );\n\n const triggerLabel = useMemo(() => {\n if (isMultiSelect && Array.isArray(listHook.selected)) {\n const selectedItems = listHook.selected as CollectionItem<Item>[];\n if (selectedItems.length === 0) {\n return undefined;\n }\n if (selectedItems.length === 1) {\n const { value } = selectedItems[0];\n return value === null ? undefined : itemToString(value);\n }\n return `${selectedItems.length} items selected`;\n }\n const selectedItem = listHook.selected as CollectionItem<Item>;\n return selectedItem == null \|\| selectedItem.value === null\n ? undefined\n : itemToString(selectedItem.value);\n }, [isMultiSelect, itemToString, listHook.selected]);\n\n return {\n isOpen,\n onOpenChange: handleOpenChange,\n triggerLabel,\n ...listHook,\n };\n};\n"],"names":["itemToString","defaultItemToString","selected"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,QAAA,GAAW,EAAE,OAAA,EAAS,IAAA,EAAK;AAiB1B,MAAM,cAAc,CAGzB;AAAA,EACA,cAAA;AAAA,EACA,uBAAA,EAAyB,2BAAA;AAAA,EACzB,aAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA,EAAkB,oBAAA;AAAA,EAClB,MAAA,EAAQ,UAAA;AAAA,gBACRA,cAAA,GAAeC,YAAA;AAAA,EACf,WAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAGK;AACH,EAAA,MAAM,aAAA,GACJ,iBAAA,KAAsB,UAAA,IAAc,iBAAA,KAAsB,UAAA;AAE5D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,aAAA,CAAuB;AAAA,IACjD,UAAA,EAAY,UAAA;AAAA,IACZ,SAAS,aAAA,IAAiB,KAAA;AAAA,IAC1B,IAAA,EAAM;AAAA,GACP,CAAA;AAED,EAAA,MAAM,qBAAA,GAAwB,WAAA;AAAA,IAG5B,CAAC,KAAKC,SAAAA,KAAa;AACjB,MAAA,IAAI,CAAC,aAAA,EAAe;AAClB,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAA,CAAA;AAAA,MACjB;AACA,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,GAAA,EAAKA,SAAAA,CAAAA;AAAA,IAC3B,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,YAAA,EAAc,iBAAiB;AAAA,GACjD;AAEA,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,KAAKA,SAAAA,KAAa;AACjB,MAAA,IAAI,CAAC,aAAA,EAAe;AAClB,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAA,CAAA;AAAA,MACjB;AACA,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,GAAA,EAAKA,SAAAA,CAAAA;AAAA,IAClB,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,YAAA,EAAc,QAAQ;AAAA,GACxC;AAEA,EAAA,MAAM,WAAW,OAAA,CAAyB;AAAA,IACxC,cAAA;AAAA,IACA,uBAAA,EACG,2BAAA,IAA+B,oBAAA,KAAyB,MAAA,GACrD,CAAA,GACA,MAAA;AAAA,IACN,eAAA;AAAA,IACA,KAAA,EAAO,iBAAA;AAAA,IACP,iBAAA,EAAmB,qBAAA;AAAA,IACnB,QAAA,EAAU,YAAA;AAAA,IACV,YAAA,EAAc,QAAA;AAAA,IACd,gBAAA,EAAkB,oBAAA;AAAA,IAClB,WAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,aAAa,CAAC;AAAA,GACf,CAAA;AAED,EAAA,MAAM,gBAAA,GAAmB,WAAA;AAAA,IACvB,CAAC,IAAA,KAAkB;AACjB,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,IAAA,CAAA;AAAA,IACjB,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,aAAA,IAAiB,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,QAAQ,CAAA,EAAG;AACrD,MAAA,MAAM,gBAAgB,QAAA,CAAS,QAAA;AAC/B,MAAA,IAAI,aAAA,CAAc,WAAW,CAAA,EAAG;AAC9B,QAAA,OAAO,MAAA;AAAA,MACT;AACA,MAAA,IAAI,aAAA,CAAc,WAAW,CAAA,EAAG;AAC9B,QAAA,MAAM,EAAE,KAAA,EAAM,GAAI,aAAA,CAAc,CAAC,CAAA;AACjC,QAAA,OAAO,KAAA,KAAU,IAAA,GAAO,MAAA,GAAYF,cAAA,CAAa,KAAK,CAAA;AAAA,MACxD;AACA,MAAA,OAAO,CAAA,EAAG,cAAc,MAAM,CAAA,eAAA,CAAA;AAAA,IAChC;AACA,IAAA,MAAM,eAAe,QAAA,CAAS,QAAA;AAC9B,IAAA,OAAO,YAAA,IAAgB,QAAQ,YAAA,CAAa,KAAA,KAAU,OAClD,MAAA,GACAA,cAAA,CAAa,aAAa,KAAK,CAAA;AAAA,EACrC,GAAG,CAAC,aAAA,EAAeA,cAAA,EAAc,QAAA,CAAS,QAAQ,CAAC,CAAA;AAEnD,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,YAAA,EAAc,gBAAA;AAAA,IACd,YAAA;AAAA,IACA,GAAG;AAAA,GACL;AACF;;;;"}

package/dist-es/dropdown/useDropdownBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdownBase.js","sources":["../src/dropdown/useDropdownBase.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { type KeyboardEvent, useCallback, useRef, useState } from \"react\";\n\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport { type measurements, useResizeObserver, WidthOnly } from \"../responsive\";\nimport type { DropdownHookProps, DropdownHookResult } from \"./dropdownTypes\";\nimport { useClickAway } from \"./useClickAway\";\n\nconst NO_OBSERVER: string[] = [];\n\nexport const useDropdownBase = ({\n ariaLabelledBy: ariaLabelledByProp,\n defaultIsOpen,\n disabled,\n // TODO check how we're using fullWidth, do we need a separate value for the popup component\n fullWidth: fullWidthProp,\n id,\n isOpen: isOpenProp,\n onOpenChange,\n onKeyDown: onKeyDownProp,\n openOnFocus,\n popupWidth: popupWidthProp,\n rootRef,\n width,\n}: DropdownHookProps): DropdownHookResult => {\n const justFocused = useRef<number \| null>(null);\n const popperRef = useRef<HTMLElement \| null>(null);\n const popperCallbackRef = useCallback((element: HTMLElement \| null) => {\n popperRef.current = element;\n }, []);\n const [isOpen, setIsOpen] = useControlled({\n controlled: isOpenProp,\n default: Boolean(defaultIsOpen),\n name: \"useDropdown\",\n state: \"isOpen\",\n });\n\n const {\n inFormField,\n setFocused: setFormFieldFocused,\n a11yProps: { \"aria-labelledby\": ariaLabelledBy, ...restA11yProps } = {},\n } = useFormFieldLegacyProps();\n\n const [popup, setPopup] = useState<measurements>({\n width: popupWidthProp ?? width ?? 0,\n });\n\n const showDropdown = useCallback(() => {\n setIsOpen(true);\n onOpenChange?.(true);\n }, [onOpenChange]);\n\n const hideDropdown = useCallback(() => {\n setIsOpen(false);\n onOpenChange?.(false);\n }, [onOpenChange]);\n\n useClickAway({\n popperRef,\n rootRef,\n isOpen,\n onClose: hideDropdown,\n });\n\n const handleTriggerFocus = useCallback(() => {\n if (!disabled) {\n setFormFieldFocused?.(true);\n\n if (openOnFocus) {\n setIsOpen(true);\n onOpenChange?.(true);\n // Suppress response to click if click was the cause of focus\n justFocused.current = window.setTimeout(() => {\n justFocused.current = null;\n }, 1000);\n }\n }\n }, [disabled, onOpenChange, openOnFocus, setFormFieldFocused]);\n\n const handleTriggerBlur = useCallback(() => {\n setFormFieldFocused?.(false);\n }, [setFormFieldFocused]);\n\n const handleTriggerToggle = useCallback(\n (e: MouseEvent) => {\n // Do not trigger menu open for 'Enter' and 'SPACE' key as they're handled in `handleKeyDown`\n if (\n [\"Enter\", \" \"].indexOf(\n (e as unknown as KeyboardEvent<HTMLDivElement>).key,\n ) === -1\n ) {\n const newIsOpen = !isOpen;\n setIsOpen(newIsOpen);\n onOpenChange?.(newIsOpen);\n }\n },\n [isOpen, onOpenChange],\n );\n\n const handleKeydown = useCallback(\n (evt: KeyboardEvent<HTMLElement>) => {\n if ((evt.key === \"Tab\" \|\| evt.key === \"Escape\") && isOpen) {\n // No preventDefault here, this behaviour does not need to be exclusive\n hideDropdown();\n } else if (\n (evt.key === \"Enter\" \|\| evt.key === \"ArrowDown\" \|\| evt.key === \" \") &&\n !isOpen\n ) {\n evt.preventDefault();\n showDropdown();\n } else {\n onKeyDownProp?.(evt);\n }\n },\n [hideDropdown, isOpen, onKeyDownProp, showDropdown],\n );\n\n const fullWidth = fullWidthProp ?? inFormField;\n const measurements = fullWidth ? WidthOnly : NO_OBSERVER;\n useResizeObserver(rootRef, measurements, setPopup, fullWidth);\n\n const componentId = `${id}-dropdown`;\n\n const getAriaLabelledBy = (\n labelledBy: string \| undefined,\n labelledByProp: string \| undefined,\n ): string \| undefined => {\n if (labelledBy === undefined && labelledByProp === undefined) {\n return undefined;\n }\n return [labelledBy, labelledByProp].filter((x) => !!x).join(\" \");\n };\n\n // TODO do we use aria-popup - valid values are menu, dialog, grid, tree, listbox\n const triggerProps = {\n ...restA11yProps,\n \"aria-expanded\": isOpen,\n \"aria-labelledby\": getAriaLabelledBy(ariaLabelledBy, ariaLabelledByProp),\n \"aria-owns\": isOpen ? componentId : undefined,\n id: `${id}-control`,\n onClick: disabled \|\| openOnFocus ? undefined : handleTriggerToggle,\n onFocus: handleTriggerFocus,\n onBlur: handleTriggerBlur,\n role: \"listbox\",\n onKeyDown: disabled ? undefined : handleKeydown,\n style: { width: fullWidth ? undefined : width },\n };\n\n const dropdownComponentProps = {\n \"aria-labelledby\": ariaLabelledBy,\n id: componentId,\n width: popup.width,\n };\n\n return {\n componentProps: dropdownComponentProps,\n popperRef: popperCallbackRef,\n isOpen,\n label: \"Dropdown Button\",\n triggerProps,\n };\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,cAAwB,EAAC;AAExB,MAAM,kBAAkB,CAAC;AAAA,EAC9B,~~cAAgB~~,~~EAAA~~,kBAAA;AAAA,EAChB,aAAA;AAAA,EACA,QAAA;AAAA;AAAA,EAEA,~~SAAW~~,~~EAAA~~,aAAA;AAAA,EACX,EAAA;AAAA,EACA,~~MAAQ~~,~~EAAA~~,UAAA;AAAA,EACR,YAAA;AAAA,EACA,~~SAAW~~,~~EAAA~~,aAAA;AAAA,EACX,WAAA;AAAA,EACA,~~UAAY~~,~~EAAA~~,cAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,~~CAA6C~~,~~KAAA~~;AAC3C,~~EAAM~~,~~MAAA~~,WAAA,GAAc,OAAsB,IAAI,CAAA;AAC9C,~~EAAM~~,~~MAAA~~,SAAA,GAAY,OAA2B,IAAI,CAAA;AACjD,~~EAAM~~,~~MAAA~~,iBAAA,GAAoB,~~WAAY~~,~~CAAA~~,CAAC,~~OAAgC~~,~~KAAA~~;AACrE,IAAA,SAAA,CAAU,~~OAAU~~,~~GAAA~~,OAAA;AAAA,~~GACtB~~,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,~~aAAc~~,~~CAAA~~;AAAA,IACxC,~~UAAY~~,~~EAAA~~,UAAA;AAAA,IACZ,OAAA,EAAS,QAAQ,aAAa,CAAA;AAAA,IAC9B,~~IAAM~~,~~EAAA~~,aAAA;AAAA,IACN,~~KAAO~~,~~EAAA~~;AAAA,GACR,CAAA;AAED,~~EAAM~~,~~MAAA~~;AAAA,IACJ,WAAA;AAAA,IACA,~~UAAY~~,~~EAAA~~,mBAAA;AAAA,IACZ,WAAW,EAAE,iBAAA,EAAmB,gBAAgB,GAAG,aAAA,KAAkB;AAAC,MACpE,~~uBAAwB~~,~~EAAA~~;AAE5B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,~~QAAuB~~,~~CAAA~~;AAAA,IAC/C,KAAA,EAAO,kBAAkB,~~KAAS~~,~~IAAA~~;AAAA,GACnC,CAAA;AAED,~~EAAM~~,~~MAAA~~,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,~~IAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,IAAA,CAAA;AAAA,~~GACjB~~,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,~~EAAM~~,~~MAAA~~,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,~~IAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,KAAA,CAAA;AAAA,~~GACjB~~,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,~~EAAa~~,YAAA,~~CAAA~~;AAAA,IACX,SAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,~~OAAS~~,~~EAAA~~;AAAA,GACV,CAAA;AAED,~~EAAM~~,~~MAAA~~,kBAAA,GAAqB,YAAY,MAAM;AAC3C,IAAA,IAAI,CAAC,~~QAAU~~,~~EAAA~~;AACb,~~MAAsB~~,mBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,mBAAA,~~CAAA~~,IAAA,CAAA;AAEtB,MAAA,IAAI,~~WAAa~~,~~EAAA~~;AACf,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,~~QAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,IAAA,CAAA;AAEf,~~QAAY~~,WAAA,~~CAAA~~,OAAA,GAAU,~~MAAO~~,~~CAAA~~,UAAA,CAAW,MAAM;AAC5C,UAAA,WAAA,CAAY,~~OAAU~~,~~GAAA~~,IAAA;AAAA,~~WACrB~~,GAAI,CAAA;AAAA;~~AACT~~;~~AACF~~,~~KACC~~,CAAC,QAAA,EAAU,~~YAAc~~,~~EAAA~~,WAAA,EAAa,mBAAmB,CAAC,CAAA;AAE7D,~~EAAM~~,~~MAAA~~,iBAAA,GAAoB,YAAY,MAAM;AAC1C,~~IAAsB~~,mBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,mBAAA,~~CAAA~~,KAAA,CAAA;AAAA,~~GACxB~~,EAAG,CAAC,mBAAmB,CAAC,CAAA;AAExB,EAAA,MAAM,~~mBAAsB~~,~~GAAA~~,WAAA;AAAA,IAC1B,CAAC,~~CAAkB~~,~~KAAA~~;AAEjB,~~MACE~~,~~IAAA~~,CAAC,~~OAAS~~,~~EAAA~~,GAAG,CAAE,~~CAAA,~~OAAA;AAAA,QACZ,CAA+C~~,CAAA~~;AAAA,YAC5C,EACN~~,EAAA~~;AACA,QAAA,MAAM,YAAY,CAAC,MAAA;AACnB,QAAA,SAAA,CAAU,SAAS,CAAA;AACnB,~~QAAe~~,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,~~CAAA~~,SAAA,CAAA;AAAA;~~AACjB~~,~~KACF~~;AAAA,IACA,CAAC,QAAQ,YAAY;AAAA,GACvB;AAEA,EAAA,MAAM,~~aAAgB~~,~~GAAA~~,WAAA;AAAA,IACpB,CAAC,~~GAAoC~~,~~KAAA~~;AACnC,MAAA,IAAA,CAAK,IAAI,~~GAAQ~~,~~KAAA~~,KAAA,IAAS,~~GAAI~~,~~CAAA~~,GAAA,KAAQ,aAAa,~~MAAQ~~,~~EAAA~~;AAEzD,~~QAAa~~,YAAA,~~EAAA~~;AAAA,~~OACf~~,MAAA,IAAA,CACG,~~GAAI~~,~~CAAA~~,GAAA,KAAQ,~~OAAW~~,~~IAAA~~,GAAA,CAAI,~~GAAQ~~,~~KAAA~~,WAAA,IAAe,~~GAAI~~,~~CAAA~~,GAAA,KAAQ,~~GAC~~/D,~~KAAA,~~CAAC,~~MACD~~,~~EAAA~~;AACA,QAAA,GAAA,CAAI,~~cAAe~~,~~EAAA~~;AACnB,~~QAAa~~,YAAA,~~EAAA~~;AAAA,~~OACR~~,~~MAAA~~;AACL,~~QAAgB~~,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,~~CAAA~~,GAAA,CAAA;AAAA;~~AAClB~~,~~KACF~~;AAAA,IACA,CAAC,YAAA,EAAc,~~MAAQ~~,~~EAAA~~,aAAA,EAAe,YAAY;AAAA,GACpD;AAEA,EAAA,MAAM,YAAY,~~aAAiB~~,~~IAAA~~,WAAA;AACnC,~~EAAM~~,~~MAAA~~,YAAA,GAAe,YAAY,~~SAAY~~,~~GAAA~~,WAAA;AAC7C,~~EAAkB~~,iBAAA,~~CAAA~~,OAAA,EAAS,~~YAAc~~,~~EAAA~~,QAAA,EAAU,SAAS,CAAA;AAE5D,~~EAAM~~,~~MAAA~~,WAAA,GAAc,GAAG,EAAE,CAAA,SAAA,CAAA;AAEzB,~~EAAM~~,~~MAAA~~,iBAAA,GAAoB,CACxB,UAAA,EACA,~~cACuB~~,~~KAAA~~;AACvB,IAAI,~~IAAA,~~UAAA,KAAe,~~MAAa~~,~~IAAA~~,cAAA,KAAmB,~~MAAW~~,~~EAAA~~;AAC5D,~~MAAO~~,~~OAAA~~,MAAA;AAAA;~~AAET~~,IAAA,OAAO,CAAC,UAAA,EAAY,cAAc,CAAA,CAAE,~~MAAO~~,~~CAAA~~,CAAC,~~CAAM~~,~~KAAA~~,CAAC,CAAC,CAAC,CAAE,~~CAAA,~~IAAA,CAAK,GAAG,CAAA;AAAA,~~GACjE~~;AAGA,EAAA,MAAM,~~YAAe~~,~~GAAA~~;AAAA,IACnB,GAAG,aAAA;AAAA,IACH,~~eAAiB~~,~~EAAA~~,MAAA;AAAA,IACjB,iBAAA,EAAmB,~~iBAAkB~~,~~CAAA~~,cAAA,EAAgB,kBAAkB,CAAA;AAAA,IACvE,WAAA,EAAa,SAAS,~~WAAc~~,~~GAAA~~,MAAA;AAAA,IACpC,EAAA,EAAI,GAAG,EAAE,CAAA,QAAA,CAAA;AAAA,IACT,OAAA,EAAS,~~QAAY~~,~~IAAA~~,WAAA,GAAc,~~MAAY~~,~~GAAA~~,mBAAA;AAAA,IAC/C,~~OAAS~~,~~EAAA~~,kBAAA;AAAA,IACT,~~MAAQ~~,~~EAAA~~,iBAAA;AAAA,IACR,~~IAAM~~,~~EAAA~~,SAAA;AAAA,IACN,SAAA,EAAW,WAAW,~~MAAY~~,~~GAAA~~,aAAA;AAAA,IAClC,~~KAAO~~,~~EAAA~~,EAAE,~~KAAO~~,~~EAAA~~,SAAA,GAAY,SAAY,~~KAAM~~;~~AAAA~~,GAChD;AAEA,EAAA,MAAM,~~sBAAyB~~,~~GAAA~~;AAAA,IAC7B,~~iBAAmB~~,~~EAAA~~,cAAA;AAAA,IACnB,EAAI,~~EAAA,~~WAAA;AAAA,IACJ,OAAO,~~KAAM~~,~~CAAA~~;AAAA,GACf;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL,~~cAAgB~~,~~EAAA~~,sBAAA;AAAA,IAChB,~~SAAW~~,~~EAAA~~,iBAAA;AAAA,IACX,MAAA;AAAA,IACA,~~KAAO~~,~~EAAA~~,iBAAA;AAAA,IACP;AAAA,GACF;AACF;;;;"}
1	+ {"version":3,"file":"useDropdownBase.js","sources":["../src/dropdown/useDropdownBase.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { type KeyboardEvent, useCallback, useRef, useState } from \"react\";\n\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport { type measurements, useResizeObserver, WidthOnly } from \"../responsive\";\nimport type { DropdownHookProps, DropdownHookResult } from \"./dropdownTypes\";\nimport { useClickAway } from \"./useClickAway\";\n\nconst NO_OBSERVER: string[] = [];\n\nexport const useDropdownBase = ({\n ariaLabelledBy: ariaLabelledByProp,\n defaultIsOpen,\n disabled,\n // TODO check how we're using fullWidth, do we need a separate value for the popup component\n fullWidth: fullWidthProp,\n id,\n isOpen: isOpenProp,\n onOpenChange,\n onKeyDown: onKeyDownProp,\n openOnFocus,\n popupWidth: popupWidthProp,\n rootRef,\n width,\n}: DropdownHookProps): DropdownHookResult => {\n const justFocused = useRef<number \| null>(null);\n const popperRef = useRef<HTMLElement \| null>(null);\n const popperCallbackRef = useCallback((element: HTMLElement \| null) => {\n popperRef.current = element;\n }, []);\n const [isOpen, setIsOpen] = useControlled({\n controlled: isOpenProp,\n default: Boolean(defaultIsOpen),\n name: \"useDropdown\",\n state: \"isOpen\",\n });\n\n const {\n inFormField,\n setFocused: setFormFieldFocused,\n a11yProps: { \"aria-labelledby\": ariaLabelledBy, ...restA11yProps } = {},\n } = useFormFieldLegacyProps();\n\n const [popup, setPopup] = useState<measurements>({\n width: popupWidthProp ?? width ?? 0,\n });\n\n const showDropdown = useCallback(() => {\n setIsOpen(true);\n onOpenChange?.(true);\n }, [onOpenChange]);\n\n const hideDropdown = useCallback(() => {\n setIsOpen(false);\n onOpenChange?.(false);\n }, [onOpenChange]);\n\n useClickAway({\n popperRef,\n rootRef,\n isOpen,\n onClose: hideDropdown,\n });\n\n const handleTriggerFocus = useCallback(() => {\n if (!disabled) {\n setFormFieldFocused?.(true);\n\n if (openOnFocus) {\n setIsOpen(true);\n onOpenChange?.(true);\n // Suppress response to click if click was the cause of focus\n justFocused.current = window.setTimeout(() => {\n justFocused.current = null;\n }, 1000);\n }\n }\n }, [disabled, onOpenChange, openOnFocus, setFormFieldFocused]);\n\n const handleTriggerBlur = useCallback(() => {\n setFormFieldFocused?.(false);\n }, [setFormFieldFocused]);\n\n const handleTriggerToggle = useCallback(\n (e: MouseEvent) => {\n // Do not trigger menu open for 'Enter' and 'SPACE' key as they're handled in `handleKeyDown`\n if (\n [\"Enter\", \" \"].indexOf(\n (e as unknown as KeyboardEvent<HTMLDivElement>).key,\n ) === -1\n ) {\n const newIsOpen = !isOpen;\n setIsOpen(newIsOpen);\n onOpenChange?.(newIsOpen);\n }\n },\n [isOpen, onOpenChange],\n );\n\n const handleKeydown = useCallback(\n (evt: KeyboardEvent<HTMLElement>) => {\n if ((evt.key === \"Tab\" \|\| evt.key === \"Escape\") && isOpen) {\n // No preventDefault here, this behaviour does not need to be exclusive\n hideDropdown();\n } else if (\n (evt.key === \"Enter\" \|\| evt.key === \"ArrowDown\" \|\| evt.key === \" \") &&\n !isOpen\n ) {\n evt.preventDefault();\n showDropdown();\n } else {\n onKeyDownProp?.(evt);\n }\n },\n [hideDropdown, isOpen, onKeyDownProp, showDropdown],\n );\n\n const fullWidth = fullWidthProp ?? inFormField;\n const measurements = fullWidth ? WidthOnly : NO_OBSERVER;\n useResizeObserver(rootRef, measurements, setPopup, fullWidth);\n\n const componentId = `${id}-dropdown`;\n\n const getAriaLabelledBy = (\n labelledBy: string \| undefined,\n labelledByProp: string \| undefined,\n ): string \| undefined => {\n if (labelledBy === undefined && labelledByProp === undefined) {\n return undefined;\n }\n return [labelledBy, labelledByProp].filter((x) => !!x).join(\" \");\n };\n\n // TODO do we use aria-popup - valid values are menu, dialog, grid, tree, listbox\n const triggerProps = {\n ...restA11yProps,\n \"aria-expanded\": isOpen,\n \"aria-labelledby\": getAriaLabelledBy(ariaLabelledBy, ariaLabelledByProp),\n \"aria-owns\": isOpen ? componentId : undefined,\n id: `${id}-control`,\n onClick: disabled \|\| openOnFocus ? undefined : handleTriggerToggle,\n onFocus: handleTriggerFocus,\n onBlur: handleTriggerBlur,\n role: \"listbox\",\n onKeyDown: disabled ? undefined : handleKeydown,\n style: { width: fullWidth ? undefined : width },\n };\n\n const dropdownComponentProps = {\n \"aria-labelledby\": ariaLabelledBy,\n id: componentId,\n width: popup.width,\n };\n\n return {\n componentProps: dropdownComponentProps,\n popperRef: popperCallbackRef,\n isOpen,\n label: \"Dropdown Button\",\n triggerProps,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/editable-label/EditableLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableLabel.js","sources":["../src/editable-label/EditableLabel.tsx"],"sourcesContent":["import { useControlled, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ChangeEvent,\n type ForwardedRef,\n forwardRef,\n type KeyboardEvent,\n type ReactElement,\n useCallback,\n useRef,\n} from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\n\nimport editableLabelCss from \"./EditableLabel.css\";\n\nconst classBase = \"saltEditableLabel\";\n\nexport interface EditableLabelProps {\n className?: string;\n defaultEditing?: boolean;\n defaultValue?: string;\n editing?: boolean;\n onEnterEditMode: () => void;\n onChange?: (value: string) => void;\n onExitEditMode: (\n originalLabel: string \| undefined,\n editedLabel: string \| undefined,\n allowDeactivation?: boolean,\n ) => void;\n defaultIsEditing?: boolean;\n value?: string;\n}\n\nexport const EditableLabel = forwardRef(function EditableLabel(\n {\n className: classNameProp,\n defaultEditing,\n defaultValue,\n editing: editingProp,\n onChange,\n onEnterEditMode,\n onExitEditMode,\n value: valueProp,\n }: EditableLabelProps,\n forwardedRef: ForwardedRef<HTMLDivElement>,\n): ReactElement<EditableLabelProps> {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-editable-label\",\n css: editableLabelCss,\n window: targetWindow,\n });\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const [value, setValue] = useControlled({\n controlled: valueProp,\n default: defaultValue ?? \"\",\n name: \"EditableLabel\",\n state: \"value\",\n });\n\n const [editing, setEditing] = useControlled({\n controlled: editingProp,\n default: defaultEditing \|\| false,\n name: \"EditableLabel\",\n state: \"editing\",\n });\n\n const initialValue = useRef(value);\n\n useIsomorphicLayoutEffect(() => {\n if (editing) {\n if (inputRef.current !== null) {\n inputRef.current.select();\n inputRef.current.focus();\n }\n }\n }, [editing]);\n\n const enterEditMode = useCallback(() => {\n setEditing(true);\n // ignoreBlur.current = false;\n onEnterEditMode?.();\n }, [onEnterEditMode]);\n\n const exitEditMode = ({\n cancelEdit = false,\n allowDeactivation = false,\n } = {}) => {\n setEditing(false);\n const originalValue = initialValue.current;\n if (originalValue !== value) {\n if (cancelEdit) {\n setValue(originalValue);\n } else {\n initialValue.current = value;\n }\n }\n onExitEditMode?.(originalValue, value, allowDeactivation);\n };\n\n const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {\n const { value } = evt.target;\n setValue(value);\n onChange?.(value);\n };\n\n const handleDoubleClick = () => {\n enterEditMode();\n };\n\n const handleBlur = () => {\n exitEditMode({ allowDeactivation: true });\n };\n\n const handleKeyDown = (evt: KeyboardEvent<HTMLInputElement>) => {\n if (editing && evt.key === \"Enter\") {\n evt.stopPropagation();\n // we are likely to lose focus as a consequence of user response\n // to exitEdit transition, don't want it to trigger another\n //shouldn't we call setEditing here in case we are in uncontrolled mode ?\n exitEditMode();\n } else if (evt.key === \"ArrowRight\" \|\| evt.key === \"ArrowLeft\") {\n evt.stopPropagation();\n } else if (evt.key === \"Escape\") {\n exitEditMode({ cancelEdit: true });\n }\n };\n\n const className = clsx(classBase, classNameProp, {\n [`${classBase}-editing`]: editing,\n });\n return (\n <div\n className={className}\n onDoubleClick={handleDoubleClick}\n data-text={value}\n ref={forwardedRef}\n >\n {editing ? (\n <Input\n inputProps={{ className: `${classBase}-input` }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={inputRef}\n style={{ padding: 0 }}\n textAlign=\"left\"\n />\n ) : (\n value\n )}\n </div>\n );\n});\n"],"names":["EditableLabel","editableLabelCss","value","Input"],"mappings":";;;;;;;;;;AAiBA,MAAM,~~SAAY~~,~~GAAA~~,mBAAA;~~AAkBL~~,~~MAAA~~,aAAA,GAAgB,~~UAAW~~,~~CAAA~~,SAASA,~~cAC~~/C~~,CAAA~~;AAAA,EACE,~~SAAW~~,~~EAAA~~,aAAA;AAAA,EACX,cAAA;AAAA,EACA,YAAA;AAAA,EACA,~~OAAS~~,~~EAAA~~,WAAA;AAAA,EACT,QAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,~~KAAO~~,~~EAAA~~;AACT,CAAA,EACA,~~YACkC~~,~~EAAA~~;AAClC,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,qBAAA;AAAA,IACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AAED,~~EAAM~~,~~MAAA~~,QAAA,GAAW,OAAgC,IAAI,CAAA;AAErD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,~~aAAc~~,~~CAAA~~;AAAA,IACtC,~~UAAY~~,~~EAAA~~,SAAA;AAAA,IACZ,SAAS,~~YAAgB~~,~~IAAA~~,EAAA;AAAA,IACzB,~~IAAM~~,~~EAAA~~,eAAA;AAAA,IACN,~~KAAO~~,~~EAAA~~;AAAA,GACR,CAAA;AAED,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,~~aAAc~~,~~CAAA~~;AAAA,IAC1C,~~UAAY~~,~~EAAA~~,WAAA;AAAA,IACZ,SAAS,~~cAAkB~~,~~IAAA~~,KAAA;AAAA,IAC3B,~~IAAM~~,~~EAAA~~,eAAA;AAAA,IACN,~~KAAO~~,~~EAAA~~;AAAA,GACR,CAAA;AAED,~~EAAM~~,~~MAAA~~,YAAA,GAAe,OAAO,KAAK,CAAA;AAEjC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,~~OAAS~~,~~EAAA~~;AACX,~~MAAI~~,~~IAAA~~,QAAA,CAAS,YAAY,~~IAAM~~,~~EAAA~~;AAC7B,QAAA,QAAA,CAAS,QAAQ,~~MAAO~~,~~EAAA~~;AACxB,QAAA,QAAA,CAAS,QAAQ,~~KAAM~~,~~EAAA~~;AAAA;~~AACzB~~;~~AACF~~,~~GACF~~,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,~~EAAM~~,~~MAAA~~,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,UAAA,CAAW,IAAI,CAAA;AAEf,IAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,EAAA;AAAA,~~GACF~~,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,EAAA,MAAM,eAAe,CAAC;AAAA,IACpB,~~UAAa~~,~~GAAA~~,KAAA;AAAA,IACb,~~iBAAoB~~,~~GAAA~~;AAAA,GACtB,GAAI,~~EAAO~~,~~KAAA~~;AACT,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,MAAM,gBAAgB,~~YAAa~~,~~CAAA~~,OAAA;AACnC,IAAA,IAAI,kBAAkB,~~KAAO~~,~~EAAA~~;AAC3B,MAAA,IAAI,~~UAAY~~,~~EAAA~~;AACd,QAAA,QAAA,CAAS,aAAa,CAAA;AAAA,~~OACjB~~,~~MAAA~~;AACL,QAAA,YAAA,CAAa,~~OAAU~~,~~GAAA~~,KAAA;AAAA;~~AACzB~~;~~AAEF~~,IAAA,cAAA,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAiB,eAAe,~~KAAO~~,~~EAAA~~,iBAAA,CAAA;AAAA,~~GACzC~~;AAEA,~~EAAM~~,~~MAAA~~,YAAA,GAAe,CAAC,~~GAAuC~~,~~KAAA~~;AAC3D,IAAA,MAAM,EAAE,KAAA,EAAAC,~~MAAM~~,~~EAAA~~,GAAI,~~GAAI~~,~~CAAA~~,MAAA;AACtB,IAAA,QAAA,CAASA,MAAK,CAAA;AACd,~~IAAWA~~,~~QAAAA~~,~~IAAAA~~,~~IAAAA~~,~~GAAAA~~,~~MAAAA~~,~~GAAAA~~,~~QAAAA~~,~~CAAAA~~,MAAAA,CAAAA;AAAA,~~GACb~~;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,~~IAAc~~,aAAA,~~EAAA~~;AAAA,~~GAChB~~;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,~~IAAa~~,YAAA,~~CAAA~~,EAAE,~~iBAAmB~~,~~EAAA~~,IAAA,EAAM,CAAA;AAAA,~~GAC1C~~;AAEA,~~EAAM~~,~~MAAA~~,aAAA,GAAgB,CAAC,~~GAAyC~~,~~KAAA~~;AAC9D,IAAI,~~IAAA,~~OAAA,IAAW,~~GAAI~~,~~CAAA~~,GAAA,KAAQ,~~OAAS~~,~~EAAA~~;AAClC,MAAA,GAAA,CAAI,~~eAAgB~~,~~EAAA~~;AAIpB,~~MAAa~~,YAAA,~~EAAA~~;AAAA,~~eACJ~~,~~GAAI~~,~~CAAA~~,GAAA,KAAQ,~~YAAgB~~,~~IAAA~~,GAAA,CAAI,QAAQ,~~WAAa~~,~~EAAA~~;AAC9D,MAAA,GAAA,CAAI,~~eAAgB~~,~~EAAA~~;AAAA,~~KACtB~~,MAAA,IAAW,~~GAAI~~,~~CAAA~~,GAAA,KAAQ,~~QAAU~~,~~EAAA~~;AAC/B,~~MAAa~~,YAAA,~~CAAA~~,EAAE,~~UAAY~~,~~EAAA~~,IAAA,EAAM,CAAA;AAAA;~~AACnC~~,~~GACF~~;AAEA,~~EAAM~~,~~MAAA~~,SAAA,GAAY,~~IAAK~~,~~CAAA~~,SAAA,EAAW,~~aAAe~~,~~EAAA~~;AAAA,IAC/C,CAAC,CAAA,EAAG,SAAS,CAAA,QAAA,CAAU,GAAG;AAAA,GAC3B,CAAA;AACD,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,~~aAAe~~,~~EAAA~~,iBAAA;AAAA,MACf,~~WAAW~~,~~EAAA~~,KAAA;AAAA,MACX,~~GAAK~~,~~EAAA~~,YAAA;AAAA,MAEJ,~~QACC~~,EAAA,OAAA,~~mBAAA~~,GAAA;AAAA,QAACC,WAAA;AAAA,QAAA;AAAA,UACC,~~UAAY~~,~~EAAA~~,EAAE,~~SAAW~~,~~EAAA~~,CAAA,EAAG,SAAS,~~CAAS~~,MAAA,CAAA,~~EAAA~~;AAAA,UAC9C,KAAA;AAAA,UACA,~~MAAQ~~,~~EAAA~~,UAAA;AAAA,UACR,~~QAAU~~,~~EAAA~~,YAAA;AAAA,UACV,~~SAAW~~,~~EAAA~~,aAAA;AAAA,UACX,~~GAAK~~,~~EAAA~~,QAAA;AAAA,UACL,KAAA,EAAO,EAAE,OAAA,EAAS,~~CAAE~~,~~EAAA~~;AAAA,UACpB,~~SAAU~~,~~EAAA~~;AAAA;AAAA,~~OAGZ~~,~~GAAA~~;AAAA;AAAA,GAEJ;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"EditableLabel.js","sources":["../src/editable-label/EditableLabel.tsx"],"sourcesContent":["import { useControlled, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ChangeEvent,\n type ForwardedRef,\n forwardRef,\n type KeyboardEvent,\n type ReactElement,\n useCallback,\n useRef,\n} from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\n\nimport editableLabelCss from \"./EditableLabel.css\";\n\nconst classBase = \"saltEditableLabel\";\n\nexport interface EditableLabelProps {\n className?: string;\n defaultEditing?: boolean;\n defaultValue?: string;\n editing?: boolean;\n onEnterEditMode: () => void;\n onChange?: (value: string) => void;\n onExitEditMode: (\n originalLabel: string \| undefined,\n editedLabel: string \| undefined,\n allowDeactivation?: boolean,\n ) => void;\n defaultIsEditing?: boolean;\n value?: string;\n}\n\nexport const EditableLabel = forwardRef(function EditableLabel(\n {\n className: classNameProp,\n defaultEditing,\n defaultValue,\n editing: editingProp,\n onChange,\n onEnterEditMode,\n onExitEditMode,\n value: valueProp,\n }: EditableLabelProps,\n forwardedRef: ForwardedRef<HTMLDivElement>,\n): ReactElement<EditableLabelProps> {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-editable-label\",\n css: editableLabelCss,\n window: targetWindow,\n });\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const [value, setValue] = useControlled({\n controlled: valueProp,\n default: defaultValue ?? \"\",\n name: \"EditableLabel\",\n state: \"value\",\n });\n\n const [editing, setEditing] = useControlled({\n controlled: editingProp,\n default: defaultEditing \|\| false,\n name: \"EditableLabel\",\n state: \"editing\",\n });\n\n const initialValue = useRef(value);\n\n useIsomorphicLayoutEffect(() => {\n if (editing) {\n if (inputRef.current !== null) {\n inputRef.current.select();\n inputRef.current.focus();\n }\n }\n }, [editing]);\n\n const enterEditMode = useCallback(() => {\n setEditing(true);\n // ignoreBlur.current = false;\n onEnterEditMode?.();\n }, [onEnterEditMode]);\n\n const exitEditMode = ({\n cancelEdit = false,\n allowDeactivation = false,\n } = {}) => {\n setEditing(false);\n const originalValue = initialValue.current;\n if (originalValue !== value) {\n if (cancelEdit) {\n setValue(originalValue);\n } else {\n initialValue.current = value;\n }\n }\n onExitEditMode?.(originalValue, value, allowDeactivation);\n };\n\n const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {\n const { value } = evt.target;\n setValue(value);\n onChange?.(value);\n };\n\n const handleDoubleClick = () => {\n enterEditMode();\n };\n\n const handleBlur = () => {\n exitEditMode({ allowDeactivation: true });\n };\n\n const handleKeyDown = (evt: KeyboardEvent<HTMLInputElement>) => {\n if (editing && evt.key === \"Enter\") {\n evt.stopPropagation();\n // we are likely to lose focus as a consequence of user response\n // to exitEdit transition, don't want it to trigger another\n //shouldn't we call setEditing here in case we are in uncontrolled mode ?\n exitEditMode();\n } else if (evt.key === \"ArrowRight\" \|\| evt.key === \"ArrowLeft\") {\n evt.stopPropagation();\n } else if (evt.key === \"Escape\") {\n exitEditMode({ cancelEdit: true });\n }\n };\n\n const className = clsx(classBase, classNameProp, {\n [`${classBase}-editing`]: editing,\n });\n return (\n <div\n className={className}\n onDoubleClick={handleDoubleClick}\n data-text={value}\n ref={forwardedRef}\n >\n {editing ? (\n <Input\n inputProps={{ className: `${classBase}-input` }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={inputRef}\n style={{ padding: 0 }}\n textAlign=\"left\"\n />\n ) : (\n value\n )}\n </div>\n );\n});\n"],"names":["EditableLabel","editableLabelCss","value","Input"],"mappings":"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"}

package/dist-es/form-field-context-legacy/FormFieldLegacyContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormFieldLegacyContext.js","sources":["../src/form-field-context-legacy/FormFieldLegacyContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport type {\n Dispatch,\n FocusEventHandler,\n RefObject,\n SetStateAction,\n} from \"react\";\nimport type { useA11yValueValue } from \"../form-field-legacy\";\nexport interface FormFieldLegacyContextValue {\n inFormField: true;\n ref: RefObject<HTMLDivElement>;\n a11yProps: useA11yValueValue;\n focused: boolean;\n setFocused: Dispatch<SetStateAction<boolean>>;\n onBlur: FocusEventHandler<HTMLElement>;\n onFocus: FocusEventHandler<HTMLElement>;\n}\n\nexport const FormFieldLegacyContext = createContext(\n \"FormFieldContext\",\n {} as FormFieldLegacyContextValue,\n);\n"],"names":[],"mappings":";;AAkBO,MAAM,~~sBAAyB~~,~~GAAA~~,aAAA;AAAA,EACpC,kBAAA;AAAA,EACA;AACF;;;;"}
1	+ {"version":3,"file":"FormFieldLegacyContext.js","sources":["../src/form-field-context-legacy/FormFieldLegacyContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport type {\n Dispatch,\n FocusEventHandler,\n RefObject,\n SetStateAction,\n} from \"react\";\nimport type { useA11yValueValue } from \"../form-field-legacy\";\nexport interface FormFieldLegacyContextValue {\n inFormField: true;\n ref: RefObject<HTMLDivElement>;\n a11yProps: useA11yValueValue;\n focused: boolean;\n setFocused: Dispatch<SetStateAction<boolean>>;\n onBlur: FocusEventHandler<HTMLElement>;\n onFocus: FocusEventHandler<HTMLElement>;\n}\n\nexport const FormFieldLegacyContext = createContext(\n \"FormFieldContext\",\n {} as FormFieldLegacyContextValue,\n);\n"],"names":[],"mappings":";;AAkBO,MAAM,sBAAA,GAAyB,aAAA;AAAA,EACpC,kBAAA;AAAA,EACA;AACF;;;;"}

package/dist-es/form-field-context-legacy/useFormFieldLegacyProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFormFieldLegacyProps.js","sources":["../src/form-field-context-legacy/useFormFieldLegacyProps.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport {\n FormFieldLegacyContext,\n type FormFieldLegacyContextValue,\n} from \"./FormFieldLegacyContext\";\n\ninterface useFormFieldLegacyPropsProps {\n focusVisible?: boolean;\n}\n\nexport function useFormFieldLegacyProps({\n focusVisible,\n}: useFormFieldLegacyPropsProps = {}): Partial<FormFieldLegacyContextValue> {\n // TODO should this be a separate value for FocusVisible\n const { setFocused, ...formFieldProps } =\n useContext(FormFieldLegacyContext) \|\| {};\n\n useIsomorphicLayoutEffect(() => {\n if (focusVisible !== undefined && setFocused) {\n setFocused(focusVisible);\n }\n }, [focusVisible, setFocused]);\n\n return {\n setFocused,\n ...formFieldProps,\n };\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,~~uBAAwB~~,~~CAAA~~;AAAA,EACtC;AACF,CAAA,GAAkC,~~EAA0C~~,~~EAAA~~;AAE1E,~~EAAM~~,~~MAAA~~,EAAE,YAAY,GAAG,cAAA,KACrB,~~UAAW~~,~~CAAA~~,sBAAsB,KAAK,EAAC;AAEzC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,~~IAAA,~~YAAA,KAAiB,UAAa,~~UAAY~~,~~EAAA~~;AAC5C,MAAA,UAAA,CAAW,YAAY,CAAA;AAAA;~~AACzB~~,~~GACC~~,~~EAAA~~,CAAC,~~YAAc~~,~~EAAA~~,UAAU,CAAC,CAAA;AAE7B,~~EAAO~~,~~OAAA~~;AAAA,IACL,UAAA;AAAA,IACA,GAAG;AAAA,GACL;AACF;;;;"}
1	+ {"version":3,"file":"useFormFieldLegacyProps.js","sources":["../src/form-field-context-legacy/useFormFieldLegacyProps.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport {\n FormFieldLegacyContext,\n type FormFieldLegacyContextValue,\n} from \"./FormFieldLegacyContext\";\n\ninterface useFormFieldLegacyPropsProps {\n focusVisible?: boolean;\n}\n\nexport function useFormFieldLegacyProps({\n focusVisible,\n}: useFormFieldLegacyPropsProps = {}): Partial<FormFieldLegacyContextValue> {\n // TODO should this be a separate value for FocusVisible\n const { setFocused, ...formFieldProps } =\n useContext(FormFieldLegacyContext) \|\| {};\n\n useIsomorphicLayoutEffect(() => {\n if (focusVisible !== undefined && setFocused) {\n setFocused(focusVisible);\n }\n }, [focusVisible, setFocused]);\n\n return {\n setFocused,\n ...formFieldProps,\n };\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,uBAAA,CAAwB;AAAA,EACtC;AACF,CAAA,GAAkC,EAAC,EAAyC;AAE1E,EAAA,MAAM,EAAE,YAAY,GAAG,cAAA,KACrB,UAAA,CAAW,sBAAsB,KAAK,EAAC;AAEzC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,YAAA,KAAiB,UAAa,UAAA,EAAY;AAC5C,MAAA,UAAA,CAAW,YAAY,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,UAAU,CAAC,CAAA;AAE7B,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA,GAAG;AAAA,GACL;AACF;;;;"}

package/dist-es/form-field-legacy/FormActivationIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormActivationIndicator.js","sources":["../src/form-field-legacy/FormActivationIndicator.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { SVGAttributes } from \"react\";\nimport formActivationIndicatorCss from \"./FormActivationIndicator.css\";\nimport type { FormFieldLegacyProps as FormFieldProps } from \"./FormFieldLegacy\";\n\nconst ErrorIndicatorIcon = (props: SVGAttributes<SVGSVGElement>) => {\n return (\n <svg\n viewBox=\"0 0 16 16\"\n focusable={false}\n data-testid=\"ErrorIndicatorIcon\"\n {...props}\n >\n <circle cx={8} cy={8} r={8} />\n </svg>\n );\n};\n\nconst WarningIndicatorIcon = (props: SVGAttributes<SVGSVGElement>) => {\n return (\n <svg\n viewBox=\"0 0 16 16\"\n focusable={false}\n data-testid=\"WarningIndicatorIcon\"\n {...props}\n >\n <polygon points=\"0, 16 16, 16 16, 0\" />\n </svg>\n );\n};\n\nconst withBaseName = makePrefixer(\"saltFormActivationIndicator\");\n\nconst ActivationIndicatorIcon = ({\n validationStatus,\n ...restSvgProps\n}: Pick<FormFieldProps, \"validationStatus\"> & SVGAttributes<SVGSVGElement>) => {\n if (validationStatus === \"error\") {\n return <ErrorIndicatorIcon {...restSvgProps} />;\n }\n if (validationStatus === \"warning\") {\n return <WarningIndicatorIcon {...restSvgProps} />;\n }\n return null;\n};\n\n// Removed `enabled` prop, it's better to let parent to control render\nexport interface FormActivationIndicatorProps\n extends Pick<FormFieldProps, \"validationStatus\"> {\n hasIcon?: boolean;\n}\n\nexport const FormActivationIndicator = ({\n hasIcon,\n validationStatus,\n}: FormActivationIndicatorProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-activation-indicator\",\n css: formActivationIndicatorCss,\n window: targetWindow,\n });\n\n const rootClass = \"saltFormActivationIndicator\";\n\n return (\n <div className={withBaseName()}>\n <div className={withBaseName(\"bar\")}>\n {hasIcon && validationStatus && (\n <ActivationIndicatorIcon\n className={`${rootClass}-icon`}\n validationStatus={validationStatus}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["formActivationIndicatorCss"],"mappings":";;;;;;AAOA,MAAM,kBAAA,GAAqB,CAAC,KAAwC~~,KAAA~~;AAClE,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,~~OAAQ~~,~~EAAA~~,WAAA;AAAA,MACR,~~SAAW~~,~~EAAA~~,KAAA;AAAA,MACX,~~aAAY~~,~~EAAA~~,oBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,8BAAC,~~QAAO~~,EAAA,~~EAAA~~,EAAA,EAAI,GAAG,EAAI,~~EAAA,~~CAAA,EAAG,GAAG,~~CAAG~~,~~EAAA~~;AAAA;AAAA,GAC9B;AAEJ,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,KAAwC~~,KAAA~~;AACpE,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,~~OAAQ~~,~~EAAA~~,WAAA;AAAA,MACR,~~SAAW~~,~~EAAA~~,KAAA;AAAA,MACX,~~aAAY~~,~~EAAA~~,sBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,~~SAAQ~~,EAAA,~~EAAA~~,MAAA,EAAO,~~oBAAqB~~,~~EAAA~~;AAAA;AAAA,GACvC;AAEJ,CAAA;AAEA,MAAM,YAAA,GAAe,aAAa,6BAA6B,CAAA;AAE/D,MAAM,0BAA0B,CAAC;AAAA,EAC/B,gBAAA;AAAA,EACA,GAAG;AACL,~~CAA~~+E~~,KAAA~~;AAC7E,EAAA,IAAI,qBAAqB,~~OAAS~~,~~EAAA~~;AAChC,~~IAAO~~,~~uBAAA~~,GAAA,CAAC,~~kBAAoB~~,EAAA,~~EAAA~~,GAAG,~~YAAc~~,~~EAAA~~,CAAA;AAAA~~;AAE~~/C,EAAA,IAAI,qBAAqB,~~SAAW~~,~~EAAA~~;AAClC,~~IAAO~~,~~uBAAA~~,GAAA,CAAC,~~oBAAsB~~,EAAA,~~EAAA~~,GAAG,~~YAAc~~,~~EAAA~~,CAAA;AAAA;~~AAEjD~~,~~EAAO~~,~~OAAA~~,IAAA;AACT,CAAA;AAQO,MAAM,0BAA0B,CAAC;AAAA,EACtC,OAAA;AAAA,EACA;AACF,~~CAAoC~~,~~KAAA~~;AAClC,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,gCAAA;AAAA,IACR,~~GAAK~~,~~EAAAA~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AAED,EAAA,MAAM,~~SAAY~~,~~GAAA~~,6BAAA;AAElB,EAAA,~~uBACG~~,GAAA,~~CAAA~~,KAAA,EAAA,EAAI,~~SAAW~~,~~EAAA~~,YAAA,~~EACd~~,~~EAAA~~,QAAA,kBAAA,GAAA,CAAC,~~KAAI~~,EAAA,~~EAAA~~,SAAA,EAAW,~~YAAa~~,~~CAAA~~,KAAK,~~CAC~~/B,~~EAAA,~~QAAA,EAAA,OAAA,IAAW,~~gBACV~~,~~oBAAA~~,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAS,CAAA,KAAA,CAAA;AAAA,MACvB;AAAA;AAAA,KAGN,~~CACF~~,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FormActivationIndicator.js","sources":["../src/form-field-legacy/FormActivationIndicator.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { SVGAttributes } from \"react\";\nimport formActivationIndicatorCss from \"./FormActivationIndicator.css\";\nimport type { FormFieldLegacyProps as FormFieldProps } from \"./FormFieldLegacy\";\n\nconst ErrorIndicatorIcon = (props: SVGAttributes<SVGSVGElement>) => {\n return (\n <svg\n viewBox=\"0 0 16 16\"\n focusable={false}\n data-testid=\"ErrorIndicatorIcon\"\n {...props}\n >\n <circle cx={8} cy={8} r={8} />\n </svg>\n );\n};\n\nconst WarningIndicatorIcon = (props: SVGAttributes<SVGSVGElement>) => {\n return (\n <svg\n viewBox=\"0 0 16 16\"\n focusable={false}\n data-testid=\"WarningIndicatorIcon\"\n {...props}\n >\n <polygon points=\"0, 16 16, 16 16, 0\" />\n </svg>\n );\n};\n\nconst withBaseName = makePrefixer(\"saltFormActivationIndicator\");\n\nconst ActivationIndicatorIcon = ({\n validationStatus,\n ...restSvgProps\n}: Pick<FormFieldProps, \"validationStatus\"> & SVGAttributes<SVGSVGElement>) => {\n if (validationStatus === \"error\") {\n return <ErrorIndicatorIcon {...restSvgProps} />;\n }\n if (validationStatus === \"warning\") {\n return <WarningIndicatorIcon {...restSvgProps} />;\n }\n return null;\n};\n\n// Removed `enabled` prop, it's better to let parent to control render\nexport interface FormActivationIndicatorProps\n extends Pick<FormFieldProps, \"validationStatus\"> {\n hasIcon?: boolean;\n}\n\nexport const FormActivationIndicator = ({\n hasIcon,\n validationStatus,\n}: FormActivationIndicatorProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-activation-indicator\",\n css: formActivationIndicatorCss,\n window: targetWindow,\n });\n\n const rootClass = \"saltFormActivationIndicator\";\n\n return (\n <div className={withBaseName()}>\n <div className={withBaseName(\"bar\")}>\n {hasIcon && validationStatus && (\n <ActivationIndicatorIcon\n className={`${rootClass}-icon`}\n validationStatus={validationStatus}\n />\n )}\n </div>\n </div>\n );\n};\n"],"names":["formActivationIndicatorCss"],"mappings":";;;;;;AAOA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAwC;AAClE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAW,KAAA;AAAA,MACX,aAAA,EAAY,oBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,8BAAC,QAAA,EAAA,EAAO,EAAA,EAAI,GAAG,EAAA,EAAI,CAAA,EAAG,GAAG,CAAA,EAAG;AAAA;AAAA,GAC9B;AAEJ,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAAwC;AACpE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAW,KAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,oBAAA,EAAqB;AAAA;AAAA,GACvC;AAEJ,CAAA;AAEA,MAAM,YAAA,GAAe,aAAa,6BAA6B,CAAA;AAE/D,MAAM,0BAA0B,CAAC;AAAA,EAC/B,gBAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA+E;AAC7E,EAAA,IAAI,qBAAqB,OAAA,EAAS;AAChC,IAAA,uBAAO,GAAA,CAAC,kBAAA,EAAA,EAAoB,GAAG,YAAA,EAAc,CAAA;AAAA,EAC/C;AACA,EAAA,IAAI,qBAAqB,SAAA,EAAW;AAClC,IAAA,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAsB,GAAG,YAAA,EAAc,CAAA;AAAA,EACjD;AACA,EAAA,OAAO,IAAA;AACT,CAAA;AAQO,MAAM,0BAA0B,CAAC;AAAA,EACtC,OAAA;AAAA,EACA;AACF,CAAA,KAAoC;AAClC,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,gCAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,SAAA,GAAY,6BAAA;AAElB,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,EAAa,EAC3B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,KAAK,CAAA,EAC/B,QAAA,EAAA,OAAA,IAAW,gBAAA,oBACV,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAS,CAAA,KAAA,CAAA;AAAA,MACvB;AAAA;AAAA,KAGN,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist-es/form-field-legacy/FormFieldLegacy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormFieldLegacy.js","sources":["../src/form-field-legacy/FormFieldLegacy.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type Dispatch,\n type ElementType,\n type FocusEventHandler,\n type ForwardedRef,\n forwardRef,\n type HTMLAttributes,\n type SetStateAction,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { FormFieldLegacyContext } from \"../form-field-context-legacy\";\nimport { classBase } from \"./constant\";\nimport {\n FormActivationIndicator,\n type FormActivationIndicatorProps,\n} from \"./FormActivationIndicator\";\nimport formFieldLegacyCss from \"./FormFieldLegacy.css\";\nimport { FormHelperText, type FormHelperTextProps } from \"./FormHelperText\";\nimport { FormLabel, type FormLabelProps } from \"./FormLabel\";\nimport type { NecessityIndicatorOptions } from \"./NecessityIndicator\";\nimport type { StatusIndicatorProps } from \"./StatusIndicator\";\n\nexport type FormFieldLabelPlacement = \"top\" \| \"left\";\nexport type FormFieldHelperTextPlacement = \"bottom\" \| \"tooltip\";\nexport type FormFieldValidationStatus = \"error\" \| \"warning\";\n\nexport interface A11yValueProps\n extends Pick<NecessityIndicatorOptions, \"required\"> {\n /*\n If `true`, the FormField will be disabled.\n /\n disabled?: boolean;\n /* id of the helper text node /\n helperTextId?: string;\n /* id of the label node /\n labelId?: string;\n /\n The FormField value is Readonly\n /\n readOnly?: boolean;\n\n /\n Whether the form field needs to render helper text\n /\n renderHelperText?: boolean;\n}\n\nexport interface FormFieldLegacyProps\n extends HTMLAttributes<HTMLDivElement>,\n A11yValueProps {\n /\n The component used for activation indicator. Default to `FormActivationIndicator`.\n /\n ActivationIndicatorComponent?: ElementType<FormActivationIndicatorProps>;\n /\n Outer focus ring focus will not be applied. Defaults to false.\n /\n disableFocusRing?: boolean;\n // I hate this fullWidth business. We should support a width prop. The default should be 100% (standard block behaviour)\n // we should also support 'auto' or explicit numeric values\n /\n Whether the form field is occupying full width.\n /\n fullWidth?: boolean;\n /\n Whether to show the StatusIndicator component for validation states.\n /\n hasStatusIndicator?: boolean;\n /\n The helper text content\n /\n helperText?: string;\n /\n The component used for the helper text. Default to `FormHelperText`.\n /\n HelperTextComponent?: ElementType<FormHelperTextProps>;\n /\n Location the helperText, values: 'bottom' (default) or 'tooltip'.\n /\n helperTextPlacement?: FormFieldHelperTextPlacement;\n /\n Props to be applied to the `HelperTextComponent`.\n \n Generic on `FormHelperTextProps` is omitted.\n /\n HelperTextProps?: Partial<FormHelperTextProps>;\n /\n The label value for the FormField\n /\n label?: string;\n /\n The component used for the label. Default to `FormLabel`.\n /\n LabelComponent?: ElementType;\n /\n Location the label, values: 'top' (default) or 'left'\n /\n labelPlacement?: FormFieldLabelPlacement;\n /\n Props to be applied to the `LabelComponent`\n /\n LabelProps?: Partial<FormLabelProps>;\n /\n Override props to be used with the StatusIndicator component\n /\n StatusIndicatorProps?: Partial<StatusIndicatorProps>;\n /\n The state for the FormField: Must be one of: 'error'\|'warning'\|undefined\n /\n validationStatus?: FormFieldValidationStatus;\n /\n FormField variants; defaults to primary.\n \n Deprecated: The 'tertiary' variant has been deprecated\n /\n variant?: \"primary\" \| \"secondary\" \| \"tertiary\";\n}\n\nexport interface useA11yValueValue {\n \"aria-labelledby\": A11yValueProps[\"labelId\"];\n \"aria-required\": A11yValueProps[\"required\"];\n \"aria-describedby\": A11yValueProps[\"helperTextId\"] \| undefined;\n disabled: A11yValueProps[\"disabled\"];\n readOnly: A11yValueProps[\"readOnly\"];\n}\n\nconst useA11yValue = ({\n required,\n disabled,\n readOnly,\n labelId,\n helperTextId,\n renderHelperText,\n}: A11yValueProps) => {\n return useMemo(\n () => ({\n \"aria-labelledby\": labelId,\n \"aria-required\": required,\n \"aria-describedby\": renderHelperText ? helperTextId : undefined,\n disabled,\n readOnly,\n }),\n [labelId, disabled, readOnly, required, renderHelperText, helperTextId],\n );\n};\n\n// TODO: Add TS props for this\nexport const useFormFieldLegacy = ({\n onBlur,\n onFocus,\n}: {\n onBlur?: FocusEventHandler<HTMLDivElement>;\n onFocus?: FocusEventHandler<HTMLDivElement>;\n}): [\n { focused: boolean },\n { setFocused: Dispatch<SetStateAction<boolean>> },\n {\n onBlur: FocusEventHandler<HTMLDivElement>;\n onFocus: FocusEventHandler<HTMLDivElement>;\n },\n] => {\n const [focused, setFocused] = useState(false);\n const handleBlur: FocusEventHandler<HTMLDivElement> = (event) => {\n setFocused(false);\n onBlur?.(event);\n };\n const handleFocus: FocusEventHandler<HTMLDivElement> = (event) => {\n setFocused(true);\n onFocus?.(event);\n };\n return [\n {\n focused,\n },\n {\n setFocused,\n },\n {\n onBlur: handleBlur,\n onFocus: handleFocus,\n },\n ];\n};\n\nconst withBaseName = makePrefixer(classBase);\n\nexport const FormFieldLegacy = forwardRef(\n (\n {\n ActivationIndicatorComponent = FormActivationIndicator,\n children,\n className,\n disabled,\n disableFocusRing = false,\n fullWidth = true,\n hasStatusIndicator,\n HelperTextComponent = FormHelperText,\n HelperTextProps,\n helperText,\n helperTextPlacement = \"bottom\",\n label,\n LabelComponent = FormLabel,\n labelPlacement = \"top\",\n LabelProps = { displayedNecessity: \"required\" },\n onBlur,\n onFocus,\n readOnly,\n required,\n StatusIndicatorProps,\n validationStatus,\n variant = \"primary\",\n ...restProps\n }: FormFieldLegacyProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-legacy\",\n css: formFieldLegacyCss,\n window: targetWindow,\n });\n\n const labelId = useId(LabelProps?.id);\n const helperTextId = useId(HelperTextProps?.id);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const renderHelperText = !!helperText;\n\n const a11yValue = useA11yValue({\n required,\n disabled,\n readOnly,\n labelId,\n helperTextId,\n renderHelperText,\n });\n\n const [states, dispatchers, eventHandlers] = useFormFieldLegacy({\n onBlur,\n onFocus,\n });\n\n const hasLabel = label !== undefined;\n const labelTop = hasLabel && labelPlacement === \"top\";\n const labelLeft = hasLabel && labelPlacement === \"left\";\n const isWarning = validationStatus === \"warning\";\n const isError = validationStatus === \"error\";\n const focusClass = disableFocusRing\n ? \"lowFocused\"\n : \"focused\"; / NOTE: need to look at */\n const inlineHelperText =\n renderHelperText && helperTextPlacement === \"bottom\";\n const tooltipHelperText =\n renderHelperText &&\n helperTextPlacement === \"tooltip\" &&\n !hasStatusIndicator;\n\n const handleTriggerRef = useForkRef(rootRef, ref);\n\n return (\n <Tooltip disabled={!tooltipHelperText} content={helperText}>\n <div\n ref={handleTriggerRef}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"readOnly\")]: readOnly,\n [withBaseName(\"warning\")]: isWarning,\n [withBaseName(\"error\")]: isError,\n [withBaseName(\"fullWidth\")]: fullWidth,\n [withBaseName(focusClass)]: states.focused,\n [withBaseName(\"labelTop\")]: labelTop,\n [withBaseName(\"labelLeft\")]: labelLeft,\n [withBaseName(\"withHelperText\")]: inlineHelperText,\n [withBaseName(variant)]: variant,\n },\n className,\n )}\n {...eventHandlers}\n {...restProps}\n >\n <FormFieldLegacyContext.Provider\n value={{\n ...states,\n ...dispatchers,\n ...eventHandlers,\n a11yProps: a11yValue,\n inFormField: true,\n ref: rootRef,\n }}\n >\n {hasLabel && (\n <LabelComponent\n {...LabelProps}\n validationStatus={validationStatus}\n hasStatusIndicator={hasStatusIndicator}\n StatusIndicatorProps={StatusIndicatorProps}\n className={LabelProps.className}\n label={label}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n tooltipText={helperText}\n id={labelId}\n />\n )}\n {children}\n <ActivationIndicatorComponent\n hasIcon={!hasStatusIndicator}\n validationStatus={validationStatus}\n />\n {renderHelperText && (\n <HelperTextComponent\n helperText={helperText}\n helperTextPlacement={helperTextPlacement}\n {...HelperTextProps}\n id={helperTextId}\n />\n )}\n </FormFieldLegacyContext.Provider>\n </div>\n </Tooltip>\n );\n },\n);\n"],"names":["formFieldLegacyCss"],"mappings":";;;;;;;;;;;;;AAoIA,MAAM,eAAe,CAAC;AAAA,EACpB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAsB,KAAA;AACpB,EAAO,OAAA,OAAA;AAAA,IACL,OAAO;AAAA,MACL,iBAAmB,EAAA,OAAA;AAAA,MACnB,eAAiB,EAAA,QAAA;AAAA,MACjB,kBAAA,EAAoB,mBAAmB,YAAe,GAAA,MAAA;AAAA,MACtD,QAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAS,EAAA,QAAA,EAAU,QAAU,EAAA,QAAA,EAAU,kBAAkB,YAAY;AAAA,GACxE;AACF,CAAA;AAGO,MAAM,qBAAqB,CAAC;AAAA,EACjC,MAAA;AAAA,EACA;AACF,CAUK,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAgD,CAAC,KAAU,KAAA;AAC/D,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAS,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,KAAA,CAAA;AAAA,GACX;AACA,EAAM,MAAA,WAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAU,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AAAA,GACZ;AACA,EAAO,OAAA;AAAA,IACL;AAAA,MACE;AAAA,KACF;AAAA,IACA;AAAA,MACE;AAAA,KACF;AAAA,IACA;AAAA,MACE,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA;AAAA;AACX,GACF;AACF;AAEA,MAAM,YAAA,GAAe,aAAa,SAAS,CAAA;AAEpC,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,4BAA+B,GAAA,uBAAA;AAAA,IAC/B,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAmB,GAAA,KAAA;AAAA,IACnB,SAAY,GAAA,IAAA;AAAA,IACZ,kBAAA;AAAA,IACA,mBAAsB,GAAA,cAAA;AAAA,IACtB,eAAA;AAAA,IACA,UAAA;AAAA,IACA,mBAAsB,GAAA,QAAA;AAAA,IACtB,KAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,cAAiB,GAAA,KAAA;AAAA,IACjB,UAAA,GAAa,EAAE,kBAAA,EAAoB,UAAW,EAAA;AAAA,IAC9C,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,oBAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,GAAG;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,wBAAA;AAAA,MACR,GAAK,EAAAA,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA,OAAA,GAAU,KAAM,CAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,EAAE,CAAA;AACpC,IAAM,MAAA,YAAA,GAAe,KAAM,CAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,EAAE,CAAA;AAC9C,IAAM,MAAA,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,IAAM,MAAA,gBAAA,GAAmB,CAAC,CAAC,UAAA;AAE3B,IAAA,MAAM,YAAY,YAAa,CAAA;AAAA,MAC7B,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,CAAC,MAAA,EAAQ,WAAa,EAAA,aAAa,IAAI,kBAAmB,CAAA;AAAA,MAC9D,MAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,WAAW,KAAU,KAAA,MAAA;AAC3B,IAAM,MAAA,QAAA,GAAW,YAAY,cAAmB,KAAA,KAAA;AAChD,IAAM,MAAA,SAAA,GAAY,YAAY,cAAmB,KAAA,MAAA;AACjD,IAAA,MAAM,YAAY,gBAAqB,KAAA,SAAA;AACvC,IAAA,MAAM,UAAU,gBAAqB,KAAA,OAAA;AACrC,IAAM,MAAA,UAAA,GAAa,mBACf,YACA,GAAA,SAAA;AACJ,IAAM,MAAA,gBAAA,GACJ,oBAAoB,mBAAwB,KAAA,QAAA;AAC9C,IAAA,MAAM,iBACJ,GAAA,gBAAA,IACA,mBAAwB,KAAA,SAAA,IACxB,CAAC,kBAAA;AAEH,IAAM,MAAA,gBAAA,GAAmB,UAAW,CAAA,OAAA,EAAS,GAAG,CAAA;AAEhD,IAAA,2BACG,OAAQ,EAAA,EAAA,QAAA,EAAU,CAAC,iBAAA,EAAmB,SAAS,UAC9C,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,gBAAA;AAAA,QACL,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,SAAA;AAAA,YAC3B,CAAC,YAAA,CAAa,OAAO,CAAC,GAAG,OAAA;AAAA,YACzB,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,SAAA;AAAA,YAC7B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,MAAO,CAAA,OAAA;AAAA,YACnC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,SAAA;AAAA,YAC7B,CAAC,YAAA,CAAa,gBAAgB,CAAC,GAAG,gBAAA;AAAA,YAClC,CAAC,YAAA,CAAa,OAAO,CAAC,GAAG;AAAA,WAC3B;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,aAAA;AAAA,QACH,GAAG,SAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA;AAAA,UAAC,sBAAuB,CAAA,QAAA;AAAA,UAAvB;AAAA,YACC,KAAO,EAAA;AAAA,cACL,GAAG,MAAA;AAAA,cACH,GAAG,WAAA;AAAA,cACH,GAAG,aAAA;AAAA,cACH,SAAW,EAAA,SAAA;AAAA,cACX,WAAa,EAAA,IAAA;AAAA,cACb,GAAK,EAAA;AAAA,aACP;AAAA,YAEC,QAAA,EAAA;AAAA,cACC,QAAA,oBAAA,GAAA;AAAA,gBAAC,cAAA;AAAA,gBAAA;AAAA,kBACE,GAAG,UAAA;AAAA,kBACJ,gBAAA;AAAA,kBACA,kBAAA;AAAA,kBACA,oBAAA;AAAA,kBACA,WAAW,UAAW,CAAA,SAAA;AAAA,kBACtB,KAAA;AAAA,kBACA,QAAA;AAAA,kBACA,QAAA;AAAA,kBACA,QAAA;AAAA,kBACA,WAAa,EAAA,UAAA;AAAA,kBACb,EAAI,EAAA;AAAA;AAAA,eACN;AAAA,cAED,QAAA;AAAA,8BACD,GAAA;AAAA,gBAAC,4BAAA;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,kBAAA;AAAA,kBACV;AAAA;AAAA,eACF;AAAA,cACC,gBACC,oBAAA,GAAA;AAAA,gBAAC,mBAAA;AAAA,gBAAA;AAAA,kBACC,UAAA;AAAA,kBACA,mBAAA;AAAA,kBACC,GAAG,eAAA;AAAA,kBACJ,EAAI,EAAA;AAAA;AAAA;AACN;AAAA;AAAA;AAEJ;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"FormFieldLegacy.js","sources":["../src/form-field-legacy/FormFieldLegacy.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type Dispatch,\n type ElementType,\n type FocusEventHandler,\n type ForwardedRef,\n forwardRef,\n type HTMLAttributes,\n type SetStateAction,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { FormFieldLegacyContext } from \"../form-field-context-legacy\";\nimport { classBase } from \"./constant\";\nimport {\n FormActivationIndicator,\n type FormActivationIndicatorProps,\n} from \"./FormActivationIndicator\";\nimport formFieldLegacyCss from \"./FormFieldLegacy.css\";\nimport { FormHelperText, type FormHelperTextProps } from \"./FormHelperText\";\nimport { FormLabel, type FormLabelProps } from \"./FormLabel\";\nimport type { NecessityIndicatorOptions } from \"./NecessityIndicator\";\nimport type { StatusIndicatorProps } from \"./StatusIndicator\";\n\nexport type FormFieldLabelPlacement = \"top\" \| \"left\";\nexport type FormFieldHelperTextPlacement = \"bottom\" \| \"tooltip\";\nexport type FormFieldValidationStatus = \"error\" \| \"warning\";\n\nexport interface A11yValueProps\n extends Pick<NecessityIndicatorOptions, \"required\"> {\n /*\n If `true`, the FormField will be disabled.\n /\n disabled?: boolean;\n /* id of the helper text node /\n helperTextId?: string;\n /* id of the label node /\n labelId?: string;\n /\n The FormField value is Readonly\n /\n readOnly?: boolean;\n\n /\n Whether the form field needs to render helper text\n /\n renderHelperText?: boolean;\n}\n\nexport interface FormFieldLegacyProps\n extends HTMLAttributes<HTMLDivElement>,\n A11yValueProps {\n /\n The component used for activation indicator. Default to `FormActivationIndicator`.\n /\n ActivationIndicatorComponent?: ElementType<FormActivationIndicatorProps>;\n /\n Outer focus ring focus will not be applied. Defaults to false.\n /\n disableFocusRing?: boolean;\n // I hate this fullWidth business. We should support a width prop. The default should be 100% (standard block behaviour)\n // we should also support 'auto' or explicit numeric values\n /\n Whether the form field is occupying full width.\n /\n fullWidth?: boolean;\n /\n Whether to show the StatusIndicator component for validation states.\n /\n hasStatusIndicator?: boolean;\n /\n The helper text content\n /\n helperText?: string;\n /\n The component used for the helper text. Default to `FormHelperText`.\n /\n HelperTextComponent?: ElementType<FormHelperTextProps>;\n /\n Location the helperText, values: 'bottom' (default) or 'tooltip'.\n /\n helperTextPlacement?: FormFieldHelperTextPlacement;\n /\n Props to be applied to the `HelperTextComponent`.\n \n Generic on `FormHelperTextProps` is omitted.\n /\n HelperTextProps?: Partial<FormHelperTextProps>;\n /\n The label value for the FormField\n /\n label?: string;\n /\n The component used for the label. Default to `FormLabel`.\n /\n LabelComponent?: ElementType;\n /\n Location the label, values: 'top' (default) or 'left'\n /\n labelPlacement?: FormFieldLabelPlacement;\n /\n Props to be applied to the `LabelComponent`\n /\n LabelProps?: Partial<FormLabelProps>;\n /\n Override props to be used with the StatusIndicator component\n /\n StatusIndicatorProps?: Partial<StatusIndicatorProps>;\n /\n The state for the FormField: Must be one of: 'error'\|'warning'\|undefined\n /\n validationStatus?: FormFieldValidationStatus;\n /\n FormField variants; defaults to primary.\n \n Deprecated: The 'tertiary' variant has been deprecated\n /\n variant?: \"primary\" \| \"secondary\" \| \"tertiary\";\n}\n\nexport interface useA11yValueValue {\n \"aria-labelledby\": A11yValueProps[\"labelId\"];\n \"aria-required\": A11yValueProps[\"required\"];\n \"aria-describedby\": A11yValueProps[\"helperTextId\"] \| undefined;\n disabled: A11yValueProps[\"disabled\"];\n readOnly: A11yValueProps[\"readOnly\"];\n}\n\nconst useA11yValue = ({\n required,\n disabled,\n readOnly,\n labelId,\n helperTextId,\n renderHelperText,\n}: A11yValueProps) => {\n return useMemo(\n () => ({\n \"aria-labelledby\": labelId,\n \"aria-required\": required,\n \"aria-describedby\": renderHelperText ? helperTextId : undefined,\n disabled,\n readOnly,\n }),\n [labelId, disabled, readOnly, required, renderHelperText, helperTextId],\n );\n};\n\n// TODO: Add TS props for this\nexport const useFormFieldLegacy = ({\n onBlur,\n onFocus,\n}: {\n onBlur?: FocusEventHandler<HTMLDivElement>;\n onFocus?: FocusEventHandler<HTMLDivElement>;\n}): [\n { focused: boolean },\n { setFocused: Dispatch<SetStateAction<boolean>> },\n {\n onBlur: FocusEventHandler<HTMLDivElement>;\n onFocus: FocusEventHandler<HTMLDivElement>;\n },\n] => {\n const [focused, setFocused] = useState(false);\n const handleBlur: FocusEventHandler<HTMLDivElement> = (event) => {\n setFocused(false);\n onBlur?.(event);\n };\n const handleFocus: FocusEventHandler<HTMLDivElement> = (event) => {\n setFocused(true);\n onFocus?.(event);\n };\n return [\n {\n focused,\n },\n {\n setFocused,\n },\n {\n onBlur: handleBlur,\n onFocus: handleFocus,\n },\n ];\n};\n\nconst withBaseName = makePrefixer(classBase);\n\nexport const FormFieldLegacy = forwardRef(\n (\n {\n ActivationIndicatorComponent = FormActivationIndicator,\n children,\n className,\n disabled,\n disableFocusRing = false,\n fullWidth = true,\n hasStatusIndicator,\n HelperTextComponent = FormHelperText,\n HelperTextProps,\n helperText,\n helperTextPlacement = \"bottom\",\n label,\n LabelComponent = FormLabel,\n labelPlacement = \"top\",\n LabelProps = { displayedNecessity: \"required\" },\n onBlur,\n onFocus,\n readOnly,\n required,\n StatusIndicatorProps,\n validationStatus,\n variant = \"primary\",\n ...restProps\n }: FormFieldLegacyProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-legacy\",\n css: formFieldLegacyCss,\n window: targetWindow,\n });\n\n const labelId = useId(LabelProps?.id);\n const helperTextId = useId(HelperTextProps?.id);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const renderHelperText = !!helperText;\n\n const a11yValue = useA11yValue({\n required,\n disabled,\n readOnly,\n labelId,\n helperTextId,\n renderHelperText,\n });\n\n const [states, dispatchers, eventHandlers] = useFormFieldLegacy({\n onBlur,\n onFocus,\n });\n\n const hasLabel = label !== undefined;\n const labelTop = hasLabel && labelPlacement === \"top\";\n const labelLeft = hasLabel && labelPlacement === \"left\";\n const isWarning = validationStatus === \"warning\";\n const isError = validationStatus === \"error\";\n const focusClass = disableFocusRing\n ? \"lowFocused\"\n : \"focused\"; / NOTE: need to look at */\n const inlineHelperText =\n renderHelperText && helperTextPlacement === \"bottom\";\n const tooltipHelperText =\n renderHelperText &&\n helperTextPlacement === \"tooltip\" &&\n !hasStatusIndicator;\n\n const handleTriggerRef = useForkRef(rootRef, ref);\n\n return (\n <Tooltip disabled={!tooltipHelperText} content={helperText}>\n <div\n ref={handleTriggerRef}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"readOnly\")]: readOnly,\n [withBaseName(\"warning\")]: isWarning,\n [withBaseName(\"error\")]: isError,\n [withBaseName(\"fullWidth\")]: fullWidth,\n [withBaseName(focusClass)]: states.focused,\n [withBaseName(\"labelTop\")]: labelTop,\n [withBaseName(\"labelLeft\")]: labelLeft,\n [withBaseName(\"withHelperText\")]: inlineHelperText,\n [withBaseName(variant)]: variant,\n },\n className,\n )}\n {...eventHandlers}\n {...restProps}\n >\n <FormFieldLegacyContext.Provider\n value={{\n ...states,\n ...dispatchers,\n ...eventHandlers,\n a11yProps: a11yValue,\n inFormField: true,\n ref: rootRef,\n }}\n >\n {hasLabel && (\n <LabelComponent\n {...LabelProps}\n validationStatus={validationStatus}\n hasStatusIndicator={hasStatusIndicator}\n StatusIndicatorProps={StatusIndicatorProps}\n className={LabelProps.className}\n label={label}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n tooltipText={helperText}\n id={labelId}\n />\n )}\n {children}\n <ActivationIndicatorComponent\n hasIcon={!hasStatusIndicator}\n validationStatus={validationStatus}\n />\n {renderHelperText && (\n <HelperTextComponent\n helperText={helperText}\n helperTextPlacement={helperTextPlacement}\n {...HelperTextProps}\n id={helperTextId}\n />\n )}\n </FormFieldLegacyContext.Provider>\n </div>\n </Tooltip>\n );\n },\n);\n"],"names":["formFieldLegacyCss"],"mappings":"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"}

package/dist-es/form-field-legacy/FormHelperText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormHelperText.js","sources":["../src/form-field-legacy/FormHelperText.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { FormFieldLegacyProps as FormFieldProps } from \"./FormFieldLegacy\";\n\nimport formHelperTextCss from \"./FormHelperText.css\";\n\nexport interface FormHelperTextProps extends ComponentPropsWithoutRef<\"p\"> {\n helperText: FormFieldProps[\"helperText\"];\n helperTextPlacement: FormFieldProps[\"helperTextPlacement\"];\n}\n\nexport const FormHelperText = ({\n helperText,\n helperTextPlacement,\n ...restProps\n}: FormHelperTextProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-helper-text\",\n css: formHelperTextCss,\n window: targetWindow,\n });\n\n if (helperText) {\n if (helperTextPlacement === \"bottom\") {\n return (\n <p className=\"saltFormHelperText\" {...restProps}>\n {helperText}\n </p>\n );\n }\n if (helperTextPlacement === \"tooltip\") {\n console.warn(\"helperTextPlacement tooltip has not yet implemented\");\n return null;\n }\n return null;\n }\n return null;\n};\n"],"names":["formHelperTextCss"],"mappings":";;;;;AAYO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,UAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG;AACL,~~CAA2B~~,~~KAAA~~;AACzB,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,uBAAA;AAAA,IACR,~~GAAK~~,~~EAAAA~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AAED,EAAA,IAAI,~~UAAY~~,~~EAAA~~;AACd,IAAA,IAAI,wBAAwB,~~QAAU~~,~~EAAA~~;AACpC,MAAA,2BACG,~~GAAE~~,EAAA,~~EAAA~~,SAAA,EAAU,~~oBAAsB~~,~~EAAA~~,GAAG,WACnC,~~QACH~~,EAAA,UAAA,~~EAAA~~,CAAA;AAAA;~~AAGJ~~,IAAA,IAAI,wBAAwB,~~SAAW~~,~~EAAA~~;AACrC,MAAA,OAAA,CAAQ,KAAK,qDAAqD,CAAA;AAClE,~~MAAO~~,~~OAAA~~,IAAA;AAAA;~~AAET~~,~~IAAO~~,~~OAAA~~,IAAA;AAAA;~~AAET~~,~~EAAO~~,~~OAAA~~,IAAA;AACT;;;;"}
1	+ {"version":3,"file":"FormHelperText.js","sources":["../src/form-field-legacy/FormHelperText.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { FormFieldLegacyProps as FormFieldProps } from \"./FormFieldLegacy\";\n\nimport formHelperTextCss from \"./FormHelperText.css\";\n\nexport interface FormHelperTextProps extends ComponentPropsWithoutRef<\"p\"> {\n helperText: FormFieldProps[\"helperText\"];\n helperTextPlacement: FormFieldProps[\"helperTextPlacement\"];\n}\n\nexport const FormHelperText = ({\n helperText,\n helperTextPlacement,\n ...restProps\n}: FormHelperTextProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-helper-text\",\n css: formHelperTextCss,\n window: targetWindow,\n });\n\n if (helperText) {\n if (helperTextPlacement === \"bottom\") {\n return (\n <p className=\"saltFormHelperText\" {...restProps}>\n {helperText}\n </p>\n );\n }\n if (helperTextPlacement === \"tooltip\") {\n console.warn(\"helperTextPlacement tooltip has not yet implemented\");\n return null;\n }\n return null;\n }\n return null;\n};\n"],"names":["formHelperTextCss"],"mappings":";;;;;AAYO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,UAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,uBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,IAAI,wBAAwB,QAAA,EAAU;AACpC,MAAA,2BACG,GAAA,EAAA,EAAE,SAAA,EAAU,oBAAA,EAAsB,GAAG,WACnC,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,IAEJ;AACA,IAAA,IAAI,wBAAwB,SAAA,EAAW;AACrC,MAAA,OAAA,CAAQ,KAAK,qDAAqD,CAAA;AAClE,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist-es/form-field-legacy/FormLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormLabel.js","sources":["../src/form-field-legacy/FormLabel.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { ElementType, HTMLAttributes } from \"react\";\nimport type { FormFieldValidationStatus } from \"./FormFieldLegacy\";\nimport formLabelCss from \"./FormLabel.css\";\nimport {\n NecessityIndicator as DefaultNecessityIndicator,\n type NecessityIndicatorOptions,\n} from \"./NecessityIndicator\";\nimport { StatusIndicator, type StatusIndicatorProps } from \"./StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltFormLabel\");\nexport interface FormLabelProps\n extends HTMLAttributes<HTMLLabelElement>,\n NecessityIndicatorOptions {\n /*\n Whether the form field is disabled.\n /\n disabled?: boolean;\n /\n Adjusts whether the StatusIndicator component is shown\n /\n hasStatusIndicator?: boolean;\n /\n The label value for the FormLabel\n /\n label?: string;\n /\n An optional renderer function used to customize the necessity adornment\n /\n NecessityIndicator?: ElementType<NecessityIndicatorOptions>;\n /\n Whether the form field is readOnly.\n /\n readOnly?: boolean;\n /\n Props used to configure the StatusIndicator component if hasStatusIndicator is true\n /\n StatusIndicatorProps?: Partial<StatusIndicatorProps>;\n /\n The status for the FormField: Must be one of: 'error'\|'warning'\|undefined\n /\n validationStatus?: FormFieldValidationStatus;\n /\n Text to be shown in the Tooltip.\n */\n tooltipText?: string;\n}\n\nexport const FormLabel = ({\n label,\n NecessityIndicator = DefaultNecessityIndicator,\n required,\n displayedNecessity,\n hasStatusIndicator = false,\n StatusIndicatorProps,\n validationStatus,\n necessityText,\n className,\n disabled,\n readOnly,\n tooltipText,\n ...restProps\n}: FormLabelProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-label\",\n css: formLabelCss,\n window: targetWindow,\n });\n\n return (\n // biome-ignore lint/a11y/noLabelWithoutControl: this is a label for a form field and will wrap a form control\n <label\n className={clsx(withBaseName(), className, {\n [withBaseName(\"disabled\")]: disabled,\n })}\n {...restProps}\n >\n {label}\n\n <NecessityIndicator\n required={required}\n displayedNecessity={displayedNecessity}\n necessityText={necessityText}\n className={withBaseName(\"necessityIndicator\")}\n />\n {hasStatusIndicator && (\n <StatusIndicator\n className={withBaseName(\"statusIndicator\")}\n status={validationStatus}\n tooltipText={tooltipText}\n hasTooltip\n {...StatusIndicatorProps}\n />\n )}\n </label>\n );\n};\n"],"names":["NecessityIndicator","DefaultNecessityIndicator","formLabelCss"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAsC1C,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,sBACAA,~~oBAAqB~~,~~GAAAC~~,kBAAA;AAAA,EACrB,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,~~kBAAqB~~,~~GAAA~~,KAAA;AAAA,EACrB,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,~~CAAsB~~,~~KAAA~~;AACpB,EAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~EAAyB~~,wBAAA,~~CAAA~~;AAAA,IACvB,~~MAAQ~~,~~EAAA~~,iBAAA;AAAA,IACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,IACL,~~MAAQ~~,~~EAAA~~;AAAA,GACT,CAAA;AAED,EAAA;AAAA;AAAA,oBAEE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~YAAa~~,~~EAAA~~,EAAG,~~SAAW~~,~~EAAA~~;AAAA,UACzC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,SAC7B,CAAA;AAAA,QACA,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,0BAED,GAAA;AAAA,YAACF,oBAAA;AAAA,YAAA;AAAA,cACC,QAAA;AAAA,cACA,kBAAA;AAAA,cACA,aAAA;AAAA,cACA,SAAA,EAAW,aAAa,oBAAoB;AAAA;AAAA,WAC9C;AAAA,UACC,~~kBACC~~,~~oBAAA~~,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,cACzC,~~MAAQ~~,~~EAAA~~,gBAAA;AAAA,cACR,WAAA;AAAA,cACA,~~UAAU~~,~~EAAA~~,IAAA;AAAA,cACT,GAAG;AAAA;AAAA;AACN;AAAA;AAAA;AAEJ;AAEJ;;;;"}
1	+ {"version":3,"file":"FormLabel.js","sources":["../src/form-field-legacy/FormLabel.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { ElementType, HTMLAttributes } from \"react\";\nimport type { FormFieldValidationStatus } from \"./FormFieldLegacy\";\nimport formLabelCss from \"./FormLabel.css\";\nimport {\n NecessityIndicator as DefaultNecessityIndicator,\n type NecessityIndicatorOptions,\n} from \"./NecessityIndicator\";\nimport { StatusIndicator, type StatusIndicatorProps } from \"./StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltFormLabel\");\nexport interface FormLabelProps\n extends HTMLAttributes<HTMLLabelElement>,\n NecessityIndicatorOptions {\n /*\n Whether the form field is disabled.\n /\n disabled?: boolean;\n /\n Adjusts whether the StatusIndicator component is shown\n /\n hasStatusIndicator?: boolean;\n /\n The label value for the FormLabel\n /\n label?: string;\n /\n An optional renderer function used to customize the necessity adornment\n /\n NecessityIndicator?: ElementType<NecessityIndicatorOptions>;\n /\n Whether the form field is readOnly.\n /\n readOnly?: boolean;\n /\n Props used to configure the StatusIndicator component if hasStatusIndicator is true\n /\n StatusIndicatorProps?: Partial<StatusIndicatorProps>;\n /\n The status for the FormField: Must be one of: 'error'\|'warning'\|undefined\n /\n validationStatus?: FormFieldValidationStatus;\n /\n Text to be shown in the Tooltip.\n */\n tooltipText?: string;\n}\n\nexport const FormLabel = ({\n label,\n NecessityIndicator = DefaultNecessityIndicator,\n required,\n displayedNecessity,\n hasStatusIndicator = false,\n StatusIndicatorProps,\n validationStatus,\n necessityText,\n className,\n disabled,\n readOnly,\n tooltipText,\n ...restProps\n}: FormLabelProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-label\",\n css: formLabelCss,\n window: targetWindow,\n });\n\n return (\n // biome-ignore lint/a11y/noLabelWithoutControl: this is a label for a form field and will wrap a form control\n <label\n className={clsx(withBaseName(), className, {\n [withBaseName(\"disabled\")]: disabled,\n })}\n {...restProps}\n >\n {label}\n\n <NecessityIndicator\n required={required}\n displayedNecessity={displayedNecessity}\n necessityText={necessityText}\n className={withBaseName(\"necessityIndicator\")}\n />\n {hasStatusIndicator && (\n <StatusIndicator\n className={withBaseName(\"statusIndicator\")}\n status={validationStatus}\n tooltipText={tooltipText}\n hasTooltip\n {...StatusIndicatorProps}\n />\n )}\n </label>\n );\n};\n"],"names":["NecessityIndicator","DefaultNecessityIndicator","formLabelCss"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAsC1C,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,sBACAA,oBAAA,GAAqBC,kBAAA;AAAA,EACrB,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA,GAAqB,KAAA;AAAA,EACrB,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAsB;AACpB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,iBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA;AAAA;AAAA,oBAEE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAA,EAAW;AAAA,UACzC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,SAC7B,CAAA;AAAA,QACA,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,0BAED,GAAA;AAAA,YAACF,oBAAA;AAAA,YAAA;AAAA,cACC,QAAA;AAAA,cACA,kBAAA;AAAA,cACA,aAAA;AAAA,cACA,SAAA,EAAW,aAAa,oBAAoB;AAAA;AAAA,WAC9C;AAAA,UACC,kBAAA,oBACC,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,cACzC,MAAA,EAAQ,gBAAA;AAAA,cACR,WAAA;AAAA,cACA,UAAA,EAAU,IAAA;AAAA,cACT,GAAG;AAAA;AAAA;AACN;AAAA;AAAA;AAEJ;AAEJ;;;;"}

package/dist-es/form-field-legacy/NecessityIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NecessityIndicator.js","sources":["../src/form-field-legacy/NecessityIndicator.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport type FormLabelNecessity = \"optional\" \| \"required\";\n// export type FormLabelNecessityStyle = 'full' \| 'abbreviated';\n\nexport interface NecessityIndicatorOptions {\n /*\n The FormField is required\n /\n required?: boolean;\n /\n Whether to show a label adornment for required or optional\n /\n displayedNecessity?: FormLabelNecessity;\n // This API is removed as this is not flexible enough.\n // User could always use `necessityText` to display more customized text, e.g. in other language.\n // necessityStyle?: FormLabelNecessityStyle;\n /\n Customize text displayed for necessity. Default to `(Required)` or `(Optional)`.\n */\n necessityText?: ReactNode;\n className?: string;\n}\n\nexport const NecessityIndicator = ({\n required,\n children,\n necessityText: necessityTextProp = children,\n displayedNecessity,\n className,\n ...restProps\n}: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => {\n let necessityText: ReactNode = \"\";\n\n if (necessityTextProp) {\n necessityText = necessityTextProp;\n } else {\n if (required && displayedNecessity === \"required\") {\n necessityText = \"(Required)\";\n } else if (!required && displayedNecessity === \"optional\") {\n necessityText = \"(Optional)\";\n }\n }\n\n if (necessityText) {\n return (\n <span\n className={className}\n data-testid=\"necessity-indicator\"\n {...restProps}\n >\n {necessityText}\n </span>\n );\n }\n return null;\n};\n"],"names":[],"mappings":";;AAwBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAe,~~iBAAoB~~,~~GAAA~~,QAAA;AAAA,EACnC,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,~~CAAmE~~,~~KAAA~~;AACjE,EAAA,IAAI,~~aAA2B~~,~~GAAA~~,EAAA;AAE/B,EAAA,IAAI,~~iBAAmB~~,~~EAAA~~;AACrB,~~IAAgB~~,aAAA,~~GAAA~~,iBAAA;AAAA,~~GACX~~,~~MAAA~~;AACL,IAAI,~~IAAA,~~QAAA,IAAY,uBAAuB,~~UAAY~~,~~EAAA~~;AACjD,~~MAAgB~~,aAAA,~~GAAA~~,YAAA;AAAA,~~KACP~~,MAAA,~~IAAA~~,CAAC,~~QAAY~~,~~IAAA~~,kBAAA,KAAuB,~~UAAY~~,~~EAAA~~;AACzD,~~MAAgB~~,aAAA,~~GAAA~~,YAAA;AAAA;~~AAClB~~;~~AAGF~~,EAAA,IAAI,~~aAAe~~,~~EAAA~~;AACjB,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,~~aAAY~~,~~EAAA~~,qBAAA;AAAA,QACX,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA;~~AAGJ~~,~~EAAO~~,~~OAAA~~,IAAA;AACT;;;;"}
1	+ {"version":3,"file":"NecessityIndicator.js","sources":["../src/form-field-legacy/NecessityIndicator.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport type FormLabelNecessity = \"optional\" \| \"required\";\n// export type FormLabelNecessityStyle = 'full' \| 'abbreviated';\n\nexport interface NecessityIndicatorOptions {\n /*\n The FormField is required\n /\n required?: boolean;\n /\n Whether to show a label adornment for required or optional\n /\n displayedNecessity?: FormLabelNecessity;\n // This API is removed as this is not flexible enough.\n // User could always use `necessityText` to display more customized text, e.g. in other language.\n // necessityStyle?: FormLabelNecessityStyle;\n /\n Customize text displayed for necessity. Default to `(Required)` or `(Optional)`.\n */\n necessityText?: ReactNode;\n className?: string;\n}\n\nexport const NecessityIndicator = ({\n required,\n children,\n necessityText: necessityTextProp = children,\n displayedNecessity,\n className,\n ...restProps\n}: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => {\n let necessityText: ReactNode = \"\";\n\n if (necessityTextProp) {\n necessityText = necessityTextProp;\n } else {\n if (required && displayedNecessity === \"required\") {\n necessityText = \"(Required)\";\n } else if (!required && displayedNecessity === \"optional\") {\n necessityText = \"(Optional)\";\n }\n }\n\n if (necessityText) {\n return (\n <span\n className={className}\n data-testid=\"necessity-indicator\"\n {...restProps}\n >\n {necessityText}\n </span>\n );\n }\n return null;\n};\n"],"names":[],"mappings":";;AAwBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAe,iBAAA,GAAoB,QAAA;AAAA,EACnC,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmE;AACjE,EAAA,IAAI,aAAA,GAA2B,EAAA;AAE/B,EAAA,IAAI,iBAAA,EAAmB;AACrB,IAAA,aAAA,GAAgB,iBAAA;AAAA,EAClB,CAAA,MAAO;AACL,IAAA,IAAI,QAAA,IAAY,uBAAuB,UAAA,EAAY;AACjD,MAAA,aAAA,GAAgB,YAAA;AAAA,IAClB,CAAA,MAAA,IAAW,CAAC,QAAA,IAAY,kBAAA,KAAuB,UAAA,EAAY;AACzD,MAAA,aAAA,GAAgB,YAAA;AAAA,IAClB;AAAA,EACF;AAEA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,aAAA,EAAY,qBAAA;AAAA,QACX,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist-es/form-field-legacy/StatusIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusIndicator.js","sources":["../src/form-field-legacy/StatusIndicator.tsx"],"sourcesContent":["import {\n StatusIndicator as BaseStatusIndicator,\n makePrefixer,\n Tooltip,\n type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport type { ElementType } from \"react\";\n\nconst withBaseName = makePrefixer(\"saltFormField\");\n\nexport type StatusIndicatorStatus = \"error\" \| \"info\" \| \"warning\" \| \"success\";\n\nexport interface StatusIndicatorProps extends IconProps {\n hasTooltip?: boolean;\n IconProps?: Partial<IconProps>;\n status?: StatusIndicatorStatus;\n TooltipComponent?: ElementType<TooltipProps>;\n TooltipProps?: Partial<TooltipProps>;\n tooltipText?: string;\n}\n\nexport const StatusIndicator = (props: StatusIndicatorProps) => {\n const {\n TooltipComponent = Tooltip,\n hasTooltip = false,\n TooltipProps,\n tooltipText,\n IconProps,\n className,\n status = \"info\",\n ...restProps\n } = props;\n\n return (\n <TooltipComponent\n hideIcon\n status={status}\n content={tooltipText}\n placement=\"top\"\n disabled={!hasTooltip}\n {...TooltipProps}\n >\n <BaseStatusIndicator\n status={status}\n {...restProps}\n {...IconProps}\n className={clsx(\n withBaseName(\"statusIndicator\"),\n className,\n IconProps?.className,\n )}\n />\n </TooltipComponent>\n );\n};\n"],"names":["BaseStatusIndicator"],"mappings":";;;;AAUA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;~~AAapC~~,~~MAAA~~,eAAA,GAAkB,CAAC,KAAgC~~,KAAA~~;AAC9D,~~EAAM~~,~~MAAA~~;AAAA,IACJ,~~gBAAmB~~,~~GAAA~~,OAAA;AAAA,IACnB,~~UAAa~~,~~GAAA~~,KAAA;AAAA,IACb,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,~~MAAS~~,~~GAAA~~,MAAA;AAAA,IACT,GAAG;AAAA,~~GACD~~,~~GAAA~~,KAAA;AAEJ,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,~~QAAQ~~,~~EAAA~~,IAAA;AAAA,MACR,MAAA;AAAA,MACA,~~OAAS~~,~~EAAA~~,WAAA;AAAA,MACT,~~SAAU~~,~~EAAA~~,KAAA;AAAA,MACV,UAAU,CAAC,UAAA;AAAA,MACV,GAAG,YAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,iBAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACC,GAAG,SAAA;AAAA,UACH,GAAG,SAAA;AAAA,UACJ,~~SAAW~~,~~EAAA~~,IAAA;AAAA,YACT,aAAa,iBAAiB,CAAA;AAAA,YAC9B,SAAA;AAAA,YACA,~~SAAW~~,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,~~CAAA~~;AAAA;AACb;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"StatusIndicator.js","sources":["../src/form-field-legacy/StatusIndicator.tsx"],"sourcesContent":["import {\n StatusIndicator as BaseStatusIndicator,\n makePrefixer,\n Tooltip,\n type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport type { ElementType } from \"react\";\n\nconst withBaseName = makePrefixer(\"saltFormField\");\n\nexport type StatusIndicatorStatus = \"error\" \| \"info\" \| \"warning\" \| \"success\";\n\nexport interface StatusIndicatorProps extends IconProps {\n hasTooltip?: boolean;\n IconProps?: Partial<IconProps>;\n status?: StatusIndicatorStatus;\n TooltipComponent?: ElementType<TooltipProps>;\n TooltipProps?: Partial<TooltipProps>;\n tooltipText?: string;\n}\n\nexport const StatusIndicator = (props: StatusIndicatorProps) => {\n const {\n TooltipComponent = Tooltip,\n hasTooltip = false,\n TooltipProps,\n tooltipText,\n IconProps,\n className,\n status = \"info\",\n ...restProps\n } = props;\n\n return (\n <TooltipComponent\n hideIcon\n status={status}\n content={tooltipText}\n placement=\"top\"\n disabled={!hasTooltip}\n {...TooltipProps}\n >\n <BaseStatusIndicator\n status={status}\n {...restProps}\n {...IconProps}\n className={clsx(\n withBaseName(\"statusIndicator\"),\n className,\n IconProps?.className,\n )}\n />\n </TooltipComponent>\n );\n};\n"],"names":["BaseStatusIndicator"],"mappings":";;;;AAUA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAa1C,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM;AAAA,IACJ,gBAAA,GAAmB,OAAA;AAAA,IACnB,UAAA,GAAa,KAAA;AAAA,IACb,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,MAAA;AAAA,IACT,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAQ,IAAA;AAAA,MACR,MAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAU,KAAA;AAAA,MACV,UAAU,CAAC,UAAA;AAAA,MACV,GAAG,YAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,iBAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACC,GAAG,SAAA;AAAA,UACH,GAAG,SAAA;AAAA,UACJ,SAAA,EAAW,IAAA;AAAA,YACT,aAAa,iBAAiB,CAAA;AAAA,YAC9B,SAAA;AAAA,YACA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW;AAAA;AACb;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist-es/form-field-legacy/constant.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constant.js","sources":["../src/form-field-legacy/constant.ts"],"sourcesContent":["export const classBase = \"saltFormFieldLegacy\";\n"],"names":[],"mappings":"AAAO,MAAM,~~SAAY~~,~~GAAA~~;;;;"}
1	+ {"version":3,"file":"constant.js","sources":["../src/form-field-legacy/constant.ts"],"sourcesContent":["export const classBase = \"saltFormFieldLegacy\";\n"],"names":[],"mappings":"AAAO,MAAM,SAAA,GAAY;;;;"}

package/dist-es/form-group/FormGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormGroup.js","sources":["../src/form-group/FormGroup.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\n\nimport formGroupCss from \"./FormGroup.css\";\n\nexport interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {\n /*\n Display group of elements in a compact row.\n */\n row?: boolean;\n}\n\nconst baseName = \"saltFormGroup\";\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n function FormGroup({ className, row, ...other }, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-group\",\n css: formGroupCss,\n window: targetWindow,\n });\n return (\n <div\n className={clsx(baseName, { [`${baseName}-row`]: row }, className)}\n ref={ref}\n {...other}\n />\n );\n },\n);\n"],"names":["FormGroup","formGroupCss"],"mappings":";;;;;;;AAcA,MAAM,~~QAAW~~,~~GAAA~~,eAAA;AAEV,MAAM,~~SAAY~~,~~GAAA~~,UAAA;AAAA,EACvB,SAASA,WAAU,EAAE,SAAA,EAAW,KAAK,GAAG,KAAA,IAAS,~~GAAK~~,~~EAAA~~;AACpD,IAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~IAAyB~~,wBAAA,~~CAAA~~;AAAA,MACvB,~~MAAQ~~,~~EAAA~~,iBAAA;AAAA,MACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,MACL,~~MAAQ~~,~~EAAA~~;AAAA,KACT,CAAA;AACD,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,~~IAAK~~,~~CAAA~~,QAAA,EAAU,EAAE,CAAC,~~CAAG~~,~~EAAA~~,QAAQ,~~CAAM~~,IAAA,~~CAAA~~,GAAG,~~GAAI~~,~~EAAA~~,EAAG,SAAS,CAAA;AAAA,QACjE,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"FormGroup.js","sources":["../src/form-group/FormGroup.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\n\nimport formGroupCss from \"./FormGroup.css\";\n\nexport interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {\n /*\n Display group of elements in a compact row.\n */\n row?: boolean;\n}\n\nconst baseName = \"saltFormGroup\";\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n function FormGroup({ className, row, ...other }, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-group\",\n css: formGroupCss,\n window: targetWindow,\n });\n return (\n <div\n className={clsx(baseName, { [`${baseName}-row`]: row }, className)}\n ref={ref}\n {...other}\n />\n );\n },\n);\n"],"names":["FormGroup","formGroupCss"],"mappings":";;;;;;;AAcA,MAAM,QAAA,GAAW,eAAA;AAEV,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,SAASA,WAAU,EAAE,SAAA,EAAW,KAAK,GAAG,KAAA,IAAS,GAAA,EAAK;AACpD,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,iBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AACD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,QAAA,EAAU,EAAE,CAAC,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,GAAG,GAAA,EAAI,EAAG,SAAS,CAAA;AAAA,QACjE,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

package/dist-es/formatted-input/FormattedInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormattedInput.js","sources":["../src/formatted-input/FormattedInput.tsx"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { useRifm } from \"rifm\";\nimport {\n InputLegacy as Input,\n type InputLegacyProps as InputProps,\n} from \"../input-legacy\";\nimport formattedInputCss from \"./FormattedInput.css\";\nimport {\n baseName,\n InputWithMask,\n type InputWithMaskProps,\n} from \"./internal/InputWithMask\";\n\nexport type MaskFunction = (value: string \| undefined) => boolean;\n\nexport interface RifmOptions {\n format?: (str: string) => string;\n replace?: (str: string) => string;\n append?: (str: string) => string;\n mask?: boolean \| MaskFunction;\n accept?: RegExp;\n}\n\nexport interface FormattedInputProps extends Omit<InputProps, \"onChange\"> {\n mask?: string;\n onChange?: (value: string) => void;\n rifmOptions?: RifmOptions;\n value?: string;\n defaultValue?: string;\n}\n\nconst defaultFormatter = (string: string): string => string;\nconst defaultRifmOptions: RifmOptions = {};\n\nexport const FormattedInput = forwardRef<HTMLInputElement, FormattedInputProps>(\n function FormattedInput(\n {\n defaultValue = \"\",\n className,\n inputProps,\n mask,\n onChange,\n rifmOptions = defaultRifmOptions,\n value: valueProp,\n textAlign,\n ...other\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-formatted-input\",\n css: formattedInputCss,\n window: targetWindow,\n });\n\n const [valueState, setValueState] = useControlled<string \| undefined>({\n default: defaultValue,\n controlled: valueProp,\n name: \"FormattedInput\",\n state: \"value\",\n });\n\n const handleChange = (value: string) => {\n setValueState(value);\n onChange?.(value);\n };\n\n let rifmMask = false;\n\n if (rifmOptions.mask) {\n rifmMask =\n typeof rifmOptions.mask === \"function\"\n ? rifmOptions.mask(valueState)\n : rifmOptions.mask;\n }\n\n const rifm = useRifm({\n format: defaultFormatter,\n accept: /.*/,\n ...rifmOptions,\n mask: rifmMask,\n value: valueState \|\| \"\",\n onChange: handleChange,\n });\n\n return (\n <Input\n className={clsx(baseName, className)}\n inputComponent={InputWithMask}\n inputProps={{ mask, textAlign, ...inputProps } as InputWithMaskProps}\n onChange={rifm.onChange}\n textAlign={textAlign}\n value={rifm.value}\n {...other}\n ref={ref}\n />\n );\n },\n);\n"],"names":["FormattedInput","formattedInputCss","Input"],"mappings":";;;;;;;;;;;;AAmCA,MAAM,gBAAA,GAAmB,CAAC,~~MAA2B~~,~~KAAA~~,MAAA;AACrD,MAAM,qBAAkC,EAAC;AAElC,MAAM,~~cAAiB~~,~~GAAA~~,UAAA;AAAA,EAC5B,SAASA,~~eACP~~,~~CAAA~~;AAAA,IACE,~~YAAe~~,~~GAAA~~,EAAA;AAAA,IACf,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,~~WAAc~~,~~GAAA~~,kBAAA;AAAA,IACd,~~KAAO~~,~~EAAA~~,SAAA;AAAA,IACP,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,~~GACA~~,~~EAAA~~;AACA,IAAA,MAAM,eAAe,~~SAAU~~,~~EAAA~~;AAC/B,~~IAAyB~~,wBAAA,~~CAAA~~;AAAA,MACvB,~~MAAQ~~,~~EAAA~~,sBAAA;AAAA,MACR,~~GAAK~~,~~EAAAC~~,QAAA;AAAA,MACL,~~MAAQ~~,~~EAAA~~;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,~~aAAkC~~,~~CAAA~~;AAAA,MACpE,~~OAAS~~,~~EAAA~~,YAAA;AAAA,MACT,~~UAAY~~,~~EAAA~~,SAAA;AAAA,MACZ,~~IAAM~~,~~EAAA~~,gBAAA;AAAA,MACN,~~KAAO~~,~~EAAA~~;AAAA,KACR,CAAA;AAED,~~IAAM~~,~~MAAA~~,YAAA,GAAe,CAAC,KAAkB~~,KAAA~~;AACtC,MAAA,aAAA,CAAc,KAAK,CAAA;AACnB,~~MAAW~~,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,~~CAAA~~,KAAA,CAAA;AAAA,~~KACb~~;AAEA,IAAA,IAAI,~~QAAW~~,~~GAAA~~,KAAA;AAEf,IAAA,IAAI,YAAY,~~IAAM~~,~~EAAA~~;AACpB,~~MACE~~,QAAA,~~GAAA~~,OAAO,YAAY,~~IAAS~~,~~KAAA~~,UAAA,GACxB,YAAY,~~IAAK~~,~~CAAA~~,UAAU,IAC3B,~~WAAY~~,~~CAAA~~,IAAA;AAAA;~~AAGpB~~,IAAA,MAAM,OAAO,~~OAAQ~~,~~CAAA~~;AAAA,MACnB,~~MAAQ~~,~~EAAA~~,gBAAA;AAAA,MACR,~~MAAQ~~,~~EAAA~~,IAAA;AAAA,MACR,GAAG,WAAA;AAAA,MACH,~~IAAM~~,~~EAAA~~,QAAA;AAAA,MACN,OAAO,~~UAAc~~,~~IAAA~~,EAAA;AAAA,MACrB,~~QAAU~~,~~EAAA~~;AAAA,KACX,CAAA;AAED,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,~~IAAK~~,~~CAAA~~,QAAA,EAAU,SAAS,CAAA;AAAA,QACnC,~~cAAgB~~,~~EAAA~~,aAAA;AAAA,QAChB,~~UAAY~~,~~EAAA~~,EAAE,~~IAAM~~,~~EAAA~~,SAAA,EAAW,GAAG,~~UAAW~~,~~EAAA~~;AAAA,QAC7C,UAAU,~~IAAK~~,~~CAAA~~,QAAA;AAAA,QACf,SAAA;AAAA,QACA,OAAO,~~IAAK~~,~~CAAA~~,KAAA;AAAA,QACX,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"FormattedInput.js","sources":["../src/formatted-input/FormattedInput.tsx"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { useRifm } from \"rifm\";\nimport {\n InputLegacy as Input,\n type InputLegacyProps as InputProps,\n} from \"../input-legacy\";\nimport formattedInputCss from \"./FormattedInput.css\";\nimport {\n baseName,\n InputWithMask,\n type InputWithMaskProps,\n} from \"./internal/InputWithMask\";\n\nexport type MaskFunction = (value: string \| undefined) => boolean;\n\nexport interface RifmOptions {\n format?: (str: string) => string;\n replace?: (str: string) => string;\n append?: (str: string) => string;\n mask?: boolean \| MaskFunction;\n accept?: RegExp;\n}\n\nexport interface FormattedInputProps extends Omit<InputProps, \"onChange\"> {\n mask?: string;\n onChange?: (value: string) => void;\n rifmOptions?: RifmOptions;\n value?: string;\n defaultValue?: string;\n}\n\nconst defaultFormatter = (string: string): string => string;\nconst defaultRifmOptions: RifmOptions = {};\n\nexport const FormattedInput = forwardRef<HTMLInputElement, FormattedInputProps>(\n function FormattedInput(\n {\n defaultValue = \"\",\n className,\n inputProps,\n mask,\n onChange,\n rifmOptions = defaultRifmOptions,\n value: valueProp,\n textAlign,\n ...other\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-formatted-input\",\n css: formattedInputCss,\n window: targetWindow,\n });\n\n const [valueState, setValueState] = useControlled<string \| undefined>({\n default: defaultValue,\n controlled: valueProp,\n name: \"FormattedInput\",\n state: \"value\",\n });\n\n const handleChange = (value: string) => {\n setValueState(value);\n onChange?.(value);\n };\n\n let rifmMask = false;\n\n if (rifmOptions.mask) {\n rifmMask =\n typeof rifmOptions.mask === \"function\"\n ? rifmOptions.mask(valueState)\n : rifmOptions.mask;\n }\n\n const rifm = useRifm({\n format: defaultFormatter,\n accept: /.*/,\n ...rifmOptions,\n mask: rifmMask,\n value: valueState \|\| \"\",\n onChange: handleChange,\n });\n\n return (\n <Input\n className={clsx(baseName, className)}\n inputComponent={InputWithMask}\n inputProps={{ mask, textAlign, ...inputProps } as InputWithMaskProps}\n onChange={rifm.onChange}\n textAlign={textAlign}\n value={rifm.value}\n {...other}\n ref={ref}\n />\n );\n },\n);\n"],"names":["FormattedInput","formattedInputCss","Input"],"mappings":";;;;;;;;;;;;AAmCA,MAAM,gBAAA,GAAmB,CAAC,MAAA,KAA2B,MAAA;AACrD,MAAM,qBAAkC,EAAC;AAElC,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CACP;AAAA,IACE,YAAA,GAAe,EAAA;AAAA,IACf,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,kBAAA;AAAA,IACd,KAAA,EAAO,SAAA;AAAA,IACP,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAA,CAAkC;AAAA,MACpE,OAAA,EAAS,YAAA;AAAA,MACT,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACR,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAkB;AACtC,MAAA,aAAA,CAAc,KAAK,CAAA;AACnB,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,IAAI,QAAA,GAAW,KAAA;AAEf,IAAA,IAAI,YAAY,IAAA,EAAM;AACpB,MAAA,QAAA,GACE,OAAO,YAAY,IAAA,KAAS,UAAA,GACxB,YAAY,IAAA,CAAK,UAAU,IAC3B,WAAA,CAAY,IAAA;AAAA,IACpB;AAEA,IAAA,MAAM,OAAO,OAAA,CAAQ;AAAA,MACnB,MAAA,EAAQ,gBAAA;AAAA,MACR,MAAA,EAAQ,IAAA;AAAA,MACR,GAAG,WAAA;AAAA,MACH,IAAA,EAAM,QAAA;AAAA,MACN,OAAO,UAAA,IAAc,EAAA;AAAA,MACrB,QAAA,EAAU;AAAA,KACX,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,QAAA,EAAU,SAAS,CAAA;AAAA,QACnC,cAAA,EAAgB,aAAA;AAAA,QAChB,UAAA,EAAY,EAAE,IAAA,EAAM,SAAA,EAAW,GAAG,UAAA,EAAW;AAAA,QAC7C,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,SAAA;AAAA,QACA,OAAO,IAAA,CAAK,KAAA;AAAA,QACX,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-es/formatted-input/internal/InputWithMask.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputWithMask.js","sources":["../src/formatted-input/internal/InputWithMask.tsx"],"sourcesContent":["import { useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type InputHTMLAttributes } from \"react\";\nimport type { FormattedInputProps } from \"../FormattedInput\";\n\nexport const baseName = \"saltFormattedInput\";\n\nfunction getClippedMask(\n mask: FormattedInputProps[\"mask\"],\n value: FormattedInputProps[\"value\"],\n textAlign: FormattedInputProps[\"textAlign\"],\n) {\n if (mask) {\n if (textAlign === \"right\") {\n return mask.substring(\n 0,\n value ? mask.length - value.length : mask.length,\n );\n }\n\n return mask.substring(value ? value.length : 0);\n }\n return \"\";\n}\n\nexport interface InputWithMaskProps\n extends InputHTMLAttributes<HTMLInputElement> {\n mask?: FormattedInputProps[\"mask\"];\n textAlign?: FormattedInputProps[\"textAlign\"];\n value?: FormattedInputProps[\"value\"];\n}\n\nexport const InputWithMask = forwardRef<HTMLInputElement, InputWithMaskProps>(\n function InputWithMask(\n {\n \"aria-labelledby\": ariaLabelledBy,\n className,\n mask = \"\",\n value,\n id: idProp,\n style,\n textAlign,\n ...other\n },\n ref,\n ) {\n const id = useId(idProp);\n\n const spacerAndMask = [\n <i key={value}>{value}</i>,\n getClippedMask(mask, value, textAlign),\n ];\n\n return (\n <div className={`${baseName}-inputWrapper`}>\n <input\n className={className}\n {...other}\n aria-label={mask}\n aria-labelledby={[ariaLabelledBy, id]\n .filter((label) => label != null)\n .join(\" \")}\n id={id}\n ref={ref}\n style={style}\n value={value}\n />\n <span\n aria-hidden=\"true\"\n className={clsx(`${baseName}-mask`, className)}\n style={style}\n >\n {textAlign !== \"right\" ? spacerAndMask : spacerAndMask.reverse()}\n </span>\n </div>\n );\n },\n);\n"],"names":["InputWithMask"],"mappings":";;;;;AAKO,MAAM,~~QAAW~~,~~GAAA~~;AAExB,SAAS,cAAA,CACP,~~IACA~~,~~EAAA~~,KAAA,EACA,~~SACA~~,~~EAAA~~;AACA,EAAA,IAAI,~~IAAM~~,~~EAAA~~;AACR,IAAA,IAAI,cAAc,~~OAAS~~,~~EAAA~~;AACzB,MAAA,OAAO,~~IAAK~~,~~CAAA~~,SAAA;AAAA,QACV,CAAA;AAAA,QACA,~~KAAQ~~,~~GAAA~~,IAAA,CAAK,~~MAAS~~,~~GAAA~~,KAAA,CAAM,SAAS,~~IAAK~~,~~CAAA~~;AAAA,OAC5C;AAAA;~~AAGF~~,IAAA,OAAO,~~IAAK~~,~~CAAA~~,SAAA,CAAU,~~KAAQ~~,~~GAAA~~,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA;~~AAEhD~~,~~EAAO~~,~~OAAA~~,EAAA;AACT;AASO,MAAM,~~aAAgB~~,~~GAAA~~,UAAA;AAAA,EAC3B,SAASA,~~cACP~~,~~CAAA~~;AAAA,IACE,~~iBAAmB~~,~~EAAA~~,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,~~IAAO~~,~~GAAA~~,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAI,~~EAAA,~~MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,~~GACA~~,~~EAAA~~;AACA,~~IAAM~~,~~MAAA~~,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,IAAA,MAAM,~~aAAgB~~,~~GAAA~~;AAAA,sBACpB,GAAA,CAAC,~~GAAe~~,EAAA,~~EAAA~~,QAAA,EAAA,KAAA,EAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,~~IAAM~~,~~EAAA~~,KAAA,EAAO,SAAS;AAAA,KACvC;AAEA,IAAA,~~uBACG~~,IAAA,~~CAAA~~,KAAA,EAAA,EAAI,~~SAAW~~,~~EAAA~~,CAAA,EAAG,QAAQ,~~CACzB~~,aAAA,CAAA,~~EAAA~~,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,~~YAAY~~,~~EAAA~~,IAAA;AAAA,UACZ,~~iBAAiB~~,~~EAAA~~,CAAC,~~cAAgB~~,~~EAAA~~,EAAE,CACjC,~~CAAA,~~MAAA,CAAO,CAAC,KAAA,KAAU,~~KAAS~~,~~IAAA~~,IAAI,CAC/B,~~CAAA,~~IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,~~aAAY~~,~~EAAA~~,MAAA;AAAA,UACZ,~~SAAW~~,~~EAAA~~,IAAA,CAAK,~~CAAG~~,~~EAAA~~,QAAQ,SAAS,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,~~QAAc~~,EAAA,SAAA,~~KAAA~~,OAAA,GAAU,~~aAAgB~~,~~GAAA~~,aAAA,CAAc,~~OAAQ~~;~~AAAA~~;AAAA;AACjE,~~KACF~~,~~EAAA~~,CAAA;AAAA;~~AAGN~~;;;;"}
1	+ {"version":3,"file":"InputWithMask.js","sources":["../src/formatted-input/internal/InputWithMask.tsx"],"sourcesContent":["import { useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type InputHTMLAttributes } from \"react\";\nimport type { FormattedInputProps } from \"../FormattedInput\";\n\nexport const baseName = \"saltFormattedInput\";\n\nfunction getClippedMask(\n mask: FormattedInputProps[\"mask\"],\n value: FormattedInputProps[\"value\"],\n textAlign: FormattedInputProps[\"textAlign\"],\n) {\n if (mask) {\n if (textAlign === \"right\") {\n return mask.substring(\n 0,\n value ? mask.length - value.length : mask.length,\n );\n }\n\n return mask.substring(value ? value.length : 0);\n }\n return \"\";\n}\n\nexport interface InputWithMaskProps\n extends InputHTMLAttributes<HTMLInputElement> {\n mask?: FormattedInputProps[\"mask\"];\n textAlign?: FormattedInputProps[\"textAlign\"];\n value?: FormattedInputProps[\"value\"];\n}\n\nexport const InputWithMask = forwardRef<HTMLInputElement, InputWithMaskProps>(\n function InputWithMask(\n {\n \"aria-labelledby\": ariaLabelledBy,\n className,\n mask = \"\",\n value,\n id: idProp,\n style,\n textAlign,\n ...other\n },\n ref,\n ) {\n const id = useId(idProp);\n\n const spacerAndMask = [\n <i key={value}>{value}</i>,\n getClippedMask(mask, value, textAlign),\n ];\n\n return (\n <div className={`${baseName}-inputWrapper`}>\n <input\n className={className}\n {...other}\n aria-label={mask}\n aria-labelledby={[ariaLabelledBy, id]\n .filter((label) => label != null)\n .join(\" \")}\n id={id}\n ref={ref}\n style={style}\n value={value}\n />\n <span\n aria-hidden=\"true\"\n className={clsx(`${baseName}-mask`, className)}\n style={style}\n >\n {textAlign !== \"right\" ? spacerAndMask : spacerAndMask.reverse()}\n </span>\n </div>\n );\n },\n);\n"],"names":["InputWithMask"],"mappings":";;;;;AAKO,MAAM,QAAA,GAAW;AAExB,SAAS,cAAA,CACP,IAAA,EACA,KAAA,EACA,SAAA,EACA;AACA,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,IAAI,cAAc,OAAA,EAAS;AACzB,MAAA,OAAO,IAAA,CAAK,SAAA;AAAA,QACV,CAAA;AAAA,QACA,KAAA,GAAQ,IAAA,CAAK,MAAA,GAAS,KAAA,CAAM,SAAS,IAAA,CAAK;AAAA,OAC5C;AAAA,IACF;AAEA,IAAA,OAAO,IAAA,CAAK,SAAA,CAAU,KAAA,GAAQ,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,EAChD;AACA,EAAA,OAAO,EAAA;AACT;AASO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,cAAAA,CACP;AAAA,IACE,iBAAA,EAAmB,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,IAAA,GAAO,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,IAAA,MAAM,aAAA,GAAgB;AAAA,sBACpB,GAAA,CAAC,GAAA,EAAA,EAAe,QAAA,EAAA,KAAA,EAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,IAAA,EAAM,KAAA,EAAO,SAAS;AAAA,KACvC;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,QAAQ,CAAA,aAAA,CAAA,EACzB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,YAAA,EAAY,IAAA;AAAA,UACZ,iBAAA,EAAiB,CAAC,cAAA,EAAgB,EAAE,CAAA,CACjC,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,IAAS,IAAI,CAAA,CAC/B,IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAW,IAAA,CAAK,CAAA,EAAG,QAAQ,SAAS,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,QAAA,EAAA,SAAA,KAAc,OAAA,GAAU,aAAA,GAAgB,aAAA,CAAc,OAAA;AAAQ;AAAA;AACjE,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/index.js CHANGED Viewed

@@ -11,9 +11,6 @@ export { useCalendar } from './calendar/useCalendar.js';
 export { useCalendarDay } from './calendar/useCalendarDay.js';
 export { isDateRangeSelection, useCalendarSelection, useCalendarSelectionDay } from './calendar/useCalendarSelection.js';
 export { CascadingMenu } from './cascading-menu/CascadingMenu.js';
-export { Collapsible } from './collapsible/Collapsible.js';
-export { CollapsiblePanel } from './collapsible/CollapsiblePanel.js';
-export { CollapsibleTrigger } from './collapsible/CollapsibleTrigger.js';
 export { Color } from './color-chooser/Color.js';
 export { ColorChooser } from './color-chooser/ColorChooser.js';
 export { convertColorMapValueToHex, getColorNameByHexValue, getHexValue, hexValueWithoutAlpha, isValidHex } from './color-chooser/ColorHelpers.js';
@@ -158,13 +155,6 @@ export { ToolbarButton } from './toolbar/ToolbarButton.js';
 export { Tooltray } from './toolbar/Tooltray.js';
 export { ToolbarField } from './toolbar/toolbar-field/ToolbarField.js';
 export { Tree } from './tree/Tree.js';
-export { VerticalNavigation } from './vertical-navigation/VerticalNavigation.js';
-export { VerticalNavigationItem, useVerticalNavigationItem } from './vertical-navigation/VerticalNavigationItem.js';
-export { VerticalNavigationItemContent } from './vertical-navigation/VerticalNavigationItemContent.js';
-export { VerticalNavigationItemExpansionIcon } from './vertical-navigation/VerticalNavigationItemExpansionIcon.js';
-export { VerticalNavigationItemLabel } from './vertical-navigation/VerticalNavigationItemLabel.js';
-export { VerticalNavigationItemTrigger } from './vertical-navigation/VerticalNavigationItemTrigger.js';
-export { VerticalNavigationSubMenu } from './vertical-navigation/VerticalNavigationSubMenu.js';
 export { ElectronWindow } from './window/ElectronWindow.js';
 export { Window, WindowContext, isDesktop, useWindow } from './window/WindowContext.js';
 //# sourceMappingURL=index.js.map

package/dist-es/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-es/input-legacy/InputLegacy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputLegacy.js","sources":["../src/input-legacy/InputLegacy.tsx"],"sourcesContent":["import { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type AriaAttributes,\n type ChangeEvent,\n type ElementType,\n type FocusEvent,\n type FocusEventHandler,\n forwardRef,\n type HTMLAttributes,\n type InputHTMLAttributes,\n type KeyboardEventHandler,\n type MouseEvent,\n type MouseEventHandler,\n type ReactNode,\n useRef,\n useState,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport inputLegacyCss from \"./InputLegacy.css\";\nimport { useCursorOnFocus } from \"./useCursorOnFocus\";\n\nconst withBaseName = makePrefixer(\"saltInputLegacy\");\n\n// TODO: Double confirm whether this should be extending DivElement given root is `<div>`.\n// And forwarded ref is not assigned to the root like other components.\nexport interface InputLegacyProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" \| \"defaultValue\"> {\n /*\n Determines the position of the text cursor on focus of the input.\n \n start = place cursor at the beginning<br>\n * end = place cursor at the end<br>\n * \\# = index to place the cursor<br>\n /\n cursorPositionOnFocus?: \"start\" \| \"end\" \| number;\n /\n The value of the `input` element, required for an uncontrolled component.\n /\n defaultValue?: HTMLInputElement[\"defaultValue\"];\n /\n If `true`, the component is disabled.\n /\n disabled?: HTMLInputElement[\"disabled\"];\n /\n The marker to use in an empty read only Input.\n * Use `''` to disable this feature. Defaults to '—'.\n /\n emptyReadOnlyMarker?: string;\n /\n Determines what gets highlighted on focus of the input.\n \n If `true` all text will be highlighted.\n * If an array text between those indices will be highlighted\n * e.g. [0,1] will highlight the first character.\n /\n highlightOnFocus?: boolean \| number[];\n /\n The HTML element to render the Input, e.g. 'input', a custom React component.\n /\n inputComponent?: ElementType;\n /\n [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n /\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Callback for change event.\n /\n onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;\n onFocus?: FocusEventHandler<HTMLInputElement>;\n onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n onKeyUp?: KeyboardEventHandler<HTMLInputElement>;\n onMouseUp?: MouseEventHandler<HTMLInputElement>;\n onMouseMove?: MouseEventHandler<HTMLInputElement>;\n onMouseDown?: MouseEventHandler<HTMLInputElement>;\n /\n If `true`, the component is read only.\n /\n readOnly?: boolean;\n /\n \n * Determines the alignment of the input text.\n /\n textAlign?: \"left\" \| \"right\" \| \"center\";\n type?: HTMLInputElement[\"type\"];\n /\n The value of the `input` element, required for a controlled component.\n /\n value?: HTMLInputElement[\"value\"];\n renderSuffix?: (state: {\n disabled?: boolean;\n error?: boolean;\n focused?: boolean;\n margin?: \"dense\" \| \"none\" \| \"normal\";\n required?: boolean;\n startAdornment?: ReactNode;\n }) => ReactNode;\n endAdornment?: ReactNode;\n startAdornment?: ReactNode;\n}\n\nfunction mergeA11yProps(\n a11yProps: Partial<ReturnType<typeof useFormFieldLegacyProps>[\"a11yProps\"]>,\n inputProps: InputLegacyProps[\"inputProps\"],\n misplacedAriaProps: AriaAttributes,\n) {\n const ariaLabelledBy = clsx(\n a11yProps?.[\"aria-labelledby\"],\n inputProps?.[\"aria-labelledby\"],\n );\n\n return {\n ...misplacedAriaProps,\n ...a11yProps,\n ...inputProps,\n // The weird filtering is due to TokenizedInputBase\n \"aria-labelledby\": ariaLabelledBy\n ? Array.from(new Set(ariaLabelledBy.split(\" \"))).join(\" \")\n : null,\n };\n}\n\nexport const InputLegacy = forwardRef<HTMLInputElement, InputLegacyProps>(\n function Input(\n {\n \"aria-activedescendant\": ariaActiveDescendant,\n \"aria-expanded\": ariaExpanded,\n \"aria-owns\": ariaOwns,\n className: classNameProp,\n cursorPositionOnFocus,\n disabled,\n emptyReadOnlyMarker = \"—\",\n endAdornment,\n highlightOnFocus,\n id,\n inputComponent: InputComponent = \"input\",\n inputProps: inputPropsProp,\n role,\n style,\n value: valueProp,\n // If we leave both value and defaultValue undefined, we will get a React warning on first edit\n // (uncontrolled to controlled warning) from the React input\n defaultValue: defaultValueProp = valueProp === undefined ? \"\" : undefined,\n onBlur,\n onChange,\n onFocus,\n onKeyDown,\n onKeyUp,\n onMouseUp,\n onMouseMove,\n onMouseDown,\n readOnly: readOnlyProp,\n renderSuffix,\n startAdornment,\n textAlign = \"left\",\n type = \"text\",\n ...other\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-input-legacy\",\n css: inputLegacyCss,\n window: targetWindow,\n });\n\n const {\n a11yProps: {\n readOnly: a11yReadOnly,\n disabled: a11yDisabled,\n ...restA11y\n } = {},\n setFocused: setFormFieldFocused,\n inFormField,\n } = useFormFieldLegacyProps();\n\n const [focused, setFocused] = useState(false);\n const inputRef = useRef(null);\n const handleRef = useForkRef(inputRef, ref);\n const cursorOnFocusHelpers = useCursorOnFocus(inputRef, {\n cursorPositionOnFocus,\n highlightOnFocus,\n });\n\n const isDisabled = disabled \|\| a11yDisabled;\n const isReadOnly = readOnlyProp \|\| a11yReadOnly;\n const misplacedAriaProps = {\n \"aria-activedescendant\": ariaActiveDescendant,\n \"aria-expanded\": ariaExpanded,\n \"aria-owns\": ariaOwns,\n role,\n };\n const inputProps = mergeA11yProps(\n restA11y,\n inputPropsProp,\n misplacedAriaProps,\n );\n const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;\n const defaultValue = isEmptyReadOnly\n ? emptyReadOnlyMarker\n : defaultValueProp;\n\n const [value, setValue] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: \"Input\",\n state: \"value\",\n });\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const value = event.target.value;\n setValue(value);\n onChange?.(event, value);\n };\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n onFocus?.(event);\n setFormFieldFocused?.(true);\n setFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n onBlur?.(event);\n setFormFieldFocused?.(false);\n setFocused(false);\n };\n\n const handleMouseMove = (event: MouseEvent<HTMLInputElement>) => {\n cursorOnFocusHelpers.handleMouseMove(event);\n\n onMouseMove?.(event);\n };\n\n const handleMouseUp = (event: MouseEvent<HTMLInputElement>) => {\n cursorOnFocusHelpers.handleMouseUp();\n\n onMouseUp?.(event);\n };\n\n const handleMouseDown = (event: MouseEvent<HTMLInputElement>) => {\n cursorOnFocusHelpers.handleMouseDown();\n\n onMouseDown?.(event);\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n {\n [withBaseName(`${textAlign}TextAlign`)]: textAlign,\n [withBaseName(\"formField\")]: inFormField,\n [withBaseName(\"focused\")]: focused && !inFormField,\n [withBaseName(\"disabled\")]: isDisabled,\n [withBaseName(\"inputAdornedStart\")]: startAdornment,\n [withBaseName(\"inputAdornedEnd\")]: endAdornment,\n },\n classNameProp,\n )}\n style={style}\n {...other}\n >\n {startAdornment && (\n <div className={withBaseName(\"prefixContainer\")}>\n {startAdornment}\n </div>\n )}\n <InputComponent\n type={type}\n id={id}\n {...inputProps}\n className={clsx(withBaseName(\"input\"), inputProps?.className)}\n disabled={isDisabled}\n ref={handleRef}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n onFocus={handleFocus}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onMouseMove={handleMouseMove}\n readOnly={isReadOnly}\n />\n {endAdornment && (\n <div className={withBaseName(\"suffixContainer\")}>{endAdornment}</div>\n )}\n {/ TODO: Confirm implementation of suffix */}\n {renderSuffix?.({ disabled, focused })}\n </div>\n );\n },\n);\n"],"names":["inputLegacyCss","value"],"mappings":"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"}
1	+ {"version":3,"file":"InputLegacy.js","sources":["../src/input-legacy/InputLegacy.tsx"],"sourcesContent":["import { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type AriaAttributes,\n type ChangeEvent,\n type ElementType,\n type FocusEvent,\n type FocusEventHandler,\n forwardRef,\n type HTMLAttributes,\n type InputHTMLAttributes,\n type KeyboardEventHandler,\n type MouseEvent,\n type MouseEventHandler,\n type ReactNode,\n useRef,\n useState,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport inputLegacyCss from \"./InputLegacy.css\";\nimport { useCursorOnFocus } from \"./useCursorOnFocus\";\n\nconst withBaseName = makePrefixer(\"saltInputLegacy\");\n\n// TODO: Double confirm whether this should be extending DivElement given root is `<div>`.\n// And forwarded ref is not assigned to the root like other components.\nexport interface InputLegacyProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" \| \"defaultValue\"> {\n /*\n Determines the position of the text cursor on focus of the input.\n \n start = place cursor at the beginning<br>\n * end = place cursor at the end<br>\n * \\# = index to place the cursor<br>\n /\n cursorPositionOnFocus?: \"start\" \| \"end\" \| number;\n /\n The value of the `input` element, required for an uncontrolled component.\n /\n defaultValue?: HTMLInputElement[\"defaultValue\"];\n /\n If `true`, the component is disabled.\n /\n disabled?: HTMLInputElement[\"disabled\"];\n /\n The marker to use in an empty read only Input.\n * Use `''` to disable this feature. Defaults to '—'.\n /\n emptyReadOnlyMarker?: string;\n /\n Determines what gets highlighted on focus of the input.\n \n If `true` all text will be highlighted.\n * If an array text between those indices will be highlighted\n * e.g. [0,1] will highlight the first character.\n /\n highlightOnFocus?: boolean \| number[];\n /\n The HTML element to render the Input, e.g. 'input', a custom React component.\n /\n inputComponent?: ElementType;\n /\n [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n /\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Callback for change event.\n /\n onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;\n onFocus?: FocusEventHandler<HTMLInputElement>;\n onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n onKeyUp?: KeyboardEventHandler<HTMLInputElement>;\n onMouseUp?: MouseEventHandler<HTMLInputElement>;\n onMouseMove?: MouseEventHandler<HTMLInputElement>;\n onMouseDown?: MouseEventHandler<HTMLInputElement>;\n /\n If `true`, the component is read only.\n /\n readOnly?: boolean;\n /\n \n * Determines the alignment of the input text.\n /\n textAlign?: \"left\" \| \"right\" \| \"center\";\n type?: HTMLInputElement[\"type\"];\n /\n The value of the `input` element, required for a controlled component.\n /\n value?: HTMLInputElement[\"value\"];\n renderSuffix?: (state: {\n disabled?: boolean;\n error?: boolean;\n focused?: boolean;\n margin?: \"dense\" \| \"none\" \| \"normal\";\n required?: boolean;\n startAdornment?: ReactNode;\n }) => ReactNode;\n endAdornment?: ReactNode;\n startAdornment?: ReactNode;\n}\n\nfunction mergeA11yProps(\n a11yProps: Partial<ReturnType<typeof useFormFieldLegacyProps>[\"a11yProps\"]>,\n inputProps: InputLegacyProps[\"inputProps\"],\n misplacedAriaProps: AriaAttributes,\n) {\n const ariaLabelledBy = clsx(\n a11yProps?.[\"aria-labelledby\"],\n inputProps?.[\"aria-labelledby\"],\n );\n\n return {\n ...misplacedAriaProps,\n ...a11yProps,\n ...inputProps,\n // The weird filtering is due to TokenizedInputBase\n \"aria-labelledby\": ariaLabelledBy\n ? Array.from(new Set(ariaLabelledBy.split(\" \"))).join(\" \")\n : null,\n };\n}\n\nexport const InputLegacy = forwardRef<HTMLInputElement, InputLegacyProps>(\n function Input(\n {\n \"aria-activedescendant\": ariaActiveDescendant,\n \"aria-expanded\": ariaExpanded,\n \"aria-owns\": ariaOwns,\n className: classNameProp,\n cursorPositionOnFocus,\n disabled,\n emptyReadOnlyMarker = \"—\",\n endAdornment,\n highlightOnFocus,\n id,\n inputComponent: InputComponent = \"input\",\n inputProps: inputPropsProp,\n role,\n style,\n value: valueProp,\n // If we leave both value and defaultValue undefined, we will get a React warning on first edit\n // (uncontrolled to controlled warning) from the React input\n defaultValue: defaultValueProp = valueProp === undefined ? \"\" : undefined,\n onBlur,\n onChange,\n onFocus,\n onKeyDown,\n onKeyUp,\n onMouseUp,\n onMouseMove,\n onMouseDown,\n readOnly: readOnlyProp,\n renderSuffix,\n startAdornment,\n textAlign = \"left\",\n type = \"text\",\n ...other\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-input-legacy\",\n css: inputLegacyCss,\n window: targetWindow,\n });\n\n const {\n a11yProps: {\n readOnly: a11yReadOnly,\n disabled: a11yDisabled,\n ...restA11y\n } = {},\n setFocused: setFormFieldFocused,\n inFormField,\n } = useFormFieldLegacyProps();\n\n const [focused, setFocused] = useState(false);\n const inputRef = useRef(null);\n const handleRef = useForkRef(inputRef, ref);\n const cursorOnFocusHelpers = useCursorOnFocus(inputRef, {\n cursorPositionOnFocus,\n highlightOnFocus,\n });\n\n const isDisabled = disabled \|\| a11yDisabled;\n const isReadOnly = readOnlyProp \|\| a11yReadOnly;\n const misplacedAriaProps = {\n \"aria-activedescendant\": ariaActiveDescendant,\n \"aria-expanded\": ariaExpanded,\n \"aria-owns\": ariaOwns,\n role,\n };\n const inputProps = mergeA11yProps(\n restA11y,\n inputPropsProp,\n misplacedAriaProps,\n );\n const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;\n const defaultValue = isEmptyReadOnly\n ? emptyReadOnlyMarker\n : defaultValueProp;\n\n const [value, setValue] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: \"Input\",\n state: \"value\",\n });\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const value = event.target.value;\n setValue(value);\n onChange?.(event, value);\n };\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n onFocus?.(event);\n setFormFieldFocused?.(true);\n setFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n onBlur?.(event);\n setFormFieldFocused?.(false);\n setFocused(false);\n };\n\n const handleMouseMove = (event: MouseEvent<HTMLInputElement>) => {\n cursorOnFocusHelpers.handleMouseMove(event);\n\n onMouseMove?.(event);\n };\n\n const handleMouseUp = (event: MouseEvent<HTMLInputElement>) => {\n cursorOnFocusHelpers.handleMouseUp();\n\n onMouseUp?.(event);\n };\n\n const handleMouseDown = (event: MouseEvent<HTMLInputElement>) => {\n cursorOnFocusHelpers.handleMouseDown();\n\n onMouseDown?.(event);\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n {\n [withBaseName(`${textAlign}TextAlign`)]: textAlign,\n [withBaseName(\"formField\")]: inFormField,\n [withBaseName(\"focused\")]: focused && !inFormField,\n [withBaseName(\"disabled\")]: isDisabled,\n [withBaseName(\"inputAdornedStart\")]: startAdornment,\n [withBaseName(\"inputAdornedEnd\")]: endAdornment,\n },\n classNameProp,\n )}\n style={style}\n {...other}\n >\n {startAdornment && (\n <div className={withBaseName(\"prefixContainer\")}>\n {startAdornment}\n </div>\n )}\n <InputComponent\n type={type}\n id={id}\n {...inputProps}\n className={clsx(withBaseName(\"input\"), inputProps?.className)}\n disabled={isDisabled}\n ref={handleRef}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n onFocus={handleFocus}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n onMouseMove={handleMouseMove}\n readOnly={isReadOnly}\n />\n {endAdornment && (\n <div className={withBaseName(\"suffixContainer\")}>{endAdornment}</div>\n )}\n {/ TODO: Confirm implementation of suffix */}\n {renderSuffix?.({ disabled, focused })}\n </div>\n );\n },\n);\n"],"names":["inputLegacyCss","value"],"mappings":"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"}