@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.271

package/Combobox/Combobox.js

@@ -1,200 +1,230 @@
-import { jsx as e, jsxs as d, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as oe, useState as s, useCallback as p, useEffect as re, useMemo as M, useLayoutEffect as ae } from "react";
-import { cn as R } from "@oneplatformdev/utils";
-import { useDebounceCallback as ie } from "@oneplatformdev/hooks";
-import { X as se, ChevronsUpDown as le } from "lucide-react";
-import { ComboboxOptions as ce } from "./ComboboxOptions.js";
-import { Popover as de, PopoverTrigger as pe, PopoverContent as fe } from "../Popover/Popover.js";
-import { Button as me } from "../Button/Button.js";
-import { LoadingMask as V } from "../LoadingMask/LoadingMask.js";
-import { Command as ue, CommandInput as he, CommandList as ge, CommandGroup as be, CommandEmpty as X, CommandItem as ye } from "../Command/Command.js";
-const ve = (S) => {
-  const { value: f, flattenOptions: n = [], selectedOption: L } = S;
-  if (!f) return "No value for render label";
-  const v = [n.find((m) => String(m.value).toLowerCase() === String(f).toLowerCase()), L].filter(Boolean).map((m) => m.label).find(Boolean);
-  return v || f;
-}, Pe = oe(
-  (S, f) => {
-    const {
-      value: n,
-      onChange: L,
-      placeholder: T,
-      disabled: v,
-      searchLabel: m = "Type to search...",
-      fetchOptions: _,
-      options: N,
-      emptyLabel: A = "No options",
-      emptyAction: C,
-      commandInputAction: I,
-      listHeadAction: w,
-      onMount: k
-    } = S, [F, G] = s(!1), [l, B] = s(!1), [a, P] = s(""), [u, D] = s(), [o, c] = s(!1), [r, J] = s([]), [K, Q] = s([]), h = p((t) => {
-      const b = (E) => {
-        const i = [], H = (x) => {
-          if (x)
-            for (const y of x)
-              i.push(y), y.items && y.items.length && H(y.items);
-        };
-        H(E), Q((x) => {
-          if (!i.find((O) => !!n && String(O.value) === String(n))) {
-            const O = u || x.find((ne) => !!n && String(ne.value) === String(n));
-            if (O) return [O, ...i];
-          }
-          return i;
-        });
+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 { 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 Be(o) {
+  const {
+    value: f,
+    options: N,
+    placeholder: T,
+    disabled: K,
+    searchLabel: Q,
+    emptyLabel: W,
+    loadData: y,
+    renderTrigger: Z,
+    commandInputAction: ee,
+    renderList: te,
+    listHeadAction: ne,
+    listFooterAction: oe,
+    emptyAction: re,
+    slotProps: P,
+    defaultNodeOpen: ae,
+    defaultNodeDisabled: se,
+    defaultNodeMatched: ce,
+    defaultNodeMuted: ie,
+    defaultNodeInteractive: le,
+    forcePointerSelect: ue
+  } = 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()), [p, de] = d([]), [he, me] = d([]), M = u((t) => {
+    const r = (e) => {
+      const n = [], s = (c) => {
+        if (c)
+          for (const l of c)
+            n.push(l), l.items && l.items.length && s(l.items);
       };
-      J((E) => {
-        const i = typeof t == "function" ? t(E) : t;
-        return b(i), i;
+      s(e), me((c) => {
+        if (!n.find((a) => !!f && String(a.value) === String(f))) {
+          const i = ((S.size ? Array.from(S.values()) : void 0) || c).find((j) => !!f && String(j.value) === String(f));
+          if (i) return [i, ...n];
+        }
+        return n;
       });
-    }, [u, n]);
-    re(() => {
-      N?.length && h(N);
-    }, [N]);
-    const Y = async () => {
-      l || (U(), P(""));
-    }, U = p(async (t) => {
-      c(!0);
+    };
+    de((e) => {
+      const n = typeof t == "function" ? t(e) : t;
+      return r(n), O((s) => {
+        const c = new Map(s), l = Array.isArray(f) ? f : [f];
+        for (const a of l) {
+          if (!a || c.has(a)) continue;
+          const i = n.find((j) => String(j.value).toLowerCase() === String(a).toLowerCase());
+          i && c.set(i.value, i);
+        }
+        return c;
+      }), n;
+    });
+  }, [S, f]), [ge, G] = d(0), [F, V] = d(0), B = F < ge;
+  $(() => {
+    N?.length && M(N);
+  }, [N]);
+  const w = J(0), R = J(null), E = u(() => {
+    w.current += 1, R.current?.abort();
+    const t = new AbortController();
+    return R.current = t, { id: w.current, signal: t.signal };
+  }, []);
+  $(() => () => R.current?.abort(), []);
+  const X = H(() => !!g && !p.length && !h, [h, p.length, g]), U = H(() => !p.length && !h, [h, p.length, g]), I = u((t) => {
+    o.type === "single" && (O((r) => {
+      let e = new Map(r);
+      const n = e.has(t.value);
+      return e.has(t.value) ? e = /* @__PURE__ */ new Map() : e.set(t.value, t), n ? o.onChange?.(void 0) : o.onChange?.(t.value), e;
+    }), x(!1)), o.type === "multi" && O((r) => {
+      const e = new Map(r);
+      return e.has(t.value) ? e.delete(t.value) : e.set(t.value, t), o.onChange?.(Array.from(e.keys())), e;
+    });
+  }, [o.type, o.onChange]), m = H(() => {
+    const t = {
+      options: p,
+      setOptions: M,
+      search: g || "",
+      setSearch: L,
+      onChangeOption: I,
+      open: C,
+      setOpen: x,
+      loading: h,
+      setLoading: b,
+      isEmptyList: U,
+      isSearchedEmptyList: X,
+      placeholder: T
+    }, r = Array.from(S.values());
+    if (v === "multi")
+      return { ...t, type: "multi", selectedOption: r, setSelectedOption: (s) => {
+        O((c) => {
+          const l = Array.from(c.values()), a = typeof s == "function" ? s(l) : s;
+          return a ? new Map(a.map((i) => [i.value, i])) : /* @__PURE__ */ new Map();
+        });
+      } };
+    if (v === "single") {
+      const e = r[0];
+      return { ...t, type: "single", selectedOption: e, setSelectedOption: (s) => {
+        O((c) => {
+          const [l] = Array.from(c.values()), a = typeof s == "function" ? s(l) : s, i = /* @__PURE__ */ new Map();
+          return a && i.set(a.value, a), i;
+        });
+      } };
+    }
+    throw new Error(`Combobox type ${v} is not supported`);
+  }, [T, h, C, p, g, S, U, X, M, I, o.type]);
+  Ce(o.imperativeRef, () => m, [m]);
+  const D = u(async (t, r) => {
+    const e = await y(t, r, m);
+    if (!e) throw new Error("Expected loadData to return data");
+    return Array.isArray(e) ? { data: e, total: e.length } : e;
+  }, [y, m]), _ = u(async (t = "") => {
+    if (!y) return;
+    const { id: r, signal: e } = E();
+    try {
+      b(!0), A(!1);
+      const n = await D({ search: t }, e);
+      if (r !== w.current) return;
+      M(n.data), G(n.total), V(n.data.length);
+    } catch (n) {
+      console.error("Unexpected error while get option:", n);
+    } finally {
+      r === w.current && b(!1);
+    }
+  }, [E, D, y]), pe = u(async () => {
+    if (!y || !B || h || k) return;
+    const { id: t, signal: r } = E();
+    try {
+      A(!0);
+      const e = await D(
+        { search: g, offset: F },
+        r
+      );
+      M((n) => [...n, ...e.data]), G(e.total), V((n) => n + e.data.length);
+    } catch (e) {
+      console.error("Unexpected error while load more option:", e);
+    } finally {
+      t === w.current && A(!1);
+    }
+  }, [E, D, B, y, h, k, F, g]), ye = Ae(_, 600, {
+    leading: !1,
+    trailing: !0
+  }), ve = u((t) => {
+    b(!0), L(t), ye(t);
+  }, []), Se = u(() => {
+    o.onChange(void 0), O(/* @__PURE__ */ new Map()), x(!1);
+  }, [o.onChange]), Y = u(() => {
+    R.current?.abort(), w.current += 1, L(""), b(!1), A(!1);
+  }, []), Oe = u(async (t) => {
+    if (x(t), !t) return Y();
+    _(), L("");
+  }, [Y, _]), we = u(async () => {
+    if (o.onMount) {
+      z(!0);
       try {
-        const b = await _(t);
-        h(b);
-      } catch (b) {
-        console.error("Unexpected error while get option:", b);
+        v === "multi" ? await o.onMount?.(m) : await o.onMount?.(m);
       } finally {
-        c(!1);
+        z(!1);
       }
-    }, [h]), Z = ie(U, 1e3, {
-      leading: !1,
-      trailing: !0
-    }), $ = p((t) => {
-      c(!0), P(t), Z(t);
-    }, []), W = p((t) => {
-      L(t.value), D(t), c(!1);
-    }, []), ee = p(() => {
-      W({ value: "", label: "" }), D(void 0), c(!1);
-    }, []), q = M(() => !!a && !r.length && !o, [o, r.length, a]), z = M(() => !r.length && !o, [o, r.length, a]), g = M(() => ({
-      options: r,
-      setOptions: h,
-      selectedOption: u,
-      setSelectedOption: D,
-      search: a || "",
-      setSearch: P,
-      open: l,
-      setOpen: B,
-      loading: o,
-      setLoading: c,
-      isEmptyList: z,
-      isSearchedEmptyList: q
-    }), [o, l, r, a, u, z, q, h]), te = p(async () => {
-      if (k) {
-        G(!0);
-        try {
-          await k(g);
-        } finally {
-          G(!1);
-        }
-      }
-    }, [k, g]);
-    return ae(() => {
-      te();
-    }, []), /* @__PURE__ */ e("div", { className: "w-full", ref: f, children: /* @__PURE__ */ d(
-      de,
-      {
-        open: l,
-        onOpenChange: (t) => {
-          B(t), t && Y();
-        },
-        children: [
-          /* @__PURE__ */ e(pe, { asChild: !0, className: "border-input", children: /* @__PURE__ */ e(
-            me,
-            {
-              color: "secondary",
-              role: "combobox",
-              "aria-expanded": l,
-              className: R(
-                "relative w-full justify-between font-normal text-sm bg-transparent",
-                "border border-border",
-                l && "border-2 outline-hidden ring-1 ring-ring",
-                "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring"
-              ),
-              disabled: v || F,
-              children: F ? /* @__PURE__ */ e(V, { fullWidth: !0 }) : /* @__PURE__ */ d(j, { children: [
-                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: n ? ve({ value: n, flattenOptions: K, selectedOption: u }) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: T }) }),
-                n ? /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: R(
-                      "absolute top-0 right-1",
-                      "flex items-center justify-center",
-                      "w-9 aspect-square [&_svg]:size-5",
-                      "opacity-50 cursor-pointer hover:opacity-100"
-                    ),
-                    onClick: (t) => {
-                      t.stopPropagation(), ee();
-                    },
-                    children: /* @__PURE__ */ e(se, {})
-                  }
-                ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            fe,
-            {
-              className: "w-(--radix-popper-anchor-width) max-w-none p-0",
-              align: "start",
-              children: /* @__PURE__ */ d(ue, { shouldFilter: !1, children: [
-                /* @__PURE__ */ e(
-                  he,
-                  {
-                    placeholder: m,
-                    value: a,
-                    onValueChange: $
-                  }
-                ),
-                typeof I == "function" ? I(g) : I,
-                /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ d(
-                  be,
-                  {
-                    className: R(!r.length && "p-0 shadow-none"),
-                    children: [
-                      o && /* @__PURE__ */ e(V, { fullWidth: !0 }),
-                      !o && !!a && /* @__PURE__ */ e(j, { children: C ? /* @__PURE__ */ d(X, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
-                        /* @__PURE__ */ e("span", { children: A }),
-                        typeof C == "function" ? C(g) : C
-                      ] }) : /* @__PURE__ */ e(X, { children: A }) }),
-                      !o && /* @__PURE__ */ d(j, { children: [
-                        !!r.length && w && /* @__PURE__ */ e(
-                          ye,
-                          {
-                            asChild: !0,
-                            className: "w-full",
-                            children: typeof w == "function" ? w(g) : w
-                          },
-                          "combobox-list-head-action"
-                        ),
-                        /* @__PURE__ */ e(
-                          ce,
-                          {
-                            value: n,
-                            options: r,
-                            onChangeOption: W,
-                            setOpen: B
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) })
-              ] })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
+    }
+  }, [o.onMount, m]);
+  return Me(() => {
+    we();
+  }, []), /* @__PURE__ */ q("div", { className: "w-full", children: /* @__PURE__ */ be(
+    Ee,
+    {
+      open: C,
+      onOpenChange: Oe,
+      modal: P?.popover?.modal,
+      children: [
+        /* @__PURE__ */ q(
+          Le,
+          {
+            value: f,
+            type: v,
+            open: C,
+            initialLoading: fe,
+            selectedOptions: S,
+            flattenOptions: he,
+            onSelect: I,
+            onClearSelections: Se,
+            callbackStateParams: m,
+            renderTrigger: Z,
+            placeholder: T,
+            disabled: K
+          }
+        ),
+        /* @__PURE__ */ q(
+          Re,
+          {
+            open: C,
+            value: f,
+            type: v,
+            options: p,
+            search: g,
+            onSearch: ve,
+            onSelect: I,
+            onLoadMore: pe,
+            hasNext: B,
+            loading: h,
+            loadingMore: k,
+            isEmptyList: U,
+            callbackStateParams: m,
+            commandInputAction: ee,
+            renderList: te,
+            listHeadAction: ne,
+            listFooterAction: oe,
+            emptyAction: re,
+            slotProps: P,
+            searchLabel: Q,
+            emptyLabel: W,
+            defaultNodeOpen: ae,
+            defaultNodeDisabled: se,
+            defaultNodeMatched: ce,
+            defaultNodeMuted: ie,
+            defaultNodeInteractive: le,
+            forcePointerSelect: ue,
+            popoverContainer: P?.popover?.container
+          }
+        )
+      ]
+    }
+  ) });
+}
 export {
-  Pe as Combobox
+  Be as Combobox
 };
 //# sourceMappingURL=Combobox.js.map

package/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\r\n  Dispatch,\r\n  forwardRef, SetStateAction,\r\n  useCallback,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useMemo,\r\n  useState,\r\n} from 'react';\r\nimport { LoadingMask } from '../LoadingMask';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\r\nimport { Button } from '../Button';\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '../Command';\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\r\nimport { ChevronsUpDown, X } from 'lucide-react';\r\nimport {\r\n  ComboboxCallbackStateParams,\r\n  ComboboxOption,\r\n  ComboboxProps,\r\n} from './Combobox.types';\r\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\r\n\r\n\r\nconst getSelectRenderLabel = (params: {\r\n  value: ComboboxProps['value'];\r\n  flattenOptions: ComboboxOption[];\r\n  selectedOption?: ComboboxOption;\r\n}): string => {\r\n  const { value, flattenOptions = [], selectedOption } = params;\r\n  if(!value) return 'No value for render label';\r\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\r\n  const label = [flattenedOption, selectedOption]\r\n    .filter(Boolean)\r\n    .map(o => o!.label)\r\n    .find(Boolean);\r\n  if(!label) return value;\r\n  return label;\r\n}\r\n\r\n// TODO: refactor next component | nlt code\r\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\r\n  (props, ref) => {\r\n    const {\r\n      value,\r\n      onChange,\r\n      placeholder,\r\n      disabled,\r\n      searchLabel = 'Type to search...',\r\n      fetchOptions,\r\n      options: itemOptions,\r\n      emptyLabel = 'No options',\r\n      emptyAction,\r\n      commandInputAction,\r\n      listHeadAction,\r\n      onMount,\r\n    } = props;\r\n    const [initialLoading, setInitialLoading] = useState(false);\r\n    const [open, setOpen] = useState(false);\r\n    const [searchTerm, setSearchTerm] = useState('');\r\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\r\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\r\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\r\n      const flatten = (next: ComboboxOption[]) => {\r\n        const res: ComboboxOption[] = [];\r\n        const walk = (nodes?: ComboboxOption[]) => {\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 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      setOptionsDispatch((prev) => {\r\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\r\n        flatten(next);\r\n        return next;\r\n      });\r\n    }, [selectedOption, value])\r\n\r\n    useEffect(() => {\r\n      itemOptions?.length && setOptions(itemOptions);\r\n    }, [itemOptions]);\r\n\r\n    const handlePopoverOpen = async () => {\r\n      if (!open) {\r\n        void getData();\r\n        setSearchTerm('');\r\n      }\r\n    };\r\n\r\n    const getData = useCallback(async (search?: string) => {\r\n      setLoading(true);\r\n      try {\r\n        const fetchedOptions = await fetchOptions(search);\r\n        setOptions(fetchedOptions);\r\n      } catch (error) {\r\n        console.error('Unexpected error while get option:', error);\r\n      } finally {\r\n        setLoading(false);\r\n      }\r\n    }, [setOptions]);\r\n\r\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\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 onChangeOption = useCallback((option: ComboboxOption) => {\r\n      onChange(option.value);\r\n      setSelectedOption(option);\r\n      setLoading(false);\r\n    }, []);\r\n\r\n    const handleClearSelection = useCallback(() => {\r\n      onChangeOption({ value: '', label: '' });\r\n      setSelectedOption(undefined);\r\n      setLoading(false);\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 comboboxCallbackStateParams =\r\n      useMemo((): ComboboxCallbackStateParams => {\r\n        return {\r\n          options,\r\n          setOptions,\r\n          selectedOption,\r\n          setSelectedOption,\r\n          search: searchTerm || '',\r\n          setSearch: setSearchTerm,\r\n          open,\r\n          setOpen,\r\n          loading,\r\n          setLoading,\r\n          isEmptyList,\r\n          isSearchedEmptyList,\r\n        };\r\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\r\n\r\n    const runOnMount = useCallback(async () => {\r\n      if (!onMount) return;\r\n      setInitialLoading(true);\r\n      try {\r\n        await onMount(comboboxCallbackStateParams);\r\n      } finally {\r\n        setInitialLoading(false);\r\n      }\r\n    }, [onMount, comboboxCallbackStateParams]);\r\n\r\n    useLayoutEffect(() => {\r\n      runOnMount();\r\n    }, []);\r\n\r\n    return (\r\n      <div className=\"w-full\" ref={ref}>\r\n        <Popover\r\n          open={open}\r\n          onOpenChange={(newOpen) => {\r\n            setOpen(newOpen);\r\n            if (newOpen) handlePopoverOpen();\r\n          }}\r\n        >\r\n          <PopoverTrigger asChild className=\"border-input\">\r\n            <Button\r\n              color='secondary'\r\n              role=\"combobox\"\r\n              aria-expanded={open}\r\n              className={cn(\r\n                'relative w-full justify-between font-normal text-sm bg-transparent',\r\n                'border border-border',\r\n                open && 'border-2 outline-hidden ring-1 ring-ring',\r\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\r\n              )}\r\n              disabled={disabled || initialLoading}\r\n            >\r\n              {initialLoading ? (\r\n                  <LoadingMask fullWidth />\r\n              ) : (\r\n                <>\r\n                  <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\r\n                    {value\r\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\r\n                      : <span className=\"text-gray-400\">{placeholder}</span>\r\n                    }\r\n                  </span>\r\n                  {value ? (\r\n                    <div\r\n                      className={cn(\r\n                        'absolute top-0 right-1',\r\n                        'flex items-center justify-center',\r\n                        'w-9 aspect-square [&_svg]:size-5',\r\n                        'opacity-50 cursor-pointer hover:opacity-100'\r\n                      )}\r\n                      onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        handleClearSelection();\r\n                      }}\r\n                    >\r\n                      <X />\r\n                    </div>\r\n                  ) : (\r\n                    <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\r\n                  )}\r\n                </>\r\n              )}\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\r\n            align=\"start\"\r\n          >\r\n            <Command shouldFilter={false}>\r\n              <CommandInput\r\n                placeholder={searchLabel}\r\n                value={searchTerm}\r\n                onValueChange={handleSearchChange}\r\n              />\r\n              {typeof commandInputAction === 'function'\r\n                ? commandInputAction(comboboxCallbackStateParams)\r\n                : commandInputAction}\r\n              <CommandList>\r\n                <CommandGroup\r\n                  className={cn(!options.length && 'p-0 shadow-none')}\r\n                >\r\n                  {loading && <LoadingMask fullWidth />}\r\n                  {!loading && Boolean(searchTerm) && (\r\n                    <>\r\n                      {emptyAction ? (\r\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\r\n                          <span>{emptyLabel}</span>\r\n                          {typeof emptyAction === 'function'\r\n                            ? emptyAction(comboboxCallbackStateParams)\r\n                            : emptyAction}\r\n                        </CommandEmpty>\r\n                      ) : (\r\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                  {!loading && (\r\n                    <>\r\n                      {Boolean(options.length) && listHeadAction && (\r\n                        <CommandItem\r\n                          key='combobox-list-head-action'\r\n                          asChild\r\n                          className='w-full'\r\n                        >\r\n                          {typeof listHeadAction === 'function'\r\n                            ? listHeadAction(comboboxCallbackStateParams)\r\n                            : listHeadAction}\r\n                        </CommandItem>\r\n                      )}\r\n                      <ComboboxOptions\r\n                        value={value}\r\n                        options={options}\r\n                        onChangeOption={onChangeOption}\r\n                        setOpen={setOpen}\r\n                      />\r\n                    </>\r\n                  )}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","initialLoading","setInitialLoading","useState","open","setOpen","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","LoadingMask","Fragment","e","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","CommandEmpty","CommandItem","ComboboxOptions"],"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) return handleReset();\r\n    void loadFirst();\r\n    setSearchTerm('');\r\n  }, [handleReset, loadFirst]);\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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"}