@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist-cjs/packages/lab/src/tokenized-input/useTokenizedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTokenizedInput.js","sources":["../src/tokenized-input/useTokenizedInput.tsx"],"sourcesContent":["//TODO remove when popout code has been migrated\n/* eslint-disable @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access */\nimport { ownerWindow, useControlled, useDensity, useId } from \"@salt-ds/core\";\nimport copy from \"clipboard-copy\";\nimport {\n  ChangeEvent,\n  FocusEvent,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  KeyboardEventHandler,\n  Ref,\n  SetStateAction,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { escapeRegExp, useEventCallback } from \"../utils\";\nimport { defaultItemToString } from \"./internal/defaultItemToString\";\nimport { getCursorPosition } from \"./internal/getCursorPosition\";\nimport { TokenizedInputProps } from \"./TokenizedInput\";\nimport { TokenizedInputBaseProps } from \"./TokenizedInputBase\";\nimport { useFormFieldProps } from \"../form-field-context\";\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  } = useFormFieldProps(); // FIXME: FormField Props\n\n  const density = useDensity();\n\n  const {\n    delimiter = \",\",\n    initialSelectedItems = [],\n    itemToString = defaultItemToString,\n    stringToItem = (_, value) => value.trim(),\n    disabled = formFieldDisabled,\n    disableAddOnBlur,\n    onFocus,\n    onBlur,\n    onClick,\n    onExpand,\n    onCollapse,\n    onKeyUp,\n    onKeyDown,\n    onInputSelect,\n    onInputChange,\n    onInputFocus,\n    onInputBlur,\n    onClear,\n    id: idProp,\n    value: valueProp,\n    expanded: expandedProp,\n    selectedItems: selectedItemsProp,\n    onChange: onChangeProp,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n\n  const [value, setValue, isInputControlled] = useControlled<\n    string | undefined\n  >({\n    controlled: valueProp,\n    default: \"\",\n    name: \"TokenizedInput\",\n    state: \"value\",\n  });\n\n  const [\n    // TODO: Check whether defaultValue of [] changes the logic\n    selectedItems = [],\n    setSelectedItems,\n    isSelectionControlled,\n  ] = useControlled<Item[] | undefined>({\n    controlled: selectedItemsProp,\n    default: initialSelectedItems,\n    name: \"TokenizedInput\",\n    state: \"selectedItems\",\n  });\n\n  const [expanded, setExpanded, isExpandedControlled] = useControlled<boolean>({\n    controlled: expandedProp,\n    default: false,\n    name: \"TokenizedInput\",\n    state: \"expanded\",\n  });\n\n  const [activeIndices, setActiveIndices] = useState<number[]>([]);\n  const [highlightedIndex, setHighlightedIndex] = useState<number | undefined>(\n    undefined\n  );\n  const [focused, setFocusedState] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const blurTimeout = useRef<number | null>(null);\n  const preventBlurOnCopy = useRef(false);\n  const hasActiveItems = Boolean(activeIndices.length);\n\n  const delimiters = ([] as string[]).concat(delimiter);\n  const primaryDelimiter = delimiters[0];\n  const delimiterRegex = new RegExp(\n    delimiters.map(escapeRegExp).join(\"|\"),\n    \"gi\"\n  );\n\n  const onChange = useEventCallback((selectedItems: Item[] | undefined) => {\n    if (onChangeProp) {\n      onChangeProp(selectedItems);\n    }\n  });\n\n  const cancelBlur = useCallback(() => {\n    if (blurTimeout.current) {\n      clearTimeout(blurTimeout.current);\n    }\n    blurTimeout.current = null;\n  }, []);\n\n  const focusInput = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n\n      if (popoutMode && setIsPoppedOut) {\n        setIsPoppedOut(true);\n      }\n    }\n  }, [popoutMode, setIsPoppedOut]);\n\n  useEffect(\n    () => () => {\n      cancelBlur();\n    },\n    [cancelBlur]\n  );\n\n  useEffect(() => {\n    if (expanded) {\n      focusInput();\n    }\n  }, [expanded, focusInput]);\n\n  useEffect(() => {\n    if (popoutMode && setManagedPopout) {\n      setManagedPopout(true);\n\n      setIntendedHeight(SINGLE_LINE_HEIGHT_MAP[density]);\n    }\n  }, [density, popoutMode, setIntendedHeight, setManagedPopout]);\n\n  const updateInputValue = (newValue: string | undefined) => {\n    if (!isInputControlled) {\n      setValue(newValue);\n    }\n  };\n\n  const updateSelectedItems = useCallback(\n    (action: SetStateAction<Item[] | undefined>) => {\n      if (!isSelectionControlled) {\n        setSelectedItems((prevSelectedItems?: Item[]) => {\n          const newItems =\n            typeof action === \"function\" ? action(prevSelectedItems) : action;\n\n          if (newItems !== prevSelectedItems) {\n            onChange(newItems);\n          }\n\n          return newItems;\n        });\n      } else {\n        onChange(typeof action === \"function\" ? action(selectedItems) : action);\n      }\n    },\n    [isSelectionControlled, setSelectedItems, onChange, selectedItems]\n  );\n\n  const updateExpanded = (newExpanded: boolean) => {\n    if (!isExpandedControlled) {\n      setExpanded(newExpanded);\n    }\n\n    if (newExpanded) {\n      onExpand && onExpand();\n    } else {\n      onCollapse && onCollapse();\n    }\n\n    if (popoutMode && popoutActions) {\n      popoutActions.refresh();\n    }\n  };\n\n  const setFocused = (newState: boolean) => {\n    setFocusedState(newState);\n  };\n\n  const resetInput = () => {\n    updateInputValue(\"\");\n    setHighlightedIndex(undefined);\n    setActiveIndices([]);\n  };\n\n  const removeItems = useCallback(\n    (itemIndices: number[]) => {\n      updateSelectedItems(\n        (prevSelectedItems) =>\n          prevSelectedItems &&\n          (prevSelectedItems.length === 0\n            ? prevSelectedItems\n            : prevSelectedItems.filter(\n                (_, index) => itemIndices.indexOf(index) === -1\n              ))\n      );\n    },\n    [updateSelectedItems]\n  );\n\n  const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n\n    // The input will lose focus when building the text to copy in a temporary\n    // DOM node. This is particularly visible in a slower browser, i.e. IE 11.\n    // This is to prevent a blur in that scenario.\n    if (preventBlurOnCopy.current) {\n      preventBlurOnCopy.current = false;\n      setActiveIndices(\n        Array.from(\n          { length: selectedItems ? selectedItems.length : 0 },\n          (_, index) => index\n        )\n      );\n      return;\n    }\n\n    setFocused(true);\n\n    if (onInputFocus) {\n      onInputFocus(event);\n    }\n\n    if (blurTimeout.current !== null) {\n      cancelBlur();\n    } else {\n      updateExpanded(true);\n\n      if (onFocus) {\n        onFocus(event);\n      }\n    }\n  };\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    event.stopPropagation();\n\n    setFocused(false);\n    setHighlightedIndex(undefined);\n    setActiveIndices([]);\n\n    if (onInputBlur) {\n      onInputBlur(event);\n    }\n\n    handleBlur(event);\n  };\n\n  const handleBlur = (\n    event: FocusEvent<HTMLInputElement | HTMLButtonElement>\n  ) => {\n    if (preventBlurOnCopy.current) {\n      return focusInput();\n    }\n\n    event.persist();\n\n    blurTimeout.current = setTimeout(() => {\n      blurTimeout.current = null;\n      updateExpanded(false);\n\n      if (!disableAddOnBlur) {\n        handleAddItems(value, true);\n      }\n\n      if (onBlur) {\n        onBlur(event);\n      }\n\n      if (popoutMode && setIsPoppedOut) {\n        setIsPoppedOut(false);\n      }\n    }, BLUR_TIMEOUT) as unknown as number;\n  };\n\n  const handleClick = (event: SyntheticEvent<HTMLElement>) => {\n    updateExpanded(true);\n    setActiveIndices([]);\n    focusInput();\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setHighlightedIndex(undefined);\n\n    if (onInputChange) {\n      onInputChange(event);\n    }\n\n    const newValue = event.target.value;\n\n    if (delimiterRegex.test(newValue)) {\n      // Process value with delimiters\n      handleAddItems(newValue);\n    } else {\n      // Just update input value if there is no delimiter\n      updateInputValue(newValue);\n    }\n  };\n\n  const handleAddItems = (\n    newValue: string | undefined,\n    appendOnly?: boolean\n  ) => {\n    if (!newValue || newValue.length === 0) {\n      return;\n    }\n\n    resetInput();\n\n    const newItems = newValue\n      .split(delimiterRegex)\n      .reduce<Item[]>((values, part) => {\n        const newItem = stringToItem(\n          hasActiveItems ? values : selectedItems.concat(values),\n          part\n        );\n        return isValidItem<Item>(newItem) ? values.concat(newItem) : values;\n      }, []);\n\n    if (newItems.length) {\n      updateSelectedItems((prevSelectedItems = []) =>\n        hasActiveItems && !appendOnly\n          ? newItems\n          : prevSelectedItems.concat(newItems)\n      );\n    }\n  };\n\n  const handleRemoveItem = useCallback(\n    (itemIndex?: number) => {\n      focusInput();\n      if (itemIndex) {\n        removeItems([itemIndex]);\n      }\n    },\n    [focusInput, removeItems]\n  );\n\n  const handleClear = (event: ChangeEvent<HTMLInputElement>) => {\n    updateSelectedItems([]);\n    resetInput();\n    focusInput();\n\n    if (onClear) {\n      onClear(event);\n    }\n\n    if (popoutMode && popoutActions) {\n      popoutActions.refresh();\n    }\n  };\n\n  const cursorAtInputStart = () =>\n    getCursorPosition(inputRef) === 0 && Boolean(selectedItems.length);\n\n  const highlightAtPillGroupEnd = () =>\n    highlightedIndex === selectedItems.length - 1;\n\n  const pillGroupKeyDownHandlers: {\n    [key: string]: KeyboardEventHandler<HTMLInputElement>;\n  } = {\n    ArrowLeft: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex) =>\n        prevHighlightedIndex == null\n          ? selectedItems.length - 1\n          : Math.max(0, prevHighlightedIndex - 1)\n      );\n    },\n    ArrowRight: (event) => {\n      if (highlightAtPillGroupEnd()) {\n        return setHighlightedIndex(undefined);\n      }\n\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex) =>\n        prevHighlightedIndex == null\n          ? prevHighlightedIndex\n          : Math.min(selectedItems.length - 1, prevHighlightedIndex + 1)\n      );\n    },\n    Backspace: (event) => {\n      event.preventDefault();\n      handleRemoveItem(highlightedIndex);\n      setHighlightedIndex((prevHighlightedIndex) =>\n        prevHighlightedIndex == null\n          ? prevHighlightedIndex\n          : Math.max(0, prevHighlightedIndex - 1)\n      );\n    },\n    Home: (event) => {\n      event.preventDefault();\n      setHighlightedIndex(0);\n    },\n    End: (event) => {\n      event.preventDefault();\n      setHighlightedIndex(selectedItems.length - 1);\n    },\n    Enter: (event) => {\n      event.preventDefault();\n      handleRemoveItem(highlightedIndex);\n    },\n    Delete: (event) => {\n      event.preventDefault();\n      handleRemoveItem(highlightedIndex);\n    },\n    \" \": (event) => {\n      event.preventDefault();\n      handleRemoveItem(highlightedIndex);\n    },\n  };\n\n  const inputKeyDownHandlers: {\n    [key: string]: KeyboardEventHandler<HTMLInputElement>;\n  } = {\n    ArrowLeft: (event) => {\n      if (cursorAtInputStart()) {\n        event.preventDefault();\n        setHighlightedIndex(selectedItems.length - 1);\n      }\n    },\n    Backspace: () => {\n      if (hasActiveItems) {\n        removeItems(activeIndices);\n      } else if (cursorAtInputStart()) {\n        setHighlightedIndex(selectedItems.length - 1);\n      }\n    },\n    Delete: () => {\n      if (hasActiveItems) {\n        removeItems(activeIndices);\n      }\n    },\n    Enter: (event) => {\n      event.preventDefault();\n\n      if (hasActiveItems) {\n        removeItems(activeIndices);\n      } else {\n        handleAddItems(value);\n      }\n    },\n  };\n\n  const handleCtrlModifierKeyDown: InputHTMLAttributes<HTMLInputElement>[\"onKeyDown\"] =\n    (event) => {\n      const win = ownerWindow(event.target as HTMLElement);\n      const supportClipboard = win.navigator && win.navigator.clipboard;\n\n      switch (event.key.toUpperCase()) {\n        case \"A\":\n          // Select all\n          setHighlightedIndex(undefined);\n          setActiveIndices(\n            Array.from({ length: selectedItems.length }, (_, index) => index)\n          );\n          break;\n        case \"C\":\n          // Copy\n          copy(\n            activeIndices\n              .map((index) => itemToString(selectedItems[index]))\n              .concat(value != null ? String(value).trim() : \"\")\n              .filter(Boolean)\n              .join(primaryDelimiter)\n          )\n            .then((result) => {\n              preventBlurOnCopy.current = !supportClipboard;\n              return result;\n            })\n            .catch((error) => {\n              console.error(error);\n            });\n          break;\n        case \"V\":\n          // Paste - do nothing and let handleChange deal with it\n          break;\n        case \"ARROWLEFT\":\n          pillGroupKeyDownHandlers.ArrowLeft(event);\n          break;\n        case \"ARROWRIGHT\":\n          pillGroupKeyDownHandlers.ArrowRight(event);\n          break;\n        case \"BACKSPACE\":\n          if (cursorAtInputStart()) {\n            handleRemoveItem(selectedItems.length - 1);\n          }\n          break;\n        case \"CONTROL\":\n        case \"META\":\n          // Do nothing\n          break;\n        default:\n          // Otherwise, reset active items\n          setActiveIndices([]);\n      }\n    };\n\n  const handleCommonKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    const eventKey = event.key.toUpperCase();\n\n    if (eventKey === \"ESCAPE\") {\n      event.preventDefault();\n      resetInput();\n    } else if (eventKey === \"TAB\" && !disableAddOnBlur) {\n      // Pressing Tab adds a new value\n      handleAddItems(value);\n    }\n  };\n\n  const handleKeyDown: InputHTMLAttributes<HTMLInputElement>[\"onKeyDown\"] = (\n    event\n  ) => {\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n    if (event.defaultPrevented) {\n      return;\n    }\n    if (\n      event.ctrlKey ||\n      event.metaKey ||\n      [\"CONTROL\", \"META\"].indexOf(event.key.toUpperCase()) !== -1\n    ) {\n      handleCtrlModifierKeyDown(event);\n    } else {\n      let handler;\n\n      if (highlightedIndex == null) {\n        handler = inputKeyDownHandlers[event.key];\n        setActiveIndices([]);\n      } else {\n        handler = pillGroupKeyDownHandlers[event.key];\n      }\n\n      if (handler != null) {\n        handler(event);\n      } else {\n        handleCommonKeyDown(event);\n      }\n    }\n\n    if (popoutMode && popoutActions) {\n      popoutActions.refresh();\n    }\n  };\n\n  const state: TokenizedInputState<Item> = {\n    value,\n    selectedItems,\n    activeIndices,\n    highlightedIndex,\n    expanded,\n    focused: !inFormField && focused,\n  };\n\n  const eventHandlers = {\n    // onFocus is a focus on the expand button\n    // It can also be triggered by a focus on the input\n    onFocus,\n    // onBlur is a blur from the expand button when it's collapsed\n    // It can also be triggered by the clear button\n    onBlur: expanded ? handleBlur : onBlur,\n    onClick: handleClick,\n    onInputSelect,\n    onInputChange: handleInputChange,\n    onInputFocus: handleInputFocus,\n    onInputBlur: handleInputBlur,\n    onKeyDown: handleKeyDown,\n    onRemoveItem: handleRemoveItem,\n    onClear: handleClear,\n  };\n\n  return {\n    inputRef,\n    state,\n    helpers: {\n      cancelBlur,\n      setValue,\n      setSelectedItems,\n      setHighlightedIndex,\n      setFocused,\n      updateExpanded,\n    },\n    inputProps: {\n      id,\n      itemToString,\n      disabled,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel,\n      ...state,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n\nconst validateProps = function validateProps<Item>(\n  props: TokenizedInputProps<Item>\n) {\n  if (process.env.NODE_ENV !== \"production\") {\n    const { delimiter } = props;\n\n    const invalidDelimiter = Array.isArray(delimiter)\n      ? delimiter.every(isChar)\n      : isChar(delimiter);\n\n    useEffect(() => {\n      console.warn(\n        \"TokenizedInput delimiter should be a single character or an array of single characters\"\n      );\n    }, [invalidDelimiter]);\n  }\n};\n\nconst isChar = (value: unknown) =>\n  typeof value === \"string\" && value.length === 1;\n"],"names":["useFormFieldProps","useDensity","defaultItemToString","value","useId","useControlled","useState","useRef","escapeRegExp","useEventCallback","selectedItems","useCallback","useEffect","getCursorPosition","ownerWindow","copy","validateProps"],"mappings":"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"}

