@oneplatformdev/ui 0.0.1-beta.18 → 0.0.1-beta.19

package/Combobox/Combobox.mjs

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

package/package.json

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