@7span/react-list 0.0.6 → 1.0.1

package/dist/react-list.js

@@ -1,7 +1,7 @@
-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 }) => {
-  const { requestHandler: a, stateManager: n = {} } = i, [r, l] = G({
+import { jsx as c, jsxs as q } from "react/jsx-runtime";
+import { createContext as Y, useContext as Z, useState as J, useMemo as C, memo as b, useCallback as E, useRef as V, useEffect as _ } from "react";
+const X = Y(null), te = ({ children: e, config: r }) => {
+  const { requestHandler: a, stateManager: i = {} } = r, [n, l] = J({
     data: [],
     response: null,
     error: null,
@@ -27,161 +27,180 @@ const U = V(null), j = ({ children: s, config: i }) => {
   });
   if (!a)
     throw new Error("ListProvider: requestHandler is required.");
-  const f = C(
+  const g = C(
     () => ({
       requestHandler: a,
-      stateManager: n,
-      listState: r,
+      stateManager: i,
+      listState: n,
       setListState: l
     }),
-    [a, n, r]
+    [a, i, n]
   );
-  return /* @__PURE__ */ c(U.Provider, { value: f, children: s });
+  return /* @__PURE__ */ c(X.Provider, { value: g, children: e });
 }, x = () => {
-  const s = X(U);
-  if (!s)
+  const e = Z(X);
+  if (!e)
     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(
-    (u) => (h) => {
-      l(u, "visible", h.target.checked);
+  return e;
+}, se = b(({ children: e, renderAttribute: r }) => {
+  const { listState: a } = x(), { attrs: i, attrSettings: n, updateAttr: l } = a, g = E(
+    (u) => (d) => {
+      l(u, "visible", d.target.checked);
     },
     [l]
-  ), m = C(
+  ), y = C(
     () => ({
-      attrs: n,
-      attrSettings: r,
+      attrs: i,
+      attrSettings: n,
       updateAttr: l
     }),
-    [n, r, l]
+    [i, n, l]
   );
-  return s ? s(m) : /* @__PURE__ */ c("div", { className: "react-list-attributes", children: n.map((u, h) => {
-    var g;
-    return i ? i({
-      key: `attr-${h}`,
+  return e ? e(y) : /* @__PURE__ */ c("div", { className: "react-list-attributes", children: i.map((u, d) => {
+    var p;
+    return r ? r({
+      key: `attr-${d}`,
       attr: u,
       updateAttr: l,
-      attrSettings: r
-    }) : /* @__PURE__ */ I("label", { children: [
+      attrSettings: n
+    }) : /* @__PURE__ */ q("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: ((p = n == null ? void 0 : n[u.name]) == null ? void 0 : p.visible) ?? !1,
+          onChange: g(u.name)
         }
       )
-    ] }, `attr-${h}`);
+    ] }, `attr-${d}`);
   }) });
-}), 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 }) => {
-  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: [
+}), ne = b(({ children: e }) => {
+  const { listState: r } = x(), { data: a, loader: i, error: n } = r, { isLoading: l, initialLoading: g } = i;
+  return (a == null ? void 0 : a.length) > 0 || g || l || n ? null : /* @__PURE__ */ c("div", { className: "react-list-empty", children: e || /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: "No data found!" }) }) });
+}), re = b(({ children: e }) => {
+  const { listState: r } = x(), { error: a, loader: i } = r, { isLoading: n } = i;
+  return !a || n ? null : /* @__PURE__ */ c("div", { className: "react-list-error", children: typeof e == "function" ? e({ error: a }) : e || /* @__PURE__ */ q("div", { children: [
     /* @__PURE__ */ c("h3", { children: "Error occurred" }),
-    /* @__PURE__ */ I("pre", { children: [
+    /* @__PURE__ */ q("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));
+}), ie = b(({ children: e }) => {
+  const { listState: r } = x(), { data: a, count: i, pagination: n, setPage: l, loader: g, error: y } = r, { page: u, perPage: d } = n, { initialLoading: p, isLoading: m } = g, { pages: L, pagesCount: v } = C(() => {
+    const k = Math.ceil(i / d);
+    return { pages: Array.from({ length: k }, (D, h) => h + 1), pagesCount: k };
+  }, [i, d]), I = E(
+    (k) => {
+      l(Number(k.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 p || !a || a.length === 0 || y ? null : /* @__PURE__ */ c("div", { className: "react-list-go-to", children: e ? e(P) : /* @__PURE__ */ c("select", { value: u, onChange: I, children: L.map((k) => /* @__PURE__ */ q("option", { value: k, children: [
     "Page ",
-    O
-  ] }, `page-${O}`)) }) });
-}), re = S(({ children: s }) => {
-  const { listState: i } = x(), { loader: a } = i, { initialLoading: n } = a;
+    k
+  ] }, `page-${k}`)) }) });
+}), ae = b(({ children: e }) => {
+  const { listState: r } = x(), { loader: a } = r, { initialLoading: i } = a;
   return C(
     () => ({
-      loading: n
+      loading: 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(
+    [i]
+  ), i ? /* @__PURE__ */ c("div", { className: "react-list-initial-loader", children: e || /* @__PURE__ */ c("p", { children: "Initial Loading..." }) }) : null;
+}), oe = b(({ children: e, renderItem: r }) => {
+  const { listState: a } = x(), { data: i = [], loader: n, error: l, setSort: g, sort: y } = a, { initialLoading: u, isLoading: d } = n, p = C(
     () => ({
-      items: n,
-      setSort: f,
-      sort: m
+      items: i,
+      isLoading: d,
+      setSort: g,
+      sort: y
     }),
-    [n, m, f]
+    [i, y, g, d]
   );
-  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)) });
-}), W = (s, i) => {
-  if (s === i) return !0;
-  if (s == null || i == null || typeof s != "object" || typeof i != "object")
-    return s === i;
-  if (Array.isArray(s) && Array.isArray(i)) {
-    if (s.length !== i.length) return !1;
-    for (let r = 0; r < s.length; r++)
-      if (!W(s[r], i[r])) return !1;
+  return u || !i || i.length === 0 || l ? null : r ? /* @__PURE__ */ c("div", { className: "react-list-items", children: i.map((m, L) => /* @__PURE__ */ c("div", { children: r({ item: m, index: L }) }, m.id || L)) }) : typeof e == "function" ? /* @__PURE__ */ c("div", { className: "react-list-items", children: e(p) }) : /* @__PURE__ */ c("div", { className: "react-list-items", children: i.map((m, L) => /* @__PURE__ */ c("pre", { children: JSON.stringify(m, null, 2) }, m.id || L)) });
+}), W = (e, r) => {
+  if (e === r) return !0;
+  if (e == null || r == null || typeof e != "object" || typeof r != "object")
+    return e === r;
+  if (Array.isArray(e) && Array.isArray(r)) {
+    if (e.length !== r.length) return !1;
+    for (let n = 0; n < e.length; n++)
+      if (!W(e[n], r[n])) return !1;
     return !0;
   }
-  if (Array.isArray(s) || Array.isArray(i)) return !1;
-  const a = Object.keys(s).filter((r) => s[r] !== void 0), n = Object.keys(i).filter((r) => i[r] !== void 0);
-  if (a.length !== n.length) return !1;
-  for (let r of a)
-    if (!n.includes(r) || !W(s[r], i[r])) return !1;
+  if (Array.isArray(e) || Array.isArray(r)) return !1;
+  const a = Object.keys(e).filter((n) => e[n] !== void 0), i = Object.keys(r).filter((n) => r[n] !== void 0);
+  if (a.length !== i.length) return !1;
+  for (let n of a)
+    if (!i.includes(n) || !W(e[n], r[n])) 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 = ({
-  initialItems: s = [],
-  children: i,
+}, F = (e, r) => !r || Object.keys(r).length === 0 ? e && Object.keys(e).length > 0 : !e || Object.keys(e).length === 0 ? !1 : !W(e, r), G = (e, r) => {
+  if (e === r) return !0;
+  if (e == null || r == null || typeof e != typeof r) return !1;
+  if (typeof e == "object") {
+    if (Array.isArray(e) !== Array.isArray(r)) return !1;
+    if (Array.isArray(e)) {
+      if (e.length !== r.length) return !1;
+      for (let n = 0; n < e.length; n++)
+        if (!G(e[n], r[n])) return !1;
+      return !0;
+    }
+    const a = Object.keys(e), i = Object.keys(r);
+    if (a.length !== i.length) return !1;
+    for (const n of a)
+      if (!i.includes(n) || !G(e[n], r[n])) return !1;
+    return !0;
+  }
+  return !1;
+}, le = ({
+  initialItems: e = [],
+  children: r,
   endpoint: a,
-  page: n = 1,
-  perPage: r = 25,
+  page: i = 1,
+  perPage: n = 25,
   sortBy: l = "",
-  sortOrder: f = "desc",
-  count: m = 0,
+  sortOrder: g = "desc",
+  count: y = 0,
   search: u = "",
-  filters: h = {},
-  attrs: g,
-  version: y = 1,
-  paginationMode: R = "pagination",
-  meta: L = {},
-  onResponse: E,
+  filters: d = {},
+  attrs: p,
+  version: m = 1,
+  paginationMode: L = "pagination",
+  meta: v = {},
+  onResponse: I,
   afterPageChange: P,
-  afterLoadMore: O
+  afterLoadMore: k
 }) => {
-  const { requestHandler: M, setListState: $, stateManager: p } = x(), q = Q(!1), k = R === "loadMore", A = z(
-    (e) => ({
+  const { requestHandler: $, setListState: D, stateManager: h } = x(), T = V(!1), O = L === "loadMore", w = E(
+    (t) => ({
       endpoint: a,
-      version: y,
-      meta: L,
-      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,
-      filters: (e == null ? void 0 : e.filters) || h,
-      attrSettings: (e == null ? void 0 : e.attrSettings) || {},
+      version: m,
+      meta: v,
+      search: (t == null ? void 0 : t.search) || u,
+      page: (t == null ? void 0 : t.page) || i,
+      perPage: (t == null ? void 0 : t.perPage) || n,
+      sortBy: (t == null ? void 0 : t.sortBy) || l,
+      sortOrder: (t == null ? void 0 : t.sortOrder) || g,
+      filters: (t == null ? void 0 : t.filters) || d,
+      attrSettings: (t == null ? void 0 : t.attrSettings) || {},
       isRefresh: !1
     }),
-    [a, y, L, u, n, r, l, f, h]
-  ), w = z(() => {
-    var e;
+    [a, m, v, u, i, n, l, g, d]
+  ), A = E(() => {
+    var t;
     try {
-      const d = A(), o = (e = p == null ? void 0 : p.get) == null ? void 0 : e.call(p, d);
+      const f = w(), o = (t = h == null ? void 0 : h.get) == null ? void 0 : t.call(h, f);
       return {
         page: o == null ? void 0 : o.page,
         perPage: o == null ? void 0 : o.perPage,
@@ -191,81 +210,81 @@ 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 (f) {
+      return console.error(f), {};
     }
-  }, [A, p]), B = z(() => {
-    const e = w();
-    let d = n;
-    return k ? d = 1 : e.page != null && (d = e.page), {
-      page: d,
-      perPage: e.perPage != null ? e.perPage : r,
-      sortBy: e.sortBy != null ? e.sortBy : l,
-      sortOrder: e.sortOrder != null ? e.sortOrder : f,
-      search: e.search != null ? e.search : u,
-      filters: e.filters != null ? e.filters : h,
-      attrSettings: e.attrSettings || {},
-      items: s,
+  }, [w, h]), z = E(() => {
+    const t = A();
+    let f = i;
+    return O ? f = 1 : t.page != null && (f = t.page), {
+      page: f,
+      perPage: t.perPage != null ? t.perPage : n,
+      sortBy: t.sortBy != null ? t.sortBy : l,
+      sortOrder: t.sortOrder != null ? t.sortOrder : g,
+      search: t.search != null ? t.search : u,
+      filters: t.filters != null ? t.filters : d,
+      attrSettings: t.attrSettings || {},
+      items: e,
       selection: [],
       error: null,
       response: null,
       count: 0,
       isLoading: !1,
-      initializingState: !s.length,
+      initializingState: !e.length,
       confirmedPage: null
     };
   }, [
-    w,
+    A,
     u,
+    i,
     n,
-    r,
     l,
-    f,
+    g,
     u,
-    h,
-    k
-  ]), [t, b] = G(B), T = z(
-    (e) => {
-      var d;
-      if (p) {
-        const o = A(e);
-        (d = p == null ? void 0 : p.set) == null || d.call(p, o);
+    d,
+    O
+  ]), [s, R] = J(z), M = E(
+    (t) => {
+      var f;
+      if (h) {
+        const o = w(t);
+        (f = h == null ? void 0 : h.set) == null || f.call(h, o);
       }
     },
-    [p, A]
-  ), N = z(
-    async (e = {}, d = null) => {
-      t.initializingState || b((o) => ({ ...o, error: null, isLoading: !0 }));
+    [h, w]
+  ), N = E(
+    async (t = {}, f = null) => {
+      s.initializingState || R((o) => ({ ...o, error: null, isLoading: !0 }));
       try {
-        const o = d || t, v = await M({
+        const o = f || s, B = (f == null ? void 0 : f.items) ?? s.items, S = await $({
           endpoint: a,
-          version: y,
-          meta: L,
+          version: m,
+          meta: v,
           page: o.page,
           perPage: o.perPage,
           search: o.search,
           sortBy: o.sortBy,
           sortOrder: o.sortOrder,
           filters: o.filters,
-          ...e
+          ...t
         });
-        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 Q;
+        O ? (Q = o.page === 1 ? S.items : [...B, ...S.items], k && k(S)) : (Q = S.items, P && P(S));
+        const U = {
           ...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: O && o.page > 1 ? [...B, ...S.items] : S.items,
+          count: S.count,
           initializingState: !1,
           isLoading: !1
         };
-        T(K), b(K);
+        M(U), R(U);
       } catch (o) {
-        throw b((v) => ({
-          ...v,
+        throw R((B) => ({
+          ...B,
           error: o,
           items: [],
           count: 0,
@@ -274,276 +293,281 @@ const U = V(null), j = ({ children: s, config: i }) => {
         })), o;
       }
     },
-    [a, y, k, L, M, t]
-  ), D = C(
+    [a, m, O, v, $, s]
+  ), H = C(
     () => ({
-      setPage: (e, d) => {
-        let o = e;
-        e === 0 && (o = "");
-        const v = { ...t, page: o };
-        b(v), o && N(d, v);
+      setPage: (t, f) => {
+        let o = t;
+        t === 0 && (o = "");
+        const B = { ...s, page: o };
+        R(B), o && N(f, B);
       },
-      setPerPage: (e) => {
-        const d = { ...t, perPage: e, page: 1 };
-        b(d), N({}, d);
+      setPerPage: (t) => {
+        const f = { ...s, perPage: t, page: 1 };
+        R(f), N({}, f);
       },
-      setSearch: (e) => {
-        if (e !== t.search) {
-          const d = { ...t, search: e, page: 1 };
-          b(d), N({}, d);
+      setSearch: (t) => {
+        if (t !== s.search) {
+          const f = { ...s, search: t, page: 1 };
+          R(f), N({}, f);
         }
       },
-      setSort: ({ by: e, order: d }) => {
-        const o = { ...t, sortBy: e, sortOrder: d, page: 1 };
-        b(o), N({}, o);
+      setSort: ({ by: t, order: f }) => {
+        const o = { ...s, sortBy: t, sortOrder: f, page: 1 };
+        R(o), N({}, o);
       },
       loadMore: () => {
-        const e = { ...t, page: t.page + 1 };
-        b(e), N({}, e);
+        const t = { ...s, page: s.page + 1 };
+        R(t), N({}, t);
       },
       clearFilters: () => {
-        const e = { ...t, filters: h, page: 1 };
-        b(e), N({}, e);
+        const t = { ...s, filters: d, page: 1 };
+        R(t), N({}, t);
       },
-      refresh: (e = { isRefresh: !0 }) => {
-        if (k) {
-          const d = { ...t, page: 1, items: [] };
-          b(d), N(e, d);
+      refresh: (t = { isRefresh: !0 }) => {
+        if (O) {
+          const f = { ...s, page: 1, items: [] };
+          R(f), N(t, f);
         } else
-          N(e);
+          N(t);
       },
-      setFilters: (e) => {
-        const d = { ...t, filters: e, page: 1 };
-        b(d), N({}, d);
+      setFilters: (t) => {
+        const f = { ...s, filters: t, page: 1 };
+        R(f), N({}, f);
       },
-      updateItemById: (e, d) => {
-        const o = t.items.map((v) => v.id === d ? { ...v, ...e } : v);
-        b((v) => ({ ...v, items: o }));
+      updateItemById: (t, f) => {
+        const o = s.items.map((B) => B.id === f ? { ...B, ...t } : B);
+        R((B) => ({ ...B, items: o }));
       },
-      setSelection: (e) => b((d) => ({ ...d, selection: e }))
+      setSelection: (t) => R((f) => ({ ...f, selection: t }))
     }),
-    [N, k, t]
-  ), J = C(
+    [N, O, s]
+  ), K = C(
     () => ({
-      data: t.items,
-      response: t.response,
-      error: t.error,
-      count: t.count,
-      selection: t.selection,
+      data: s.items,
+      response: s.response,
+      error: s.error,
+      count: s.count,
+      selection: s.selection,
       pagination: {
-        page: t.page,
-        perPage: t.perPage,
-        hasMore: t.items.length < t.count
+        page: s.page,
+        perPage: s.perPage,
+        hasMore: s.items.length < s.count
       },
       loader: {
-        isLoading: t.isLoading,
-        initialLoading: t.initializingState
+        isLoading: s.isLoading,
+        initialLoading: s.initializingState
       },
-      sort: { sortBy: t.sortBy, sortOrder: t.sortOrder },
-      hasActiveFilters: Y(t.filters, h),
-      search: t.search,
-      filters: t.filters,
-      attrs: g || Object.keys(t.items[0] || {}),
-      isEmpty: t.items.length === 0,
-      ...D
+      sort: { sortBy: s.sortBy, sortOrder: s.sortOrder },
+      hasActiveFilters: F(s.filters, d),
+      search: s.search,
+      filters: s.filters,
+      attrs: p || Object.keys(s.items[0] || {}),
+      isEmpty: s.items.length === 0,
+      ...H
     }),
     [
-      t.items,
-      t.response,
-      t.error,
-      t.count,
-      t.selection,
-      t.page,
-      t.perPage,
-      t.isLoading,
-      t.initializingState,
-      t.sortBy,
-      t.sortOrder,
-      t.search,
-      t.filters,
-      D,
-      g
+      s.items,
+      s.response,
+      s.error,
+      s.count,
+      s.selection,
+      s.page,
+      s.perPage,
+      s.isLoading,
+      s.initializingState,
+      s.sortBy,
+      s.sortOrder,
+      s.search,
+      s.filters,
+      H,
+      p
     ]
   );
   return _(() => {
-    if (t.initializingState && !q.current) {
-      if (q.current = !0, p != null && p.init) {
-        const e = A(t);
-        p.init(e);
+    if (s.initializingState && !T.current) {
+      if (T.current = !0, h != null && h.init) {
+        const t = w(s);
+        h.init(t);
       }
-      s.length || D.setPage(t.page);
+      e.length || H.setPage(s.page);
     }
   }, []), _(() => {
-    $(J);
+    if (T.current && !G(d, s.filters)) {
+      const t = { ...s, filters: d, page: 1 };
+      R(t), N({}, t);
+    }
+  }, [d]), _(() => {
+    D(K);
   }, [
-    $,
-    t.items,
-    t.count,
-    t.error,
-    t.isLoading,
-    t.selection,
-    t.page,
-    t.perPage,
-    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(
-    () => u * h < n,
-    [u, h, n]
-  ), R = z(() => {
-    y && !g && l(u + 1);
-  }, [y, g, l, u]), L = C(
+    D,
+    s.items,
+    s.count,
+    s.error,
+    s.isLoading,
+    s.selection,
+    s.page,
+    s.perPage,
+    s.sortBy,
+    s.sortOrder
+  ]), typeof r == "function" ? r(K) : r;
+}, ce = b(({ children: e }) => {
+  const { listState: r } = x(), { data: a, count: i, pagination: n, setPage: l, loader: g, error: y } = r, { page: u, perPage: d } = n, { isLoading: p } = g, m = C(
+    () => u * d < i,
+    [u, d, i]
+  ), L = E(() => {
+    m && !p && l(u + 1);
+  }, [m, p, l, u]), v = C(
     () => ({
-      isLoading: g,
-      loadMore: R,
-      hasMoreItems: y
+      isLoading: p,
+      loadMore: L,
+      hasMoreItems: m
     }),
-    [g, R, y]
+    [p, L, m]
   );
-  return !a || a.length === 0 || m ? null : s(L);
-}), le = S(({ children: s, position: i = "overlay" }) => {
-  const { listState: a } = x(), { loader: n } = a, { isLoading: r, initializingState: l } = n;
+  return !a || a.length === 0 || y ? null : e(v);
+}), ue = b(({ children: e, position: r = "overlay" }) => {
+  const { listState: a } = x(), { loader: i } = a, { isLoading: n, initializingState: l } = i;
   return C(
     () => ({
-      isLoading: r
+      isLoading: n
     }),
-    [r]
-  ), !l && !r ? null : /* @__PURE__ */ c("div", { children: s || /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: "Loading..." }) }) });
-}), ce = S(
+    [n]
+  ), !l && !n ? null : /* @__PURE__ */ c("div", { children: e || /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: "Loading..." }) }) });
+}), fe = b(
   ({
-    children: s,
-    pageLinks: i = 5,
+    children: e,
+    pageLinks: r = 5,
     renderFirst: a,
-    renderPrev: n,
-    renderPages: r,
+    renderPrev: i,
+    renderPages: n,
     renderPage: l,
-    renderNext: f,
-    renderLast: m
+    renderNext: g,
+    renderLast: y
   }) => {
-    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);
-    }, [P, i, p]), k = C(
+    const { listState: u } = x(), { data: d, count: p, pagination: m, setPage: L, loader: v, error: I } = u, { page: P, perPage: k } = m, { initialLoading: $, isLoading: D } = v, h = C(() => {
+      const A = Math.ceil(p / k), z = Math.floor(r / 2), s = P * k < p;
+      return { pagesCount: A, halfWay: z, hasNext: s, hasPrev: P !== 1 };
+    }, [p, k, P, r]), T = C(() => {
+      const { pagesCount: A, halfWay: z } = h, s = Array.from({ length: Math.min(r, A) });
+      return P <= z ? s.map((R, M) => M + 1) : A - P < z ? s.map((R, M) => A - M).reverse() : s.map((R, M) => P - z + M);
+    }, [P, r, h]), O = 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(h.pagesCount),
+        setPage: (A) => L(A)
       }),
-      [R, P, p.pagesCount]
-    ), A = C(
+      [L, P, h.pagesCount]
+    ), w = C(
       () => ({
         page: P,
-        perPage: O,
-        count: g,
-        ...p,
-        pagesToDisplay: q,
-        ...k
+        perPage: k,
+        count: p,
+        ...h,
+        pagesToDisplay: T,
+        ...O
       }),
-      [P, O, g, p, q, k]
+      [P, k, p, h, T, O]
     );
-    return M || !h || h.length === 0 || E ? null : s ? s(A) : /* @__PURE__ */ I("div", { className: "react-list-pagination", children: [
-      a ? a(A) : /* @__PURE__ */ c(
+    return $ || !d || d.length === 0 || I ? null : e ? e(w) : /* @__PURE__ */ q("div", { className: "react-list-pagination", children: [
+      a ? a(w) : /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          disabled: !p.hasPrev,
-          onClick: k.first,
+          disabled: !h.hasPrev,
+          onClick: O.first,
           children: "First"
         }
       ),
-      n ? n(A) : /* @__PURE__ */ c(
+      i ? i(w) : /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          disabled: !p.hasPrev,
-          onClick: k.prev,
+          disabled: !h.hasPrev,
+          onClick: O.prev,
           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(
+      n ? n(w) : /* @__PURE__ */ c("div", { children: T.map((A) => {
+        const z = A === P, s = { ...w, page: A, isActive: z };
+        return l ? l(s) : /* @__PURE__ */ c("div", { children: z ? /* @__PURE__ */ c("span", { children: A }) : /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            onClick: () => k.setPage(w),
-            children: w
+            onClick: () => O.setPage(A),
+            children: A
           }
-        ) }, `page-${w}`);
+        ) }, `page-${A}`);
       }) }),
-      f ? f(A) : /* @__PURE__ */ c(
+      g ? g(w) : /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          disabled: !p.hasNext,
-          onClick: k.next,
+          disabled: !h.hasNext,
+          onClick: O.next,
           children: "Next"
         }
       ),
-      m ? m(A) : /* @__PURE__ */ c(
+      y ? y(w) : /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          disabled: !p.hasNext,
-          onClick: k.last,
+          disabled: !h.hasNext,
+          onClick: O.last,
           children: "Last"
         }
       )
     ] });
   }
-), ue = S(
-  ({ 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));
+), ge = b(
+  ({ children: e, options: r = [10, 25, 50, 100] }) => {
+    const { listState: a } = x(), { data: i, pagination: n, setPerPage: l, loader: g, error: y } = a, { perPage: u } = n, { initialLoading: d } = g, p = C(() => r.map((v) => typeof v != "object" ? {
+      value: v,
+      label: v
+    } : v), [r]), m = E(
+      (v) => {
+        l(Number(v.target.value));
       },
       [l]
-    ), R = C(
+    ), L = C(
       () => ({
         perPage: u,
         setPerPage: l,
-        options: g
+        options: p
       }),
-      [u, l, g]
+      [u, l, p]
     );
-    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 d || !i || i.length === 0 || y ? null : /* @__PURE__ */ c("div", { className: "react-list-per-page", children: e ? e(L) : /* @__PURE__ */ c("select", { value: u, onChange: m, children: p.map((v) => /* @__PURE__ */ q("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(() => {
-    n({ isRefresh: !0 });
-  }, [n]), m = C(
+), de = b(({ children: e }) => {
+  const { listState: r } = x(), { loader: a, refresh: i } = r, { isLoading: n, initialLoading: l } = a, g = E(() => {
+    i({ isRefresh: !0 });
+  }, [i]), y = C(
     () => ({
-      isLoading: r,
-      refresh: f
+      isLoading: n,
+      refresh: g
     }),
-    [r, f]
+    [n, g]
   );
-  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);
+  return l ? null : e ? e(y) : /* @__PURE__ */ c("div", { className: "react-list-refresh", children: /* @__PURE__ */ c("button", { onClick: g, disabled: n, children: n ? "Loading..." : "Refresh" }) });
+}), pe = b(({ children: e, debounceTime: r = 500 }) => {
+  const { listState: a } = x(), { search: i, setSearch: n } = a, [l, g] = J(i ?? ""), y = V(null);
   _(() => {
-    n !== l && f(n ?? "");
-  }, [n]);
-  const u = (g) => {
-    f(g), m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      r(g);
-    }, i);
+    i !== l && g(i ?? "");
+  }, [i]);
+  const u = (p) => {
+    g(p), y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+      n(p);
+    }, r);
   };
   return _(() => () => {
-    m.current && clearTimeout(m.current);
-  }, []), /* @__PURE__ */ c("div", { className: "react-list-search", children: s ? s({
+    y.current && clearTimeout(y.current);
+  }, []), /* @__PURE__ */ c("div", { className: "react-list-search", children: e ? e({
     search: l,
     setSearch: u
   }) : /* @__PURE__ */ c(
@@ -551,48 +575,48 @@ const U = V(null), j = ({ children: s, config: i }) => {
     {
       type: "text",
       value: l,
-      onChange: (g) => u(g.target.value),
+      onChange: (p) => u(p.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(
+}), he = b(({ children: e }) => {
+  const { listState: r } = x(), { data: a, count: i, pagination: n, loader: l, error: g } = r, { page: y, perPage: u } = n, { initialLoading: d, isLoading: p } = l, m = C(() => {
+    const v = y * u - u + 1, I = Math.min(y * u, i), P = (a == null ? void 0 : a.length) || 0;
+    return { from: v, to: I, visibleCount: P };
+  }, [y, u, i, a]), L = C(
     () => ({
-      ...y,
-      count: n
+      ...m,
+      count: i
     }),
-    [y, n]
+    [m, i]
   );
-  return h || !a || a.length === 0 || f ? null : /* @__PURE__ */ c("div", { className: "react-list-summary", children: s ? s(R) : /* @__PURE__ */ I("span", { children: [
+  return d || !a || a.length === 0 || g ? null : /* @__PURE__ */ c("div", { className: "react-list-summary", children: e ? e(L) : /* @__PURE__ */ q("span", { children: [
     "Showing ",
-    /* @__PURE__ */ c("span", { children: y.visibleCount }),
+    /* @__PURE__ */ c("span", { children: m.visibleCount }),
     " items (",
-    /* @__PURE__ */ I("span", { children: [
-      y.from,
+    /* @__PURE__ */ q("span", { children: [
+      m.from,
       " - ",
-      y.to
+      m.to
     ] }),
     ") out of ",
-    /* @__PURE__ */ c("span", { children: n })
+    /* @__PURE__ */ c("span", { children: 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
+  se as ReactListAttributes,
+  ne as ReactListEmpty,
+  re as ReactListError,
+  ie as ReactListGoTo,
+  ae as ReactListInitialLoader,
+  oe as ReactListItems,
+  ce as ReactListLoadMore,
+  ue as ReactListLoader,
+  fe as ReactListPagination,
+  ge as ReactListPerPage,
+  te as ReactListProvider,
+  de as ReactListRefresh,
+  pe as ReactListSearch,
+  he as ReactListSummary,
+  le as default
 };