package/dist-cjs/packages/lab/src/toolbar/Toolbar.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltToolbar {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-fontSize: var(--salt-text-fontSize);\n  /* --saltFormField-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\n/* .saltToolbarField:not([data-overflow-indicator]) > .saltButton {\n  --saltButton-fontSize: 0;\n  --saltButton-letterSpacing: 0;\n} */\n\n.saltToolbar > .Responsive-inner {\n  align-items: flex-start;\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-top: var(--salt-size-unit);\n  margin-right: var(--salt-size-unit);\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.saltFormField-labelLeft > .saltFormLabel {\n  padding-left: var(--salt-size-unit);\n}\n\n.saltToolbar .saltFormField-primary.saltFormField > .saltToolbarButton {\n  background: var(--toolbar-background);\n}\n.saltToolbar .saltFormField-primary.saltFormField > .saltToolbarButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n}\n.saltToolbar .saltFormField-primary.saltFormField > .saltButton-active,\n.saltToolbar .saltFormField-primary.saltFormField > .saltToolbarButton:active {\n  background: var(--salt-actionable-secondary-background-active) !important;\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";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Toolbar.css.js.map

package/dist-cjs/packages/lab/src/toolbar/Toolbar.css.js.map

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

package/dist-cjs/packages/lab/src/toolbar/Toolbar.js

@@ -1,124 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-var OverflowPanel = require('./overflow-panel/OverflowPanel.js');
-var OverflowSeparator = require('./overflow-panel/OverflowSeparator.js');
-var overflowUtils = require('../responsive/overflowUtils.js');
-require('../responsive/useResizeObserver.js');
-require('../utils/useFloatingUI.js');
-var useOverflowCollectionItems = require('../responsive/useOverflowCollectionItems.js');
-var useOverflowLayout = require('../responsive/useOverflowLayout.js');
-var renderToolbarItems = require('./internal/renderToolbarItems.js');
-var Tooltray = require('./Tooltray.js');
-require('./Toolbar.css.js');
-
-const classBase = "saltToolbar";
-const Toolbar = React.forwardRef(
-  function Toolbar2(props, ref) {
-    const {
-      TooltipComponent,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      children,
-      className,
-      id: idProp,
-      overflowButtonIcon,
-      overflowButtonLabel,
-      overflowButtonPlacement = "end",
-      responsive = true,
-      disabled = false,
-      orientation = "horizontal",
-      ...restProp
-    } = props;
-    const toolbarId = core.useIdMemo(idProp);
-    const containerRef = React.useRef(null);
-    const setContainerRef = core.useForkRef(ref, containerRef);
-    const collectionHook = useOverflowCollectionItems.useOverflowCollectionItems({
-      children,
-      id: toolbarId,
-      orientation,
-      label: "Toolbar"
-    });
-    const [innerContainerRef] = useOverflowLayout.useOverflowLayout({
-      collectionHook,
-      id: toolbarId,
-      orientation,
-      label: "Toolbar"
-    });
-    const overflowedItems = collectionHook.data.filter(overflowUtils.isOverflowed);
-    const overflowMenuItems = overflowedItems.reduce(
-      (items, item, i, arr) => {
-        const { element, id } = item;
-        if (element.type === Tooltray.Tooltray) {
-          const tooltrayProps = element.props;
-          const nestedElements = tooltrayProps.children;
-          items.push(
-            ...React.Children.map(
-              nestedElements,
-              (el) => React.cloneElement(el, {
-                "data-is-inside-panel": true,
-                key: id
-              })
-            )
-          );
-          if (i < arr.length - 1) {
-            items.push(/* @__PURE__ */ jsxRuntime.jsx(OverflowSeparator.OverflowSeparator, {}, `separator-${i}`));
-          }
-        } else {
-          items.push(
-            React.cloneElement(element, {
-              key: id,
-              "data-is-inside-panel": true
-            })
-          );
-        }
-        return items;
-      },
-      []
-    );
-    const overflowIndicator = collectionHook.data.find(
-      (i) => i.isOverflowIndicator
-    );
-    const overflowPanel = overflowIndicator ? /* @__PURE__ */ jsxRuntime.jsx(OverflowPanel.OverflowPanel, {
-      className: clsx.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__ */ jsxRuntime.jsx("div", {
-      "aria-label": ariaLabel,
-      "aria-labelledby": clsx.clsx(toolbarId, ariaLabelledBy),
-      "aria-orientation": orientation,
-      className: clsx.clsx(classBase, className, {
-        [`${classBase}-disabled`]: disabled,
-        [`${classBase}-nonResponsive`]: !responsive
-      }),
-      id: toolbarId,
-      ref: setContainerRef,
-      role: "toolbar",
-      ...restProp,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: "Responsive-inner",
-        ref: innerContainerRef,
-        "data-collapsing": collectionHook.data.some((item) => item.collapsing),
-        children: [
-          overflowButtonPlacement === "start" && overflowPanel,
-          renderToolbarItems.renderToolbarItems(collectionHook, overflowedItems, orientation),
-          overflowButtonPlacement === "end" && overflowPanel
-        ]
-      })
-    });
-  }
-);
-
-exports.Toolbar = Toolbar;
-//# sourceMappingURL=Toolbar.js.map

package/dist-cjs/packages/lab/src/toolbar/Toolbar.js.map

@@ -1 +0,0 @@
-{"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  cloneElement,\n  forwardRef,\n  ReactElement,\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 { renderToolbarItems } from \"./internal/renderToolbarItems\";\nimport { ToolbarProps } from \"./ToolbarProps\";\nimport { Tooltray } from \"./Tooltray\";\nimport { TooltrayProps } from \"./TooltrayProps\";\n\nimport \"./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 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-${i}`} />);\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":["forwardRef","Toolbar","useIdMemo","useRef","useForkRef","useOverflowCollectionItems","useOverflowLayout","isOverflowed","Tooltray","Children","cloneElement","jsx","OverflowSeparator","OverflowPanel","clsx","jsxs","renderToolbarItems"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,MAAM,SAAY,GAAA,aAAA,CAAA;AAKX,MAAM,OAAU,GAAAA,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,gBAAA;AAAA,MACA,YAAc,EAAA,SAAA;AAAA,MACd,iBAAmB,EAAA,cAAA;AAAA,MACnB,QAAA;AAAA,MACA,SAAA;AAAA,MACA,EAAI,EAAA,MAAA;AAAA,MACJ,kBAAA;AAAA,MACA,mBAAA;AAAA,MACA,uBAA0B,GAAA,KAAA;AAAA,MAC1B,UAAa,GAAA,IAAA;AAAA,MACb,QAAW,GAAA,KAAA;AAAA,MACX,WAAc,GAAA,YAAA;AAAA,MACX,GAAA,QAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,SAAA,GAAYC,eAAU,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,YAAA,GAAeC,aAAuB,IAAI,CAAA,CAAA;AAEhD,IAAM,MAAA,eAAA,GAAkBC,eAAW,CAAA,GAAA,EAAK,YAAY,CAAA,CAAA;AAEpD,IAAA,MAAM,iBAAiBC,qDAA2B,CAAA;AAAA,MAChD,QAAA;AAAA,MACA,EAAI,EAAA,SAAA;AAAA,MACJ,WAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,CAAC,iBAAiB,CAAA,GAAIC,mCAAkB,CAAA;AAAA,MAC5C,cAAA;AAAA,MACA,EAAI,EAAA,SAAA;AAAA,MACJ,WAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,eAAkB,GAAA,cAAA,CAAe,IAAK,CAAA,MAAA,CAAOC,0BAAY,CAAA,CAAA;AAE/D,IAAA,MAAM,oBAAoB,eAAgB,CAAA,MAAA;AAAA,MACxC,CAAC,KAAA,EAAO,IAAM,EAAA,CAAA,EAAG,GAAQ,KAAA;AACvB,QAAM,MAAA,EAAE,OAAS,EAAA,EAAA,EAAO,GAAA,IAAA,CAAA;AACxB,QAAI,IAAA,OAAA,CAAQ,SAASC,iBAAU,EAAA;AAC7B,UAAA,MAAM,gBAAgB,OAAQ,CAAA,KAAA,CAAA;AAC9B,UAAA,MAAM,iBAAiB,aAAc,CAAA,QAAA,CAAA;AACrC,UAAM,KAAA,CAAA,IAAA;AAAA,YACJ,GAAGC,cAAS,CAAA,GAAA;AAAA,cAAI,cAAA;AAAA,cAAgB,CAAC,EAC/B,KAAAC,kBAAA,CAAa,EAAI,EAAA;AAAA,gBACf,sBAAwB,EAAA,IAAA;AAAA,gBACxB,GAAK,EAAA,EAAA;AAAA,eACN,CAAA;AAAA,aACH;AAAA,WACF,CAAA;AACA,UAAI,IAAA,CAAA,GAAI,GAAI,CAAA,MAAA,GAAS,CAAG,EAAA;AACtB,YAAA,KAAA,CAAM,IAAK,iBAAAC,cAAA,CAACC,mCAAuB,EAAA,EAAA,EAAA,CAAA,UAAA,EAAa,GAAK,CAAE,CAAA,CAAA;AAAA,WACzD;AAAA,SACK,MAAA;AACL,UAAM,KAAA,CAAA,IAAA;AAAA,YACJF,mBAAa,OAAS,EAAA;AAAA,cACpB,GAAK,EAAA,EAAA;AAAA,cACL,sBAAwB,EAAA,IAAA;AAAA,aACzB,CAAA;AAAA,WACH,CAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,MACA,EAAC;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,eAAe,IAAK,CAAA,IAAA;AAAA,MAC5C,CAAC,MAAM,CAAE,CAAA,mBAAA;AAAA,KACX,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,oCACnBC,cAAA,CAAAE,2BAAA,EAAA;AAAA,MACC,SAAA,EAAWC,UAAK,kBAAkB,CAAA;AAAA,MAClC,YAAA,EAAY,eAAe,IAAK,CAAA,MAAA;AAAA,MAChC,yBAAuB,EAAA,IAAA;AAAA,MACvB,eAAe,EAAA,CAAA;AAAA,MACf,IAAI,iBAAkB,CAAA,EAAA;AAAA,MACtB,iBAAmB,EAAA,kBAAA;AAAA,MACnB,kBAAoB,EAAA,mBAAA;AAAA,MAEnB,QAAA,EAAA,iBAAA;AAAA,KACH,CACE,GAAA,IAAA,CAAA;AAIJ,IAAA,uBACGH,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,YAAY,EAAA,SAAA;AAAA,MAIZ,iBAAA,EAAiBG,SAAK,CAAA,SAAA,EAAW,cAAc,CAAA;AAAA,MAC/C,kBAAkB,EAAA,WAAA;AAAA,MAClB,SAAA,EAAWA,SAAK,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QACpC,CAAC,GAAG,SAAuB,CAAA,SAAA,CAAA,GAAA,QAAA;AAAA,QAE3B,CAAC,CAAG,EAAA,SAAA,CAAA,cAAA,CAAA,GAA4B,CAAC,UAAA;AAAA,OAClC,CAAA;AAAA,MACD,EAAI,EAAA,SAAA;AAAA,MACJ,GAAK,EAAA,eAAA;AAAA,MACL,IAAK,EAAA,SAAA;AAAA,MACJ,GAAG,QAAA;AAAA,MAEJ,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAU,EAAA,kBAAA;AAAA,QACV,GAAK,EAAA,iBAAA;AAAA,QACL,mBAAiB,cAAe,CAAA,IAAA,CAAK,KAAK,CAAC,IAAA,KAAS,KAAK,UAAU,CAAA;AAAA,QAElE,QAAA,EAAA;AAAA,UAAA,uBAAA,KAA4B,OAAW,IAAA,aAAA;AAAA,UACvCC,qCAAA,CAAmB,cAAgB,EAAA,eAAA,EAAiB,WAAW,CAAA;AAAA,UAC/D,4BAA4B,KAAS,IAAA,aAAA;AAAA,SAAA;AAAA,OACxC,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/toolbar/ToolbarButton.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* .saltToolbarButton {\n    outline: none !important;\n} */\n\n.saltToolbarButton:not([data-is-inside-panel]) {\n  --saltButton-fontSize: 0;\n  --saltButton-letterSpacing: 0;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ToolbarButton.css.js.map

package/dist-cjs/packages/lab/src/toolbar/ToolbarButton.css.js.map

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

package/dist-cjs/packages/lab/src/toolbar/ToolbarButton.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./ToolbarButton.css.js');
-
-const ToolbarButton = React.forwardRef(
-  function ToolbarButton2({ label, ...props }, forwardedRef) {
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-      variant: "secondary",
-      ...props,
-      className: "saltToolbarButton",
-      "data-overflow-label": label,
-      ref: forwardedRef
-    });
-  }
-);
-
-exports.ToolbarButton = ToolbarButton;
-//# sourceMappingURL=ToolbarButton.js.map

package/dist-cjs/packages/lab/src/toolbar/ToolbarButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButton.js","sources":["../src/toolbar/ToolbarButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button, ButtonProps } from \"@salt-ds/core\";\nimport \"./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    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":["forwardRef","ToolbarButton","jsx","Button"],"mappings":";;;;;;;;;AASO,MAAM,aAAgB,GAAAA,gBAAA;AAAA,EAC3B,SAASC,cAAc,CAAA,EAAE,KAAU,EAAA,GAAA,KAAA,IAAS,YAAc,EAAA;AACxD,IAAA,uBACGC,cAAA,CAAAC,WAAA,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;;;;"}

package/dist-cjs/packages/lab/src/toolbar/Tooltray.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltTooltray {\n  --toolbar-tooltray-height: var(--toolbar-size);\n}\n\n.saltTooltray {\n  background: inherit;\n  flex-shrink: 0;\n  flex-grow: 0;\n  position: relative;\n  overflow: hidden;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n.saltTooltray-horizontal {\n  height: var(--toolbar-tooltray-height);\n}\n\n.saltTooltray > .Responsive-inner > .saltToolbarField {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n.saltTooltray > .Responsive-inner {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  flex-wrap: nowrap;\n  gap: 0 !important;\n  justify-content: inherit;\n}\n\n/* .saltTooltray-horizontal > .Responsive-inner > :not(:last-child) { */\n.saltTooltray-horizontal > .Responsive-inner > * {\n  margin-top: var(--salt-size-unit);\n  margin-right: var(--salt-size-unit);\n}\n\n/* .saltTooltray-horizontal:first-child {\n  padding-left: var(--salt-size-unit);\n} */\n/* .saltTooltray-horizontal:last-child {\n  padding-right: var(--salt-size-unit);\n} */\n\n.saltTooltray-horizontal:not(:first-child) {\n  margin-left: var(--salt-size-unit);\n  padding-left: calc(var(--salt-size-unit) * 2);\n}\n.saltTooltray-horizontal:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  background: #c5c9d0;\n  top: 8px;\n  left: 0;\n  width: 1px;\n  height: 28px;\n}\n\n.saltTooltray > .Responsive-inner > .saltToolbarField {\n  flex: 0 0 auto;\n}\n\n.saltTooltray > .Responsive-inner > *[data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltTooltray[data-collapsible=\"dynamic\"] {\n  flex-shrink: 0;\n}\n.saltTooltray[data-collapsible=\"dynamic\"] > .Responsive-inner {\n  flex-wrap: wrap;\n}\n.saltTooltray[data-collapsing=\"true\"] {\n  flex-shrink: 1;\n}\n\n.saltTooltray[data-collapsed=\"true\"] {\n  flex-shrink: 1;\n}\n\n.saltTooltray[data-collapsible=\"dynamic\"][data-collapsed=\"true\"] {\n  flex-basis: 0;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Tooltray.css.js.map

package/dist-cjs/packages/lab/src/toolbar/Tooltray.css.js.map

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

package/dist-cjs/packages/lab/src/toolbar/Tooltray.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-var OverflowPanel = require('./overflow-panel/OverflowPanel.js');
-var useOverflowCollectionItems = require('../responsive/useOverflowCollectionItems.js');
-var useOverflowLayout = require('../responsive/useOverflowLayout.js');
-var renderTrayTools = require('./internal/renderTrayTools.js');
-require('./Tooltray.css.js');
-
-const Tooltray = (props) => {
-  const {
-    "aria-label": ariaLabel,
-    alignEnd,
-    alignStart,
-    children,
-    className: classNameProp,
-    collapse: collapseProp,
-    collapsed: collapsedProp,
-    "data-collapsible": collapse = collapseProp,
-    "data-collapsed": collapsed = collapsedProp,
-    id: idProp,
-    isInsidePanel = false,
-    overflowButtonIcon,
-    overflowButtonLabel,
-    orientation = "horizontal",
-    ...rest
-  } = props;
-  const tooltrayId = core.useIdMemo(idProp);
-  const className = clsx.clsx(
-    "saltTooltray",
-    classNameProp,
-    `saltTooltray-${orientation}`,
-    { "saltTooltray-tooltrayOverflowed": isInsidePanel }
-  );
-  const collectionHook = useOverflowCollectionItems.useOverflowCollectionItems({
-    children,
-    id: tooltrayId,
-    label: "Tooltray",
-    orientation
-  });
-  const [innerContainerRef] = useOverflowLayout.useOverflowLayout({
-    collectionHook,
-    id: tooltrayId,
-    orientation,
-    label: "Tooltray"
-  });
-  const overflowedItems = collapsed ? collectionHook.data.filter((item) => !item.isOverflowIndicator) : collectionHook.data.filter((item) => item.overflowed);
-  const overflowMenuItems = overflowedItems.map(
-    (i) => React.cloneElement(collectionHook.data[i.index].element, {
-      "data-is-inside-panel": true,
-      key: i.index
-    })
-  ).reverse();
-  const overflowIndicator = collectionHook.data.find(
-    (i) => i.isOverflowIndicator
-  );
-  const tooltrayProps = {
-    className,
-    "data-collapsed": collapsed,
-    "data-collapsible": collapse
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...rest,
-    ...tooltrayProps,
-    id: tooltrayId,
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx("Responsive-inner"),
-      ref: innerContainerRef,
-      children: [
-        renderTrayTools.renderTrayTools(
-          collectionHook,
-          overflowedItems,
-          orientation,
-          collapsed
-        ),
-        overflowIndicator || collapsed ? /* @__PURE__ */ jsxRuntime.jsx(OverflowPanel.OverflowPanel, {
-          className: clsx.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
-      ]
-    })
-  });
-};
-
-exports.Tooltray = Tooltray;
-//# sourceMappingURL=Tooltray.js.map

package/dist-cjs/packages/lab/src/toolbar/Tooltray.js.map

@@ -1 +0,0 @@
-{"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 { TooltrayProps } from \"./TooltrayProps\";\n\nimport { useOverflowCollectionItems } from \"../responsive/useOverflowCollectionItems\";\nimport { useOverflowLayout } from \"../responsive/useOverflowLayout\";\n\nimport { renderTrayTools } from \"./internal/renderTrayTools\";\n\nimport \"./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 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":["useIdMemo","clsx","useOverflowCollectionItems","useOverflowLayout","cloneElement","jsx","jsxs","renderTrayTools","OverflowPanel"],"mappings":"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"}

package/dist-cjs/packages/lab/src/toolbar/internal/renderToolbarItems.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var ToolbarField = require('../toolbar-field/ToolbarField.js');
-var Tooltray = require('../Tooltray.js');
-require('@salt-ds/core');
-var overflowUtils = require('../../responsive/overflowUtils.js');
-require('../../responsive/useResizeObserver.js');
-require('../../utils/useFloatingUI.js');
-var utils = require('../../responsive/utils.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const renderToolbarItems = (collectionHook, overflowedItems = [], orientation) => {
-  let centerAlign = false;
-  let rightAlign = false;
-  const items = collectionHook.data;
-  const collapseItems = items.filter(overflowUtils.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);
-    const collapsed = (collapseItem == null ? void 0 : collapseItem.collapsed) || void 0;
-    const collapsing = (collapseItem == null ? void 0 : collapseItem.collapsing) || void 0;
-    const {
-      alignCenter: alignCenterProp,
-      alignEnd: alignEndProp,
-      alignStart: alignStartProp,
-      "data-align-center": alignCenter = alignCenterProp,
-      "data-align-end": alignEnd = alignEndProp,
-      "data-align-start": alignStart = alignStartProp
-    } = props;
-    let dataPadStart = false;
-    let dataPadEnd = false;
-    if (alignCenter && !centerAlign) {
-      centerAlign = true;
-      dataPadStart = true;
-    } else if (centerAlign && !alignCenter) {
-      rightAlign = true;
-      dataPadStart = true;
-    } else if (alignEnd && !rightAlign) {
-      rightAlign = true;
-      dataPadStart = true;
-    } else if (alignStart) {
-      dataPadEnd = true;
-    }
-    const toolbarItemProps = {
-      id: item.id,
-      key: item.id,
-      "data-index": index,
-      "data-priority": (_a = props["data-priority"]) != null ? _a : 2,
-      "data-pad-start": dataPadStart || void 0,
-      "data-pad-end": dataPadEnd || void 0,
-      "data-collapsed": collapsed,
-      "data-collapsing": collapsing,
-      "data-overflowed": overflowed,
-      orientation
-    };
-    if (item.element.type === Tooltray.Tooltray) {
-      return React__default["default"].cloneElement(item.element, toolbarItemProps);
-    } else {
-      switch (item.element.type) {
-        case ToolbarField.ToolbarField:
-          const props2 = item.element.props;
-          return React__default["default"].cloneElement(item.element, {
-            ...toolbarItemProps,
-            children: React__default["default"].cloneElement(props2.children, {
-              id: `toolbar-control-${item.id}`
-            })
-          });
-        default:
-          const [responsiveProps, componentProps] = utils.liftResponsivePropsToFormField(item.element.props);
-          return /* @__PURE__ */ jsxRuntime.jsx(ToolbarField.ToolbarField, {
-            ...responsiveProps,
-            ...toolbarItemProps,
-            children: React__default["default"].cloneElement(item.element, {
-              ...componentProps,
-              id: `toolbar-control-${item.id}`
-            })
-          });
-      }
-    }
-  });
-};
-
-exports.renderToolbarItems = renderToolbarItems;
-//# sourceMappingURL=renderToolbarItems.js.map

