@oneplatformdev/ui 0.1.99-beta.20 → 0.1.99-beta.202

package/Combobox/Combobox.js

@@ -1,203 +1,237 @@
-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 { LoadingMask as V } from "../LoadingMask/LoadingMask.js";
+import { jsx as e, jsxs as c, Fragment as R } from "react/jsx-runtime";
+import { useState as d, useCallback as f, useEffect as le, useMemo as G, useLayoutEffect as ce } from "react";
+import { LoadingMask as _ } from "../LoadingMask/LoadingMask.js";
 import "../LoadingMask/RenderLoadingMask.js";
-import { Popover as ie, PopoverTrigger as se, PopoverContent as le } from "../Popover/Popover.js";
-import { Button as ce } from "../Button/Button.js";
+import { Popover as de, PopoverTrigger as pe, PopoverContent as fe } from "../Popover/Popover.js";
+import { Button as me } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
-import { Command as de, CommandInput as pe, CommandList as me, CommandGroup as fe, CommandEmpty as X, CommandItem as ue } from "../Command/Command.js";
-import { cn as R } from "@oneplatformdev/utils";
-import { useDebounceCallback as he } from "@oneplatformdev/hooks";
-import { X as ge, ChevronsUpDown as be } from "lucide-react";
-import { ComboboxOptions as ve } from "./ComboboxOptions.js";
-const ye = (S) => {
-  const { value: m, flattenOptions: n = [], selectedOption: L } = S;
-  if (!m) return "No value for render label";
-  const y = [n.find((f) => String(f.value).toLowerCase() === String(m).toLowerCase()), L].filter(Boolean).map((f) => f.label).find(Boolean);
-  return y || m;
-}, Ee = oe(
-  (S, m) => {
-    const {
-      value: n,
-      onChange: L,
-      placeholder: T,
-      disabled: y,
-      searchLabel: f = "Type to search...",
-      fetchOptions: _,
-      options: N,
-      emptyLabel: A = "No options",
-      emptyAction: C,
-      commandInputAction: I,
-      listHeadAction: w,
-      onMount: k
-    } = S, [F, z] = 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 v of x)
-              i.push(v), v.items && v.items.length && H(v.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 { Command as ue, CommandInput as he, CommandList as ge, CommandGroup as be, CommandEmpty as J, CommandItem as ye } from "../Command/Command.js";
+import { cn as I } from "@oneplatformdev/utils";
+import { useDebounceCallback as ve } from "@oneplatformdev/hooks";
+import { X as Ce, ChevronDown as xe } from "lucide-react";
+import { ComboboxOptions as we } from "./ComboboxOptions.js";
+const Ne = (k) => {
+  const { value: n, flattenOptions: D = [], selectedOption: M } = k;
+  if (!n) return "No value for render label";
+  const C = [D.find((m) => String(m.value).toLowerCase() === String(n).toLowerCase()), M].filter(Boolean).map((m) => m.label).find(Boolean);
+  return C || n;
+}, Be = (k) => {
+  const {
+    value: n,
+    onChange: D,
+    placeholder: M,
+    disabled: W,
+    searchLabel: C = "Type to search...",
+    fetchOptions: m,
+    options: P,
+    emptyLabel: q = "No options",
+    emptyAction: x,
+    commandInputAction: E,
+    listHeadAction: w,
+    listFooterAction: N,
+    onMount: T,
+    defaultNodeDisabled: K,
+    defaultNodeMatched: Q,
+    defaultNodeMuted: Y,
+    defaultNodeInteractive: Z,
+    renderTrigger: u
+  } = k, [O, z] = d(!1), [a, j] = d(!1), [i, A] = d(""), [h, B] = d(), [o, p] = d(!1), [r, $] = d([]), [ee, te] = d([]), g = f((t) => {
+    const y = (F) => {
+      const l = [], X = (S) => {
+        if (S)
+          for (const v of S)
+            l.push(v), v.items && v.items.length && X(v.items);
       };
-      J((E) => {
-        const i = typeof t == "function" ? t(E) : t;
-        return b(i), i;
+      X(F), te((S) => {
+        if (!l.find((L) => !!n && String(L.value) === String(n))) {
+          const L = h || S.find((se) => !!n && String(se.value) === String(n));
+          if (L) return [L, ...l];
+        }
+        return l;
       });
-    }, [u, n]);
-    re(() => {
-      N?.length && h(N);
-    }, [N]);
-    const Y = async () => {
-      l || (G(), P(""));
-    }, G = p(async (t) => {
-      c(!0);
+    };
+    $((F) => {
+      const l = typeof t == "function" ? t(F) : t;
+      return y(l), l;
+    });
+  }, [h, n]);
+  le(() => {
+    P?.length && g(P);
+  }, [P]);
+  const ne = async () => {
+    a || (H(), A(""));
+  }, H = f(async (t) => {
+    p(!0);
+    try {
+      const y = await m(t);
+      g(y);
+    } catch (y) {
+      console.error("Unexpected error while get option:", y);
+    } finally {
+      p(!1);
+    }
+  }, [g]), oe = ve(H, 1e3, {
+    leading: !1,
+    trailing: !0
+  }), re = f((t) => {
+    p(!0), A(t), oe(t);
+  }, []), U = f((t) => {
+    D(t.value), B(t), p(!1);
+  }, []), ae = f(() => {
+    U({ value: "", label: "" }), B(void 0), p(!1);
+  }, []), V = G(() => !!i && !r.length && !o, [o, r.length, i]), b = G(() => !r.length && !o, [o, r.length, i]), s = G(() => ({
+    options: r,
+    setOptions: g,
+    selectedOption: h,
+    setSelectedOption: B,
+    search: i || "",
+    setSearch: A,
+    open: a,
+    setOpen: j,
+    loading: o,
+    setLoading: p,
+    isEmptyList: b,
+    isSearchedEmptyList: V
+  }), [o, a, r, i, h, b, V, g]), ie = f(async () => {
+    if (T) {
+      z(!0);
       try {
-        const b = await _(t);
-        h(b);
-      } catch (b) {
-        console.error("Unexpected error while get option:", b);
+        await T(s);
       } finally {
-        c(!1);
-      }
-    }, [h]), Z = he(G, 1e3, {
-      leading: !1,
-      trailing: !0
-    }), $ = p((t) => {
-      c(!0), P(t), Z(t);
-    }, []), U = p((t) => {
-      L(t.value), D(t), c(!1);
-    }, []), ee = p(() => {
-      U({ value: "", label: "" }), D(void 0), c(!1);
-    }, []), W = M(() => !!a && !r.length && !o, [o, r.length, a]), q = 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: q,
-      isSearchedEmptyList: W
-    }), [o, l, r, a, u, q, W, h]), te = p(async () => {
-      if (k) {
-        z(!0);
-        try {
-          await k(g);
-        } finally {
-          z(!1);
-        }
+        z(!1);
       }
-    }, [k, g]);
-    return ae(() => {
-      te();
-    }, []), /* @__PURE__ */ e("div", { className: "w-full", ref: m, children: /* @__PURE__ */ d(
-      ie,
-      {
-        open: l,
-        onOpenChange: (t) => {
-          B(t), t && Y();
-        },
-        children: [
-          /* @__PURE__ */ e(se, { asChild: !0, className: "border-input", children: /* @__PURE__ */ e(
-            ce,
-            {
-              variant: "outline",
-              role: "combobox",
-              size: "lg",
-              "aria-expanded": l,
-              className: R(
-                "relative w-full justify-between font-normal text-sm bg-transparent relative p-3",
-                "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: y || 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 ? ye({ value: n, flattenOptions: K, selectedOption: u }) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: T }) }),
+    }
+  }, [T, s]);
+  return ce(() => {
+    ie();
+  }, []), /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ c(
+    de,
+    {
+      open: a,
+      onOpenChange: (t) => {
+        j(t), t && ne();
+      },
+      children: [
+        /* @__PURE__ */ e(pe, { asChild: !0, className: "border-input", children: /* @__PURE__ */ c(
+          me,
+          {
+            color: "secondary",
+            role: "combobox",
+            "aria-expanded": a,
+            className: I(
+              "relative w-full justify-between font-normal text-sm bg-transparent",
+              "border border-border",
+              a && "border-2 outline-hidden ring-1 ring-ring",
+              "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
+              u && "p-0",
+              u && a && "p-0 border-1 ring-0 ring-transparent"
+            ),
+            disabled: W || O,
+            children: [
+              O && /* @__PURE__ */ e(_, { fullWidth: !0 }),
+              !O && u && u(s),
+              !O && !u && /* @__PURE__ */ c(R, { children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap",
+                    children: n ? Ne({ value: n, flattenOptions: ee, selectedOption: h }) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: M })
+                  }
+                ),
                 n ? /* @__PURE__ */ e(
                   "div",
                   {
-                    className: R(
+                    className: I(
                       "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();
+                      t.stopPropagation(), ae();
                     },
-                    children: /* @__PURE__ */ e(ge, {})
+                    children: /* @__PURE__ */ e(Ce, {})
                   }
-                ) : /* @__PURE__ */ e(be, { className: "opacity-50 w-4 h-4" })
+                ) : /* @__PURE__ */ e(xe, { className: "opacity-50 w-4 h-4" })
               ] })
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            le,
-            {
-              className: "w-(--radix-popper-anchor-width) max-w-none p-0",
-              align: "start",
-              children: /* @__PURE__ */ d(de, { shouldFilter: !1, children: [
-                /* @__PURE__ */ e(
-                  pe,
-                  {
-                    placeholder: f,
-                    value: a,
-                    onValueChange: $
-                  }
-                ),
-                typeof I == "function" ? I(g) : I,
-                /* @__PURE__ */ e(me, { children: /* @__PURE__ */ d(
-                  fe,
-                  {
-                    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(
-                          ue,
-                          {
-                            asChild: !0,
-                            className: "w-full",
-                            children: typeof w == "function" ? w(g) : w
-                          },
-                          "combobox-list-head-action"
-                        ),
-                        /* @__PURE__ */ e(
-                          ve,
-                          {
-                            value: n,
-                            options: r,
-                            onChangeOption: U,
-                            setOpen: B
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) })
-              ] })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          fe,
+          {
+            className: I(
+              "w-(--radix-popper-anchor-width) max-w-none p-2",
+              "-translate-y-3"
+            ),
+            align: "start",
+            children: /* @__PURE__ */ c(ue, { shouldFilter: !1, children: [
+              /* @__PURE__ */ e(
+                he,
+                {
+                  placeholder: C,
+                  value: i,
+                  onValueChange: re
+                }
+              ),
+              typeof E == "function" ? E(s) : E,
+              /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ c(
+                be,
+                {
+                  className: I(
+                    !r.length && "p-0 shadow-none",
+                    "px-0 py-2"
+                  ),
+                  children: [
+                    o && /* @__PURE__ */ e(_, { fullWidth: !0 }),
+                    !o && b && /* @__PURE__ */ e(R, { children: x ? /* @__PURE__ */ c(J, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                      /* @__PURE__ */ e("span", { children: q }),
+                      typeof x == "function" ? x(s) : x
+                    ] }) : /* @__PURE__ */ e(J, { children: q }) }),
+                    !o && !b && /* @__PURE__ */ c(R, { children: [
+                      w && /* @__PURE__ */ e(
+                        ye,
+                        {
+                          asChild: !0,
+                          className: "w-full",
+                          children: typeof w == "function" ? w(s) : w
+                        },
+                        "combobox-list-head-action"
+                      ),
+                      /* @__PURE__ */ e(
+                        we,
+                        {
+                          searchTerm: i,
+                          value: n,
+                          options: r,
+                          onChangeOption: U,
+                          setOpen: j,
+                          defaultNodeDisabled: K,
+                          defaultNodeMatched: Q,
+                          defaultNodeMuted: Y,
+                          defaultNodeInteractive: Z
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ) }),
+              !o && N && !b && /* @__PURE__ */ e(
+                "div",
+                {
+                  "data-slot": "command-footer-wrapper",
+                  className: "flex w-full min-h-9 items-center gap-2 border-t px-3",
+                  children: typeof N == "function" ? N(s) : N
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+};
 export {
-  Ee 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 {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      onMount,\n    } = props;\n    const [initialLoading, setInitialLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\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 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      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\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 onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\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 comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(async () => {\n      if (!onMount) return;\n      setInitialLoading(true);\n      try {\n        await onMount(comboboxCallbackStateParams);\n      } finally {\n        setInitialLoading(false);\n      }\n    }, [onMount, comboboxCallbackStateParams]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              size=\"lg\"\n              aria-expanded={open}\n              className={cn(\n                'relative w-full justify-between font-normal text-sm bg-transparent relative p-3',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled || initialLoading}\n            >\n              {initialLoading ? (\n                  <LoadingMask fullWidth />\n              ) : (\n                <>\n                  <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                    {value\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                      : <span className=\"text-gray-400\">{placeholder}</span>\n                    }\n                  </span>\n                  {value ? (\n                    <div\n                      className={cn(\n                        'absolute top-0 right-1',\n                        'flex items-center justify-center',\n                        'w-9 aspect-square [&_svg]:size-5',\n                        'opacity-50 cursor-pointer hover:opacity-100'\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleClearSelection();\n                      }}\n                    >\n                      <X />\n                    </div>\n                  ) : (\n                    <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n                  )}\n                </>\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup\n                  className={cn(!options.length && 'p-0 shadow-none')}\n                >\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\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 {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions';\n\n// TODO: refactor next component | nlt code\nconst getSelectRenderLabel = <Data extends object>(params: {\n  value: ComboboxProps<Data>['value'];\n  flattenOptions: ComboboxOption<Data>[];\n  selectedOption?: ComboboxOption<Data>;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if (!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [ flattenedOption, selectedOption ]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if (!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = <Data extends object, >(props: ComboboxProps<Data>) => {\n  const {\n    value,\n    onChange,\n    placeholder,\n    disabled,\n    searchLabel = 'Type to search...',\n    fetchOptions,\n    options: itemOptions,\n    emptyLabel = 'No options',\n    emptyAction,\n    commandInputAction,\n    listHeadAction,\n    listFooterAction,\n    onMount,\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n    renderTrigger,\n  } = props;\n  const [ initialLoading, setInitialLoading ] = useState(false);\n  const [ open, setOpen ] = useState(false);\n  const [ searchTerm, setSearchTerm ] = useState('');\n  const [ selectedOption, setSelectedOption ] = useState<ComboboxOption<Data>>();\n  const [ loading, setLoading ] = useState(false);\n\n  const [ options, setOptionsDispatch ] = 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 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    setOptionsDispatch((prev) => {\n      const next: ComboboxOption<Data>[] = typeof stater === 'function' ? stater(prev) : stater;\n      flatten(next);\n      return next;\n    });\n  }, [ selectedOption, value ])\n\n  useEffect(() => {\n    itemOptions?.length && setOptions(itemOptions);\n  }, [ itemOptions ]);\n\n  const handlePopoverOpen = async () => {\n    if (!open) {\n      void getData();\n      setSearchTerm('');\n    }\n  };\n\n  const getData = useCallback(async (search?: string) => {\n    setLoading(true);\n    try {\n      const fetchedOptions = await fetchOptions(search);\n      setOptions(fetchedOptions);\n    } catch (error) {\n      console.error('Unexpected error while get option:', error);\n    } finally {\n      setLoading(false);\n    }\n  }, [ setOptions ]);\n\n  const debouncedGetData = useDebounceCallback(getData, 1000, {\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 onChangeOption = useCallback((option: ComboboxOption<Data>) => {\n    onChange(option.value);\n    setSelectedOption(option);\n    setLoading(false);\n  }, []);\n\n  const handleClearSelection = useCallback(() => {\n    onChangeOption({ value: '', label: '' });\n    setSelectedOption(undefined);\n    setLoading(false);\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 comboboxCallbackStateParams =\n    useMemo((): ComboboxCallbackStateParams<Data> => {\n      return {\n        options,\n        setOptions,\n        selectedOption,\n        setSelectedOption,\n        search: searchTerm || '',\n        setSearch: setSearchTerm,\n        open,\n        setOpen,\n        loading,\n        setLoading,\n        isEmptyList,\n        isSearchedEmptyList,\n      };\n    }, [ loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions ]);\n\n  const runOnMount = useCallback(async () => {\n    if (!onMount) return;\n    setInitialLoading(true);\n    try {\n      await onMount(comboboxCallbackStateParams);\n    } finally {\n      setInitialLoading(false);\n    }\n  }, [ onMount, comboboxCallbackStateParams ]);\n\n  useLayoutEffect(() => {\n    runOnMount();\n  }, []);\n\n  return (\n    <div className=\"w-full\">\n      <Popover\n        open={open}\n        onOpenChange={(newOpen) => {\n          setOpen(newOpen);\n          if (newOpen) handlePopoverOpen();\n        }}\n      >\n        <PopoverTrigger asChild className=\"border-input\">\n          <Button\n            color='secondary'\n            role=\"combobox\"\n            aria-expanded={open}\n            className={cn(\n              'relative w-full justify-between font-normal text-sm bg-transparent',\n              'border border-border',\n              open && 'border-2 outline-hidden ring-1 ring-ring',\n              'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\n              renderTrigger && 'p-0',\n              renderTrigger && open && 'p-0 border-1 ring-0 ring-transparent',\n            )}\n            disabled={disabled || initialLoading}\n          >\n            {initialLoading && <LoadingMask fullWidth/>}\n            {!initialLoading && renderTrigger && renderTrigger(comboboxCallbackStateParams)}\n            {!initialLoading && !renderTrigger && (\n              <>\n                  <span\n                    className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                    {value\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                      : <span className=\"text-gray-400\">{placeholder}</span>\n                    }\n                  </span>\n                {value ? (\n                  <div\n                    className={cn(\n                      'absolute top-0 right-1',\n                      'flex items-center justify-center',\n                      'w-9 aspect-square [&_svg]:size-5',\n                      'opacity-50 cursor-pointer hover:opacity-100'\n                    )}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleClearSelection();\n                    }}\n                  >\n                    <X/>\n                  </div>\n                ) : (\n                  <ChevronDown className=\"opacity-50 w-4 h-4\"/>\n                )}\n              </>\n            )}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className={cn(\n            \"w-(--radix-popper-anchor-width) max-w-none p-2\",\n            '-translate-y-3',\n          )}\n          align=\"start\"\n        >\n          <Command shouldFilter={false}>\n            <CommandInput\n              placeholder={searchLabel}\n              value={searchTerm}\n              onValueChange={handleSearchChange}\n            />\n            {typeof commandInputAction === 'function'\n              ? commandInputAction(comboboxCallbackStateParams)\n              : commandInputAction}\n            <CommandList>\n              <CommandGroup\n                className={cn(\n                  !options.length && 'p-0 shadow-none',\n                  'px-0 py-2',\n                )}\n              >\n                {loading && <LoadingMask fullWidth/>}\n                {!loading && isEmptyList && (\n                  <>\n                    {emptyAction ? (\n                      <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                        <span>{emptyLabel}</span>\n                        {typeof emptyAction === 'function'\n                          ? emptyAction(comboboxCallbackStateParams)\n                          : emptyAction}\n                      </CommandEmpty>\n                    ) : (\n                      <CommandEmpty>{emptyLabel}</CommandEmpty>\n                    )}\n                  </>\n                )}\n                {!loading && !isEmptyList && (\n                  <>\n                    {listHeadAction && (\n                      <CommandItem\n                        key='combobox-list-head-action'\n                        asChild\n                        className='w-full'\n                      >\n                        {typeof listHeadAction === 'function'\n                          ? listHeadAction(comboboxCallbackStateParams)\n                          : listHeadAction}\n                      </CommandItem>\n                    )}\n                    <ComboboxOptions\n                      searchTerm={searchTerm}\n                      value={value}\n                      options={options}\n                      onChangeOption={onChangeOption}\n                      setOpen={setOpen}\n                      defaultNodeDisabled={defaultNodeDisabled}\n                      defaultNodeMatched={defaultNodeMatched}\n                      defaultNodeMuted={defaultNodeMuted}\n                      defaultNodeInteractive={defaultNodeInteractive}\n                    />\n                  </>\n                )}\n              </CommandGroup>\n            </CommandList>\n\n            {/*LIST FOOTER ACTION*/}\n            {!loading && listFooterAction && !isEmptyList && (\n              <div\n                data-slot=\"command-footer-wrapper\"\n                className=\"flex w-full min-h-9 items-center gap-2 border-t px-3\"\n              >\n                {typeof listFooterAction === 'function'\n                  ? listFooterAction(comboboxCallbackStateParams)\n                  : listFooterAction}\n              </div>\n            )}\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","props","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","listFooterAction","onMount","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","renderTrigger","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","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","CommandEmpty","CommandItem","ComboboxOptions"],"mappings":"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"}