@7span/react-list 0.0.1 → 0.0.3

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 N } from "react/jsx-runtime";
+import { createContext as $, useContext as j, useState as T, useMemo as P, memo as R, useCallback as O, useEffect as E, useRef as q } from "react";
+const A = $(null), H = ({ children: n, config: o }) => {
+  const { requestHandler: r, stateManager: e = {} } = o, [s, a] = T({
     data: [],
     response: null,
     error: null,
@@ -27,251 +27,128 @@ const E = D(null), F = ({ children: i, config: c }) => {
   });
   if (!r)
     throw new Error("ListProvider: requestHandler is required.");
-  const s = g(
+  const p = P(
     () => ({
       requestHandler: r,
-      stateManager: t,
-      listState: o,
-      setListState: n
+      stateManager: e,
+      listState: s,
+      setListState: a
     }),
-    [r, t, o]
+    [r, 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: n });
+}, C = () => {
+  const n = j(A);
+  if (!n)
     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"
+  return n;
+}, W = R(({ children: n, renderAttribute: o }) => {
+  const { listState: r } = C(), { attrs: e, attrSettings: s, updateAttr: a } = r, p = O(
+    (c) => (L) => {
+      a(c, "visible", L.target.checked);
     },
-    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);
-    },
-    [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 n ? n(h) : /* @__PURE__ */ i("div", { className: "react-list-attributes", children: e.map((c, L) => {
+    var l;
+    return o ? o({
+      key: `attr-${L}`,
+      attr: c,
+      updateAttr: a,
+      attrSettings: s
+    }) : /* @__PURE__ */ N("label", { children: [
+      /* @__PURE__ */ i("span", { children: c.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[c.name]) == null ? void 0 : l.visible) ?? !1,
+          onChange: p(c.name)
         }
       )
-    ] }, `attr-${u}`);
+    ] }, `attr-${L}`);
   }) });
