@oneplatformdev/ui 0.1.99-beta.304 → 0.1.99-beta.305

package/ColorInput/color.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.utils.js","sources":["../../src/ColorInput/color.utils.ts"],"sourcesContent":["export interface RGBA {\r\n  r: number; // 0..255\r\n  g: number; // 0..255\r\n  b: number; // 0..255\r\n  a: number; // 0..1\r\n}\r\n\r\nexport interface HSVA {\r\n  h: number; // 0..360\r\n  s: number; // 0..1\r\n  v: number; // 0..1\r\n  a: number; // 0..1\r\n}\r\n\r\nexport const clamp = (value: number, min: number, max: number): number =>\r\n  Math.min(max, Math.max(min, value));\r\n\r\nconst toHex2 = (value: number): string =>\r\n  clamp(Math.round(value), 0, 255).toString(16).padStart(2, '0');\r\n\r\n/** Parses #rgb / #rrggbb / #rrggbbaa (with or without leading #) into RGBA. */\r\nexport const parseColor = (input: string): RGBA | null => {\r\n  if (!input) return null;\r\n  let hex = input.trim().replace(/^#/, '');\r\n\r\n  if (/^[0-9a-f]{3}$/i.test(hex)) {\r\n    hex = hex\r\n      .split('')\r\n      .map((c) => c + c)\r\n      .join('');\r\n  }\r\n\r\n  if (/^[0-9a-f]{6}$/i.test(hex)) {\r\n    return {\r\n      r: parseInt(hex.slice(0, 2), 16),\r\n      g: parseInt(hex.slice(2, 4), 16),\r\n      b: parseInt(hex.slice(4, 6), 16),\r\n      a: 1,\r\n    };\r\n  }\r\n\r\n  if (/^[0-9a-f]{8}$/i.test(hex)) {\r\n    return {\r\n      r: parseInt(hex.slice(0, 2), 16),\r\n      g: parseInt(hex.slice(2, 4), 16),\r\n      b: parseInt(hex.slice(4, 6), 16),\r\n      a: parseInt(hex.slice(6, 8), 16) / 255,\r\n    };\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nexport const isValidColor = (input: string): boolean => parseColor(input) !== null;\r\n\r\n/** Formats RGBA to a hex string. Includes the alpha byte only when withAlpha and a<1. */\r\nexport const rgbaToHex = (rgba: RGBA, withAlpha = false): string => {\r\n  const base = `#${toHex2(rgba.r)}${toHex2(rgba.g)}${toHex2(rgba.b)}`;\r\n  if (withAlpha && rgba.a < 1) return `${base}${toHex2(rgba.a * 255)}`;\r\n  return base;\r\n};\r\n\r\nexport const rgbaToHsva = ({ r, g, b, a }: RGBA): HSVA => {\r\n  const rn = r / 255;\r\n  const gn = g / 255;\r\n  const bn = b / 255;\r\n  const max = Math.max(rn, gn, bn);\r\n  const min = Math.min(rn, gn, bn);\r\n  const d = max - min;\r\n\r\n  let h = 0;\r\n  if (d !== 0) {\r\n    if (max === rn) h = ((gn - bn) / d) % 6;\r\n    else if (max === gn) h = (bn - rn) / d + 2;\r\n    else h = (rn - gn) / d + 4;\r\n    h *= 60;\r\n    if (h < 0) h += 360;\r\n  }\r\n\r\n  const s = max === 0 ? 0 : d / max;\r\n  return { h, s, v: max, a };\r\n};\r\n\r\nexport const hsvaToRgba = ({ h, s, v, a }: HSVA): RGBA => {\r\n  const c = v * s;\r\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\r\n  const m = v - c;\r\n\r\n  let rn = 0;\r\n  let gn = 0;\r\n  let bn = 0;\r\n  if (h < 60) [rn, gn, bn] = [c, x, 0];\r\n  else if (h < 120) [rn, gn, bn] = [x, c, 0];\r\n  else if (h < 180) [rn, gn, bn] = [0, c, x];\r\n  else if (h < 240) [rn, gn, bn] = [0, x, c];\r\n  else if (h < 300) [rn, gn, bn] = [x, 0, c];\r\n  else [rn, gn, bn] = [c, 0, x];\r\n\r\n  return {\r\n    r: Math.round((rn + m) * 255),\r\n    g: Math.round((gn + m) * 255),\r\n    b: Math.round((bn + m) * 255),\r\n    a,\r\n  };\r\n};\r\n\r\n/** Color string formats the picker can read/emit. */\r\nexport type ColorFormat = 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsb';\r\n\r\n/** All formats, in the order they appear in the format dropdown. */\r\nexport const COLOR_FORMATS: ColorFormat[] = ['hex', 'rgb', 'rgba', 'hsl', 'hsb'];\r\n\r\nexport const COLOR_FORMAT_LABELS: Record<ColorFormat, string> = {\r\n  hex: 'Hex',\r\n  rgb: 'RGB',\r\n  rgba: 'RGBA',\r\n  hsl: 'HSL',\r\n  hsb: 'HSB',\r\n};\r\n\r\n/** Formats that carry an alpha channel — these enable the transparency slider. */\r\nexport const FORMAT_HAS_ALPHA: Record<ColorFormat, boolean> = {\r\n  hex: false,\r\n  rgb: false,\r\n  rgba: true,\r\n  hsl: false,\r\n  hsb: false,\r\n};\r\n\r\nexport interface HSLA {\r\n  h: number; // 0..360\r\n  s: number; // 0..1\r\n  l: number; // 0..1\r\n  a: number; // 0..1\r\n}\r\n\r\nexport const rgbaToHsla = ({ r, g, b, a }: RGBA): HSLA => {\r\n  const rn = r / 255;\r\n  const gn = g / 255;\r\n  const bn = b / 255;\r\n  const max = Math.max(rn, gn, bn);\r\n  const min = Math.min(rn, gn, bn);\r\n  const d = max - min;\r\n\r\n  let h = 0;\r\n  if (d !== 0) {\r\n    if (max === rn) h = ((gn - bn) / d) % 6;\r\n    else if (max === gn) h = (bn - rn) / d + 2;\r\n    else h = (rn - gn) / d + 4;\r\n    h *= 60;\r\n    if (h < 0) h += 360;\r\n  }\r\n\r\n  const l = (max + min) / 2;\r\n  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));\r\n  return { h, s, l, a };\r\n};\r\n\r\nexport const hslaToRgba = ({ h, s, l, a }: HSLA): RGBA => {\r\n  const c = (1 - Math.abs(2 * l - 1)) * s;\r\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\r\n  const m = l - c / 2;\r\n\r\n  let rn = 0;\r\n  let gn = 0;\r\n  let bn = 0;\r\n  if (h < 60) [rn, gn, bn] = [c, x, 0];\r\n  else if (h < 120) [rn, gn, bn] = [x, c, 0];\r\n  else if (h < 180) [rn, gn, bn] = [0, c, x];\r\n  else if (h < 240) [rn, gn, bn] = [0, x, c];\r\n  else if (h < 300) [rn, gn, bn] = [x, 0, c];\r\n  else [rn, gn, bn] = [c, 0, x];\r\n\r\n  return {\r\n    r: Math.round((rn + m) * 255),\r\n    g: Math.round((gn + m) * 255),\r\n    b: Math.round((bn + m) * 255),\r\n    a,\r\n  };\r\n};\r\n\r\nconst round = (n: number) => Math.round(n);\r\nconst pct = (n: number) => `${Math.round(n * 100)}%`;\r\n\r\n/** Renders an RGBA value as a string in the requested format. */\r\nexport const formatColor = (\r\n  rgba: RGBA,\r\n  format: ColorFormat,\r\n  withAlpha = false,\r\n): string => {\r\n  switch (format) {\r\n    case 'rgba':\r\n      return `${round(rgba.r)}, ${round(rgba.g)}, ${round(rgba.b)}, ${Number(rgba.a.toFixed(2))}`;\r\n    case 'rgb':\r\n      return withAlpha && rgba.a < 1\r\n        ? `${round(rgba.r)}, ${round(rgba.g)}, ${round(rgba.b)}, ${Number(rgba.a.toFixed(2))}`\r\n        : `${round(rgba.r)}, ${round(rgba.g)}, ${round(rgba.b)}`;\r\n    case 'hsl': {\r\n      const { h, s, l } = rgbaToHsla(rgba);\r\n      return `${round(h)}, ${pct(s)}, ${pct(l)}`;\r\n    }\r\n    case 'hsb': {\r\n      const { h, s, v } = rgbaToHsva(rgba);\r\n      return `${round(h)}, ${pct(s)}, ${pct(v)}`;\r\n    }\r\n    case 'hex':\r\n    default:\r\n      return rgbaToHex(rgba, withAlpha).toUpperCase();\r\n  }\r\n};\r\n\r\nconst numbers = (input: string): number[] =>\r\n  (input.match(/-?\\d*\\.?\\d+/g) || []).map(Number);\r\n\r\n/** Parses a string written in the given format back into RGBA. */\r\nexport const parseColorInFormat = (\r\n  input: string,\r\n  format: ColorFormat,\r\n): RGBA | null => {\r\n  if (format === 'hex') return parseColor(input);\r\n\r\n  const n = numbers(input);\r\n  if (format === 'rgb' || format === 'rgba') {\r\n    if (n.length < 3) return null;\r\n    return {\r\n      r: clamp(n[0], 0, 255),\r\n      g: clamp(n[1], 0, 255),\r\n      b: clamp(n[2], 0, 255),\r\n      a: n.length > 3 ? clamp(n[3], 0, 1) : 1,\r\n    };\r\n  }\r\n  if (format === 'hsl') {\r\n    if (n.length < 3) return null;\r\n    return hslaToRgba({\r\n      h: clamp(n[0], 0, 360),\r\n      s: clamp(n[1], 0, 100) / 100,\r\n      l: clamp(n[2], 0, 100) / 100,\r\n      a: n.length > 3 ? clamp(n[3], 0, 1) : 1,\r\n    });\r\n  }\r\n  // hsb\r\n  if (n.length < 3) return null;\r\n  return hsvaToRgba({\r\n    h: clamp(n[0], 0, 360),\r\n    s: clamp(n[1], 0, 100) / 100,\r\n    v: clamp(n[2], 0, 100) / 100,\r\n    a: n.length > 3 ? clamp(n[3], 0, 1) : 1,\r\n  });\r\n};\r\n\r\n/** Default saved-colors palette mirroring the Figma design. */\r\nexport const DEFAULT_SAVED_COLORS: string[] = [\r\n  '#EF4444',\r\n  '#F97316',\r\n  '#FACC15',\r\n  '#4ADE80',\r\n  '#2DD4BF',\r\n  '#3B82F6',\r\n  '#6366F1',\r\n  '#EC4899',\r\n  '#F43F5E',\r\n  '#D946EF',\r\n  '#8B5CF6',\r\n  '#0EA5E9',\r\n  '#10B981',\r\n  '#84CC16',\r\n];\r\n"],"names":["clamp","value","min","max","toHex2","parseColor","input","hex","c","isValidColor","rgbaToHex","rgba","withAlpha","base","rgbaToHsva","r","g","b","a","rn","gn","bn","d","h","s","hsvaToRgba","v","x","m","COLOR_FORMATS","COLOR_FORMAT_LABELS","FORMAT_HAS_ALPHA","rgbaToHsla","l","hslaToRgba","round","n","pct","formatColor","format","numbers","parseColorInFormat","DEFAULT_SAVED_COLORS"],"mappings":"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"}

package/ColorInput/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ColorInput';
+export * from './ColorPicker';
+export * from './color.utils';
+export * from './useSavedColors';
+export type * from './ColorInput.types';
+//# sourceMappingURL=index.d.ts.map

package/ColorInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,oBAAoB,CAAC"}

package/ColorInput/index.js

@@ -0,0 +1,25 @@
+import { ColorInput as a } from "./ColorInput.js";
+import { ColorPicker as O } from "./ColorPicker.js";
+import { COLOR_FORMATS as C, COLOR_FORMAT_LABELS as T, DEFAULT_SAVED_COLORS as _, FORMAT_HAS_ALPHA as e, clamp as R, formatColor as s, hslaToRgba as L, hsvaToRgba as S, isValidColor as p, parseColor as m, parseColorInFormat as t, rgbaToHex as E, rgbaToHsla as F, rgbaToHsva as b } from "./color.utils.js";
+import { DEFAULT_SAVED_COLORS_STORAGE_KEY as g, useSavedColors as x } from "./useSavedColors.js";
+export {
+  C as COLOR_FORMATS,
+  T as COLOR_FORMAT_LABELS,
+  a as ColorInput,
+  O as ColorPicker,
+  _ as DEFAULT_SAVED_COLORS,
+  g as DEFAULT_SAVED_COLORS_STORAGE_KEY,
+  e as FORMAT_HAS_ALPHA,
+  R as clamp,
+  s as formatColor,
+  L as hslaToRgba,
+  S as hsvaToRgba,
+  p as isValidColor,
+  m as parseColor,
+  t as parseColorInFormat,
+  E as rgbaToHex,
+  F as rgbaToHsla,
+  b as rgbaToHsva,
+  x as useSavedColors
+};
+//# sourceMappingURL=index.js.map

package/ColorInput/index.js.map

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

package/ColorInput/useSavedColors.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_SAVED_COLORS_STORAGE_KEY = "op-color-input-saved-colors";
+/**
+ * Saved-colors palette persisted to localStorage (empty by default). Used by
+ * `ColorInput` when the consumer doesn't pass a controlled
+ * `savedColors`/`onAddSavedColor` pair.
+ */
+export declare const useSavedColors: (storageKey?: string) => {
+    savedColors: string[];
+    addColor: (hex: string) => void;
+    removeColor: (hex: string) => void;
+    setSavedColors: (next: string[]) => void;
+};
+//# sourceMappingURL=useSavedColors.d.ts.map

package/ColorInput/useSavedColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedColors.d.ts","sourceRoot":"","sources":["../../src/ColorInput/useSavedColors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gCAAgC,gCAAgC,CAAC;AAuB9E;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,aAAY,MAAyC;;oBAiB7C,MAAM;uBAaN,MAAM;2BArBL,MAAM,EAAE;CAiClB,CAAC"}

package/ColorInput/useSavedColors.js

@@ -0,0 +1,53 @@
+import { useState as C, useEffect as S, useCallback as i } from "react";
+const m = "op-color-input-saved-colors", d = (o) => {
+  if (typeof window > "u") return [];
+  try {
+    const e = window.localStorage.getItem(o);
+    if (!e) return [];
+    const t = JSON.parse(e);
+    return Array.isArray(t) ? t : [];
+  } catch {
+    return [];
+  }
+}, a = (o, e) => {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(o, JSON.stringify(e));
+    } catch {
+    }
+}, L = (o = m) => {
+  const [e, t] = C(() => d(o));
+  S(() => {
+    t(d(o));
+  }, [o]);
+  const u = i(
+    (r) => {
+      t(r), a(o, r);
+    },
+    [o]
+  ), w = i(
+    (r) => {
+      t((n) => {
+        const c = r.toLowerCase();
+        if (n.some((l) => l.toLowerCase() === c)) return n;
+        const s = [...n, r];
+        return a(o, s), s;
+      });
+    },
+    [o]
+  ), f = i(
+    (r) => {
+      t((n) => {
+        const c = r.toLowerCase(), s = n.filter((l) => l.toLowerCase() !== c);
+        return a(o, s), s;
+      });
+    },
+    [o]
+  );
+  return { savedColors: e, addColor: w, removeColor: f, setSavedColors: u };
+};
+export {
+  m as DEFAULT_SAVED_COLORS_STORAGE_KEY,
+  L as useSavedColors
+};
+//# sourceMappingURL=useSavedColors.js.map

