@7span/react-list 0.0.6 → 1.0.0

package/dist/react-list.js

@@ -1,6 +1,6 @@
-import { jsx as c, jsxs as I } from "react/jsx-runtime";
-import { createContext as V, useContext as X, useState as G, useMemo as C, memo as S, useCallback as z, useRef as Q, useEffect as _ } from "react";
-const U = V(null), j = ({ children: s, config: i }) => {
+import { jsx as c, jsxs as T } from "react/jsx-runtime";
+import { createContext as X, useContext as Y, useState as G, useMemo as C, memo as B, useCallback as E, useRef as U, useEffect as D } from "react";
+const V = X(null), ee = ({ children: s, config: i }) => {
   const { requestHandler: a, stateManager: n = {} } = i, [r, l] = G({
     data: [],
     response: null,
@@ -27,7 +27,7 @@ const U = V(null), j = ({ children: s, config: i }) => {
   });
   if (!a)
     throw new Error("ListProvider: requestHandler is required.");
-  const f = C(
+  const d = C(
     () => ({
       requestHandler: a,
       stateManager: n,
@@ -36,14 +36,14 @@ const U = V(null), j = ({ children: s, config: i }) => {
     }),
     [a, n, r]
   );
-  return /* @__PURE__ */ c(U.Provider, { value: f, children: s });
+  return /* @__PURE__ */ c(V.Provider, { value: d, children: s });
 }, x = () => {
-  const s = X(U);
+  const s = Y(V);
   if (!s)
     throw new Error("useListContext must be used within a ListProvider");
   return s;
-}, ee = S(({ children: s, renderAttribute: i }) => {
-  const { listState: a } = x(), { attrs: n, attrSettings: r, updateAttr: l } = a, f = z(
+}, te = B(({ children: s, renderAttribute: i }) => {
+  const { listState: a } = x(), { attrs: n, attrSettings: r, updateAttr: l } = a, d = E(
     (u) => (h) => {
       l(u, "visible", h.target.checked);
     },
@@ -57,60 +57,60 @@ const U = V(null), j = ({ children: s, config: i }) => {
     [n, r, l]
   );
   return s ? s(m) : /* @__PURE__ */ c("div", { className: "react-list-attributes", children: n.map((u, h) => {
-    var g;
+    var f;
     return i ? i({
       key: `attr-${h}`,
       attr: u,
       updateAttr: l,
       attrSettings: r
-    }) : /* @__PURE__ */ I("label", { children: [
+    }) : /* @__PURE__ */ T("label", { children: [
       /* @__PURE__ */ c("span", { children: u.label }),
       /* @__PURE__ */ c(
         "input",
         {
           type: "checkbox",
-          checked: ((g = r == null ? void 0 : r[u.name]) == null ? void 0 : g.visible) ?? !1,
-          onChange: f(u.name)
+          checked: ((f = r == null ? void 0 : r[u.name]) == null ? void 0 : f.visible) ?? !1,
+          onChange: d(u.name)
         }
       )
     ] }, `attr-${h}`);
   }) });
-}), te = S(({ children: s }) => {
-  const { listState: i } = x(), { data: a, loader: n, error: r } = i, { isLoading: l, initialLoading: f } = n;
-  return (a == null ? void 0 : a.length) > 0 || f || l || r ? null : /* @__PURE__ */ c("div", { className: "react-list-empty", children: s || /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: "No data found!" }) }) });
-}), se = S(({ children: s }) => {
+}), se = B(({ children: s }) => {
+  const { listState: i } = x(), { data: a, loader: n, error: r } = i, { isLoading: l, initialLoading: d } = n;
+  return (a == null ? void 0 : a.length) > 0 || d || l || r ? null : /* @__PURE__ */ c("div", { className: "react-list-empty", children: s || /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: "No data found!" }) }) });
+}), ne = B(({ children: s }) => {
   const { listState: i } = x(), { error: a, loader: n } = i, { isLoading: r } = n;
-  return !a || r ? null : /* @__PURE__ */ c("div", { className: "react-list-error", children: typeof s == "function" ? s({ error: a }) : s || /* @__PURE__ */ I("div", { children: [
+  return !a || r ? null : /* @__PURE__ */ c("div", { className: "react-list-error", children: typeof s == "function" ? s({ error: a }) : s || /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ c("h3", { children: "Error occurred" }),
-    /* @__PURE__ */ I("pre", { children: [
+    /* @__PURE__ */ T("pre", { children: [
       a.name,
       ": ",
       a.message
     ] })
   ] }) });
-}), ne = S(({ children: s }) => {
-  const { listState: i } = x(), { data: a, count: n, pagination: r, setPage: l, loader: f, error: m } = i, { page: u, perPage: h } = r, { initialLoading: g, isLoading: y } = f, { pages: R, pagesCount: L } = C(() => {
-    const O = Math.ceil(n / h);
-    return { pages: Array.from({ length: O }, ($, p) => p + 1), pagesCount: O };
-  }, [n, h]), E = z(
-    (O) => {
-      l(Number(O.target.value));
+}), re = B(({ children: s }) => {
+  const { listState: i } = x(), { data: a, count: n, pagination: r, setPage: l, loader: d, error: m } = i, { page: u, perPage: h } = r, { initialLoading: f, isLoading: y } = d, { pages: L, pagesCount: v } = C(() => {
+    const R = Math.ceil(n / h);
+    return { pages: Array.from({ length: R }, (_, p) => p + 1), pagesCount: R };
+  }, [n, h]), I = E(
+    (R) => {
+      l(Number(R.target.value));
     },
     [l]
   ), P = C(
     () => ({
       setPage: l,
       page: u,
-      pages: R,
-      pagesCount: L
+      pages: L,
+      pagesCount: v
     }),
-    [l, u, R, L]
+    [l, u, L, v]
   );
-  return g || !a || a.length === 0 || m ? null : /* @__PURE__ */ c("div", { className: "react-list-go-to", children: s ? s(P) : /* @__PURE__ */ c("select", { value: u, onChange: E, children: R.map((O) => /* @__PURE__ */ I("option", { value: O, children: [
+  return f || !a || a.length === 0 || m ? null : /* @__PURE__ */ c("div", { className: "react-list-go-to", children: s ? s(P) : /* @__PURE__ */ c("select", { value: u, onChange: I, children: L.map((R) => /* @__PURE__ */ T("option", { value: R, children: [
     "Page ",
-    O
-  ] }, `page-${O}`)) }) });
-}), re = S(({ children: s }) => {
+    R
+  ] }, `page-${R}`)) }) });
+}), ie = B(({ children: s }) => {
   const { listState: i } = x(), { loader: a } = i, { initialLoading: n } = a;
   return C(
     () => ({
@@ -118,16 +118,17 @@ const U = V(null), j = ({ children: s, config: i }) => {
     }),
     [n]
   ), n ? /* @__PURE__ */ c("div", { className: "react-list-initial-loader", children: s || /* @__PURE__ */ c("p", { children: "Initial Loading..." }) }) : null;
-}), ie = S(({ children: s, renderItem: i }) => {
-  const { listState: a } = x(), { data: n = [], loader: r, error: l, setSort: f, sort: m } = a, { initialLoading: u } = r, h = C(
+}), ae = B(({ children: s, renderItem: i }) => {
+  const { listState: a } = x(), { data: n = [], loader: r, error: l, setSort: d, sort: m } = a, { initialLoading: u, isLoading: h } = r, f = C(
     () => ({
       items: n,
-      setSort: f,
+      isLoading: h,
+      setSort: d,
       sort: m
     }),
-    [n, m, f]
+    [n, m, d, h]
   );
-  return u || !n || n.length === 0 || l ? null : i ? /* @__PURE__ */ c("div", { className: "react-list-items", children: n.map((g, y) => /* @__PURE__ */ c("div", { children: i({ item: g, index: y }) }, g.id || y)) }) : typeof s == "function" ? /* @__PURE__ */ c("div", { className: "react-list-items", children: s(h) }) : /* @__PURE__ */ c("div", { className: "react-list-items", children: n.map((g, y) => /* @__PURE__ */ c("pre", { children: JSON.stringify(g, null, 2) }, g.id || y)) });
+  return u || !n || n.length === 0 || l ? null : i ? /* @__PURE__ */ c("div", { className: "react-list-items", children: n.map((y, L) => /* @__PURE__ */ c("div", { children: i({ item: y, index: L }) }, y.id || L)) }) : typeof s == "function" ? /* @__PURE__ */ c("div", { className: "react-list-items", children: s(f) }) : /* @__PURE__ */ c("div", { className: "react-list-items", children: n.map((y, L) => /* @__PURE__ */ c("pre", { children: JSON.stringify(y, null, 2) }, y.id || L)) });
 }), W = (s, i) => {
   if (s === i) return !0;
   if (s == null || i == null || typeof s != "object" || typeof i != "object")
@@ -144,44 +145,44 @@ const U = V(null), j = ({ children: s, config: i }) => {
   for (let r of a)
     if (!n.includes(r) || !W(s[r], i[r])) return !1;
   return !0;
-}, Y = (s, i) => !i || Object.keys(i).length === 0 ? s && Object.keys(s).length > 0 : !s || Object.keys(s).length === 0 ? !1 : !W(s, i), ae = ({
+}, Z = (s, i) => !i || Object.keys(i).length === 0 ? s && Object.keys(s).length > 0 : !s || Object.keys(s).length === 0 ? !1 : !W(s, i), oe = ({
   initialItems: s = [],
   children: i,
   endpoint: a,
   page: n = 1,
   perPage: r = 25,
   sortBy: l = "",
-  sortOrder: f = "desc",
+  sortOrder: d = "desc",
   count: m = 0,
   search: u = "",
   filters: h = {},
-  attrs: g,
+  attrs: f,
   version: y = 1,
-  paginationMode: R = "pagination",
-  meta: L = {},
-  onResponse: E,
+  paginationMode: L = "pagination",
+  meta: v = {},
+  onResponse: I,
   afterPageChange: P,
-  afterLoadMore: O
+  afterLoadMore: R
 }) => {
-  const { requestHandler: M, setListState: $, stateManager: p } = x(), q = Q(!1), k = R === "loadMore", A = z(
+  const { requestHandler: $, setListState: _, stateManager: p } = x(), M = U(!1), k = L === "loadMore", A = E(
     (e) => ({
       endpoint: a,
       version: y,
-      meta: L,
+      meta: v,
       search: (e == null ? void 0 : e.search) || u,
       page: (e == null ? void 0 : e.page) || n,
       perPage: (e == null ? void 0 : e.perPage) || r,
       sortBy: (e == null ? void 0 : e.sortBy) || l,
-      sortOrder: (e == null ? void 0 : e.sortOrder) || f,
+      sortOrder: (e == null ? void 0 : e.sortOrder) || d,
       filters: (e == null ? void 0 : e.filters) || h,
       attrSettings: (e == null ? void 0 : e.attrSettings) || {},
       isRefresh: !1
     }),
-    [a, y, L, u, n, r, l, f, h]
-  ), w = z(() => {
+    [a, y, v, u, n, r, l, d, h]
+  ), O = E(() => {
     var e;
     try {
-      const d = A(), o = (e = p == null ? void 0 : p.get) == null ? void 0 : e.call(p, d);
+      const g = A(), o = (e = p == null ? void 0 : p.get) == null ? void 0 : e.call(p, g);
       return {
         page: o == null ? void 0 : o.page,
         perPage: o == null ? void 0 : o.perPage,
@@ -191,17 +192,17 @@ const U = V(null), j = ({ children: s, config: i }) => {
         attrSettings: o == null ? void 0 : o.attrSettings,
         filters: o == null ? void 0 : o.filters
       };
-    } catch (d) {
-      return console.error(d), {};
+    } catch (g) {
+      return console.error(g), {};
     }
-  }, [A, p]), B = z(() => {
-    const e = w();
-    let d = n;
-    return k ? d = 1 : e.page != null && (d = e.page), {
-      page: d,
+  }, [A, p]), N = E(() => {
+    const e = O();
+    let g = n;
+    return k ? g = 1 : e.page != null && (g = e.page), {
+      page: g,
       perPage: e.perPage != null ? e.perPage : r,
       sortBy: e.sortBy != null ? e.sortBy : l,
-      sortOrder: e.sortOrder != null ? e.sortOrder : f,
+      sortOrder: e.sortOrder != null ? e.sortOrder : d,
       search: e.search != null ? e.search : u,
       filters: e.filters != null ? e.filters : h,
       attrSettings: e.attrSettings || {},
@@ -215,32 +216,32 @@ const U = V(null), j = ({ children: s, config: i }) => {
       confirmedPage: null
     };
   }, [
-    w,
+    O,
     u,
     n,
     r,
     l,
-    f,
+    d,
     u,
     h,
     k
-  ]), [t, b] = G(B), T = z(
+  ]), [t, b] = G(N), q = E(
     (e) => {
-      var d;
+      var g;
       if (p) {
         const o = A(e);
-        (d = p == null ? void 0 : p.set) == null || d.call(p, o);
+        (g = p == null ? void 0 : p.set) == null || g.call(p, o);
       }
     },
     [p, A]
-  ), N = z(
-    async (e = {}, d = null) => {
+  ), z = E(
+    async (e = {}, g = null) => {
       t.initializingState || b((o) => ({ ...o, error: null, isLoading: !0 }));
       try {
-        const o = d || t, v = await M({
+        const o = g || t, w = (g == null ? void 0 : g.items) ?? t.items, S = await $({
           endpoint: a,
           version: y,
-          meta: L,
+          meta: v,
           page: o.page,
           perPage: o.perPage,
           search: o.search,
@@ -249,23 +250,23 @@ const U = V(null), j = ({ children: s, config: i }) => {
           filters: o.filters,
           ...e
         });
-        E && E(v);
-        let H;
-        k ? (prev.page === 1 ? H = v.items : H = [...prev.items, ...v.items], O && O(v)) : (H = v.items, P && P(v));
-        const K = {
+        I && I(S);
+        let K;
+        k ? (K = o.page === 1 ? S.items : [...w, ...S.items], R && R(S)) : (K = S.items, P && P(S));
+        const Q = {
           ...o,
-          response: v,
+          response: S,
           selection: [],
           // Append items for loadMore, replace for pagination
-          items: k && o.page > 1 ? [...prev.items, ...v.items] : v.items,
-          count: v.count,
+          items: k && o.page > 1 ? [...w, ...S.items] : S.items,
+          count: S.count,
           initializingState: !1,
           isLoading: !1
         };
-        T(K), b(K);
+        q(Q), b(Q);
       } catch (o) {
-        throw b((v) => ({
-          ...v,
+        throw b((w) => ({
+          ...w,
           error: o,
           items: [],
           count: 0,
@@ -274,55 +275,55 @@ const U = V(null), j = ({ children: s, config: i }) => {
         })), o;
       }
     },
-    [a, y, k, L, M, t]
-  ), D = C(
+    [a, y, k, v, $, t]
+  ), H = C(
     () => ({
-      setPage: (e, d) => {
+      setPage: (e, g) => {
         let o = e;
         e === 0 && (o = "");
-        const v = { ...t, page: o };
-        b(v), o && N(d, v);
+        const w = { ...t, page: o };
+        b(w), o && z(g, w);
       },
       setPerPage: (e) => {
-        const d = { ...t, perPage: e, page: 1 };
-        b(d), N({}, d);
+        const g = { ...t, perPage: e, page: 1 };
+        b(g), z({}, g);
       },
       setSearch: (e) => {
         if (e !== t.search) {
-          const d = { ...t, search: e, page: 1 };
-          b(d), N({}, d);
+          const g = { ...t, search: e, page: 1 };
+          b(g), z({}, g);
         }
       },
-      setSort: ({ by: e, order: d }) => {
-        const o = { ...t, sortBy: e, sortOrder: d, page: 1 };
-        b(o), N({}, o);
+      setSort: ({ by: e, order: g }) => {
+        const o = { ...t, sortBy: e, sortOrder: g, page: 1 };
+        b(o), z({}, o);
       },
       loadMore: () => {
         const e = { ...t, page: t.page + 1 };
-        b(e), N({}, e);
+        b(e), z({}, e);
       },
       clearFilters: () => {
         const e = { ...t, filters: h, page: 1 };
-        b(e), N({}, e);
+        b(e), z({}, e);
       },
       refresh: (e = { isRefresh: !0 }) => {
         if (k) {
-          const d = { ...t, page: 1, items: [] };
-          b(d), N(e, d);
+          const g = { ...t, page: 1, items: [] };
+          b(g), z(e, g);
         } else
-          N(e);
+          z(e);
       },
       setFilters: (e) => {
-        const d = { ...t, filters: e, page: 1 };
-        b(d), N({}, d);
+        const g = { ...t, filters: e, page: 1 };
+        b(g), z({}, g);
       },
-      updateItemById: (e, d) => {
-        const o = t.items.map((v) => v.id === d ? { ...v, ...e } : v);
-        b((v) => ({ ...v, items: o }));
+      updateItemById: (e, g) => {
+        const o = t.items.map((w) => w.id === g ? { ...w, ...e } : w);
+        b((w) => ({ ...w, items: o }));
       },
-      setSelection: (e) => b((d) => ({ ...d, selection: e }))
+      setSelection: (e) => b((g) => ({ ...g, selection: e }))
     }),
-    [N, k, t]
+    [z, k, t]
   ), J = C(
     () => ({
       data: t.items,
@@ -340,12 +341,12 @@ const U = V(null), j = ({ children: s, config: i }) => {
         initialLoading: t.initializingState
       },
       sort: { sortBy: t.sortBy, sortOrder: t.sortOrder },
-      hasActiveFilters: Y(t.filters, h),
+      hasActiveFilters: Z(t.filters, h),
       search: t.search,
       filters: t.filters,
-      attrs: g || Object.keys(t.items[0] || {}),
+      attrs: f || Object.keys(t.items[0] || {}),
       isEmpty: t.items.length === 0,
-      ...D
+      ...H
     }),
     [
       t.items,
@@ -361,22 +362,22 @@ const U = V(null), j = ({ children: s, config: i }) => {
       t.sortOrder,
       t.search,
       t.filters,
-      D,
-      g
+      H,
+      f
     ]
   );
-  return _(() => {
-    if (t.initializingState && !q.current) {
-      if (q.current = !0, p != null && p.init) {
+  return D(() => {
+    if (t.initializingState && !M.current) {
+      if (M.current = !0, p != null && p.init) {
         const e = A(t);
         p.init(e);
       }
-      s.length || D.setPage(t.page);
+      s.length || H.setPage(t.page);
     }
-  }, []), _(() => {
-    $(J);
+  }, []), D(() => {
+    _(J);
   }, [
-    $,
+    _,
     t.items,
     t.count,
     t.error,
@@ -387,22 +388,22 @@ const U = V(null), j = ({ children: s, config: i }) => {
     t.sortBy,
     t.sortOrder
   ]), typeof i == "function" ? i(J) : i;
-}, oe = S(({ children: s }) => {
-  const { listState: i } = x(), { data: a, count: n, pagination: r, setPage: l, loader: f, error: m } = i, { page: u, perPage: h } = r, { isLoading: g } = f, y = C(
+}, le = B(({ children: s }) => {
+  const { listState: i } = x(), { data: a, count: n, pagination: r, setPage: l, loader: d, error: m } = i, { page: u, perPage: h } = r, { isLoading: f } = d, y = C(
     () => u * h < n,
     [u, h, n]
-  ), R = z(() => {
-    y && !g && l(u + 1);
-  }, [y, g, l, u]), L = C(
+  ), L = E(() => {
+    y && !f && l(u + 1);
+  }, [y, f, l, u]), v = C(
     () => ({
-      isLoading: g,
-      loadMore: R,
+      isLoading: f,
+      loadMore: L,
       hasMoreItems: y
     }),
-    [g, R, y]
+    [f, L, y]
   );
-  return !a || a.length === 0 || m ? null : s(L);
-}), le = S(({ children: s, position: i = "overlay" }) => {
+  return !a || a.length === 0 || m ? null : s(v);
+}), ce = B(({ children: s, position: i = "overlay" }) => {
   const { listState: a } = x(), { loader: n } = a, { isLoading: r, initializingState: l } = n;
   return C(
     () => ({
@@ -410,7 +411,7 @@ const U = V(null), j = ({ children: s, config: i }) => {
     }),
     [r]
   ), !l && !r ? null : /* @__PURE__ */ c("div", { children: s || /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: "Loading..." }) }) });
-}), ce = S(
+}), ue = B(
   ({
     children: s,
     pageLinks: i = 5,
@@ -418,36 +419,36 @@ const U = V(null), j = ({ children: s, config: i }) => {
     renderPrev: n,
     renderPages: r,
     renderPage: l,
-    renderNext: f,
+    renderNext: d,
     renderLast: m
   }) => {
-    const { listState: u } = x(), { data: h, count: g, pagination: y, setPage: R, loader: L, error: E } = u, { page: P, perPage: O } = y, { initialLoading: M, isLoading: $ } = L, p = C(() => {
-      const w = Math.ceil(g / O), B = Math.floor(i / 2), t = P * O < g;
-      return { pagesCount: w, halfWay: B, hasNext: t, hasPrev: P !== 1 };
-    }, [g, O, P, i]), q = C(() => {
-      const { pagesCount: w, halfWay: B } = p, t = Array.from({ length: Math.min(i, w) });
-      return P <= B ? t.map((b, T) => T + 1) : w - P < B ? t.map((b, T) => w - T).reverse() : t.map((b, T) => P - B + T);
+    const { listState: u } = x(), { data: h, count: f, pagination: y, setPage: L, loader: v, error: I } = u, { page: P, perPage: R } = y, { initialLoading: $, isLoading: _ } = v, p = C(() => {
+      const O = Math.ceil(f / R), N = Math.floor(i / 2), t = P * R < f;
+      return { pagesCount: O, halfWay: N, hasNext: t, hasPrev: P !== 1 };
+    }, [f, R, P, i]), M = C(() => {
+      const { pagesCount: O, halfWay: N } = p, t = Array.from({ length: Math.min(i, O) });
+      return P <= N ? t.map((b, q) => q + 1) : O - P < N ? t.map((b, q) => O - q).reverse() : t.map((b, q) => P - N + q);
     }, [P, i, p]), k = C(
       () => ({
-        prev: () => R(P - 1),
-        next: () => R(P + 1),
-        first: () => R(1),
-        last: () => R(p.pagesCount),
-        setPage: (w) => R(w)
+        prev: () => L(P - 1),
+        next: () => L(P + 1),
+        first: () => L(1),
+        last: () => L(p.pagesCount),
+        setPage: (O) => L(O)
       }),
-      [R, P, p.pagesCount]
+      [L, P, p.pagesCount]
     ), A = C(
       () => ({
         page: P,
-        perPage: O,
-        count: g,
+        perPage: R,
+        count: f,
         ...p,
-        pagesToDisplay: q,
+        pagesToDisplay: M,
         ...k
       }),
-      [P, O, g, p, q, k]
+      [P, R, f, p, M, k]
     );
-    return M || !h || h.length === 0 || E ? null : s ? s(A) : /* @__PURE__ */ I("div", { className: "react-list-pagination", children: [
+    return $ || !h || h.length === 0 || I ? null : s ? s(A) : /* @__PURE__ */ T("div", { className: "react-list-pagination", children: [
       a ? a(A) : /* @__PURE__ */ c(
         "button",
         {
@@ -466,18 +467,18 @@ const U = V(null), j = ({ children: s, config: i }) => {
           children: "Prev"
         }
       ),
-      r ? r(A) : /* @__PURE__ */ c("div", { children: q.map((w) => {
-        const B = w === P, t = { ...A, page: w, isActive: B };
-        return l ? l(t) : /* @__PURE__ */ c("div", { children: B ? /* @__PURE__ */ c("span", { children: w }) : /* @__PURE__ */ c(
+      r ? r(A) : /* @__PURE__ */ c("div", { children: M.map((O) => {
+        const N = O === P, t = { ...A, page: O, isActive: N };
+        return l ? l(t) : /* @__PURE__ */ c("div", { children: N ? /* @__PURE__ */ c("span", { children: O }) : /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            onClick: () => k.setPage(w),
-            children: w
+            onClick: () => k.setPage(O),
+            children: O
           }
-        ) }, `page-${w}`);
+        ) }, `page-${O}`);
       }) }),
-      f ? f(A) : /* @__PURE__ */ c(
+      d ? d(A) : /* @__PURE__ */ c(
         "button",
         {
           type: "button",
@@ -497,51 +498,51 @@ const U = V(null), j = ({ children: s, config: i }) => {
       )
     ] });
   }
-), ue = S(
+), ge = B(
   ({ children: s, options: i = [10, 25, 50, 100] }) => {
-    const { listState: a } = x(), { data: n, pagination: r, setPerPage: l, loader: f, error: m } = a, { perPage: u } = r, { initialLoading: h } = f, g = C(() => i.map((L) => typeof L != "object" ? {
-      value: L,
-      label: L
-    } : L), [i]), y = z(
-      (L) => {
-        l(Number(L.target.value));
+    const { listState: a } = x(), { data: n, pagination: r, setPerPage: l, loader: d, error: m } = a, { perPage: u } = r, { initialLoading: h } = d, f = C(() => i.map((v) => typeof v != "object" ? {
+      value: v,
+      label: v
+    } : v), [i]), y = E(
+      (v) => {
+        l(Number(v.target.value));
       },
       [l]
-    ), R = C(
+    ), L = C(
       () => ({
         perPage: u,
         setPerPage: l,
-        options: g
+        options: f
       }),
-      [u, l, g]
+      [u, l, f]
     );
-    return h || !n || n.length === 0 || m ? null : /* @__PURE__ */ c("div", { className: "react-list-per-page", children: s ? s(R) : /* @__PURE__ */ c("select", { value: u, onChange: y, children: g.map((L) => /* @__PURE__ */ I("option", { value: L.value, children: [
-      L.label,
+    return h || !n || n.length === 0 || m ? null : /* @__PURE__ */ c("div", { className: "react-list-per-page", children: s ? s(L) : /* @__PURE__ */ c("select", { value: u, onChange: y, children: f.map((v) => /* @__PURE__ */ T("option", { value: v.value, children: [
+      v.label,
       " items per page"
-    ] }, `option-${L.value}`)) }) });
+    ] }, `option-${v.value}`)) }) });
   }
-), ge = S(({ children: s }) => {
-  const { listState: i } = x(), { loader: a, refresh: n } = i, { isLoading: r, initialLoading: l } = a, f = z(() => {
+), de = B(({ children: s }) => {
+  const { listState: i } = x(), { loader: a, refresh: n } = i, { isLoading: r, initialLoading: l } = a, d = E(() => {
     n({ isRefresh: !0 });
   }, [n]), m = C(
     () => ({
       isLoading: r,
-      refresh: f
+      refresh: d
     }),
-    [r, f]
+    [r, d]
   );
-  return l ? null : s ? s(m) : /* @__PURE__ */ c("div", { className: "react-list-refresh", children: /* @__PURE__ */ c("button", { onClick: f, disabled: r, children: r ? "Loading..." : "Refresh" }) });
-}), de = S(({ children: s, debounceTime: i = 500 }) => {
-  const { listState: a } = x(), { search: n, setSearch: r } = a, [l, f] = G(n ?? ""), m = Q(null);
-  _(() => {
-    n !== l && f(n ?? "");
+  return l ? null : s ? s(m) : /* @__PURE__ */ c("div", { className: "react-list-refresh", children: /* @__PURE__ */ c("button", { onClick: d, disabled: r, children: r ? "Loading..." : "Refresh" }) });
+}), fe = B(({ children: s, debounceTime: i = 500 }) => {
+  const { listState: a } = x(), { search: n, setSearch: r } = a, [l, d] = G(n ?? ""), m = U(null);
+  D(() => {
+    n !== l && d(n ?? "");
   }, [n]);
-  const u = (g) => {
-    f(g), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      r(g);
+  const u = (f) => {
+    d(f), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
+      r(f);
     }, i);
   };
-  return _(() => () => {
+  return D(() => () => {
     m.current && clearTimeout(m.current);
   }, []), /* @__PURE__ */ c("div", { className: "react-list-search", children: s ? s({
     search: l,
@@ -551,26 +552,26 @@ const U = V(null), j = ({ children: s, config: i }) => {
     {
       type: "text",
       value: l,
-      onChange: (g) => u(g.target.value),
+      onChange: (f) => u(f.target.value),
       placeholder: "Search..."
     }
   ) });
-}), fe = S(({ children: s }) => {
-  const { listState: i } = x(), { data: a, count: n, pagination: r, loader: l, error: f } = i, { page: m, perPage: u } = r, { initialLoading: h, isLoading: g } = l, y = C(() => {
-    const L = m * u - u + 1, E = Math.min(m * u, n), P = (a == null ? void 0 : a.length) || 0;
-    return { from: L, to: E, visibleCount: P };
-  }, [m, u, n, a]), R = C(
+}), pe = B(({ children: s }) => {
+  const { listState: i } = x(), { data: a, count: n, pagination: r, loader: l, error: d } = i, { page: m, perPage: u } = r, { initialLoading: h, isLoading: f } = l, y = C(() => {
+    const v = m * u - u + 1, I = Math.min(m * u, n), P = (a == null ? void 0 : a.length) || 0;
+    return { from: v, to: I, visibleCount: P };
+  }, [m, u, n, a]), L = C(
     () => ({
       ...y,
       count: n
     }),
     [y, n]
   );
-  return h || !a || a.length === 0 || f ? null : /* @__PURE__ */ c("div", { className: "react-list-summary", children: s ? s(R) : /* @__PURE__ */ I("span", { children: [
+  return h || !a || a.length === 0 || d ? null : /* @__PURE__ */ c("div", { className: "react-list-summary", children: s ? s(L) : /* @__PURE__ */ T("span", { children: [
     "Showing ",
     /* @__PURE__ */ c("span", { children: y.visibleCount }),
     " items (",
-    /* @__PURE__ */ I("span", { children: [
+    /* @__PURE__ */ T("span", { children: [
       y.from,
       " - ",
       y.to
@@ -580,19 +581,19 @@ const U = V(null), j = ({ children: s, config: i }) => {
   ] }) });
 });
 export {
-  ee as ReactListAttributes,
-  te as ReactListEmpty,
-  se as ReactListError,
-  ne as ReactListGoTo,
-  re as ReactListInitialLoader,
-  ie as ReactListItems,
-  oe as ReactListLoadMore,
-  le as ReactListLoader,
-  ce as ReactListPagination,
-  ue as ReactListPerPage,
-  j as ReactListProvider,
-  ge as ReactListRefresh,
-  de as ReactListSearch,
-  fe as ReactListSummary,
-  ae as default
+  te as ReactListAttributes,
+  se as ReactListEmpty,
+  ne as ReactListError,
+  re as ReactListGoTo,
+  ie as ReactListInitialLoader,
+  ae as ReactListItems,
+  le as ReactListLoadMore,
+  ce as ReactListLoader,
+  ue as ReactListPagination,
+  ge as ReactListPerPage,
+  ee as ReactListProvider,
+  de as ReactListRefresh,
+  fe as ReactListSearch,
+  pe as ReactListSummary,
+  oe as default
 };