npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.10 → 1.0.0-alpha.100 - Mend

@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.100

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

package/dist-es/tokenized-input/useTokenizedInput.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { useDensity, useId, useControlled, ownerWindow } from '@salt-ds/core';
 import copy from 'clipboard-copy';
 import { useState, useRef, useCallback, useEffect } from 'react';
+import '../form-field-context-legacy/FormFieldLegacyContext.js';
+import { useFormFieldLegacyProps } from '../form-field-context-legacy/useFormFieldLegacyProps.js';
 import { escapeRegExp } from '../utils/escapeRegExp.js';
 import { useEventCallback } from '../utils/useEventCallback.js';
-import '../utils/useFloatingUI.js';
 import { defaultItemToString } from './internal/defaultItemToString.js';
 import { getCursorPosition } from './internal/getCursorPosition.js';
-import '../form-field-context-legacy/FormFieldLegacyContext.js';
-import { useFormFieldLegacyProps } from '../form-field-context-legacy/useFormFieldLegacyProps.js';
 const BLUR_TIMEOUT = 200;
 const SINGLE_LINE_HEIGHT_MAP = {
   touch: 45,
+  mobile: 45,
   low: 36,
   medium: 28,
   high: 23
@@ -23,10 +23,15 @@ function useTokenizedInput(props) {
   validateProps(props);
   const {
     inFormField,
+    // @ts-expect-error
     popoutMode,
+    // @ts-expect-error
     popoutActions,
+    // @ts-expect-error
     setIsPoppedOut,
+    // @ts-expect-error
     setManagedPopout,
+    // @ts-expect-error
     setIntendedHeight,
     a11yProps: {
       "aria-labelledby": ariaLabelledBy,
@@ -69,6 +74,7 @@ function useTokenizedInput(props) {
     state: "value"
   });
   const [
+    // TODO: Check whether defaultValue of [] changes the logic
     selectedItems = [],
     setSelectedItems,
     isSelectionControlled
@@ -154,16 +160,16 @@ function useTokenizedInput(props) {
         onChange(typeof action === "function" ? action(selectedItems) : action);
       }
     },
-    [isSelectionControlled, setSelectedItems, onChange, selectedItems]
+    [isSelectionControlled, onChange, selectedItems]
   );
   const updateExpanded = (newExpanded) => {
     if (!isExpandedControlled) {
       setExpanded(newExpanded);
     }
     if (newExpanded) {
-      onExpand && onExpand();
+      onExpand == null ? void 0 : onExpand();
     } else {
-      onCollapse && onCollapse();
+      onCollapse == null ? void 0 : onCollapse();
     }
     if (popoutMode && popoutActions) {
       popoutActions.refresh();
@@ -374,8 +380,9 @@ function useTokenizedInput(props) {
     }
   };
   const handleCtrlModifierKeyDown = (event) => {
+    var _a;
     const win = ownerWindow(event.target);
-    const supportClipboard = win.navigator && win.navigator.clipboard;
+    const supportClipboard = (_a = win.navigator) == null ? void 0 : _a.clipboard;
     switch (event.key.toUpperCase()) {
       case "A":
         setHighlightedIndex(void 0);
@@ -458,7 +465,11 @@ function useTokenizedInput(props) {
     focused: !inFormField && focused
   };
   const eventHandlers = {
+    // onFocus is a focus on the expand button
+    // It can also be triggered by a focus on the input
     onFocus,
+    // onBlur is a blur from the expand button when it's collapsed
+    // It can also be triggered by the clear button
     onBlur: expanded ? handleBlur : onBlur,
     onClick: handleClick,
     onInputSelect,
@@ -497,9 +508,11 @@ const validateProps = function validateProps2(props) {
     const { delimiter } = props;
     const invalidDelimiter = Array.isArray(delimiter) ? delimiter.every(isChar) : isChar(delimiter);
     useEffect(() => {
-      console.warn(
-        "TokenizedInput delimiter should be a single character or an array of single characters"
-      );
+      if (invalidDelimiter) {
+        console.warn(
+          "TokenizedInput delimiter should be a single character or an array of single characters"
+        );
+      }
     }, [invalidDelimiter]);
   }
 };

package/dist-es/tokenized-input/useTokenizedInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTokenizedInput.js","sources":["../src/tokenized-input/useTokenizedInput.tsx"],"sourcesContent":["//TODO remove when popout code has been migrated\n/* eslint-disable @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access /\nimport { ownerWindow, useControlled, useDensity, useId } from \"@salt-ds/core\";\nimport copy from \"clipboard-copy\";\nimport {\n ChangeEvent,\n FocusEvent,\n InputHTMLAttributes,\n KeyboardEvent,\n KeyboardEventHandler,\n Ref,\n SetStateAction,\n SyntheticEvent,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { escapeRegExp, useEventCallback } from \"../utils\";\nimport { defaultItemToString } from \"./internal/defaultItemToString\";\nimport { getCursorPosition } from \"./internal/getCursorPosition\";\nimport { TokenizedInputProps } from \"./TokenizedInput\";\nimport { TokenizedInputBaseProps } from \"./TokenizedInputBase\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\n\nexport interface TokenizedInputState<Item> {\n activeIndices: Array<number>;\n expanded: boolean \| undefined;\n focused: boolean;\n highlightedIndex: number \| undefined;\n selectedItems: Array<Item>;\n value: string \| undefined;\n}\n\nexport interface TokenizedInputHelpers<Item> {\n cancelBlur: () => void;\n setFocused: (expanded: boolean) => void;\n setHighlightedIndex: (value?: number) => void;\n setValue: (value: string) => void;\n setSelectedItems: (selectedItems: Array<Item>) => void;\n updateExpanded: (expanded: boolean) => void;\n}\n\n// Timeout to accommodate blur from the input and a click inside of the container\nconst BLUR_TIMEOUT = 200;\n\n/\n Map of the height of TokenizedInput in different density.\n * We have to keep a map of this as we can't always measure the height of the input in it's\n * collapsed state, e.g. in a controlled 'expanded' state.\n /\nconst SINGLE_LINE_HEIGHT_MAP = {\n touch: 45,\n low: 36,\n medium: 28,\n high: 23,\n};\n\nfunction isValidItem<Item>(data: unknown): data is Item {\n return (\n (typeof data === \"string\" && Boolean(data.length)) \|\|\n (typeof data !== \"string\" && data != null)\n );\n}\n\ntype useTokenizedInputResult<Item> = {\n /\n Used to do auto focus. It should be set to the actual input node.\n /\n inputRef: Ref<HTMLInputElement>;\n /\n The tokenized input state\n /\n state: TokenizedInputState<Item>;\n /\n Utility functions for modifying tokenized input state\n /\n helpers: TokenizedInputHelpers<Item>;\n /\n Properties applied to a basic tokenized input component\n */\n inputProps: Omit<TokenizedInputBaseProps<Item>, \"helpers\">;\n};\n\nexport function useTokenizedInput<Item>(\n props: TokenizedInputProps<Item>\n): useTokenizedInputResult<Item> {\n validateProps(props);\n\n const {\n inFormField,\n // @ts-ignore\n popoutMode,\n // @ts-ignore\n popoutActions,\n // @ts-ignore\n setIsPoppedOut,\n // @ts-ignore\n setManagedPopout,\n // @ts-ignore\n setIntendedHeight,\n a11yProps: {\n \"aria-labelledby\": ariaLabelledBy,\n disabled: formFieldDisabled,\n } = {},\n } = useFormFieldLegacyProps(); // FIXME: FormField Props\n\n const density = useDensity();\n\n const {\n delimiter = \",\",\n initialSelectedItems = [],\n itemToString = defaultItemToString,\n stringToItem = (_, value) => value.trim(),\n disabled = formFieldDisabled,\n disableAddOnBlur,\n onFocus,\n onBlur,\n onClick,\n onExpand,\n onCollapse,\n onKeyUp,\n onKeyDown,\n onInputSelect,\n onInputChange,\n onInputFocus,\n onInputBlur,\n onClear,\n id: idProp,\n value: valueProp,\n expanded: expandedProp,\n selectedItems: selectedItemsProp,\n onChange: onChangeProp,\n \"aria-label\": ariaLabel,\n ...restProps\n } = props;\n\n const id = useId(idProp);\n\n const [value, setValue, isInputControlled] = useControlled<\n string \| undefined\n >({\n controlled: valueProp,\n default: \"\",\n name: \"TokenizedInput\",\n state: \"value\",\n });\n\n const [\n // TODO: Check whether defaultValue of [] changes the logic\n selectedItems = [],\n setSelectedItems,\n isSelectionControlled,\n ] = useControlled<Item[] \| undefined>({\n controlled: selectedItemsProp,\n default: initialSelectedItems,\n name: \"TokenizedInput\",\n state: \"selectedItems\",\n });\n\n const [expanded, setExpanded, isExpandedControlled] = useControlled<boolean>({\n controlled: expandedProp,\n default: false,\n name: \"TokenizedInput\",\n state: \"expanded\",\n });\n\n const [activeIndices, setActiveIndices] = useState<number[]>([]);\n const [highlightedIndex, setHighlightedIndex] = useState<number \| undefined>(\n undefined\n );\n const [focused, setFocusedState] = useState(false);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const blurTimeout = useRef<number \| null>(null);\n const preventBlurOnCopy = useRef(false);\n const hasActiveItems = Boolean(activeIndices.length);\n\n const delimiters = ([] as string[]).concat(delimiter);\n const primaryDelimiter = delimiters[0];\n const delimiterRegex = new RegExp(\n delimiters.map(escapeRegExp).join(\"\|\"),\n \"gi\"\n );\n\n const onChange = useEventCallback((selectedItems: Item[] \| undefined) => {\n if (onChangeProp) {\n onChangeProp(selectedItems);\n }\n });\n\n const cancelBlur = useCallback(() => {\n if (blurTimeout.current) {\n clearTimeout(blurTimeout.current);\n }\n blurTimeout.current = null;\n }, []);\n\n const focusInput = useCallback(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n\n if (popoutMode && setIsPoppedOut) {\n setIsPoppedOut(true);\n }\n }\n }, [popoutMode, setIsPoppedOut]);\n\n useEffect(\n () => () => {\n cancelBlur();\n },\n [cancelBlur]\n );\n\n useEffect(() => {\n if (expanded) {\n focusInput();\n }\n }, [expanded, focusInput]);\n\n useEffect(() => {\n if (popoutMode && setManagedPopout) {\n setManagedPopout(true);\n\n setIntendedHeight(SINGLE_LINE_HEIGHT_MAP[density]);\n }\n }, [density, popoutMode, setIntendedHeight, setManagedPopout]);\n\n const updateInputValue = (newValue: string \| undefined) => {\n if (!isInputControlled) {\n setValue(newValue);\n }\n };\n\n const updateSelectedItems = useCallback(\n (action: SetStateAction<Item[] \| undefined>) => {\n if (!isSelectionControlled) {\n setSelectedItems((prevSelectedItems?: Item[]) => {\n const newItems =\n typeof action === \"function\" ? action(prevSelectedItems) : action;\n\n if (newItems !== prevSelectedItems) {\n onChange(newItems);\n }\n\n return newItems;\n });\n } else {\n onChange(typeof action === \"function\" ? action(selectedItems) : action);\n }\n },\n [isSelectionControlled, setSelectedItems, onChange, selectedItems]\n );\n\n const updateExpanded = (newExpanded: boolean) => {\n if (!isExpandedControlled) {\n setExpanded(newExpanded);\n }\n\n if (newExpanded) {\n onExpand && onExpand();\n } else {\n onCollapse && onCollapse();\n }\n\n if (popoutMode && popoutActions) {\n popoutActions.refresh();\n }\n };\n\n const setFocused = (newState: boolean) => {\n setFocusedState(newState);\n };\n\n const resetInput = () => {\n updateInputValue(\"\");\n setHighlightedIndex(undefined);\n setActiveIndices([]);\n };\n\n const removeItems = useCallback(\n (itemIndices: number[]) => {\n updateSelectedItems(\n (prevSelectedItems) =>\n prevSelectedItems &&\n (prevSelectedItems.length === 0\n ? prevSelectedItems\n : prevSelectedItems.filter(\n (_, index) => itemIndices.indexOf(index) === -1\n ))\n );\n },\n [updateSelectedItems]\n );\n\n const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n event.stopPropagation();\n\n // The input will lose focus when building the text to copy in a temporary\n // DOM node. This is particularly visible in a slower browser, i.e. IE 11.\n // This is to prevent a blur in that scenario.\n if (preventBlurOnCopy.current) {\n preventBlurOnCopy.current = false;\n setActiveIndices(\n Array.from(\n { length: selectedItems ? selectedItems.length : 0 },\n (_, index) => index\n )\n );\n return;\n }\n\n setFocused(true);\n\n if (onInputFocus) {\n onInputFocus(event);\n }\n\n if (blurTimeout.current !== null) {\n cancelBlur();\n } else {\n updateExpanded(true);\n\n if (onFocus) {\n onFocus(event);\n }\n }\n };\n\n const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n event.stopPropagation();\n\n setFocused(false);\n setHighlightedIndex(undefined);\n setActiveIndices([]);\n\n if (onInputBlur) {\n onInputBlur(event);\n }\n\n handleBlur(event);\n };\n\n const handleBlur = (\n event: FocusEvent<HTMLInputElement \| HTMLButtonElement>\n ) => {\n if (preventBlurOnCopy.current) {\n return focusInput();\n }\n\n event.persist();\n\n blurTimeout.current = setTimeout(() => {\n blurTimeout.current = null;\n updateExpanded(false);\n\n if (!disableAddOnBlur) {\n handleAddItems(value, true);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n\n if (popoutMode && setIsPoppedOut) {\n setIsPoppedOut(false);\n }\n }, BLUR_TIMEOUT) as unknown as number;\n };\n\n const handleClick = (event: SyntheticEvent<HTMLElement>) => {\n updateExpanded(true);\n setActiveIndices([]);\n focusInput();\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n setHighlightedIndex(undefined);\n\n if (onInputChange) {\n onInputChange(event);\n }\n\n const newValue = event.target.value;\n\n if (delimiterRegex.test(newValue)) {\n // Process value with delimiters\n handleAddItems(newValue);\n } else {\n // Just update input value if there is no delimiter\n updateInputValue(newValue);\n }\n };\n\n const handleAddItems = (\n newValue: string \| undefined,\n appendOnly?: boolean\n ) => {\n if (!newValue \|\| newValue.length === 0) {\n return;\n }\n\n resetInput();\n\n const newItems = newValue\n .split(delimiterRegex)\n .reduce<Item[]>((values, part) => {\n const newItem = stringToItem(\n hasActiveItems ? values : selectedItems.concat(values),\n part\n );\n return isValidItem<Item>(newItem) ? values.concat(newItem) : values;\n }, []);\n\n if (newItems.length) {\n updateSelectedItems((prevSelectedItems = []) =>\n hasActiveItems && !appendOnly\n ? newItems\n : prevSelectedItems.concat(newItems)\n );\n }\n };\n\n const handleRemoveItem = useCallback(\n (itemIndex?: number) => {\n focusInput();\n if (itemIndex) {\n removeItems([itemIndex]);\n }\n },\n [focusInput, removeItems]\n );\n\n const handleClear = (event: ChangeEvent<HTMLInputElement>) => {\n updateSelectedItems([]);\n resetInput();\n focusInput();\n\n if (onClear) {\n onClear(event);\n }\n\n if (popoutMode && popoutActions) {\n popoutActions.refresh();\n }\n };\n\n const cursorAtInputStart = () =>\n getCursorPosition(inputRef) === 0 && Boolean(selectedItems.length);\n\n const highlightAtPillGroupEnd = () =>\n highlightedIndex === selectedItems.length - 1;\n\n const pillGroupKeyDownHandlers: {\n [key: string]: KeyboardEventHandler<HTMLInputElement>;\n } = {\n ArrowLeft: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex) =>\n prevHighlightedIndex == null\n ? selectedItems.length - 1\n : Math.max(0, prevHighlightedIndex - 1)\n );\n },\n ArrowRight: (event) => {\n if (highlightAtPillGroupEnd()) {\n return setHighlightedIndex(undefined);\n }\n\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex) =>\n prevHighlightedIndex == null\n ? prevHighlightedIndex\n : Math.min(selectedItems.length - 1, prevHighlightedIndex + 1)\n );\n },\n Backspace: (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n setHighlightedIndex((prevHighlightedIndex) =>\n prevHighlightedIndex == null\n ? prevHighlightedIndex\n : Math.max(0, prevHighlightedIndex - 1)\n );\n },\n Home: (event) => {\n event.preventDefault();\n setHighlightedIndex(0);\n },\n End: (event) => {\n event.preventDefault();\n setHighlightedIndex(selectedItems.length - 1);\n },\n Enter: (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n },\n Delete: (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n },\n \" \": (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n },\n };\n\n const inputKeyDownHandlers: {\n [key: string]: KeyboardEventHandler<HTMLInputElement>;\n } = {\n ArrowLeft: (event) => {\n if (cursorAtInputStart()) {\n event.preventDefault();\n setHighlightedIndex(selectedItems.length - 1);\n }\n },\n Backspace: () => {\n if (hasActiveItems) {\n removeItems(activeIndices);\n } else if (cursorAtInputStart()) {\n setHighlightedIndex(selectedItems.length - 1);\n }\n },\n Delete: () => {\n if (hasActiveItems) {\n removeItems(activeIndices);\n }\n },\n Enter: (event) => {\n event.preventDefault();\n\n if (hasActiveItems) {\n removeItems(activeIndices);\n } else {\n handleAddItems(value);\n }\n },\n };\n\n const handleCtrlModifierKeyDown: InputHTMLAttributes<HTMLInputElement>[\"onKeyDown\"] =\n (event) => {\n const win = ownerWindow(event.target as HTMLElement);\n const supportClipboard = win.navigator && win.navigator.clipboard;\n\n switch (event.key.toUpperCase()) {\n case \"A\":\n // Select all\n setHighlightedIndex(undefined);\n setActiveIndices(\n Array.from({ length: selectedItems.length }, (_, index) => index)\n );\n break;\n case \"C\":\n // Copy\n copy(\n activeIndices\n .map((index) => itemToString(selectedItems[index]))\n .concat(value != null ? String(value).trim() : \"\")\n .filter(Boolean)\n .join(primaryDelimiter)\n )\n .then((result) => {\n preventBlurOnCopy.current = !supportClipboard;\n return result;\n })\n .catch((error) => {\n console.error(error);\n });\n break;\n case \"V\":\n // Paste - do nothing and let handleChange deal with it\n break;\n case \"ARROWLEFT\":\n pillGroupKeyDownHandlers.ArrowLeft(event);\n break;\n case \"ARROWRIGHT\":\n pillGroupKeyDownHandlers.ArrowRight(event);\n break;\n case \"BACKSPACE\":\n if (cursorAtInputStart()) {\n handleRemoveItem(selectedItems.length - 1);\n }\n break;\n case \"CONTROL\":\n case \"META\":\n // Do nothing\n break;\n default:\n // Otherwise, reset active items\n setActiveIndices([]);\n }\n };\n\n const handleCommonKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n const eventKey = event.key.toUpperCase();\n\n if (eventKey === \"ESCAPE\") {\n event.preventDefault();\n resetInput();\n } else if (eventKey === \"TAB\" && !disableAddOnBlur) {\n // Pressing Tab adds a new value\n handleAddItems(value);\n }\n };\n\n const handleKeyDown: InputHTMLAttributes<HTMLInputElement>[\"onKeyDown\"] = (\n event\n ) => {\n if (onKeyDown) {\n onKeyDown(event);\n }\n if (event.defaultPrevented) {\n return;\n }\n if (\n event.ctrlKey \|\|\n event.metaKey \|\|\n [\"CONTROL\", \"META\"].indexOf(event.key.toUpperCase()) !== -1\n ) {\n handleCtrlModifierKeyDown(event);\n } else {\n let handler;\n\n if (highlightedIndex == null) {\n handler = inputKeyDownHandlers[event.key];\n setActiveIndices([]);\n } else {\n handler = pillGroupKeyDownHandlers[event.key];\n }\n\n if (handler != null) {\n handler(event);\n } else {\n handleCommonKeyDown(event);\n }\n }\n\n if (popoutMode && popoutActions) {\n popoutActions.refresh();\n }\n };\n\n const state: TokenizedInputState<Item> = {\n value,\n selectedItems,\n activeIndices,\n highlightedIndex,\n expanded,\n focused: !inFormField && focused,\n };\n\n const eventHandlers = {\n // onFocus is a focus on the expand button\n // It can also be triggered by a focus on the input\n onFocus,\n // onBlur is a blur from the expand button when it's collapsed\n // It can also be triggered by the clear button\n onBlur: expanded ? handleBlur : onBlur,\n onClick: handleClick,\n onInputSelect,\n onInputChange: handleInputChange,\n onInputFocus: handleInputFocus,\n onInputBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n onRemoveItem: handleRemoveItem,\n onClear: handleClear,\n };\n\n return {\n inputRef,\n state,\n helpers: {\n cancelBlur,\n setValue,\n setSelectedItems,\n setHighlightedIndex,\n setFocused,\n updateExpanded,\n },\n inputProps: {\n id,\n itemToString,\n disabled,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-label\": ariaLabel,\n ...state,\n ...restProps,\n ...(disabled ? {} : eventHandlers),\n },\n };\n}\n\nconst validateProps = function validateProps<Item>(\n props: TokenizedInputProps<Item>\n) {\n if (process.env.NODE_ENV !== \"production\") {\n const { delimiter } = props;\n\n const invalidDelimiter = Array.isArray(delimiter)\n ? delimiter.every(isChar)\n : isChar(delimiter);\n\n useEffect(() => {\n console.warn(\n \"TokenizedInput delimiter should be a single character or an array of single characters\"\n );\n }, [invalidDelimiter]);\n }\n};\n\nconst isChar = (value: unknown) =>\n typeof value === \"string\" && value.length === 1;\n"],"names":["value","selectedItems","validateProps"],"mappings":"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"}
1	+ {"version":3,"file":"useTokenizedInput.js","sources":["../src/tokenized-input/useTokenizedInput.tsx"],"sourcesContent":["//TODO remove when popout code has been migrated\nimport { ownerWindow, useControlled, useDensity, useId } from \"@salt-ds/core\";\nimport copy from \"clipboard-copy\";\nimport {\n type ChangeEvent,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type KeyboardEventHandler,\n type Ref,\n type SetStateAction,\n type SyntheticEvent,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport { escapeRegExp, useEventCallback } from \"../utils\";\nimport { defaultItemToString } from \"./internal/defaultItemToString\";\nimport { getCursorPosition } from \"./internal/getCursorPosition\";\nimport type { TokenizedInputProps } from \"./TokenizedInput\";\nimport type { TokenizedInputBaseProps } from \"./TokenizedInputBase\";\n\nexport interface TokenizedInputState<Item> {\n activeIndices: Array<number>;\n expanded: boolean \| undefined;\n focused: boolean;\n highlightedIndex: number \| undefined;\n selectedItems: Array<Item>;\n value: string \| undefined;\n}\n\nexport interface TokenizedInputHelpers<Item> {\n cancelBlur: () => void;\n setFocused: (expanded: boolean) => void;\n setHighlightedIndex: (value?: number) => void;\n setValue: (value: string) => void;\n setSelectedItems: (selectedItems: Array<Item>) => void;\n updateExpanded: (expanded: boolean) => void;\n}\n\n// Timeout to accommodate blur from the input and a click inside of the container\nconst BLUR_TIMEOUT = 200;\n\n/*\n Map of the height of TokenizedInput in different density.\n * We have to keep a map of this as we can't always measure the height of the input in it's\n * collapsed state, e.g. in a controlled 'expanded' state.\n /\nconst SINGLE_LINE_HEIGHT_MAP = {\n touch: 45,\n mobile: 45,\n low: 36,\n medium: 28,\n high: 23,\n};\n\nfunction isValidItem<Item>(data: unknown): data is Item {\n return (\n (typeof data === \"string\" && Boolean(data.length)) \|\|\n (typeof data !== \"string\" && data != null)\n );\n}\n\ntype useTokenizedInputResult<Item> = {\n /\n Used to do auto focus. It should be set to the actual input node.\n /\n inputRef: Ref<HTMLInputElement>;\n /\n The tokenized input state\n /\n state: TokenizedInputState<Item>;\n /\n Utility functions for modifying tokenized input state\n /\n helpers: TokenizedInputHelpers<Item>;\n /\n Properties applied to a basic tokenized input component\n */\n inputProps: Omit<TokenizedInputBaseProps<Item>, \"helpers\">;\n};\n\nexport function useTokenizedInput<Item>(\n props: TokenizedInputProps<Item>,\n): useTokenizedInputResult<Item> {\n validateProps(props);\n\n const {\n inFormField,\n // @ts-expect-error\n popoutMode,\n // @ts-expect-error\n popoutActions,\n // @ts-expect-error\n setIsPoppedOut,\n // @ts-expect-error\n setManagedPopout,\n // @ts-expect-error\n setIntendedHeight,\n a11yProps: {\n \"aria-labelledby\": ariaLabelledBy,\n disabled: formFieldDisabled,\n } = {},\n } = useFormFieldLegacyProps(); // FIXME: FormField Props\n\n const density = useDensity();\n\n const {\n delimiter = \",\",\n initialSelectedItems = [],\n itemToString = defaultItemToString,\n stringToItem = (_, value) => value.trim(),\n disabled = formFieldDisabled,\n disableAddOnBlur,\n onFocus,\n onBlur,\n onClick,\n onExpand,\n onCollapse,\n onKeyUp,\n onKeyDown,\n onInputSelect,\n onInputChange,\n onInputFocus,\n onInputBlur,\n onClear,\n id: idProp,\n value: valueProp,\n expanded: expandedProp,\n selectedItems: selectedItemsProp,\n onChange: onChangeProp,\n \"aria-label\": ariaLabel,\n ...restProps\n } = props;\n\n const id = useId(idProp);\n\n const [value, setValue, isInputControlled] = useControlled<\n string \| undefined\n >({\n controlled: valueProp,\n default: \"\",\n name: \"TokenizedInput\",\n state: \"value\",\n });\n\n const [\n // TODO: Check whether defaultValue of [] changes the logic\n selectedItems = [],\n setSelectedItems,\n isSelectionControlled,\n ] = useControlled<Item[] \| undefined>({\n controlled: selectedItemsProp,\n default: initialSelectedItems,\n name: \"TokenizedInput\",\n state: \"selectedItems\",\n });\n\n const [expanded, setExpanded, isExpandedControlled] = useControlled<boolean>({\n controlled: expandedProp,\n default: false,\n name: \"TokenizedInput\",\n state: \"expanded\",\n });\n\n const [activeIndices, setActiveIndices] = useState<number[]>([]);\n const [highlightedIndex, setHighlightedIndex] = useState<number \| undefined>(\n undefined,\n );\n const [focused, setFocusedState] = useState(false);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const blurTimeout = useRef<number \| null>(null);\n const preventBlurOnCopy = useRef(false);\n const hasActiveItems = Boolean(activeIndices.length);\n\n const delimiters = ([] as string[]).concat(delimiter);\n const primaryDelimiter = delimiters[0];\n const delimiterRegex = new RegExp(\n delimiters.map(escapeRegExp).join(\"\|\"),\n \"gi\",\n );\n\n const onChange = useEventCallback((selectedItems: Item[] \| undefined) => {\n if (onChangeProp) {\n onChangeProp(selectedItems);\n }\n });\n\n const cancelBlur = useCallback(() => {\n if (blurTimeout.current) {\n clearTimeout(blurTimeout.current);\n }\n blurTimeout.current = null;\n }, []);\n\n const focusInput = useCallback(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n\n if (popoutMode && setIsPoppedOut) {\n setIsPoppedOut(true);\n }\n }\n }, [popoutMode, setIsPoppedOut]);\n\n useEffect(\n () => () => {\n cancelBlur();\n },\n [cancelBlur],\n );\n\n useEffect(() => {\n if (expanded) {\n focusInput();\n }\n }, [expanded, focusInput]);\n\n useEffect(() => {\n if (popoutMode && setManagedPopout) {\n setManagedPopout(true);\n\n setIntendedHeight(SINGLE_LINE_HEIGHT_MAP[density]);\n }\n }, [density, popoutMode, setIntendedHeight, setManagedPopout]);\n\n const updateInputValue = (newValue: string \| undefined) => {\n if (!isInputControlled) {\n setValue(newValue);\n }\n };\n\n const updateSelectedItems = useCallback(\n (action: SetStateAction<Item[] \| undefined>) => {\n if (!isSelectionControlled) {\n setSelectedItems((prevSelectedItems?: Item[]) => {\n const newItems =\n typeof action === \"function\" ? action(prevSelectedItems) : action;\n\n if (newItems !== prevSelectedItems) {\n onChange(newItems);\n }\n\n return newItems;\n });\n } else {\n onChange(typeof action === \"function\" ? action(selectedItems) : action);\n }\n },\n [isSelectionControlled, onChange, selectedItems],\n );\n\n const updateExpanded = (newExpanded: boolean) => {\n if (!isExpandedControlled) {\n setExpanded(newExpanded);\n }\n\n if (newExpanded) {\n onExpand?.();\n } else {\n onCollapse?.();\n }\n\n if (popoutMode && popoutActions) {\n popoutActions.refresh();\n }\n };\n\n const setFocused = (newState: boolean) => {\n setFocusedState(newState);\n };\n\n const resetInput = () => {\n updateInputValue(\"\");\n setHighlightedIndex(undefined);\n setActiveIndices([]);\n };\n\n const removeItems = useCallback(\n (itemIndices: number[]) => {\n updateSelectedItems(\n (prevSelectedItems) =>\n prevSelectedItems &&\n (prevSelectedItems.length === 0\n ? prevSelectedItems\n : prevSelectedItems.filter(\n (_, index) => itemIndices.indexOf(index) === -1,\n )),\n );\n },\n [updateSelectedItems],\n );\n\n const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n event.stopPropagation();\n\n // The input will lose focus when building the text to copy in a temporary\n // DOM node. This is particularly visible in a slower browser, i.e. IE 11.\n // This is to prevent a blur in that scenario.\n if (preventBlurOnCopy.current) {\n preventBlurOnCopy.current = false;\n setActiveIndices(\n Array.from(\n { length: selectedItems ? selectedItems.length : 0 },\n (_, index) => index,\n ),\n );\n return;\n }\n\n setFocused(true);\n\n if (onInputFocus) {\n onInputFocus(event);\n }\n\n if (blurTimeout.current !== null) {\n cancelBlur();\n } else {\n updateExpanded(true);\n\n if (onFocus) {\n onFocus(event);\n }\n }\n };\n\n const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n event.stopPropagation();\n\n setFocused(false);\n setHighlightedIndex(undefined);\n setActiveIndices([]);\n\n if (onInputBlur) {\n onInputBlur(event);\n }\n\n handleBlur(event);\n };\n\n const handleBlur = (\n event: FocusEvent<HTMLInputElement \| HTMLButtonElement>,\n ) => {\n if (preventBlurOnCopy.current) {\n return focusInput();\n }\n\n event.persist();\n\n blurTimeout.current = setTimeout(() => {\n blurTimeout.current = null;\n updateExpanded(false);\n\n if (!disableAddOnBlur) {\n handleAddItems(value, true);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n\n if (popoutMode && setIsPoppedOut) {\n setIsPoppedOut(false);\n }\n }, BLUR_TIMEOUT) as unknown as number;\n };\n\n const handleClick = (event: SyntheticEvent<HTMLElement>) => {\n updateExpanded(true);\n setActiveIndices([]);\n focusInput();\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n setHighlightedIndex(undefined);\n\n if (onInputChange) {\n onInputChange(event);\n }\n\n const newValue = event.target.value;\n\n if (delimiterRegex.test(newValue)) {\n // Process value with delimiters\n handleAddItems(newValue);\n } else {\n // Just update input value if there is no delimiter\n updateInputValue(newValue);\n }\n };\n\n const handleAddItems = (\n newValue: string \| undefined,\n appendOnly?: boolean,\n ) => {\n if (!newValue \|\| newValue.length === 0) {\n return;\n }\n\n resetInput();\n\n const newItems = newValue\n .split(delimiterRegex)\n .reduce<Item[]>((values, part) => {\n const newItem = stringToItem(\n hasActiveItems ? values : selectedItems.concat(values),\n part,\n );\n return isValidItem<Item>(newItem) ? values.concat(newItem) : values;\n }, []);\n\n if (newItems.length) {\n updateSelectedItems((prevSelectedItems = []) =>\n hasActiveItems && !appendOnly\n ? newItems\n : prevSelectedItems.concat(newItems),\n );\n }\n };\n\n const handleRemoveItem = useCallback(\n (itemIndex?: number) => {\n focusInput();\n if (itemIndex) {\n removeItems([itemIndex]);\n }\n },\n [focusInput, removeItems],\n );\n\n const handleClear = (event: ChangeEvent<HTMLInputElement>) => {\n updateSelectedItems([]);\n resetInput();\n focusInput();\n\n if (onClear) {\n onClear(event);\n }\n\n if (popoutMode && popoutActions) {\n popoutActions.refresh();\n }\n };\n\n const cursorAtInputStart = () =>\n getCursorPosition(inputRef) === 0 && Boolean(selectedItems.length);\n\n const highlightAtPillGroupEnd = () =>\n highlightedIndex === selectedItems.length - 1;\n\n const pillGroupKeyDownHandlers: {\n [key: string]: KeyboardEventHandler<HTMLInputElement>;\n } = {\n ArrowLeft: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex) =>\n prevHighlightedIndex == null\n ? selectedItems.length - 1\n : Math.max(0, prevHighlightedIndex - 1),\n );\n },\n ArrowRight: (event) => {\n if (highlightAtPillGroupEnd()) {\n return setHighlightedIndex(undefined);\n }\n\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex) =>\n prevHighlightedIndex == null\n ? prevHighlightedIndex\n : Math.min(selectedItems.length - 1, prevHighlightedIndex + 1),\n );\n },\n Backspace: (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n setHighlightedIndex((prevHighlightedIndex) =>\n prevHighlightedIndex == null\n ? prevHighlightedIndex\n : Math.max(0, prevHighlightedIndex - 1),\n );\n },\n Home: (event) => {\n event.preventDefault();\n setHighlightedIndex(0);\n },\n End: (event) => {\n event.preventDefault();\n setHighlightedIndex(selectedItems.length - 1);\n },\n Enter: (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n },\n Delete: (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n },\n \" \": (event) => {\n event.preventDefault();\n handleRemoveItem(highlightedIndex);\n },\n };\n\n const inputKeyDownHandlers: {\n [key: string]: KeyboardEventHandler<HTMLInputElement>;\n } = {\n ArrowLeft: (event) => {\n if (cursorAtInputStart()) {\n event.preventDefault();\n setHighlightedIndex(selectedItems.length - 1);\n }\n },\n Backspace: () => {\n if (hasActiveItems) {\n removeItems(activeIndices);\n } else if (cursorAtInputStart()) {\n setHighlightedIndex(selectedItems.length - 1);\n }\n },\n Delete: () => {\n if (hasActiveItems) {\n removeItems(activeIndices);\n }\n },\n Enter: (event) => {\n event.preventDefault();\n\n if (hasActiveItems) {\n removeItems(activeIndices);\n } else {\n handleAddItems(value);\n }\n },\n };\n\n const handleCtrlModifierKeyDown: InputHTMLAttributes<HTMLInputElement>[\"onKeyDown\"] =\n (event) => {\n const win = ownerWindow(event.target as HTMLElement);\n const supportClipboard = win.navigator?.clipboard;\n\n switch (event.key.toUpperCase()) {\n case \"A\":\n // Select all\n setHighlightedIndex(undefined);\n setActiveIndices(\n Array.from({ length: selectedItems.length }, (_, index) => index),\n );\n break;\n case \"C\":\n // Copy\n copy(\n activeIndices\n .map((index) => itemToString(selectedItems[index]))\n .concat(value != null ? String(value).trim() : \"\")\n .filter(Boolean)\n .join(primaryDelimiter),\n )\n .then((result) => {\n preventBlurOnCopy.current = !supportClipboard;\n return result;\n })\n .catch((error) => {\n console.error(error);\n });\n break;\n case \"V\":\n // Paste - do nothing and let handleChange deal with it\n break;\n case \"ARROWLEFT\":\n pillGroupKeyDownHandlers.ArrowLeft(event);\n break;\n case \"ARROWRIGHT\":\n pillGroupKeyDownHandlers.ArrowRight(event);\n break;\n case \"BACKSPACE\":\n if (cursorAtInputStart()) {\n handleRemoveItem(selectedItems.length - 1);\n }\n break;\n case \"CONTROL\":\n case \"META\":\n // Do nothing\n break;\n default:\n // Otherwise, reset active items\n setActiveIndices([]);\n }\n };\n\n const handleCommonKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n const eventKey = event.key.toUpperCase();\n\n if (eventKey === \"ESCAPE\") {\n event.preventDefault();\n resetInput();\n } else if (eventKey === \"TAB\" && !disableAddOnBlur) {\n // Pressing Tab adds a new value\n handleAddItems(value);\n }\n };\n\n const handleKeyDown: InputHTMLAttributes<HTMLInputElement>[\"onKeyDown\"] = (\n event,\n ) => {\n if (onKeyDown) {\n onKeyDown(event);\n }\n if (event.defaultPrevented) {\n return;\n }\n if (\n event.ctrlKey \|\|\n event.metaKey \|\|\n [\"CONTROL\", \"META\"].indexOf(event.key.toUpperCase()) !== -1\n ) {\n handleCtrlModifierKeyDown(event);\n } else {\n let handler: KeyboardEventHandler<HTMLInputElement> \| undefined;\n\n if (highlightedIndex == null) {\n handler = inputKeyDownHandlers[event.key];\n setActiveIndices([]);\n } else {\n handler = pillGroupKeyDownHandlers[event.key];\n }\n\n if (handler != null) {\n handler(event);\n } else {\n handleCommonKeyDown(event);\n }\n }\n\n if (popoutMode && popoutActions) {\n popoutActions.refresh();\n }\n };\n\n const state: TokenizedInputState<Item> = {\n value,\n selectedItems,\n activeIndices,\n highlightedIndex,\n expanded,\n focused: !inFormField && focused,\n };\n\n const eventHandlers = {\n // onFocus is a focus on the expand button\n // It can also be triggered by a focus on the input\n onFocus,\n // onBlur is a blur from the expand button when it's collapsed\n // It can also be triggered by the clear button\n onBlur: expanded ? handleBlur : onBlur,\n onClick: handleClick,\n onInputSelect,\n onInputChange: handleInputChange,\n onInputFocus: handleInputFocus,\n onInputBlur: handleInputBlur,\n onKeyDown: handleKeyDown,\n onRemoveItem: handleRemoveItem,\n onClear: handleClear,\n };\n\n return {\n inputRef,\n state,\n helpers: {\n cancelBlur,\n setValue,\n setSelectedItems,\n setHighlightedIndex,\n setFocused,\n updateExpanded,\n },\n inputProps: {\n id,\n itemToString,\n disabled,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-label\": ariaLabel,\n ...state,\n ...restProps,\n ...(disabled ? {} : eventHandlers),\n },\n };\n}\n\nconst validateProps = function validateProps<Item>(\n props: TokenizedInputProps<Item>,\n) {\n if (process.env.NODE_ENV !== \"production\") {\n const { delimiter } = props;\n\n const invalidDelimiter = Array.isArray(delimiter)\n ? delimiter.every(isChar)\n : isChar(delimiter);\n\n // biome-ignore lint/correctness/useHookAtTopLevel: NODE_ENV is invariant at runtime.\n useEffect(() => {\n if (invalidDelimiter) {\n console.warn(\n \"TokenizedInput delimiter should be a single character or an array of single characters\",\n );\n }\n }, [invalidDelimiter]);\n }\n};\n\nconst isChar = (value: unknown) =>\n typeof value === \"string\" && value.length === 1;\n"],"names":["value","selectedItems","validateProps"],"mappings":";;;;;;;;;;AA2CA,MAAM,YAAA,GAAe,GAAA;AAOrB,MAAM,sBAAA,GAAyB;AAAA,EAC7B,KAAA,EAAO,EAAA;AAAA,EACP,MAAA,EAAQ,EAAA;AAAA,EACR,GAAA,EAAK,EAAA;AAAA,EACL,MAAA,EAAQ,EAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAA;AAEA,SAAS,YAAkB,IAAA,EAA6B;AACtD,EAAA,OACG,OAAO,IAAA,KAAS,QAAA,IAAY,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAA,IAC/C,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,IAAQ,IAAA;AAEzC;AAqBO,SAAS,kBACd,KAAA,EAC+B;AAC/B,EAAA,aAAA,CAAc,KAAK,CAAA;AAEnB,EAAA,MAAM;AAAA,IACJ,WAAA;AAAA;AAAA,IAEA,UAAA;AAAA;AAAA,IAEA,aAAA;AAAA;AAAA,IAEA,cAAA;AAAA;AAAA,IAEA,gBAAA;AAAA;AAAA,IAEA,iBAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,iBAAA,EAAmB,cAAA;AAAA,MACnB,QAAA,EAAU;AAAA,QACR;AAAC,MACH,uBAAA,EAAwB;AAE5B,EAAA,MAAM,UAAU,UAAA,EAAW;AAE3B,EAAA,MAAM;AAAA,IACJ,SAAA,GAAY,GAAA;AAAA,IACZ,uBAAuB,EAAC;AAAA,IACxB,YAAA,GAAe,mBAAA;AAAA,IACf,YAAA,GAAe,CAAC,CAAA,EAAGA,MAAAA,KAAUA,OAAM,IAAA,EAAK;AAAA,IACxC,QAAA,GAAW,iBAAA;AAAA,IACX,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,SAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,aAAA,EAAe,iBAAA;AAAA,IACf,QAAA,EAAU,YAAA;AAAA,IACV,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAA,EAAU,iBAAiB,IAAI,aAAA,CAE3C;AAAA,IACA,UAAA,EAAY,SAAA;AAAA,IACZ,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM;AAAA;AAAA,IAEJ,gBAAgB,EAAC;AAAA,IACjB,gBAAA;AAAA,IACA;AAAA,MACE,aAAA,CAAkC;AAAA,IACpC,UAAA,EAAY,iBAAA;AAAA,IACZ,OAAA,EAAS,oBAAA;AAAA,IACT,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,CAAC,QAAA,EAAU,WAAA,EAAa,oBAAoB,IAAI,aAAA,CAAuB;AAAA,IAC3E,UAAA,EAAY,YAAA;AAAA,IACZ,OAAA,EAAS,KAAA;AAAA,IACT,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AAC/D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA;AAAA,IAC9C;AAAA,GACF;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AAEjD,EAAA,MAAM,QAAA,GAAW,OAAgC,IAAI,CAAA;AACrD,EAAA,MAAM,WAAA,GAAc,OAAsB,IAAI,CAAA;AAC9C,EAAA,MAAM,iBAAA,GAAoB,OAAO,KAAK,CAAA;AACtC,EAAA,MAAM,cAAA,GAAiB,OAAA,CAAQ,aAAA,CAAc,MAAM,CAAA;AAEnD,EAAA,MAAM,UAAA,GAAc,EAAC,CAAe,MAAA,CAAO,SAAS,CAAA;AACpD,EAAA,MAAM,gBAAA,GAAmB,WAAW,CAAC,CAAA;AACrC,EAAA,MAAM,iBAAiB,IAAI,MAAA;AAAA,IACzB,UAAA,CAAW,GAAA,CAAI,YAAY,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,IACrC;AAAA,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,gBAAA,CAAiB,CAACC,cAAAA,KAAsC;AACvE,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAaA,cAAa,CAAA;AAAA,IAC5B;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,YAAY,OAAA,EAAS;AACvB,MAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAAA,IAClC;AACA,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,CAAS,QAAQ,KAAA,EAAM;AAEvB,MAAA,IAAI,cAAc,cAAA,EAAgB;AAChC,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,cAAc,CAAC,CAAA;AAE/B,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,UAAA,EAAW;AAAA,IACb,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,UAAA,EAAW;AAAA,IACb;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAc,gBAAA,EAAkB;AAClC,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAErB,MAAA,iBAAA,CAAkB,sBAAA,CAAuB,OAAO,CAAC,CAAA;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,OAAA,EAAS,UAAA,EAAY,iBAAA,EAAmB,gBAAgB,CAAC,CAAA;AAE7D,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAiC;AACzD,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,MAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,IACnB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,mBAAA,GAAsB,WAAA;AAAA,IAC1B,CAAC,MAAA,KAA+C;AAC9C,MAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,QAAA,gBAAA,CAAiB,CAAC,iBAAA,KAA+B;AAC/C,UAAA,MAAM,WACJ,OAAO,MAAA,KAAW,UAAA,GAAa,MAAA,CAAO,iBAAiB,CAAA,GAAI,MAAA;AAE7D,UAAA,IAAI,aAAa,iBAAA,EAAmB;AAClC,YAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,UACnB;AAEA,UAAA,OAAO,QAAA;AAAA,QACT,CAAC,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,QAAA,CAAS,OAAO,MAAA,KAAW,UAAA,GAAa,MAAA,CAAO,aAAa,IAAI,MAAM,CAAA;AAAA,MACxE;AAAA,IACF,CAAA;AAAA,IACA,CAAC,qBAAA,EAAuB,QAAA,EAAU,aAAa;AAAA,GACjD;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,WAAA,KAAyB;AAC/C,IAAA,IAAI,CAAC,oBAAA,EAAsB;AACzB,MAAA,WAAA,CAAY,WAAW,CAAA;AAAA,IACzB;AAEA,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,EAAA;AAAA,IACF,CAAA,MAAO;AACL,MAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,EAAA;AAAA,IACF;AAEA,IAAA,IAAI,cAAc,aAAA,EAAe;AAC/B,MAAA,aAAA,CAAc,OAAA,EAAQ;AAAA,IACxB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,QAAA,KAAsB;AACxC,IAAA,eAAA,CAAgB,QAAQ,CAAA;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,IAAA,mBAAA,CAAoB,MAAS,CAAA;AAC7B,IAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,CAAC,WAAA,KAA0B;AACzB,MAAA,mBAAA;AAAA,QACE,CAAC,iBAAA,KACC,iBAAA,KACC,kBAAkB,MAAA,KAAW,CAAA,GAC1B,oBACA,iBAAA,CAAkB,MAAA;AAAA,UAChB,CAAC,CAAA,EAAG,KAAA,KAAU,WAAA,CAAY,OAAA,CAAQ,KAAK,CAAA,KAAM;AAAA,SAC/C;AAAA,OACR;AAAA,IACF,CAAA;AAAA,IACA,CAAC,mBAAmB;AAAA,GACtB;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAwC;AAChE,IAAA,KAAA,CAAM,eAAA,EAAgB;AAKtB,IAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,MAAA,iBAAA,CAAkB,OAAA,GAAU,KAAA;AAC5B,MAAA,gBAAA;AAAA,QACE,KAAA,CAAM,IAAA;AAAA,UACJ,EAAE,MAAA,EAAQ,aAAA,GAAgB,aAAA,CAAc,SAAS,CAAA,EAAE;AAAA,UACnD,CAAC,GAAG,KAAA,KAAU;AAAA;AAChB,OACF;AACA,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,CAAW,IAAI,CAAA;AAEf,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAEA,IAAA,IAAI,WAAA,CAAY,YAAY,IAAA,EAAM;AAChC,MAAA,UAAA,EAAW;AAAA,IACb,CAAA,MAAO;AACL,MAAA,cAAA,CAAe,IAAI,CAAA;AAEnB,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAwC;AAC/D,IAAA,KAAA,CAAM,eAAA,EAAgB;AAEtB,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,mBAAA,CAAoB,MAAS,CAAA;AAC7B,IAAA,gBAAA,CAAiB,EAAE,CAAA;AAEnB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB;AAEA,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CACjB,KAAA,KACG;AACH,IAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,MAAA,OAAO,UAAA,EAAW;AAAA,IACpB;AAEA,IAAA,KAAA,CAAM,OAAA,EAAQ;AAEd,IAAA,WAAA,CAAY,OAAA,GAAU,WAAW,MAAM;AACrC,MAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,MAAA,cAAA,CAAe,KAAK,CAAA;AAEpB,MAAA,IAAI,CAAC,gBAAA,EAAkB;AACrB,QAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,MAC5B;AAEA,MAAA,IAAI,MAAA,EAAQ;AACV,QAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MACd;AAEA,MAAA,IAAI,cAAc,cAAA,EAAgB;AAChC,QAAA,cAAA,CAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF,GAAG,YAAY,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAuC;AAC1D,IAAA,cAAA,CAAe,IAAI,CAAA;AACnB,IAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,IAAA,UAAA,EAAW;AAEX,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAyC;AAClE,IAAA,mBAAA,CAAoB,MAAS,CAAA;AAE7B,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA,IACrB;AAEA,IAAA,MAAM,QAAA,GAAW,MAAM,MAAA,CAAO,KAAA;AAE9B,IAAA,IAAI,cAAA,CAAe,IAAA,CAAK,QAAQ,CAAA,EAAG;AAEjC,MAAA,cAAA,CAAe,QAAQ,CAAA;AAAA,IACzB,CAAA,MAAO;AAEL,MAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CACrB,QAAA,EACA,UAAA,KACG;AACH,IAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AACtC,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,EAAW;AAEX,IAAA,MAAM,QAAA,GAAW,SACd,KAAA,CAAM,cAAc,EACpB,MAAA,CAAe,CAAC,QAAQ,IAAA,KAAS;AAChC,MAAA,MAAM,OAAA,GAAU,YAAA;AAAA,QACd,cAAA,GAAiB,MAAA,GAAS,aAAA,CAAc,MAAA,CAAO,MAAM,CAAA;AAAA,QACrD;AAAA,OACF;AACA,MAAA,OAAO,YAAkB,OAAO,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,OAAO,CAAA,GAAI,MAAA;AAAA,IAC/D,CAAA,EAAG,EAAE,CAAA;AAEP,IAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,MAAA,mBAAA;AAAA,QAAoB,CAAC,iBAAA,GAAoB,EAAC,KACxC,cAAA,IAAkB,CAAC,UAAA,GACf,QAAA,GACA,iBAAA,CAAkB,MAAA,CAAO,QAAQ;AAAA,OACvC;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,WAAA;AAAA,IACvB,CAAC,SAAA,KAAuB;AACtB,MAAA,UAAA,EAAW;AACX,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,WAAA,CAAY,CAAC,SAAS,CAAC,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,YAAY,WAAW;AAAA,GAC1B;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAC5D,IAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,IAAA,UAAA,EAAW;AACX,IAAA,UAAA,EAAW;AAEX,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf;AAEA,IAAA,IAAI,cAAc,aAAA,EAAe;AAC/B,MAAA,aAAA,CAAc,OAAA,EAAQ;AAAA,IACxB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,MACzB,iBAAA,CAAkB,QAAQ,MAAM,CAAA,IAAK,OAAA,CAAQ,cAAc,MAAM,CAAA;AAEnE,EAAA,MAAM,uBAAA,GAA0B,MAC9B,gBAAA,KAAqB,aAAA,CAAc,MAAA,GAAS,CAAA;AAE9C,EAAA,MAAM,wBAAA,GAEF;AAAA,IACF,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,mBAAA;AAAA,QAAoB,CAAC,oBAAA,KACnB,oBAAA,IAAwB,IAAA,GACpB,aAAA,CAAc,MAAA,GAAS,CAAA,GACvB,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,oBAAA,GAAuB,CAAC;AAAA,OAC1C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY,CAAC,KAAA,KAAU;AACrB,MAAA,IAAI,yBAAwB,EAAG;AAC7B,QAAA,OAAO,oBAAoB,MAAS,CAAA;AAAA,MACtC;AAEA,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,mBAAA;AAAA,QAAoB,CAAC,oBAAA,KACnB,oBAAA,IAAwB,IAAA,GACpB,oBAAA,GACA,IAAA,CAAK,GAAA,CAAI,aAAA,CAAc,MAAA,GAAS,CAAA,EAAG,oBAAA,GAAuB,CAAC;AAAA,OACjE;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,gBAAA,CAAiB,gBAAgB,CAAA;AACjC,MAAA,mBAAA;AAAA,QAAoB,CAAC,yBACnB,oBAAA,IAAwB,IAAA,GACpB,uBACA,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,oBAAA,GAAuB,CAAC;AAAA,OAC1C;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM,CAAC,KAAA,KAAU;AACf,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,mBAAA,CAAoB,CAAC,CAAA;AAAA,IACvB,CAAA;AAAA,IACA,GAAA,EAAK,CAAC,KAAA,KAAU;AACd,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,mBAAA,CAAoB,aAAA,CAAc,SAAS,CAAC,CAAA;AAAA,IAC9C,CAAA;AAAA,IACA,KAAA,EAAO,CAAC,KAAA,KAAU;AAChB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,gBAAA,CAAiB,gBAAgB,CAAA;AAAA,IACnC,CAAA;AAAA,IACA,MAAA,EAAQ,CAAC,KAAA,KAAU;AACjB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,gBAAA,CAAiB,gBAAgB,CAAA;AAAA,IACnC,CAAA;AAAA,IACA,GAAA,EAAK,CAAC,KAAA,KAAU;AACd,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,gBAAA,CAAiB,gBAAgB,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,MAAM,oBAAA,GAEF;AAAA,IACF,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,MAAA,IAAI,oBAAmB,EAAG;AACxB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,mBAAA,CAAoB,aAAA,CAAc,SAAS,CAAC,CAAA;AAAA,MAC9C;AAAA,IACF,CAAA;AAAA,IACA,WAAW,MAAM;AACf,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,WAAA,CAAY,aAAa,CAAA;AAAA,MAC3B,CAAA,MAAA,IAAW,oBAAmB,EAAG;AAC/B,QAAA,mBAAA,CAAoB,aAAA,CAAc,SAAS,CAAC,CAAA;AAAA,MAC9C;AAAA,IACF,CAAA;AAAA,IACA,QAAQ,MAAM;AACZ,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,WAAA,CAAY,aAAa,CAAA;AAAA,MAC3B;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO,CAAC,KAAA,KAAU;AAChB,MAAA,KAAA,CAAM,cAAA,EAAe;AAErB,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,WAAA,CAAY,aAAa,CAAA;AAAA,MAC3B,CAAA,MAAO;AACL,QAAA,cAAA,CAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF;AAAA,GACF;AAEA,EAAA,MAAM,yBAAA,GACJ,CAAC,KAAA,KAAU;AAjiBf,IAAA,IAAA,EAAA;AAkiBM,IAAA,MAAM,GAAA,GAAM,WAAA,CAAY,KAAA,CAAM,MAAqB,CAAA;AACnD,IAAA,MAAM,gBAAA,GAAA,CAAmB,EAAA,GAAA,GAAA,CAAI,SAAA,KAAJ,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,SAAA;AAExC,IAAA,QAAQ,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY;AAAG,MAC/B,KAAK,GAAA;AAEH,QAAA,mBAAA,CAAoB,MAAS,CAAA;AAC7B,QAAA,gBAAA;AAAA,UACE,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,aAAA,CAAc,QAAO,EAAG,CAAC,CAAA,EAAG,KAAA,KAAU,KAAK;AAAA,SAClE;AACA,QAAA;AAAA,MACF,KAAK,GAAA;AAEH,QAAA,IAAA;AAAA,UACE,aAAA,CACG,GAAA,CAAI,CAAC,KAAA,KAAU,YAAA,CAAa,cAAc,KAAK,CAAC,CAAC,CAAA,CACjD,MAAA,CAAO,KAAA,IAAS,OAAO,MAAA,CAAO,KAAK,CAAA,CAAE,IAAA,EAAK,GAAI,EAAE,EAChD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,gBAAgB;AAAA,SAC1B,CACG,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,UAAA,iBAAA,CAAkB,UAAU,CAAC,gBAAA;AAC7B,UAAA,OAAO,MAAA;AAAA,QACT,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,KAAA,KAAU;AAChB,UAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA,QACrB,CAAC,CAAA;AACH,QAAA;AAAA,MACF,KAAK,GAAA;AAEH,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,wBAAA,CAAyB,UAAU,KAAK,CAAA;AACxC,QAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,wBAAA,CAAyB,WAAW,KAAK,CAAA;AACzC,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,IAAI,oBAAmB,EAAG;AACxB,UAAA,gBAAA,CAAiB,aAAA,CAAc,SAAS,CAAC,CAAA;AAAA,QAC3C;AACA,QAAA;AAAA,MACF,KAAK,SAAA;AAAA,MACL,KAAK,MAAA;AAEH,QAAA;AAAA,MACF;AAEE,QAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA;AACvB,EACF,CAAA;AAEF,EAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAA2C;AACtE,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY;AAEvC,IAAA,IAAI,aAAa,QAAA,EAAU;AACzB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,UAAA,EAAW;AAAA,IACb,CAAA,MAAA,IAAW,QAAA,KAAa,KAAA,IAAS,CAAC,gBAAA,EAAkB;AAElD,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,IACtB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,aAAA,GAAoE,CACxE,KAAA,KACG;AACH,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IACjB;AACA,IAAA,IAAI,MAAM,gBAAA,EAAkB;AAC1B,MAAA;AAAA,IACF;AACA,IAAA,IACE,KAAA,CAAM,OAAA,IACN,KAAA,CAAM,OAAA,IACN,CAAC,SAAA,EAAW,MAAM,CAAA,CAAE,OAAA,CAAQ,KAAA,CAAM,GAAA,CAAI,WAAA,EAAa,MAAM,EAAA,EACzD;AACA,MAAA,yBAAA,CAA0B,KAAK,CAAA;AAAA,IACjC,CAAA,MAAO;AACL,MAAA,IAAI,OAAA;AAEJ,MAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,QAAA,OAAA,GAAU,oBAAA,CAAqB,MAAM,GAAG,CAAA;AACxC,QAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,MACrB,CAAA,MAAO;AACL,QAAA,OAAA,GAAU,wBAAA,CAAyB,MAAM,GAAG,CAAA;AAAA,MAC9C;AAEA,MAAA,IAAI,WAAW,IAAA,EAAM;AACnB,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf,CAAA,MAAO;AACL,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B;AAAA,IACF;AAEA,IAAA,IAAI,cAAc,aAAA,EAAe;AAC/B,MAAA,aAAA,CAAc,OAAA,EAAQ;AAAA,IACxB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,KAAA,GAAmC;AAAA,IACvC,KAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA,EAAS,CAAC,WAAA,IAAe;AAAA,GAC3B;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA;AAAA;AAAA,IAGpB,OAAA;AAAA;AAAA;AAAA,IAGA,MAAA,EAAQ,WAAW,UAAA,GAAa,MAAA;AAAA,IAChC,OAAA,EAAS,WAAA;AAAA,IACT,aAAA;AAAA,IACA,aAAA,EAAe,iBAAA;AAAA,IACf,YAAA,EAAc,gBAAA;AAAA,IACd,WAAA,EAAa,eAAA;AAAA,IACb,SAAA,EAAW,aAAA;AAAA,IACX,YAAA,EAAc,gBAAA;AAAA,IACd,OAAA,EAAS;AAAA,GACX;AAEA,EAAA,OAAO;AAAA,IACL,QAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,UAAA,EAAY;AAAA,MACV,EAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA,EAAmB,cAAA;AAAA,MACnB,YAAA,EAAc,SAAA;AAAA,MACd,GAAG,KAAA;AAAA,MACH,GAAG,SAAA;AAAA,MACH,GAAI,QAAA,GAAW,EAAC,GAAI;AAAA;AACtB,GACF;AACF;AAEA,MAAM,aAAA,GAAgB,SAASC,cAAAA,CAC7B,KAAA,EACA;AACA,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AAEtB,IAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GAC5C,UAAU,KAAA,CAAM,MAAM,CAAA,GACtB,MAAA,CAAO,SAAS,CAAA;AAGpB,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,gBAAA,EAAkB;AACpB,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN;AAAA,SACF;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAAA,EACvB;AACF,CAAA;AAEA,MAAM,SAAS,CAAC,KAAA,KACd,OAAO,KAAA,KAAU,QAAA,IAAY,MAAM,MAAA,KAAW,CAAA;;;;"}

package/dist-es/tokenized-input-next/TokenizedInputNext.css.js ADDED Viewed

@@ -0,0 +1,4 @@
+var css_248z = "/* Style applied to the root element */\n.saltTokenizedInputNext-container {\n  width: 100%;\n}\n.saltTokenizedInputNext {\n  --tokenizedInput-borderColor: var(--salt-editable-borderColor);\n  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);\n  --tokenizedInput-outlineColor: var(--salt-focused-outlineColor);\n  --tokenizedInput-border: none;\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);\n\n  align-items: center;\n  background: var(--tokenizedInput-background);\n  border: var(--tokenizedInput-border);\n  color: var(--salt-content-primary-foreground);\n  display: inline-flex;\n  flex-wrap: wrap;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  height: 100%;\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--salt-size-base);\n  padding: 0 var(--salt-spacing-100);\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Style applied on hover */\n.saltTokenizedInputNext:hover {\n  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);\n  --tokenizedInput-borderColor: var(--salt-editable-borderColor-hover);\n\n  background: var(--tokenizedInput-background-hover);\n  cursor: var(--salt-cursor-hover);\n}\n\n/* Style applied when active */\n.saltTokenizedInputNext:active {\n  --tokenizedInput-borderColor: var(--salt-editable-borderColor-active);\n  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);\n\n  background: var(--tokenizedInput-background-active);\n  cursor: var(--salt-cursor-active);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltTokenizedInputNext-primary {\n  --tokenizedInput-background: var(--salt-editable-primary-background);\n  --tokenizedInput-background-active: var(--salt-editable-primary-background-active);\n  --tokenizedInput-background-hover: var(--salt-editable-primary-background-hover);\n  --tokenizedInput-background-disabled: var(--salt-editable-primary-background-disabled);\n  --tokenizedInput-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltTokenizedInputNext-secondary {\n  --tokenizedInput-background: var(--salt-editable-secondary-background);\n  --tokenizedInput-background-active: var(--salt-editable-secondary-background-active);\n  --tokenizedInput-background-hover: var(--salt-editable-secondary-background-active);\n  --tokenizedInput-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --tokenizedInput-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltTokenizedInputNext-error,\n.saltTokenizedInputNext-error:hover {\n  --tokenizedInput-background: var(--salt-status-error-background);\n  --tokenizedInput-background-active: var(--salt-status-error-background);\n  --tokenizedInput-background-hover: var(--salt-status-error-background);\n  --tokenizedInput-borderColor: var(--salt-status-error-borderColor);\n  --tokenizedInput-outlineColor: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltTokenizedInputNext-warning,\n.saltTokenizedInputNext-warning:hover {\n  --tokenizedInput-background: var(--salt-status-warning-background);\n  --tokenizedInput-background-active: var(--salt-status-warning-background);\n  --tokenizedInput-background-hover: var(--salt-status-warning-background);\n  --tokenizedInput-borderColor: var(--salt-status-warning-borderColor);\n  --tokenizedInput-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltTokenizedInputNext-success,\n.saltTokenizedInputNext-success:hover {\n  --tokenizedInput-background: var(--salt-status-success-background);\n  --tokenizedInput-background-active: var(--salt-status-success-background);\n  --tokenizedInput-background-hover: var(--salt-status-success-background);\n  --tokenizedInput-borderColor: var(--salt-status-success-borderColor);\n  --tokenizedInput-outlineColor: var(--salt-status-success-borderColor);\n}\n\n/* Style applied to inner textarea element */\n.saltTokenizedInputNext-textarea {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: inline-flex;\n  flex-basis: 0;\n  height: var(--salt-text-lineHeight);\n  font: inherit;\n  letter-spacing: 0;\n  overflow: hidden;\n  resize: none;\n  padding: 0;\n  min-width: 1px; /* requires a min width to be visible */\n}\n.saltTokenizedInputNext-expanded .saltTokenizedInputNext-textarea {\n  flex-grow: 1;\n  min-width: 4em; /* on expanded, use the same min-width as input*/\n}\n\n/* Style applied to placeholder */\n.saltTokenizedInputNext-textarea::placeholder {\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Reset in the  class */\n.saltTokenizedInputNext-textarea:focus {\n  outline: none;\n}\n\n/* Styling when focused */\n.saltTokenizedInputNext-focused {\n  --tokenizedInput-borderColor: var(--tokenizedInput-outlineColor);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);\n\n  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--tokenizedInput-outlineColor);\n}\n\n/* Style applied if `readOnly={true}` */\n.saltTokenizedInputNext-readOnly,\n.saltTokenizedInputNext-readOnly:active,\n.saltTokenizedInputNext-readOnly:hover {\n  --tokenizedInput-borderColor: var(--salt-editable-borderColor-readonly);\n  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);\n\n  background: var(--tokenizedInput-background-readonly);\n  cursor: var(--salt-cursor-readonly);\n}\n\n/* Style applied to selected text if `disabled={true}` */\n.saltTokenizedInputNext-disabled .saltTokenizedInputNext-textarea::selection {\n  background: none;\n}\n\n/* Style applied when `disabled={true}` */\n.saltTokenizedInputNext-disabled,\n.saltTokenizedInputNext-disabled:hover,\n.saltTokenizedInputNext-disabled:active {\n  --tokenizedInput-borderColor: var(--salt-editable-borderColor-disabled);\n  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);\n\n  background: var(--tokenizedInput-background-disabled);\n  cursor: var(--salt-cursor-disabled);\n  color: var(--salt-content-primary-foreground-disabled);\n}\n\n/* Style for activation indicator */\n.saltTokenizedInputNext-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--tokenizedInput-activationIndicator-borderWidth) var(--tokenizedInput-borderStyle) var(--tokenizedInput-borderColor);\n}\n\n/* Style applied if `bordered={true}` */\n.saltTokenizedInputNext.saltTokenizedInputNext-bordered {\n  --tokenizedInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--tokenizedInput-borderColor);\n  --tokenizedInput-activationIndicator-borderWidth: 0;\n}\n\n/* Style applied if active or focused when `bordered={true}` */\n.saltTokenizedInputNext-bordered:active,\n.saltTokenizedInputNext-bordered.saltTokenizedInputNext-focused {\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltTokenizedInputNext-bordered.saltTokenizedInputNext-readOnly:hover,\n.saltTokenizedInputNext-bordered.saltTokenizedInputNext-disabled:hover {\n  --tokenizedInput-activationIndicator-borderWidth: 0;\n}\n\n.saltTokenizedInputNext-statusAdornment {\n  margin-left: auto;\n  margin-right: var(--salt-spacing-100);\n}\n\n.saltTokenizedInputNext-endAdornmentContainer {\n  margin-left: auto;\n  align-self: self-end;\n  display: inline-flex;\n  min-height: var(--salt-size-base);\n}\n\n.saltTokenizedInputNext-statusAdornment ~ .saltTokenizedInputNext-endAdornmentContainer {\n  margin-left: 0;\n}\n\n.saltTokenizedInputNext .saltButton {\n  --saltButton-padding: 0;\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n  --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n\n.saltTokenizedInputNext .saltButton.saltTokenizedInputNext-endAdornment {\n  --saltButton-margin: auto calc(var(--salt-spacing-50) * -1) auto auto;\n}\n.saltTokenizedInputNext-hidden {\n  display: none;\n}\n";
+export { css_248z as default };
+//# sourceMappingURL=TokenizedInputNext.css.js.map

package/dist-es/tokenized-input-next/TokenizedInputNext.css.js.map ADDED Viewed

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

package/dist-es/tokenized-input-next/TokenizedInputNext.js ADDED Viewed

@@ -0,0 +1,252 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makePrefixer, useIcon, useId, useForkRef, StatusAdornment, Button } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef } from 'react';
+import { InputPill } from './internal/InputPill.js';
+import css_248z from './TokenizedInputNext.css.js';
+import { useTokenizedInputNext } from './useTokenizedInputNext.js';
+const withBaseName = makePrefixer("saltTokenizedInputNext");
+const getItemsAriaLabel = (itemCount) => itemCount === 0 ? "no item selected" : `${itemCount} ${itemCount > 1 ? "items" : "item"}`;
+const TokenizedInputNext = forwardRef(function TokenizedInputNext2({
+  textAreaRef: textAreaRefProp,
+  textAreaProps = {},
+  variant = "primary",
+  ...rest
+}, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-tokenized-input-next",
+    css: css_248z,
+    window: targetWindow
+  });
+  const {
+    "aria-describedby": textAreaDescribedBy,
+    "aria-labelledby": textAreaLabelledBy,
+    required: textAreaRequired,
+    ...restTextAreaProps
+  } = textAreaProps;
+  const { refs, helpers, inputProps, firstHiddenIndex } = useTokenizedInputNext(rest);
+  const {
+    textAreaRef: textAreaHookRef,
+    pillsRef,
+    clearButtonRef,
+    expandButtonRef,
+    statusAdornmentRef,
+    containerRef: containerHookRef
+  } = refs;
+  const {
+    ExpandButtonProps = {
+      "aria-label": "expand edit"
+    },
+    className,
+    activeIndices = [],
+    selectedItems = [],
+    highlightedIndex,
+    value,
+    expanded,
+    disabled,
+    onBlur,
+    onKeyDown,
+    onRemoveItem,
+    onInputChange,
+    focused,
+    validationStatus,
+    readOnly,
+    onInputFocus,
+    onInputBlur,
+    onClear,
+    onClick,
+    onKeyUp,
+    id: idProp,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...restProps
+  } = inputProps;
+  const { OverflowIcon, CloseIcon } = useIcon();
+  const id = useId(idProp);
+  const inputId = `${id}-input`;
+  const expandButtonId = `${id}-expand-button`;
+  const clearButtonId = `${id}-clear-button`;
+  const keydownExpandButton = useRef(false);
+  const containerRef = useForkRef(ref, containerHookRef);
+  const textAreaRef = useForkRef(textAreaHookRef, textAreaRefProp);
+  const showExpandButton = !expanded && firstHiddenIndex != null;
+  const hasHelpers = (helpers2) => {
+    if (process.env.NODE_ENV !== "production") {
+      if (helpers2 == null) {
+        console.warn(
+          'TokenizedInputNext is used without helpers. You should pass in "helpers" from "useTokenizedInputNext".'
+        );
+      }
+    }
+    return helpers2 != null;
+  };
+  const handleExpandButtonKeyDown = (event) => {
+    const singleChar = event.key.length === 1;
+    const triggerExpand = [
+      "CONTROL",
+      "META",
+      "ENTER",
+      "BACKSPACE",
+      "ARROWDOWN",
+      "ARROWLEFT",
+      "ARROWRIGHT"
+    ].indexOf(event.key.toUpperCase()) !== -1;
+    if ((singleChar || triggerExpand) && hasHelpers(helpers)) {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      helpers.updateExpanded(event, true);
+      keydownExpandButton.current = true;
+    }
+  };
+  const handleInputKeyUp = (event) => {
+    if (keydownExpandButton.current && "Enter" !== event.key) {
+      keydownExpandButton.current = false;
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    }
+    onKeyUp == null ? void 0 : onKeyUp(event);
+  };
+  const handleExpand = (event) => {
+    event.stopPropagation();
+    if (hasHelpers(helpers)) {
+      helpers.updateExpanded(event, true);
+    }
+  };
+  const handleClearButtonFocus = (event) => {
+    event.stopPropagation();
+  };
+  const selectedItemIds = selectedItems.map(
+    (_, index) => `${id}-pill-${index}`
+  );
+  const inputAriaLabelledBy = disabled ? [ariaLabelledBy, inputId, ...selectedItemIds] : [ariaLabelledBy, inputId];
+  const expandedWithItems = expanded && !showExpandButton && selectedItems.length > 0;
+  const { "aria-label": expandButtonAccessibleText, ...restExpandButtonProps } = ExpandButtonProps;
+  return /* @__PURE__ */ jsxs("div", { className: withBaseName("container"), children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-owns": selectedItemIds.join(" "),
+        className: withBaseName("hidden"),
+        role: "listbox"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          withBaseName(),
+          withBaseName(variant),
+          {
+            [withBaseName("expanded")]: expanded,
+            [withBaseName("focused")]: !disabled && focused,
+            [withBaseName("disabled")]: disabled,
+            [withBaseName("readOnly")]: readOnly,
+            [withBaseName(validationStatus)]: validationStatus
+          },
+          className
+        ),
+        ref: containerRef,
+        onClick,
+        tabIndex: -1,
+        ...restProps,
+        children: [
+          selectedItems.length > 0 && selectedItems.map((item, index) => {
+            const label = String(item);
+            return /* @__PURE__ */ jsx(
+              InputPill,
+              {
+                disabled,
+                hidden: showExpandButton && index >= firstHiddenIndex,
+                highlighted: index === highlightedIndex || activeIndices.indexOf(index) !== -1,
+                id: `${id}-pill-${index}`,
+                index,
+                label,
+                onClose: expanded && !readOnly ? (event) => onRemoveItem == null ? void 0 : onRemoveItem(event, index) : void 0,
+                pillsRef
+              },
+              `${index}-${label}`
+            );
+          }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              "aria-labelledby": clsx(inputAriaLabelledBy, textAreaLabelledBy) || void 0,
+              "aria-describedby": clsx(ariaDescribedBy, textAreaDescribedBy) || void 0,
+              "aria-label": clsx(ariaLabel, getItemsAriaLabel(selectedItems.length)),
+              "aria-activedescendant": highlightedIndex && highlightedIndex >= 0 ? `${id}-pill-${highlightedIndex}` : void 0,
+              disabled,
+              id: inputId,
+              readOnly,
+              ref: textAreaRef,
+              required: textAreaRequired,
+              rows: 1,
+              tabIndex: disabled ? -1 : 0,
+              value,
+              className: clsx(withBaseName("textarea"), textAreaProps == null ? void 0 : textAreaProps.className),
+              onChange: onInputChange,
+              onBlur: onInputBlur,
+              onFocus: !disabled ? onInputFocus : void 0,
+              onKeyDown,
+              ...restTextAreaProps
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
+            !disabled && !readOnly && validationStatus && /* @__PURE__ */ jsx(
+              StatusAdornment,
+              {
+                className: withBaseName("statusAdornment"),
+                ref: statusAdornmentRef,
+                status: validationStatus
+              }
+            ),
+            expandedWithItems && !readOnly && /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: withBaseName("endAdornment"),
+                disabled,
+                id: clearButtonId,
+                onBlur,
+                onClick: onClear,
+                onFocus: handleClearButtonFocus,
+                ref: clearButtonRef,
+                variant: "secondary",
+                "data-testid": "clear-button",
+                "aria-label": "clear input",
+                children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true })
+              }
+            ),
+            showExpandButton && /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: withBaseName("endAdornment"),
+                "aria-label": expandButtonAccessibleText,
+                "aria-labelledby": clsx(ariaLabelledBy, inputId, expandButtonId),
+                disabled,
+                id: expandButtonId,
+                onBlur,
+                onClick: handleExpand,
+                onKeyDown: handleExpandButtonKeyDown,
+                onKeyUp: handleInputKeyUp,
+                ref: expandButtonRef,
+                variant: "secondary",
+                "data-testid": "expand-button",
+                ...restExpandButtonProps,
+                children: /* @__PURE__ */ jsx(OverflowIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
+        ]
+      }
+    )
+  ] });
+});
+export { TokenizedInputNext };
+//# sourceMappingURL=TokenizedInputNext.js.map

