@salt-ds/lab 1.0.0-alpha.70 → 1.0.0-alpha.72

package/dist-es/tokenized-input/internal/defaultItemToString.js

@@ -4,7 +4,7 @@ const defaultItemToString = (item) => {
   if (!isPlainObject(item)) {
     return String(item);
   }
-  if (Object.prototype.hasOwnProperty.call(item, "label")) {
+  if (Object.hasOwn(item, "label")) {
     return String(item.label);
   }
   if (process.env.NODE_ENV !== "production") {

package/dist-es/tokenized-input/internal/defaultItemToString.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultItemToString.js","sources":["../src/tokenized-input/internal/defaultItemToString.ts"],"sourcesContent":["import { isPlainObject } from \"./isPlainObject\";\n\nexport const defaultItemToString = (item: any) => {\n  if (!isPlainObject(item)) {\n    return String(item);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(item, \"label\")) {\n    return String(item.label);\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.warn(\n      [\n        \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n        \"You can also provide your own `itemToString` implementation.\",\n      ].join(\"\\n\"),\n    );\n  }\n\n  return \"\";\n};\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,CAAC,IAAc,KAAA;AAChD,EAAI,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA;AAGpB,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA;AAG1B,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN;AAAA,QACE,iFAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,IAAI;AAAA,KACb;AAAA;AAGF,EAAO,OAAA,EAAA;AACT;;;;"}
+{"version":3,"file":"defaultItemToString.js","sources":["../src/tokenized-input/internal/defaultItemToString.ts"],"sourcesContent":["import { isPlainObject } from \"./isPlainObject\";\n\nexport const defaultItemToString = (item: any) => {\n  if (!isPlainObject(item)) {\n    return String(item);\n  }\n\n  if (Object.hasOwn(item, \"label\")) {\n    return String(item.label);\n  }\n\n  if (process.env.NODE_ENV !== \"production\") {\n    console.warn(\n      [\n        \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n        \"You can also provide your own `itemToString` implementation.\",\n      ].join(\"\\n\"),\n    );\n  }\n\n  return \"\";\n};\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,CAAC,IAAc,KAAA;AAChD,EAAI,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA;AAGpB,EAAA,IAAI,MAAO,CAAA,MAAA,CAAO,IAAM,EAAA,OAAO,CAAG,EAAA;AAChC,IAAO,OAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA;AAG1B,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN;AAAA,QACE,iFAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,IAAI;AAAA,KACb;AAAA;AAGF,EAAO,OAAA,EAAA;AACT;;;;"}

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

@@ -1 +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 type { TokenizedInputProps } from \"./TokenizedInput\";\nimport type { TokenizedInputBaseProps } from \"./TokenizedInputBase\";\nimport { defaultItemToString } from \"./internal/defaultItemToString\";\nimport { getCursorPosition } from \"./internal/getCursorPosition\";\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, 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    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":"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"}
+{"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  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, 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":"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"}

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

@@ -1,4 +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-editable-borderStyle);\n  --tokenizedInput-outlineColor: var(--salt-focused-outlineColor);\n  --tokenizedInput-border: none;\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-border);\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-editable-borderStyle-hover);\n  --tokenizedInput-borderColor: var(--salt-editable-borderColor-hover);\n\n  background: var(--tokenizedInput-background-hover);\n  cursor: var(--salt-editable-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-editable-borderStyle-active);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);\n\n  background: var(--tokenizedInput-background-active);\n  cursor: var(--salt-editable-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/* Style applied to selected input */\n.saltTokenizedInputNext-textarea::selection {\n  background: var(--salt-content-foreground-highlight);\n}\n\n/* Styling when focused */\n.saltTokenizedInputNext-focused {\n  --tokenizedInput-borderColor: var(--tokenizedInput-outlineColor);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);\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-editable-borderStyle-readonly);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-border);\n\n  background: var(--tokenizedInput-background-readonly);\n  cursor: var(--salt-editable-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-editable-borderStyle-disabled);\n  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-border);\n\n  background: var(--tokenizedInput-background-disabled);\n  cursor: var(--salt-editable-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-border) var(--salt-container-borderStyle) 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-editable-borderWidth-active);\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";
+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/* Style applied to selected input */\n.saltTokenizedInputNext-textarea::selection {\n  background: var(--salt-content-foreground-highlight);\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.js

@@ -4,8 +4,8 @@ import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
 import { forwardRef, useRef } from 'react';
-import css_248z from './TokenizedInputNext.css.js';
 import { InputPill } from './internal/InputPill.js';
+import css_248z from './TokenizedInputNext.css.js';
 import { useTokenizedInputNext } from './useTokenizedInputNext.js';
 
 const withBaseName = makePrefixer("saltTokenizedInputNext");

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

@@ -1 +1 @@
-{"version":3,"file":"TokenizedInputNext.js","sources":["../src/tokenized-input-next/TokenizedInputNext.tsx"],"sourcesContent":["import {\n  type AdornmentValidationStatus,\n  Button,\n  type ButtonProps,\n  type NecessityType,\n  StatusAdornment,\n  type ValidationStatus,\n  makePrefixer,\n  useForkRef,\n  useIcon,\n  useId,\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  type HTMLAttributes,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  type ReactEventHandler,\n  type Ref,\n  type SyntheticEvent,\n  type TextareaHTMLAttributes,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport tokenizedInputCss from \"./TokenizedInputNext.css\";\nimport { InputPill } from \"./internal/InputPill\";\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={clsx(inputAriaLabelledBy, textAreaLabelledBy)}\n          aria-describedby={clsx(ariaDescribedBy, textAreaDescribedBy)}\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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"}
+{"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={clsx(inputAriaLabelledBy, textAreaLabelledBy)}\n          aria-describedby={clsx(ariaDescribedBy, textAreaDescribedBy)}\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.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPill.js","sources":["../src/tokenized-input-next/internal/InputPill.tsx"],"sourcesContent":["import {\n  Pill,\n  type PillProps,\n  Tooltip,\n  makePrefixer,\n  useIcon,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type MutableRefObject,\n  type SyntheticEvent,\n  memo,\n  useRef,\n  useState,\n} from \"react\";\nimport inputPillCss from \"./InputPill.css\";\nimport { getWidth } from \"./useWidth\";\n\nconst withBaseName = makePrefixer(\"saltInputPill\");\n\nexport type InputPillProps = PillProps & {\n  /**\n   * A ref object holds pills index map to width.\n   */\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  /**\n   * Index of the pill within Input.\n   */\n  index: number;\n  /**\n   * Whether the pill is the last visible one within Input.\n   */\n  lastVisible?: boolean;\n  /**\n   * Pill label.\n   */\n  label?: string;\n  /**\n   * Whether the pill is highlighted.\n   */\n  highlighted?: boolean;\n\n  /**\n   * Callback when pill is deleted.\n   */\n  onClose?: (event: SyntheticEvent, index: number) => void;\n};\n\nexport const InputPill = memo(function InputPill(props: InputPillProps) {\n  const {\n    className,\n    hidden,\n    highlighted,\n    index,\n    label,\n    onClose,\n    pillsRef,\n    ...rest\n  } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-input-pill\",\n    css: inputPillCss,\n    window: targetWindow,\n  });\n\n  const { CloseIcon } = useIcon();\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const [isEllipsisActive, setEllipsisActive] = useState(false);\n  const isRemovable = Boolean(onClose);\n\n  // useIsomorphicLayoutEffect to match the calcFirstHiddenIndex\n  // We need to collect widths before the calculation\n  useIsomorphicLayoutEffect(() => {\n    const text = ref?.current?.firstElementChild as HTMLElement;\n    if (!isRemovable && pillsRef.current) {\n      pillsRef.current[index] = getWidth(ref.current);\n    }\n    setEllipsisActive(text?.offsetWidth < text?.scrollWidth);\n  }, [pillsRef, index, isRemovable]);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      pillsRef.current[index] = undefined;\n    },\n    [pillsRef, index],\n  );\n\n  const handleClose = (event: SyntheticEvent) => {\n    onClose?.(event, index);\n  };\n  return (\n    <Tooltip content={label} disabled={!isEllipsisActive}>\n      <Pill\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"pillHighlighted\")]: highlighted,\n            [withBaseName(\"expanded\")]: isRemovable,\n            [withBaseName(\"hidden\")]: hidden,\n          },\n          className,\n        )}\n        tabIndex={-1}\n        onClick={isRemovable ? handleClose : undefined}\n        ref={ref}\n        role=\"option\"\n        {...rest}\n      >\n        <span className={withBaseName(\"label\")}>{label}</span>\n        {isRemovable && <CloseIcon />}\n      </Pill>\n    </Tooltip>\n  );\n});\n"],"names":["InputPill","inputPillCss"],"mappings":";;;;;;;;;AAqBA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AA8B1C,MAAM,SAAY,GAAA,IAAA,CAAK,SAASA,UAAAA,CAAU,KAAuB,EAAA;AACtE,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,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,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,OAAQ,EAAA;AAC9B,EAAM,MAAA,GAAA,GAAM,OAAiC,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,gBAAA,EAAkB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,WAAA,GAAc,QAAQ,OAAO,CAAA;AAInC,EAAA,yBAAA,CAA0B,MAAM;AA5ElC,IAAA,IAAA,EAAA;AA6EI,IAAM,MAAA,IAAA,GAAA,CAAO,EAAK,GAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAA,OAAA,KAAL,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,iBAAA;AAC3B,IAAI,IAAA,CAAC,WAAe,IAAA,QAAA,CAAS,OAAS,EAAA;AACpC,MAAA,QAAA,CAAS,OAAQ,CAAA,KAAK,CAAI,GAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA;AAEhD,IAAkB,iBAAA,CAAA,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,WAAc,KAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,WAAW,CAAA,CAAA;AAAA,GACtD,EAAA,CAAC,QAAU,EAAA,KAAA,EAAO,WAAW,CAAC,CAAA;AAEjC,EAAA,yBAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAS,QAAA,CAAA,OAAA,CAAQ,KAAK,CAAI,GAAA,MAAA;AAAA,KAC5B;AAAA,IACA,CAAC,UAAU,KAAK;AAAA,GAClB;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAA0B,KAAA;AAC7C,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAO,EAAA,KAAA,CAAA;AAAA,GACnB;AACA,EAAA,2BACG,OAAQ,EAAA,EAAA,OAAA,EAAS,KAAO,EAAA,QAAA,EAAU,CAAC,gBAClC,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,iBAAiB,CAAC,GAAG,WAAA;AAAA,UACnC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,WAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,SAC5B;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAU,EAAA,EAAA;AAAA,MACV,OAAA,EAAS,cAAc,WAAc,GAAA,MAAA;AAAA,MACrC,GAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,GAAI,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,QAC9C,WAAA,wBAAgB,SAAU,EAAA,EAAA;AAAA;AAAA;AAAA,GAE/B,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"InputPill.js","sources":["../src/tokenized-input-next/internal/InputPill.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  Pill,\n  type PillProps,\n  Tooltip,\n  useIcon,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type MutableRefObject,\n  memo,\n  type SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\nimport inputPillCss from \"./InputPill.css\";\nimport { getWidth } from \"./useWidth\";\n\nconst withBaseName = makePrefixer(\"saltInputPill\");\n\nexport type InputPillProps = PillProps & {\n  /**\n   * A ref object holds pills index map to width.\n   */\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  /**\n   * Index of the pill within Input.\n   */\n  index: number;\n  /**\n   * Whether the pill is the last visible one within Input.\n   */\n  lastVisible?: boolean;\n  /**\n   * Pill label.\n   */\n  label?: string;\n  /**\n   * Whether the pill is highlighted.\n   */\n  highlighted?: boolean;\n\n  /**\n   * Callback when pill is deleted.\n   */\n  onClose?: (event: SyntheticEvent, index: number) => void;\n};\n\nexport const InputPill = memo(function InputPill(props: InputPillProps) {\n  const {\n    className,\n    hidden,\n    highlighted,\n    index,\n    label,\n    onClose,\n    pillsRef,\n    ...rest\n  } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-input-pill\",\n    css: inputPillCss,\n    window: targetWindow,\n  });\n\n  const { CloseIcon } = useIcon();\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const [isEllipsisActive, setEllipsisActive] = useState(false);\n  const isRemovable = Boolean(onClose);\n\n  // useIsomorphicLayoutEffect to match the calcFirstHiddenIndex\n  // We need to collect widths before the calculation\n  useIsomorphicLayoutEffect(() => {\n    const text = ref?.current?.firstElementChild as HTMLElement;\n    if (!isRemovable && pillsRef.current) {\n      pillsRef.current[index] = getWidth(ref.current);\n    }\n    setEllipsisActive(text?.offsetWidth < text?.scrollWidth);\n  }, [pillsRef, index, isRemovable]);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      pillsRef.current[index] = undefined;\n    },\n    [pillsRef, index],\n  );\n\n  const handleClose = (event: SyntheticEvent) => {\n    onClose?.(event, index);\n  };\n  return (\n    <Tooltip content={label} disabled={!isEllipsisActive}>\n      <Pill\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"pillHighlighted\")]: highlighted,\n            [withBaseName(\"expanded\")]: isRemovable,\n            [withBaseName(\"hidden\")]: hidden,\n          },\n          className,\n        )}\n        tabIndex={-1}\n        onClick={isRemovable ? handleClose : undefined}\n        ref={ref}\n        role=\"option\"\n        {...rest}\n      >\n        <span className={withBaseName(\"label\")}>{label}</span>\n        {isRemovable && <CloseIcon />}\n      </Pill>\n    </Tooltip>\n  );\n});\n"],"names":["InputPill","inputPillCss"],"mappings":"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"}

package/dist-es/tokenized-input-next/internal/calcFirstHiddenIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"calcFirstHiddenIndex.js","sources":["../src/tokenized-input-next/internal/calcFirstHiddenIndex.ts"],"sourcesContent":["export function calcFirstHiddenIndex({\n  containerWidth = 0,\n  pillWidths = [],\n}: { containerWidth?: number; pillWidths?: number[] } = {}) {\n  let totalWidth = 0;\n  let firstHiddenIndex: null | number = null;\n\n  for (let i = 0; i < pillWidths.length; i++) {\n    totalWidth += pillWidths[i];\n\n    if (totalWidth > containerWidth) {\n      firstHiddenIndex = i;\n      break;\n    }\n  }\n\n  return firstHiddenIndex;\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAqB,CAAA;AAAA,EACnC,cAAiB,GAAA,CAAA;AAAA,EACjB,aAAa;AACf,CAAA,GAAwD,EAAI,EAAA;AAC1D,EAAA,IAAI,UAAa,GAAA,CAAA;AACjB,EAAA,IAAI,gBAAkC,GAAA,IAAA;AAEtC,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,UAAA,CAAW,QAAQ,CAAK,EAAA,EAAA;AAC1C,IAAA,UAAA,IAAc,WAAW,CAAC,CAAA;AAE1B,IAAA,IAAI,aAAa,cAAgB,EAAA;AAC/B,MAAmB,gBAAA,GAAA,CAAA;AACnB,MAAA;AAAA;AACF;AAGF,EAAO,OAAA,gBAAA;AACT;;;;"}
+{"version":3,"file":"calcFirstHiddenIndex.js","sources":["../src/tokenized-input-next/internal/calcFirstHiddenIndex.ts"],"sourcesContent":["export function calcFirstHiddenIndex({\n  containerWidth = 0,\n  pillWidths = [],\n}: {\n  containerWidth?: number;\n  pillWidths?: number[];\n} = {}) {\n  let totalWidth = 0;\n  let firstHiddenIndex: null | number = null;\n\n  for (let i = 0; i < pillWidths.length; i++) {\n    totalWidth += pillWidths[i];\n\n    if (totalWidth > containerWidth) {\n      firstHiddenIndex = i;\n      break;\n    }\n  }\n\n  return firstHiddenIndex;\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAqB,CAAA;AAAA,EACnC,cAAiB,GAAA,CAAA;AAAA,EACjB,aAAa;AACf,CAAA,GAGI,EAAI,EAAA;AACN,EAAA,IAAI,UAAa,GAAA,CAAA;AACjB,EAAA,IAAI,gBAAkC,GAAA,IAAA;AAEtC,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,UAAA,CAAW,QAAQ,CAAK,EAAA,EAAA;AAC1C,IAAA,UAAA,IAAc,WAAW,CAAC,CAAA;AAE1B,IAAA,IAAI,aAAa,cAAgB,EAAA;AAC/B,MAAmB,gBAAA,GAAA,CAAA;AACnB,MAAA;AAAA;AACF;AAGF,EAAO,OAAA,gBAAA;AACT;;;;"}

package/dist-es/tokenized-input-next/useTokenizedInputNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTokenizedInputNext.js","sources":["../src/tokenized-input-next/useTokenizedInputNext.tsx"],"sourcesContent":["import {\n  ownerWindow,\n  useControlled,\n  useDensity,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n  useIsomorphicLayoutEffect,\n} 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 MutableRefObject,\n  type Ref,\n  type SetStateAction,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { escapeRegExp } from \"../utils\";\nimport type { TokenizedInputNextProps } from \"./TokenizedInputNext\";\nimport { calcFirstHiddenIndex } from \"./internal/calcFirstHiddenIndex\";\nimport { useResizeObserver } from \"./internal/useResizeObserver\";\nimport { getPadding, useWidth } from \"./internal/useWidth\";\n\nexport interface TokenizedInputNextState<Item> {\n  activeIndices: number[];\n  expanded: boolean | undefined;\n  highlightedIndex: number | undefined;\n  selectedItems: Item[];\n  value: string | undefined;\n}\n\nexport interface TokenizedInputNextHelpers<Item> {\n  setHighlightedIndex: (value?: number) => void;\n  setValue: (value: string) => void;\n  setSelectedItems: (selectedItems: Item[]) => void;\n  updateExpanded: (event: SyntheticEvent, expanded: boolean) => void;\n}\n\nexport interface TokenizedInputNextRefs {\n  textAreaRef: Ref<HTMLTextAreaElement>;\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  clearButtonRef: (newNode: HTMLButtonElement) => void;\n  expandButtonRef: Ref<HTMLButtonElement>;\n  statusAdornmentRef: Ref<SVGSVGElement>;\n  containerRef: Ref<HTMLDivElement>;\n}\n\nconst getCursorPosition = (\n  inputRef: MutableRefObject<HTMLTextAreaElement | null>,\n) => {\n  if (inputRef.current) {\n    const { selectionStart, selectionEnd } = inputRef.current;\n\n    // if there is no selection range\n    if (selectionStart != null && selectionStart === selectionEnd) {\n      return selectionStart;\n    }\n  }\n\n  return -1;\n};\n\nconst isCtrlModifier = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n  return (\n    event.ctrlKey ||\n    event.metaKey ||\n    [\"CONTROL\", \"META\"].indexOf(event.key.toUpperCase()) !== -1\n  );\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\ninterface useTokenizedInputNextResult<Item> {\n  /**\n   * The tokenized input state\n   */\n  state: TokenizedInputNextState<Item>;\n  /**\n   * First hidden element when collapsed\n   */\n  firstHiddenIndex: number | null;\n  /**\n   * Utility functions for modifying tokenized input state\n   */\n  helpers: TokenizedInputNextHelpers<Item>;\n  /**\n   * Refs for tokenized input items.\n   */\n  refs: TokenizedInputNextRefs;\n  /**\n   * Properties applied to a basic tokenized input component\n   */\n  inputProps: Omit<TokenizedInputNextProps<Item>, \"helpers\" | \"onChange\">;\n}\n\nexport function useTokenizedInputNext<Item>(\n  props: TokenizedInputNextProps<Item>,\n): useTokenizedInputNextResult<Item> {\n  const {\n    disabled: formFieldDisabled,\n    readOnly,\n    necessity,\n    validationStatus,\n    a11yProps: {\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-labelledby\": ariaLabelledBy,\n    } = {},\n  } = useFormFieldProps();\n\n  const {\n    delimiters = [\",\"],\n    defaultSelected = [],\n    disabled = formFieldDisabled,\n    readOnly: readOnlyProp,\n    validationStatus: validationStatusProp,\n    disableAddOnBlur,\n    onBlur,\n    onClick,\n    onExpand,\n    onCollapse,\n    onKeyDown,\n    onInputChange,\n    onInputFocus,\n    onInputBlur,\n    onClear,\n    onChange,\n    id: idProp,\n    value: valueProp,\n    expanded: expandedProp,\n    selectedItems: selectedItemsProp,\n    \"aria-label\": ariaLabel,\n    \"aria-describedby\": ariaDescribedByProp,\n    expandButtonRef: expandButtonRefProp,\n    ...restProps\n  } = props;\n\n  const density = useDensity();\n  const id = useId(idProp);\n\n  const [focused, setFocused] = useState(false);\n  const [pillGroupWidth, setPillGroupWidth] = useState<number | null>(null);\n  const [firstHiddenIndex, setFirstHiddenIndex] = useState<number | null>(null);\n  const [activeIndices, setActiveIndices] = useState<number[]>([]);\n  const [highlightedIndex, setHighlightedIndex] = useState<number | undefined>(\n    undefined,\n  );\n\n  const [expandButtonHookRef, expandButtonWidth] = useWidth(density);\n  const [clearButtonRef, clearButtonWidth] = useWidth(density);\n  const [statusAdornmentRef, statusAdornmentWidth] = useWidth(density);\n  const [inputRef, inputWidth] = useWidth(density);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const pillsRef = useRef<Record<number, number | undefined>>({});\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const preventBlurOnCopy = useRef(false);\n  const expandButtonRef = useForkRef(expandButtonHookRef, expandButtonRefProp);\n\n  const hasActiveItems = Boolean(activeIndices.length);\n  const primaryDelimiter = delimiters[0];\n  const delimiterRegex = useMemo(\n    () => new RegExp(delimiters.map(escapeRegExp).join(\"|\"), \"gi\"),\n    [delimiters],\n  );\n\n  const [value, setValue, isInputControlled] = useControlled<\n    string | undefined\n  >({\n    controlled: valueProp,\n    default: \"\",\n    name: \"TokenizedInputNext\",\n    state: \"value\",\n  });\n\n  const [selectedItems = [], setSelectedItems, isSelectionControlled] =\n    useControlled<Item[] | undefined>({\n      controlled: selectedItemsProp,\n      default: defaultSelected,\n      name: \"TokenizedInputNext\",\n      state: \"selectedItems\",\n    });\n\n  const [expanded, setExpanded, isExpandedControlled] = useControlled<boolean>({\n    controlled: expandedProp,\n    default: false,\n    name: \"TokenizedInputNext\",\n    state: \"expanded\",\n  });\n\n  const widthOffset =\n    inputWidth +\n    statusAdornmentWidth +\n    (expanded ? clearButtonWidth : expandButtonWidth);\n\n  const containerObserverRef = useResizeObserver<HTMLDivElement>(\n    useCallback(\n      ([{ contentRect }]) => {\n        const padding = getPadding(containerRef.current);\n        setPillGroupWidth(contentRect.width - padding - widthOffset);\n      },\n      [widthOffset],\n    ),\n  );\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      // When density changes, set hidden index to null so that pills are in their\n      // readonly state before they are measured.\n      setFirstHiddenIndex(null);\n    },\n    [density],\n  );\n\n  // useIsomorphicLayoutEffect because of potential layout change\n  // We want to do that before paint to avoid layout jumps\n  useIsomorphicLayoutEffect(\n    () => {\n      if (expanded) {\n        setFirstHiddenIndex(null);\n      } else if (pillGroupWidth != null) {\n        setFirstHiddenIndex(\n          calcFirstHiddenIndex({\n            containerWidth: pillGroupWidth,\n            pillWidths: Object.values(pillsRef.current).filter(\n              Boolean,\n            ) as number[],\n          }),\n        );\n      }\n    },\n    // Additional dependency on selectedItems is for the controlled version\n    [expanded, pillGroupWidth, selectedItems],\n  );\n\n  const focusInput = useCallback(() => {\n    if (textAreaRef.current) {\n      textAreaRef.current.focus();\n    }\n  }, []);\n\n  const updateInputValue = (newValue: string | undefined) => {\n    if (!isInputControlled) {\n      setValue(newValue);\n    }\n  };\n\n  const updateSelectedItems = useCallback(\n    (event: SyntheticEvent, 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?.(event, newItems);\n          }\n          return newItems;\n        });\n      } else {\n        onChange?.(\n          event,\n          typeof action === \"function\" ? action(selectedItems) : action,\n        );\n      }\n    },\n    [isSelectionControlled, onChange, selectedItems],\n  );\n\n  const updateExpanded = (event: SyntheticEvent, newExpanded: boolean) => {\n    if (!isExpandedControlled) {\n      setExpanded(newExpanded);\n    }\n\n    if (newExpanded) {\n      focusInput();\n      onExpand?.(event);\n    } else {\n      onCollapse?.(event);\n    }\n  };\n\n  const resetInput = () => {\n    updateInputValue(\"\");\n    setHighlightedIndex(undefined);\n    setActiveIndices([]);\n  };\n\n  const removeItems = useCallback(\n    (event: SyntheticEvent, itemIndices: number[]) => {\n      updateSelectedItems(\n        event,\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<HTMLTextAreaElement>) => {\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    onInputFocus?.(event);\n    updateExpanded(event, true);\n    setFocused(true);\n  };\n\n  const handleBlur = (\n    event: FocusEvent<HTMLTextAreaElement | HTMLButtonElement>,\n  ) => {\n    onBlur?.(event);\n    setFocused(false);\n    updateExpanded(event, false);\n  };\n\n  const handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n    // Check if the related target inside TokenizedInput\n    const container = containerRef?.current;\n    const eventTarget = event.relatedTarget;\n    event.preventDefault();\n    event.stopPropagation();\n    setHighlightedIndex(undefined);\n    setActiveIndices([]);\n    if (!disableAddOnBlur) {\n      handleAddItems(event, value);\n    }\n    onInputBlur?.(event);\n    if (\n      eventTarget !== container &&\n      !container?.contains(eventTarget as Node)\n    ) {\n      handleBlur(event);\n    }\n  };\n\n  const handleClick = (event: SyntheticEvent<HTMLElement>) => {\n    updateExpanded(event, true);\n    setActiveIndices([]);\n    onClick?.(event);\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    setHighlightedIndex(undefined);\n\n    onInputChange?.(event);\n\n    const newValue = event.target.value;\n\n    if (delimiterRegex.test(newValue)) {\n      // Process value with delimiters\n      handleAddItems(event, newValue);\n    } else {\n      // Just update input value if there is no delimiter\n      updateInputValue(newValue);\n    }\n  };\n\n  const handleAddItems = (\n    event: SyntheticEvent,\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, item) => {\n        const newItem = item.trim();\n        return isValidItem<Item>(newItem) ? values.concat(newItem) : values;\n      }, []);\n\n    if (newItems.length) {\n      updateSelectedItems(event, (prevSelectedItems = []) =>\n        hasActiveItems && !appendOnly\n          ? newItems\n          : prevSelectedItems.concat(newItems),\n      );\n    }\n  };\n\n  const handleRemoveItem = (event: SyntheticEvent, itemIndex?: number) => {\n    focusInput();\n    if (itemIndex !== undefined && !readOnly && !readOnlyProp) {\n      removeItems(event, [itemIndex]);\n    }\n  };\n\n  const handleClear = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    updateSelectedItems(event, []);\n    resetInput();\n    focusInput();\n    onClear?.(event);\n  };\n\n  const cursorAtInputStart = () =>\n    getCursorPosition(textAreaRef) === 0 && Boolean(selectedItems.length);\n\n  const highlightAtPillGroupEnd = () =>\n    highlightedIndex === selectedItems.length - 1;\n\n  const pillGroupKeyDownHandlers: Record<\n    string,\n    KeyboardEventHandler<HTMLTextAreaElement>\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(event, 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(event, highlightedIndex);\n    },\n    Delete: (event) => {\n      event.preventDefault();\n      handleRemoveItem(event, highlightedIndex);\n    },\n    \" \": (event) => {\n      event.preventDefault();\n      handleRemoveItem(event, highlightedIndex);\n    },\n  };\n\n  const inputKeyDownHandlers: Record<\n    string,\n    KeyboardEventHandler<HTMLTextAreaElement>\n  > = {\n    ArrowLeft: (event) => {\n      if (cursorAtInputStart()) {\n        event.preventDefault();\n        setHighlightedIndex(selectedItems.length - 1);\n      }\n    },\n    Backspace: (event) => {\n      if (hasActiveItems) {\n        removeItems(event, activeIndices);\n      } else if (cursorAtInputStart()) {\n        setHighlightedIndex(selectedItems.length - 1);\n      }\n    },\n    Delete: (event) => {\n      if (hasActiveItems) {\n        removeItems(event, activeIndices);\n      }\n    },\n    Enter: (event) => {\n      event.preventDefault();\n\n      if (hasActiveItems) {\n        removeItems(event, activeIndices);\n      } else {\n        handleAddItems(event, value);\n      }\n    },\n  };\n\n  const handleCtrlModifierKeyDown: InputHTMLAttributes<HTMLTextAreaElement>[\"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          const textToCopy =\n            activeIndices.length > 0\n              ? activeIndices\n                  .map((index) => String(selectedItems[index]))\n                  .concat(value != null ? String(value).trim() : \"\")\n                  .filter(Boolean)\n                  .join(primaryDelimiter)\n              : highlightedIndex !== undefined\n                ? String(`${selectedItems[highlightedIndex]},`)\n                : \"\";\n          copy(textToCopy)\n            .then((result) => {\n              preventBlurOnCopy.current = !supportClipboard;\n              return result;\n            })\n            .catch((error) => {\n              console.error(error);\n            });\n          break;\n        }\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(event, 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<HTMLTextAreaElement>) => {\n    const eventKey = event.key.toUpperCase();\n    if (eventKey === \"ESCAPE\") {\n      event.preventDefault();\n      resetInput();\n    } else if (eventKey === \"TAB\" && !disableAddOnBlur) {\n      // Pressing Tab adds a new value\n      handleAddItems(event, value);\n    }\n  };\n\n  const handleKeyDown: InputHTMLAttributes<HTMLTextAreaElement>[\"onKeyDown\"] = (\n    event,\n  ) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    if (isCtrlModifier(event)) {\n      handleCtrlModifierKeyDown(event);\n    } else {\n      let handler: KeyboardEventHandler<HTMLTextAreaElement> | undefined;\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\n  const state: TokenizedInputNextState<Item> = {\n    value,\n    selectedItems,\n    activeIndices,\n    highlightedIndex,\n    expanded,\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    // 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    onInputChange: handleInputChange,\n    onInputFocus: handleInputFocus,\n    onInputBlur: handleInputBlur,\n    onKeyDown: handleKeyDown,\n    onRemoveItem: handleRemoveItem,\n    onClear: handleClear,\n  };\n\n  return {\n    state,\n    firstHiddenIndex,\n    refs: {\n      textAreaRef: useForkRef(textAreaRef, inputRef),\n      pillsRef,\n      clearButtonRef,\n      expandButtonRef,\n      statusAdornmentRef,\n      containerRef: useForkRef(containerRef, containerObserverRef),\n    },\n    helpers: {\n      setValue,\n      setSelectedItems,\n      setHighlightedIndex,\n      updateExpanded,\n    },\n    inputProps: {\n      id,\n      disabled,\n      validationStatus: validationStatus ?? validationStatusProp,\n      readOnly: readOnly ?? readOnlyProp,\n      necessity: necessity,\n      focused,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      \"aria-describedby\": ariaDescribedBy ?? ariaDescribedByProp,\n      ...state,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTokenizedInputNext.js","sources":["../src/tokenized-input-next/useTokenizedInputNext.tsx"],"sourcesContent":["import {\n  ownerWindow,\n  useControlled,\n  useDensity,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n  useIsomorphicLayoutEffect,\n} 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 MutableRefObject,\n  type Ref,\n  type SetStateAction,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { escapeRegExp } from \"../utils\";\nimport { calcFirstHiddenIndex } from \"./internal/calcFirstHiddenIndex\";\nimport { useResizeObserver } from \"./internal/useResizeObserver\";\nimport { getPadding, useWidth } from \"./internal/useWidth\";\nimport type { TokenizedInputNextProps } from \"./TokenizedInputNext\";\n\nexport interface TokenizedInputNextState<Item> {\n  activeIndices: number[];\n  expanded: boolean | undefined;\n  highlightedIndex: number | undefined;\n  selectedItems: Item[];\n  value: string | undefined;\n}\n\nexport interface TokenizedInputNextHelpers<Item> {\n  setHighlightedIndex: (value?: number) => void;\n  setValue: (value: string) => void;\n  setSelectedItems: (selectedItems: Item[]) => void;\n  updateExpanded: (event: SyntheticEvent, expanded: boolean) => void;\n}\n\nexport interface TokenizedInputNextRefs {\n  textAreaRef: Ref<HTMLTextAreaElement>;\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  clearButtonRef: (newNode: HTMLButtonElement) => void;\n  expandButtonRef: Ref<HTMLButtonElement>;\n  statusAdornmentRef: Ref<SVGSVGElement>;\n  containerRef: Ref<HTMLDivElement>;\n}\n\nconst getCursorPosition = (\n  inputRef: MutableRefObject<HTMLTextAreaElement | null>,\n) => {\n  if (inputRef.current) {\n    const { selectionStart, selectionEnd } = inputRef.current;\n\n    // if there is no selection range\n    if (selectionStart != null && selectionStart === selectionEnd) {\n      return selectionStart;\n    }\n  }\n\n  return -1;\n};\n\nconst isCtrlModifier = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n  return (\n    event.ctrlKey ||\n    event.metaKey ||\n    [\"CONTROL\", \"META\"].indexOf(event.key.toUpperCase()) !== -1\n  );\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\ninterface useTokenizedInputNextResult<Item> {\n  /**\n   * The tokenized input state\n   */\n  state: TokenizedInputNextState<Item>;\n  /**\n   * First hidden element when collapsed\n   */\n  firstHiddenIndex: number | null;\n  /**\n   * Utility functions for modifying tokenized input state\n   */\n  helpers: TokenizedInputNextHelpers<Item>;\n  /**\n   * Refs for tokenized input items.\n   */\n  refs: TokenizedInputNextRefs;\n  /**\n   * Properties applied to a basic tokenized input component\n   */\n  inputProps: Omit<TokenizedInputNextProps<Item>, \"helpers\" | \"onChange\">;\n}\n\nexport function useTokenizedInputNext<Item>(\n  props: TokenizedInputNextProps<Item>,\n): useTokenizedInputNextResult<Item> {\n  const {\n    disabled: formFieldDisabled,\n    readOnly,\n    necessity,\n    validationStatus,\n    a11yProps: {\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-labelledby\": ariaLabelledBy,\n    } = {},\n  } = useFormFieldProps();\n\n  const {\n    delimiters = [\",\"],\n    defaultSelected = [],\n    disabled = formFieldDisabled,\n    readOnly: readOnlyProp,\n    validationStatus: validationStatusProp,\n    disableAddOnBlur,\n    onBlur,\n    onClick,\n    onExpand,\n    onCollapse,\n    onKeyDown,\n    onInputChange,\n    onInputFocus,\n    onInputBlur,\n    onClear,\n    onChange,\n    id: idProp,\n    value: valueProp,\n    expanded: expandedProp,\n    selectedItems: selectedItemsProp,\n    \"aria-label\": ariaLabel,\n    \"aria-describedby\": ariaDescribedByProp,\n    expandButtonRef: expandButtonRefProp,\n    ...restProps\n  } = props;\n\n  const density = useDensity();\n  const id = useId(idProp);\n\n  const [focused, setFocused] = useState(false);\n  const [pillGroupWidth, setPillGroupWidth] = useState<number | null>(null);\n  const [firstHiddenIndex, setFirstHiddenIndex] = useState<number | null>(null);\n  const [activeIndices, setActiveIndices] = useState<number[]>([]);\n  const [highlightedIndex, setHighlightedIndex] = useState<number | undefined>(\n    undefined,\n  );\n\n  const [expandButtonHookRef, expandButtonWidth] = useWidth(density);\n  const [clearButtonRef, clearButtonWidth] = useWidth(density);\n  const [statusAdornmentRef, statusAdornmentWidth] = useWidth(density);\n  const [inputRef, inputWidth] = useWidth(density);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const pillsRef = useRef<Record<number, number | undefined>>({});\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const preventBlurOnCopy = useRef(false);\n  const expandButtonRef = useForkRef(expandButtonHookRef, expandButtonRefProp);\n\n  const hasActiveItems = Boolean(activeIndices.length);\n  const primaryDelimiter = delimiters[0];\n  const delimiterRegex = useMemo(\n    () => new RegExp(delimiters.map(escapeRegExp).join(\"|\"), \"gi\"),\n    [delimiters],\n  );\n\n  const [value, setValue, isInputControlled] = useControlled<\n    string | undefined\n  >({\n    controlled: valueProp,\n    default: \"\",\n    name: \"TokenizedInputNext\",\n    state: \"value\",\n  });\n\n  const [selectedItems = [], setSelectedItems, isSelectionControlled] =\n    useControlled<Item[] | undefined>({\n      controlled: selectedItemsProp,\n      default: defaultSelected,\n      name: \"TokenizedInputNext\",\n      state: \"selectedItems\",\n    });\n\n  const [expanded, setExpanded, isExpandedControlled] = useControlled<boolean>({\n    controlled: expandedProp,\n    default: false,\n    name: \"TokenizedInputNext\",\n    state: \"expanded\",\n  });\n\n  const widthOffset =\n    inputWidth +\n    statusAdornmentWidth +\n    (expanded ? clearButtonWidth : expandButtonWidth);\n\n  const containerObserverRef = useResizeObserver<HTMLDivElement>(\n    useCallback(\n      ([{ contentRect }]) => {\n        const padding = getPadding(containerRef.current);\n        setPillGroupWidth(contentRect.width - padding - widthOffset);\n      },\n      [widthOffset],\n    ),\n  );\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      // When density changes, set hidden index to null so that pills are in their\n      // readonly state before they are measured.\n      setFirstHiddenIndex(null);\n    },\n    [density],\n  );\n\n  // useIsomorphicLayoutEffect because of potential layout change\n  // We want to do that before paint to avoid layout jumps\n  useIsomorphicLayoutEffect(\n    () => {\n      if (expanded) {\n        setFirstHiddenIndex(null);\n      } else if (pillGroupWidth != null) {\n        setFirstHiddenIndex(\n          calcFirstHiddenIndex({\n            containerWidth: pillGroupWidth,\n            pillWidths: Object.values(pillsRef.current).filter(\n              Boolean,\n            ) as number[],\n          }),\n        );\n      }\n    },\n    // Additional dependency on selectedItems is for the controlled version\n    [expanded, pillGroupWidth, selectedItems],\n  );\n\n  const focusInput = useCallback(() => {\n    if (textAreaRef.current) {\n      textAreaRef.current.focus();\n    }\n  }, []);\n\n  const updateInputValue = (newValue: string | undefined) => {\n    if (!isInputControlled) {\n      setValue(newValue);\n    }\n  };\n\n  const updateSelectedItems = useCallback(\n    (event: SyntheticEvent, 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?.(event, newItems);\n          }\n          return newItems;\n        });\n      } else {\n        onChange?.(\n          event,\n          typeof action === \"function\" ? action(selectedItems) : action,\n        );\n      }\n    },\n    [isSelectionControlled, onChange, selectedItems],\n  );\n\n  const updateExpanded = (event: SyntheticEvent, newExpanded: boolean) => {\n    if (!isExpandedControlled) {\n      setExpanded(newExpanded);\n    }\n\n    if (newExpanded) {\n      focusInput();\n      onExpand?.(event);\n    } else {\n      onCollapse?.(event);\n    }\n  };\n\n  const resetInput = () => {\n    updateInputValue(\"\");\n    setHighlightedIndex(undefined);\n    setActiveIndices([]);\n  };\n\n  const removeItems = useCallback(\n    (event: SyntheticEvent, itemIndices: number[]) => {\n      updateSelectedItems(\n        event,\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<HTMLTextAreaElement>) => {\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    onInputFocus?.(event);\n    updateExpanded(event, true);\n    setFocused(true);\n  };\n\n  const handleBlur = (\n    event: FocusEvent<HTMLTextAreaElement | HTMLButtonElement>,\n  ) => {\n    onBlur?.(event);\n    setFocused(false);\n    updateExpanded(event, false);\n  };\n\n  const handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n    // Check if the related target inside TokenizedInput\n    const container = containerRef?.current;\n    const eventTarget = event.relatedTarget;\n    event.preventDefault();\n    event.stopPropagation();\n    setHighlightedIndex(undefined);\n    setActiveIndices([]);\n    if (!disableAddOnBlur) {\n      handleAddItems(event, value);\n    }\n    onInputBlur?.(event);\n    if (\n      eventTarget !== container &&\n      !container?.contains(eventTarget as Node)\n    ) {\n      handleBlur(event);\n    }\n  };\n\n  const handleClick = (event: SyntheticEvent<HTMLElement>) => {\n    updateExpanded(event, true);\n    setActiveIndices([]);\n    onClick?.(event);\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    setHighlightedIndex(undefined);\n\n    onInputChange?.(event);\n\n    const newValue = event.target.value;\n\n    if (delimiterRegex.test(newValue)) {\n      // Process value with delimiters\n      handleAddItems(event, newValue);\n    } else {\n      // Just update input value if there is no delimiter\n      updateInputValue(newValue);\n    }\n  };\n\n  const handleAddItems = (\n    event: SyntheticEvent,\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, item) => {\n        const newItem = item.trim();\n        return isValidItem<Item>(newItem) ? values.concat(newItem) : values;\n      }, []);\n\n    if (newItems.length) {\n      updateSelectedItems(event, (prevSelectedItems = []) =>\n        hasActiveItems && !appendOnly\n          ? newItems\n          : prevSelectedItems.concat(newItems),\n      );\n    }\n  };\n\n  const handleRemoveItem = (event: SyntheticEvent, itemIndex?: number) => {\n    focusInput();\n    if (itemIndex !== undefined && !readOnly && !readOnlyProp) {\n      removeItems(event, [itemIndex]);\n    }\n  };\n\n  const handleClear = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    updateSelectedItems(event, []);\n    resetInput();\n    focusInput();\n    onClear?.(event);\n  };\n\n  const cursorAtInputStart = () =>\n    getCursorPosition(textAreaRef) === 0 && Boolean(selectedItems.length);\n\n  const highlightAtPillGroupEnd = () =>\n    highlightedIndex === selectedItems.length - 1;\n\n  const pillGroupKeyDownHandlers: Record<\n    string,\n    KeyboardEventHandler<HTMLTextAreaElement>\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(event, 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(event, highlightedIndex);\n    },\n    Delete: (event) => {\n      event.preventDefault();\n      handleRemoveItem(event, highlightedIndex);\n    },\n    \" \": (event) => {\n      event.preventDefault();\n      handleRemoveItem(event, highlightedIndex);\n    },\n  };\n\n  const inputKeyDownHandlers: Record<\n    string,\n    KeyboardEventHandler<HTMLTextAreaElement>\n  > = {\n    ArrowLeft: (event) => {\n      if (cursorAtInputStart()) {\n        event.preventDefault();\n        setHighlightedIndex(selectedItems.length - 1);\n      }\n    },\n    Backspace: (event) => {\n      if (hasActiveItems) {\n        removeItems(event, activeIndices);\n      } else if (cursorAtInputStart()) {\n        setHighlightedIndex(selectedItems.length - 1);\n      }\n    },\n    Delete: (event) => {\n      if (hasActiveItems) {\n        removeItems(event, activeIndices);\n      }\n    },\n    Enter: (event) => {\n      event.preventDefault();\n\n      if (hasActiveItems) {\n        removeItems(event, activeIndices);\n      } else {\n        handleAddItems(event, value);\n      }\n    },\n  };\n\n  const handleCtrlModifierKeyDown: InputHTMLAttributes<HTMLTextAreaElement>[\"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          const textToCopy =\n            activeIndices.length > 0\n              ? activeIndices\n                  .map((index) => String(selectedItems[index]))\n                  .concat(value != null ? String(value).trim() : \"\")\n                  .filter(Boolean)\n                  .join(primaryDelimiter)\n              : highlightedIndex !== undefined\n                ? String(`${selectedItems[highlightedIndex]},`)\n                : \"\";\n          copy(textToCopy)\n            .then((result) => {\n              preventBlurOnCopy.current = !supportClipboard;\n              return result;\n            })\n            .catch((error) => {\n              console.error(error);\n            });\n          break;\n        }\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(event, 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<HTMLTextAreaElement>) => {\n    const eventKey = event.key.toUpperCase();\n    if (eventKey === \"ESCAPE\") {\n      event.preventDefault();\n      resetInput();\n    } else if (eventKey === \"TAB\" && !disableAddOnBlur) {\n      // Pressing Tab adds a new value\n      handleAddItems(event, value);\n    }\n  };\n\n  const handleKeyDown: InputHTMLAttributes<HTMLTextAreaElement>[\"onKeyDown\"] = (\n    event,\n  ) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    if (isCtrlModifier(event)) {\n      handleCtrlModifierKeyDown(event);\n    } else {\n      let handler: KeyboardEventHandler<HTMLTextAreaElement> | undefined;\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\n  const state: TokenizedInputNextState<Item> = {\n    value,\n    selectedItems,\n    activeIndices,\n    highlightedIndex,\n    expanded,\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    // 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    onInputChange: handleInputChange,\n    onInputFocus: handleInputFocus,\n    onInputBlur: handleInputBlur,\n    onKeyDown: handleKeyDown,\n    onRemoveItem: handleRemoveItem,\n    onClear: handleClear,\n  };\n\n  return {\n    state,\n    firstHiddenIndex,\n    refs: {\n      textAreaRef: useForkRef(textAreaRef, inputRef),\n      pillsRef,\n      clearButtonRef,\n      expandButtonRef,\n      statusAdornmentRef,\n      containerRef: useForkRef(containerRef, containerObserverRef),\n    },\n    helpers: {\n      setValue,\n      setSelectedItems,\n      setHighlightedIndex,\n      updateExpanded,\n    },\n    inputProps: {\n      id,\n      disabled,\n      validationStatus: validationStatus ?? validationStatusProp,\n      readOnly: readOnly ?? readOnlyProp,\n      necessity: necessity,\n      focused,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      \"aria-describedby\": ariaDescribedBy ?? ariaDescribedByProp,\n      ...state,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/toolbar/Toolbar.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltToolbar {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-fontSize: var(--salt-text-fontSize);\n  /* --saltFormFieldLegacy-activationIndicator-size: 0; */\n}\n\n.saltToolbar {\n  --toolbar-size: calc(var(--salt-size-base) + var(--salt-size-unit) * 2);\n\n  background: var(--saltToolbar-background, var(--toolbar-background));\n  font-size: var(--toolbar-fontSize);\n  justify-content: flex-start;\n  overflow: hidden;\n  position: relative;\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n/* .saltToolbarField:not([data-overflow-indicator]) > .saltButton {\n  --saltButton-fontSize: 0;\n  --saltButton-letterSpacing: 0;\n} */\n\n.saltToolbar > .Responsive-inner {\n  align-items: center;\n  flex: 1;\n  flex-wrap: wrap;\n  justify-content: inherit;\n  margin: 0 !important;\n  overflow: hidden;\n  padding: 0 !important;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] {\n  display: flex;\n  height: var(--saltToolbar-height, var(--toolbar-size));\n  line-height: normal;\n  min-width: 0;\n  white-space: nowrap;\n  width: var(--saltToolbar-width, 100%);\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > :not(.saltTooltray) {\n  margin-right: var(--salt-size-unit);\n  align-self: center;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray > .Responsive-inner > * {\n  margin-top: var(--salt-size-unit);\n  /* margin-right: var(--salt-size-unit); */\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray {\n  margin-top: 0;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-right: auto;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-bottom: auto;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > *:first-child {\n  margin-left: var(--salt-size-unit);\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] {\n  display: inline-flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner {\n  display: inline-flex;\n  flex-direction: column;\n  max-height: 100%;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] > *[data-overflowed=\"true\"] {\n  min-width: 0;\n  flex-shrink: 1;\n  flex-basis: 0;\n  padding: 0;\n  margin: 0;\n  visibility: visible;\n}\n\n.saltToolbar > .Responsive-inner > *[data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltToolbarField-start {\n  margin-left: 0 !important;\n  order: -1;\n}\n\n.saltToolbar > .Responsive-inner > .saltToolbarField {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.saltToolbarField.saltFormFieldLegacy-labelLeft > .saltFormLabel {\n  padding-left: var(--salt-size-unit);\n}\n\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton {\n  background: var(--toolbar-background);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltButton-active,\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:active {\n  background: var(--salt-actionable-secondary-background-active) !important;\n}\n\n/* copied over from Tabstrip.css */\n[data-overflowed] {\n  order: 99;\n  visibility: hidden;\n}\n\n/* .Responsive-inner > [data-collapsed='true'] {\n  background: brown;\n}\n.Responsive-inner > [data-collapsing='true'] {\n  background: pink;\n} */\n\n/* .saltToolbar > .Responsive-inner > .saltOverflowPanel {\n  background: pink;;\n}\n\n.saltTooltray > .Responsive-inner > .saltOverflowPanel {\n  background: yellow;\n} */\n";
+var css_248z = ".saltToolbar {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-fontSize: var(--salt-text-fontSize);\n  /* --saltFormFieldLegacy-activationIndicator-size: 0; */\n}\n\n.saltToolbar {\n  --toolbar-size: calc(var(--salt-size-base) + var(--salt-size-unit) * 2);\n\n  background: var(--saltToolbar-background, var(--toolbar-background));\n  font-size: var(--toolbar-fontSize);\n  justify-content: flex-start;\n  overflow: hidden;\n  position: relative;\n\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n/* .saltToolbarField:not([data-overflow-indicator]) > .saltButton {\n  --saltButton-fontSize: 0;\n  --saltButton-letterSpacing: 0;\n} */\n\n.saltToolbar > .Responsive-inner {\n  align-items: center;\n  flex: 1;\n  flex-wrap: wrap;\n  justify-content: inherit;\n  margin: 0 !important;\n  overflow: hidden;\n  padding: 0 !important;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] {\n  display: flex;\n  height: var(--saltToolbar-height, var(--toolbar-size));\n  line-height: normal;\n  min-width: 0;\n  white-space: nowrap;\n  width: var(--saltToolbar-width, 100%);\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > :not(.saltTooltray) {\n  margin-right: var(--salt-size-unit);\n  align-self: center;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray > .Responsive-inner > * {\n  margin-top: var(--salt-size-unit);\n  /* margin-right: var(--salt-size-unit); */\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray {\n  margin-top: 0;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-right: auto;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-bottom: auto;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > *:first-child {\n  margin-left: var(--salt-size-unit);\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] {\n  display: inline-flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner {\n  display: inline-flex;\n  flex-direction: column;\n  max-height: 100%;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] > *[data-overflowed=\"true\"] {\n  min-width: 0;\n  flex-shrink: 1;\n  flex-basis: 0;\n  padding: 0;\n  margin: 0;\n  visibility: visible;\n}\n\n.saltToolbar > .Responsive-inner > *[data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltToolbarField-start {\n  margin-left: 0 !important;\n  order: -1;\n}\n\n.saltToolbar > .Responsive-inner > .saltToolbarField {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.saltToolbarField.saltFormFieldLegacy-labelLeft > .saltFormLabel {\n  padding-left: var(--salt-size-unit);\n}\n\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton {\n  background: var(--toolbar-background);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltButton-active,\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:active {\n  background: var(--salt-actionable-secondary-background-active) !important;\n}\n\n/* copied over from Tabstrip.css */\n[data-overflowed] {\n  order: 99;\n  visibility: hidden;\n}\n\n/* .Responsive-inner > [data-collapsed='true'] {\n  background: brown;\n}\n.Responsive-inner > [data-collapsing='true'] {\n  background: pink;\n} */\n\n/* .saltToolbar > .Responsive-inner > .saltOverflowPanel {\n  background: pink;;\n}\n\n.saltTooltray > .Responsive-inner > .saltOverflowPanel {\n  background: yellow;\n} */\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Toolbar.css.js.map

package/dist-es/toolbar/Toolbar.js

@@ -1,18 +1,18 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useIdMemo, useForkRef } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
 import { forwardRef, useRef, Children, cloneElement } from 'react';
-import { OverflowPanel } from './overflow-panel/OverflowPanel.js';
-import { OverflowSeparator } from './overflow-panel/OverflowSeparator.js';
 import { isOverflowed } from '../responsive/overflowUtils.js';
-import '../responsive/useResizeObserver.js';
 import { useOverflowCollectionItems } from '../responsive/useOverflowCollectionItems.js';
 import { useOverflowLayout } from '../responsive/useOverflowLayout.js';
-import { Tooltray } from './Tooltray.js';
+import '../responsive/useResizeObserver.js';
 import { renderToolbarItems } from './internal/renderToolbarItems.js';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
+import { OverflowPanel } from './overflow-panel/OverflowPanel.js';
+import { OverflowSeparator } from './overflow-panel/OverflowSeparator.js';
 import css_248z from './Toolbar.css.js';
+import { Tooltray } from './Tooltray.js';
 
 const classBase = "saltToolbar";
 const Toolbar = forwardRef(