@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

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 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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"}

package/dist-es/toolbar/Toolbar.js

@@ -87,39 +87,49 @@ const Toolbar = forwardRef(
     const overflowIndicator = collectionHook.data.find(
       (i) => i.isOverflowIndicator
     );
-    const overflowPanel = overflowIndicator ? /* @__PURE__ */ jsx(OverflowPanel, {
-      className: clsx("saltToolbarField"),
-      "data-index": collectionHook.data.length,
-      "data-overflow-indicator": true,
-      "data-priority": 1,
-      id: overflowIndicator.id,
-      triggerButtonIcon: overflowButtonIcon,
-      triggerButtonLabel: overflowButtonLabel,
-      children: overflowMenuItems
-    }) : null;
-    return /* @__PURE__ */ jsx("div", {
-      "aria-label": ariaLabel,
-      "aria-labelledby": clsx(toolbarId, ariaLabelledBy),
-      "aria-orientation": orientation,
-      className: clsx(classBase, className, {
-        [`${classBase}-disabled`]: disabled,
-        [`${classBase}-nonResponsive`]: !responsive
-      }),
-      id: toolbarId,
-      ref: setContainerRef,
-      role: "toolbar",
-      ...restProp,
-      children: /* @__PURE__ */ jsxs("div", {
-        className: "Responsive-inner",
-        ref: innerContainerRef,
-        "data-collapsing": collectionHook.data.some((item) => item.collapsing),
-        children: [
-          overflowButtonPlacement === "start" && overflowPanel,
-          renderToolbarItems(collectionHook, overflowedItems, orientation),
-          overflowButtonPlacement === "end" && overflowPanel
-        ]
-      })
-    });
+    const overflowPanel = overflowIndicator ? /* @__PURE__ */ jsx(
+      OverflowPanel,
+      {
+        className: clsx("saltToolbarField"),
+        "data-index": collectionHook.data.length,
+        "data-overflow-indicator": true,
+        "data-priority": 1,
+        id: overflowIndicator.id,
+        triggerButtonIcon: overflowButtonIcon,
+        triggerButtonLabel: overflowButtonLabel,
+        children: overflowMenuItems
+      }
+    ) : null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": ariaLabel,
+        "aria-labelledby": clsx(toolbarId, ariaLabelledBy),
+        "aria-orientation": orientation,
+        className: clsx(classBase, className, {
+          [`${classBase}-disabled`]: disabled,
+          // TODO whats this for ?
+          [`${classBase}-nonResponsive`]: !responsive
+        }),
+        id: toolbarId,
+        ref: setContainerRef,
+        role: "toolbar",
+        ...restProp,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "Responsive-inner",
+            ref: innerContainerRef,
+            "data-collapsing": collectionHook.data.some((item) => item.collapsing),
+            children: [
+              overflowButtonPlacement === "start" && overflowPanel,
+              renderToolbarItems(collectionHook, overflowedItems, orientation),
+              overflowButtonPlacement === "end" && overflowPanel
+            ]
+          }
+        )
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../src/toolbar/Toolbar.tsx"],"sourcesContent":["import { useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  Children,\n  type ReactElement,\n  cloneElement,\n  forwardRef,\n  useRef,\n} from \"react\";\n\nimport { OverflowPanel } from \"./overflow-panel/OverflowPanel\";\nimport { OverflowSeparator } from \"./overflow-panel/OverflowSeparator\";\n\nimport {\n  isOverflowed,\n  useOverflowCollectionItems,\n  useOverflowLayout,\n} from \"../responsive\";\nimport type { ToolbarProps } from \"./ToolbarProps\";\nimport { Tooltray } from \"./Tooltray\";\nimport type { TooltrayProps } from \"./TooltrayProps\";\nimport { renderToolbarItems } from \"./internal/renderToolbarItems\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport toolbarCss from \"./Toolbar.css\";\n\nconst classBase = \"saltToolbar\";\n\n/**\n * The core Toolbar implementation, without the external wrapper provided by Toolbar.js\n */\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(\n  function Toolbar(props, ref) {\n    const {\n      TooltipComponent,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      children,\n      className,\n      id: idProp,\n      overflowButtonIcon,\n      overflowButtonLabel,\n      overflowButtonPlacement = \"end\",\n      responsive = true,\n      disabled = false,\n      orientation = \"horizontal\",\n      ...restProp\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-toolbar\",\n      css: toolbarCss,\n      window: targetWindow,\n    });\n\n    const toolbarId = useIdMemo(idProp);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const setContainerRef = useForkRef(ref, containerRef);\n\n    const collectionHook = useOverflowCollectionItems({\n      children,\n      id: toolbarId,\n      orientation,\n      label: \"Toolbar\",\n    });\n\n    const [innerContainerRef] = useOverflowLayout({\n      collectionHook,\n      id: toolbarId,\n      orientation,\n      label: \"Toolbar\",\n    });\n\n    const overflowedItems = collectionHook.data.filter(isOverflowed);\n\n    const overflowMenuItems = overflowedItems.reduce<ReactElement[]>(\n      (items, item, i, arr) => {\n        const { element, id } = item;\n        if (element.type === Tooltray) {\n          const tooltrayProps = element.props as TooltrayProps;\n          const nestedElements = tooltrayProps.children as ReactElement[];\n          items.push(\n            ...Children.map(nestedElements, (el) =>\n              cloneElement(el, {\n                \"data-is-inside-panel\": true,\n                key: id,\n              }),\n            ),\n          );\n          if (i < arr.length - 1) {\n            items.push(<OverflowSeparator key={`separator-${id}`} />);\n          }\n        } else {\n          items.push(\n            cloneElement(element, {\n              key: id,\n              \"data-is-inside-panel\": true,\n            }),\n          );\n        }\n        return items;\n      },\n      [] as ReactElement[],\n    );\n\n    const overflowIndicator = collectionHook.data.find(\n      (i) => i.isOverflowIndicator,\n    );\n\n    const overflowPanel = overflowIndicator ? (\n      <OverflowPanel\n        className={clsx(\"saltToolbarField\")}\n        data-index={collectionHook.data.length}\n        data-overflow-indicator\n        data-priority={1}\n        id={overflowIndicator.id}\n        triggerButtonIcon={overflowButtonIcon}\n        triggerButtonLabel={overflowButtonLabel}\n      >\n        {overflowMenuItems}\n      </OverflowPanel>\n    ) : null;\n\n    //TODO when we drive this from the overflowItems, the overflowIndicator will\n    // be an overflowItem\n    return (\n      <div\n        aria-label={ariaLabel}\n        // Using `classnames` to join string together. User may want to provide\n        // custom ids (e.g. id from counter label), so the element is labelled by\n        // multiple items\n        aria-labelledby={clsx(toolbarId, ariaLabelledBy)}\n        aria-orientation={orientation}\n        className={clsx(classBase, className, {\n          [`${classBase}-disabled`]: disabled,\n          // TODO whats this for ?\n          [`${classBase}-nonResponsive`]: !responsive,\n        })}\n        id={toolbarId}\n        ref={setContainerRef}\n        role=\"toolbar\"\n        {...restProp}\n      >\n        <div\n          className=\"Responsive-inner\"\n          ref={innerContainerRef}\n          data-collapsing={collectionHook.data.some((item) => item.collapsing)}\n        >\n          {overflowButtonPlacement === \"start\" && overflowPanel}\n          {renderToolbarItems(collectionHook, overflowedItems, orientation)}\n          {overflowButtonPlacement === \"end\" && overflowPanel}\n        </div>\n      </div>\n    );\n  },\n);\n"],"names":["Toolbar","toolbarCss"],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sources":["../src/toolbar/Toolbar.tsx"],"sourcesContent":["import { useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  Children,\n  type ReactElement,\n  cloneElement,\n  forwardRef,\n  useRef,\n} from \"react\";\n\nimport { OverflowPanel } from \"./overflow-panel/OverflowPanel\";\nimport { OverflowSeparator } from \"./overflow-panel/OverflowSeparator\";\n\nimport {\n  isOverflowed,\n  useOverflowCollectionItems,\n  useOverflowLayout,\n} from \"../responsive\";\nimport type { ToolbarProps } from \"./ToolbarProps\";\nimport { Tooltray } from \"./Tooltray\";\nimport type { TooltrayProps } from \"./TooltrayProps\";\nimport { renderToolbarItems } from \"./internal/renderToolbarItems\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport toolbarCss from \"./Toolbar.css\";\n\nconst classBase = \"saltToolbar\";\n\n/**\n * The core Toolbar implementation, without the external wrapper provided by Toolbar.js\n */\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(\n  function Toolbar(props, ref) {\n    const {\n      TooltipComponent,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      children,\n      className,\n      id: idProp,\n      overflowButtonIcon,\n      overflowButtonLabel,\n      overflowButtonPlacement = \"end\",\n      responsive = true,\n      disabled = false,\n      orientation = \"horizontal\",\n      ...restProp\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-toolbar\",\n      css: toolbarCss,\n      window: targetWindow,\n    });\n\n    const toolbarId = useIdMemo(idProp);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const setContainerRef = useForkRef(ref, containerRef);\n\n    const collectionHook = useOverflowCollectionItems({\n      children,\n      id: toolbarId,\n      orientation,\n      label: \"Toolbar\",\n    });\n\n    const [innerContainerRef] = useOverflowLayout({\n      collectionHook,\n      id: toolbarId,\n      orientation,\n      label: \"Toolbar\",\n    });\n\n    const overflowedItems = collectionHook.data.filter(isOverflowed);\n\n    const overflowMenuItems = overflowedItems.reduce<ReactElement[]>(\n      (items, item, i, arr) => {\n        const { element, id } = item;\n        if (element.type === Tooltray) {\n          const tooltrayProps = element.props as TooltrayProps;\n          const nestedElements = tooltrayProps.children as ReactElement[];\n          items.push(\n            ...Children.map(nestedElements, (el) =>\n              cloneElement(el, {\n                \"data-is-inside-panel\": true,\n                key: id,\n              }),\n            ),\n          );\n          if (i < arr.length - 1) {\n            items.push(<OverflowSeparator key={`separator-${id}`} />);\n          }\n        } else {\n          items.push(\n            cloneElement(element, {\n              key: id,\n              \"data-is-inside-panel\": true,\n            }),\n          );\n        }\n        return items;\n      },\n      [] as ReactElement[],\n    );\n\n    const overflowIndicator = collectionHook.data.find(\n      (i) => i.isOverflowIndicator,\n    );\n\n    const overflowPanel = overflowIndicator ? (\n      <OverflowPanel\n        className={clsx(\"saltToolbarField\")}\n        data-index={collectionHook.data.length}\n        data-overflow-indicator\n        data-priority={1}\n        id={overflowIndicator.id}\n        triggerButtonIcon={overflowButtonIcon}\n        triggerButtonLabel={overflowButtonLabel}\n      >\n        {overflowMenuItems}\n      </OverflowPanel>\n    ) : null;\n\n    //TODO when we drive this from the overflowItems, the overflowIndicator will\n    // be an overflowItem\n    return (\n      <div\n        aria-label={ariaLabel}\n        // Using `classnames` to join string together. User may want to provide\n        // custom ids (e.g. id from counter label), so the element is labelled by\n        // multiple items\n        aria-labelledby={clsx(toolbarId, ariaLabelledBy)}\n        aria-orientation={orientation}\n        className={clsx(classBase, className, {\n          [`${classBase}-disabled`]: disabled,\n          // TODO whats this for ?\n          [`${classBase}-nonResponsive`]: !responsive,\n        })}\n        id={toolbarId}\n        ref={setContainerRef}\n        role=\"toolbar\"\n        {...restProp}\n      >\n        <div\n          className=\"Responsive-inner\"\n          ref={innerContainerRef}\n          data-collapsing={collectionHook.data.some((item) => item.collapsing)}\n        >\n          {overflowButtonPlacement === \"start\" && overflowPanel}\n          {renderToolbarItems(collectionHook, overflowedItems, orientation)}\n          {overflowButtonPlacement === \"end\" && overflowPanel}\n        </div>\n      </div>\n    );\n  },\n);\n"],"names":["Toolbar","toolbarCss"],"mappings":"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"}

