@konstructio/ui 0.1.2-alpha.61 → 0.1.2-alpha.62

package/dist/components/Select/components/List/List.js

@@ -1,15 +1,15 @@
-import { jsxs as V, jsx as r } from "react/jsx-runtime";
-import { S as Z } from "../../../../index-BvoZGpli.js";
-import { d as B } from "../../../../debounce-DJveWHr_.js";
-import { forwardRef as G, useRef as C, useState as J, useImperativeHandle as K, useMemo as M, useEffect as Q } from "react";
-import { Loading as R } from "../../../Loading/Loading.js";
+import { jsxs as Z, jsx as r } from "react/jsx-runtime";
+import { S as B } from "../../../../index-BvoZGpli.js";
+import { d as G } from "../../../../debounce-DJveWHr_.js";
+import { forwardRef as J, useRef as C, useState as K, useImperativeHandle as M, useMemo as Q, useEffect as R } from "react";
+import { Loading as W } from "../../../Loading/Loading.js";
 import { cn as o } from "../../../../utils/index.js";
-import { useNavigationUlList as W } from "../../hooks/useNavigationList.js";
+import { useNavigationUlList as X } from "../../hooks/useNavigationList.js";
 import { ListItem as b } from "../ListItem/ListItem.js";
-import { listVariants as X } from "./List.variants.js";
-import { DEFAULT_LIST_SIZE as Y } from "../../constants/pagination.js";
-import { useSelectContext as $ } from "../../contexts/select.hook.js";
-const fe = G(
+import { listVariants as Y } from "./List.variants.js";
+import { DEFAULT_LIST_SIZE as $ } from "../../constants/pagination.js";
+import { useSelectContext as ee } from "../../contexts/select.hook.js";
+const me = J(
   ({
     additionalOptions: F,
     className: N,
@@ -19,59 +19,60 @@ const fe = G(
     name: I,
     searchable: x = !1,
     listItemSecondRowClassName: c,
-    wrapperInputRef: S,
+    wrapperInputRef: O,
     isInfiniteScrollEnabled: u,
     onFetchMoreOptions: f,
     noOptionsText: y
-  }, j) => {
-    const n = C(null), m = C(null), [p, L] = J(!1), {
-      isOpen: O,
-      searchTerm: g,
-      canFilter: P,
+  }, S) => {
+    const n = C(null), m = C(null), [p, L] = K(!1), {
       canContinueFetching: a,
-      page: d,
-      options: w,
+      canFilter: j,
+      isOpen: P,
       isTyping: k,
-      setOptions: T,
-      setPage: U,
-      setCanContinueFetching: _
-    } = $();
-    K(j, () => n.current, [n]);
-    const h = x && P ? w.filter((e) => {
-      const t = g.toLowerCase();
+      options: w,
+      page: g,
+      searchTerm: d,
+      setCanContinueFetching: T,
+      setOptions: U,
+      setPage: _,
+      toggleOpen: q
+    } = ee();
+    M(S, () => n.current, [n]);
+    const h = x && j ? w.filter((e) => {
+      const t = d.toLowerCase();
       return (typeof e.label == "string" ? e.label.toLowerCase() : "").includes(t);
     }) : w;
-    W({
+    X({
       ulRef: n,
-      wrapperInputRef: S,
+      wrapperInputRef: O,
       searchable: x,
       filteredOptions: h
     });
-    const q = h.filter(
+    const z = h.filter(
       (e, t, s) => t === s.findIndex((v) => v.value === e.value)
-    ), z = h.length === 0, A = M(
-      () => B(async (e) => {
+    ), A = h.length === 0, D = Q(
+      () => G(async (e) => {
         const [t] = e;
         if (t.isIntersecting && !p && f && a)
           try {
             L(!0);
-            const s = d + 1, { data: v, hasMore: D } = await f({
+            const s = g + 1, { data: v, hasMore: H } = await f({
               page: s,
-              pageSize: Y,
-              termOfSearch: g
+              pageSize: $,
+              termOfSearch: d
             });
-            U(s), _(D), T((H) => [...H, ...v]);
+            _(s), T(H), U((V) => [...V, ...v]);
           } catch {
             console.error("Error fetching more options");
           } finally {
             L(!1);
           }
       }, 100),
-      [p, f, g, d]
+      [p, f, d, g]
     );
-    return Q(() => {
+    return R(() => {
       if (u && a && m.current && !k) {
-        const e = new IntersectionObserver(A, {
+        const e = new IntersectionObserver(D, {
           threshold: 0.1
         });
         return e.observe(m.current), () => e.disconnect();
@@ -81,15 +82,15 @@ const fe = G(
       a,
       p,
       k,
-      d
-    ]), /* @__PURE__ */ V(
+      g
+    ]), /* @__PURE__ */ Z(
       "ul",
       {
         ref: n,
         title: I,
         role: "listbox",
-        className: o(X({ className: N })),
-        "data-state": O ? "open" : "closed",
+        className: o(Y({ className: N })),
+        "data-state": P ? "open" : "closed",
         children: [
           E ? /* @__PURE__ */ r(
             b,
@@ -101,7 +102,7 @@ const fe = G(
               label: "Loading...",
               listItemSecondRowClassName: c
             }
-          ) : z ? /* @__PURE__ */ r(
+          ) : A ? /* @__PURE__ */ r(
             b,
             {
               isEmpty: !0,
@@ -112,7 +113,7 @@ const fe = G(
               label: y ?? "No options",
               listItemSecondRowClassName: c
             }
-          ) : q.map((e) => /* @__PURE__ */ r(
+          ) : z.map((e) => /* @__PURE__ */ r(
             b,
             {
               className: o("select-none", i),
@@ -131,42 +132,51 @@ const fe = G(
               "data-action": "true",
               className: "flex items-center justify-center py-3",
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ r(R, { className: "w-4 h-4 text-aurora-500 select-none" })
+              children: /* @__PURE__ */ r(W, { className: "w-4 h-4 text-aurora-500 select-none" })
             }
           ),
-          F?.map((e, t) => /* @__PURE__ */ r("li", { role: "option", "data-action": "true", children: /* @__PURE__ */ r(
-            Z,
+          F?.map((e, t) => /* @__PURE__ */ r(
+            "li",
             {
-              className: o(
-                "flex",
-                "min-h-10",
-                "py-2",
-                "px-6",
-                "w-full",
-                "h-full",
-                "gap-1",
-                "items-center",
-                "text-sm",
-                "[&>svg]:-ml-1",
-                "[&>svg]:w-3.5",
-                "[&>svg]:h-3.5",
-                "[&>svg]:shrink-0",
-                "cursor-pointer",
-                "select-none",
-                "hover:bg-gray-50",
-                "hover:dark:bg-metal-700",
-                "focus:outline-0",
-                "text-blue-600",
-                "dark:text-aurora-500"
-              ),
-              children: e
-            }
-          ) }, t))
+              role: "option",
+              "data-action": "true",
+              onClick: () => q(!1),
+              children: /* @__PURE__ */ r(
+                B,
+                {
+                  className: o(
+                    "flex",
+                    "min-h-10",
+                    "py-2",
+                    "px-6",
+                    "w-full",
+                    "h-full",
+                    "gap-1",
+                    "items-center",
+                    "text-sm",
+                    "[&>svg]:-ml-1",
+                    "[&>svg]:w-3.5",
+                    "[&>svg]:h-3.5",
+                    "[&>svg]:shrink-0",
+                    "cursor-pointer",
+                    "select-none",
+                    "hover:bg-gray-50",
+                    "hover:dark:bg-metal-700",
+                    "focus:outline-0",
+                    "text-blue-600",
+                    "dark:text-aurora-500"
+                  ),
+                  children: e
+                }
+              )
+            },
+            t
+          ))
         ]
       }
     );
   }
 );
 export {
-  fe as List
+  me as List
 };

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.60",
+  "version": "0.1.2-alpha.61",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.61",
+  "version": "0.1.2-alpha.62",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",