@oneplatformdev/ui 0.0.1-beta.34 → 0.0.1-beta.35

package/Combobox/Combobox.mjs

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

package/package.json

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