package/dist-es/tokenized-input-next/TokenizedInputNext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TokenizedInputNext.js","sources":["../src/tokenized-input-next/TokenizedInputNext.tsx"],"sourcesContent":["import {\n type AdornmentValidationStatus,\n Button,\n type ButtonProps,\n makePrefixer,\n type NecessityType,\n StatusAdornment,\n useForkRef,\n useIcon,\n useId,\n type ValidationStatus,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ChangeEventHandler,\n type FocusEvent,\n type FocusEventHandler,\n type ForwardedRef,\n forwardRef,\n type HTMLAttributes,\n type KeyboardEvent,\n type KeyboardEventHandler,\n type ReactEventHandler,\n type Ref,\n type SyntheticEvent,\n type TextareaHTMLAttributes,\n useRef,\n} from \"react\";\nimport { InputPill } from \"./internal/InputPill\";\nimport tokenizedInputCss from \"./TokenizedInputNext.css\";\nimport {\n type TokenizedInputNextHelpers,\n type TokenizedInputNextState,\n useTokenizedInputNext,\n} from \"./useTokenizedInputNext\";\n\ntype ChangeHandler<Item> = (\n event: SyntheticEvent,\n selectedItems: Item[] | undefined,\n) => void;\n\ntype ExpandButtonProps = Pick<\n ButtonProps,\n \"role\" | \"aria-roledescription\" | \"aria-describedby\"\n> & { \"aria-label\"?: string };\n\nexport interface TokenizedInputNextProps<Item>\n extends Partial<TokenizedInputNextState<Item>>,\n Omit<\n HTMLAttributes<HTMLDivElement>,\n \"onFocus\" | \"onBlur\" | \"onChange\" | \"onKeyUp\" | \"onKeyDown\"\n > {\n ExpandButtonProps?: ExpandButtonProps;\n disabled?: boolean;\n focused?: boolean;\n expandButtonRef?: Ref<HTMLButtonElement>;\n onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLButtonElement>;\n onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;\n // Can key down on either input or expand button\n onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;\n onRemoveItem?: (event: SyntheticEvent, index: number) => void;\n onInputBlur?: FocusEventHandler<HTMLTextAreaElement>;\n onInputFocus?: FocusEventHandler<HTMLTextAreaElement>;\n onInputChange?: ChangeEventHandler<HTMLTextAreaElement>;\n onClick?: ReactEventHandler;\n onClear?: ReactEventHandler;\n delimiters?: string[];\n disableAddOnBlur?: boolean;\n defaultSelected?: Item[];\n onChange?: ChangeHandler<Item>;\n onCollapse?: ReactEventHandler;\n onExpand?: ReactEventHandler;\n\n /// from input\n /**\n * Validation status.\n */\n validationStatus?: Omit<ValidationStatus, \"info\">;\n /**\n * If `true`, the component is read only.\n */\n readOnly?: boolean;\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.\n */\n textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;\n /**\n * Optional ref for the textarea component\n */\n textAreaRef?: Ref<HTMLTextAreaElement>;\n necessity?: NecessityType;\n /**\n * Styling variant. Defaults to \"primary\".\n */\n variant?: \"primary\" | \"secondary\";\n}\n\nconst withBaseName = makePrefixer(\"saltTokenizedInputNext\");\n\nconst getItemsAriaLabel = (itemCount: number) =>\n itemCount === 0\n ? \"no item selected\"\n : `${itemCount} ${itemCount > 1 ? \"items\" : \"item\"}`;\n\nexport const TokenizedInputNext = forwardRef(function TokenizedInputNext<Item>(\n {\n textAreaRef: textAreaRefProp,\n textAreaProps = {},\n variant = \"primary\",\n ...rest\n }: TokenizedInputNextProps<Item>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tokenized-input-next\",\n css: tokenizedInputCss,\n window: targetWindow,\n });\n const {\n \"aria-describedby\": textAreaDescribedBy,\n \"aria-labelledby\": textAreaLabelledBy,\n required: textAreaRequired,\n ...restTextAreaProps\n } = textAreaProps;\n\n const { refs, helpers, inputProps, firstHiddenIndex } =\n useTokenizedInputNext(rest);\n\n const {\n textAreaRef: textAreaHookRef,\n pillsRef,\n clearButtonRef,\n expandButtonRef,\n statusAdornmentRef,\n containerRef: containerHookRef,\n } = refs;\n\n const {\n ExpandButtonProps = {\n \"aria-label\": \"expand edit\",\n },\n className,\n activeIndices = [],\n selectedItems = [],\n highlightedIndex,\n value,\n expanded,\n disabled,\n onBlur,\n onKeyDown,\n onRemoveItem,\n onInputChange,\n focused,\n validationStatus,\n readOnly,\n onInputFocus,\n onInputBlur,\n onClear,\n onClick,\n onKeyUp,\n id: idProp,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...restProps\n } = inputProps;\n const { OverflowIcon, CloseIcon } = useIcon();\n const id = useId(idProp);\n const inputId = `${id}-input`;\n const expandButtonId = `${id}-expand-button`;\n const clearButtonId = `${id}-clear-button`;\n\n const keydownExpandButton = useRef(false);\n const containerRef = useForkRef(ref, containerHookRef);\n const textAreaRef = useForkRef(textAreaHookRef, textAreaRefProp);\n const showExpandButton = !expanded && firstHiddenIndex != null;\n\n const hasHelpers = (helpers: TokenizedInputNextHelpers<Item>) => {\n if (process.env.NODE_ENV !== \"production\") {\n if (helpers == null) {\n console.warn(\n 'TokenizedInputNext is used without helpers. You should pass in \"helpers\" from \"useTokenizedInputNext\".',\n );\n }\n }\n return helpers != null;\n };\n\n const handleExpandButtonKeyDown = (\n event: KeyboardEvent<HTMLButtonElement>,\n ) => {\n const singleChar = event.key.length === 1;\n const triggerExpand =\n [\n \"CONTROL\",\n \"META\",\n \"ENTER\",\n \"BACKSPACE\",\n \"ARROWDOWN\",\n \"ARROWLEFT\",\n \"ARROWRIGHT\",\n ].indexOf(event.key.toUpperCase()) !== -1;\n\n if ((singleChar || triggerExpand) && hasHelpers(helpers)) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n event.stopPropagation();\n }\n helpers.updateExpanded(event, true);\n keydownExpandButton.current = true;\n }\n };\n\n const handleInputKeyUp = (\n event: KeyboardEvent<HTMLButtonElement | HTMLTextAreaElement>,\n ) => {\n // Call keydown again if the initial event has been used to expand the input\n if (keydownExpandButton.current && \"Enter\" !== event.key) {\n keydownExpandButton.current = false;\n onKeyDown?.(event);\n }\n onKeyUp?.(event);\n };\n\n const handleExpand = (event: SyntheticEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n\n if (hasHelpers(helpers)) {\n helpers.updateExpanded(event, true);\n }\n };\n\n const handleClearButtonFocus = (event: FocusEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n };\n\n const selectedItemIds = selectedItems.map(\n (_, index) => `${id}-pill-${index}`,\n );\n\n const inputAriaLabelledBy = disabled\n ? [ariaLabelledBy, inputId, ...selectedItemIds]\n : [ariaLabelledBy, inputId];\n\n const expandedWithItems =\n expanded && !showExpandButton && selectedItems.length > 0;\n const { \"aria-label\": expandButtonAccessibleText, ...restExpandButtonProps } =\n ExpandButtonProps;\n\n return (\n <div className={withBaseName(\"container\")}>\n <span\n aria-owns={selectedItemIds.join(\" \")}\n className={withBaseName(\"hidden\")}\n role=\"listbox\"\n />\n <div\n className={clsx(\n withBaseName(),\n withBaseName(variant),\n {\n [withBaseName(\"expanded\")]: expanded,\n [withBaseName(\"focused\")]: !disabled && focused,\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"readOnly\")]: readOnly,\n [withBaseName(validationStatus as string)]: validationStatus,\n },\n className,\n )}\n ref={containerRef}\n onClick={onClick}\n // Tab index allows the div to be found as related target and prevents it closing when a click in happens\n tabIndex={-1}\n {...restProps}\n >\n {selectedItems.length > 0 &&\n selectedItems.map((item, index) => {\n const label = String(item);\n return (\n <InputPill\n disabled={disabled}\n hidden={showExpandButton && index >= firstHiddenIndex}\n highlighted={\n index === highlightedIndex ||\n activeIndices.indexOf(index) !== -1\n }\n id={`${id}-pill-${index}`}\n index={index}\n key={`${index}-${label}`}\n label={label}\n onClose={\n expanded && !readOnly\n ? (event) => onRemoveItem?.(event, index)\n : undefined\n }\n pillsRef={pillsRef}\n />\n );\n })}\n <textarea\n aria-labelledby={\n clsx(inputAriaLabelledBy, textAreaLabelledBy) || undefined\n }\n aria-describedby={\n clsx(ariaDescribedBy, textAreaDescribedBy) || undefined\n }\n aria-label={clsx(ariaLabel, getItemsAriaLabel(selectedItems.length))}\n aria-activedescendant={\n highlightedIndex && highlightedIndex >= 0\n ? `${id}-pill-${highlightedIndex}`\n : undefined\n }\n disabled={disabled}\n id={inputId}\n readOnly={readOnly}\n ref={textAreaRef}\n required={textAreaRequired}\n rows={1}\n tabIndex={disabled ? -1 : 0}\n value={value}\n className={clsx(withBaseName(\"textarea\"), textAreaProps?.className)}\n onChange={onInputChange}\n onBlur={onInputBlur}\n onFocus={!disabled ? onInputFocus : undefined}\n onKeyDown={onKeyDown}\n {...restTextAreaProps}\n />\n <div className={withBaseName(\"endAdornmentContainer\")}>\n {!disabled && !readOnly && validationStatus && (\n <StatusAdornment\n className={withBaseName(\"statusAdornment\")}\n ref={statusAdornmentRef}\n status={validationStatus as AdornmentValidationStatus}\n />\n )}\n {expandedWithItems && !readOnly && (\n <Button\n className={withBaseName(\"endAdornment\")}\n disabled={disabled}\n id={clearButtonId}\n onBlur={onBlur}\n onClick={onClear}\n onFocus={handleClearButtonFocus}\n ref={clearButtonRef}\n variant=\"secondary\"\n data-testid=\"clear-button\"\n aria-label=\"clear input\"\n >\n <CloseIcon aria-hidden />\n </Button>\n )}\n {showExpandButton && (\n <Button\n className={withBaseName(\"endAdornment\")}\n aria-label={expandButtonAccessibleText}\n aria-labelledby={clsx(ariaLabelledBy, inputId, expandButtonId)}\n disabled={disabled}\n id={expandButtonId}\n onBlur={onBlur}\n onClick={handleExpand}\n onKeyDown={handleExpandButtonKeyDown}\n onKeyUp={handleInputKeyUp}\n ref={expandButtonRef}\n variant=\"secondary\"\n data-testid=\"expand-button\"\n {...restExpandButtonProps}\n >\n <OverflowIcon />\n </Button>\n )}\n </div>\n\n <div className={withBaseName(\"activationIndicator\")} />\n </div>\n </div>\n );\n});\n"],"names":["TokenizedInputNext","tokenizedInputCss","helpers"],"mappings":"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"}

package/dist-es/tokenized-input-next/internal/InputPill.css.js ADDED Viewed

@@ -0,0 +1,4 @@
+var css_248z = ".saltInputPill {\n  max-width: 100%;\n  margin: var(--salt-spacing-25) var(--salt-spacing-50);\n  margin-left: 0;\n}\n.saltInputPill-expanded {\n  max-width: calc(100% - (var(--salt-size-base) - var(--salt-spacing-100)));\n}\n.saltInputPill-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.saltInputPill.saltInputPill-hidden {\n  display: none;\n}\n\n.saltInputPill.saltInputPill:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltInputPill.saltInputPill-pillHighlighted {\n  --saltPill-background: var(--salt-selectable-background-hover);\n}\n\n.saltInputPill.saltInputPill:active {\n  background: var(--salt-actionable-primary-background-active);\n  --saltPill-color: var(--salt-actionable-primary-foreground-active);\n  --saltIcon-color: var(--salt-actionable-primary-foreground-active);\n}\n";
+export { css_248z as default };
+//# sourceMappingURL=InputPill.css.js.map

package/dist-es/tokenized-input-next/internal/InputPill.css.js.map ADDED Viewed

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