package/dist-cjs/packages/lab/src/toolbar/internal/renderToolbarItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderToolbarItems.js","sources":["../src/toolbar/internal/renderToolbarItems.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactElement } from \"react\";\n\nimport { ToolbarAlignmentProps } from \"../ToolbarProps\";\nimport { ToolbarField, ToolbarFieldProps } from \"../toolbar-field\";\n\nimport { Tooltray } from \"../Tooltray\";\n\nimport {\n  isCollapsedOrCollapsing,\n  liftResponsivePropsToFormField,\n  orientationType,\n  OverflowCollectionHookResult,\n  OverflowItem,\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 React.cloneElement(item.element, toolbarItemProps);\n      } else {\n        switch (item.element.type) {\n          case ToolbarField:\n            const props = item.element.props as ToolbarFieldProps;\n            return React.cloneElement(item.element, {\n              ...toolbarItemProps,\n              children: React.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          default:\n            const [responsiveProps, componentProps] =\n              liftResponsivePropsToFormField(item.element.props);\n\n            return (\n              <ToolbarField {...responsiveProps} {...toolbarItemProps}>\n                {React.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":["isCollapsedOrCollapsing","item","Tooltray","React","ToolbarField","props","liftResponsivePropsToFormField","jsx"],"mappings":"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"}

