@oneplatformdev/ui 0.0.1-beta.50 → 0.0.1-beta.51

package/Combobox/Combobox.mjs

@@ -1,143 +1,143 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s, { useRef as R, useEffect as U, useCallback as c, useLayoutEffect as _ } from "react";
-import { LoadingMask as A } from "../LoadingMask/LoadingMask.mjs";
-import { Popover as F, PopoverTrigger as V, PopoverContent as X } from "../Popover/Popover.mjs";
-import { Button as q } from "../Button/Button.mjs";
+import { jsx as a, jsxs as o, Fragment as R } from "react/jsx-runtime";
+import l, { useRef as U, useEffect as _, useCallback as s, useLayoutEffect as A } from "react";
+import { LoadingMask as V } from "../LoadingMask/LoadingMask.mjs";
+import { Popover as X, PopoverTrigger as q, PopoverContent as z } from "../Popover/Popover.mjs";
+import { Button as H } from "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
-import { Command as z, CommandInput as H, CommandList as J, CommandEmpty as K, CommandGroup as Q, CommandItem as W } from "../Command/Command.mjs";
-import { cn as v } from "@oneplatformdev/utils";
-import { useDebounceCallback as Y } from "@oneplatformdev/hooks";
-import { X as Z, ChevronsUpDown as $, Check as ee } from "lucide-react";
-const me = (L) => {
-  var S;
+import { Command as J, CommandInput as K, CommandList as Q, CommandGroup as W, CommandEmpty as k, CommandItem as Y } from "../Command/Command.mjs";
+import { cn as g } from "@oneplatformdev/utils";
+import { useDebounceCallback as Z } from "@oneplatformdev/hooks";
+import { X as $, ChevronsUpDown as ee, Check as ae } from "lucide-react";
+const ue = (O) => {
+  var L;
   const {
     value: t,
-    onChange: k,
-    placeholder: B,
-    disabled: O,
-    searchLabel: P = "Type to search...",
-    fetchOptions: j,
+    onChange: P,
+    placeholder: j,
+    disabled: D,
+    searchLabel: T = "Type to search...",
+    fetchOptions: B,
     options: n,
-    emptyLabel: D = "No options",
-    emptyAction: i,
+    emptyLabel: v = "No options",
+    emptyAction: c,
     onMount: C
-  } = L, p = R(!1), [d, y] = s.useState(!1), [h, w] = s.useState(""), [r, m] = s.useState([]), [f, x] = s.useState(), [u, l] = s.useState(!1);
-  U(() => {
+  } = O, u = U(!1), [i, y] = l.useState(!1), [x, w] = l.useState(""), [d, m] = l.useState([]), [p, N] = l.useState(), [h, r] = l.useState(!1);
+  _(() => {
     n != null && n.length && m(n);
   }, [n]);
-  const T = async () => {
-    d || (N(), w(""));
-  }, N = c(async (e) => {
-    l(!0);
+  const E = async () => {
+    i || (S(), w(""));
+  }, S = s(async (e) => {
+    r(!0);
     try {
-      const g = await j(e);
-      m(g);
-    } catch (g) {
-      console.error("Unexpected error while get option:", g);
+      const b = await B(e);
+      m(b);
+    } catch (b) {
+      console.error("Unexpected error while get option:", b);
     } finally {
-      l(!1);
+      r(!1);
     }
-  }, []), E = Y(N, 1e3, { leading: !1, trailing: !0 }), M = c((e) => {
-    l(!0), w(e), E(e);
-  }, []), b = c((e) => {
-    k(e.value), x(e), l(!1);
-  }, []), G = c(() => {
-    b({ value: "", label: "" }), x(void 0), l(!1);
-  }, []), I = c(() => {
+  }, []), M = Z(S, 1e3, { leading: !1, trailing: !0 }), F = s((e) => {
+    r(!0), w(e), M(e);
+  }, []), f = s((e) => {
+    P(e.value), N(e), r(!1);
+  }, []), G = s(() => {
+    f({ value: "", label: "" }), N(void 0), r(!1);
+  }, []), I = s(() => {
     if (!C) {
-      p.current = !0;
+      u.current = !0;
       return;
     }
     C({ setOptions: m }).finally(() => {
-      p.current = !0;
+      u.current = !0;
     });
   }, []);
-  return _(() => (I(), () => {
-    p.current = !1;
+  return A(() => (I(), () => {
+    u.current = !1;
   }), []), /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ o(
-    F,
+    X,
     {
-      open: d,
+      open: i,
       onOpenChange: (e) => {
-        y(e), e && T();
+        y(e), e && E();
       },
       children: [
-        /* @__PURE__ */ a(V, { asChild: !0, className: "border-input", children: /* @__PURE__ */ o(
-          q,
+        /* @__PURE__ */ a(q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ o(
+          H,
           {
             variant: "outline",
             role: "combobox",
-            "aria-expanded": d,
-            className: v(
+            "aria-expanded": i,
+            className: g(
               "w-full justify-between font-normal text-sm border bg-transparent",
-              d ? "border-2 border-sidebar-accent" : "border-border"
+              i ? "border-2 border-sidebar-accent" : "border-border"
             ),
-            disabled: O,
+            disabled: D,
             children: [
-              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((S = r.find((e) => e.value === t)) == null ? void 0 : S.label) || (f == null ? void 0 : f.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: B }) }),
+              /* @__PURE__ */ a("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((L = d.find((e) => e.value === t)) == null ? void 0 : L.label) || (p == null ? void 0 : p.label) : /* @__PURE__ */ a("span", { className: "text-gray-400", children: j }) }),
               t ? /* @__PURE__ */ a(
-                Z,
+                $,
                 {
                   className: "opacity-50 w-4 h-4 cursor-pointer hover:opacity-100",
                   onClick: (e) => {
                     e.stopPropagation(), G();
                   }
                 }
-              ) : /* @__PURE__ */ a($, { className: "opacity-50 w-4 h-4" })
+              ) : /* @__PURE__ */ a(ee, { className: "opacity-50 w-4 h-4" })
             ]
           }
         ) }),
         /* @__PURE__ */ a(
-          X,
+          z,
           {
             className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
             align: "start",
-            children: /* @__PURE__ */ o(z, { shouldFilter: !1, children: [
+            children: /* @__PURE__ */ o(J, { shouldFilter: !1, children: [
               /* @__PURE__ */ a(
-                H,
+                K,
                 {
-                  placeholder: P,
-                  value: h,
-                  onValueChange: M
+                  placeholder: T,
+                  value: x,
+                  onValueChange: F
                 }
               ),
-              /* @__PURE__ */ o(J, { children: [
-                !u && !!h && /* @__PURE__ */ a(K, { children: D }),
-                /* @__PURE__ */ o(
-                  Q,
-                  {
-                    className: v(
-                      !r.length && "p-0 shadow-none"
-                    ),
-                    children: [
-                      u && /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(A, {}) }),
-                      !u && !r.length && !!h && !!i && /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: typeof i == "function" ? i({ setOptions: m }) : i }),
-                      !u && !!r.length && r.map((e) => /* @__PURE__ */ o(
-                        W,
-                        {
-                          value: e.value,
-                          onSelect: () => {
-                            t === e.value ? b({ value: "", label: "" }) : b(e), y(!1);
-                          },
-                          children: [
-                            e.label,
-                            /* @__PURE__ */ a(
-                              ee,
-                              {
-                                className: v(
-                                  "ml-auto",
-                                  t === e.value ? "opacity-100" : "opacity-0"
-                                )
-                              }
-                            )
-                          ]
+              /* @__PURE__ */ a(Q, { children: /* @__PURE__ */ o(
+                W,
+                {
+                  className: g(
+                    !d.length && "p-0 shadow-none"
+                  ),
+                  children: [
+                    h && /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(V, {}) }),
+                    !h && !!x && /* @__PURE__ */ a(R, { children: c ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ o(k, { className: "flex flex-col gap-2", children: [
+                      /* @__PURE__ */ a("span", { children: v }),
+                      typeof c == "function" ? c({ setOptions: m }) : c
+                    ] }) }) : /* @__PURE__ */ a(k, { children: v }) }),
+                    !h && !!d.length && d.map((e) => /* @__PURE__ */ o(
+                      Y,
+                      {
+                        value: e.value,
+                        onSelect: () => {
+                          t === e.value ? f({ value: "", label: "" }) : f(e), y(!1);
                         },
-                        e.value
-                      ))
-                    ]
-                  }
-                )
-              ] })
+                        children: [
+                          e.label,
+                          /* @__PURE__ */ a(
+                            ae,
+                            {
+                              className: g(
+                                "ml-auto",
+                                t === e.value ? "opacity-100" : "opacity-0"
+                              )
+                            }
+                          )
+                        ]
+                      },
+                      e.value
+                    ))
+                  ]
+                }
+              ) })
             ] })
           }
         )
@@ -146,5 +146,5 @@ const me = (L) => {
   ) });
 };
 export {
-  me as Combobox
+  ue as Combobox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.50",
+  "version": "0.0.1-beta.51",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [