@7span/react-list 0.0.5 → 1.0.0

package/dist/react-list.js

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