package/dist-cjs/packages/lab/src/toolbar/overflow-panel/OverflowPanel.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltOverflowPanel.saltDropdown-popup {\n  background: var(--salt-container-primary-background);\n  border: solid 1px var(--salt-selectable-borderColor-hover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n}\n\n.saltOverflowPanel-content {\n  --saltButton-justifyContent: flex-start;\n  --saltDropdown-popup-maxHeight: auto;\n  align-items: stretch;\n  color: var(--salt-text-primary-foreground);\n  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);\n  display: flex;\n  flex-direction: column;\n  padding: calc(var(--salt-size-unit) * 1.5) 0;\n  outline: none;\n}\n\n.saltOverflowPanel [aria-expanded=\"true\"] {\n  --saltButton-background: var(--salt-actionable-secondary-background-active);\n  --saltButton-background-hover: var(--salt-actionable-secondary-background-active);\n  --saltIcon-color: var(--salt-actionable-secondary-foreground-active);\n}\n\n.saltOverflowPanel.saltDropdown {\n  --saltIcon-margin: 2px 0 0 0px;\n}\n\n.saltOverflowPanel.saltDropdown-popup .saltFormField:not(.saltFormField-toolbarButton) {\n  --saltFormField-margin: 0 12px 8px 12px;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=OverflowPanel.css.js.map

package/dist-cjs/packages/lab/src/toolbar/overflow-panel/OverflowPanel.css.js.map

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