package/ColorInput/useSavedColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSavedColors.js","sources":["../../src/ColorInput/useSavedColors.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport const DEFAULT_SAVED_COLORS_STORAGE_KEY = 'op-color-input-saved-colors';\n\nconst read = (key: string): string[] => {\n  if (typeof window === 'undefined') return [];\n  try {\n    const raw = window.localStorage.getItem(key);\n    if (!raw) return [];\n    const parsed = JSON.parse(raw);\n    return Array.isArray(parsed) ? parsed : [];\n  } catch {\n    return [];\n  }\n};\n\nconst write = (key: string, next: string[]) => {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(key, JSON.stringify(next));\n  } catch {\n    /* ignore quota / privacy-mode failures */\n  }\n};\n\n/**\n * Saved-colors palette persisted to localStorage (empty by default). Used by\n * `ColorInput` when the consumer doesn't pass a controlled\n * `savedColors`/`onAddSavedColor` pair.\n */\nexport const useSavedColors = (\n  storageKey: string = DEFAULT_SAVED_COLORS_STORAGE_KEY,\n) => {\n  const [colors, setColors] = useState<string[]>(() => read(storageKey));\n\n  useEffect(() => {\n    setColors(read(storageKey));\n  }, [storageKey]);\n\n  const setSavedColors = useCallback(\n    (next: string[]) => {\n      setColors(next);\n      write(storageKey, next);\n    },\n    [storageKey],\n  );\n\n  const addColor = useCallback(\n    (hex: string) => {\n      setColors((prev) => {\n        const lower = hex.toLowerCase();\n        if (prev.some((c) => c.toLowerCase() === lower)) return prev;\n        const next = [...prev, hex];\n        write(storageKey, next);\n        return next;\n      });\n    },\n    [storageKey],\n  );\n\n  const removeColor = useCallback(\n    (hex: string) => {\n      setColors((prev) => {\n        const lower = hex.toLowerCase();\n        const next = prev.filter((c) => c.toLowerCase() !== lower);\n        write(storageKey, next);\n        return next;\n      });\n    },\n    [storageKey],\n  );\n\n  return { savedColors: colors, addColor, removeColor, setSavedColors };\n};\n"],"names":["DEFAULT_SAVED_COLORS_STORAGE_KEY","read","key","raw","parsed","write","next","useSavedColors","storageKey","colors","setColors","useState","useEffect","setSavedColors","useCallback","addColor","hex","prev","lower","c","removeColor"],"mappings":";AAEO,MAAMA,IAAmC,+BAE1CC,IAAO,CAACC,MAA0B;AACtC,MAAI,OAAO,SAAW,IAAa,QAAO,CAAA;AAC1C,MAAI;AACF,UAAMC,IAAM,OAAO,aAAa,QAAQD,CAAG;AAC3C,QAAI,CAACC,EAAK,QAAO,CAAA;AACjB,UAAMC,IAAS,KAAK,MAAMD,CAAG;AAC7B,WAAO,MAAM,QAAQC,CAAM,IAAIA,IAAS,CAAA;AAAA,EAC1C,QAAQ;AACN,WAAO,CAAA;AAAA,EACT;AACF,GAEMC,IAAQ,CAACH,GAAaI,MAAmB;AAC7C,MAAI,SAAO,SAAW;AACtB,QAAI;AACF,aAAO,aAAa,QAAQJ,GAAK,KAAK,UAAUI,CAAI,CAAC;AAAA,IACvD,QAAQ;AAAA,IAER;AACF,GAOaC,IAAiB,CAC5BC,IAAqBR,MAClB;AACH,QAAM,CAACS,GAAQC,CAAS,IAAIC,EAAmB,MAAMV,EAAKO,CAAU,CAAC;AAErE,EAAAI,EAAU,MAAM;AACd,IAAAF,EAAUT,EAAKO,CAAU,CAAC;AAAA,EAC5B,GAAG,CAACA,CAAU,CAAC;AAEf,QAAMK,IAAiBC;AAAA,IACrB,CAACR,MAAmB;AAClB,MAAAI,EAAUJ,CAAI,GACdD,EAAMG,GAAYF,CAAI;AAAA,IACxB;AAAA,IACA,CAACE,CAAU;AAAA,EAAA,GAGPO,IAAWD;AAAA,IACf,CAACE,MAAgB;AACf,MAAAN,EAAU,CAACO,MAAS;AAClB,cAAMC,IAAQF,EAAI,YAAA;AAClB,YAAIC,EAAK,KAAK,CAACE,MAAMA,EAAE,YAAA,MAAkBD,CAAK,EAAG,QAAOD;AACxD,cAAMX,IAAO,CAAC,GAAGW,GAAMD,CAAG;AAC1B,eAAAX,EAAMG,GAAYF,CAAI,GACfA;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAACE,CAAU;AAAA,EAAA,GAGPY,IAAcN;AAAA,IAClB,CAACE,MAAgB;AACf,MAAAN,EAAU,CAACO,MAAS;AAClB,cAAMC,IAAQF,EAAI,YAAA,GACZV,IAAOW,EAAK,OAAO,CAACE,MAAMA,EAAE,YAAA,MAAkBD,CAAK;AACzD,eAAAb,EAAMG,GAAYF,CAAI,GACfA;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAACE,CAAU;AAAA,EAAA;AAGb,SAAO,EAAE,aAAaC,GAAQ,UAAAM,GAAU,aAAAK,GAAa,gBAAAP,EAAA;AACvD;"}

package/Combobox/Combobox.js

@@ -1,10 +1,10 @@
 import { jsx as q, jsxs as be } from "react/jsx-runtime";
 import { useState as d, useCallback as u, useEffect as $, useRef as J, useMemo as H, useImperativeHandle as Ce, useLayoutEffect as Me } from "react";
