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

package/Combobox/Combobox.mjs

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

package/package.json

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