@7span/react-list 0.0.1 → 0.0.4

package/dist/react-list.js

@@ -1,7 +1,7 @@
-import { jsx as l, jsxs as M } from "react/jsx-runtime";
-import { createContext as D, useContext as j, useState as O, useMemo as g, memo as R, useCallback as T, useEffect as I, useTransition as $, useRef as q } from "react";
-const E = D(null), F = ({ children: i, config: c }) => {
-  const { requestHandler: r, stateManager: t = {} } = c, [o, n] = O({
+import { jsx as i, jsxs as z } from "react/jsx-runtime";
+import { createContext as $, useContext as j, useState as T, useMemo as P, memo as w, useCallback as k, useEffect as E, useRef as q } from "react";
+const A = $(null), H = ({ children: r, config: o }) => {
+  const { requestHandler: n, stateManager: e = {} } = o, [s, a] = T({
     data: [],
     response: null,
     error: null,
@@ -25,835 +25,484 @@ const E = D(null), F = ({ children: i, config: c }) => {
     isEmpty: !0,
     isInitializing: !0
   });
-  if (!r)
+  if (!n)
     throw new Error("ListProvider: requestHandler is required.");
-  const s = g(
+  const p = P(
     () => ({
-      requestHandler: r,
-      stateManager: t,
-      listState: o,
-      setListState: n
+      requestHandler: n,
+      stateManager: e,
+      listState: s,
+      setListState: a
     }),
-    [r, t, o]
+    [n, e, s]
   );
-  return /* @__PURE__ */ l(E.Provider, { value: s, children: i });
-}, k = () => {
-  const i = j(E);
-  if (!i)
+  return /* @__PURE__ */ i(A.Provider, { value: p, children: r });
+}, R = () => {
+  const r = j(A);
+  if (!r)
     throw new Error("useListContext must be used within a ListProvider");
-  return i;
-}, G = R(({ children: i, renderAttribute: c }) => {
-  const { listState: r } = k(), { attrs: t, attrSettings: o, updateAttr: n } = r, s = {
-    container: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "12px",
-      padding: "12px"
-    },
-    label: {
-      display: "flex",
-      alignItems: "center",
-      gap: "8px",
-      cursor: "pointer",
-      fontSize: "14px"
-    },
-    checkbox: {
-      width: "16px",
-      height: "16px",
-      cursor: "pointer"
-    }
-  }, f = T(
-    (h) => (u) => {
-      n(h, "visible", u.target.checked);
+  return r;
+}, W = w(({ children: r, renderAttribute: o }) => {
+  const { listState: n } = R(), { attrs: e, attrSettings: s, updateAttr: a } = n, p = k(
+    (u) => (m) => {
+      a(u, "visible", m.target.checked);
     },
-    [n]
-  ), a = g(
+    [a]
+  ), h = P(
     () => ({
-      attrs: t,
-      attrSettings: o,
-      updateAttr: n,
-      styles: s
+      attrs: e,
+      attrSettings: s,
+      updateAttr: a
     }),
-    [t, o, n]
+    [e, s, a]
   );
-  return i ? i(a) : /* @__PURE__ */ l("div", { className: "react-list-attributes", style: s.container, children: t.map((h, u) => {
-    var d;
-    return c ? c({
-      key: `attr-${u}`,
-      attr: h,
-      updateAttr: n,
-      attrSettings: o,
-      styles: s
-    }) : /* @__PURE__ */ M("label", { style: s.label, children: [
-      /* @__PURE__ */ l("span", { children: h.label }),
-      /* @__PURE__ */ l(
+  return r ? r(h) : /* @__PURE__ */ i("div", { className: "react-list-attributes", children: e.map((u, m) => {
+    var l;
+    return o ? o({
+      key: `attr-${m}`,
+      attr: u,
+      updateAttr: a,
+      attrSettings: s
+    }) : /* @__PURE__ */ z("label", { children: [
+      /* @__PURE__ */ i("span", { children: u.label }),
+      /* @__PURE__ */ i(
         "input",
         {
           type: "checkbox",
-          checked: ((d = o == null ? void 0 : o[h.name]) == null ? void 0 : d.visible) ?? !1,
-          onChange: f(h.name),
-          style: s.checkbox
+          checked: ((l = s == null ? void 0 : s[u.name]) == null ? void 0 : l.visible) ?? !1,
+          onChange: p(u.name)
         }
       )
-    ] }, `attr-${u}`);
+    ] }, `attr-${m}`);
   }) });
-}), J = R(({ children: i }) => {
-  const { listState: c } = k(), { data: r, loader: t, error: o } = c, { isLoading: n, initialLoading: s } = t, f = g(
-    () => ({
-      container: {
-        width: "100%",
-        padding: "32px 16px"
-      },
-      defaultMessage: {
-        textAlign: "center",
-        color: "#6B7280",
-        fontSize: "16px",
-        fontWeight: "400"
-      }
-    }),
-    []
-  );
-  return (r == null ? void 0 : r.length) > 0 || s || n || o ? null : /* @__PURE__ */ l("div", { className: "react-list-empty", style: f.container, children: i || /* @__PURE__ */ l("div", { style: f.defaultMessage, children: /* @__PURE__ */ l("p", { children: "No data found!" }) }) });
-}), K = R(({ children: i }) => {
-  const { listState: c } = k(), { error: r, loader: t } = c, { isLoading: o } = t, n = g(
-    () => ({
-      container: {
-        width: "100%",
-        padding: "32px 16px"
-      },
-      errorContent: {
-        textAlign: "center",
-        color: "#DC2626",
-        padding: "32px 0"
-      },
-      heading: {
-        fontSize: "16px",
-        fontWeight: "500",
-        marginBottom: "8px"
-      },
-      message: {
-        fontSize: "14px",
-        fontFamily: "monospace",
-        marginTop: "8px",
-        whiteSpace: "pre-wrap",
-        wordBreak: "break-word"
-      }
-    }),
-    []
-  );
-  return !r || o ? null : i ? i({ error: r }) : /* @__PURE__ */ l("div", { className: "react-list-error", style: n.container, children: /* @__PURE__ */ M("div", { style: n.errorContent, children: [
-    /* @__PURE__ */ l("h3", { style: n.heading, children: "Error occurred" }),
-    /* @__PURE__ */ M("pre", { style: n.message, children: [
-      r.name,
+}), F = w(({ children: r }) => {
+  const { listState: o } = R(), { 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 = w(({ children: r }) => {
+  const { listState: o } = R(), { 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,
       ": ",
-      r.message
+      n.message
     ] })
   ] }) });
-}), Q = R(({ children: i }) => {
-  const { listState: c } = k(), { data: r, count: t, pagination: o, setPage: n, loader: s, error: f } = c, { page: a, perPage: h } = o, { initialLoading: u, isLoading: d } = s, y = g(
-    () => ({
-      container: {
-        display: "inline-block",
-        minWidth: "120px"
-      },
-      select: {
-        width: "100%",
-        padding: "8px 12px",
-        border: "1px solid #ccc",
-        borderRadius: "4px",
-        fontSize: "14px",
-        backgroundColor: "#fff",
-        cursor: "pointer",
-        outline: "none"
-      }
-    }),
-    []
-  ), { pages: P, pagesCount: w } = g(() => {
-    const L = Math.ceil(t / h);
-    return { pages: Array.from({ length: L }, (v, C) => C + 1), pagesCount: L };
-  }, [t, h]), p = T(
-    (L) => {
-      n(Number(L.target.value));
+}), J = w(({ children: r }) => {
+  const { listState: o } = R(), { data: n, count: e, pagination: s, setPage: a, loader: p, error: h } = o, { page: u, perPage: m } = s, { initialLoading: l, isLoading: L } = p, { pages: y, pagesCount: S } = P(() => {
+    const t = Math.ceil(e / m);
+    return { pages: Array.from({ length: t }, (M, b) => b + 1), pagesCount: t };
+  }, [e, m]), N = k(
+    (t) => {
+      a(Number(t.target.value));
     },
-    [n]
-  ), e = g(
+    [a]
+  ), v = P(
     () => ({
-      setPage: n,
-      page: a,
-      pages: P,
-      pagesCount: w,
-      styles: y
+      setPage: a,
+      page: u,
+      pages: y,
+      pagesCount: S
     }),
-    [n, a, P, w, y]
+    [a, u, y, S]
   );
-  return u || !r || r.length === 0 || f ? null : i ? i(e) : /* @__PURE__ */ l("div", { className: "react-list-go-to", style: y.container, children: /* @__PURE__ */ l("select", { value: a, onChange: p, style: y.select, children: P.map((L) => /* @__PURE__ */ M("option", { value: L, children: [
+  return l || !n || n.length === 0 || h ? null : /* @__PURE__ */ i("div", { className: "react-list-go-to", children: r ? r(v) : /* @__PURE__ */ i("select", { value: u, onChange: N, children: y.map((t) => /* @__PURE__ */ z("option", { value: t, children: [
     "Page ",
-    L
-  ] }, `page-${L}`)) }) });
-}), U = R(({ children: i }) => {
-  const { listState: c } = k(), { loader: r } = c, { initialLoading: t } = r, o = g(
-    () => ({
-      container: {
-        padding: "20px",
-        textAlign: "center"
-      },
-      defaultLoader: {
-        fontSize: "16px",
-        color: "#4B5563",
-        margin: 0,
-        animation: "pulse 1.5s infinite ease-in-out"
-      },
-      "@keyframes pulse": {
-        "0%": { opacity: 0.6 },
-        "50%": { opacity: 1 },
-        "100%": { opacity: 0.6 }
-      }
-    }),
-    []
-  ), n = g(
-    () => ({
-      loading: t,
-      styles: o
-    }),
-    [t]
-  );
-  return t ? /* @__PURE__ */ l("div", { className: "react-list-initial-loader", style: o.container, children: i ? i(n) : /* @__PURE__ */ l("p", { style: o.defaultLoader, children: "Initial Loading..." }) }) : null;
-}), V = R(({ children: i, renderItem: c }) => {
-  const { listState: r } = k(), { data: t = [], loader: o, error: n } = r, { initialLoading: s, isLoading: f } = o, a = g(
+    t
+  ] }, `page-${t}`)) }) });
+}), K = w(({ children: r }) => {
+  const { listState: o } = R(), { loader: n } = o, { initialLoading: e } = n;
+  return P(
     () => ({
-      container: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "12px",
-        width: "100%"
-      },
-      itemWrapper: {
-        width: "100%"
-      },
-      defaultItem: {
-        padding: "12px",
-        backgroundColor: "#f9fafb",
-        borderRadius: "4px",
-        fontFamily: "monospace",
-        fontSize: "14px",
-        whiteSpace: "pre-wrap",
-        wordBreak: "break-word",
-        overflow: "auto"
-      }
+      loading: e
     }),
-    []
-  ), h = g(
+    [e]
+  ), e ? /* @__PURE__ */ i("div", { className: "react-list-initial-loader", children: r || /* @__PURE__ */ i("p", { children: "Initial Loading..." }) }) : null;
+}), Q = w(({ children: r, renderItem: o }) => {
+  const { listState: n } = R(), { data: e = [], loader: s, error: a, setSort: p, sort: h } = n, { initialLoading: u } = s, m = P(
     () => ({
-      items: t,
-      styles: a
+      items: e,
+      setSort: p,
+      sort: h
     }),
-    [t, a]
+    [e, h, p]
   );
-  return s || !t || t.length === 0 || n ? null : c ? /* @__PURE__ */ l("div", { className: "react-list-items", style: a.container, children: t.map((u, d) => /* @__PURE__ */ l("div", { style: a.itemWrapper, children: c({ item: u, index: d, styles: a }) }, u.id || d)) }) : typeof i == "function" ? /* @__PURE__ */ l("div", { className: "react-list-items", style: a.container, children: i(h) }) : /* @__PURE__ */ l("div", { className: "react-list-items", style: a.container, children: t.map((u, d) => /* @__PURE__ */ l("pre", { style: a.defaultItem, children: JSON.stringify(u, null, 2) }, u.id || d)) });
-}), X = ({
-  children: i,
-  endpoint: c,
-  page: r = 1,
-  perPage: t = 25,
-  sortBy: o,
-  sortOrder: n = "desc",
-  search: s = "",
-  filters: f = {},
-  attrs: a,
-  version: h = 1,
-  hasPaginationHistory: u = !0,
-  paginationMode: d = "pagination",
+  return u || !e || e.length === 0 || a ? null : o ? /* @__PURE__ */ i("div", { className: "react-list-items", children: e.map((l, L) => /* @__PURE__ */ i("div", { children: o({ item: l, index: L }) }, l.id || L)) }) : typeof r == "function" ? /* @__PURE__ */ i("div", { className: "react-list-items", children: r(m) }) : /* @__PURE__ */ i("div", { className: "react-list-items", children: e.map((l, L) => /* @__PURE__ */ i("pre", { children: JSON.stringify(l, null, 2) }, l.id || L)) });
+}), U = ({
+  initialItems: r = [],
+  children: o,
+  endpoint: n,
+  page: e = 1,
+  perPage: s = 25,
+  sortBy: a = "",
+  sortOrder: p = "desc",
+  search: h = "",
+  filters: u = {},
+  attrs: m,
+  version: l = 1,
+  paginationMode: L = "pagination",
   meta: y = {}
 }) => {
-  const { requestHandler: P, setListState: w } = k(), p = d === "loadMore", [e, L] = O({
-    page: r,
-    perPage: t,
-    sortBy: o,
-    sortOrder: n,
-    search: s,
-    filters: f,
+  const { requestHandler: S, setListState: N } = R(), v = L === "loadMore", [t, C] = T({
+    page: e,
+    perPage: s,
+    sortBy: a,
+    sortOrder: p,
+    search: h,
+    filters: u,
     attrSettings: {},
-    items: [],
+    items: r,
     selection: [],
     error: null,
     response: null,
     count: 0,
     isLoading: !1,
     initializingState: !0
-  }), z = T(
-    async (b = {}, x = null) => {
-      e.initializingState || L((m) => ({ ...m, error: null, isLoading: !0 }));
+  }), M = k(
+    async (d = {}, g = null) => {
+      t.initializingState || C((c) => ({ ...c, error: null, isLoading: !0 }));
       try {
-        const m = x || e, S = await P({
-          endpoint: c,
-          version: h,
+        const c = g || t, f = await S({
+          endpoint: n,
+          version: l,
           meta: y,
-          page: m.page,
-          perPage: m.perPage,
-          search: m.search,
-          sortBy: m.sortBy,
-          sortOrder: m.sortOrder,
-          filters: m.filters,
-          ...b
+          page: c.page,
+          perPage: c.perPage,
+          search: c.search,
+          sortBy: c.sortBy,
+          sortOrder: c.sortOrder,
+          filters: c.filters,
+          ...d
         });
-        L((B) => ({
-          ...B,
-          response: S,
+        C((x) => ({
+          ...x,
+          response: f,
           selection: [],
           // Append items for loadMore, replace for pagination
-          items: p ? [...B.items, ...S.items] : S.items,
-          count: S.count,
+          items: v && c.page > 1 ? [...x.items, ...f.items] : f.items,
+          count: f.count,
           initializingState: !1,
           isLoading: !1
         }));
-      } catch (m) {
-        throw L((S) => ({
-          ...S,
-          error: m,
+      } catch (c) {
+        throw C((f) => ({
+          ...f,
+          error: c,
           items: [],
           count: 0,
           initializingState: !1,
           isLoading: !1
-        })), m;
+        })), c;
       }
     },
-    [c, h, p, y, P, e]
-  ), v = g(
+    [n, l, v, y, S, t]
+  ), b = P(
     () => ({
-      setPage: (b, x) => {
-        let m = b;
-        b === 0 && (m = "");
-        const S = { ...e, page: m };
-        L(S), m && z(x, S);
+      setPage: (d, g) => {
+        let c = d;
+        d === 0 && (c = "");
+        const f = { ...t, page: c };
+        C(f), c && M(g, f);
       },
-      setPerPage: (b) => {
-        const x = { ...e, perPage: b, page: 1 };
-        L(x), z({}, x);
+      setPerPage: (d) => {
+        const g = { ...t, perPage: d, page: 1 };
+        C(g), M({}, g);
       },
-      setSearch: (b) => {
-        if (b !== e.search) {
-          const x = { ...e, search: b, page: 1 };
-          L(x), z({}, x);
+      setSearch: (d) => {
+        if (d !== t.search) {
+          const g = { ...t, search: d, page: 1 };
+          C(g), M({}, g);
         }
       },
-      setSort: ({ by: b, order: x }) => {
-        const m = { ...e, sortBy: b, sortOrder: x, page: 1 };
-        L(m), z({}, m);
+      setSort: ({ by: d, order: g }) => {
+        const c = { ...t, sortBy: d, sortOrder: g, page: 1 };
+        C(c), M({}, c);
       },
       loadMore: () => {
-        const b = { ...e, page: e.page + 1 };
-        L(b), z({}, b);
+        const d = { ...t, page: t.page + 1 };
+        C(d), M({}, d);
       },
-      refresh: (b = { isRefresh: !0 }) => {
-        if (p) {
-          const x = { ...e, page: 1, items: [] };
-          L(x), z(b, x);
+      refresh: (d = { isRefresh: !0 }) => {
+        if (v) {
+          const g = { ...t, page: 1, items: [] };
+          C(g), M(d, g);
         } else
-          z(b);
+          M(d);
+      },
+      setFilters: (d) => {
+        const g = { ...t, filters: d, page: 1 };
+        C(g), M({}, g);
       },
-      setFilters: (b) => {
-        const x = { ...e, filters: b, page: 1 };
-        L(x), z({}, x);
+      updateItemById: (d, g) => {
+        const c = t.items.map((f) => f.id === g ? { ...f, ...d } : f);
+        C((f) => ({ ...f, items: c }));
       },
-      setSelection: (b) => L((x) => ({ ...x, selection: b }))
+      setSelection: (d) => C((g) => ({ ...g, selection: d }))
     }),
-    [z, p, e]
-  ), C = g(
+    [M, v, t]
+  ), O = P(
     () => ({
-      data: e.items,
-      response: e.response,
-      error: e.error,
-      count: e.count,
-      selection: e.selection,
+      data: t.items,
+      response: t.response,
+      error: t.error,
+      count: t.count,
+      selection: t.selection,
       pagination: {
-        page: e.page,
-        perPage: e.perPage,
-        hasMore: e.items.length < e.count
+        page: t.page,
+        perPage: t.perPage,
+        hasMore: t.items.length < t.count
       },
       loader: {
-        isLoading: e.isLoading,
-        initialLoading: e.initializingState
+        isLoading: t.isLoading,
+        initialLoading: t.initializingState
       },
-      sort: { sortBy: e.sortBy, sortOrder: e.sortOrder },
-      search: e.search,
-      filters: e.filters,
-      attrs: a || Object.keys(e.items[0] || {}),
-      isEmpty: e.items.length === 0,
-      ...v
+      sort: { sortBy: t.sortBy, sortOrder: t.sortOrder },
+      search: t.search,
+      filters: t.filters,
+      attrs: m || Object.keys(t.items[0] || {}),
+      isEmpty: t.items.length === 0,
+      ...b
     }),
     [
-      e.items,
-      e.response,
-      e.error,
-      e.count,
-      e.selection,
-      e.page,
-      e.perPage,
-      e.isLoading,
-      e.initializingState,
-      e.sortBy,
-      e.sortOrder,
-      e.search,
-      e.filters,
-      v,
-      a
+      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,
+      b,
+      m
     ]
   );
-  return I(() => {
-    e.initializingState && v.setPage(e.page);
-  }, []), I(() => {
-    w(C);
+  return E(() => {
+    t.initializingState && b.setPage(t.page);
+  }, []), E(() => {
+    N(O);
   }, [
-    w,
-    e.items,
-    e.count,
-    e.error,
-    e.isLoading,
-    e.selection,
-    e.page,
-    e.perPage
-  ]), i({ ...C });
-}, Y = R(({ children: i }) => {
-  const { listState: c } = k(), { data: r, count: t, pagination: o, setPage: n, loader: s, error: f } = c, { page: a, perPage: h } = o, { isLoading: u } = s, d = g(
-    () => a * h < t,
-    [a, h, t]
-  ), y = T(() => {
-    d && !u && n(a + 1);
-  }, [d, u, n, a]), P = g(
+    N,
+    t.items,
+    t.count,
+    t.error,
+    t.isLoading,
+    t.selection,
+    t.page,
+    t.perPage,
+    t.sortBy,
+    t.sortOrder
+  ]), typeof o == "function" ? o(O) : o;
+}, V = w(({ children: r }) => {
+  const { listState: o } = R(), { data: n, count: e, pagination: s, setPage: a, loader: p, error: h } = o, { page: u, perPage: m } = s, { isLoading: l } = p, L = P(
+    () => u * m < e,
+    [u, m, e]
+  ), y = k(() => {
+    L && !l && a(u + 1);
+  }, [L, l, a, u]), S = P(
     () => ({
-      button: {
-        padding: "8px 16px",
-        backgroundColor: "#4B5563",
-        color: "#ffffff",
-        border: "none",
-        borderRadius: "4px",
-        cursor: "pointer",
-        opacity: u || !d ? 0.5 : 1,
-        pointerEvents: u || !d ? "none" : "auto"
-      }
-    }),
-    [u, d]
-  ), w = g(
-    () => ({
-      isLoading: u,
+      isLoading: l,
       loadMore: y,
-      hasMoreItems: d,
-      styles: P
+      hasMoreItems: L
     }),
-    [u, y, d, P]
+    [l, y, L]
   );
-  return !r || r.length === 0 || f ? null : i(w);
-}), Z = R(({ children: i, position: c = "overlay" }) => {
-  const { listState: r } = k(), { loader: t } = r, { isLoading: o, initializingState: n } = t, s = g(
-    () => ({
-      overlay: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "rgba(255, 255, 255, 0.5)",
-        zIndex: 10
-      },
-      before: {
-        marginBottom: "16px"
-      },
-      after: {
-        marginTop: "16px"
-      },
-      defaultLoader: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100%"
-      },
-      loadingText: {
-        color: "#4B5563",
-        fontSize: "14px"
-      }
-    }),
-    []
-  ), f = g(
+  return !n || n.length === 0 || h ? null : r(S);
+}), X = w(({ children: r, position: o = "overlay" }) => {
+  const { listState: n } = R(), { loader: e } = n, { isLoading: s, initializingState: a } = e;
+  return P(
     () => ({
-      overlay: s.overlay,
-      before: s.before,
-      after: s.after
+      isLoading: s
     }),
     [s]
-  ), a = g(
-    () => ({
-      isLoading: o,
-      styles: s
-    }),
-    [o, s]
-  );
-  return !n && !o ? null : /* @__PURE__ */ l("div", { style: f[c] || {}, children: i ? i(a) : /* @__PURE__ */ l("div", { style: s.defaultLoader, children: /* @__PURE__ */ l("p", { style: s.loadingText, children: "Loading..." }) }) });
-}), ee = R(
+  ), !a && !s ? null : /* @__PURE__ */ i("div", { children: r || /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { children: "Loading..." }) }) });
+}), Y = w(
   ({
-    children: i,
-    pageLinks: c = 5,
-    renderFirst: r,
-    renderPrev: t,
-    renderPages: o,
-    renderPage: n,
-    renderNext: s,
-    renderLast: f
+    children: r,
+    pageLinks: o = 5,
+    renderFirst: n,
+    renderPrev: e,
+    renderPages: s,
+    renderPage: a,
+    renderNext: p,
+    renderLast: h
   }) => {
-    const { listState: a } = k(), { data: h, count: u, pagination: d, setPage: y, loader: P, error: w } = a, { page: p, perPage: e } = d, { initialLoading: L, isLoading: z } = P, v = g(
+    const { listState: u } = R(), { data: m, count: l, pagination: L, setPage: y, loader: S, error: N } = u, { page: v, perPage: t } = L, { initialLoading: C, isLoading: M } = S, b = P(() => {
+      const c = Math.ceil(l / t), f = Math.floor(o / 2), x = v * t < l;
+      return { pagesCount: c, halfWay: f, hasNext: x, hasPrev: v !== 1 };
+    }, [l, t, v, o]), O = P(() => {
+      const { pagesCount: c, halfWay: f } = b, x = Array.from({ length: Math.min(o, c) });
+      return v <= f ? x.map((I, B) => B + 1) : c - v < f ? x.map((I, B) => c - B).reverse() : x.map((I, B) => v - f + B);
+    }, [v, o, b]), d = P(
       () => ({
-        container: {
-          display: "flex",
-          alignItems: "center",
-          gap: "8px"
-        },
-        button: {
-          padding: "4px 8px",
-          border: "1px solid #e5e7eb",
-          borderRadius: "4px",
-          cursor: "pointer",
-          backgroundColor: "#ffffff",
-          minWidth: "60px",
-          fontSize: "14px"
-        },
-        disabledButton: {
-          opacity: 0.5,
-          cursor: "not-allowed"
-        },
-        pagesContainer: {
-          display: "flex",
-          alignItems: "center",
-          gap: "4px"
-        },
-        activePageSpan: {
-          padding: "4px 8px",
-          backgroundColor: "#2563eb",
-          color: "#ffffff",
-          borderRadius: "4px",
-          minWidth: "32px",
-          textAlign: "center"
-        },
-        pageButton: {
-          padding: "4px 8px",
-          border: "1px solid #e5e7eb",
-          borderRadius: "4px",
-          minWidth: "32px",
-          textAlign: "center",
-          cursor: "pointer",
-          backgroundColor: "#ffffff",
-          ":hover": {
-            backgroundColor: "#f3f4f6"
-          }
-        }
-      }),
-      []
-    ), C = g(() => {
-      const S = Math.ceil(u / e), B = Math.floor(c / 2), N = p * e < u;
-      return { pagesCount: S, halfWay: B, hasNext: N, hasPrev: p !== 1 };
-    }, [u, e, p, c]), b = g(() => {
-      const { pagesCount: S, halfWay: B } = C, N = Array.from({ length: Math.min(c, S) });
-      return p <= B ? N.map((A, W) => W + 1) : S - p < B ? N.map((A, W) => S - W).reverse() : N.map((A, W) => p - B + W);
-    }, [p, c, C]), x = g(
-      () => ({
-        prev: () => y(p - 1),
-        next: () => y(p + 1),
+        prev: () => y(v - 1),
+        next: () => y(v + 1),
         first: () => y(1),
-        last: () => y(C.pagesCount),
-        setPage: (S) => y(S)
+        last: () => y(b.pagesCount),
+        setPage: (c) => y(c)
       }),
-      [y, p, C.pagesCount]
-    ), m = g(
+      [y, v, b.pagesCount]
+    ), g = P(
       () => ({
-        page: p,
-        perPage: e,
-        count: u,
-        ...C,
-        pagesToDisplay: b,
-        ...x,
-        styles: v
+        page: v,
+        perPage: t,
+        count: l,
+        ...b,
+        pagesToDisplay: O,
+        ...d
       }),
-      [
-        p,
-        e,
-        u,
-        C,
-        b,
-        x,
-        v
-      ]
+      [v, t, l, b, O, d]
     );
-    return L || !h || h.length === 0 || w ? null : i ? i(m) : /* @__PURE__ */ M("div", { style: v.container, children: [
-      r ? r(m) : /* @__PURE__ */ l(
+    return C || !m || m.length === 0 || N ? null : r ? r(g) : /* @__PURE__ */ z("div", { className: "react-list-pagination", children: [
+      n ? n(g) : /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          disabled: !C.hasPrev,
-          onClick: x.first,
-          style: {
-            ...v.button,
-            ...!C.hasPrev && v.disabledButton
-          },
+          disabled: !b.hasPrev,
+          onClick: d.first,
           children: "First"
         }
       ),
-      t ? t(m) : /* @__PURE__ */ l(
+      e ? e(g) : /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          disabled: !C.hasPrev,
-          onClick: x.prev,
-          style: {
-            ...v.button,
-            ...!C.hasPrev && v.disabledButton
-          },
+          disabled: !b.hasPrev,
+          onClick: d.prev,
           children: "Prev"
         }
       ),
-      o ? o(m) : /* @__PURE__ */ l("div", { style: v.pagesContainer, children: b.map((S) => {
-        const B = S === p, N = { ...m, page: S, isActive: B };
-        return n ? n(N) : /* @__PURE__ */ l("div", { children: B ? /* @__PURE__ */ l("span", { style: v.activePageSpan, children: S }) : /* @__PURE__ */ l(
+      s ? s(g) : /* @__PURE__ */ i("div", { children: O.map((c) => {
+        const f = c === v, x = { ...g, page: c, isActive: f };
+        return a ? a(x) : /* @__PURE__ */ i("div", { children: f ? /* @__PURE__ */ i("span", { children: c }) : /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            onClick: () => x.setPage(S),
-            style: v.pageButton,
-            children: S
+            onClick: () => d.setPage(c),
+            children: c
           }
-        ) }, `page-${S}`);
+        ) }, `page-${c}`);
       }) }),
-      s ? s(m) : /* @__PURE__ */ l(
+      p ? p(g) : /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          disabled: !C.hasNext,
-          onClick: x.next,
-          style: {
-            ...v.button,
-            ...!C.hasNext && v.disabledButton
-          },
+          disabled: !b.hasNext,
+          onClick: d.next,
           children: "Next"
         }
       ),
-      f ? f(m) : /* @__PURE__ */ l(
+      h ? h(g) : /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          disabled: !C.hasNext,
-          onClick: x.last,
-          style: {
-            ...v.button,
-            ...!C.hasNext && v.disabledButton
-          },
+          disabled: !b.hasNext,
+          onClick: d.last,
           children: "Last"
         }
       )
     ] });
   }
-), te = R(
-  ({ children: i, options: c = [10, 25, 50, 100] }) => {
-    const { listState: r } = k(), { data: t, pagination: o, setPerPage: n, loader: s, error: f } = r, { perPage: a } = o, { initialLoading: h, isLoading: u } = s, d = g(
-      () => ({
-        container: {
-          display: "inline-block",
-          minWidth: "150px"
-        },
-        select: {
-          width: "100%",
-          padding: "8px 12px",
-          border: "1px solid #e5e7eb",
-          borderRadius: "4px",
-          fontSize: "14px",
-          backgroundColor: "#ffffff",
-          cursor: "pointer",
-          outline: "none"
-        }
-      }),
-      []
-    ), y = g(() => c.map((p) => typeof p != "object" ? {
-      value: p,
-      label: p
-    } : p), [c]), P = T(
-      (p) => {
-        n(Number(p.target.value));
+), Z = w(
+  ({ children: r, options: o = [10, 25, 50, 100] }) => {
+    const { listState: n } = R(), { data: e, pagination: s, setPerPage: a, loader: p, error: h } = n, { perPage: u } = s, { initialLoading: m } = p, l = P(() => o.map((S) => typeof S != "object" ? {
+      value: S,
+      label: S
+    } : S), [o]), L = k(
+      (S) => {
+        a(Number(S.target.value));
       },
-      [n]
-    ), w = g(
+      [a]
+    ), y = P(
       () => ({
-        perPage: a,
-        setPerPage: n,
-        options: y,
-        styles: d
+        perPage: u,
+        setPerPage: a,
+        options: l
       }),
-      [a, n, y, d]
+      [u, a, l]
     );
-    return h || !t || t.length === 0 || f ? null : i ? i(w) : /* @__PURE__ */ l("div", { className: "react-list-per-page", style: d.container, children: /* @__PURE__ */ l(
-      "select",
-      {
-        value: a,
-        onChange: P,
-        style: d.select,
-        children: y.map((p) => /* @__PURE__ */ M("option", { value: p.value, children: [
-          p.label,
-          " items per page"
-        ] }, `option-${p.value}`))
-      }
-    ) });
+    return m || !e || e.length === 0 || h ? null : /* @__PURE__ */ i("div", { className: "react-list-per-page", children: r ? r(y) : /* @__PURE__ */ i("select", { value: u, onChange: L, children: l.map((S) => /* @__PURE__ */ z("option", { value: S.value, children: [
+      S.label,
+      " items per page"
+    ] }, `option-${S.value}`)) }) });
   }
-), ne = R(({ children: i }) => {
-  const { listState: c } = k(), { loader: r, refresh: t } = c, { isLoading: o, initialLoading: n } = r, s = g(
+), tt = w(({ children: r }) => {
+  const { listState: o } = R(), { loader: n, refresh: e } = o, { isLoading: s, initialLoading: a } = n, p = k(() => {
+    e({ isRefresh: !0 });
+  }, [e]), h = P(
     () => ({
-      container: {
-        display: "inline-block"
-      },
-      button: {
-        padding: "8px 16px",
-        border: "1px solid #e5e7eb",
-        borderRadius: "6px",
-        backgroundColor: "#ffffff",
-        cursor: "pointer",
-        fontSize: "14px",
-        transition: "all 0.2s ease",
-        ":hover": {
-          backgroundColor: "#f3f4f6"
-        },
-        ":disabled": {
-          opacity: 0.6,
-          cursor: "not-allowed"
-        }
-      }
-    }),
-    []
-  ), f = T(() => {
-    t({ isRefresh: !0 });
-  }, [t]), a = g(
-    () => ({
-      isLoading: o,
-      refresh: f
+      isLoading: s,
+      refresh: p
     }),
-    [o, f, s]
+    [s, p]
   );
-  return n ? null : i ? i(a) : /* @__PURE__ */ l("div", { className: "react-list-refresh", style: s.container, children: /* @__PURE__ */ l(
-    "button",
-    {
-      onClick: f,
-      disabled: o,
-      style: {
-        ...s.button,
-        ...o && s.button[":disabled"]
-      },
-      children: o ? "Loading..." : "Refresh"
-    }
-  ) });
-}), re = R(({ children: i, debounceTime: c = 500 }) => {
-  const { listState: r } = k(), { search: t, setSearch: o } = r, [n, s] = $(), [f, a] = O(t ?? ""), h = q(null);
-  I(() => {
-    t !== f && a(t ?? "");
-  }, [t]);
-  const u = (P) => {
-    const w = P.target.value;
-    a(w), h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      s(() => {
-        o(w);
-      });
-    }, c);
+  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 = w(({ children: r, debounceTime: o = 500 }) => {
+  const { listState: n } = R(), { search: e, setSearch: s } = n, [a, p] = T(e ?? ""), h = q(null);
+  E(() => {
+    e !== a && p(e ?? "");
+  }, [e]);
+  const u = (l) => {
+    p(l), h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+      s(l);
+    }, o);
   };
-  I(() => () => {
+  return E(() => () => {
     h.current && clearTimeout(h.current);
-  }, []);
-  const d = {
-    container: {
-      margin: "10px 0",
-      width: "100%",
-      maxWidth: "300px"
-    },
-    input: {
-      width: "100%",
-      padding: "8px 12px",
-      border: "1px solid #ccc",
-      borderRadius: "4px",
-      fontSize: "14px",
-      outline: "none"
+  }, []), /* @__PURE__ */ i("div", { className: "react-list-search", children: r ? r({
+    search: a,
+    setSearch: u
+  }) : /* @__PURE__ */ i(
+    "input",
+    {
+      type: "text",
+      value: a,
+      onChange: (l) => u(l.target.value),
+      placeholder: "Search..."
     }
-  }, y = {
-    search: f,
-    setSearch: u,
-    isPending: n
-  };
-  return i ? i(y) : /* @__PURE__ */ M("div", { className: "react-list-search", style: d.container, children: [
-    /* @__PURE__ */ l(
-      "input",
-      {
-        type: "text",
-        value: f,
-        onChange: u,
-        placeholder: "Search...",
-        style: d.input
-      }
-    ),
-    n && /* @__PURE__ */ l(
-      "div",
-      {
-        className: "search-indicator",
-        style: { fontSize: "12px", color: "#888", marginTop: "4px" },
-        children: "Searching..."
-      }
-    )
-  ] });
-}), oe = R(({ children: i }) => {
-  const { listState: c } = k(), { data: r, count: t, pagination: o, loader: n, error: s } = c, { page: f, perPage: a } = o, { initialLoading: h, isLoading: u } = n, d = g(
-    () => ({
-      container: {
-        padding: "8px 0",
-        fontSize: "14px",
-        color: "#4B5563"
-      },
-      text: {
-        display: "inline-block"
-      },
-      highlight: {
-        fontWeight: "500",
-        color: "#111827"
-      }
-    }),
-    []
-  ), y = g(() => {
-    const w = f * a - a + 1, p = Math.min(f * a, t), e = (r == null ? void 0 : r.length) || 0;
-    return { from: w, to: p, visibleCount: e };
-  }, [f, a, t, r]), P = g(
+  ) });
+}), nt = w(({ children: r }) => {
+  const { listState: o } = R(), { data: n, count: e, pagination: s, loader: a, error: p } = o, { page: h, perPage: u } = s, { initialLoading: m, isLoading: l } = a, L = P(() => {
+    const S = h * u - u + 1, N = Math.min(h * u, e), v = (n == null ? void 0 : n.length) || 0;
+    return { from: S, to: N, visibleCount: v };
+  }, [h, u, e, n]), y = P(
     () => ({
-      ...y,
-      count: t,
-      styles: d
+      ...L,
+      count: e
     }),
-    [y, t, d]
+    [L, e]
   );
-  return h || !r || r.length === 0 || s ? null : i ? i(P) : /* @__PURE__ */ l("div", { className: "react-list-summary", style: d.container, children: /* @__PURE__ */ M("span", { style: d.text, children: [
+  return m || !n || n.length === 0 || p ? null : /* @__PURE__ */ i("div", { className: "react-list-summary", children: r ? r(y) : /* @__PURE__ */ z("span", { children: [
     "Showing ",
-    /* @__PURE__ */ l("span", { style: d.highlight, children: y.visibleCount }),
-    " ",
-    "items (",
-    /* @__PURE__ */ M("span", { style: d.highlight, children: [
-      y.from,
+    /* @__PURE__ */ i("span", { children: L.visibleCount }),
+    " items (",
+    /* @__PURE__ */ z("span", { children: [
+      L.from,
       " - ",
-      y.to
+      L.to
     ] }),
     ") out of ",
-    /* @__PURE__ */ l("span", { style: d.highlight, children: t })
+    /* @__PURE__ */ i("span", { children: e })
   ] }) });
 });
 export {
-  G as ReactListAttributes,
-  J as ReactListEmpty,
-  K as ReactListError,
-  Q as ReactListGoTo,
-  U as ReactListInitialLoader,
-  V as ReactListItems,
-  Y as ReactListLoadMore,
-  Z as ReactListLoader,
-  ee as ReactListPagination,
-  te as ReactListPerPage,
-  F as ReactListProvider,
-  ne as ReactListRefresh,
-  re as ReactListSearch,
-  oe as ReactListSummary,
-  X as default
+  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
 };

package/dist/react-list.umd.cjs

@@ -1 +1 @@
-(function(S,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],n):(S=typeof globalThis<"u"?globalThis:S||self,n(S.ReactList={},S.jsxRuntime,S.react))})(this,function(S,n,e){"use strict";const I=e.createContext(null),W=({children:a,config:d})=>{const{requestHandler:i,stateManager:s={}}=d,[r,o]=e.useState({data:[],response:null,error:null,count:0,selection:[],pagination:{page:1,perPage:25},loader:{isLoading:!1,initialLoading:!0},sort:{sortBy:null,sortOrder:"desc"},search:"",filters:{},attrs:[],isEmpty:!0,isInitializing:!0});if(!i)throw new Error("ListProvider: requestHandler is required.");const l=e.useMemo(()=>({requestHandler:i,stateManager:s,listState:r,setListState:o}),[i,s,r]);return n.jsx(I.Provider,{value:l,children:a})},w=()=>{const a=e.useContext(I);if(!a)throw new Error("useListContext must be used within a ListProvider");return a},A=e.memo(({children:a,renderAttribute:d})=>{const{listState:i}=w(),{attrs:s,attrSettings:r,updateAttr:o}=i,l={container:{display:"flex",flexDirection:"column",gap:"12px",padding:"12px"},label:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer",fontSize:"14px"},checkbox:{width:"16px",height:"16px",cursor:"pointer"}},f=e.useCallback(h=>g=>{o(h,"visible",g.target.checked)},[o]),c=e.useMemo(()=>({attrs:s,attrSettings:r,updateAttr:o,styles:l}),[s,r,o]);return a?a(c):n.jsx("div",{className:"react-list-attributes",style:l.container,children:s.map((h,g)=>{var u;return d?d({key:`attr-${g}`,attr:h,updateAttr:o,attrSettings:r,styles:l}):n.jsxs("label",{style:l.label,children:[n.jsx("span",{children:h.label}),n.jsx("input",{type:"checkbox",checked:((u=r==null?void 0:r[h.name])==null?void 0:u.visible)??!1,onChange:f(h.name),style:l.checkbox})]},`attr-${g}`)})})}),O=e.memo(({children:a})=>{const{listState:d}=w(),{data:i,loader:s,error:r}=d,{isLoading:o,initialLoading:l}=s,f=e.useMemo(()=>({container:{width:"100%",padding:"32px 16px"},defaultMessage:{textAlign:"center",color:"#6B7280",fontSize:"16px",fontWeight:"400"}}),[]);return(i==null?void 0:i.length)>0||l||o||r?null:n.jsx("div",{className:"react-list-empty",style:f.container,children:a||n.jsx("div",{style:f.defaultMessage,children:n.jsx("p",{children:"No data found!"})})})}),j=e.memo(({children:a})=>{const{listState:d}=w(),{error:i,loader:s}=d,{isLoading:r}=s,o=e.useMemo(()=>({container:{width:"100%",padding:"32px 16px"},errorContent:{textAlign:"center",color:"#DC2626",padding:"32px 0"},heading:{fontSize:"16px",fontWeight:"500",marginBottom:"8px"},message:{fontSize:"14px",fontFamily:"monospace",marginTop:"8px",whiteSpace:"pre-wrap",wordBreak:"break-word"}}),[]);return!i||r?null:a?a({error:i}):n.jsx("div",{className:"react-list-error",style:o.container,children:n.jsxs("div",{style:o.errorContent,children:[n.jsx("h3",{style:o.heading,children:"Error occurred"}),n.jsxs("pre",{style:o.message,children:[i.name,": ",i.message]})]})})}),q=e.memo(({children:a})=>{const{listState:d}=w(),{data:i,count:s,pagination:r,setPage:o,loader:l,error:f}=d,{page:c,perPage:h}=r,{initialLoading:g,isLoading:u}=l,y=e.useMemo(()=>({container:{display:"inline-block",minWidth:"120px"},select:{width:"100%",padding:"8px 12px",border:"1px solid #ccc",borderRadius:"4px",fontSize:"14px",backgroundColor:"#fff",cursor:"pointer",outline:"none"}}),[]),{pages:P,pagesCount:k}=e.useMemo(()=>{const v=Math.ceil(s/h);return{pages:Array.from({length:v},(C,M)=>M+1),pagesCount:v}},[s,h]),p=e.useCallback(v=>{o(Number(v.target.value))},[o]),t=e.useMemo(()=>({setPage:o,page:c,pages:P,pagesCount:k,styles:y}),[o,c,P,k,y]);return g||!i||i.length===0||f?null:a?a(t):n.jsx("div",{className:"react-list-go-to",style:y.container,children:n.jsx("select",{value:c,onChange:p,style:y.select,children:P.map(v=>n.jsxs("option",{value:v,children:["Page ",v]},`page-${v}`))})})}),D=e.memo(({children:a})=>{const{listState:d}=w(),{loader:i}=d,{initialLoading:s}=i,r=e.useMemo(()=>({container:{padding:"20px",textAlign:"center"},defaultLoader:{fontSize:"16px",color:"#4B5563",margin:0,animation:"pulse 1.5s infinite ease-in-out"},"@keyframes pulse":{"0%":{opacity:.6},"50%":{opacity:1},"100%":{opacity:.6}}}),[]),o=e.useMemo(()=>({loading:s,styles:r}),[s]);return s?n.jsx("div",{className:"react-list-initial-loader",style:r.container,children:a?a(o):n.jsx("p",{style:r.defaultLoader,children:"Initial Loading..."})}):null}),_=e.memo(({children:a,renderItem:d})=>{const{listState:i}=w(),{data:s=[],loader:r,error:o}=i,{initialLoading:l,isLoading:f}=r,c=e.useMemo(()=>({container:{display:"flex",flexDirection:"column",gap:"12px",width:"100%"},itemWrapper:{width:"100%"},defaultItem:{padding:"12px",backgroundColor:"#f9fafb",borderRadius:"4px",fontFamily:"monospace",fontSize:"14px",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"auto"}}),[]),h=e.useMemo(()=>({items:s,styles:c}),[s,c]);return l||!s||s.length===0||o?null:d?n.jsx("div",{className:"react-list-items",style:c.container,children:s.map((g,u)=>n.jsx("div",{style:c.itemWrapper,children:d({item:g,index:u,styles:c})},g.id||u))}):typeof a=="function"?n.jsx("div",{className:"react-list-items",style:c.container,children:a(h)}):n.jsx("div",{className:"react-list-items",style:c.container,children:s.map((g,u)=>n.jsx("pre",{style:c.defaultItem,children:JSON.stringify(g,null,2)},g.id||u))})}),$=({children:a,endpoint:d,page:i=1,perPage:s=25,sortBy:r,sortOrder:o="desc",search:l="",filters:f={},attrs:c,version:h=1,hasPaginationHistory:g=!0,paginationMode:u="pagination",meta:y={}})=>{const{requestHandler:P,setListState:k}=w(),p=u==="loadMore",[t,v]=e.useState({page:i,perPage:s,sortBy:r,sortOrder:o,search:l,filters:f,attrSettings:{},items:[],selection:[],error:null,response:null,count:0,isLoading:!1,initializingState:!0}),z=e.useCallback(async(x={},m=null)=>{t.initializingState||v(b=>({...b,error:null,isLoading:!0}));try{const b=m||t,L=await P({endpoint:d,version:h,meta:y,page:b.page,perPage:b.perPage,search:b.search,sortBy:b.sortBy,sortOrder:b.sortOrder,filters:b.filters,...x});v(B=>({...B,response:L,selection:[],items:p?[...B.items,...L.items]:L.items,count:L.count,initializingState:!1,isLoading:!1}))}catch(b){throw v(L=>({...L,error:b,items:[],count:0,initializingState:!1,isLoading:!1})),b}},[d,h,p,y,P,t]),C=e.useMemo(()=>({setPage:(x,m)=>{let b=x;x===0&&(b="");const L={...t,page:b};v(L),b&&z(m,L)},setPerPage:x=>{const m={...t,perPage:x,page:1};v(m),z({},m)},setSearch:x=>{if(x!==t.search){const m={...t,search:x,page:1};v(m),z({},m)}},setSort:({by:x,order:m})=>{const b={...t,sortBy:x,sortOrder:m,page:1};v(b),z({},b)},loadMore:()=>{const x={...t,page:t.page+1};v(x),z({},x)},refresh:(x={isRefresh:!0})=>{if(p){const m={...t,page:1,items:[]};v(m),z(x,m)}else z(x)},setFilters:x=>{const m={...t,filters:x,page:1};v(m),z({},m)},setSelection:x=>v(m=>({...m,selection:x}))}),[z,p,t]),M=e.useMemo(()=>({data:t.items,response:t.response,error:t.error,count:t.count,selection:t.selection,pagination:{page:t.page,perPage:t.perPage,hasMore:t.items.length<t.count},loader:{isLoading:t.isLoading,initialLoading:t.initializingState},sort:{sortBy:t.sortBy,sortOrder:t.sortOrder},search:t.search,filters:t.filters,attrs:c||Object.keys(t.items[0]||{}),isEmpty:t.items.length===0,...C}),[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,C,c]);return e.useEffect(()=>{t.initializingState&&C.setPage(t.page)},[]),e.useEffect(()=>{k(M)},[k,t.items,t.count,t.error,t.isLoading,t.selection,t.page,t.perPage]),a({...M})},H=e.memo(({children:a})=>{const{listState:d}=w(),{data:i,count:s,pagination:r,setPage:o,loader:l,error:f}=d,{page:c,perPage:h}=r,{isLoading:g}=l,u=e.useMemo(()=>c*h<s,[c,h,s]),y=e.useCallback(()=>{u&&!g&&o(c+1)},[u,g,o,c]),P=e.useMemo(()=>({button:{padding:"8px 16px",backgroundColor:"#4B5563",color:"#ffffff",border:"none",borderRadius:"4px",cursor:"pointer",opacity:g||!u?.5:1,pointerEvents:g||!u?"none":"auto"}}),[g,u]),k=e.useMemo(()=>({isLoading:g,loadMore:y,hasMoreItems:u,styles:P}),[g,y,u,P]);return!i||i.length===0||f?null:a(k)}),F=e.memo(({children:a,position:d="overlay"})=>{const{listState:i}=w(),{loader:s}=i,{isLoading:r,initializingState:o}=s,l=e.useMemo(()=>({overlay:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255, 255, 255, 0.5)",zIndex:10},before:{marginBottom:"16px"},after:{marginTop:"16px"},defaultLoader:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},loadingText:{color:"#4B5563",fontSize:"14px"}}),[]),f=e.useMemo(()=>({overlay:l.overlay,before:l.before,after:l.after}),[l]),c=e.useMemo(()=>({isLoading:r,styles:l}),[r,l]);return!o&&!r?null:n.jsx("div",{style:f[d]||{},children:a?a(c):n.jsx("div",{style:l.defaultLoader,children:n.jsx("p",{style:l.loadingText,children:"Loading..."})})})}),G=e.memo(({children:a,pageLinks:d=5,renderFirst:i,renderPrev:s,renderPages:r,renderPage:o,renderNext:l,renderLast:f})=>{const{listState:c}=w(),{data:h,count:g,pagination:u,setPage:y,loader:P,error:k}=c,{page:p,perPage:t}=u,{initialLoading:v,isLoading:z}=P,C=e.useMemo(()=>({container:{display:"flex",alignItems:"center",gap:"8px"},button:{padding:"4px 8px",border:"1px solid #e5e7eb",borderRadius:"4px",cursor:"pointer",backgroundColor:"#ffffff",minWidth:"60px",fontSize:"14px"},disabledButton:{opacity:.5,cursor:"not-allowed"},pagesContainer:{display:"flex",alignItems:"center",gap:"4px"},activePageSpan:{padding:"4px 8px",backgroundColor:"#2563eb",color:"#ffffff",borderRadius:"4px",minWidth:"32px",textAlign:"center"},pageButton:{padding:"4px 8px",border:"1px solid #e5e7eb",borderRadius:"4px",minWidth:"32px",textAlign:"center",cursor:"pointer",backgroundColor:"#ffffff",":hover":{backgroundColor:"#f3f4f6"}}}),[]),M=e.useMemo(()=>{const L=Math.ceil(g/t),B=Math.floor(d/2),T=p*t<g;return{pagesCount:L,halfWay:B,hasNext:T,hasPrev:p!==1}},[g,t,p,d]),x=e.useMemo(()=>{const{pagesCount:L,halfWay:B}=M,T=Array.from({length:Math.min(d,L)});return p<=B?T.map((E,N)=>N+1):L-p<B?T.map((E,N)=>L-N).reverse():T.map((E,N)=>p-B+N)},[p,d,M]),m=e.useMemo(()=>({prev:()=>y(p-1),next:()=>y(p+1),first:()=>y(1),last:()=>y(M.pagesCount),setPage:L=>y(L)}),[y,p,M.pagesCount]),b=e.useMemo(()=>({page:p,perPage:t,count:g,...M,pagesToDisplay:x,...m,styles:C}),[p,t,g,M,x,m,C]);return v||!h||h.length===0||k?null:a?a(b):n.jsxs("div",{style:C.container,children:[i?i(b):n.jsx("button",{type:"button",disabled:!M.hasPrev,onClick:m.first,style:{...C.button,...!M.hasPrev&&C.disabledButton},children:"First"}),s?s(b):n.jsx("button",{type:"button",disabled:!M.hasPrev,onClick:m.prev,style:{...C.button,...!M.hasPrev&&C.disabledButton},children:"Prev"}),r?r(b):n.jsx("div",{style:C.pagesContainer,children:x.map(L=>{const B=L===p,T={...b,page:L,isActive:B};return o?o(T):n.jsx("div",{children:B?n.jsx("span",{style:C.activePageSpan,children:L}):n.jsx("button",{type:"button",onClick:()=>m.setPage(L),style:C.pageButton,children:L})},`page-${L}`)})}),l?l(b):n.jsx("button",{type:"button",disabled:!M.hasNext,onClick:m.next,style:{...C.button,...!M.hasNext&&C.disabledButton},children:"Next"}),f?f(b):n.jsx("button",{type:"button",disabled:!M.hasNext,onClick:m.last,style:{...C.button,...!M.hasNext&&C.disabledButton},children:"Last"})]})}),R=e.memo(({children:a,options:d=[10,25,50,100]})=>{const{listState:i}=w(),{data:s,pagination:r,setPerPage:o,loader:l,error:f}=i,{perPage:c}=r,{initialLoading:h,isLoading:g}=l,u=e.useMemo(()=>({container:{display:"inline-block",minWidth:"150px"},select:{width:"100%",padding:"8px 12px",border:"1px solid #e5e7eb",borderRadius:"4px",fontSize:"14px",backgroundColor:"#ffffff",cursor:"pointer",outline:"none"}}),[]),y=e.useMemo(()=>d.map(p=>typeof p!="object"?{value:p,label:p}:p),[d]),P=e.useCallback(p=>{o(Number(p.target.value))},[o]),k=e.useMemo(()=>({perPage:c,setPerPage:o,options:y,styles:u}),[c,o,y,u]);return h||!s||s.length===0||f?null:a?a(k):n.jsx("div",{className:"react-list-per-page",style:u.container,children:n.jsx("select",{value:c,onChange:P,style:u.select,children:y.map(p=>n.jsxs("option",{value:p.value,children:[p.label," items per page"]},`option-${p.value}`))})})}),J=e.memo(({children:a})=>{const{listState:d}=w(),{loader:i,refresh:s}=d,{isLoading:r,initialLoading:o}=i,l=e.useMemo(()=>({container:{display:"inline-block"},button:{padding:"8px 16px",border:"1px solid #e5e7eb",borderRadius:"6px",backgroundColor:"#ffffff",cursor:"pointer",fontSize:"14px",transition:"all 0.2s ease",":hover":{backgroundColor:"#f3f4f6"},":disabled":{opacity:.6,cursor:"not-allowed"}}}),[]),f=e.useCallback(()=>{s({isRefresh:!0})},[s]),c=e.useMemo(()=>({isLoading:r,refresh:f}),[r,f,l]);return o?null:a?a(c):n.jsx("div",{className:"react-list-refresh",style:l.container,children:n.jsx("button",{onClick:f,disabled:r,style:{...l.button,...r&&l.button[":disabled"]},children:r?"Loading...":"Refresh"})})}),K=e.memo(({children:a,debounceTime:d=500})=>{const{listState:i}=w(),{search:s,setSearch:r}=i,[o,l]=e.useTransition(),[f,c]=e.useState(s??""),h=e.useRef(null);e.useEffect(()=>{s!==f&&c(s??"")},[s]);const g=P=>{const k=P.target.value;c(k),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{l(()=>{r(k)})},d)};e.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]);const u={container:{margin:"10px 0",width:"100%",maxWidth:"300px"},input:{width:"100%",padding:"8px 12px",border:"1px solid #ccc",borderRadius:"4px",fontSize:"14px",outline:"none"}},y={search:f,setSearch:g,isPending:o};return a?a(y):n.jsxs("div",{className:"react-list-search",style:u.container,children:[n.jsx("input",{type:"text",value:f,onChange:g,placeholder:"Search...",style:u.input}),o&&n.jsx("div",{className:"search-indicator",style:{fontSize:"12px",color:"#888",marginTop:"4px"},children:"Searching..."})]})}),Q=e.memo(({children:a})=>{const{listState:d}=w(),{data:i,count:s,pagination:r,loader:o,error:l}=d,{page:f,perPage:c}=r,{initialLoading:h,isLoading:g}=o,u=e.useMemo(()=>({container:{padding:"8px 0",fontSize:"14px",color:"#4B5563"},text:{display:"inline-block"},highlight:{fontWeight:"500",color:"#111827"}}),[]),y=e.useMemo(()=>{const k=f*c-c+1,p=Math.min(f*c,s),t=(i==null?void 0:i.length)||0;return{from:k,to:p,visibleCount:t}},[f,c,s,i]),P=e.useMemo(()=>({...y,count:s,styles:u}),[y,s,u]);return h||!i||i.length===0||l?null:a?a(P):n.jsx("div",{className:"react-list-summary",style:u.container,children:n.jsxs("span",{style:u.text,children:["Showing ",n.jsx("span",{style:u.highlight,children:y.visibleCount})," ","items (",n.jsxs("span",{style:u.highlight,children:[y.from," - ",y.to]}),") out of ",n.jsx("span",{style:u.highlight,children:s})]})})});S.ReactListAttributes=A,S.ReactListEmpty=O,S.ReactListError=j,S.ReactListGoTo=q,S.ReactListInitialLoader=D,S.ReactListItems=_,S.ReactListLoadMore=H,S.ReactListLoader=F,S.ReactListPagination=G,S.ReactListPerPage=R,S.ReactListProvider=W,S.ReactListRefresh=J,S.ReactListSearch=K,S.ReactListSummary=Q,S.default=$,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(S,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],s):(S=typeof globalThis<"u"?globalThis:S||self,s(S.ReactList={},S.jsxRuntime,S.react))})(this,function(S,s,n){"use strict";const B=n.createContext(null),I=({children:o,config:l})=>{const{requestHandler:a,stateManager:t={}}=l,[r,i]=n.useState({data:[],response:null,error:null,count:0,selection:[],pagination:{page:1,perPage:25},loader:{isLoading:!1,initialLoading:!0},sort:{sortBy:null,sortOrder:"desc"},search:"",filters:{},attrs:[],isEmpty:!0,isInitializing:!0});if(!a)throw new Error("ListProvider: requestHandler is required.");const f=n.useMemo(()=>({requestHandler:a,stateManager:t,listState:r,setListState:i}),[a,t,r]);return s.jsx(B.Provider,{value:f,children:o})},w=()=>{const o=n.useContext(B);if(!o)throw new Error("useListContext must be used within a ListProvider");return o},j=n.memo(({children:o,renderAttribute:l})=>{const{listState:a}=w(),{attrs:t,attrSettings:r,updateAttr:i}=a,f=n.useCallback(d=>m=>{i(d,"visible",m.target.checked)},[i]),p=n.useMemo(()=>({attrs:t,attrSettings:r,updateAttr:i}),[t,r,i]);return o?o(p):s.jsx("div",{className:"react-list-attributes",children:t.map((d,m)=>{var u;return l?l({key:`attr-${m}`,attr:d,updateAttr:i,attrSettings:r}):s.jsxs("label",{children:[s.jsx("span",{children:d.label}),s.jsx("input",{type:"checkbox",checked:((u=r==null?void 0:r[d.name])==null?void 0:u.visible)??!1,onChange:f(d.name)})]},`attr-${m}`)})})}),q=n.memo(({children:o})=>{const{listState:l}=w(),{data:a,loader:t,error:r}=l,{isLoading:i,initialLoading:f}=t;return(a==null?void 0:a.length)>0||f||i||r?null:s.jsx("div",{className:"react-list-empty",children:o||s.jsx("div",{children:s.jsx("p",{children:"No data found!"})})})}),A=n.memo(({children:o})=>{const{listState:l}=w(),{error:a,loader:t}=l,{isLoading:r}=t;return!a||r?null:s.jsx("div",{className:"react-list-error",children:typeof o=="function"?o({error:a}):o||s.jsxs("div",{children:[s.jsx("h3",{children:"Error occurred"}),s.jsxs("pre",{children:[a.name,": ",a.message]})]})})}),_=n.memo(({children:o})=>{const{listState:l}=w(),{data:a,count:t,pagination:r,setPage:i,loader:f,error:p}=l,{page:d,perPage:m}=r,{initialLoading:u,isLoading:v}=f,{pages:b,pagesCount:y}=n.useMemo(()=>{const e=Math.ceil(t/m);return{pages:Array.from({length:e},(k,M)=>M+1),pagesCount:e}},[t,m]),N=n.useCallback(e=>{i(Number(e.target.value))},[i]),P=n.useMemo(()=>({setPage:i,page:d,pages:b,pagesCount:y}),[i,d,b,y]);return u||!a||a.length===0||p?null:s.jsx("div",{className:"react-list-go-to",children:o?o(P):s.jsx("select",{value:d,onChange:N,children:b.map(e=>s.jsxs("option",{value:e,children:["Page ",e]},`page-${e}`))})})}),$=n.memo(({children:o})=>{const{listState:l}=w(),{loader:a}=l,{initialLoading:t}=a;return n.useMemo(()=>({loading:t}),[t]),t?s.jsx("div",{className:"react-list-initial-loader",children:o||s.jsx("p",{children:"Initial Loading..."})}):null}),D=n.memo(({children:o,renderItem:l})=>{const{listState:a}=w(),{data:t=[],loader:r,error:i,setSort:f,sort:p}=a,{initialLoading:d}=r,m=n.useMemo(()=>({items:t,setSort:f,sort:p}),[t,p,f]);return d||!t||t.length===0||i?null:l?s.jsx("div",{className:"react-list-items",children:t.map((u,v)=>s.jsx("div",{children:l({item:u,index:v})},u.id||v))}):typeof o=="function"?s.jsx("div",{className:"react-list-items",children:o(m)}):s.jsx("div",{className:"react-list-items",children:t.map((u,v)=>s.jsx("pre",{children:JSON.stringify(u,null,2)},u.id||v))})}),H=({initialItems:o=[],children:l,endpoint:a,page:t=1,perPage:r=25,sortBy:i="",sortOrder:f="desc",search:p="",filters:d={},attrs:m,version:u=1,paginationMode:v="pagination",meta:b={}})=>{const{requestHandler:y,setListState:N}=w(),P=v==="loadMore",[e,C]=n.useState({page:t,perPage:r,sortBy:i,sortOrder:f,search:p,filters:d,attrSettings:{},items:o,selection:[],error:null,response:null,count:0,isLoading:!1,initializingState:!0}),k=n.useCallback(async(g={},h=null)=>{e.initializingState||C(c=>({...c,error:null,isLoading:!0}));try{const c=h||e,L=await y({endpoint:a,version:u,meta:b,page:c.page,perPage:c.perPage,search:c.search,sortBy:c.sortBy,sortOrder:c.sortOrder,filters:c.filters,...g});C(E=>({...E,response:L,selection:[],items:P&&c.page>1?[...E.items,...L.items]:L.items,count:L.count,initializingState:!1,isLoading:!1}))}catch(c){throw C(L=>({...L,error:c,items:[],count:0,initializingState:!1,isLoading:!1})),c}},[a,u,P,b,y,e]),M=n.useMemo(()=>({setPage:(g,h)=>{let c=g;g===0&&(c="");const L={...e,page:c};C(L),c&&k(h,L)},setPerPage:g=>{const h={...e,perPage:g,page:1};C(h),k({},h)},setSearch:g=>{if(g!==e.search){const h={...e,search:g,page:1};C(h),k({},h)}},setSort:({by:g,order:h})=>{const c={...e,sortBy:g,sortOrder:h,page:1};C(c),k({},c)},loadMore:()=>{const g={...e,page:e.page+1};C(g),k({},g)},refresh:(g={isRefresh:!0})=>{if(P){const h={...e,page:1,items:[]};C(h),k(g,h)}else k(g)},setFilters:g=>{const h={...e,filters:g,page:1};C(h),k({},h)},updateItemById:(g,h)=>{const c=e.items.map(L=>L.id===h?{...L,...g}:L);C(L=>({...L,items:c}))},setSelection:g=>C(h=>({...h,selection:g}))}),[k,P,e]),O=n.useMemo(()=>({data:e.items,response:e.response,error:e.error,count:e.count,selection:e.selection,pagination:{page:e.page,perPage:e.perPage,hasMore:e.items.length<e.count},loader:{isLoading:e.isLoading,initialLoading:e.initializingState},sort:{sortBy:e.sortBy,sortOrder:e.sortOrder},search:e.search,filters:e.filters,attrs:m||Object.keys(e.items[0]||{}),isEmpty:e.items.length===0,...M}),[e.items,e.response,e.error,e.count,e.selection,e.page,e.perPage,e.isLoading,e.initializingState,e.sortBy,e.sortOrder,e.search,e.filters,M,m]);return n.useEffect(()=>{e.initializingState&&M.setPage(e.page)},[]),n.useEffect(()=>{N(O)},[N,e.items,e.count,e.error,e.isLoading,e.selection,e.page,e.perPage,e.sortBy,e.sortOrder]),typeof l=="function"?l(O):l},x=n.memo(({children:o})=>{const{listState:l}=w(),{data:a,count:t,pagination:r,setPage:i,loader:f,error:p}=l,{page:d,perPage:m}=r,{isLoading:u}=f,v=n.useMemo(()=>d*m<t,[d,m,t]),b=n.useCallback(()=>{v&&!u&&i(d+1)},[v,u,i,d]),y=n.useMemo(()=>({isLoading:u,loadMore:b,hasMoreItems:v}),[u,b,v]);return!a||a.length===0||p?null:o(y)}),G=n.memo(({children:o,position:l="overlay"})=>{const{listState:a}=w(),{loader:t}=a,{isLoading:r,initializingState:i}=t;return n.useMemo(()=>({isLoading:r}),[r]),!i&&!r?null:s.jsx("div",{children:o||s.jsx("div",{children:s.jsx("p",{children:"Loading..."})})})}),W=n.memo(({children:o,pageLinks:l=5,renderFirst:a,renderPrev:t,renderPages:r,renderPage:i,renderNext:f,renderLast:p})=>{const{listState:d}=w(),{data:m,count:u,pagination:v,setPage:b,loader:y,error:N}=d,{page:P,perPage:e}=v,{initialLoading:C,isLoading:k}=y,M=n.useMemo(()=>{const c=Math.ceil(u/e),L=Math.floor(l/2),E=P*e<u;return{pagesCount:c,halfWay:L,hasNext:E,hasPrev:P!==1}},[u,e,P,l]),O=n.useMemo(()=>{const{pagesCount:c,halfWay:L}=M,E=Array.from({length:Math.min(l,c)});return P<=L?E.map((T,z)=>z+1):c-P<L?E.map((T,z)=>c-z).reverse():E.map((T,z)=>P-L+z)},[P,l,M]),g=n.useMemo(()=>({prev:()=>b(P-1),next:()=>b(P+1),first:()=>b(1),last:()=>b(M.pagesCount),setPage:c=>b(c)}),[b,P,M.pagesCount]),h=n.useMemo(()=>({page:P,perPage:e,count:u,...M,pagesToDisplay:O,...g}),[P,e,u,M,O,g]);return C||!m||m.length===0||N?null:o?o(h):s.jsxs("div",{className:"react-list-pagination",children:[a?a(h):s.jsx("button",{type:"button",disabled:!M.hasPrev,onClick:g.first,children:"First"}),t?t(h):s.jsx("button",{type:"button",disabled:!M.hasPrev,onClick:g.prev,children:"Prev"}),r?r(h):s.jsx("div",{children:O.map(c=>{const L=c===P,E={...h,page:c,isActive:L};return i?i(E):s.jsx("div",{children:L?s.jsx("span",{children:c}):s.jsx("button",{type:"button",onClick:()=>g.setPage(c),children:c})},`page-${c}`)})}),f?f(h):s.jsx("button",{type:"button",disabled:!M.hasNext,onClick:g.next,children:"Next"}),p?p(h):s.jsx("button",{type:"button",disabled:!M.hasNext,onClick:g.last,children:"Last"})]})}),F=n.memo(({children:o,options:l=[10,25,50,100]})=>{const{listState:a}=w(),{data:t,pagination:r,setPerPage:i,loader:f,error:p}=a,{perPage:d}=r,{initialLoading:m}=f,u=n.useMemo(()=>l.map(y=>typeof y!="object"?{value:y,label:y}:y),[l]),v=n.useCallback(y=>{i(Number(y.target.value))},[i]),b=n.useMemo(()=>({perPage:d,setPerPage:i,options:u}),[d,i,u]);return m||!t||t.length===0||p?null:s.jsx("div",{className:"react-list-per-page",children:o?o(b):s.jsx("select",{value:d,onChange:v,children:u.map(y=>s.jsxs("option",{value:y.value,children:[y.label," items per page"]},`option-${y.value}`))})})}),J=n.memo(({children:o})=>{const{listState:l}=w(),{loader:a,refresh:t}=l,{isLoading:r,initialLoading:i}=a,f=n.useCallback(()=>{t({isRefresh:!0})},[t]),p=n.useMemo(()=>({isLoading:r,refresh:f}),[r,f]);return i?null:o?o(p):s.jsx("div",{className:"react-list-refresh",children:s.jsx("button",{onClick:f,disabled:r,children:r?"Loading...":"Refresh"})})}),K=n.memo(({children:o,debounceTime:l=500})=>{const{listState:a}=w(),{search:t,setSearch:r}=a,[i,f]=n.useState(t??""),p=n.useRef(null);n.useEffect(()=>{t!==i&&f(t??"")},[t]);const d=u=>{f(u),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{r(u)},l)};n.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]);const m={search:i,setSearch:d};return s.jsx("div",{className:"react-list-search",children:o?o(m):s.jsx("input",{type:"text",value:i,onChange:u=>d(u.target.value),placeholder:"Search..."})})}),Q=n.memo(({children:o})=>{const{listState:l}=w(),{data:a,count:t,pagination:r,loader:i,error:f}=l,{page:p,perPage:d}=r,{initialLoading:m,isLoading:u}=i,v=n.useMemo(()=>{const y=p*d-d+1,N=Math.min(p*d,t),P=(a==null?void 0:a.length)||0;return{from:y,to:N,visibleCount:P}},[p,d,t,a]),b=n.useMemo(()=>({...v,count:t}),[v,t]);return m||!a||a.length===0||f?null:s.jsx("div",{className:"react-list-summary",children:o?o(b):s.jsxs("span",{children:["Showing ",s.jsx("span",{children:v.visibleCount})," items (",s.jsxs("span",{children:[v.from," - ",v.to]}),") out of ",s.jsx("span",{children:t})]})})});S.ReactListAttributes=j,S.ReactListEmpty=q,S.ReactListError=A,S.ReactListGoTo=_,S.ReactListInitialLoader=$,S.ReactListItems=D,S.ReactListLoadMore=x,S.ReactListLoader=G,S.ReactListPagination=W,S.ReactListPerPage=F,S.ReactListProvider=I,S.ReactListRefresh=J,S.ReactListSearch=K,S.ReactListSummary=Q,S.default=H,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@7span/react-list",
-  "version": "0.0.1",
+  "version": "0.0.4",
   "description": "A simple and reusable list component for React",
   "type": "module",
-  "exports": {
-    ".": "./src/index.jsx"
-  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",