-import { Popover as Ae } from "../Popover/Popover.js";
-import { useDebounceCallback as xe } from "@oneplatformdev/hooks";
-import { DEFAULT_COMBOBOX_TYPE as Le } from "./Combobox.types.js";
-import { ComboboxRenderTrigger as Re } from "./ComboboxRenderTrigger.js";
-import { ComboboxRenderContent as Ee } from "./ComboboxRenderContent.js";
+import { useDebounceCallback as Ae } from "@oneplatformdev/hooks";
+import { DEFAULT_COMBOBOX_TYPE as xe } from "./Combobox.types.js";
+import { ComboboxRenderTrigger as Le } from "./ComboboxRenderTrigger.js";
+import { ComboboxRenderContent as Re } from "./ComboboxRenderContent.js";
+import { Popover as Ee } from "../Popover/Popover.js";
 function Fe(o) {
   const {
     value: f,
@@ -27,7 +27,7 @@ function Fe(o) {
     defaultNodeMuted: le,
     defaultNodeInteractive: ie,
     forcePointerSelect: ue
-  } = o, v = o.type ?? Le, [fe, z] = d(!1), [h, b] = d(!1), [k, A] = d(!1), [C, x] = d(!1), [g, L] = d(""), [S, O] = d(/* @__PURE__ */ new Map()), [y, de] = d([]), [he, me] = d([]), M = u((t) => {
+  } = o, v = o.type ?? xe, [fe, z] = d(!1), [h, b] = d(!1), [k, A] = d(!1), [C, x] = d(!1), [g, L] = d(""), [S, O] = d(/* @__PURE__ */ new Map()), [y, de] = d([]), [he, me] = d([]), M = u((t) => {
     const r = (e) => {
       const n = [], s = (c) => {
         if (c)
@@ -139,7 +139,7 @@ function Fe(o) {
     } finally {
       t === w.current && A(!1);
     }
-  }, [E, D, F, p, h, k, B, g]), pe = xe(_, 600, {
+  }, [E, D, F, p, h, k, B, g]), pe = Ae(_, 600, {
     leading: !1,
     trailing: !0
   }), ve = u((t) => {
@@ -165,14 +165,14 @@ function Fe(o) {
   return Me(() => {
     we();
   }, []), /* @__PURE__ */ q("div", { className: "w-full", children: /* @__PURE__ */ be(
-    Ae,
+    Ee,
     {
       open: C,
       onOpenChange: Oe,
       modal: P?.popover?.modal,
       children: [
         /* @__PURE__ */ q(
-          Re,
+          Le,
           {
             value: f,
             type: v,
@@ -189,7 +189,7 @@ function Fe(o) {
           }
         ),
         /* @__PURE__ */ q(
-          Ee,
+          Re,
           {
             open: C,
             value: f,

package/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch, JSX,\n  SetStateAction,\n  useCallback,\n  useEffect, useImperativeHandle,\n  useLayoutEffect,\n  useMemo, useRef,\n  useState,\n} from 'react';\nimport { Popover } from '../Popover';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport {\n  ComboboxCallbackStateParams, ComboboxCallbackStateParamsRenderHandler,\n  ComboboxOption,\n  ComboboxProps, ComboboxSelectedType,\n  DEFAULT_COMBOBOX_TYPE, MultiComboboxProps, SingleComboboxProps,\n} from './Combobox.types';\nimport { ComboboxRenderTrigger } from \"./ComboboxRenderTrigger\";\nimport { ComboboxRenderContent } from \"./ComboboxRenderContent\";\n\nexport function Combobox<Data extends object>(props: SingleComboboxProps<Data>): JSX.Element;\nexport function Combobox<Data extends object>(props: MultiComboboxProps<Data>): JSX.Element;\n\nexport function Combobox<Data extends object = object>(\n  props: ComboboxProps<Data, 'single'> | ComboboxProps<Data, 'multi'>\n): JSX.Element {\n  const {\n    value,\n    options: itemOptions,\n    placeholder,\n    disabled,\n    searchLabel,\n    emptyLabel,\n    loadData,\n    renderTrigger,\n    commandInputAction,\n    renderList,\n    listHeadAction,\n    listFooterAction,\n    emptyAction,\n    slotProps,\n    defaultNodeOpen,\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n    forcePointerSelect,\n  } = props;\n\n  const type: ComboboxSelectedType = props.type ?? DEFAULT_COMBOBOX_TYPE;\n  type StateSingle = ComboboxCallbackStateParams<Data, 'single'>;\n  type StateMulti = ComboboxCallbackStateParams<Data, 'multi'>;\n  type State = StateSingle | StateMulti;\n\n  const [ initialLoading, setInitialLoading ] = useState(false);\n  const [ loading, setLoading ] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const [ open, setOpen ] = useState(false);\n  const [ searchTerm, setSearchTerm ] = useState('');\n\n  const [ selectedOptions, setSelectedOptions ] = useState<\n    Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>\n  >(new Map());\n\n  const [ options, _setOptions ] = useState<ComboboxOption<Data>[]>([]);\n  const [ flattenOptions, setFlattenOptions ] = useState<ComboboxOption<Data>[]>([]);\n  const setOptions: Dispatch<SetStateAction<ComboboxOption<Data>[]>> = useCallback((stater) => {\n    const flatten = (next: ComboboxOption<Data>[]) => {\n      const res: ComboboxOption<Data>[] = [];\n      const walk = (nodes?: ComboboxOption<Data>[]) => {\n        if (!nodes) return;\n        for (const node of nodes) {\n          res.push(node);\n          if (node.items && node.items.length) walk(node.items);\n        }\n      };\n      walk(next);\n      setFlattenOptions((prev) => {\n        const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n        if (!isIncludedInRes) {\n          const selectedOption = selectedOptions.size ? Array.from(selectedOptions.values()) : undefined;\n          const current = (selectedOption || prev).find(o => !!value && String(o.value) === String(value))\n          if (current) return [ current, ...res ];\n        }\n\n        return res;\n      });\n    }\n    _setOptions((prev) => {\n      const next: ComboboxOption<Data>[] = typeof stater === 'function' ? stater(prev) : stater;\n      flatten(next);\n      setSelectedOptions(prevSelections => {\n        const nextSelections = new Map(prevSelections);\n        const vls = Array.isArray(value) ? value : [value];\n        for (const v of vls) {\n          if(!v) continue;\n          if(nextSelections.has(v)) continue;\n          const o = next.find(o => String(o.value).toLowerCase() === String(v).toLowerCase());\n          if(!o) continue;\n          nextSelections.set(o.value, o);\n        }\n        return nextSelections;\n      })\n      return next;\n    });\n  }, [ selectedOptions, value ])\n\n  const [total, setTotal] = useState<number>(0);\n  const [offset, setOffset] = useState<number>(0);\n  const hasNext = offset < total;\n\n  useEffect(() => {\n    itemOptions?.length && setOptions(itemOptions);\n  }, [ itemOptions ]);\n\n  const requestIdRef = useRef(0);\n  const abortRef = useRef<AbortController>(null);\n  const beginRequest = useCallback(() => {\n    requestIdRef.current += 1;\n    abortRef.current?.abort();\n    const ac = new AbortController();\n    abortRef.current = ac;\n    return { id: requestIdRef.current, signal: ac.signal };\n  }, []);\n  useEffect(() => {\n    return () => abortRef.current?.abort();\n  }, []);\n\n  const isSearchedEmptyList = useMemo(() => {\n    return Boolean(searchTerm) && !options.length && !loading;\n  }, [ loading, options.length, searchTerm ])\n\n  const isEmptyList = useMemo(() => {\n    return !options.length && !loading;\n  }, [ loading, options.length, searchTerm ])\n\n  const onChangeOption = useCallback((option: ComboboxOption<Data>) => {\n    if(props.type === 'single') {\n      setSelectedOptions(prev => {\n        let next = new Map(prev);\n        const isSelected = next.has(option.value);\n\n        if(next.has(option.value)) next = new Map();\n        else next.set(option.value, option);\n\n        if(isSelected) props.onChange?.(undefined);\n        else props.onChange?.(option.value);\n\n        return next;\n      });\n      setOpen(false);\n    }\n\n    if(props.type === 'multi') {\n      setSelectedOptions(prev => {\n        const next = new Map(prev);\n        if(next.has(option.value)) next.delete(option.value);\n        else next.set(option.value, option);\n        props.onChange?.(Array.from(next.keys()));\n        return next;\n      });\n    }\n  }, [props.type, props.onChange]);\n\n  const callbackStateParams = useMemo((): State => {\n    const base = {\n      options,\n      setOptions,\n      search: searchTerm || '',\n      setSearch: setSearchTerm,\n      onChangeOption,\n      open,\n      setOpen,\n      loading,\n      setLoading,\n      isEmptyList,\n      isSearchedEmptyList,\n      placeholder,\n    }\n\n    const selectedOptionArray = Array.from(selectedOptions.values());\n\n    if(type === 'multi') {\n      const selectedOption = selectedOptionArray\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>> = (value) => {\n        setSelectedOptions((prevSet) => {\n          const prevStateArray = Array.from(prevSet.values());\n          const nextStateArray = typeof value === 'function'\n            ? (value as (prev: ComboboxOption<Data>[]) => ComboboxOption<Data>[])(prevStateArray)\n            : value;\n          if (!nextStateArray) return new Map();\n          return new Map(nextStateArray.map(o => [o.value, o]));\n        });\n      };\n      return { ...base, type: 'multi', selectedOption, setSelectedOption } satisfies StateMulti;\n    }\n\n    if(type === 'single') {\n      const selectedOption = selectedOptionArray[0]\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data> | undefined>> = (value) => {\n        setSelectedOptions((prevSet) => {\n          const [currentSingle] = Array.from(prevSet.values());\n          const nextValue = typeof value === 'function'\n            ? (value as (prev: ComboboxOption<Data> | undefined) => ComboboxOption<Data> | undefined)(currentSingle)\n            : value;\n\n          const nextMap = new Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>();\n          if (nextValue) nextMap.set(nextValue.value, nextValue);\n          return nextMap;\n        });\n      };\n      return { ...base, type: 'single', selectedOption, setSelectedOption } satisfies StateSingle;\n    }\n\n    throw new Error(`Combobox type ${type} is not supported`);\n  }, [ placeholder, loading, open, options, searchTerm, selectedOptions, isEmptyList, isSearchedEmptyList, setOptions, onChangeOption, props.type ]);\n  useImperativeHandle(props.imperativeRef, () => callbackStateParams, [callbackStateParams]);\n\n  const fetchData = useCallback(async (\n    params: Parameters<typeof loadData>[0],\n    signal: AbortSignal,\n  ) => {\n    const fetchedData = await loadData(params, signal, callbackStateParams);\n    if (!fetchedData) throw new Error('Expected loadData to return data');\n    return Array.isArray(fetchedData)\n      ? { data: fetchedData, total: fetchedData.length }\n      : fetchedData;\n  }, [loadData, callbackStateParams]);\n\n  const loadFirst = useCallback(async (value: string = '') => {\n    if (!loadData) return;\n    const { id, signal } = beginRequest();\n    try {\n      setLoading(true);\n      setLoadingMore(false);\n\n      const result = await fetchData({ search: value }, signal);\n      if (id !== requestIdRef.current) return;\n\n      setOptions(result.data);\n      setTotal(result.total);\n      setOffset(result.data.length);\n    } catch (error) {\n      console.error('Unexpected error while get option:', error);\n    } finally {\n      if (id === requestIdRef.current) setLoading(false);\n    }\n  }, [beginRequest, fetchData, loadData]);\n\n  const loadMore = useCallback(async () => {\n    if (!loadData) return;\n    if (!hasNext || loading || loadingMore) return;\n    const { id, signal } = beginRequest();\n    try {\n      setLoadingMore(true);\n      const result = await fetchData(\n        { search: searchTerm, offset },\n        signal\n      );\n      setOptions((prev) => [...prev, ...result.data]);\n      setTotal(result.total);\n      setOffset((prev) => prev + result.data.length);\n    } catch (error) {\n      console.error('Unexpected error while load more option:', error);\n    } finally {\n      if (id === requestIdRef.current) setLoadingMore(false);\n    }\n  }, [beginRequest, fetchData, hasNext, loadData, loading, loadingMore, offset, searchTerm]);\n\n  const debouncedGetData = useDebounceCallback(loadFirst, 600, {\n    leading: false,\n    trailing: true,\n  });\n\n  const handleSearchChange = useCallback((value: string) => {\n    setLoading(true);\n    setSearchTerm(value);\n    debouncedGetData(value);\n  }, []);\n\n  const handleClearSelections = useCallback(() => {\n    props.onChange(undefined);\n    setSelectedOptions(new Map());\n    setOpen(false);\n  }, [props.onChange]);\n\n  const handleReset = useCallback(() => {\n    abortRef.current?.abort();\n    requestIdRef.current += 1;\n    setSearchTerm(\"\");\n    setLoading(false);\n    setLoadingMore(false);\n  }, []);\n\n  const handlePopoverOpen = useCallback(async (next: boolean) => {\n    setOpen(next);\n    if(!next) {\n      // Mark field as touched on close so onTouched validation surfaces the error\n      props.onBlur?.();\n      return handleReset();\n    }\n    void loadFirst();\n    setSearchTerm('');\n  }, [handleReset, loadFirst, props.onBlur]);\n\n  const runOnMount = useCallback(async () => {\n    if (!props.onMount) return;\n    setInitialLoading(true);\n    try {\n      if (type === 'multi') {\n        await (props as MultiComboboxProps<Data>).onMount?.(callbackStateParams as StateMulti);\n      } else {\n        await (props as SingleComboboxProps<Data>).onMount?.(callbackStateParams as StateSingle);\n      }\n    } finally {\n      setInitialLoading(false);\n    }\n  }, [ props.onMount, callbackStateParams ]);\n  useLayoutEffect(() => {\n    runOnMount();\n  }, []);\n\n  return (\n    <div className=\"w-full\">\n      <Popover\n        open={open}\n        onOpenChange={handlePopoverOpen}\n        modal={slotProps?.popover?.modal}\n      >\n        <ComboboxRenderTrigger\n          value={value}\n          type={type}\n          open={open}\n          initialLoading={initialLoading}\n          selectedOptions={selectedOptions}\n          flattenOptions={flattenOptions}\n          onSelect={onChangeOption}\n          onClearSelections={handleClearSelections}\n          callbackStateParams={callbackStateParams}\n          renderTrigger={renderTrigger as ComboboxCallbackStateParamsRenderHandler<Data>}\n          placeholder={placeholder}\n          disabled={disabled}\n        />\n\n        <ComboboxRenderContent\n          open={open}\n          value={value}\n          type={type}\n          options={options}\n          search={searchTerm}\n          onSearch={handleSearchChange}\n          onSelect={onChangeOption}\n          onLoadMore={loadMore}\n          hasNext={hasNext}\n          loading={loading}\n          loadingMore={loadingMore}\n          isEmptyList={isEmptyList}\n          callbackStateParams={callbackStateParams}\n          commandInputAction={commandInputAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          renderList={renderList as ComboboxCallbackStateParamsRenderHandler<Data>}\n          listHeadAction={listHeadAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          listFooterAction={listFooterAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          emptyAction={emptyAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          slotProps={slotProps}\n          searchLabel={searchLabel}\n          emptyLabel={emptyLabel}\n          defaultNodeOpen={defaultNodeOpen}\n          defaultNodeDisabled={defaultNodeDisabled}\n          defaultNodeMatched={defaultNodeMatched}\n          defaultNodeMuted={defaultNodeMuted}\n          defaultNodeInteractive={defaultNodeInteractive}\n          forcePointerSelect={forcePointerSelect}\n          popoverContainer={slotProps?.popover?.container}\n        />\n      </Popover>\n    </div>\n  );\n}\n"],"names":["Combobox","props","value","itemOptions","placeholder","disabled","searchLabel","emptyLabel","loadData","renderTrigger","commandInputAction","renderList","listHeadAction","listFooterAction","emptyAction","slotProps","defaultNodeOpen","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","forcePointerSelect","type","DEFAULT_COMBOBOX_TYPE","initialLoading","setInitialLoading","useState","loading","setLoading","loadingMore","setLoadingMore","open","setOpen","searchTerm","setSearchTerm","selectedOptions","setSelectedOptions","options","_setOptions","flattenOptions","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","o","current","prevSelections","nextSelections","vls","v","total","setTotal","offset","setOffset","hasNext","useEffect","requestIdRef","useRef","abortRef","beginRequest","ac","isSearchedEmptyList","useMemo","isEmptyList","onChangeOption","option","isSelected","callbackStateParams","base","selectedOptionArray","prevSet","prevStateArray","nextStateArray","selectedOption","currentSingle","nextValue","nextMap","useImperativeHandle","fetchData","params","signal","fetchedData","loadFirst","id","result","error","loadMore","debouncedGetData","useDebounceCallback","handleSearchChange","handleClearSelections","handleReset","handlePopoverOpen","runOnMount","useLayoutEffect","jsx","jsxs","Popover","ComboboxRenderTrigger","ComboboxRenderContent"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\r\n  Dispatch, JSX,\r\n  SetStateAction,\r\n  useCallback,\r\n  useEffect, useImperativeHandle,\r\n  useLayoutEffect,\r\n  useMemo, useRef,\r\n  useState,\r\n} from 'react';\r\nimport { Popover } from '../Popover';\r\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\r\nimport {\r\n  ComboboxCallbackStateParams, ComboboxCallbackStateParamsRenderHandler,\r\n  ComboboxOption,\r\n  ComboboxProps, ComboboxSelectedType,\r\n  DEFAULT_COMBOBOX_TYPE, MultiComboboxProps, SingleComboboxProps,\r\n} from './Combobox.types';\r\nimport { ComboboxRenderTrigger } from \"./ComboboxRenderTrigger\";\r\nimport { ComboboxRenderContent } from \"./ComboboxRenderContent\";\r\n\r\nexport function Combobox<Data extends object>(props: SingleComboboxProps<Data>): JSX.Element;\r\nexport function Combobox<Data extends object>(props: MultiComboboxProps<Data>): JSX.Element;\r\n\r\nexport function Combobox<Data extends object = object>(\r\n  props: ComboboxProps<Data, 'single'> | ComboboxProps<Data, 'multi'>\r\n): JSX.Element {\r\n  const {\r\n    value,\r\n    options: itemOptions,\r\n    placeholder,\r\n    disabled,\r\n    searchLabel,\r\n    emptyLabel,\r\n    loadData,\r\n    renderTrigger,\r\n    commandInputAction,\r\n    renderList,\r\n    listHeadAction,\r\n    listFooterAction,\r\n    emptyAction,\r\n    slotProps,\r\n    defaultNodeOpen,\r\n    defaultNodeDisabled,\r\n    defaultNodeMatched,\r\n    defaultNodeMuted,\r\n    defaultNodeInteractive,\r\n    forcePointerSelect,\r\n  } = props;\r\n\r\n  const type: ComboboxSelectedType = props.type ?? DEFAULT_COMBOBOX_TYPE;\r\n  type StateSingle = ComboboxCallbackStateParams<Data, 'single'>;\r\n  type StateMulti = ComboboxCallbackStateParams<Data, 'multi'>;\r\n  type State = StateSingle | StateMulti;\r\n\r\n  const [ initialLoading, setInitialLoading ] = useState(false);\r\n  const [ loading, setLoading ] = useState(false);\r\n  const [loadingMore, setLoadingMore] = useState(false);\r\n\r\n  const [ open, setOpen ] = useState(false);\r\n  const [ searchTerm, setSearchTerm ] = useState('');\r\n\r\n  const [ selectedOptions, setSelectedOptions ] = useState<\r\n    Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>\r\n  >(new Map());\r\n\r\n  const [ options, _setOptions ] = useState<ComboboxOption<Data>[]>([]);\r\n  const [ flattenOptions, setFlattenOptions ] = useState<ComboboxOption<Data>[]>([]);\r\n  const setOptions: Dispatch<SetStateAction<ComboboxOption<Data>[]>> = useCallback((stater) => {\r\n    const flatten = (next: ComboboxOption<Data>[]) => {\r\n      const res: ComboboxOption<Data>[] = [];\r\n      const walk = (nodes?: ComboboxOption<Data>[]) => {\r\n        if (!nodes) return;\r\n        for (const node of nodes) {\r\n          res.push(node);\r\n          if (node.items && node.items.length) walk(node.items);\r\n        }\r\n      };\r\n      walk(next);\r\n      setFlattenOptions((prev) => {\r\n        const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\r\n\r\n        if (!isIncludedInRes) {\r\n          const selectedOption = selectedOptions.size ? Array.from(selectedOptions.values()) : undefined;\r\n          const current = (selectedOption || prev).find(o => !!value && String(o.value) === String(value))\r\n          if (current) return [ current, ...res ];\r\n        }\r\n\r\n        return res;\r\n      });\r\n    }\r\n    _setOptions((prev) => {\r\n      const next: ComboboxOption<Data>[] = typeof stater === 'function' ? stater(prev) : stater;\r\n      flatten(next);\r\n      setSelectedOptions(prevSelections => {\r\n        const nextSelections = new Map(prevSelections);\r\n        const vls = Array.isArray(value) ? value : [value];\r\n        for (const v of vls) {\r\n          if(!v) continue;\r\n          if(nextSelections.has(v)) continue;\r\n          const o = next.find(o => String(o.value).toLowerCase() === String(v).toLowerCase());\r\n          if(!o) continue;\r\n          nextSelections.set(o.value, o);\r\n        }\r\n        return nextSelections;\r\n      })\r\n      return next;\r\n    });\r\n  }, [ selectedOptions, value ])\r\n\r\n  const [total, setTotal] = useState<number>(0);\r\n  const [offset, setOffset] = useState<number>(0);\r\n  const hasNext = offset < total;\r\n\r\n  useEffect(() => {\r\n    itemOptions?.length && setOptions(itemOptions);\r\n  }, [ itemOptions ]);\r\n\r\n  const requestIdRef = useRef(0);\r\n  const abortRef = useRef<AbortController>(null);\r\n  const beginRequest = useCallback(() => {\r\n    requestIdRef.current += 1;\r\n    abortRef.current?.abort();\r\n    const ac = new AbortController();\r\n    abortRef.current = ac;\r\n    return { id: requestIdRef.current, signal: ac.signal };\r\n  }, []);\r\n  useEffect(() => {\r\n    return () => abortRef.current?.abort();\r\n  }, []);\r\n\r\n  const isSearchedEmptyList = useMemo(() => {\r\n    return Boolean(searchTerm) && !options.length && !loading;\r\n  }, [ loading, options.length, searchTerm ])\r\n\r\n  const isEmptyList = useMemo(() => {\r\n    return !options.length && !loading;\r\n  }, [ loading, options.length, searchTerm ])\r\n\r\n  const onChangeOption = useCallback((option: ComboboxOption<Data>) => {\r\n    if(props.type === 'single') {\r\n      setSelectedOptions(prev => {\r\n        let next = new Map(prev);\r\n        const isSelected = next.has(option.value);\r\n\r\n        if(next.has(option.value)) next = new Map();\r\n        else next.set(option.value, option);\r\n\r\n        if(isSelected) props.onChange?.(undefined);\r\n        else props.onChange?.(option.value);\r\n\r\n        return next;\r\n      });\r\n      setOpen(false);\r\n    }\r\n\r\n    if(props.type === 'multi') {\r\n      setSelectedOptions(prev => {\r\n        const next = new Map(prev);\r\n        if(next.has(option.value)) next.delete(option.value);\r\n        else next.set(option.value, option);\r\n        props.onChange?.(Array.from(next.keys()));\r\n        return next;\r\n      });\r\n    }\r\n  }, [props.type, props.onChange]);\r\n\r\n  const callbackStateParams = useMemo((): State => {\r\n    const base = {\r\n      options,\r\n      setOptions,\r\n      search: searchTerm || '',\r\n      setSearch: setSearchTerm,\r\n      onChangeOption,\r\n      open,\r\n      setOpen,\r\n      loading,\r\n      setLoading,\r\n      isEmptyList,\r\n      isSearchedEmptyList,\r\n      placeholder,\r\n    }\r\n\r\n    const selectedOptionArray = Array.from(selectedOptions.values());\r\n\r\n    if(type === 'multi') {\r\n      const selectedOption = selectedOptionArray\r\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>> = (value) => {\r\n        setSelectedOptions((prevSet) => {\r\n          const prevStateArray = Array.from(prevSet.values());\r\n          const nextStateArray = typeof value === 'function'\r\n            ? (value as (prev: ComboboxOption<Data>[]) => ComboboxOption<Data>[])(prevStateArray)\r\n            : value;\r\n          if (!nextStateArray) return new Map();\r\n          return new Map(nextStateArray.map(o => [o.value, o]));\r\n        });\r\n      };\r\n      return { ...base, type: 'multi', selectedOption, setSelectedOption } satisfies StateMulti;\r\n    }\r\n\r\n    if(type === 'single') {\r\n      const selectedOption = selectedOptionArray[0]\r\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data> | undefined>> = (value) => {\r\n        setSelectedOptions((prevSet) => {\r\n          const [currentSingle] = Array.from(prevSet.values());\r\n          const nextValue = typeof value === 'function'\r\n            ? (value as (prev: ComboboxOption<Data> | undefined) => ComboboxOption<Data> | undefined)(currentSingle)\r\n            : value;\r\n\r\n          const nextMap = new Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>();\r\n          if (nextValue) nextMap.set(nextValue.value, nextValue);\r\n          return nextMap;\r\n        });\r\n      };\r\n      return { ...base, type: 'single', selectedOption, setSelectedOption } satisfies StateSingle;\r\n    }\r\n\r\n    throw new Error(`Combobox type ${type} is not supported`);\r\n  }, [ placeholder, loading, open, options, searchTerm, selectedOptions, isEmptyList, isSearchedEmptyList, setOptions, onChangeOption, props.type ]);\r\n  useImperativeHandle(props.imperativeRef, () => callbackStateParams, [callbackStateParams]);\r\n\r\n  const fetchData = useCallback(async (\r\n    params: Parameters<typeof loadData>[0],\r\n    signal: AbortSignal,\r\n  ) => {\r\n    const fetchedData = await loadData(params, signal, callbackStateParams);\r\n    if (!fetchedData) throw new Error('Expected loadData to return data');\r\n    return Array.isArray(fetchedData)\r\n      ? { data: fetchedData, total: fetchedData.length }\r\n      : fetchedData;\r\n  }, [loadData, callbackStateParams]);\r\n\r\n  const loadFirst = useCallback(async (value: string = '') => {\r\n    if (!loadData) return;\r\n    const { id, signal } = beginRequest();\r\n    try {\r\n      setLoading(true);\r\n      setLoadingMore(false);\r\n\r\n      const result = await fetchData({ search: value }, signal);\r\n      if (id !== requestIdRef.current) return;\r\n\r\n      setOptions(result.data);\r\n      setTotal(result.total);\r\n      setOffset(result.data.length);\r\n    } catch (error) {\r\n      console.error('Unexpected error while get option:', error);\r\n    } finally {\r\n      if (id === requestIdRef.current) setLoading(false);\r\n    }\r\n  }, [beginRequest, fetchData, loadData]);\r\n\r\n  const loadMore = useCallback(async () => {\r\n    if (!loadData) return;\r\n    if (!hasNext || loading || loadingMore) return;\r\n    const { id, signal } = beginRequest();\r\n    try {\r\n      setLoadingMore(true);\r\n      const result = await fetchData(\r\n        { search: searchTerm, offset },\r\n        signal\r\n      );\r\n      setOptions((prev) => [...prev, ...result.data]);\r\n      setTotal(result.total);\r\n      setOffset((prev) => prev + result.data.length);\r\n    } catch (error) {\r\n      console.error('Unexpected error while load more option:', error);\r\n    } finally {\r\n      if (id === requestIdRef.current) setLoadingMore(false);\r\n    }\r\n  }, [beginRequest, fetchData, hasNext, loadData, loading, loadingMore, offset, searchTerm]);\r\n\r\n  const debouncedGetData = useDebounceCallback(loadFirst, 600, {\r\n    leading: false,\r\n    trailing: true,\r\n  });\r\n\r\n  const handleSearchChange = useCallback((value: string) => {\r\n    setLoading(true);\r\n    setSearchTerm(value);\r\n    debouncedGetData(value);\r\n  }, []);\r\n\r\n  const handleClearSelections = useCallback(() => {\r\n    props.onChange(undefined);\r\n    setSelectedOptions(new Map());\r\n    setOpen(false);\r\n  }, [props.onChange]);\r\n\r\n  const handleReset = useCallback(() => {\r\n    abortRef.current?.abort();\r\n    requestIdRef.current += 1;\r\n    setSearchTerm(\"\");\r\n    setLoading(false);\r\n    setLoadingMore(false);\r\n  }, []);\r\n\r\n  const handlePopoverOpen = useCallback(async (next: boolean) => {\r\n    setOpen(next);\r\n    if(!next) {\r\n      // Mark field as touched on close so onTouched validation surfaces the error\r\n      props.onBlur?.();\r\n      return handleReset();\r\n    }\r\n    void loadFirst();\r\n    setSearchTerm('');\r\n  }, [handleReset, loadFirst, props.onBlur]);\r\n\r\n  const runOnMount = useCallback(async () => {\r\n    if (!props.onMount) return;\r\n    setInitialLoading(true);\r\n    try {\r\n      if (type === 'multi') {\r\n        await (props as MultiComboboxProps<Data>).onMount?.(callbackStateParams as StateMulti);\r\n      } else {\r\n        await (props as SingleComboboxProps<Data>).onMount?.(callbackStateParams as StateSingle);\r\n      }\r\n    } finally {\r\n      setInitialLoading(false);\r\n    }\r\n  }, [ props.onMount, callbackStateParams ]);\r\n  useLayoutEffect(() => {\r\n    runOnMount();\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"w-full\">\r\n      <Popover\r\n        open={open}\r\n        onOpenChange={handlePopoverOpen}\r\n        modal={slotProps?.popover?.modal}\r\n      >\r\n        <ComboboxRenderTrigger\r\n          value={value}\r\n          type={type}\r\n          open={open}\r\n          initialLoading={initialLoading}\r\n          selectedOptions={selectedOptions}\r\n          flattenOptions={flattenOptions}\r\n          onSelect={onChangeOption}\r\n          onClearSelections={handleClearSelections}\r\n          callbackStateParams={callbackStateParams}\r\n          renderTrigger={renderTrigger as ComboboxCallbackStateParamsRenderHandler<Data>}\r\n          placeholder={placeholder}\r\n          disabled={disabled}\r\n        />\r\n\r\n        <ComboboxRenderContent\r\n          open={open}\r\n          value={value}\r\n          type={type}\r\n          options={options}\r\n          search={searchTerm}\r\n          onSearch={handleSearchChange}\r\n          onSelect={onChangeOption}\r\n          onLoadMore={loadMore}\r\n          hasNext={hasNext}\r\n          loading={loading}\r\n          loadingMore={loadingMore}\r\n          isEmptyList={isEmptyList}\r\n          callbackStateParams={callbackStateParams}\r\n          commandInputAction={commandInputAction as ComboboxCallbackStateParamsRenderHandler<Data>}\r\n          renderList={renderList as ComboboxCallbackStateParamsRenderHandler<Data>}\r\n          listHeadAction={listHeadAction as ComboboxCallbackStateParamsRenderHandler<Data>}\r\n          listFooterAction={listFooterAction as ComboboxCallbackStateParamsRenderHandler<Data>}\r\n          emptyAction={emptyAction as ComboboxCallbackStateParamsRenderHandler<Data>}\r\n          slotProps={slotProps}\r\n          searchLabel={searchLabel}\r\n          emptyLabel={emptyLabel}\r\n          defaultNodeOpen={defaultNodeOpen}\r\n          defaultNodeDisabled={defaultNodeDisabled}\r\n          defaultNodeMatched={defaultNodeMatched}\r\n          defaultNodeMuted={defaultNodeMuted}\r\n          defaultNodeInteractive={defaultNodeInteractive}\r\n          forcePointerSelect={forcePointerSelect}\r\n          popoverContainer={slotProps?.popover?.container}\r\n        />\r\n      </Popover>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Combobox","props","value","itemOptions","placeholder","disabled","searchLabel","emptyLabel","loadData","renderTrigger","commandInputAction","renderList","listHeadAction","listFooterAction","emptyAction","slotProps","defaultNodeOpen","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","forcePointerSelect","type","DEFAULT_COMBOBOX_TYPE","initialLoading","setInitialLoading","useState","loading","setLoading","loadingMore","setLoadingMore","open","setOpen","searchTerm","setSearchTerm","selectedOptions","setSelectedOptions","options","_setOptions","flattenOptions","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","o","current","prevSelections","nextSelections","vls","v","total","setTotal","offset","setOffset","hasNext","useEffect","requestIdRef","useRef","abortRef","beginRequest","ac","isSearchedEmptyList","useMemo","isEmptyList","onChangeOption","option","isSelected","callbackStateParams","base","selectedOptionArray","prevSet","prevStateArray","nextStateArray","selectedOption","currentSingle","nextValue","nextMap","useImperativeHandle","fetchData","params","signal","fetchedData","loadFirst","id","result","error","loadMore","debouncedGetData","useDebounceCallback","handleSearchChange","handleClearSelections","handleReset","handlePopoverOpen","runOnMount","useLayoutEffect","jsx","jsxs","Popover","ComboboxRenderTrigger","ComboboxRenderContent"],"mappings":"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"}

package/Combobox/Combobox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.stories.js","sources":["../../src/Combobox/Combobox.stories.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Combobox } from './Combobox';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps, MultiComboboxProps, SingleComboboxProps,\n} from './Combobox.types';\n\nconst sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\n\nconst flatten = (nodes: ComboboxOption[] = []): ComboboxOption[] => {\n  const res: ComboboxOption[] = [];\n  const walk = (list?: ComboboxOption[]) => {\n    if (!list?.length) return;\n    for (const n of list) {\n      res.push(n);\n      if (n.items?.length) walk(n.items);\n    }\n  };\n  walk(nodes);\n  return res;\n};\n\nconst createFetchOptions =\n  (all: ComboboxOption[], delayMs = 150): ComboboxProps['loadData'] =>\n    async ({ search }) => {\n      await sleep(delayMs);\n\n      const q = (search ?? '').trim().toLowerCase();\n      if (!q) return all;\n\n      // simple \"contains\" search across flattened options; then return top-level filtered\n      // (enough for Storybook demos; your real API can do better)\n      const allFlat = flatten(all);\n      const matchedValues = new Set(\n        allFlat\n          .filter((o) => String(o.label).toLowerCase().includes(q))\n          .map((o) => String(o.value)),\n      );\n\n      const filterTree = (list: ComboboxOption[]): ComboboxOption[] => {\n        return list\n          .map((n) => {\n            const items = n.items?.length ? filterTree(n.items) : undefined;\n            const selfMatch =\n              matchedValues.has(String(n.value)) ||\n              String(n.label).toLowerCase().includes(q);\n\n            if (!selfMatch && !items?.length) return null;\n            return { ...n, items };\n          })\n          .filter(Boolean) as ComboboxOption[];\n      };\n\n      return filterTree(all);\n    };\n\n\nconst filterTreeBySearch = (\n  all: ComboboxOption[],\n  search?: string,\n): ComboboxOption[] => {\n  const q = (search ?? '').trim().toLowerCase();\n  if (!q) return all;\n\n  const allFlat = flatten(all);\n\n  const matchedValues = new Set(\n    allFlat\n      .filter((o) => String(o.label).toLowerCase().includes(q))\n      .map((o) => String(o.value)),\n  );\n\n  const filterTree = (list: ComboboxOption[]): ComboboxOption[] => {\n    return list\n      .map((n) => {\n        const items = n.items?.length ? filterTree(n.items) : undefined;\n        const selfMatch =\n          matchedValues.has(String(n.value)) ||\n          String(n.label).toLowerCase().includes(q);\n\n        if (!selfMatch && !items?.length) return null;\n        return { ...n, items };\n      })\n      .filter(Boolean) as ComboboxOption[];\n  };\n\n  return filterTree(all);\n};\n\nconst createPaginatedFetchOptions =\n  (\n    all: ComboboxOption[],\n    delayMs = 250,\n    limit = 20,\n  ): ComboboxProps['loadData'] =>\n    async ({ search, offset = 0 }) => {\n      await sleep(delayMs);\n\n      const filteredTree = filterTreeBySearch(all, search);\n      const filteredFlat = flatten(filteredTree);\n\n      const data = filteredFlat.slice(offset, offset + limit);\n\n      return {\n        data,\n        total: filteredFlat.length,\n      };\n    };\n\nconst BASE_OPTIONS: ComboboxOption[] = [\n  { value: 'ua', label: 'Ukraine' },\n  { value: 'pl', label: 'Poland' },\n  { value: 'de', label: 'Germany' },\n  { value: 'fr', label: 'France' },\n  { value: 'es', label: 'Spain' },\n  { value: 'it', label: 'Italy' },\n];\n\nconst MANY_OPTIONS: ComboboxOption[] = Array.from({ length: 120 }).map((_, i) => ({\n  value: `option-${i + 1}`,\n  label: `Option ${i + 1}`,\n}));\n\nconst NESTED_OPTIONS: ComboboxOption[] = [\n  {\n    value: 'europe',\n    label: 'Europe',\n    items: [\n      {\n        value: 'fr',\n        label: 'France',\n        items: [\n          {\n            value: 'paris',\n            label: 'Paris (Île-de-France)',\n            items: [\n              { value: 'paris-1', label: 'Paris 1st arrondissement' },\n              { value: 'paris-3', label: 'Paris 3rd arrondissement' },\n              { value: 'paris-10', label: 'Paris 10th arrondissement' },\n            ],\n          },\n          { value: 'marseille', label: 'Marseille (Provence-Alpes-Côte d\\'Azur)' },\n          {\n            value: 'lyon',\n            label: 'Lyon (Auvergne-Rhône-Alpes)',\n            items: [\n              { value: 'lyon-presquile', label: 'Presqu\\'île (1st/2nd)' },\n              { value: 'lyon-vieux', label: 'Vieux Lyon' },\n            ],\n          },\n          { value: 'toulouse', label: 'Toulouse (Occitanie)' },\n          { value: 'bordeaux', label: 'Bordeaux (Nouvelle-Aquitaine)' },\n          { value: 'strasbourg', label: 'Strasbourg (Grand Est)' },\n          {\n            value: 'rennes',\n            label: 'Rennes (Brittany)',\n            items: [\n              { value: 'rennes-centre', label: 'Rennes Centre' },\n              { value: 'rennes-beauregard', label: 'Beauregard' },\n            ],\n          },\n        ]\n      },\n      { value: 'ua', label: 'Ukraine' },\n      { value: 'pl', label: 'Poland' },\n      { value: 'de', label: 'Germany' },\n    ],\n  },\n  {\n    value: 'north-america',\n    label: 'North America',\n    items: [\n      { value: 'us', label: 'United States' },\n      { value: 'ca', label: 'Canada' },\n      { value: 'mx', label: 'Mexico' },\n      { value: 'north-america-long', label: 'To long option to test wrapping. '.repeat(3) },\n      {\n        value: 'north-america-long-single',\n        label: 'To long option to test wrapping. '.replace(/ /g, '_').repeat(3)\n      },\n    ],\n  },\n];\nconst getFlattenOptions = (options: ComboboxOption[]) => {\n  return options.flatMap(option => [\n    option,\n    ...(option.items ? getFlattenOptions(option.items) : [])\n  ]);\n};\n\nconst getAllValues = (options: ComboboxOption[]): string[] => {\n  return getFlattenOptions(options).map(o => o.value)\n};\n\ntype ControlledProps<T extends ComboboxProps = ComboboxProps> = Omit<T, 'value' | 'onChange'> & {\n  initialValue?: T['value'];\n};\n\nfunction ControlledCombobox({ initialValue = '', ...args }: ControlledProps<SingleComboboxProps>) {\n  const [ value, setValue ] = useState<SingleComboboxProps['value']>(initialValue);\n  const loadData = useMemo(\n    () => args.loadData,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return (\n    <div className=\"max-w-sm\">\n      <Combobox type='single' {...args} value={value} onChange={setValue} loadData={loadData}\n                defaultNodeMatched/>\n      <div className=\"mt-3 text-xs text-muted-foreground\">\n        value: <span className=\"font-mono\">{String(value || '')}</span>\n      </div>\n    </div>\n  );\n}\n\nfunction ControlledComboboxMulti({\n                                   initialValue = [],\n                                   ...args\n                                 }: ControlledProps<MultiComboboxProps>) {\n  const [ value, setValue ] = useState<MultiComboboxProps['value'] | undefined>(initialValue);\n  const loadData = useMemo(() => args.loadData, []);\n  return (\n    <div className=\"max-w-sm\">\n      <Combobox\n        {...args}\n        type='multi'\n        value={value}\n        onChange={setValue}\n        loadData={loadData}\n      />\n      <div className=\"mt-3 text-xs text-muted-foreground\">\n        value: <span className=\"font-mono\">{(value || []).join(', ')}</span>\n      </div>\n    </div>\n  );\n}\n\nconst meta = {\n  title: 'Combobox',\n  component: Combobox,\n  parameters: {\n    layout: 'centered',\n  },\n  args: {\n    placeholder: 'Select option...',\n    searchLabel: 'Type to search...',\n    emptyLabel: 'No options',\n    disabled: false,\n    loadData: createFetchOptions(BASE_OPTIONS, 250),\n  },\n  argTypes: {\n    loadData: { control: false },\n    onChange: { control: false },\n    onMount: { control: false },\n    emptyAction: { control: false },\n    commandInputAction: { control: false },\n    listHeadAction: { control: false },\n    options: { control: false },\n    value: { control: false },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"p-6 w-[420px]\">\n        <Story/>\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Combobox>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\n/** 1) Default (async options) */\nexport const Default: Story = {\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 2) With initial selected value */\nexport const WithValueSelected: Story = {\n  render: (args) => <ControlledCombobox {...args} initialValue=\"pl\"/>,\n};\n\n/** 3) Disabled */\nexport const Disabled: Story = {\n  args: { disabled: true },\n  render: (args) => <ControlledCombobox {...args} initialValue=\"de\"/>,\n};\n\n/** 4) Static options via `options` prop (no async needed, but loadData still required) */\nexport const WithStaticOptionsProp: Story = {\n  args: {\n    options: BASE_OPTIONS,\n    loadData: async () => BASE_OPTIONS,\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 5) Slow fetch to show loading state on open/search */\nexport const SlowFetchLoading: Story = {\n  args: {\n    loadData: createFetchOptions(BASE_OPTIONS, 1200),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 5.1) Forced loading state (opened on mount) */\nexport const Loading: Story = {\n  args: {\n    loadData: async () => BASE_OPTIONS,\n    onMount: async (st: ComboboxCallbackStateParams<object, 'single'>) => {\n      st.setOpen(true);\n      st.setOptions([]);\n      st.setLoading(true);\n      await sleep(1200);\n      st.setOptions(BASE_OPTIONS);\n      st.setLoading(false);\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 6) Empty state with action (search something like \"zzz\") */\nexport const EmptyStateWithAction: Story = {\n  args: {\n    emptyLabel: 'Nothing found',\n    emptyAction: (st: ComboboxCallbackStateParams) => {\n      const canCreate = Boolean(st.search?.trim());\n      return (\n        <button\n          type=\"button\"\n          className=\"inline-flex items-center justify-center rounded-md border px-3 py-1.5 text-sm\"\n          disabled={!canCreate}\n          onClick={() => {\n            const v = st.search.trim();\n            const next: ComboboxOption = { value: v, label: `Create \"${v}\"` };\n            st.setOptions([ next ]);\n            st.setLoading(false);\n          }}\n        >\n          Create option\n        </button>\n      );\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 7) commandInputAction (helper row under input) */\nexport const WithCommandInputAction: Story = {\n  args: {\n    commandInputAction: (st: ComboboxCallbackStateParams) => (\n      <div className=\"px-3 py-2 flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          results: <span className=\"font-mono\">{st.options.length}</span>\n        </span>\n        <button\n          type=\"button\"\n          className=\"underline\"\n          onClick={() => {\n            st.setSearch('');\n            st.setLoading(false);\n          }}\n        >\n          Clear search\n        </button>\n      </div>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 8) listHeadAction (top action inside list) */\nexport const WithListHeadAction: Story = {\n  args: {\n    listHeadAction: (st: ComboboxCallbackStateParams) => (\n      <button\n        type=\"button\"\n        className=\"w-full text-left px-3 py-2 text-sm\"\n        onClick={() => {\n          st.setSearch('');\n          st.setOpen(false);\n        }}\n      >\n        Close list\n      </button>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 9) listHeadAction (footer action outside of list) */\nexport const WithListFooterAction: Story = {\n  args: {\n    listFooterAction: (st: ComboboxCallbackStateParams) => (\n      <button\n        type=\"button\"\n        className=\"w-full text-left min-h-10 text-sm\"\n        onClick={() => {\n          st.setSearch('');\n          st.setOpen(false);\n        }}\n      >\n        list footer action\n      </button>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 10) Nested options tree */\nexport const NestedOptions: Story = {\n  args: {\n    loadData: createFetchOptions(NESTED_OPTIONS, 250),\n    // defaultNodeDisabled: false,\n    // defaultNodeMatched: false,\n    // defaultNodeMuted: true,\n    // defaultNodeInteractive: false,\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 11) Multi Nested options tree */\nexport const NestedOptionsMulti: Story = {\n  args: {\n    loadData: createFetchOptions(NESTED_OPTIONS, 250),\n    onMount: async (st: ComboboxCallbackStateParams<object, 'single'>) => {\n      await sleep(900);\n      st.setOptions(getFlattenOptions(NESTED_OPTIONS));\n    },\n  },\n  render: (args) => {\n    const TEST_FULL = false;\n    const initialValues = TEST_FULL ? getAllValues(NESTED_OPTIONS) : [ 'fr', 'de' ];\n    return <ControlledComboboxMulti {...args} initialValue={initialValues}/>\n  },\n};\n\n/** 12) onMount initial loading (simulate prefetch on mount) */\nexport const OnMountPrefetch: Story = {\n  args: {\n    loadData: createFetchOptions(BASE_OPTIONS, 250),\n    onMount: async (st: ComboboxCallbackStateParams<object, 'multi'>) => {\n      await sleep(900);\n      st.setOptions(BASE_OPTIONS);\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 13) render custom trigger */\nexport const RenderCustomTrigger: Story = {\n  args: {\n    renderTrigger: (state) => {\n      console.log('state', state);\n      return (\n        <button\n          type=\"button\"\n          className=\"w-full\"\n          onClick={() => state.setOpen((o) => !o)}\n        >\n          {state.selectedOption ? `Selected: ${state.selectedOption.label}` : 'Select option...'}\n        </button>\n      )\n    }\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 14) Load more with infinite scroll */\nexport const InfiniteScrollLoadMore: Story = {\n  args: {\n    placeholder: 'Select option...',\n    searchLabel: 'Type to search...',\n    emptyLabel: 'No options',\n    loadData: createPaginatedFetchOptions(MANY_OPTIONS, 500, 20),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n"],"names":["sleep","ms","r","flatten","nodes","res","walk","list","n","createFetchOptions","all","delayMs","search","q","allFlat","matchedValues","o","filterTree","items","filterTreeBySearch","createPaginatedFetchOptions","limit","offset","filteredTree","filteredFlat","BASE_OPTIONS","MANY_OPTIONS","_","i","NESTED_OPTIONS","getFlattenOptions","options","option","ControlledCombobox","initialValue","args","value","setValue","useState","loadData","useMemo","jsxs","jsx","Combobox","ControlledComboboxMulti","meta","Story","Default","WithValueSelected","Disabled","WithStaticOptionsProp","SlowFetchLoading","Loading","st","EmptyStateWithAction","canCreate","v","next","WithCommandInputAction","WithListHeadAction","WithListFooterAction","NestedOptions","NestedOptionsMulti","OnMountPrefetch","RenderCustomTrigger","state","InfiniteScrollLoadMore"],"mappings":"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"}
+{"version":3,"file":"Combobox.stories.js","sources":["../../src/Combobox/Combobox.stories.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\r\nimport type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { Combobox } from './Combobox';\r\nimport {\r\n  ComboboxCallbackStateParams,\r\n  ComboboxOption,\r\n  ComboboxProps, MultiComboboxProps, SingleComboboxProps,\r\n} from './Combobox.types';\r\n\r\nconst sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\r\n\r\nconst flatten = (nodes: ComboboxOption[] = []): ComboboxOption[] => {\r\n  const res: ComboboxOption[] = [];\r\n  const walk = (list?: ComboboxOption[]) => {\r\n    if (!list?.length) return;\r\n    for (const n of list) {\r\n      res.push(n);\r\n      if (n.items?.length) walk(n.items);\r\n    }\r\n  };\r\n  walk(nodes);\r\n  return res;\r\n};\r\n\r\nconst createFetchOptions =\r\n  (all: ComboboxOption[], delayMs = 150): ComboboxProps['loadData'] =>\r\n    async ({ search }) => {\r\n      await sleep(delayMs);\r\n\r\n      const q = (search ?? '').trim().toLowerCase();\r\n      if (!q) return all;\r\n\r\n      // simple \"contains\" search across flattened options; then return top-level filtered\r\n      // (enough for Storybook demos; your real API can do better)\r\n      const allFlat = flatten(all);\r\n      const matchedValues = new Set(\r\n        allFlat\r\n          .filter((o) => String(o.label).toLowerCase().includes(q))\r\n          .map((o) => String(o.value)),\r\n      );\r\n\r\n      const filterTree = (list: ComboboxOption[]): ComboboxOption[] => {\r\n        return list\r\n          .map((n) => {\r\n            const items = n.items?.length ? filterTree(n.items) : undefined;\r\n            const selfMatch =\r\n              matchedValues.has(String(n.value)) ||\r\n              String(n.label).toLowerCase().includes(q);\r\n\r\n            if (!selfMatch && !items?.length) return null;\r\n            return { ...n, items };\r\n          })\r\n          .filter(Boolean) as ComboboxOption[];\r\n      };\r\n\r\n      return filterTree(all);\r\n    };\r\n\r\n\r\nconst filterTreeBySearch = (\r\n  all: ComboboxOption[],\r\n  search?: string,\r\n): ComboboxOption[] => {\r\n  const q = (search ?? '').trim().toLowerCase();\r\n  if (!q) return all;\r\n\r\n  const allFlat = flatten(all);\r\n\r\n  const matchedValues = new Set(\r\n    allFlat\r\n      .filter((o) => String(o.label).toLowerCase().includes(q))\r\n      .map((o) => String(o.value)),\r\n  );\r\n\r\n  const filterTree = (list: ComboboxOption[]): ComboboxOption[] => {\r\n    return list\r\n      .map((n) => {\r\n        const items = n.items?.length ? filterTree(n.items) : undefined;\r\n        const selfMatch =\r\n          matchedValues.has(String(n.value)) ||\r\n          String(n.label).toLowerCase().includes(q);\r\n\r\n        if (!selfMatch && !items?.length) return null;\r\n        return { ...n, items };\r\n      })\r\n      .filter(Boolean) as ComboboxOption[];\r\n  };\r\n\r\n  return filterTree(all);\r\n};\r\n\r\nconst createPaginatedFetchOptions =\r\n  (\r\n    all: ComboboxOption[],\r\n    delayMs = 250,\r\n    limit = 20,\r\n  ): ComboboxProps['loadData'] =>\r\n    async ({ search, offset = 0 }) => {\r\n      await sleep(delayMs);\r\n\r\n      const filteredTree = filterTreeBySearch(all, search);\r\n      const filteredFlat = flatten(filteredTree);\r\n\r\n      const data = filteredFlat.slice(offset, offset + limit);\r\n\r\n      return {\r\n        data,\r\n        total: filteredFlat.length,\r\n      };\r\n    };\r\n\r\nconst BASE_OPTIONS: ComboboxOption[] = [\r\n  { value: 'ua', label: 'Ukraine' },\r\n  { value: 'pl', label: 'Poland' },\r\n  { value: 'de', label: 'Germany' },\r\n  { value: 'fr', label: 'France' },\r\n  { value: 'es', label: 'Spain' },\r\n  { value: 'it', label: 'Italy' },\r\n];\r\n\r\nconst MANY_OPTIONS: ComboboxOption[] = Array.from({ length: 120 }).map((_, i) => ({\r\n  value: `option-${i + 1}`,\r\n  label: `Option ${i + 1}`,\r\n}));\r\n\r\nconst NESTED_OPTIONS: ComboboxOption[] = [\r\n  {\r\n    value: 'europe',\r\n    label: 'Europe',\r\n    items: [\r\n      {\r\n        value: 'fr',\r\n        label: 'France',\r\n        items: [\r\n          {\r\n            value: 'paris',\r\n            label: 'Paris (Île-de-France)',\r\n            items: [\r\n              { value: 'paris-1', label: 'Paris 1st arrondissement' },\r\n              { value: 'paris-3', label: 'Paris 3rd arrondissement' },\r\n              { value: 'paris-10', label: 'Paris 10th arrondissement' },\r\n            ],\r\n          },\r\n          { value: 'marseille', label: 'Marseille (Provence-Alpes-Côte d\\'Azur)' },\r\n          {\r\n            value: 'lyon',\r\n            label: 'Lyon (Auvergne-Rhône-Alpes)',\r\n            items: [\r\n              { value: 'lyon-presquile', label: 'Presqu\\'île (1st/2nd)' },\r\n              { value: 'lyon-vieux', label: 'Vieux Lyon' },\r\n            ],\r\n          },\r\n          { value: 'toulouse', label: 'Toulouse (Occitanie)' },\r\n          { value: 'bordeaux', label: 'Bordeaux (Nouvelle-Aquitaine)' },\r\n          { value: 'strasbourg', label: 'Strasbourg (Grand Est)' },\r\n          {\r\n            value: 'rennes',\r\n            label: 'Rennes (Brittany)',\r\n            items: [\r\n              { value: 'rennes-centre', label: 'Rennes Centre' },\r\n              { value: 'rennes-beauregard', label: 'Beauregard' },\r\n            ],\r\n          },\r\n        ]\r\n      },\r\n      { value: 'ua', label: 'Ukraine' },\r\n      { value: 'pl', label: 'Poland' },\r\n      { value: 'de', label: 'Germany' },\r\n    ],\r\n  },\r\n  {\r\n    value: 'north-america',\r\n    label: 'North America',\r\n    items: [\r\n      { value: 'us', label: 'United States' },\r\n      { value: 'ca', label: 'Canada' },\r\n      { value: 'mx', label: 'Mexico' },\r\n      { value: 'north-america-long', label: 'To long option to test wrapping. '.repeat(3) },\r\n      {\r\n        value: 'north-america-long-single',\r\n        label: 'To long option to test wrapping. '.replace(/ /g, '_').repeat(3)\r\n      },\r\n    ],\r\n  },\r\n];\r\nconst getFlattenOptions = (options: ComboboxOption[]) => {\r\n  return options.flatMap(option => [\r\n    option,\r\n    ...(option.items ? getFlattenOptions(option.items) : [])\r\n  ]);\r\n};\r\n\r\nconst getAllValues = (options: ComboboxOption[]): string[] => {\r\n  return getFlattenOptions(options).map(o => o.value)\r\n};\r\n\r\ntype ControlledProps<T extends ComboboxProps = ComboboxProps> = Omit<T, 'value' | 'onChange'> & {\r\n  initialValue?: T['value'];\r\n};\r\n\r\nfunction ControlledCombobox({ initialValue = '', ...args }: ControlledProps<SingleComboboxProps>) {\r\n  const [ value, setValue ] = useState<SingleComboboxProps['value']>(initialValue);\r\n  const loadData = useMemo(\r\n    () => args.loadData,\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    [],\r\n  );\r\n\r\n  return (\r\n    <div className=\"max-w-sm\">\r\n      <Combobox type='single' {...args} value={value} onChange={setValue} loadData={loadData}\r\n                defaultNodeMatched/>\r\n      <div className=\"mt-3 text-xs text-muted-foreground\">\r\n        value: <span className=\"font-mono\">{String(value || '')}</span>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ControlledComboboxMulti({\r\n                                   initialValue = [],\r\n                                   ...args\r\n                                 }: ControlledProps<MultiComboboxProps>) {\r\n  const [ value, setValue ] = useState<MultiComboboxProps['value'] | undefined>(initialValue);\r\n  const loadData = useMemo(() => args.loadData, []);\r\n  return (\r\n    <div className=\"max-w-sm\">\r\n      <Combobox\r\n        {...args}\r\n        type='multi'\r\n        value={value}\r\n        onChange={setValue}\r\n        loadData={loadData}\r\n      />\r\n      <div className=\"mt-3 text-xs text-muted-foreground\">\r\n        value: <span className=\"font-mono\">{(value || []).join(', ')}</span>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst meta = {\r\n  title: 'Combobox',\r\n  component: Combobox,\r\n  parameters: {\r\n    layout: 'centered',\r\n  },\r\n  args: {\r\n    placeholder: 'Select option...',\r\n    searchLabel: 'Type to search...',\r\n    emptyLabel: 'No options',\r\n    disabled: false,\r\n    loadData: createFetchOptions(BASE_OPTIONS, 250),\r\n  },\r\n  argTypes: {\r\n    loadData: { control: false },\r\n    onChange: { control: false },\r\n    onMount: { control: false },\r\n    emptyAction: { control: false },\r\n    commandInputAction: { control: false },\r\n    listHeadAction: { control: false },\r\n    options: { control: false },\r\n    value: { control: false },\r\n  },\r\n  decorators: [\r\n    (Story) => (\r\n      <div className=\"p-6 w-[420px]\">\r\n        <Story/>\r\n      </div>\r\n    ),\r\n  ],\r\n} satisfies Meta<typeof Combobox>;\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\n/** 1) Default (async options) */\r\nexport const Default: Story = {\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 2) With initial selected value */\r\nexport const WithValueSelected: Story = {\r\n  render: (args) => <ControlledCombobox {...args} initialValue=\"pl\"/>,\r\n};\r\n\r\n/** 3) Disabled */\r\nexport const Disabled: Story = {\r\n  args: { disabled: true },\r\n  render: (args) => <ControlledCombobox {...args} initialValue=\"de\"/>,\r\n};\r\n\r\n/** 4) Static options via `options` prop (no async needed, but loadData still required) */\r\nexport const WithStaticOptionsProp: Story = {\r\n  args: {\r\n    options: BASE_OPTIONS,\r\n    loadData: async () => BASE_OPTIONS,\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 5) Slow fetch to show loading state on open/search */\r\nexport const SlowFetchLoading: Story = {\r\n  args: {\r\n    loadData: createFetchOptions(BASE_OPTIONS, 1200),\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 5.1) Forced loading state (opened on mount) */\r\nexport const Loading: Story = {\r\n  args: {\r\n    loadData: async () => BASE_OPTIONS,\r\n    onMount: async (st: ComboboxCallbackStateParams<object, 'single'>) => {\r\n      st.setOpen(true);\r\n      st.setOptions([]);\r\n      st.setLoading(true);\r\n      await sleep(1200);\r\n      st.setOptions(BASE_OPTIONS);\r\n      st.setLoading(false);\r\n    },\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 6) Empty state with action (search something like \"zzz\") */\r\nexport const EmptyStateWithAction: Story = {\r\n  args: {\r\n    emptyLabel: 'Nothing found',\r\n    emptyAction: (st: ComboboxCallbackStateParams) => {\r\n      const canCreate = Boolean(st.search?.trim());\r\n      return (\r\n        <button\r\n          type=\"button\"\r\n          className=\"inline-flex items-center justify-center rounded-md border px-3 py-1.5 text-sm\"\r\n          disabled={!canCreate}\r\n          onClick={() => {\r\n            const v = st.search.trim();\r\n            const next: ComboboxOption = { value: v, label: `Create \"${v}\"` };\r\n            st.setOptions([ next ]);\r\n            st.setLoading(false);\r\n          }}\r\n        >\r\n          Create option\r\n        </button>\r\n      );\r\n    },\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 7) commandInputAction (helper row under input) */\r\nexport const WithCommandInputAction: Story = {\r\n  args: {\r\n    commandInputAction: (st: ComboboxCallbackStateParams) => (\r\n      <div className=\"px-3 py-2 flex items-center justify-between text-xs text-muted-foreground\">\r\n        <span>\r\n          results: <span className=\"font-mono\">{st.options.length}</span>\r\n        </span>\r\n        <button\r\n          type=\"button\"\r\n          className=\"underline\"\r\n          onClick={() => {\r\n            st.setSearch('');\r\n            st.setLoading(false);\r\n          }}\r\n        >\r\n          Clear search\r\n        </button>\r\n      </div>\r\n    ),\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 8) listHeadAction (top action inside list) */\r\nexport const WithListHeadAction: Story = {\r\n  args: {\r\n    listHeadAction: (st: ComboboxCallbackStateParams) => (\r\n      <button\r\n        type=\"button\"\r\n        className=\"w-full text-left px-3 py-2 text-sm\"\r\n        onClick={() => {\r\n          st.setSearch('');\r\n          st.setOpen(false);\r\n        }}\r\n      >\r\n        Close list\r\n      </button>\r\n    ),\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 9) listHeadAction (footer action outside of list) */\r\nexport const WithListFooterAction: Story = {\r\n  args: {\r\n    listFooterAction: (st: ComboboxCallbackStateParams) => (\r\n      <button\r\n        type=\"button\"\r\n        className=\"w-full text-left min-h-10 text-sm\"\r\n        onClick={() => {\r\n          st.setSearch('');\r\n          st.setOpen(false);\r\n        }}\r\n      >\r\n        list footer action\r\n      </button>\r\n    ),\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 10) Nested options tree */\r\nexport const NestedOptions: Story = {\r\n  args: {\r\n    loadData: createFetchOptions(NESTED_OPTIONS, 250),\r\n    // defaultNodeDisabled: false,\r\n    // defaultNodeMatched: false,\r\n    // defaultNodeMuted: true,\r\n    // defaultNodeInteractive: false,\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 11) Multi Nested options tree */\r\nexport const NestedOptionsMulti: Story = {\r\n  args: {\r\n    loadData: createFetchOptions(NESTED_OPTIONS, 250),\r\n    onMount: async (st: ComboboxCallbackStateParams<object, 'single'>) => {\r\n      await sleep(900);\r\n      st.setOptions(getFlattenOptions(NESTED_OPTIONS));\r\n    },\r\n  },\r\n  render: (args) => {\r\n    const TEST_FULL = false;\r\n    const initialValues = TEST_FULL ? getAllValues(NESTED_OPTIONS) : [ 'fr', 'de' ];\r\n    return <ControlledComboboxMulti {...args} initialValue={initialValues}/>\r\n  },\r\n};\r\n\r\n/** 12) onMount initial loading (simulate prefetch on mount) */\r\nexport const OnMountPrefetch: Story = {\r\n  args: {\r\n    loadData: createFetchOptions(BASE_OPTIONS, 250),\r\n    onMount: async (st: ComboboxCallbackStateParams<object, 'multi'>) => {\r\n      await sleep(900);\r\n      st.setOptions(BASE_OPTIONS);\r\n    },\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 13) render custom trigger */\r\nexport const RenderCustomTrigger: Story = {\r\n  args: {\r\n    renderTrigger: (state) => {\r\n      console.log('state', state);\r\n      return (\r\n        <button\r\n          type=\"button\"\r\n          className=\"w-full\"\r\n          onClick={() => state.setOpen((o) => !o)}\r\n        >\r\n          {state.selectedOption ? `Selected: ${state.selectedOption.label}` : 'Select option...'}\r\n        </button>\r\n      )\r\n    }\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n\r\n/** 14) Load more with infinite scroll */\r\nexport const InfiniteScrollLoadMore: Story = {\r\n  args: {\r\n    placeholder: 'Select option...',\r\n    searchLabel: 'Type to search...',\r\n    emptyLabel: 'No options',\r\n    loadData: createPaginatedFetchOptions(MANY_OPTIONS, 500, 20),\r\n  },\r\n  render: (args) => <ControlledCombobox {...args} />,\r\n};\r\n"],"names":["sleep","ms","r","flatten","nodes","res","walk","list","n","createFetchOptions","all","delayMs","search","q","allFlat","matchedValues","o","filterTree","items","filterTreeBySearch","createPaginatedFetchOptions","limit","offset","filteredTree","filteredFlat","BASE_OPTIONS","MANY_OPTIONS","_","i","NESTED_OPTIONS","getFlattenOptions","options","option","ControlledCombobox","initialValue","args","value","setValue","useState","loadData","useMemo","jsxs","jsx","Combobox","ControlledComboboxMulti","meta","Story","Default","WithValueSelected","Disabled","WithStaticOptionsProp","SlowFetchLoading","Loading","st","EmptyStateWithAction","canCreate","v","next","WithCommandInputAction","WithListHeadAction","WithListFooterAction","NestedOptions","NestedOptionsMulti","OnMountPrefetch","RenderCustomTrigger","state","InfiniteScrollLoadMore"],"mappings":"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"}

package/Combobox/Combobox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.types.js","sources":["../../src/Combobox/Combobox.types.ts"],"sourcesContent":["import { Dispatch, HTMLAttributes, ReactNode, Ref, SetStateAction } from 'react';\n\nexport type ComboboxValueType = string | string[];\nexport type ComboboxSelectedType = 'single' | 'multi';\n\nexport const DEFAULT_COMBOBOX_TYPE: ComboboxSelectedType = 'single';\n\nexport interface ComboboxOption<Data extends object = object> {\n  value: string;\n  label: string;\n  node?: Data;\n  // tree only\n  items?: ComboboxOption<Data>[];\n  path?: string[];\n  parent?: string;\n  level?: number;\n  matched?: boolean;\n}\n\nexport interface ComboboxCallbackStateParams<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> {\n  options: ComboboxOption<Data>[];\n  setOptions:  Dispatch<SetStateAction<ComboboxOption<Data>[]>>\n  search: string;\n  setSearch:  Dispatch<SetStateAction<string>>\n  onChangeOption: (option: ComboboxOption<Data>) => void;\n  open: boolean,\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  loading: boolean;\n  setLoading: Dispatch<SetStateAction<boolean>>;\n  isEmptyList: boolean;\n  isSearchedEmptyList: boolean;\n  placeholder?: string;\n\n  type: T;\n  selectedOption: T extends 'single'\n    ? ComboboxOption<Data> | undefined\n    : ComboboxOption<Data>[];\n  setSelectedOption: T extends 'single'\n    ? Dispatch<SetStateAction<ComboboxOption<Data> | undefined>>\n    : Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>>;\n}\n\nexport type ComboboxCallbackStateParamsUnion<Data extends object = object> = ComboboxCallbackStateParams<Data, 'single'>  | ComboboxCallbackStateParams<Data, 'multi'>\nexport type ComboboxCallbackStateParamsRenderHandler<Data extends object = object> = (params:ComboboxCallbackStateParamsUnion<Data>) => ReactNode\n\nexport interface IComboboxOptionsNodeHandlersProps<Data extends object = object> {\n  defaultNodeOpen?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeDisabled?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeMatched?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeMuted?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeInteractive?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  /** Use onPointerUp instead of cmdk onSelect. Fixes selection inside modal Dialog. */\n  forcePointerSelect?: boolean;\n}\n\nexport interface IComboboxOptionsNodeProps<Data extends object = object>\n  extends IComboboxOptionsNodeHandlersProps<Data> {\n  type: ComboboxSelectedType,\n  search?: string;\n  value?: ComboboxValueType;\n  option: ComboboxOption<Data>;\n  onSelect?: (option: ComboboxOption<Data>) => void;\n  deep?: number;\n}\n\nexport interface IComboboxOptionsProps<Data extends object = object>\n  extends Omit<IComboboxOptionsNodeProps<Data>, 'option'>, IComboboxOptionsNodeHandlersProps<Data> {\n  options?: ComboboxOption<Data>[];\n}\n\ninterface IListActionProps extends HTMLAttributes<HTMLDivElement> {\n  bordered?: boolean;\n}\ninterface IPopoverSlotProps {\n  /** Set Popover modal mode. Use `true` when Combobox is inside a modal Dialog. */\n  modal?: boolean;\n  /** Container element for Popover portal. Use to render inside modal Dialog. */\n  container?: HTMLElement | null;\n}\n\nexport interface ISlotProps {\n  popover?: IPopoverSlotProps;\n  listFooterAction?: IListActionProps;\n}\n\ntype ComboboxLoadDataParams = { search?: string; offset?: number; }\ntype ComboboxLoadDataResult<Data extends object = object> = { data: ComboboxOption<Data>[]; total: number; }\ntype ComboboxLoadDataReturn<Data extends object = object> = ComboboxOption<Data>[] | ComboboxLoadDataResult<Data>;\ntype ComboboxLoadData<Data extends object = object> = (\n  params: ComboboxLoadDataParams,\n  signal: AbortSignal,\n  controller: ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'>\n) => Promise<ComboboxLoadDataReturn<Data>>;\n\nexport interface ComboboxBaseProps<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> extends IComboboxOptionsNodeHandlersProps {\n  type?: T;\n  imperativeRef?: Ref<\n    ComboboxCallbackStateParams<Data, 'single'>\n    | ComboboxCallbackStateParams<Data, 'multi'>\n    | null\n  >;\n  placeholder?: string;\n  searchLabel?: string;\n  disabled?: boolean;\n  /** Callback for load data on search debounce */\n  loadData: ComboboxLoadData<Data>;\n  options?: ComboboxOption<Data>[];\n  /** Command Empty list label*/\n  emptyLabel?: string;\n  /** Command Empty list action */\n  emptyAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command Input footer action */\n  commandInputAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command List first element action */\n  listHeadAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command List footer element action */\n  listFooterAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Callback for load data on start component */\n  onMount?: (params: ComboboxCallbackStateParams<Data, T>) => Promise<void>;\n  /** Called when the dropdown closes. Used to mark RHF field as touched (onTouched validation). */\n  onBlur?: () => void;\n\n  renderTrigger?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\n  renderList?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\n\n  slotProps?: ISlotProps;\n}\n\nexport interface SingleComboboxProps<Data extends object = object>\n  extends ComboboxBaseProps<Data, 'single'> {\n  type?: 'single';\n  value?: string;\n  onChange: (value: string | undefined) => void;\n}\nexport interface MultiComboboxProps<Data extends object = object>\n  extends ComboboxBaseProps<Data, 'multi'> {\n  type: 'multi';\n  value?: string[];\n  onChange: (value: string[] | undefined) => void;\n}\n\nexport type ComboboxProps<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> = T extends 'single'\n  ? SingleComboboxProps<Data>\n  : MultiComboboxProps<Data>;\n"],"names":["DEFAULT_COMBOBOX_TYPE"],"mappings":"AAKO,MAAMA,IAA8C;"}
+{"version":3,"file":"Combobox.types.js","sources":["../../src/Combobox/Combobox.types.ts"],"sourcesContent":["import { Dispatch, HTMLAttributes, ReactNode, Ref, SetStateAction } from 'react';\r\n\r\nexport type ComboboxValueType = string | string[];\r\nexport type ComboboxSelectedType = 'single' | 'multi';\r\n\r\nexport const DEFAULT_COMBOBOX_TYPE: ComboboxSelectedType = 'single';\r\n\r\nexport interface ComboboxOption<Data extends object = object> {\r\n  value: string;\r\n  label: string;\r\n  node?: Data;\r\n  // tree only\r\n  items?: ComboboxOption<Data>[];\r\n  path?: string[];\r\n  parent?: string;\r\n  level?: number;\r\n  matched?: boolean;\r\n}\r\n\r\nexport interface ComboboxCallbackStateParams<\r\n  Data extends object = object,\r\n  T extends ComboboxSelectedType = 'single'\r\n> {\r\n  options: ComboboxOption<Data>[];\r\n  setOptions:  Dispatch<SetStateAction<ComboboxOption<Data>[]>>\r\n  search: string;\r\n  setSearch:  Dispatch<SetStateAction<string>>\r\n  onChangeOption: (option: ComboboxOption<Data>) => void;\r\n  open: boolean,\r\n  setOpen: Dispatch<SetStateAction<boolean>>;\r\n  loading: boolean;\r\n  setLoading: Dispatch<SetStateAction<boolean>>;\r\n  isEmptyList: boolean;\r\n  isSearchedEmptyList: boolean;\r\n  placeholder?: string;\r\n\r\n  type: T;\r\n  selectedOption: T extends 'single'\r\n    ? ComboboxOption<Data> | undefined\r\n    : ComboboxOption<Data>[];\r\n  setSelectedOption: T extends 'single'\r\n    ? Dispatch<SetStateAction<ComboboxOption<Data> | undefined>>\r\n    : Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>>;\r\n}\r\n\r\nexport type ComboboxCallbackStateParamsUnion<Data extends object = object> = ComboboxCallbackStateParams<Data, 'single'>  | ComboboxCallbackStateParams<Data, 'multi'>\r\nexport type ComboboxCallbackStateParamsRenderHandler<Data extends object = object> = (params:ComboboxCallbackStateParamsUnion<Data>) => ReactNode\r\n\r\nexport interface IComboboxOptionsNodeHandlersProps<Data extends object = object> {\r\n  defaultNodeOpen?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\r\n  defaultNodeDisabled?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\r\n  defaultNodeMatched?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\r\n  defaultNodeMuted?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\r\n  defaultNodeInteractive?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\r\n  /** Use onPointerUp instead of cmdk onSelect. Fixes selection inside modal Dialog. */\r\n  forcePointerSelect?: boolean;\r\n}\r\n\r\nexport interface IComboboxOptionsNodeProps<Data extends object = object>\r\n  extends IComboboxOptionsNodeHandlersProps<Data> {\r\n  type: ComboboxSelectedType,\r\n  search?: string;\r\n  value?: ComboboxValueType;\r\n  option: ComboboxOption<Data>;\r\n  onSelect?: (option: ComboboxOption<Data>) => void;\r\n  deep?: number;\r\n}\r\n\r\nexport interface IComboboxOptionsProps<Data extends object = object>\r\n  extends Omit<IComboboxOptionsNodeProps<Data>, 'option'>, IComboboxOptionsNodeHandlersProps<Data> {\r\n  options?: ComboboxOption<Data>[];\r\n}\r\n\r\ninterface IListActionProps extends HTMLAttributes<HTMLDivElement> {\r\n  bordered?: boolean;\r\n}\r\ninterface IPopoverSlotProps {\r\n  /** Set Popover modal mode. Use `true` when Combobox is inside a modal Dialog. */\r\n  modal?: boolean;\r\n  /** Container element for Popover portal. Use to render inside modal Dialog. */\r\n  container?: HTMLElement | null;\r\n}\r\n\r\nexport interface ISlotProps {\r\n  popover?: IPopoverSlotProps;\r\n  listFooterAction?: IListActionProps;\r\n}\r\n\r\ntype ComboboxLoadDataParams = { search?: string; offset?: number; }\r\ntype ComboboxLoadDataResult<Data extends object = object> = { data: ComboboxOption<Data>[]; total: number; }\r\ntype ComboboxLoadDataReturn<Data extends object = object> = ComboboxOption<Data>[] | ComboboxLoadDataResult<Data>;\r\ntype ComboboxLoadData<Data extends object = object> = (\r\n  params: ComboboxLoadDataParams,\r\n  signal: AbortSignal,\r\n  controller: ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'>\r\n) => Promise<ComboboxLoadDataReturn<Data>>;\r\n\r\nexport interface ComboboxBaseProps<\r\n  Data extends object = object,\r\n  T extends ComboboxSelectedType = 'single'\r\n> extends IComboboxOptionsNodeHandlersProps {\r\n  type?: T;\r\n  imperativeRef?: Ref<\r\n    ComboboxCallbackStateParams<Data, 'single'>\r\n    | ComboboxCallbackStateParams<Data, 'multi'>\r\n    | null\r\n  >;\r\n  placeholder?: string;\r\n  searchLabel?: string;\r\n  disabled?: boolean;\r\n  /** Callback for load data on search debounce */\r\n  loadData: ComboboxLoadData<Data>;\r\n  options?: ComboboxOption<Data>[];\r\n  /** Command Empty list label*/\r\n  emptyLabel?: string;\r\n  /** Command Empty list action */\r\n  emptyAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\r\n  /** Command Input footer action */\r\n  commandInputAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\r\n  /** Command List first element action */\r\n  listHeadAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\r\n  /** Command List footer element action */\r\n  listFooterAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\r\n  /** Callback for load data on start component */\r\n  onMount?: (params: ComboboxCallbackStateParams<Data, T>) => Promise<void>;\r\n  /** Called when the dropdown closes. Used to mark RHF field as touched (onTouched validation). */\r\n  onBlur?: () => void;\r\n\r\n  renderTrigger?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\r\n  renderList?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\r\n\r\n  slotProps?: ISlotProps;\r\n}\r\n\r\nexport interface SingleComboboxProps<Data extends object = object>\r\n  extends ComboboxBaseProps<Data, 'single'> {\r\n  type?: 'single';\r\n  value?: string;\r\n  onChange: (value: string | undefined) => void;\r\n}\r\nexport interface MultiComboboxProps<Data extends object = object>\r\n  extends ComboboxBaseProps<Data, 'multi'> {\r\n  type: 'multi';\r\n  value?: string[];\r\n  onChange: (value: string[] | undefined) => void;\r\n}\r\n\r\nexport type ComboboxProps<\r\n  Data extends object = object,\r\n  T extends ComboboxSelectedType = 'single'\r\n> = T extends 'single'\r\n  ? SingleComboboxProps<Data>\r\n  : MultiComboboxProps<Data>;\r\n"],"names":["DEFAULT_COMBOBOX_TYPE"],"mappings":"AAKO,MAAMA,IAA8C;"}

package/Combobox/ComboboxOptionItem.js

@@ -1,31 +1,30 @@
 import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { CommandItem as g } from "../Command/Command.js";
-import { DEFAULT_COMBOBOX_TYPE as N } from "./Combobox.types.js";
-import { ChevronRightIcon as x, CheckIcon as D } from "lucide-react";
+import { DEFAULT_COMBOBOX_TYPE as g } from "./Combobox.types.js";
+import { ChevronRightIcon as N, CheckIcon as x } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
-import { Checkbox as k } from "../Checkbox/Checkbox.js";
-import { ButtonIcon as C } from "../ButtonIcon/ButtonIcon.js";
-import "../ButtonIcon/buttonIconVariants.js";
-const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
+import { CommandItem as D } from "../Command/Command.js";
+import { ButtonIcon as k } from "../ButtonIcon/ButtonIcon.js";
+import { Checkbox as C } from "../Checkbox/Checkbox.js";
+const E = 24, P = 8, I = (c) => c ? Math.max(c - 1, 0) * E - P : 0, F = (c) => {
   const {
-    type: s = N,
+    type: s = g,
     expanded: h,
     option: e,
     onSelect: y,
     value: l = "",
     deep: t = 0,
-    onCollapseToggle: c,
+    onCollapseToggle: i,
     defaultNodeDisabled: p,
     defaultNodeMatched: d,
     defaultNodeMuted: f,
     defaultNodeInteractive: o,
     forcePointerSelect: u
-  } = i, m = Array.isArray(l) ? l.includes(e.value) : l === e.value, v = () => {
-    if (!(typeof o == "function" ? o(e, t) : o ?? !0)) return c?.();
+  } = c, m = Array.isArray(l) ? l.includes(e.value) : l === e.value, v = () => {
+    if (!(typeof o == "function" ? o(e, t) : o ?? !0)) return i?.();
     y?.(e);
   };
   return /* @__PURE__ */ b(
-    g,
+    D,
     {
       value: e.value,
       "data-matched": e.matched ?? !0,
@@ -46,10 +45,10 @@ const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
             style: { paddingLeft: "var(--deep-space)" },
             className: "relative box-border min-w-10 h-10",
             onClick: (n) => {
-              c && (n?.preventDefault(), n?.stopPropagation(), c?.());
+              i && (n?.preventDefault(), n?.stopPropagation(), i?.());
             },
-            children: /* @__PURE__ */ a("div", { className: "w-10 aspect-square shrink-0", children: c && /* @__PURE__ */ a(
-              C,
+            children: /* @__PURE__ */ a("div", { className: "w-10 aspect-square shrink-0", children: i && /* @__PURE__ */ a(
+              k,
               {
                 type: "button",
                 variant: "ghost",
@@ -58,7 +57,7 @@ const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
                   "bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent"
                 ),
                 icon: /* @__PURE__ */ a(
-                  x,
+                  N,
                   {
                     strokeWidth: 2,
                     className: r(
@@ -72,7 +71,7 @@ const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
             ) })
           }
         ),
-        s === "multi" && /* @__PURE__ */ a(k, { checked: m, className: "mr-2 shrink-0" }),
+        s === "multi" && /* @__PURE__ */ a(C, { checked: m, className: "mr-2 shrink-0" }),
         /* @__PURE__ */ a(
           "span",
           {
@@ -86,7 +85,7 @@ const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
           }
         ),
         s === "single" && /* @__PURE__ */ a(
-          D,
+          x,
           {
             className: r(
               "ml-2 shrink-0",
@@ -100,6 +99,6 @@ const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
   );
 };
 export {
-  L as ComboboxOptionItem
+  F as ComboboxOptionItem
 };
 //# sourceMappingURL=ComboboxOptionItem.js.map