-}), 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: [
+}), F = R(({ children: n }) => {
+  const { listState: o } = C(), { data: r, loader: e, error: s } = o, { isLoading: a, initialLoading: p } = e;
+  return (r == null ? void 0 : r.length) > 0 || p || a || s ? null : /* @__PURE__ */ i("div", { className: "react-list-empty", children: n || /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { children: "No data found!" }) }) });
+}), G = R(({ children: n }) => {
+  const { listState: o } = C(), { error: r, loader: e } = o, { isLoading: s } = e;
+  return !r || s ? null : /* @__PURE__ */ i("div", { className: "react-list-error", children: typeof n == "function" ? n({ error: r }) : n || /* @__PURE__ */ N("div", { children: [
+    /* @__PURE__ */ i("h3", { children: "Error occurred" }),
+    /* @__PURE__ */ N("pre", { children: [
       r.name,
       ": ",
       r.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 = R(({ children: n }) => {
+  const { listState: o } = C(), { data: r, count: e, pagination: s, setPage: a, loader: p, error: h } = o, { page: c, perPage: L } = s, { initialLoading: l, isLoading: S } = p, { pages: y, pagesCount: v } = P(() => {
+    const f = Math.ceil(e / L);
+    return { pages: Array.from({ length: f }, (k, b) => b + 1), pagesCount: f };
+  }, [e, L]), x = O(
+    (f) => {
+      a(Number(f.target.value));
     },
-    [n]
-  ), e = g(
+    [a]
+  ), t = P(
     () => ({
-      setPage: n,
-      page: a,
-      pages: P,
-      pagesCount: w,
-      styles: y
+      setPage: a,
+      page: c,
+      pages: y,
+      pagesCount: v
     }),
-    [n, a, P, w, y]
+    [a, c, y, v]
   );
-  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 || !r || r.length === 0 || h ? null : /* @__PURE__ */ i("div", { className: "react-list-go-to", children: n ? n(t) : /* @__PURE__ */ i("select", { value: c, onChange: x, children: y.map((f) => /* @__PURE__ */ N("option", { value: f, 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(
+    f
+  ] }, `page-${f}`)) }) });
+}), K = R(({ children: n }) => {
+  const { listState: o } = C(), { loader: r } = o, { initialLoading: e } = r;
+  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: n || /* @__PURE__ */ i("p", { children: "Initial Loading..." }) }) : null;
+}), Q = R(({ children: n, renderItem: o }) => {
+  const { listState: r } = C(), { data: e = [], loader: s, error: a, setSort: p, sort: h } = r, { initialLoading: c } = s, L = 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,
+  return c || !e || e.length === 0 || a ? null : o ? /* @__PURE__ */ i("div", { className: "react-list-items", children: e.map((l, S) => /* @__PURE__ */ i("div", { children: o({ item: l, index: S }) }, l.id || S)) }) : typeof n == "function" ? /* @__PURE__ */ i("div", { className: "react-list-items", children: n(L) }) : /* @__PURE__ */ i("div", { className: "react-list-items", children: e.map((l, S) => /* @__PURE__ */ i("pre", { children: JSON.stringify(l, null, 2) }, l.id || S)) });
+}), U = ({
+  children: n,
+  endpoint: o,
   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",
-  meta: y = {}
+  perPage: e = 25,
+  sortBy: s,
+  sortOrder: a = "desc",
+  search: p = "",
+  filters: h = {},
+  attrs: c,
+  version: L = 1,
+  paginationMode: l = "pagination",
+  meta: S = {}
 }) => {
-  const { requestHandler: P, setListState: w } = k(), p = d === "loadMore", [e, L] = O({
+  const { requestHandler: y, setListState: v } = C(), x = l === "loadMore", [t, f] = T({
     page: r,
-    perPage: t,
-    sortBy: o,
-    sortOrder: n,
-    search: s,
-    filters: f,
+    perPage: e,
+    sortBy: s,
+    sortOrder: a,
+    search: p,
+    filters: h,
     attrSettings: {},
     items: [],
     selection: [],
@@ -280,580 +157,351 @@ const E = D(null), F = ({ children: i, config: c }) => {
     count: 0,
     isLoading: !1,
     initializingState: !0
-  }), z = T(
-    async (b = {}, x = null) => {
-      e.initializingState || L((m) => ({ ...m, error: null, isLoading: !0 }));
+  }), w = O(
+    async (m = {}, d = null) => {
+      t.initializingState || f((g) => ({ ...g, error: null, isLoading: !0 }));
       try {
-        const m = x || e, S = await P({
-          endpoint: c,
-          version: h,
-          meta: y,
-          page: m.page,
-          perPage: m.perPage,
-          search: m.search,
-          sortBy: m.sortBy,
-          sortOrder: m.sortOrder,
-          filters: m.filters,
-          ...b
+        const g = d || t, u = await y({
+          endpoint: o,
+          version: L,
+          meta: S,
+          page: g.page,
+          perPage: g.perPage,
+          search: g.search,
+          sortBy: g.sortBy,
+          sortOrder: g.sortOrder,
+          filters: g.filters,
+          ...m
         });
-        L((B) => ({
-          ...B,
-          response: S,
+        f((M) => ({
+          ...M,
+          response: u,
           selection: [],
           // Append items for loadMore, replace for pagination
-          items: p ? [...B.items, ...S.items] : S.items,
-          count: S.count,
+          items: x && g.page > 1 ? [...M.items, ...u.items] : u.items,
+          count: u.count,
           initializingState: !1,
           isLoading: !1
         }));
-      } catch (m) {
-        throw L((S) => ({
-          ...S,
-          error: m,
+      } catch (g) {
+        throw f((u) => ({
+          ...u,
+          error: g,
           items: [],
           count: 0,
           initializingState: !1,
           isLoading: !1
-        })), m;
+        })), g;
       }
     },
-    [c, h, p, y, P, e]
-  ), v = g(
+    [o, L, x, S, y, t]
+  ), k = P(
     () => ({
-      setPage: (b, x) => {
-        let m = b;
-        b === 0 && (m = "");
-        const S = { ...e, page: m };
-        L(S), m && z(x, S);
+      setPage: (m, d) => {
+        let g = m;
+        m === 0 && (g = "");
+        const u = { ...t, page: g };
+        f(u), g && w(d, u);
       },
-      setPerPage: (b) => {
-        const x = { ...e, perPage: b, page: 1 };
-        L(x), z({}, x);
+      setPerPage: (m) => {
+        const d = { ...t, perPage: m, page: 1 };
+        f(d), w({}, d);
       },
-      setSearch: (b) => {
-        if (b !== e.search) {
-          const x = { ...e, search: b, page: 1 };
-          L(x), z({}, x);
+      setSearch: (m) => {
+        if (m !== t.search) {
+          const d = { ...t, search: m, page: 1 };
+          f(d), w({}, d);
         }
       },
-      setSort: ({ by: b, order: x }) => {
-        const m = { ...e, sortBy: b, sortOrder: x, page: 1 };
-        L(m), z({}, m);
+      setSort: ({ by: m, order: d }) => {
+        const g = { ...t, sortBy: m, sortOrder: d, page: 1 };
+        f(g), w({}, g);
       },
       loadMore: () => {
-        const b = { ...e, page: e.page + 1 };
-        L(b), z({}, b);
+        const m = { ...t, page: t.page + 1 };
+        f(m), w({}, m);
       },
-      refresh: (b = { isRefresh: !0 }) => {
-        if (p) {
-          const x = { ...e, page: 1, items: [] };
-          L(x), z(b, x);
+      refresh: (m = { isRefresh: !0 }) => {
+        if (x) {
+          const d = { ...t, page: 1, items: [] };
+          f(d), w(m, d);
         } else
-          z(b);
+          w(m);
       },
-      setFilters: (b) => {
-        const x = { ...e, filters: b, page: 1 };
-        L(x), z({}, x);
+      setFilters: (m) => {
+        const d = { ...t, filters: m, page: 1 };
+        f(d), w({}, d);
       },
-      setSelection: (b) => L((x) => ({ ...x, selection: b }))
+      updateItemById: (m, d) => {
+        const g = t.items.map((u) => u.id === d ? { ...u, ...m } : u);
+        f((u) => ({ ...u, items: g }));
+      },
+      setSelection: (m) => f((d) => ({ ...d, selection: m }))
     }),
-    [z, p, e]
-  ), C = g(
+    [w, x, t]
+  ), b = 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: c || Object.keys(t.items[0] || {}),
+      isEmpty: t.items.length === 0,
+      ...k
     }),
     [
-      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,
+      k,
+      c
     ]
   );
-  return I(() => {
-    e.initializingState && v.setPage(e.page);
-  }, []), I(() => {
-    w(C);
+  return E(() => {
+    t.initializingState && k.setPage(t.page);
+  }, []), E(() => {
+    v(b);
   }, [
-    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(
+    v,
+    t.items,
+    t.count,
+    t.error,
+    t.isLoading,
+    t.selection,
+    t.page,
+    t.perPage,
+    t.sortBy,
+    t.sortOrder
+  ]), typeof n == "function" ? n(b) : n;
+}, V = R(({ children: n }) => {
+  const { listState: o } = C(), { data: r, count: e, pagination: s, setPage: a, loader: p, error: h } = o, { page: c, perPage: L } = s, { isLoading: l } = p, S = P(
+    () => c * L < e,
+    [c, L, e]
+  ), y = O(() => {
+    S && !l && a(c + 1);
+  }, [S, l, a, c]), v = 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: S
     }),
-    [u, y, d, P]
+    [l, y, S]
   );
-  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 !r || r.length === 0 || h ? null : n(v);
+}), X = R(({ children: n, position: o = "overlay" }) => {
+  const { listState: r } = C(), { loader: e } = r, { 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: n || /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { children: "Loading..." }) }) });
+}), Y = R(
   ({
-    children: i,
-    pageLinks: c = 5,
+    children: n,
+    pageLinks: o = 5,
     renderFirst: r,
-    renderPrev: t,
-    renderPages: o,
-    renderPage: n,
-    renderNext: s,
-    renderLast: f
+    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(
-      () => ({
-        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(
+    const { listState: c } = C(), { data: L, count: l, pagination: S, setPage: y, loader: v, error: x } = c, { page: t, perPage: f } = S, { initialLoading: w, isLoading: k } = v, b = P(() => {
+      const u = Math.ceil(l / f), M = Math.floor(o / 2), z = t * f < l;
+      return { pagesCount: u, halfWay: M, hasNext: z, hasPrev: t !== 1 };
+    }, [l, f, t, o]), m = P(() => {
+      const { pagesCount: u, halfWay: M } = b, z = Array.from({ length: Math.min(o, u) });
+      return t <= M ? z.map((I, B) => B + 1) : u - t < M ? z.map((I, B) => u - B).reverse() : z.map((I, B) => t - M + B);
+    }, [t, o, b]), d = P(
       () => ({
-        prev: () => y(p - 1),
-        next: () => y(p + 1),
+        prev: () => y(t - 1),
+        next: () => y(t + 1),
         first: () => y(1),
-        last: () => y(C.pagesCount),
-        setPage: (S) => y(S)
+        last: () => y(b.pagesCount),
+        setPage: (u) => y(u)
       }),
-      [y, p, C.pagesCount]
-    ), m = g(
+      [y, t, b.pagesCount]
+    ), g = P(
       () => ({
-        page: p,
-        perPage: e,
-        count: u,
-        ...C,
-        pagesToDisplay: b,
-        ...x,
-        styles: v
+        page: t,
+        perPage: f,
+        count: l,
+        ...b,
+        pagesToDisplay: m,
+        ...d
       }),
-      [
-        p,
-        e,
-        u,
-        C,
-        b,
-        x,
-        v
-      ]
+      [t, f, l, b, m, 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 w || !L || L.length === 0 || x ? null : n ? n(g) : /* @__PURE__ */ N("div", { className: "react-list-pagination", children: [
+      r ? r(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: m.map((u) => {
+        const M = u === t, z = { ...g, page: u, isActive: M };
+        return a ? a(z) : /* @__PURE__ */ i("div", { children: M ? /* @__PURE__ */ i("span", { children: u }) : /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            onClick: () => x.setPage(S),
-            style: v.pageButton,
-            children: S
+            onClick: () => d.setPage(u),
+            children: u
           }
-        ) }, `page-${S}`);
+        ) }, `page-${u}`);
       }) }),
-      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 = R(
+  ({ children: n, options: o = [10, 25, 50, 100] }) => {
+    const { listState: r } = C(), { data: e, pagination: s, setPerPage: a, loader: p, error: h } = r, { perPage: c } = s, { initialLoading: L } = p, l = P(() => o.map((v) => typeof v != "object" ? {
+      value: v,
+      label: v
+    } : v), [o]), S = O(
+      (v) => {
+        a(Number(v.target.value));
       },
-      [n]
-    ), w = g(
+      [a]
+    ), y = P(
       () => ({
-        perPage: a,
-        setPerPage: n,
-        options: y,
-        styles: d
+        perPage: c,
+        setPerPage: a,
+        options: l
       }),
-      [a, n, y, d]
+      [c, 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 L || !e || e.length === 0 || h ? null : /* @__PURE__ */ i("div", { className: "react-list-per-page", children: n ? n(y) : /* @__PURE__ */ i("select", { value: c, onChange: S, children: l.map((v) => /* @__PURE__ */ N("option", { value: v.value, children: [
+      v.label,
+      " items per page"
+    ] }, `option-${v.value}`)) }) });
   }
-), ne = R(({ children: i }) => {
-  const { listState: c } = k(), { loader: r, refresh: t } = c, { isLoading: o, initialLoading: n } = r, s = g(
-    () => ({
-      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(
+), tt = R(({ children: n }) => {
+  const { listState: o } = C(), { loader: r, refresh: e } = o, { isLoading: s, initialLoading: a } = r, p = O(() => {
+    e({ isRefresh: !0 });
+  }, [e]), h = P(
     () => ({
-      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 : n ? n(h) : /* @__PURE__ */ i("div", { className: "react-list-refresh", children: /* @__PURE__ */ i("button", { onClick: p, disabled: s, children: s ? "Loading..." : "Refresh" }) });
+}), et = R(({ children: n, debounceTime: o = 500 }) => {
+  const { listState: r } = C(), { search: e, setSearch: s } = r, [a, p] = T(e ?? ""), h = q(null);
+  E(() => {
+    e !== a && p(e ?? "");
+  }, [e]);
+  const c = (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: n ? n({
+    search: a,
+    setSearch: c
+  }) : /* @__PURE__ */ i(
+    "input",
+    {
+      type: "text",
+      value: a,
+      onChange: (l) => c(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 = R(({ children: n }) => {
+  const { listState: o } = C(), { data: r, count: e, pagination: s, loader: a, error: p } = o, { page: h, perPage: c } = s, { initialLoading: L, isLoading: l } = a, S = P(() => {
+    const v = h * c - c + 1, x = Math.min(h * c, e), t = (r == null ? void 0 : r.length) || 0;
+    return { from: v, to: x, visibleCount: t };
+  }, [h, c, e, r]), y = P(
     () => ({
-      ...y,
-      count: t,
-      styles: d
+      ...S,
+      count: e
     }),
-    [y, t, d]
+    [S, 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 L || !r || r.length === 0 || p ? null : /* @__PURE__ */ i("div", { className: "react-list-summary", children: n ? n(y) : /* @__PURE__ */ N("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: S.visibleCount }),
+    " items (",
+    /* @__PURE__ */ N("span", { children: [
+      S.from,
       " - ",
-      y.to
+      S.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(y,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):(y=typeof globalThis<"u"?globalThis:y||self,s(y.ReactList={},y.jsxRuntime,y.react))})(this,function(y,s,n){"use strict";const B=n.createContext(null),I=({children:a,config:l})=>{const{requestHandler:o,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(!o)throw new Error("ListProvider: requestHandler is required.");const f=n.useMemo(()=>({requestHandler:o,stateManager:t,listState:r,setListState:i}),[o,t,r]);return s.jsx(B.Provider,{value:f,children:a})},C=()=>{const a=n.useContext(B);if(!a)throw new Error("useListContext must be used within a ListProvider");return a},j=n.memo(({children:a,renderAttribute:l})=>{const{listState:o}=C(),{attrs:t,attrSettings:r,updateAttr:i}=o,f=n.useCallback(c=>S=>{i(c,"visible",S.target.checked)},[i]),p=n.useMemo(()=>({attrs:t,attrSettings:r,updateAttr:i}),[t,r,i]);return a?a(p):s.jsx("div",{className:"react-list-attributes",children:t.map((c,S)=>{var u;return l?l({key:`attr-${S}`,attr:c,updateAttr:i,attrSettings:r}):s.jsxs("label",{children:[s.jsx("span",{children:c.label}),s.jsx("input",{type:"checkbox",checked:((u=r==null?void 0:r[c.name])==null?void 0:u.visible)??!1,onChange:f(c.name)})]},`attr-${S}`)})})}),q=n.memo(({children:a})=>{const{listState:l}=C(),{data:o,loader:t,error:r}=l,{isLoading:i,initialLoading:f}=t;return(o==null?void 0:o.length)>0||f||i||r?null:s.jsx("div",{className:"react-list-empty",children:a||s.jsx("div",{children:s.jsx("p",{children:"No data found!"})})})}),A=n.memo(({children:a})=>{const{listState:l}=C(),{error:o,loader:t}=l,{isLoading:r}=t;return!o||r?null:s.jsx("div",{className:"react-list-error",children:typeof a=="function"?a({error:o}):a||s.jsxs("div",{children:[s.jsx("h3",{children:"Error occurred"}),s.jsxs("pre",{children:[o.name,": ",o.message]})]})})}),_=n.memo(({children:a})=>{const{listState:l}=C(),{data:o,count:t,pagination:r,setPage:i,loader:f,error:p}=l,{page:c,perPage:S}=r,{initialLoading:u,isLoading:v}=f,{pages:b,pagesCount:P}=n.useMemo(()=>{const m=Math.ceil(t/S);return{pages:Array.from({length:m},(O,M)=>M+1),pagesCount:m}},[t,S]),E=n.useCallback(m=>{i(Number(m.target.value))},[i]),e=n.useMemo(()=>({setPage:i,page:c,pages:b,pagesCount:P}),[i,c,b,P]);return u||!o||o.length===0||p?null:s.jsx("div",{className:"react-list-go-to",children:a?a(e):s.jsx("select",{value:c,onChange:E,children:b.map(m=>s.jsxs("option",{value:m,children:["Page ",m]},`page-${m}`))})})}),$=n.memo(({children:a})=>{const{listState:l}=C(),{loader:o}=l,{initialLoading:t}=o;return n.useMemo(()=>({loading:t}),[t]),t?s.jsx("div",{className:"react-list-initial-loader",children:a||s.jsx("p",{children:"Initial Loading..."})}):null}),D=n.memo(({children:a,renderItem:l})=>{const{listState:o}=C(),{data:t=[],loader:r,error:i,setSort:f,sort:p}=o,{initialLoading:c}=r,S=n.useMemo(()=>({items:t,setSort:f,sort:p}),[t,p,f]);return c||!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 a=="function"?s.jsx("div",{className:"react-list-items",children:a(S)}):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=({children:a,endpoint:l,page:o=1,perPage:t=25,sortBy:r,sortOrder:i="desc",search:f="",filters:p={},attrs:c,version:S=1,paginationMode:u="pagination",meta:v={}})=>{const{requestHandler:b,setListState:P}=C(),E=u==="loadMore",[e,m]=n.useState({page:o,perPage:t,sortBy:r,sortOrder:i,search:f,filters:p,attrSettings:{},items:[],selection:[],error:null,response:null,count:0,isLoading:!1,initializingState:!0}),w=n.useCallback(async(L={},g=null)=>{e.initializingState||m(h=>({...h,error:null,isLoading:!0}));try{const h=g||e,d=await b({endpoint:l,version:S,meta:v,page:h.page,perPage:h.perPage,search:h.search,sortBy:h.sortBy,sortOrder:h.sortOrder,filters:h.filters,...L});m(k=>({...k,response:d,selection:[],items:E&&h.page>1?[...k.items,...d.items]:d.items,count:d.count,initializingState:!1,isLoading:!1}))}catch(h){throw m(d=>({...d,error:h,items:[],count:0,initializingState:!1,isLoading:!1})),h}},[l,S,E,v,b,e]),O=n.useMemo(()=>({setPage:(L,g)=>{let h=L;L===0&&(h="");const d={...e,page:h};m(d),h&&w(g,d)},setPerPage:L=>{const g={...e,perPage:L,page:1};m(g),w({},g)},setSearch:L=>{if(L!==e.search){const g={...e,search:L,page:1};m(g),w({},g)}},setSort:({by:L,order:g})=>{const h={...e,sortBy:L,sortOrder:g,page:1};m(h),w({},h)},loadMore:()=>{const L={...e,page:e.page+1};m(L),w({},L)},refresh:(L={isRefresh:!0})=>{if(E){const g={...e,page:1,items:[]};m(g),w(L,g)}else w(L)},setFilters:L=>{const g={...e,filters:L,page:1};m(g),w({},g)},updateItemById:(L,g)=>{const h=e.items.map(d=>d.id===g?{...d,...L}:d);m(d=>({...d,items:h}))},setSelection:L=>m(g=>({...g,selection:L}))}),[w,E,e]),M=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:c||Object.keys(e.items[0]||{}),isEmpty:e.items.length===0,...O}),[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,O,c]);return n.useEffect(()=>{e.initializingState&&O.setPage(e.page)},[]),n.useEffect(()=>{P(M)},[P,e.items,e.count,e.error,e.isLoading,e.selection,e.page,e.perPage,e.sortBy,e.sortOrder]),typeof a=="function"?a(M):a},x=n.memo(({children:a})=>{const{listState:l}=C(),{data:o,count:t,pagination:r,setPage:i,loader:f,error:p}=l,{page:c,perPage:S}=r,{isLoading:u}=f,v=n.useMemo(()=>c*S<t,[c,S,t]),b=n.useCallback(()=>{v&&!u&&i(c+1)},[v,u,i,c]),P=n.useMemo(()=>({isLoading:u,loadMore:b,hasMoreItems:v}),[u,b,v]);return!o||o.length===0||p?null:a(P)}),G=n.memo(({children:a,position:l="overlay"})=>{const{listState:o}=C(),{loader:t}=o,{isLoading:r,initializingState:i}=t;return n.useMemo(()=>({isLoading:r}),[r]),!i&&!r?null:s.jsx("div",{children:a||s.jsx("div",{children:s.jsx("p",{children:"Loading..."})})})}),W=n.memo(({children:a,pageLinks:l=5,renderFirst:o,renderPrev:t,renderPages:r,renderPage:i,renderNext:f,renderLast:p})=>{const{listState:c}=C(),{data:S,count:u,pagination:v,setPage:b,loader:P,error:E}=c,{page:e,perPage:m}=v,{initialLoading:w,isLoading:O}=P,M=n.useMemo(()=>{const d=Math.ceil(u/m),k=Math.floor(l/2),N=e*m<u;return{pagesCount:d,halfWay:k,hasNext:N,hasPrev:e!==1}},[u,m,e,l]),L=n.useMemo(()=>{const{pagesCount:d,halfWay:k}=M,N=Array.from({length:Math.min(l,d)});return e<=k?N.map((T,z)=>z+1):d-e<k?N.map((T,z)=>d-z).reverse():N.map((T,z)=>e-k+z)},[e,l,M]),g=n.useMemo(()=>({prev:()=>b(e-1),next:()=>b(e+1),first:()=>b(1),last:()=>b(M.pagesCount),setPage:d=>b(d)}),[b,e,M.pagesCount]),h=n.useMemo(()=>({page:e,perPage:m,count:u,...M,pagesToDisplay:L,...g}),[e,m,u,M,L,g]);return w||!S||S.length===0||E?null:a?a(h):s.jsxs("div",{className:"react-list-pagination",children:[o?o(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:L.map(d=>{const k=d===e,N={...h,page:d,isActive:k};return i?i(N):s.jsx("div",{children:k?s.jsx("span",{children:d}):s.jsx("button",{type:"button",onClick:()=>g.setPage(d),children:d})},`page-${d}`)})}),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:a,options:l=[10,25,50,100]})=>{const{listState:o}=C(),{data:t,pagination:r,setPerPage:i,loader:f,error:p}=o,{perPage:c}=r,{initialLoading:S}=f,u=n.useMemo(()=>l.map(P=>typeof P!="object"?{value:P,label:P}:P),[l]),v=n.useCallback(P=>{i(Number(P.target.value))},[i]),b=n.useMemo(()=>({perPage:c,setPerPage:i,options:u}),[c,i,u]);return S||!t||t.length===0||p?null:s.jsx("div",{className:"react-list-per-page",children:a?a(b):s.jsx("select",{value:c,onChange:v,children:u.map(P=>s.jsxs("option",{value:P.value,children:[P.label," items per page"]},`option-${P.value}`))})})}),J=n.memo(({children:a})=>{const{listState:l}=C(),{loader:o,refresh:t}=l,{isLoading:r,initialLoading:i}=o,f=n.useCallback(()=>{t({isRefresh:!0})},[t]),p=n.useMemo(()=>({isLoading:r,refresh:f}),[r,f]);return i?null:a?a(p):s.jsx("div",{className:"react-list-refresh",children:s.jsx("button",{onClick:f,disabled:r,children:r?"Loading...":"Refresh"})})}),K=n.memo(({children:a,debounceTime:l=500})=>{const{listState:o}=C(),{search:t,setSearch:r}=o,[i,f]=n.useState(t??""),p=n.useRef(null);n.useEffect(()=>{t!==i&&f(t??"")},[t]);const c=u=>{f(u),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{r(u)},l)};n.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]);const S={search:i,setSearch:c};return s.jsx("div",{className:"react-list-search",children:a?a(S):s.jsx("input",{type:"text",value:i,onChange:u=>c(u.target.value),placeholder:"Search..."})})}),Q=n.memo(({children:a})=>{const{listState:l}=C(),{data:o,count:t,pagination:r,loader:i,error:f}=l,{page:p,perPage:c}=r,{initialLoading:S,isLoading:u}=i,v=n.useMemo(()=>{const P=p*c-c+1,E=Math.min(p*c,t),e=(o==null?void 0:o.length)||0;return{from:P,to:E,visibleCount:e}},[p,c,t,o]),b=n.useMemo(()=>({...v,count:t}),[v,t]);return S||!o||o.length===0||f?null:s.jsx("div",{className:"react-list-summary",children:a?a(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})]})})});y.ReactListAttributes=j,y.ReactListEmpty=q,y.ReactListError=A,y.ReactListGoTo=_,y.ReactListInitialLoader=$,y.ReactListItems=D,y.ReactListLoadMore=x,y.ReactListLoader=G,y.ReactListPagination=W,y.ReactListPerPage=F,y.ReactListProvider=I,y.ReactListRefresh=J,y.ReactListSearch=K,y.ReactListSummary=Q,y.default=H,Object.defineProperties(y,{__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.3",
   "description": "A simple and reusable list component for React",
   "type": "module",
-  "exports": {
-    ".": "./src/index.jsx"
-  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",