package/dist-es/toolbar/ToolbarButton.js

@@ -13,13 +13,16 @@ const ToolbarButton = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    return /* @__PURE__ */ jsx(Button, {
-      variant: "secondary",
-      ...props,
-      className: "saltToolbarButton",
-      "data-overflow-label": label,
-      ref: forwardedRef
-    });
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        ...props,
+        className: "saltToolbarButton",
+        "data-overflow-label": label,
+        ref: forwardedRef
+      }
+    );
   }
 );
 

package/dist-es/toolbar/ToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.js","sources":["../src/toolbar/ToolbarButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport toolbarButtonCss from \"./ToolbarButton.css\";\n\nexport type ToolbarButtonProps = ButtonProps & {\n  overflowLabel?: string;\n  label?: string;\n};\n\nexport const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  function ToolbarButton({ label, ...props }, forwardedRef) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-toolbar-button\",\n      css: toolbarButtonCss,\n      window: targetWindow,\n    });\n\n    return (\n      <Button\n        variant=\"secondary\"\n        {...props}\n        className=\"saltToolbarButton\"\n        data-overflow-label={label}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n"],"names":["ToolbarButton","toolbarButtonCss"],"mappings":";;;;;;;AAaO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,EAAE,KAAU,EAAA,GAAA,KAAA,IAAS,YAAc,EAAA;AACxD,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACP,GAAG,KAAA;AAAA,MACJ,SAAU,EAAA,mBAAA;AAAA,MACV,qBAAqB,EAAA,KAAA;AAAA,MACrB,GAAK,EAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"ToolbarButton.js","sources":["../src/toolbar/ToolbarButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport toolbarButtonCss from \"./ToolbarButton.css\";\n\nexport type ToolbarButtonProps = ButtonProps & {\n  overflowLabel?: string;\n  label?: string;\n};\n\nexport const ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  function ToolbarButton({ label, ...props }, forwardedRef) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-toolbar-button\",\n      css: toolbarButtonCss,\n      window: targetWindow,\n    });\n\n    return (\n      <Button\n        variant=\"secondary\"\n        {...props}\n        className=\"saltToolbarButton\"\n        data-overflow-label={label}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n"],"names":["ToolbarButton","toolbarButtonCss"],"mappings":";;;;;;;AAaO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,EAAE,OAAO,GAAG,KAAA,IAAS,YAAc,EAAA;AACxD,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACP,GAAG,KAAA;AAAA,QACJ,SAAU,EAAA,mBAAA;AAAA,QACV,qBAAqB,EAAA,KAAA;AAAA,QACrB,GAAK,EAAA;AAAA;AAAA,KACP;AAAA;AAGN;;;;"}

