@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-cjs/tokenized-input/useTokenizedInput.js

@@ -0,0 +1,523 @@
+'use strict';
+
+var core = require('@salt-ds/core');
+var copy = require('clipboard-copy');
+var react = require('react');
+require('../form-field-context-legacy/FormFieldLegacyContext.js');
+var useFormFieldLegacyProps = require('../form-field-context-legacy/useFormFieldLegacyProps.js');
+var escapeRegExp = require('../utils/escapeRegExp.js');
+var useEventCallback = require('../utils/useEventCallback.js');
+var defaultItemToString = require('./internal/defaultItemToString.js');
+var getCursorPosition = require('./internal/getCursorPosition.js');
+
+const BLUR_TIMEOUT = 200;
+const SINGLE_LINE_HEIGHT_MAP = {
+  touch: 45,
+  low: 36,
+  medium: 28,
+  high: 23
+};
+function isValidItem(data) {
+  return typeof data === "string" && Boolean(data.length) || typeof data !== "string" && data != null;
+}
+function useTokenizedInput(props) {
+  validateProps(props);
+  const {
+    inFormField,
+    // @ts-expect-error
+    popoutMode,
+    // @ts-expect-error
+    popoutActions,
+    // @ts-expect-error
+    setIsPoppedOut,
+    // @ts-expect-error
+    setManagedPopout,
+    // @ts-expect-error
+    setIntendedHeight,
+    a11yProps: {
+      "aria-labelledby": ariaLabelledBy,
+      disabled: formFieldDisabled
+    } = {}
+  } = useFormFieldLegacyProps.useFormFieldLegacyProps();
+  const density = core.useDensity();
+  const {
+    delimiter = ",",
+    initialSelectedItems = [],
+    itemToString = defaultItemToString.defaultItemToString,
+    stringToItem = (_, value2) => value2.trim(),
+    disabled = formFieldDisabled,
+    disableAddOnBlur,
+    onFocus,
+    onBlur,
+    onClick,
+    onExpand,
+    onCollapse,
+    onKeyUp,
+    onKeyDown,
+    onInputSelect,
+    onInputChange,
+    onInputFocus,
+    onInputBlur,
+    onClear,
+    id: idProp,
+    value: valueProp,
+    expanded: expandedProp,
+    selectedItems: selectedItemsProp,
+    onChange: onChangeProp,
+    "aria-label": ariaLabel,
+    ...restProps
+  } = props;
+  const id = core.useId(idProp);
+  const [value, setValue, isInputControlled] = core.useControlled({
+    controlled: valueProp,
+    default: "",
+    name: "TokenizedInput",
+    state: "value"
+  });
+  const [
+    // TODO: Check whether defaultValue of [] changes the logic
+    selectedItems = [],
+    setSelectedItems,
+    isSelectionControlled
+  ] = core.useControlled({
+    controlled: selectedItemsProp,
+    default: initialSelectedItems,
+    name: "TokenizedInput",
+    state: "selectedItems"
+  });
+  const [expanded, setExpanded, isExpandedControlled] = core.useControlled({
+    controlled: expandedProp,
+    default: false,
+    name: "TokenizedInput",
+    state: "expanded"
+  });
+  const [activeIndices, setActiveIndices] = react.useState([]);
+  const [highlightedIndex, setHighlightedIndex] = react.useState(
+    void 0
+  );
+  const [focused, setFocusedState] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const blurTimeout = react.useRef(null);
+  const preventBlurOnCopy = react.useRef(false);
+  const hasActiveItems = Boolean(activeIndices.length);
+  const delimiters = [].concat(delimiter);
+  const primaryDelimiter = delimiters[0];
+  const delimiterRegex = new RegExp(
+    delimiters.map(escapeRegExp.escapeRegExp).join("|"),
+    "gi"
+  );
+  const onChange = useEventCallback.useEventCallback((selectedItems2) => {
+    if (onChangeProp) {
+      onChangeProp(selectedItems2);
+    }
+  });
+  const cancelBlur = react.useCallback(() => {
+    if (blurTimeout.current) {
+      clearTimeout(blurTimeout.current);
+    }
+    blurTimeout.current = null;
+  }, []);
+  const focusInput = react.useCallback(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+      if (popoutMode && setIsPoppedOut) {
+        setIsPoppedOut(true);
+      }
+    }
+  }, [popoutMode, setIsPoppedOut]);
+  react.useEffect(
+    () => () => {
+      cancelBlur();
+    },
+    [cancelBlur]
+  );
+  react.useEffect(() => {
+    if (expanded) {
+      focusInput();
+    }
+  }, [expanded, focusInput]);
+  react.useEffect(() => {
+    if (popoutMode && setManagedPopout) {
+      setManagedPopout(true);
+      setIntendedHeight(SINGLE_LINE_HEIGHT_MAP[density]);
+    }
+  }, [density, popoutMode, setIntendedHeight, setManagedPopout]);
+  const updateInputValue = (newValue) => {
+    if (!isInputControlled) {
+      setValue(newValue);
+    }
+  };
+  const updateSelectedItems = react.useCallback(
+    (action) => {
+      if (!isSelectionControlled) {
+        setSelectedItems((prevSelectedItems) => {
+          const newItems = typeof action === "function" ? action(prevSelectedItems) : action;
+          if (newItems !== prevSelectedItems) {
+            onChange(newItems);
+          }
+          return newItems;
+        });
+      } else {
+        onChange(typeof action === "function" ? action(selectedItems) : action);
+      }
+    },
+    [isSelectionControlled, onChange, selectedItems]
+  );
+  const updateExpanded = (newExpanded) => {
+    if (!isExpandedControlled) {
+      setExpanded(newExpanded);
+    }
+    if (newExpanded) {
+      onExpand == null ? void 0 : onExpand();
+    } else {
+      onCollapse == null ? void 0 : onCollapse();
+    }
+    if (popoutMode && popoutActions) {
+      popoutActions.refresh();
+    }
+  };
+  const setFocused = (newState) => {
+    setFocusedState(newState);
+  };
+  const resetInput = () => {
+    updateInputValue("");
+    setHighlightedIndex(void 0);
+    setActiveIndices([]);
+  };
+  const removeItems = react.useCallback(
+    (itemIndices) => {
+      updateSelectedItems(
+        (prevSelectedItems) => prevSelectedItems && (prevSelectedItems.length === 0 ? prevSelectedItems : prevSelectedItems.filter(
+          (_, index) => itemIndices.indexOf(index) === -1
+        ))
+      );
+    },
+    [updateSelectedItems]
+  );
+  const handleInputFocus = (event) => {
+    event.stopPropagation();
+    if (preventBlurOnCopy.current) {
+      preventBlurOnCopy.current = false;
+      setActiveIndices(
+        Array.from(
+          { length: selectedItems ? selectedItems.length : 0 },
+          (_, index) => index
+        )
+      );
+      return;
+    }
+    setFocused(true);
+    if (onInputFocus) {
+      onInputFocus(event);
+    }
+    if (blurTimeout.current !== null) {
+      cancelBlur();
+    } else {
+      updateExpanded(true);
+      if (onFocus) {
+        onFocus(event);
+      }
+    }
+  };
+  const handleInputBlur = (event) => {
+    event.stopPropagation();
+    setFocused(false);
+    setHighlightedIndex(void 0);
+    setActiveIndices([]);
+    if (onInputBlur) {
+      onInputBlur(event);
+    }
+    handleBlur(event);
+  };
+  const handleBlur = (event) => {
+    if (preventBlurOnCopy.current) {
+      return focusInput();
+    }
+    event.persist();
+    blurTimeout.current = setTimeout(() => {
+      blurTimeout.current = null;
+      updateExpanded(false);
+      if (!disableAddOnBlur) {
+        handleAddItems(value, true);
+      }
+      if (onBlur) {
+        onBlur(event);
+      }
+      if (popoutMode && setIsPoppedOut) {
+        setIsPoppedOut(false);
+      }
+    }, BLUR_TIMEOUT);
+  };
+  const handleClick = (event) => {
+    updateExpanded(true);
+    setActiveIndices([]);
+    focusInput();
+    if (onClick) {
+      onClick(event);
+    }
+  };
+  const handleInputChange = (event) => {
+    setHighlightedIndex(void 0);
+    if (onInputChange) {
+      onInputChange(event);
+    }
+    const newValue = event.target.value;
+    if (delimiterRegex.test(newValue)) {
+      handleAddItems(newValue);
+    } else {
+      updateInputValue(newValue);
+    }
+  };
+  const handleAddItems = (newValue, appendOnly) => {
+    if (!newValue || newValue.length === 0) {
+      return;
+    }
+    resetInput();
+    const newItems = newValue.split(delimiterRegex).reduce((values, part) => {
+      const newItem = stringToItem(
+        hasActiveItems ? values : selectedItems.concat(values),
+        part
+      );
+      return isValidItem(newItem) ? values.concat(newItem) : values;
+    }, []);
+    if (newItems.length) {
+      updateSelectedItems(
+        (prevSelectedItems = []) => hasActiveItems && !appendOnly ? newItems : prevSelectedItems.concat(newItems)
+      );
+    }
+  };
+  const handleRemoveItem = react.useCallback(
+    (itemIndex) => {
+      focusInput();
+      if (itemIndex) {
+        removeItems([itemIndex]);
+      }
+    },
+    [focusInput, removeItems]
+  );
+  const handleClear = (event) => {
+    updateSelectedItems([]);
+    resetInput();
+    focusInput();
+    if (onClear) {
+      onClear(event);
+    }
+    if (popoutMode && popoutActions) {
+      popoutActions.refresh();
+    }
+  };
+  const cursorAtInputStart = () => getCursorPosition.getCursorPosition(inputRef) === 0 && Boolean(selectedItems.length);
+  const highlightAtPillGroupEnd = () => highlightedIndex === selectedItems.length - 1;
+  const pillGroupKeyDownHandlers = {
+    ArrowLeft: (event) => {
+      event.preventDefault();
+      setHighlightedIndex(
+        (prevHighlightedIndex) => prevHighlightedIndex == null ? selectedItems.length - 1 : Math.max(0, prevHighlightedIndex - 1)
+      );
+    },
+    ArrowRight: (event) => {
+      if (highlightAtPillGroupEnd()) {
+        return setHighlightedIndex(void 0);
+      }
+      event.preventDefault();
+      setHighlightedIndex(
+        (prevHighlightedIndex) => prevHighlightedIndex == null ? prevHighlightedIndex : Math.min(selectedItems.length - 1, prevHighlightedIndex + 1)
+      );
+    },
+    Backspace: (event) => {
+      event.preventDefault();
+      handleRemoveItem(highlightedIndex);
+      setHighlightedIndex(
+        (prevHighlightedIndex) => prevHighlightedIndex == null ? prevHighlightedIndex : Math.max(0, prevHighlightedIndex - 1)
+      );
+    },
+    Home: (event) => {
+      event.preventDefault();
+      setHighlightedIndex(0);
+    },
+    End: (event) => {
+      event.preventDefault();
+      setHighlightedIndex(selectedItems.length - 1);
+    },
+    Enter: (event) => {
+      event.preventDefault();
+      handleRemoveItem(highlightedIndex);
+    },
+    Delete: (event) => {
+      event.preventDefault();
+      handleRemoveItem(highlightedIndex);
+    },
+    " ": (event) => {
+      event.preventDefault();
+      handleRemoveItem(highlightedIndex);
+    }
+  };
+  const inputKeyDownHandlers = {
+    ArrowLeft: (event) => {
+      if (cursorAtInputStart()) {
+        event.preventDefault();
+        setHighlightedIndex(selectedItems.length - 1);
+      }
+    },
+    Backspace: () => {
+      if (hasActiveItems) {
+        removeItems(activeIndices);
+      } else if (cursorAtInputStart()) {
+        setHighlightedIndex(selectedItems.length - 1);
+      }
+    },
+    Delete: () => {
+      if (hasActiveItems) {
+        removeItems(activeIndices);
+      }
+    },
+    Enter: (event) => {
+      event.preventDefault();
+      if (hasActiveItems) {
+        removeItems(activeIndices);
+      } else {
+        handleAddItems(value);
+      }
+    }
+  };
+  const handleCtrlModifierKeyDown = (event) => {
+    var _a;
+    const win = core.ownerWindow(event.target);
+    const supportClipboard = (_a = win.navigator) == null ? void 0 : _a.clipboard;
+    switch (event.key.toUpperCase()) {
+      case "A":
+        setHighlightedIndex(void 0);
+        setActiveIndices(
+          Array.from({ length: selectedItems.length }, (_, index) => index)
+        );
+        break;
+      case "C":
+        copy(
+          activeIndices.map((index) => itemToString(selectedItems[index])).concat(value != null ? String(value).trim() : "").filter(Boolean).join(primaryDelimiter)
+        ).then((result) => {
+          preventBlurOnCopy.current = !supportClipboard;
+          return result;
+        }).catch((error) => {
+          console.error(error);
+        });
+        break;
+      case "V":
+        break;
+      case "ARROWLEFT":
+        pillGroupKeyDownHandlers.ArrowLeft(event);
+        break;
+      case "ARROWRIGHT":
+        pillGroupKeyDownHandlers.ArrowRight(event);
+        break;
+      case "BACKSPACE":
+        if (cursorAtInputStart()) {
+          handleRemoveItem(selectedItems.length - 1);
+        }
+        break;
+      case "CONTROL":
+      case "META":
+        break;
+      default:
+        setActiveIndices([]);
+    }
+  };
+  const handleCommonKeyDown = (event) => {
+    const eventKey = event.key.toUpperCase();
+    if (eventKey === "ESCAPE") {
+      event.preventDefault();
+      resetInput();
+    } else if (eventKey === "TAB" && !disableAddOnBlur) {
+      handleAddItems(value);
+    }
+  };
+  const handleKeyDown = (event) => {
+    if (onKeyDown) {
+      onKeyDown(event);
+    }
+    if (event.defaultPrevented) {
+      return;
+    }
+    if (event.ctrlKey || event.metaKey || ["CONTROL", "META"].indexOf(event.key.toUpperCase()) !== -1) {
+      handleCtrlModifierKeyDown(event);
+    } else {
+      let handler;
+      if (highlightedIndex == null) {
+        handler = inputKeyDownHandlers[event.key];
+        setActiveIndices([]);
+      } else {
+        handler = pillGroupKeyDownHandlers[event.key];
+      }
+      if (handler != null) {
+        handler(event);
+      } else {
+        handleCommonKeyDown(event);
+      }
+    }
+    if (popoutMode && popoutActions) {
+      popoutActions.refresh();
+    }
+  };
+  const state = {
+    value,
+    selectedItems,
+    activeIndices,
+    highlightedIndex,
+    expanded,
+    focused: !inFormField && focused
+  };
+  const eventHandlers = {
+    // onFocus is a focus on the expand button
+    // It can also be triggered by a focus on the input
+    onFocus,
+    // onBlur is a blur from the expand button when it's collapsed
+    // It can also be triggered by the clear button
+    onBlur: expanded ? handleBlur : onBlur,
+    onClick: handleClick,
+    onInputSelect,
+    onInputChange: handleInputChange,
+    onInputFocus: handleInputFocus,
+    onInputBlur: handleInputBlur,
+    onKeyDown: handleKeyDown,
+    onRemoveItem: handleRemoveItem,
+    onClear: handleClear
+  };
+  return {
+    inputRef,
+    state,
+    helpers: {
+      cancelBlur,
+      setValue,
+      setSelectedItems,
+      setHighlightedIndex,
+      setFocused,
+      updateExpanded
+    },
+    inputProps: {
+      id,
+      itemToString,
+      disabled,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-label": ariaLabel,
+      ...state,
+      ...restProps,
+      ...disabled ? {} : eventHandlers
+    }
+  };
+}
+const validateProps = function validateProps2(props) {
+  if (process.env.NODE_ENV !== "production") {
+    const { delimiter } = props;
+    const invalidDelimiter = Array.isArray(delimiter) ? delimiter.every(isChar) : isChar(delimiter);
+    react.useEffect(() => {
+      if (invalidDelimiter) {
+        console.warn(
+          "TokenizedInput delimiter should be a single character or an array of single characters"
+        );
+      }
+    }, [invalidDelimiter]);
+  }
+};
+const isChar = (value) => typeof value === "string" && value.length === 1;
+
+exports.useTokenizedInput = useTokenizedInput;
+//# sourceMappingURL=useTokenizedInput.js.map

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

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

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

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

package/dist-cjs/tokenized-input-next/TokenizedInputNext.css.js.map

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