@salt-ds/lab 1.0.0-alpha.76 → 1.0.0-alpha.78

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

@@ -1 +1 @@
-{"version":3,"file":"InputPill.js","sources":["../src/tokenized-input/internal/InputPill.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  Pill,\n  type PillProps,\n  useIcon,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type MutableRefObject, memo, useRef } from \"react\";\nimport { getWidth } from \"./useWidth\";\n\nconst withBaseName = makePrefixer(\"saltInputPill\");\n\nexport type InputPillProps = PillProps & {\n  /**\n   * An ref object holds pills index map to width.\n   */\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  /**\n   * Index of the pill within Input.\n   */\n  index: number;\n  /**\n   * Pill label.\n   */\n  label?: string;\n  /**\n   * Whether the pill is the last visible one within Input.\n   */\n  lastVisible?: boolean;\n  /**\n   * Whether the pill is highlighted.\n   */\n  highlighted?: boolean;\n  /**\n   * Whether the pill is active.\n   */\n  active?: boolean;\n  /**\n   * Callback when pill is deleted.\n   */\n  onDelete?: (index: number) => void;\n};\n\nexport const InputPill = memo(function InputPill(props: InputPillProps) {\n  const {\n    active,\n    className,\n    disabled,\n    hidden,\n    highlighted,\n    index,\n    label,\n    lastVisible,\n    onDelete,\n    pillsRef,\n    ...restProps\n  } = props;\n\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const isRemovable = Boolean(onDelete);\n  const { CloseIcon } = useIcon();\n  // useLayoutEffect to match the calcFirstHiddenIndex in TokenizedInputBase\n  // We need to collect widths before the calculation\n  useIsomorphicLayoutEffect(() => {\n    if (!isRemovable && pillsRef.current) {\n      pillsRef.current[index] = getWidth(ref.current);\n    }\n  }, [pillsRef, index, isRemovable, lastVisible]);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      pillsRef.current[index] = undefined;\n    },\n    [pillsRef, index],\n  );\n\n  const handleDelete = () => {\n    onDelete?.(index);\n  };\n\n  return (\n    <Pill\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"pillActive\")]: active || highlighted,\n          [withBaseName(\"pillLastVisible\")]: lastVisible,\n          [withBaseName(\"hidden\")]: hidden,\n        },\n        className,\n      )}\n      disabled={disabled}\n      tabIndex={-1}\n      onClick={isRemovable ? handleDelete : undefined}\n      ref={ref}\n      role=\"option\"\n      //  style={useMemo(() => ({ maxWidth }), [maxWidth])}\n      {...restProps}\n    >\n      <span className={withBaseName(\"label\")}>{label}</span>\n      {isRemovable && <CloseIcon />}\n    </Pill>\n  );\n});\n"],"names":["InputPill"],"mappings":";;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAiC1C,MAAM,SAAY,GAAA,IAAA,CAAK,SAASA,UAAAA,CAAU,KAAuB,EAAA;AACtE,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,GAAA,GAAM,OAAiC,IAAI,CAAA;AACjD,EAAM,MAAA,WAAA,GAAc,QAAQ,QAAQ,CAAA;AACpC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,OAAQ,EAAA;AAG9B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,WAAe,IAAA,QAAA,CAAS,OAAS,EAAA;AACpC,MAAA,QAAA,CAAS,OAAQ,CAAA,KAAK,CAAI,GAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA;AAChD,KACC,CAAC,QAAA,EAAU,KAAO,EAAA,WAAA,EAAa,WAAW,CAAC,CAAA;AAE9C,EAAA,yBAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAS,QAAA,CAAA,OAAA,CAAQ,KAAK,CAAI,GAAA,MAAA;AAAA,KAC5B;AAAA,IACA,CAAC,UAAU,KAAK;AAAA,GAClB;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAAA,GACb;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG,MAAU,IAAA,WAAA;AAAA,UACxC,CAAC,YAAA,CAAa,iBAAiB,CAAC,GAAG,WAAA;AAAA,UACnC,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,SAC5B;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAA;AAAA,MACA,QAAU,EAAA,EAAA;AAAA,MACV,OAAA,EAAS,cAAc,YAAe,GAAA,MAAA;AAAA,MACtC,GAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MAEJ,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,GAAI,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,QAC9C,WAAA,wBAAgB,SAAU,EAAA,EAAA;AAAA;AAAA;AAAA,GAC7B;AAEJ,CAAC;;;;"}
+{"version":3,"file":"InputPill.js","sources":["../src/tokenized-input/internal/InputPill.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  Pill,\n  type PillProps,\n  useIcon,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type MutableRefObject, memo, useRef } from \"react\";\nimport { getWidth } from \"./useWidth\";\n\nconst withBaseName = makePrefixer(\"saltInputPill\");\n\nexport type InputPillProps = PillProps & {\n  /**\n   * An ref object holds pills index map to width.\n   */\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  /**\n   * Index of the pill within Input.\n   */\n  index: number;\n  /**\n   * Pill label.\n   */\n  label?: string;\n  /**\n   * Whether the pill is the last visible one within Input.\n   */\n  lastVisible?: boolean;\n  /**\n   * Whether the pill is highlighted.\n   */\n  highlighted?: boolean;\n  /**\n   * Whether the pill is active.\n   */\n  active?: boolean;\n  /**\n   * Callback when pill is deleted.\n   */\n  onDelete?: (index: number) => void;\n};\n\nexport const InputPill = memo(function InputPill(props: InputPillProps) {\n  const {\n    active,\n    className,\n    disabled,\n    hidden,\n    highlighted,\n    index,\n    label,\n    lastVisible,\n    onDelete,\n    pillsRef,\n    ...restProps\n  } = props;\n\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const isRemovable = Boolean(onDelete);\n  const { CloseIcon } = useIcon();\n  // useLayoutEffect to match the calcFirstHiddenIndex in TokenizedInputBase\n  // We need to collect widths before the calculation\n  useIsomorphicLayoutEffect(() => {\n    if (!isRemovable && pillsRef.current) {\n      pillsRef.current[index] = getWidth(ref.current);\n    }\n  }, [pillsRef, index, isRemovable, lastVisible]);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      pillsRef.current[index] = undefined;\n    },\n    [pillsRef, index],\n  );\n\n  const handleDelete = () => {\n    onDelete?.(index);\n  };\n\n  return (\n    <Pill\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"pillActive\")]: active || highlighted,\n          [withBaseName(\"pillLastVisible\")]: lastVisible,\n          [withBaseName(\"hidden\")]: hidden,\n        },\n        className,\n      )}\n      disabled={disabled}\n      tabIndex={-1}\n      onClick={isRemovable ? handleDelete : undefined}\n      ref={ref}\n      role=\"option\"\n      //  style={useMemo(() => ({ maxWidth }), [maxWidth])}\n      {...restProps}\n    >\n      <span className={withBaseName(\"label\")}>{label}</span>\n      {isRemovable && <CloseIcon />}\n    </Pill>\n  );\n});\n"],"names":["InputPill"],"mappings":";;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAiC1C,MAAM,SAAA,GAAY,IAAA,CAAK,SAASA,UAAAA,CAAU,KAAA,EAAuB;AACtE,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,GAAA,GAAM,OAAiC,IAAI,CAAA;AACjD,EAAA,MAAM,WAAA,GAAc,QAAQ,QAAQ,CAAA;AACpC,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,OAAA,EAAQ;AAG9B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,WAAA,IAAe,QAAA,CAAS,OAAA,EAAS;AACpC,MAAA,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAA,GAAI,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAA,EAAU,KAAA,EAAO,WAAA,EAAa,WAAW,CAAC,CAAA;AAE9C,EAAA,yBAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA;AAAA,IAC5B,CAAA;AAAA,IACA,CAAC,UAAU,KAAK;AAAA,GAClB;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG,MAAA,IAAU,WAAA;AAAA,UACxC,CAAC,YAAA,CAAa,iBAAiB,CAAC,GAAG,WAAA;AAAA,UACnC,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,SAC5B;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAA;AAAA,MACA,QAAA,EAAU,EAAA;AAAA,MACV,OAAA,EAAS,cAAc,YAAA,GAAe,MAAA;AAAA,MACtC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MAEJ,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,OAAO,GAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC9C,WAAA,wBAAgB,SAAA,EAAA,EAAU;AAAA;AAAA;AAAA,GAC7B;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputRuler.js","sources":["../src/tokenized-input/internal/InputRuler.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type ForwardedRef, forwardRef, type InputHTMLAttributes } from \"react\";\nimport inputRuler from \"./InputRuler.css\";\n\nconst withBaseName = makePrefixer(\"saltInputRuler\");\n\n/**\n * This hidden component is used to wrap a copy of an input value\n * so that we can use it to determine the input width dynamically\n */\nexport const InputRuler = forwardRef(function InputRuler(\n  props: { value: InputHTMLAttributes<HTMLInputElement>[\"value\"] },\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { value } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-input-ruler\",\n    css: inputRuler,\n    window: targetWindow,\n  });\n\n  return (\n    <span className={withBaseName()} ref={ref}>\n      {value}\n    </span>\n  );\n});\n"],"names":["InputRuler","inputRuler"],"mappings":";;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAM3C,MAAM,UAAa,GAAA,UAAA,CAAW,SAASA,WAAAA,CAC5C,OACA,GACA,EAAA;AACA,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA;AAElB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,2BACG,MAAK,EAAA,EAAA,SAAA,EAAW,YAAa,EAAA,EAAG,KAC9B,QACH,EAAA,KAAA,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"InputRuler.js","sources":["../src/tokenized-input/internal/InputRuler.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { type ForwardedRef, forwardRef, type InputHTMLAttributes } from \"react\";\nimport inputRuler from \"./InputRuler.css\";\n\nconst withBaseName = makePrefixer(\"saltInputRuler\");\n\n/**\n * This hidden component is used to wrap a copy of an input value\n * so that we can use it to determine the input width dynamically\n */\nexport const InputRuler = forwardRef(function InputRuler(\n  props: { value: InputHTMLAttributes<HTMLInputElement>[\"value\"] },\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { value } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-input-ruler\",\n    css: inputRuler,\n    window: targetWindow,\n  });\n\n  return (\n    <span className={withBaseName()} ref={ref}>\n      {value}\n    </span>\n  );\n});\n"],"names":["InputRuler","inputRuler"],"mappings":";;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAM3C,MAAM,UAAA,GAAa,UAAA,CAAW,SAASA,WAAAA,CAC5C,OACA,GAAA,EACA;AACA,EAAA,MAAM,EAAE,OAAM,GAAI,KAAA;AAElB,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,kBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,2BACG,MAAA,EAAA,EAAK,SAAA,EAAW,YAAA,EAAa,EAAG,KAC9B,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ,CAAC;;;;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"getCursorPosition.js","sources":["../src/tokenized-input/internal/getCursorPosition.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nexport const getCursorPosition = (\n  inputRef: MutableRefObject<HTMLInputElement | null>,\n) => {\n  if (inputRef.current) {\n    const { selectionStart, selectionEnd } = inputRef.current;\n\n    // if there is no selection range\n    if (selectionStart != null && selectionStart === selectionEnd) {\n      return selectionStart;\n    }\n  }\n\n  return -1;\n};\n"],"names":[],"mappings":"AACa,MAAA,iBAAA,GAAoB,CAC/B,QACG,KAAA;AACH,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,QAAS,CAAA,OAAA;AAGlD,IAAI,IAAA,cAAA,IAAkB,IAAQ,IAAA,cAAA,KAAmB,YAAc,EAAA;AAC7D,MAAO,OAAA,cAAA;AAAA;AACT;AAGF,EAAO,OAAA,EAAA;AACT;;;;"}
+{"version":3,"file":"getCursorPosition.js","sources":["../src/tokenized-input/internal/getCursorPosition.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nexport const getCursorPosition = (\n  inputRef: MutableRefObject<HTMLInputElement | null>,\n) => {\n  if (inputRef.current) {\n    const { selectionStart, selectionEnd } = inputRef.current;\n\n    // if there is no selection range\n    if (selectionStart != null && selectionStart === selectionEnd) {\n      return selectionStart;\n    }\n  }\n\n  return -1;\n};\n"],"names":[],"mappings":"AACO,MAAM,iBAAA,GAAoB,CAC/B,QAAA,KACG;AACH,EAAA,IAAI,SAAS,OAAA,EAAS;AACpB,IAAA,MAAM,EAAE,cAAA,EAAgB,YAAA,EAAa,GAAI,QAAA,CAAS,OAAA;AAGlD,IAAA,IAAI,cAAA,IAAkB,IAAA,IAAQ,cAAA,KAAmB,YAAA,EAAc;AAC7D,MAAA,OAAO,cAAA;AAAA,IACT;AAAA,EACF;AAEA,EAAA,OAAO,EAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"isPlainObject.js","sources":["../src/tokenized-input/internal/isPlainObject.ts"],"sourcesContent":["// biome-ignore lint/suspicious/noExplicitAny: this is a valid use case for `any`\nexport type PlainObject = { [name: string]: any };\n\n// biome-ignore lint/suspicious/noExplicitAny: this is a valid use case for `any`\nexport const isPlainObject = (obj: any): obj is PlainObject =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":"AAIa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}
+{"version":3,"file":"isPlainObject.js","sources":["../src/tokenized-input/internal/isPlainObject.ts"],"sourcesContent":["// biome-ignore lint/suspicious/noExplicitAny: this is a valid use case for `any`\nexport type PlainObject = { [name: string]: any };\n\n// biome-ignore lint/suspicious/noExplicitAny: this is a valid use case for `any`\nexport const isPlainObject = (obj: any): obj is PlainObject =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":"AAIO,MAAM,aAAA,GAAgB,CAAC,GAAA,KAC5B,MAAA,CAAO,UAAU,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../src/tokenized-input/internal/useResizeObserver.ts"],"sourcesContent":["// TODO: Use resize observer from Tabstrip / Toolbar\n\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type Ref, useEffect, useRef } from \"react\";\n\n/**\n * This monitors the size of a component and calls `onSizeChange` callback\n * every time when size changes.\n */\nexport function useResizeObserver<Element extends HTMLElement>(\n  onSizeChange: (\n    entries: ResizeObserverEntry[],\n    observer?: ResizeObserver,\n  ) => void,\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    if (!ref.current) {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(onSizeChange);\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      onSizeChange([\n        {\n          target: ref.current,\n          contentRect: ref.current.getBoundingClientRect(),\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ]);\n    }\n  }, [onSizeChange]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;;AASO,SAAS,kBACd,YAIc,EAAA;AACd,EAAM,MAAA,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,MAAA;AAAA;AAGT,IAAM,MAAA,QAAA,GAAW,IAAI,cAAA,CAAe,YAAY,CAAA;AAChD,IAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAW,EAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAI,OAAS,EAAA;AACf,MAAa,YAAA,CAAA;AAAA,QACX;AAAA,UACE,QAAQ,GAAI,CAAA,OAAA;AAAA,UACZ,WAAA,EAAa,GAAI,CAAA,OAAA,CAAQ,qBAAsB,EAAA;AAAA,UAC/C,eAAe,EAAC;AAAA,UAChB,gBAAgB,EAAC;AAAA,UACjB,2BAA2B;AAAC;AAC9B,OACD,CAAA;AAAA;AACH,GACF,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAO,OAAA,GAAA;AACT;;;;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../src/tokenized-input/internal/useResizeObserver.ts"],"sourcesContent":["// TODO: Use resize observer from Tabstrip / Toolbar\n\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type Ref, useEffect, useRef } from \"react\";\n\n/**\n * This monitors the size of a component and calls `onSizeChange` callback\n * every time when size changes.\n */\nexport function useResizeObserver<Element extends HTMLElement>(\n  onSizeChange: (\n    entries: ResizeObserverEntry[],\n    observer?: ResizeObserver,\n  ) => void,\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    if (!ref.current) {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(onSizeChange);\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      onSizeChange([\n        {\n          target: ref.current,\n          contentRect: ref.current.getBoundingClientRect(),\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ]);\n    }\n  }, [onSizeChange]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;;AASO,SAAS,kBACd,YAAA,EAIc;AACd,EAAA,MAAM,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAChB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,YAAY,CAAA;AAChD,IAAA,QAAA,CAAS,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAI,OAAA,EAAS;AACf,MAAA,YAAA,CAAa;AAAA,QACX;AAAA,UACE,QAAQ,GAAA,CAAI,OAAA;AAAA,UACZ,WAAA,EAAa,GAAA,CAAI,OAAA,CAAQ,qBAAA,EAAsB;AAAA,UAC/C,eAAe,EAAC;AAAA,UAChB,gBAAgB,EAAC;AAAA,UACjB,2BAA2B;AAAC;AAC9B,OACD,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,OAAO,GAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useWidth.js","sources":["../src/tokenized-input/internal/useWidth.ts"],"sourcesContent":["import { type Density, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useState } from \"react\";\n\nconst safeParseFloat = (target?: string) => Number.parseFloat(target || \"0\");\n\nexport const getWidth = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n\n  const style = window.getComputedStyle(node);\n  const margin =\n    safeParseFloat(style.marginLeft) + safeParseFloat(style.marginRight);\n\n  let dimension: DOMRect;\n\n  if (style.display === \"none\") {\n    const nodeDisplay = node.style.display;\n\n    node.style.display = \"inline-block\";\n    dimension = node.getBoundingClientRect();\n    node.style.display = nodeDisplay;\n  } else {\n    dimension = node.getBoundingClientRect();\n  }\n\n  return dimension.width + margin;\n};\n\n/**\n * This records the width of a component when it's rendered\n */\nexport const useWidth = (\n  density: Density,\n  // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n): [(newNode: any) => void, number] => {\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [width, setWidth] = useState<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (node !== null && density) {\n      setWidth(getWidth(node));\n    }\n  }, [node, density]);\n\n  return [setNode, width];\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,CAAC,MAAA,KAAoB,MAAO,CAAA,UAAA,CAAW,UAAU,GAAG,CAAA;AAE9D,MAAA,QAAA,GAAW,CAAC,IAA6B,KAAA;AACpD,EAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,IAAO,OAAA,CAAA;AAAA;AAGT,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,IAAI,CAAA;AAC1C,EAAA,MAAM,SACJ,cAAe,CAAA,KAAA,CAAM,UAAU,CAAI,GAAA,cAAA,CAAe,MAAM,WAAW,CAAA;AAErE,EAAI,IAAA,SAAA;AAEJ,EAAI,IAAA,KAAA,CAAM,YAAY,MAAQ,EAAA;AAC5B,IAAM,MAAA,WAAA,GAAc,KAAK,KAAM,CAAA,OAAA;AAE/B,IAAA,IAAA,CAAK,MAAM,OAAU,GAAA,cAAA;AACrB,IAAA,SAAA,GAAY,KAAK,qBAAsB,EAAA;AACvC,IAAA,IAAA,CAAK,MAAM,OAAU,GAAA,WAAA;AAAA,GAChB,MAAA;AACL,IAAA,SAAA,GAAY,KAAK,qBAAsB,EAAA;AAAA;AAGzC,EAAA,OAAO,UAAU,KAAQ,GAAA,MAAA;AAC3B;AAKa,MAAA,QAAA,GAAW,CACtB,OAEqC,KAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,IAAI,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,CAAC,CAAA;AAE5C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,IAAA,KAAS,QAAQ,OAAS,EAAA;AAC5B,MAAS,QAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA;AACzB,GACC,EAAA,CAAC,IAAM,EAAA,OAAO,CAAC,CAAA;AAElB,EAAO,OAAA,CAAC,SAAS,KAAK,CAAA;AACxB;;;;"}
+{"version":3,"file":"useWidth.js","sources":["../src/tokenized-input/internal/useWidth.ts"],"sourcesContent":["import { type Density, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useState } from \"react\";\n\nconst safeParseFloat = (target?: string) => Number.parseFloat(target || \"0\");\n\nexport const getWidth = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n\n  const style = window.getComputedStyle(node);\n  const margin =\n    safeParseFloat(style.marginLeft) + safeParseFloat(style.marginRight);\n\n  let dimension: DOMRect;\n\n  if (style.display === \"none\") {\n    const nodeDisplay = node.style.display;\n\n    node.style.display = \"inline-block\";\n    dimension = node.getBoundingClientRect();\n    node.style.display = nodeDisplay;\n  } else {\n    dimension = node.getBoundingClientRect();\n  }\n\n  return dimension.width + margin;\n};\n\n/**\n * This records the width of a component when it's rendered\n */\nexport const useWidth = (\n  density: Density,\n  // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n): [(newNode: any) => void, number] => {\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [width, setWidth] = useState<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (node !== null && density) {\n      setWidth(getWidth(node));\n    }\n  }, [node, density]);\n\n  return [setNode, width];\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,CAAC,MAAA,KAAoB,MAAA,CAAO,UAAA,CAAW,UAAU,GAAG,CAAA;AAEpE,MAAM,QAAA,GAAW,CAAC,IAAA,KAA6B;AACpD,EAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,gBAAA,CAAiB,IAAI,CAAA;AAC1C,EAAA,MAAM,SACJ,cAAA,CAAe,KAAA,CAAM,UAAU,CAAA,GAAI,cAAA,CAAe,MAAM,WAAW,CAAA;AAErE,EAAA,IAAI,SAAA;AAEJ,EAAA,IAAI,KAAA,CAAM,YAAY,MAAA,EAAQ;AAC5B,IAAA,MAAM,WAAA,GAAc,KAAK,KAAA,CAAM,OAAA;AAE/B,IAAA,IAAA,CAAK,MAAM,OAAA,GAAU,cAAA;AACrB,IAAA,SAAA,GAAY,KAAK,qBAAA,EAAsB;AACvC,IAAA,IAAA,CAAK,MAAM,OAAA,GAAU,WAAA;AAAA,EACvB,CAAA,MAAO;AACL,IAAA,SAAA,GAAY,KAAK,qBAAA,EAAsB;AAAA,EACzC;AAEA,EAAA,OAAO,UAAU,KAAA,GAAQ,MAAA;AAC3B;AAKO,MAAM,QAAA,GAAW,CACtB,OAAA,KAEqC;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,IAAI,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,CAAC,CAAA;AAE5C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAA,KAAS,QAAQ,OAAA,EAAS;AAC5B,MAAA,QAAA,CAAS,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,OAAO,CAAC,CAAA;AAElB,EAAA,OAAO,CAAC,SAAS,KAAK,CAAA;AACxB;;;;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputPill.js","sources":["../src/tokenized-input-next/internal/InputPill.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  Pill,\n  type PillProps,\n  Tooltip,\n  useIcon,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type MutableRefObject,\n  memo,\n  type SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\nimport inputPillCss from \"./InputPill.css\";\nimport { getWidth } from \"./useWidth\";\n\nconst withBaseName = makePrefixer(\"saltInputPill\");\n\nexport type InputPillProps = PillProps & {\n  /**\n   * A ref object holds pills index map to width.\n   */\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  /**\n   * Index of the pill within Input.\n   */\n  index: number;\n  /**\n   * Whether the pill is the last visible one within Input.\n   */\n  lastVisible?: boolean;\n  /**\n   * Pill label.\n   */\n  label?: string;\n  /**\n   * Whether the pill is highlighted.\n   */\n  highlighted?: boolean;\n\n  /**\n   * Callback when pill is deleted.\n   */\n  onClose?: (event: SyntheticEvent, index: number) => void;\n};\n\nexport const InputPill = memo(function InputPill(props: InputPillProps) {\n  const {\n    className,\n    hidden,\n    highlighted,\n    index,\n    label,\n    onClose,\n    pillsRef,\n    ...rest\n  } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-input-pill\",\n    css: inputPillCss,\n    window: targetWindow,\n  });\n\n  const { CloseIcon } = useIcon();\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const [isEllipsisActive, setEllipsisActive] = useState(false);\n  const isRemovable = Boolean(onClose);\n\n  // useIsomorphicLayoutEffect to match the calcFirstHiddenIndex\n  // We need to collect widths before the calculation\n  useIsomorphicLayoutEffect(() => {\n    const text = ref?.current?.firstElementChild as HTMLElement;\n    if (!isRemovable && pillsRef.current) {\n      pillsRef.current[index] = getWidth(ref.current);\n    }\n    setEllipsisActive(text?.offsetWidth < text?.scrollWidth);\n  }, [pillsRef, index, isRemovable]);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      pillsRef.current[index] = undefined;\n    },\n    [pillsRef, index],\n  );\n\n  const handleClose = (event: SyntheticEvent) => {\n    onClose?.(event, index);\n  };\n  return (\n    <Tooltip content={label} disabled={!isEllipsisActive}>\n      <Pill\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"pillHighlighted\")]: highlighted,\n            [withBaseName(\"expanded\")]: isRemovable,\n            [withBaseName(\"hidden\")]: hidden,\n          },\n          className,\n        )}\n        tabIndex={-1}\n        onClick={isRemovable ? handleClose : undefined}\n        ref={ref}\n        role=\"option\"\n        {...rest}\n      >\n        <span className={withBaseName(\"label\")}>{label}</span>\n        {isRemovable && <CloseIcon />}\n      </Pill>\n    </Tooltip>\n  );\n});\n"],"names":["InputPill","inputPillCss"],"mappings":"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"}
+{"version":3,"file":"InputPill.js","sources":["../src/tokenized-input-next/internal/InputPill.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  Pill,\n  type PillProps,\n  Tooltip,\n  useIcon,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type MutableRefObject,\n  memo,\n  type SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\nimport inputPillCss from \"./InputPill.css\";\nimport { getWidth } from \"./useWidth\";\n\nconst withBaseName = makePrefixer(\"saltInputPill\");\n\nexport type InputPillProps = PillProps & {\n  /**\n   * A ref object holds pills index map to width.\n   */\n  pillsRef: MutableRefObject<Record<number, number | undefined>>;\n  /**\n   * Index of the pill within Input.\n   */\n  index: number;\n  /**\n   * Whether the pill is the last visible one within Input.\n   */\n  lastVisible?: boolean;\n  /**\n   * Pill label.\n   */\n  label?: string;\n  /**\n   * Whether the pill is highlighted.\n   */\n  highlighted?: boolean;\n\n  /**\n   * Callback when pill is deleted.\n   */\n  onClose?: (event: SyntheticEvent, index: number) => void;\n};\n\nexport const InputPill = memo(function InputPill(props: InputPillProps) {\n  const {\n    className,\n    hidden,\n    highlighted,\n    index,\n    label,\n    onClose,\n    pillsRef,\n    ...rest\n  } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-input-pill\",\n    css: inputPillCss,\n    window: targetWindow,\n  });\n\n  const { CloseIcon } = useIcon();\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const [isEllipsisActive, setEllipsisActive] = useState(false);\n  const isRemovable = Boolean(onClose);\n\n  // useIsomorphicLayoutEffect to match the calcFirstHiddenIndex\n  // We need to collect widths before the calculation\n  useIsomorphicLayoutEffect(() => {\n    const text = ref?.current?.firstElementChild as HTMLElement;\n    if (!isRemovable && pillsRef.current) {\n      pillsRef.current[index] = getWidth(ref.current);\n    }\n    setEllipsisActive(text?.offsetWidth < text?.scrollWidth);\n  }, [pillsRef, index, isRemovable]);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      pillsRef.current[index] = undefined;\n    },\n    [pillsRef, index],\n  );\n\n  const handleClose = (event: SyntheticEvent) => {\n    onClose?.(event, index);\n  };\n  return (\n    <Tooltip content={label} disabled={!isEllipsisActive}>\n      <Pill\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"pillHighlighted\")]: highlighted,\n            [withBaseName(\"expanded\")]: isRemovable,\n            [withBaseName(\"hidden\")]: hidden,\n          },\n          className,\n        )}\n        tabIndex={-1}\n        onClick={isRemovable ? handleClose : undefined}\n        ref={ref}\n        role=\"option\"\n        {...rest}\n      >\n        <span className={withBaseName(\"label\")}>{label}</span>\n        {isRemovable && <CloseIcon />}\n      </Pill>\n    </Tooltip>\n  );\n});\n"],"names":["InputPill","inputPillCss"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../src/tokenized-input-next/internal/useResizeObserver.ts"],"sourcesContent":["// TODO: Use resize observer from Tabstrip / Toolbar\n\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type Ref, useEffect, useRef } from \"react\";\n\n/**\n * This monitors the size of a component and calls `onSizeChange` callback\n * every time when size changes.\n */\nexport function useResizeObserver<Element extends HTMLElement>(\n  onSizeChange: (\n    entries: ResizeObserverEntry[],\n    observer?: ResizeObserver,\n  ) => void,\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    if (!ref.current) {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(onSizeChange);\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      onSizeChange([\n        {\n          target: ref.current,\n          contentRect: ref.current.getBoundingClientRect(),\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ]);\n    }\n  }, [onSizeChange]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;;AASO,SAAS,kBACd,YAIc,EAAA;AACd,EAAM,MAAA,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,MAAA;AAAA;AAGT,IAAM,MAAA,QAAA,GAAW,IAAI,cAAA,CAAe,YAAY,CAAA;AAChD,IAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAW,EAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAI,OAAS,EAAA;AACf,MAAa,YAAA,CAAA;AAAA,QACX;AAAA,UACE,QAAQ,GAAI,CAAA,OAAA;AAAA,UACZ,WAAA,EAAa,GAAI,CAAA,OAAA,CAAQ,qBAAsB,EAAA;AAAA,UAC/C,eAAe,EAAC;AAAA,UAChB,gBAAgB,EAAC;AAAA,UACjB,2BAA2B;AAAC;AAC9B,OACD,CAAA;AAAA;AACH,GACF,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAO,OAAA,GAAA;AACT;;;;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../src/tokenized-input-next/internal/useResizeObserver.ts"],"sourcesContent":["// TODO: Use resize observer from Tabstrip / Toolbar\n\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type Ref, useEffect, useRef } from \"react\";\n\n/**\n * This monitors the size of a component and calls `onSizeChange` callback\n * every time when size changes.\n */\nexport function useResizeObserver<Element extends HTMLElement>(\n  onSizeChange: (\n    entries: ResizeObserverEntry[],\n    observer?: ResizeObserver,\n  ) => void,\n): Ref<Element> {\n  const ref = useRef<Element>(null);\n\n  useEffect(() => {\n    if (!ref.current) {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(onSizeChange);\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [onSizeChange]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      onSizeChange([\n        {\n          target: ref.current,\n          contentRect: ref.current.getBoundingClientRect(),\n          borderBoxSize: [],\n          contentBoxSize: [],\n          devicePixelContentBoxSize: [],\n        },\n      ]);\n    }\n  }, [onSizeChange]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;;AASO,SAAS,kBACd,YAAA,EAIc;AACd,EAAA,MAAM,GAAA,GAAM,OAAgB,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAChB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,YAAY,CAAA;AAChD,IAAA,QAAA,CAAS,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAI,OAAA,EAAS;AACf,MAAA,YAAA,CAAa;AAAA,QACX;AAAA,UACE,QAAQ,GAAA,CAAI,OAAA;AAAA,UACZ,WAAA,EAAa,GAAA,CAAI,OAAA,CAAQ,qBAAA,EAAsB;AAAA,UAC/C,eAAe,EAAC;AAAA,UAChB,gBAAgB,EAAC;AAAA,UACjB,2BAA2B;AAAC;AAC9B,OACD,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,OAAO,GAAA;AACT;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useWidth.js","sources":["../src/tokenized-input-next/internal/useWidth.ts"],"sourcesContent":["import { type Density, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useState } from \"react\";\n\nconst safeParseFloat = (target?: string) => Number.parseFloat(target ?? \"0\");\n\nexport const getPadding = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n  const style = window.getComputedStyle(node);\n  const padding =\n    safeParseFloat(style.paddingLeft) + safeParseFloat(style.paddingRight);\n  return padding;\n};\n\nexport const getWidth = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n\n  const style = window.getComputedStyle(node);\n  const margin =\n    safeParseFloat(style.marginLeft) + safeParseFloat(style.marginRight);\n\n  let dimension: DOMRect;\n\n  if (style.display === \"none\") {\n    const nodeDisplay = node.style.display;\n\n    node.style.display = \"inline-block\";\n    dimension = node.getBoundingClientRect();\n    node.style.display = nodeDisplay;\n  } else {\n    dimension = node.getBoundingClientRect();\n  }\n\n  return dimension.width + margin;\n};\n\n/**\n * This records the width of a component when it's rendered\n */\nexport const useWidth = (\n  density: Density,\n  // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n): [(newNode: any) => void, number] => {\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [width, setWidth] = useState<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (node !== null && density) {\n      setWidth(getWidth(node));\n    }\n  }, [node, density]);\n\n  return [setNode, width];\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,CAAC,MAAA,KAAoB,MAAO,CAAA,UAAA,CAAW,UAAU,GAAG,CAAA;AAE9D,MAAA,UAAA,GAAa,CAAC,IAA6B,KAAA;AACtD,EAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,IAAO,OAAA,CAAA;AAAA;AAET,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,IAAI,CAAA;AAC1C,EAAA,MAAM,UACJ,cAAe,CAAA,KAAA,CAAM,WAAW,CAAI,GAAA,cAAA,CAAe,MAAM,YAAY,CAAA;AACvE,EAAO,OAAA,OAAA;AACT;AAEa,MAAA,QAAA,GAAW,CAAC,IAA6B,KAAA;AACpD,EAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,IAAO,OAAA,CAAA;AAAA;AAGT,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,IAAI,CAAA;AAC1C,EAAA,MAAM,SACJ,cAAe,CAAA,KAAA,CAAM,UAAU,CAAI,GAAA,cAAA,CAAe,MAAM,WAAW,CAAA;AAErE,EAAI,IAAA,SAAA;AAEJ,EAAI,IAAA,KAAA,CAAM,YAAY,MAAQ,EAAA;AAC5B,IAAM,MAAA,WAAA,GAAc,KAAK,KAAM,CAAA,OAAA;AAE/B,IAAA,IAAA,CAAK,MAAM,OAAU,GAAA,cAAA;AACrB,IAAA,SAAA,GAAY,KAAK,qBAAsB,EAAA;AACvC,IAAA,IAAA,CAAK,MAAM,OAAU,GAAA,WAAA;AAAA,GAChB,MAAA;AACL,IAAA,SAAA,GAAY,KAAK,qBAAsB,EAAA;AAAA;AAGzC,EAAA,OAAO,UAAU,KAAQ,GAAA,MAAA;AAC3B;AAKa,MAAA,QAAA,GAAW,CACtB,OAEqC,KAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,IAAI,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,CAAC,CAAA;AAE5C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,IAAA,KAAS,QAAQ,OAAS,EAAA;AAC5B,MAAS,QAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA;AACzB,GACC,EAAA,CAAC,IAAM,EAAA,OAAO,CAAC,CAAA;AAElB,EAAO,OAAA,CAAC,SAAS,KAAK,CAAA;AACxB;;;;"}
+{"version":3,"file":"useWidth.js","sources":["../src/tokenized-input-next/internal/useWidth.ts"],"sourcesContent":["import { type Density, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useState } from \"react\";\n\nconst safeParseFloat = (target?: string) => Number.parseFloat(target ?? \"0\");\n\nexport const getPadding = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n  const style = window.getComputedStyle(node);\n  const padding =\n    safeParseFloat(style.paddingLeft) + safeParseFloat(style.paddingRight);\n  return padding;\n};\n\nexport const getWidth = (node: HTMLElement | null) => {\n  if (node == null) {\n    return 0;\n  }\n\n  const style = window.getComputedStyle(node);\n  const margin =\n    safeParseFloat(style.marginLeft) + safeParseFloat(style.marginRight);\n\n  let dimension: DOMRect;\n\n  if (style.display === \"none\") {\n    const nodeDisplay = node.style.display;\n\n    node.style.display = \"inline-block\";\n    dimension = node.getBoundingClientRect();\n    node.style.display = nodeDisplay;\n  } else {\n    dimension = node.getBoundingClientRect();\n  }\n\n  return dimension.width + margin;\n};\n\n/**\n * This records the width of a component when it's rendered\n */\nexport const useWidth = (\n  density: Density,\n  // biome-ignore lint/suspicious/noExplicitAny: any is simpler here.\n): [(newNode: any) => void, number] => {\n  const [node, setNode] = useState<HTMLElement | null>(null);\n  const [width, setWidth] = useState<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (node !== null && density) {\n      setWidth(getWidth(node));\n    }\n  }, [node, density]);\n\n  return [setNode, width];\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiB,CAAC,MAAA,KAAoB,MAAA,CAAO,UAAA,CAAW,UAAU,GAAG,CAAA;AAEpE,MAAM,UAAA,GAAa,CAAC,IAAA,KAA6B;AACtD,EAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,IAAA,OAAO,CAAA;AAAA,EACT;AACA,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,gBAAA,CAAiB,IAAI,CAAA;AAC1C,EAAA,MAAM,UACJ,cAAA,CAAe,KAAA,CAAM,WAAW,CAAA,GAAI,cAAA,CAAe,MAAM,YAAY,CAAA;AACvE,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,QAAA,GAAW,CAAC,IAAA,KAA6B;AACpD,EAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,gBAAA,CAAiB,IAAI,CAAA;AAC1C,EAAA,MAAM,SACJ,cAAA,CAAe,KAAA,CAAM,UAAU,CAAA,GAAI,cAAA,CAAe,MAAM,WAAW,CAAA;AAErE,EAAA,IAAI,SAAA;AAEJ,EAAA,IAAI,KAAA,CAAM,YAAY,MAAA,EAAQ;AAC5B,IAAA,MAAM,WAAA,GAAc,KAAK,KAAA,CAAM,OAAA;AAE/B,IAAA,IAAA,CAAK,MAAM,OAAA,GAAU,cAAA;AACrB,IAAA,SAAA,GAAY,KAAK,qBAAA,EAAsB;AACvC,IAAA,IAAA,CAAK,MAAM,OAAA,GAAU,WAAA;AAAA,EACvB,CAAA,MAAO;AACL,IAAA,SAAA,GAAY,KAAK,qBAAA,EAAsB;AAAA,EACzC;AAEA,EAAA,OAAO,UAAU,KAAA,GAAQ,MAAA;AAC3B;AAKO,MAAM,QAAA,GAAW,CACtB,OAAA,KAEqC;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,IAAI,CAAA;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,CAAC,CAAA;AAE5C,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,IAAA,KAAS,QAAQ,OAAA,EAAS;AAC5B,MAAA,QAAA,CAAS,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,OAAO,CAAC,CAAA;AAElB,EAAA,OAAO,CAAC,SAAS,KAAK,CAAA;AACxB;;;;"}