package/dist-es/toolbar/Tooltray.js

@@ -13,6 +13,8 @@ import css_248z from './Tooltray.css.js';
 const Tooltray = (props) => {
   const {
     "aria-label": ariaLabel,
+    // Tooltray itself doesn't use these alignment props directly,
+    // they are read and used by the parent Toolbar
     alignEnd,
     alignStart,
     children,
@@ -68,33 +70,27 @@ const Tooltray = (props) => {
     "data-collapsed": collapsed,
     "data-collapsible": collapse
   };
-  return /* @__PURE__ */ jsx("div", {
-    ...rest,
-    ...tooltrayProps,
-    id: tooltrayId,
-    children: /* @__PURE__ */ jsxs("div", {
-      className: clsx("Responsive-inner"),
-      ref: innerContainerRef,
-      children: [
-        renderTrayTools(
-          collectionHook,
-          overflowedItems,
-          orientation,
-          collapsed
-        ),
-        overflowIndicator || collapsed ? /* @__PURE__ */ jsx(OverflowPanel, {
-          className: clsx("saltToolbarField"),
-          "data-index": collectionHook.data.length,
-          "data-overflow-indicator": true,
-          "data-priority": 1,
-          id: overflowIndicator == null ? void 0 : overflowIndicator.id,
-          triggerButtonIcon: overflowButtonIcon,
-          triggerButtonLabel: overflowButtonLabel,
-          children: overflowMenuItems
-        }) : null
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx("div", { ...rest, ...tooltrayProps, id: tooltrayId, children: /* @__PURE__ */ jsxs("div", { className: clsx("Responsive-inner"), ref: innerContainerRef, children: [
+    renderTrayTools(
+      collectionHook,
+      overflowedItems,
+      orientation,
+      collapsed
+    ),
+    overflowIndicator || collapsed ? /* @__PURE__ */ jsx(
+      OverflowPanel,
+      {
+        className: clsx("saltToolbarField"),
+        "data-index": collectionHook.data.length,
+        "data-overflow-indicator": true,
+        "data-priority": 1,
+        id: overflowIndicator == null ? void 0 : overflowIndicator.id,
+        triggerButtonIcon: overflowButtonIcon,
+        triggerButtonLabel: overflowButtonLabel,
+        children: overflowMenuItems
+      }
+    ) : null
+  ] }) });
 };
 
 export { Tooltray };

package/dist-es/toolbar/Tooltray.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltray.js","sources":["../src/toolbar/Tooltray.tsx"],"sourcesContent":["import { useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { cloneElement } from \"react\";\nimport { OverflowPanel } from \"./overflow-panel/OverflowPanel\";\n\nimport type { TooltrayProps } from \"./TooltrayProps\";\n\nimport { useOverflowCollectionItems } from \"../responsive/useOverflowCollectionItems\";\nimport { useOverflowLayout } from \"../responsive/useOverflowLayout\";\n\nimport { renderTrayTools } from \"./internal/renderTrayTools\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tooltrayCss from \"./Tooltray.css\";\n\nexport const Tooltray = (props: TooltrayProps) => {\n  const {\n    \"aria-label\": ariaLabel,\n    // Tooltray itself doesn't use these alignment props directly,\n    // they are read and used by the parent Toolbar\n    alignEnd,\n    alignStart,\n    children,\n    className: classNameProp,\n    collapse: collapseProp,\n    collapsed: collapsedProp,\n    \"data-collapsible\": collapse = collapseProp,\n    \"data-collapsed\": collapsed = collapsedProp,\n    id: idProp,\n    isInsidePanel = false,\n    overflowButtonIcon,\n    overflowButtonLabel,\n    orientation = \"horizontal\",\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tooltray\",\n    css: tooltrayCss,\n    window: targetWindow,\n  });\n  const tooltrayId = useIdMemo(idProp);\n\n  const className = clsx(\n    \"saltTooltray\",\n    classNameProp,\n    `saltTooltray-${orientation}`,\n    { \"saltTooltray-tooltrayOverflowed\": isInsidePanel },\n  );\n\n  const collectionHook = useOverflowCollectionItems({\n    children,\n    id: tooltrayId,\n    label: \"Tooltray\",\n    orientation,\n  });\n\n  const [innerContainerRef] = useOverflowLayout({\n    collectionHook,\n    id: tooltrayId,\n    orientation,\n    label: \"Tooltray\",\n  });\n  const overflowedItems = collapsed\n    ? collectionHook.data.filter((item) => !item.isOverflowIndicator)\n    : collectionHook.data.filter((item) => item.overflowed);\n\n  const overflowMenuItems = overflowedItems\n    .map((i) =>\n      cloneElement(collectionHook.data[i.index].element, {\n        \"data-is-inside-panel\": true,\n        key: i.index,\n      }),\n    )\n    .reverse();\n\n  const overflowIndicator = collectionHook.data.find(\n    (i) => i.isOverflowIndicator,\n  );\n\n  // bring them back when we get into overflow\n  const tooltrayProps = {\n    className,\n    \"data-collapsed\": collapsed,\n    \"data-collapsible\": collapse,\n  };\n\n  return (\n    <div {...rest} {...tooltrayProps} id={tooltrayId}>\n      <div className={clsx(\"Responsive-inner\")} ref={innerContainerRef}>\n        {renderTrayTools(\n          collectionHook,\n          overflowedItems,\n          orientation,\n          collapsed,\n        )}\n        {overflowIndicator || collapsed ? (\n          <OverflowPanel\n            className={clsx(\"saltToolbarField\")}\n            data-index={collectionHook.data.length}\n            data-overflow-indicator\n            data-priority={1}\n            id={overflowIndicator?.id}\n            triggerButtonIcon={overflowButtonIcon}\n            triggerButtonLabel={overflowButtonLabel}\n          >\n            {overflowMenuItems}\n          </OverflowPanel>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n"],"names":["tooltrayCss"],"mappings":"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"}
+{"version":3,"file":"Tooltray.js","sources":["../src/toolbar/Tooltray.tsx"],"sourcesContent":["import { useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { cloneElement } from \"react\";\nimport { OverflowPanel } from \"./overflow-panel/OverflowPanel\";\n\nimport type { TooltrayProps } from \"./TooltrayProps\";\n\nimport { useOverflowCollectionItems } from \"../responsive/useOverflowCollectionItems\";\nimport { useOverflowLayout } from \"../responsive/useOverflowLayout\";\n\nimport { renderTrayTools } from \"./internal/renderTrayTools\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tooltrayCss from \"./Tooltray.css\";\n\nexport const Tooltray = (props: TooltrayProps) => {\n  const {\n    \"aria-label\": ariaLabel,\n    // Tooltray itself doesn't use these alignment props directly,\n    // they are read and used by the parent Toolbar\n    alignEnd,\n    alignStart,\n    children,\n    className: classNameProp,\n    collapse: collapseProp,\n    collapsed: collapsedProp,\n    \"data-collapsible\": collapse = collapseProp,\n    \"data-collapsed\": collapsed = collapsedProp,\n    id: idProp,\n    isInsidePanel = false,\n    overflowButtonIcon,\n    overflowButtonLabel,\n    orientation = \"horizontal\",\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tooltray\",\n    css: tooltrayCss,\n    window: targetWindow,\n  });\n  const tooltrayId = useIdMemo(idProp);\n\n  const className = clsx(\n    \"saltTooltray\",\n    classNameProp,\n    `saltTooltray-${orientation}`,\n    { \"saltTooltray-tooltrayOverflowed\": isInsidePanel },\n  );\n\n  const collectionHook = useOverflowCollectionItems({\n    children,\n    id: tooltrayId,\n    label: \"Tooltray\",\n    orientation,\n  });\n\n  const [innerContainerRef] = useOverflowLayout({\n    collectionHook,\n    id: tooltrayId,\n    orientation,\n    label: \"Tooltray\",\n  });\n  const overflowedItems = collapsed\n    ? collectionHook.data.filter((item) => !item.isOverflowIndicator)\n    : collectionHook.data.filter((item) => item.overflowed);\n\n  const overflowMenuItems = overflowedItems\n    .map((i) =>\n      cloneElement(collectionHook.data[i.index].element, {\n        \"data-is-inside-panel\": true,\n        key: i.index,\n      }),\n    )\n    .reverse();\n\n  const overflowIndicator = collectionHook.data.find(\n    (i) => i.isOverflowIndicator,\n  );\n\n  // bring them back when we get into overflow\n  const tooltrayProps = {\n    className,\n    \"data-collapsed\": collapsed,\n    \"data-collapsible\": collapse,\n  };\n\n  return (\n    <div {...rest} {...tooltrayProps} id={tooltrayId}>\n      <div className={clsx(\"Responsive-inner\")} ref={innerContainerRef}>\n        {renderTrayTools(\n          collectionHook,\n          overflowedItems,\n          orientation,\n          collapsed,\n        )}\n        {overflowIndicator || collapsed ? (\n          <OverflowPanel\n            className={clsx(\"saltToolbarField\")}\n            data-index={collectionHook.data.length}\n            data-overflow-indicator\n            data-priority={1}\n            id={overflowIndicator?.id}\n            triggerButtonIcon={overflowButtonIcon}\n            triggerButtonLabel={overflowButtonLabel}\n          >\n            {overflowMenuItems}\n          </OverflowPanel>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n"],"names":["tooltrayCss"],"mappings":"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"}

package/dist-es/toolbar/internal/renderToolbarItems.js

@@ -13,7 +13,6 @@ const renderToolbarItems = (collectionHook, overflowedItems, orientation) => {
   const items = collectionHook.data;
   const collapseItems = items.filter(isCollapsedOrCollapsing);
   return items.filter((item) => !item.isOverflowIndicator).map((item, index) => {
-    var _a;
     const props = item.element.props;
     const overflowed = overflowedItems.findIndex((item2) => item2.index === index) === -1 ? void 0 : true;
     const collapseItem = collapseItems.find((item2) => item2.index === index);
@@ -45,7 +44,7 @@ const renderToolbarItems = (collectionHook, overflowedItems, orientation) => {
       id: item.id,
       key: item.id,
       "data-index": index,
-      "data-priority": (_a = props["data-priority"]) != null ? _a : 2,
+      "data-priority": props["data-priority"] ?? 2,
       "data-pad-start": dataPadStart || void 0,
       "data-pad-end": dataPadEnd || void 0,
       "data-collapsed": collapsed,
@@ -62,20 +61,18 @@ const renderToolbarItems = (collectionHook, overflowedItems, orientation) => {
         return cloneElement(item.element, {
           ...toolbarItemProps,
           children: cloneElement(props2.children, {
+            // Inject an id that nested Control can use to query status via context
             id: `toolbar-control-${item.id}`
           })
         });
       }
       default: {
         const [responsiveProps, componentProps] = liftResponsivePropsToFormField(item.element.props);
-        return /* @__PURE__ */ jsx(ToolbarField, {
-          ...responsiveProps,
-          ...toolbarItemProps,
-          children: cloneElement(item.element, {
-            ...componentProps,
-            id: `toolbar-control-${item.id}`
-          })
-        });
+        return /* @__PURE__ */ jsx(ToolbarField, { ...responsiveProps, ...toolbarItemProps, children: cloneElement(item.element, {
+          ...componentProps,
+          // Inject an id that nested Control can use to query status via context
+          id: `toolbar-control-${item.id}`
+        }) });
       }
     }
   });

package/dist-es/toolbar/internal/renderToolbarItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderToolbarItems.js","sources":["../src/toolbar/internal/renderToolbarItems.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, cloneElement } from \"react\";\n\nimport type { ToolbarAlignmentProps } from \"../ToolbarProps\";\nimport { ToolbarField, type ToolbarFieldProps } from \"../toolbar-field\";\n\nimport { Tooltray } from \"../Tooltray\";\n\nimport {\n  type OverflowCollectionHookResult,\n  type OverflowItem,\n  isCollapsedOrCollapsing,\n  liftResponsivePropsToFormField,\n  type orientationType,\n} from \"../../responsive\";\n\n// These are the props we use for item alignment, either from individual element\n// declarations - e.g Tooltray (alignLeft etc) or generic data- attributes\ninterface ToolbarElementProps\n  extends ToolbarAlignmentProps,\n    HTMLAttributes<HTMLDivElement> {\n  \"data-align-center\"?: boolean;\n  \"data-align-end\"?: boolean;\n  \"data-align-start\"?: boolean;\n  \"data-priority\"?: number;\n}\n\nexport const renderToolbarItems = (\n  collectionHook: OverflowCollectionHookResult,\n  overflowedItems: OverflowItem[],\n  orientation: orientationType,\n): JSX.Element[] => {\n  let centerAlign = false;\n  let rightAlign = false;\n\n  const items = collectionHook.data;\n  const collapseItems = items.filter(isCollapsedOrCollapsing);\n\n  return items\n    .filter((item) => !item.isOverflowIndicator)\n    .map((item: OverflowItem, index) => {\n      const props = item.element.props as ToolbarElementProps;\n      const overflowed =\n        overflowedItems.findIndex((item) => item.index === index) === -1\n          ? undefined\n          : true;\n      const collapseItem = collapseItems.find((item) => item.index === index);\n      const collapsed = collapseItem?.collapsed || undefined;\n      const collapsing = collapseItem?.collapsing || undefined;\n\n      const {\n        alignCenter: alignCenterProp,\n        alignEnd: alignEndProp,\n        alignStart: alignStartProp,\n        \"data-align-center\": alignCenter = alignCenterProp,\n        \"data-align-end\": alignEnd = alignEndProp,\n        \"data-align-start\": alignStart = alignStartProp,\n      } = props;\n\n      let dataPadStart = false;\n      let dataPadEnd = false;\n      if (alignCenter && !centerAlign) {\n        centerAlign = true;\n        dataPadStart = true;\n      } else if (centerAlign && !alignCenter) {\n        rightAlign = true;\n        dataPadStart = true;\n      } else if (alignEnd && !rightAlign) {\n        rightAlign = true;\n        dataPadStart = true;\n      } else if (alignStart) {\n        dataPadEnd = true;\n      }\n\n      const toolbarItemProps = {\n        id: item.id,\n        key: item.id,\n        \"data-index\": index,\n        \"data-priority\": props[\"data-priority\"] ?? 2,\n        \"data-pad-start\": dataPadStart || undefined,\n        \"data-pad-end\": dataPadEnd || undefined,\n        \"data-collapsed\": collapsed,\n        \"data-collapsing\": collapsing,\n        \"data-overflowed\": overflowed,\n        orientation,\n      };\n\n      if (item.element.type === Tooltray) {\n        return cloneElement(item.element, toolbarItemProps);\n      }\n      switch (item.element.type) {\n        case ToolbarField: {\n          const props = item.element.props as ToolbarFieldProps;\n          return cloneElement(item.element, {\n            ...toolbarItemProps,\n            children: cloneElement(props.children as ReactElement, {\n              // Inject an id that nested Control can use to query status via context\n              id: `toolbar-control-${item.id}`,\n            }),\n          } as ToolbarFieldProps);\n        }\n        default: {\n          const [responsiveProps, componentProps] =\n            liftResponsivePropsToFormField(item.element.props);\n\n          return (\n            <ToolbarField {...responsiveProps} {...toolbarItemProps}>\n              {cloneElement(item.element, {\n                ...componentProps,\n                // Inject an id that nested Control can use to query status via context\n                id: `toolbar-control-${item.id}`,\n              })}\n            </ToolbarField>\n          );\n        }\n      }\n    });\n};\n"],"names":["item","props"],"mappings":"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"}
+{"version":3,"file":"renderToolbarItems.js","sources":["../src/toolbar/internal/renderToolbarItems.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, cloneElement } from \"react\";\n\nimport type { ToolbarAlignmentProps } from \"../ToolbarProps\";\nimport { ToolbarField, type ToolbarFieldProps } from \"../toolbar-field\";\n\nimport { Tooltray } from \"../Tooltray\";\n\nimport {\n  type OverflowCollectionHookResult,\n  type OverflowItem,\n  isCollapsedOrCollapsing,\n  liftResponsivePropsToFormField,\n  type orientationType,\n} from \"../../responsive\";\n\n// These are the props we use for item alignment, either from individual element\n// declarations - e.g Tooltray (alignLeft etc) or generic data- attributes\ninterface ToolbarElementProps\n  extends ToolbarAlignmentProps,\n    HTMLAttributes<HTMLDivElement> {\n  \"data-align-center\"?: boolean;\n  \"data-align-end\"?: boolean;\n  \"data-align-start\"?: boolean;\n  \"data-priority\"?: number;\n}\n\nexport const renderToolbarItems = (\n  collectionHook: OverflowCollectionHookResult,\n  overflowedItems: OverflowItem[],\n  orientation: orientationType,\n): JSX.Element[] => {\n  let centerAlign = false;\n  let rightAlign = false;\n\n  const items = collectionHook.data;\n  const collapseItems = items.filter(isCollapsedOrCollapsing);\n\n  return items\n    .filter((item) => !item.isOverflowIndicator)\n    .map((item: OverflowItem, index) => {\n      const props = item.element.props as ToolbarElementProps;\n      const overflowed =\n        overflowedItems.findIndex((item) => item.index === index) === -1\n          ? undefined\n          : true;\n      const collapseItem = collapseItems.find((item) => item.index === index);\n      const collapsed = collapseItem?.collapsed || undefined;\n      const collapsing = collapseItem?.collapsing || undefined;\n\n      const {\n        alignCenter: alignCenterProp,\n        alignEnd: alignEndProp,\n        alignStart: alignStartProp,\n        \"data-align-center\": alignCenter = alignCenterProp,\n        \"data-align-end\": alignEnd = alignEndProp,\n        \"data-align-start\": alignStart = alignStartProp,\n      } = props;\n\n      let dataPadStart = false;\n      let dataPadEnd = false;\n      if (alignCenter && !centerAlign) {\n        centerAlign = true;\n        dataPadStart = true;\n      } else if (centerAlign && !alignCenter) {\n        rightAlign = true;\n        dataPadStart = true;\n      } else if (alignEnd && !rightAlign) {\n        rightAlign = true;\n        dataPadStart = true;\n      } else if (alignStart) {\n        dataPadEnd = true;\n      }\n\n      const toolbarItemProps = {\n        id: item.id,\n        key: item.id,\n        \"data-index\": index,\n        \"data-priority\": props[\"data-priority\"] ?? 2,\n        \"data-pad-start\": dataPadStart || undefined,\n        \"data-pad-end\": dataPadEnd || undefined,\n        \"data-collapsed\": collapsed,\n        \"data-collapsing\": collapsing,\n        \"data-overflowed\": overflowed,\n        orientation,\n      };\n\n      if (item.element.type === Tooltray) {\n        return cloneElement(item.element, toolbarItemProps);\n      }\n      switch (item.element.type) {\n        case ToolbarField: {\n          const props = item.element.props as ToolbarFieldProps;\n          return cloneElement(item.element, {\n            ...toolbarItemProps,\n            children: cloneElement(props.children as ReactElement, {\n              // Inject an id that nested Control can use to query status via context\n              id: `toolbar-control-${item.id}`,\n            }),\n          } as ToolbarFieldProps);\n        }\n        default: {\n          const [responsiveProps, componentProps] =\n            liftResponsivePropsToFormField(item.element.props);\n\n          return (\n            <ToolbarField {...responsiveProps} {...toolbarItemProps}>\n              {cloneElement(item.element, {\n                ...componentProps,\n                // Inject an id that nested Control can use to query status via context\n                id: `toolbar-control-${item.id}`,\n              })}\n            </ToolbarField>\n          );\n        }\n      }\n    });\n};\n"],"names":["item","props"],"mappings":"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"}

package/dist-es/toolbar/internal/renderTrayTools.js

@@ -9,13 +9,12 @@ const renderTrayTools = (collectionHook, overflowedItems, orientation, collapsed
   let index = -1;
   const items = collectionHook.data.filter((item) => !item.isOverflowIndicator);
   return items.map((item) => {
-    var _a;
     index += 1;
     const props = item.element.props;
     const overflowed = overflowedItems.findIndex((i) => i.index === index) === -1 ? void 0 : true;
     const toolbarItemProps = {
       "data-index": index,
-      "data-priority": (_a = props["data-priority"]) != null ? _a : 2,
+      "data-priority": props["data-priority"] ?? 2,
       "data-overflowed": overflowed,
       id: item.id,
       orientation
@@ -28,25 +27,33 @@ const renderTrayTools = (collectionHook, overflowedItems, orientation, collapsed
     }
     if (Object.keys(props).some(isResponsiveAttribute)) {
       const [toolbarProps, restProps] = liftResponsivePropsToFormField(props);
-      return /* @__PURE__ */ createElement(ToolbarField, {
-        ...toolbarProps,
+      return /* @__PURE__ */ createElement(
+        ToolbarField,
+        {
+          ...toolbarProps,
+          ...toolbarItemProps,
+          "data-index": index,
+          "data-priority": 2,
+          key: index,
+          "data-orientation": orientation
+        },
+        cloneElement(item.element, { ...restProps })
+      );
+    }
+    return /* @__PURE__ */ createElement(
+      ToolbarField,
+      {
         ...toolbarItemProps,
         "data-index": index,
+        "data-overflowed": overflowed,
         "data-priority": 2,
         key: index,
         "data-orientation": orientation
-      }, cloneElement(item.element, { ...restProps }));
-    }
-    return /* @__PURE__ */ createElement(ToolbarField, {
-      ...toolbarItemProps,
-      "data-index": index,
-      "data-overflowed": overflowed,
-      "data-priority": 2,
-      key: index,
-      "data-orientation": orientation
-    }, cloneElement(item.element, {
-      id: `tooltray-control-${item.id}`
-    }));
+      },
+      cloneElement(item.element, {
+        id: `tooltray-control-${item.id}`
+      })
+    );
   });
 };
 

package/dist-es/toolbar/internal/renderTrayTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTrayTools.js","sources":["../src/toolbar/internal/renderTrayTools.tsx"],"sourcesContent":["import React, { cloneElement, type ReactNode } from \"react\";\nimport type {\n  OverflowCollectionHookResult,\n  OverflowItem,\n} from \"../../responsive/overflowTypes\";\nimport {\n  isResponsiveAttribute,\n  liftResponsivePropsToFormField,\n} from \"../../responsive/utils\";\nimport type { OrientationShape } from \"../ToolbarProps\";\nimport { ToolbarField } from \"../toolbar-field/ToolbarField\";\n\ntype TooltrayItem = {\n  \"data-priority\"?: number | string;\n  className: string;\n};\n\nexport const renderTrayTools = (\n  collectionHook: OverflowCollectionHookResult,\n  overflowedItems: OverflowItem[],\n  orientation: OrientationShape,\n  collapsed?: boolean | string,\n): ReactNode => {\n  if (collapsed) {\n    return [];\n  }\n\n  let index = -1;\n\n  const items = collectionHook.data.filter((item) => !item.isOverflowIndicator);\n\n  return items.map((item) => {\n    index += 1;\n    const props = item.element.props as TooltrayItem;\n\n    const overflowed =\n      overflowedItems.findIndex((i) => i.index === index) === -1\n        ? undefined\n        : true;\n\n    const toolbarItemProps = {\n      \"data-index\": index,\n      \"data-priority\": props[\"data-priority\"] ?? 2,\n      \"data-overflowed\": overflowed,\n      id: item.id,\n      orientation,\n    };\n    if (item.element.type === ToolbarField) {\n      return cloneElement(item.element, {\n        key: index,\n        ...toolbarItemProps,\n      });\n    }\n    if (Object.keys(props).some(isResponsiveAttribute)) {\n      const [toolbarProps, restProps] = liftResponsivePropsToFormField(props);\n      return (\n        <ToolbarField\n          {...toolbarProps}\n          {...toolbarItemProps}\n          // don't think we need the data-index\n          data-index={index}\n          data-priority={2}\n          key={index}\n          data-orientation={orientation}\n        >\n          {/* We clone here just to remove the responsive props */}\n          {cloneElement(item.element, { ...restProps })}\n        </ToolbarField>\n      );\n    }\n    return (\n      <ToolbarField\n        {...toolbarItemProps}\n        data-index={index}\n        data-overflowed={overflowed}\n        data-priority={2}\n        key={index}\n        data-orientation={orientation}\n      >\n        {cloneElement(item.element, {\n          id: `tooltray-control-${item.id}`,\n        })}\n      </ToolbarField>\n    );\n  });\n};\n"],"names":[],"mappings":";;;;AAiBO,MAAM,eAAkB,GAAA,CAC7B,cACA,EAAA,eAAA,EACA,aACA,SACc,KAAA;AACd,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAEA,EAAA,IAAI,KAAQ,GAAA,CAAA,CAAA,CAAA;AAEZ,EAAM,MAAA,KAAA,GAAQ,eAAe,IAAK,CAAA,MAAA,CAAO,CAAC,IAAS,KAAA,CAAC,KAAK,mBAAmB,CAAA,CAAA;AAE5E,EAAO,OAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAS,KAAA;AA/B7B,IAAA,IAAA,EAAA,CAAA;AAgCI,IAAS,KAAA,IAAA,CAAA,CAAA;AACT,IAAM,MAAA,KAAA,GAAQ,KAAK,OAAQ,CAAA,KAAA,CAAA;AAE3B,IAAM,MAAA,UAAA,GACJ,eAAgB,CAAA,SAAA,CAAU,CAAC,CAAA,KAAM,EAAE,KAAU,KAAA,KAAK,CAAM,KAAA,CAAA,CAAA,GACpD,KACA,CAAA,GAAA,IAAA,CAAA;AAEN,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,YAAc,EAAA,KAAA;AAAA,MACd,eAAA,EAAA,CAAiB,EAAM,GAAA,KAAA,CAAA,eAAA,CAAA,KAAN,IAA0B,GAAA,EAAA,GAAA,CAAA;AAAA,MAC3C,iBAAmB,EAAA,UAAA;AAAA,MACnB,IAAI,IAAK,CAAA,EAAA;AAAA,MACT,WAAA;AAAA,KACF,CAAA;AACA,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,IAAA,KAAS,YAAc,EAAA;AACtC,MAAO,OAAA,YAAA,CAAa,KAAK,OAAS,EAAA;AAAA,QAChC,GAAK,EAAA,KAAA;AAAA,QACL,GAAG,gBAAA;AAAA,OACJ,CAAA,CAAA;AAAA,KACH;AACA,IAAA,IAAI,OAAO,IAAK,CAAA,KAAK,CAAE,CAAA,IAAA,CAAK,qBAAqB,CAAG,EAAA;AAClD,MAAA,MAAM,CAAC,YAAA,EAAc,SAAS,CAAA,GAAI,+BAA+B,KAAK,CAAA,CAAA;AACtE,MAAA,uBACG,aAAA,CAAA,YAAA,EAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACH,GAAG,gBAAA;AAAA,QAEJ,YAAY,EAAA,KAAA;AAAA,QACZ,eAAe,EAAA,CAAA;AAAA,QACf,GAAK,EAAA,KAAA;AAAA,QACL,kBAAkB,EAAA,WAAA;AAAA,OAAA,EAGjB,aAAa,IAAK,CAAA,OAAA,EAAS,EAAE,GAAG,SAAA,EAAW,CAC9C,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,uBACG,aAAA,CAAA,YAAA,EAAA;AAAA,MACE,GAAG,gBAAA;AAAA,MACJ,YAAY,EAAA,KAAA;AAAA,MACZ,iBAAiB,EAAA,UAAA;AAAA,MACjB,eAAe,EAAA,CAAA;AAAA,MACf,GAAK,EAAA,KAAA;AAAA,MACL,kBAAkB,EAAA,WAAA;AAAA,KAEjB,EAAA,YAAA,CAAa,KAAK,OAAS,EAAA;AAAA,MAC1B,EAAA,EAAI,oBAAoB,IAAK,CAAA,EAAA,CAAA,CAAA;AAAA,KAC9B,CACH,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"renderTrayTools.js","sources":["../src/toolbar/internal/renderTrayTools.tsx"],"sourcesContent":["import { type ReactNode, cloneElement } from \"react\";\nimport type {\n  OverflowCollectionHookResult,\n  OverflowItem,\n} from \"../../responsive/overflowTypes\";\nimport {\n  isResponsiveAttribute,\n  liftResponsivePropsToFormField,\n} from \"../../responsive/utils\";\nimport type { OrientationShape } from \"../ToolbarProps\";\nimport { ToolbarField } from \"../toolbar-field/ToolbarField\";\n\ntype TooltrayItem = {\n  \"data-priority\"?: number | string;\n  className: string;\n};\n\nexport const renderTrayTools = (\n  collectionHook: OverflowCollectionHookResult,\n  overflowedItems: OverflowItem[],\n  orientation: OrientationShape,\n  collapsed?: boolean | string,\n): ReactNode => {\n  if (collapsed) {\n    return [];\n  }\n\n  let index = -1;\n\n  const items = collectionHook.data.filter((item) => !item.isOverflowIndicator);\n\n  return items.map((item) => {\n    index += 1;\n    const props = item.element.props as TooltrayItem;\n\n    const overflowed =\n      overflowedItems.findIndex((i) => i.index === index) === -1\n        ? undefined\n        : true;\n\n    const toolbarItemProps = {\n      \"data-index\": index,\n      \"data-priority\": props[\"data-priority\"] ?? 2,\n      \"data-overflowed\": overflowed,\n      id: item.id,\n      orientation,\n    };\n    if (item.element.type === ToolbarField) {\n      return cloneElement(item.element, {\n        key: index,\n        ...toolbarItemProps,\n      });\n    }\n    if (Object.keys(props).some(isResponsiveAttribute)) {\n      const [toolbarProps, restProps] = liftResponsivePropsToFormField(props);\n      return (\n        <ToolbarField\n          {...toolbarProps}\n          {...toolbarItemProps}\n          // don't think we need the data-index\n          data-index={index}\n          data-priority={2}\n          key={index}\n          data-orientation={orientation}\n        >\n          {/* We clone here just to remove the responsive props */}\n          {cloneElement(item.element, { ...restProps })}\n        </ToolbarField>\n      );\n    }\n    return (\n      <ToolbarField\n        {...toolbarItemProps}\n        data-index={index}\n        data-overflowed={overflowed}\n        data-priority={2}\n        key={index}\n        data-orientation={orientation}\n      >\n        {cloneElement(item.element, {\n          id: `tooltray-control-${item.id}`,\n        })}\n      </ToolbarField>\n    );\n  });\n};\n"],"names":[],"mappings":";;;;AAiBO,MAAM,eAAkB,GAAA,CAC7B,cACA,EAAA,eAAA,EACA,aACA,SACc,KAAA;AACd,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,OAAO,EAAC;AAAA;AAGV,EAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AAEZ,EAAM,MAAA,KAAA,GAAQ,eAAe,IAAK,CAAA,MAAA,CAAO,CAAC,IAAS,KAAA,CAAC,KAAK,mBAAmB,CAAA;AAE5E,EAAO,OAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAS,KAAA;AACzB,IAAS,KAAA,IAAA,CAAA;AACT,IAAM,MAAA,KAAA,GAAQ,KAAK,OAAQ,CAAA,KAAA;AAE3B,IAAM,MAAA,UAAA,GACJ,eAAgB,CAAA,SAAA,CAAU,CAAC,CAAA,KAAM,EAAE,KAAU,KAAA,KAAK,CAAM,KAAA,CAAA,CAAA,GACpD,KACA,CAAA,GAAA,IAAA;AAEN,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,YAAc,EAAA,KAAA;AAAA,MACd,eAAA,EAAiB,KAAM,CAAA,eAAe,CAAK,IAAA,CAAA;AAAA,MAC3C,iBAAmB,EAAA,UAAA;AAAA,MACnB,IAAI,IAAK,CAAA,EAAA;AAAA,MACT;AAAA,KACF;AACA,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,IAAA,KAAS,YAAc,EAAA;AACtC,MAAO,OAAA,YAAA,CAAa,KAAK,OAAS,EAAA;AAAA,QAChC,GAAK,EAAA,KAAA;AAAA,QACL,GAAG;AAAA,OACJ,CAAA;AAAA;AAEH,IAAA,IAAI,OAAO,IAAK,CAAA,KAAK,CAAE,CAAA,IAAA,CAAK,qBAAqB,CAAG,EAAA;AAClD,MAAA,MAAM,CAAC,YAAA,EAAc,SAAS,CAAA,GAAI,+BAA+B,KAAK,CAAA;AACtE,MACE,uBAAA,aAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACE,GAAG,YAAA;AAAA,UACH,GAAG,gBAAA;AAAA,UAEJ,YAAY,EAAA,KAAA;AAAA,UACZ,eAAe,EAAA,CAAA;AAAA,UACf,GAAK,EAAA,KAAA;AAAA,UACL,kBAAkB,EAAA;AAAA,SAAA;AAAA,QAGjB,aAAa,IAAK,CAAA,OAAA,EAAS,EAAE,GAAG,WAAW;AAAA,OAC9C;AAAA;AAGJ,IACE,uBAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACE,GAAG,gBAAA;AAAA,QACJ,YAAY,EAAA,KAAA;AAAA,QACZ,iBAAiB,EAAA,UAAA;AAAA,QACjB,eAAe,EAAA,CAAA;AAAA,QACf,GAAK,EAAA,KAAA;AAAA,QACL,kBAAkB,EAAA;AAAA,OAAA;AAAA,MAEjB,YAAA,CAAa,KAAK,OAAS,EAAA;AAAA,QAC1B,EAAA,EAAI,CAAoB,iBAAA,EAAA,IAAA,CAAK,EAAE,CAAA;AAAA,OAChC;AAAA,KACH;AAAA,GAEH,CAAA;AACH;;;;"}