better-table 1.0.0

package/dist/better-table.es.js

@@ -0,0 +1,1182 @@
+import B, { useContext as Ee, createContext as Oe, useCallback as m, useMemo as x, useEffect as Ke, useState as I } from "react";
+import { jsx as r, jsxs as y, Fragment as He } from "react/jsx-runtime";
+import "./styles.js";
+const Ve = {
+  search: "Buscar",
+  searchPlaceholder: "Buscar...",
+  noData: "No hay datos",
+  loading: "Cargando...",
+  page: "Página",
+  of: "de",
+  items: "elementos",
+  selected: "seleccionados",
+  rowsPerPage: "Filas por página",
+  actions: "Acciones",
+  sortAsc: "Ordenar ascendente",
+  sortDesc: "Ordenar descendente",
+  filterBy: "Filtrar por",
+  clearFilters: "Limpiar filtros",
+  selectAll: "Seleccionar todo",
+  deselectAll: "Deseleccionar todo"
+}, Ce = Oe(null);
+function C() {
+  const e = Ee(Ce);
+  if (!e)
+    throw new Error("useTableContext must be used within a TableProvider");
+  return e;
+}
+function qe({
+  value: e,
+  children: s
+}) {
+  return /* @__PURE__ */ r(Ce.Provider, { value: e, children: s });
+}
+function $e(e) {
+  var s, a, l = "";
+  if (typeof e == "string" || typeof e == "number") l += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (s = 0; s < n; s++) e[s] && (a = $e(e[s])) && (l && (l += " "), l += a);
+  } else for (a in e) e[a] && (l && (l += " "), l += a);
+  return l;
+}
+function T() {
+  for (var e, s, a = 0, l = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (s = $e(e)) && (l && (l += " "), l += s);
+  return l;
+}
+function Je({
+  column: e
+}) {
+  const {
+    sortState: s,
+    handleSort: a,
+    filters: l,
+    setFilter: n,
+    locale: t
+  } = C(), i = s.columnId === e.id, o = i ? s.direction : null, d = m(() => {
+    e.sortable !== !1 && a(e.id);
+  }, [e.id, e.sortable, a]), b = m(
+    (f) => {
+      const p = f.target.value;
+      e.type === "boolean" ? p === "" ? n(e.id, null) : n(e.id, p === "true") : n(e.id, p || null);
+    },
+    [e.id, e.type, n]
+  ), u = m(
+    (f) => {
+      f.key === "Enter" && e.sortable !== !1 && a(e.id);
+    },
+    [e.id, e.sortable, a]
+  ), g = () => e.sortable === !1 || e.type === "custom" ? null : /* @__PURE__ */ r(
+    "button",
+    {
+      className: T("bt-sort-btn", i && "bt-active"),
+      onClick: d,
+      "aria-label": o === "asc" ? t.sortDesc : t.sortAsc,
+      type: "button",
+      children: i ? o === "asc" ? "↑" : "↓" : "⇅"
+    }
+  ), h = () => {
+    if (e.filterable === !1 || e.type === "custom")
+      return null;
+    const f = l[e.id];
+    return e.type === "boolean" ? /* @__PURE__ */ y(
+      "select",
+      {
+        className: "bt-filter-select",
+        value: f == null ? "" : String(f),
+        onChange: b,
+        "aria-label": `${t.filterBy} ${e.header}`,
+        children: [
+          /* @__PURE__ */ r("option", { value: "", children: "-" }),
+          /* @__PURE__ */ r("option", { value: "true", children: "✅" }),
+          /* @__PURE__ */ r("option", { value: "false", children: "❌" })
+        ]
+      }
+    ) : /* @__PURE__ */ r(
+      "input",
+      {
+        type: e.type === "number" ? "number" : "text",
+        className: "bt-filter-input",
+        placeholder: `${t.filterBy}...`,
+        value: f != null ? String(f) : "",
+        onChange: b,
+        "aria-label": `${t.filterBy} ${e.header}`
+      }
+    );
+  };
+  return e.headerCell ? /* @__PURE__ */ r(
+    "th",
+    {
+      className: T("bt-th", e.align && `bt-align-${e.align}`),
+      style: { width: e.width },
+      children: e.headerCell(e)
+    }
+  ) : /* @__PURE__ */ r(
+    "th",
+    {
+      className: T("bt-th", e.align && `bt-align-${e.align}`),
+      style: { width: e.width },
+      role: "columnheader",
+      "aria-sort": i ? o === "asc" ? "ascending" : "descending" : void 0,
+      tabIndex: e.sortable !== !1 ? 0 : void 0,
+      onKeyDown: e.sortable !== !1 ? u : void 0,
+      children: /* @__PURE__ */ y("div", { className: "bt-th-content", children: [
+        /* @__PURE__ */ y("div", { className: "bt-th-header", children: [
+          /* @__PURE__ */ r("span", { className: "bt-th-title", children: e.header }),
+          g()
+        ] }),
+        e.filterable !== !1 && h()
+      ] })
+    }
+  );
+}
+const _e = B.memo(
+  Je
+);
+function Qe() {
+  const {
+    columns: e,
+    selectable: s,
+    selectionMode: a,
+    rowActions: l,
+    isAllSelected: n,
+    isPartiallySelected: t,
+    selectAll: i,
+    deselectAll: o,
+    locale: d,
+    stickyHeader: b
+  } = C(), u = e.filter((f) => !f.hidden), g = l && l.length > 0, h = () => {
+    n ? o() : i();
+  };
+  return /* @__PURE__ */ r("thead", { className: T("bt-thead", b && "bt-sticky"), children: /* @__PURE__ */ y("tr", { className: "bt-tr", children: [
+    s && /* @__PURE__ */ r("th", { className: "bt-th bt-checkbox-cell", children: a === "multiple" && /* @__PURE__ */ r(
+      "input",
+      {
+        type: "checkbox",
+        className: "bt-checkbox",
+        checked: n,
+        ref: (f) => {
+          f && (f.indeterminate = t);
+        },
+        onChange: h,
+        "aria-label": n ? d.deselectAll : d.selectAll
+      }
+    ) }),
+    u.map((f) => /* @__PURE__ */ r(_e, { column: f }, f.id)),
+    g && /* @__PURE__ */ r("th", { className: "bt-th bt-actions-cell", children: d.actions })
+  ] }) });
+}
+const Ge = Qe;
+function R(e, s) {
+  if (!e || !s) return;
+  const a = s.split(".");
+  let l = e;
+  for (const n of a) {
+    if (l == null)
+      return;
+    if (typeof l == "object")
+      l = l[n];
+    else
+      return;
+  }
+  return l;
+}
+function Ue(e, s, a) {
+  return [...e].sort((l, n) => {
+    const t = R(l, s), i = R(n, s);
+    if (t == null)
+      return a === "asc" ? 1 : -1;
+    if (i == null)
+      return a === "asc" ? -1 : 1;
+    if (typeof t == "string" && typeof i == "string") {
+      const u = t.localeCompare(i, void 0, {
+        sensitivity: "base",
+        numeric: !0
+      });
+      return a === "asc" ? u : -u;
+    }
+    if (typeof t == "number" && typeof i == "number")
+      return a === "asc" ? t - i : i - t;
+    if (typeof t == "boolean" && typeof i == "boolean") {
+      const u = t === i ? 0 : t ? -1 : 1;
+      return a === "asc" ? u : -u;
+    }
+    if (t instanceof Date && i instanceof Date) {
+      const u = t.getTime() - i.getTime();
+      return a === "asc" ? u : -u;
+    }
+    const o = String(t), d = String(i), b = o.localeCompare(d);
+    return a === "asc" ? b : -b;
+  });
+}
+function We(e, s, a) {
+  const l = Object.entries(s).filter(
+    ([, n]) => n != null && n !== ""
+  );
+  return l.length === 0 ? e : e.filter((n) => l.every(([t, i]) => {
+    const o = a.find((u) => u.id === t);
+    if (!o) return !0;
+    const d = R(
+      n,
+      String(o.accessor)
+    );
+    if (d == null)
+      return !1;
+    switch (o.type ?? "string") {
+      case "boolean":
+        return d === i;
+      case "number":
+        return String(d) === String(i);
+      case "date":
+        if (d instanceof Date && i) {
+          const u = new Date(String(i));
+          return d.toDateString() === u.toDateString();
+        }
+        return String(d).includes(String(i));
+      case "string":
+      default:
+        return String(d).toLowerCase().includes(String(i).toLowerCase());
+    }
+  }));
+}
+function Xe(e, s, a, l) {
+  if (!s.trim())
+    return e;
+  const n = s.toLowerCase().trim(), t = l ? a.filter((i) => l.includes(i.id)) : a.filter((i) => i.type !== "custom");
+  return e.filter(
+    (i) => t.some((o) => {
+      const d = R(
+        i,
+        String(o.accessor)
+      );
+      return d == null ? !1 : String(d).toLowerCase().includes(n);
+    })
+  );
+}
+function Ye({
+  row: e,
+  column: s,
+  rowIndex: a
+}) {
+  const l = R(
+    e,
+    String(s.accessor)
+  ), t = (() => {
+    if (s.cell)
+      return s.cell(l, e, a);
+    if (l == null)
+      return /* @__PURE__ */ r("span", { className: "bt-cell-empty", children: "—" });
+    switch (s.type) {
+      case "boolean":
+        return l ? "✅" : "❌";
+      case "date":
+        if (l instanceof Date)
+          return l.toLocaleDateString();
+        const i = new Date(String(l));
+        return isNaN(i.getTime()) ? String(l) : i.toLocaleDateString();
+      case "number":
+        return typeof l == "number" ? l.toLocaleString() : l;
+      case "string":
+      default:
+        return String(l);
+    }
+  })();
+  return /* @__PURE__ */ r(
+    "td",
+    {
+      className: T("bt-td", s.align && `bt-align-${s.align}`),
+      style: { width: s.width },
+      children: t
+    }
+  );
+}
+const Ze = B.memo(Ye);
+function Fe({
+  row: e,
+  rowIndex: s
+}) {
+  const { rowActions: a, openModal: l } = C(), n = m(
+    (t) => {
+      if (t.mode === "callback" && t.onClick)
+        t.onClick(e, s);
+      else if (t.mode === "modal" && t.modalContent) {
+        const i = t.modalContent;
+        l(
+          /* @__PURE__ */ r(
+            i,
+            {
+              data: e,
+              onClose: () => {
+              }
+            }
+          )
+        );
+      } else if (t.mode === "link" && t.href) {
+        const i = typeof t.href == "function" ? t.href(e) : t.href;
+        window.open(i, "_blank");
+      }
+    },
+    [e, s, l]
+  );
+  return !a || a.length === 0 ? null : /* @__PURE__ */ r("td", { className: "bt-td bt-actions-cell", children: /* @__PURE__ */ r("div", { className: "bt-actions-wrapper", children: a.map((t) => {
+    if (t.visible && !t.visible(e))
+      return null;
+    const i = t.disabled ? t.disabled(e) : !1;
+    if (t.mode === "link" && t.href) {
+      const o = typeof t.href == "function" ? t.href(e) : t.href;
+      return /* @__PURE__ */ r(
+        "a",
+        {
+          href: o,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: T(
+            "bt-action-btn",
+            t.variant && `bt-variant-${t.variant}`
+          ),
+          "aria-label": t.label,
+          children: t.icon && /* @__PURE__ */ r("span", { className: "bt-action-icon", children: t.icon })
+        },
+        t.id
+      );
+    }
+    return /* @__PURE__ */ r(
+      "button",
+      {
+        className: T(
+          "bt-action-btn",
+          t.variant && `bt-variant-${t.variant}`
+        ),
+        onClick: () => n(t),
+        disabled: i,
+        "aria-label": t.label,
+        title: t.label,
+        type: "button",
+        children: t.icon && /* @__PURE__ */ r("span", { className: "bt-action-icon", children: t.icon })
+      },
+      t.id
+    );
+  }) }) });
+}
+const et = B.memo(
+  Fe
+);
+function tt({ row: e, rowIndex: s }) {
+  const {
+    columns: a,
+    selectable: l,
+    rowActions: n,
+    isSelected: t,
+    toggleRow: i,
+    striped: o,
+    hoverable: d,
+    onRowClick: b,
+    onRowDoubleClick: u
+  } = C(), g = a.filter((S) => !S.hidden), h = n && n.length > 0, f = l && t(e, s), p = !!b, N = m(() => {
+    b == null || b(e, s);
+  }, [e, s, b]), P = m(() => {
+    u == null || u(e, s);
+  }, [e, s, u]), $ = m(() => {
+    i(e, s);
+  }, [e, s, i]), w = m(
+    (S) => {
+      S.key === "Enter" && b && N();
+    },
+    [N, b]
+  );
+  return /* @__PURE__ */ y(
+    "tr",
+    {
+      className: T(
+        "bt-tr",
+        o && "bt-striped",
+        d && "bt-hoverable",
+        f && "bt-selected",
+        p && "bt-clickable"
+      ),
+      onClick: p ? N : void 0,
+      onDoubleClick: u ? P : void 0,
+      onKeyDown: p ? w : void 0,
+      tabIndex: p ? 0 : void 0,
+      role: p ? "button" : void 0,
+      "aria-selected": l ? f : void 0,
+      children: [
+        l && /* @__PURE__ */ r("td", { className: "bt-td bt-checkbox-cell", children: /* @__PURE__ */ r(
+          "input",
+          {
+            type: "checkbox",
+            className: "bt-checkbox",
+            checked: f,
+            onChange: $,
+            onClick: (S) => S.stopPropagation(),
+            "aria-label": `Select row ${s + 1}`
+          }
+        ) }),
+        g.map((S) => /* @__PURE__ */ r(
+          Ze,
+          {
+            row: e,
+            column: S,
+            rowIndex: s
+          },
+          S.id
+        )),
+        h && /* @__PURE__ */ r(et, { row: e, rowIndex: s })
+      ]
+    }
+  );
+}
+const at = B.memo(tt);
+function lt() {
+  const { processedData: e, rowKey: s } = C(), a = (l, n) => {
+    if (typeof s == "function")
+      return s(l, n);
+    const t = l[s];
+    return String(t !== void 0 ? t : n);
+  };
+  return /* @__PURE__ */ r("tbody", { className: "bt-tbody", children: e.map((l, n) => /* @__PURE__ */ r(at, { row: l, rowIndex: n }, a(l, n))) });
+}
+const st = lt;
+function nt() {
+  const {
+    page: e,
+    pageSize: s,
+    totalPages: a,
+    totalItems: l,
+    goToPage: n,
+    nextPage: t,
+    prevPage: i,
+    changePageSize: o,
+    hasNextPage: d,
+    hasPrevPage: b,
+    startIndex: u,
+    endIndex: g,
+    paginationEnabled: h,
+    pageSizeOptions: f,
+    showSizeChanger: p,
+    locale: N,
+    classNames: P
+  } = C(), $ = m(
+    (c) => {
+      o(Number(c.target.value));
+    },
+    [o]
+  ), w = m(
+    (c) => {
+      if (c.key === "Enter") {
+        const v = parseInt(c.target.value, 10);
+        !isNaN(v) && v >= 1 && v <= a && n(v);
+      }
+    },
+    [n, a]
+  ), S = x(() => {
+    const c = [];
+    if (a <= 5)
+      for (let k = 1; k <= a; k++)
+        c.push(k);
+    else {
+      c.push(1), e > 3 && c.push("ellipsis");
+      const k = Math.max(2, e - 1), D = Math.min(a - 1, e + 1);
+      for (let A = k; A <= D; A++)
+        c.push(A);
+      e < a - 2 && c.push("ellipsis"), a > 1 && c.push(a);
+    }
+    return c;
+  }, [e, a]);
+  return h ? /* @__PURE__ */ y("div", { className: `bt-pagination ${P.pagination || ""}`, children: [
+    /* @__PURE__ */ r("div", { className: "bt-pagination-info", children: l > 0 ? `${u}-${g} ${N.of} ${l} ${N.items}` : `0 ${N.items}` }),
+    /* @__PURE__ */ y("div", { className: "bt-pagination-controls", children: [
+      p && /* @__PURE__ */ y("div", { className: "bt-page-size", children: [
+        /* @__PURE__ */ y("span", { className: "bt-page-size-label", children: [
+          N.rowsPerPage,
+          ":"
+        ] }),
+        /* @__PURE__ */ r(
+          "select",
+          {
+            className: "bt-page-size-select",
+            value: s,
+            onChange: $,
+            "aria-label": N.rowsPerPage,
+            children: f.map((c) => /* @__PURE__ */ r("option", { value: c, children: c }, c))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          className: "bt-pagination-btn",
+          onClick: i,
+          disabled: !b,
+          "aria-label": "Previous page",
+          type: "button",
+          children: "←"
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: "bt-pagination-pages", children: S.map((c, v) => c === "ellipsis" ? /* @__PURE__ */ r("span", { className: "bt-pagination-ellipsis", children: "..." }, `ellipsis-${v}`) : /* @__PURE__ */ r(
+        "button",
+        {
+          className: `bt-pagination-btn ${e === c ? "bt-active" : ""}`,
+          onClick: () => n(c),
+          "aria-label": `${N.page} ${c}`,
+          "aria-current": e === c ? "page" : void 0,
+          type: "button",
+          children: c
+        },
+        c
+      )) }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          className: "bt-pagination-btn",
+          onClick: t,
+          disabled: !d,
+          "aria-label": "Next page",
+          type: "button",
+          children: "→"
+        }
+      ),
+      /* @__PURE__ */ y("div", { className: "bt-quick-jumper", children: [
+        /* @__PURE__ */ y("span", { className: "bt-quick-jumper-label", children: [
+          N.page,
+          ":"
+        ] }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "number",
+            className: "bt-quick-jumper-input",
+            min: 1,
+            max: a,
+            defaultValue: e,
+            onKeyDown: w,
+            "aria-label": "Jump to page"
+          }
+        )
+      ] })
+    ] })
+  ] }) : null;
+}
+function it() {
+  const {
+    searchable: e,
+    searchValue: s,
+    handleSearch: a,
+    clearSearch: l,
+    globalActions: n,
+    selectedRows: t,
+    selectedCount: i,
+    deselectAll: o,
+    data: d,
+    locale: b,
+    classNames: u,
+    selectable: g
+  } = C(), h = m(
+    (p) => {
+      a(p.target.value);
+    },
+    [a]
+  );
+  return e || n && n.length > 0 || g && i > 0 ? /* @__PURE__ */ y("div", { className: `bt-toolbar ${u.toolbar || ""}`, children: [
+    /* @__PURE__ */ y("div", { className: "bt-toolbar-left", children: [
+      e && /* @__PURE__ */ y("div", { className: "bt-search", children: [
+        /* @__PURE__ */ r("span", { className: "bt-search-icon", children: "🔍" }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "text",
+            className: "bt-search-input",
+            placeholder: b.searchPlaceholder,
+            value: s,
+            onChange: h,
+            "aria-label": b.search
+          }
+        ),
+        s && /* @__PURE__ */ r(
+          "button",
+          {
+            className: "bt-search-clear",
+            onClick: l,
+            "aria-label": "Clear search",
+            type: "button",
+            children: "✕"
+          }
+        )
+      ] }),
+      g && i > 0 && /* @__PURE__ */ y("div", { className: "bt-selection-info", children: [
+        /* @__PURE__ */ y("span", { children: [
+          i,
+          " ",
+          b.selected
+        ] }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            className: "bt-selection-clear",
+            onClick: o,
+            type: "button",
+            children: b.deselectAll
+          }
+        )
+      ] })
+    ] }),
+    n && n.length > 0 && /* @__PURE__ */ r("div", { className: "bt-toolbar-right", children: /* @__PURE__ */ r("div", { className: "bt-global-actions", children: n.map((p) => {
+      const N = p.requiresSelection && t.length === 0;
+      return /* @__PURE__ */ y(
+        "button",
+        {
+          className: T(
+            "bt-global-btn",
+            p.variant && `bt-variant-${p.variant}`
+          ),
+          onClick: () => p.onClick(t, d),
+          disabled: N,
+          title: p.label,
+          type: "button",
+          children: [
+            p.icon && /* @__PURE__ */ r("span", { className: "bt-global-icon", children: p.icon }),
+            /* @__PURE__ */ r("span", { children: p.label })
+          ]
+        },
+        p.id
+      );
+    }) }) })
+  ] }) : null;
+}
+const rt = it;
+function ct() {
+  const { locale: e, emptyComponent: s, columns: a, selectable: l, rowActions: n } = C(), t = a.filter((d) => !d.hidden), i = n && n.length > 0, o = t.length + (l ? 1 : 0) + (i ? 1 : 0);
+  return s ? /* @__PURE__ */ r("tbody", { className: "bt-tbody", children: /* @__PURE__ */ r("tr", { className: "bt-tr", children: /* @__PURE__ */ r("td", { className: "bt-td", colSpan: o, children: s }) }) }) : /* @__PURE__ */ r("tbody", { className: "bt-tbody", children: /* @__PURE__ */ r("tr", { className: "bt-tr", children: /* @__PURE__ */ r("td", { className: "bt-td", colSpan: o, children: /* @__PURE__ */ y("div", { className: "bt-empty", children: [
+    /* @__PURE__ */ r("div", { className: "bt-empty-icon", children: "📭" }),
+    /* @__PURE__ */ r("div", { className: "bt-empty-text", children: e.noData })
+  ] }) }) }) });
+}
+function ot({ show: e }) {
+  const { loadingComponent: s, locale: a } = C();
+  return e ? /* @__PURE__ */ r("div", { className: "bt-loading-overlay", role: "status", "aria-live": "polite", children: s || /* @__PURE__ */ y(He, { children: [
+    /* @__PURE__ */ r("div", { className: "bt-loading-spinner", "aria-hidden": "true" }),
+    /* @__PURE__ */ r("span", { className: "bt-loading-text", children: a.loading })
+  ] }) }) : null;
+}
+function dt() {
+  const { isModalOpen: e, modalContent: s, closeModal: a } = C(), l = m(
+    (t) => {
+      t.target === t.currentTarget && a();
+    },
+    [a]
+  ), n = m(
+    (t) => {
+      t.key === "Escape" && a();
+    },
+    [a]
+  );
+  return Ke(() => (e && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", n), document.body.style.overflow = "";
+  }), [e, n]), !e || !s ? null : /* @__PURE__ */ r(
+    "div",
+    {
+      className: "bt-modal-backdrop",
+      onClick: l,
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ y("div", { className: "bt-modal bt-modal-md", children: [
+        /* @__PURE__ */ y("div", { className: "bt-modal-header", children: [
+          /* @__PURE__ */ r("h2", { className: "bt-modal-title", children: "Detalles" }),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              className: "bt-modal-close",
+              onClick: a,
+              "aria-label": "Close modal",
+              type: "button",
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "bt-modal-body", children: s })
+      ] })
+    }
+  );
+}
+function bt({
+  data: e,
+  initialSort: s,
+  controlledSort: a,
+  onSortChange: l
+}) {
+  const [n, t] = I(
+    s ?? { columnId: null, direction: "asc" }
+  ), i = a ?? n, o = m(
+    (u) => {
+      const g = {
+        columnId: u,
+        direction: i.columnId === u && i.direction === "asc" ? "desc" : "asc"
+      };
+      a || t(g), l == null || l(g);
+    },
+    [i, a, l]
+  ), d = m(() => {
+    const u = { columnId: null, direction: "asc" };
+    a || t(u), l == null || l(u);
+  }, [a, l]);
+  return { sortedData: x(() => i.columnId ? Ue(e, i.columnId, i.direction) : e, [e, i]), sortState: i, handleSort: o, clearSort: d };
+}
+function ut({
+  data: e,
+  columns: s,
+  initialFilters: a,
+  controlledFilters: l,
+  onFilterChange: n
+}) {
+  const [t, i] = I(
+    a ?? {}
+  ), o = l ?? t, d = m(
+    (h, f) => {
+      const p = { ...o };
+      f == null || f === "" ? delete p[h] : p[h] = f, l || i(p), n == null || n(p);
+    },
+    [o, l, n]
+  ), b = m(
+    (h) => {
+      const f = { ...o };
+      delete f[h], l || i(f), n == null || n(f);
+    },
+    [o, l, n]
+  ), u = m(() => {
+    l || i({}), n == null || n({});
+  }, [l, n]);
+  return { filteredData: x(() => We(e, o, s), [e, o, s]), filters: o, setFilter: d, clearFilters: u, clearFilter: b };
+}
+function ft({
+  data: e,
+  config: s,
+  onPageChange: a
+}) {
+  const l = s !== !1, n = s && typeof s == "object" ? s.page ?? 1 : 1, t = s && typeof s == "object" ? s.pageSize ?? 10 : 10, i = s && typeof s == "object" ? s.totalItems : void 0, [o, d] = I(n), [b, u] = I(t), g = i ?? e.length, h = Math.max(1, Math.ceil(g / b)), f = m(
+    (c) => {
+      const v = Math.max(1, Math.min(c, h));
+      d(v), a == null || a(v, b);
+    },
+    [h, b, a]
+  ), p = m(() => {
+    o < h && f(o + 1);
+  }, [o, h, f]), N = m(() => {
+    o > 1 && f(o - 1);
+  }, [o, f]), P = m(
+    (c) => {
+      u(c), d(1), a == null || a(1, c);
+    },
+    [a]
+  ), $ = x(() => {
+    if (!l || i !== void 0)
+      return e;
+    const c = (o - 1) * b;
+    return e.slice(c, c + b);
+  }, [e, o, b, l, i]), w = (o - 1) * b + 1, S = Math.min(o * b, g);
+  return {
+    paginatedData: $,
+    page: o,
+    pageSize: b,
+    totalPages: h,
+    totalItems: g,
+    goToPage: f,
+    nextPage: p,
+    prevPage: N,
+    changePageSize: P,
+    hasNextPage: o < h,
+    hasPrevPage: o > 1,
+    startIndex: w,
+    endIndex: S
+  };
+}
+function ht({
+  data: e,
+  rowKey: s,
+  mode: a = "multiple",
+  initialSelection: l,
+  controlledSelection: n,
+  onSelectionChange: t
+}) {
+  const [i, o] = I(
+    l ?? []
+  ), d = n ?? i, b = m(
+    (c, v) => typeof s == "function" ? s(c, v) : String(c[s]),
+    [s]
+  ), u = x(() => new Set(d.map((c, v) => b(c, v))), [d, b]), g = m(
+    (c, v) => {
+      const k = b(c, v);
+      return u.has(k);
+    },
+    [b, u]
+  ), h = m(
+    (c) => {
+      n || o(c), t == null || t(c);
+    },
+    [n, t]
+  ), f = m(
+    (c, v) => {
+      const k = b(c, v);
+      let D;
+      a === "single" ? D = u.has(k) ? [] : [c] : u.has(k) ? D = d.filter((A, M) => b(A, M) !== k) : D = [...d, c], h(D);
+    },
+    [a, u, d, b, h]
+  ), p = m(
+    (c, v) => {
+      if (!g(c, v)) {
+        const k = a === "single" ? [c] : [...d, c];
+        h(k);
+      }
+    },
+    [g, a, d, h]
+  ), N = m(
+    (c, v) => {
+      const k = b(c, v), D = d.filter(
+        (A, M) => b(A, M) !== k
+      );
+      h(D);
+    },
+    [d, b, h]
+  ), P = m(() => {
+    a === "multiple" && h([...e]);
+  }, [e, a, h]), $ = m(() => {
+    h([]);
+  }, [h]), w = e.length > 0 && d.length === e.length, S = d.length > 0 && d.length < e.length;
+  return {
+    selectedRows: d,
+    isSelected: g,
+    toggleRow: f,
+    selectRow: p,
+    deselectRow: N,
+    selectAll: P,
+    deselectAll: $,
+    isAllSelected: w,
+    isPartiallySelected: S,
+    selectedCount: d.length
+  };
+}
+function pt({
+  data: e,
+  columns: s,
+  searchColumns: a,
+  initialValue: l,
+  controlledValue: n,
+  onSearchChange: t
+}) {
+  const [i, o] = I(l ?? ""), d = n ?? i, b = m(
+    (h) => {
+      n === void 0 && o(h), t == null || t(h);
+    },
+    [n, t]
+  ), u = m(() => {
+    n === void 0 && o(""), t == null || t("");
+  }, [n, t]);
+  return { searchedData: x(() => Xe(e, d, s, a), [e, d, s, a]), searchValue: d, handleSearch: b, clearSearch: u };
+}
+function mt(e) {
+  const {
+    // Data
+    data: s,
+    columns: a,
+    rowKey: l = "id",
+    // Actions
+    rowActions: n,
+    globalActions: t,
+    // Pagination
+    pagination: i = { pageSize: 10 },
+    onPageChange: o,
+    // Sort
+    sort: d,
+    onSortChange: b,
+    // Filter
+    filters: u,
+    onFilterChange: g,
+    // Search
+    searchable: h = !1,
+    searchValue: f,
+    onSearchChange: p,
+    searchColumns: N,
+    // Selection - now auto-inferred if not explicitly set
+    selectable: P,
+    selectedRows: $,
+    onSelectionChange: w,
+    selectionMode: S = "multiple",
+    // States
+    loading: c = !1,
+    loadingComponent: v,
+    emptyComponent: k,
+    // Styling
+    classNames: D = {},
+    styles: A = {},
+    locale: M,
+    stickyHeader: O = !1,
+    maxHeight: ze,
+    bordered: L = !1,
+    striped: K = !1,
+    hoverable: H = !0,
+    size: j = "medium",
+    // Callbacks
+    onRowClick: V,
+    onRowDoubleClick: q,
+    // Accessibility
+    ariaLabel: Ie,
+    ariaDescribedBy: Me
+  } = e, J = x(() => P !== void 0 ? P : (t == null ? void 0 : t.some(
+    (je) => je.requiresSelection
+  )) || w !== void 0, [P, t, w]), _ = x(
+    () => ({ ...Ve, ...M }),
+    [M]
+  ), [Q, G] = I(!1), [U, W] = I(null), X = m((xe) => {
+    W(xe), G(!0);
+  }, []), Y = m(() => {
+    G(!1), W(null);
+  }, []), z = x(() => i === !1 ? !1 : {
+    pageSize: 10,
+    pageSizeOptions: [10, 20, 50, 100],
+    showSizeChanger: !1,
+    ...i
+  }, [i]), {
+    searchedData: Re,
+    searchValue: Z,
+    handleSearch: F,
+    clearSearch: ee
+  } = pt({
+    data: s,
+    columns: a,
+    searchColumns: N,
+    controlledValue: f,
+    onSearchChange: p
+  }), {
+    filteredData: Be,
+    filters: te,
+    setFilter: ae,
+    clearFilters: le
+  } = ut({
+    data: Re,
+    columns: a,
+    controlledFilters: u,
+    onFilterChange: g
+  }), { sortedData: se, sortState: ne, handleSort: ie } = bt({
+    data: Be,
+    controlledSort: d,
+    onSortChange: b
+  }), {
+    selectedRows: re,
+    isSelected: ce,
+    toggleRow: oe,
+    selectAll: de,
+    deselectAll: be,
+    isAllSelected: ue,
+    isPartiallySelected: fe,
+    selectedCount: he
+  } = ht({
+    data: se,
+    rowKey: l,
+    mode: S,
+    controlledSelection: $,
+    onSelectionChange: w
+  }), {
+    paginatedData: E,
+    page: pe,
+    pageSize: me,
+    totalPages: ge,
+    totalItems: ve,
+    goToPage: ye,
+    nextPage: Ne,
+    prevPage: Se,
+    changePageSize: ke,
+    hasNextPage: De,
+    hasPrevPage: Te,
+    startIndex: Pe,
+    endIndex: we
+  } = ft({
+    data: se,
+    config: z,
+    onPageChange: o
+  }), Le = x(
+    () => ({
+      // Data
+      data: s,
+      processedData: E,
+      columns: a,
+      rowKey: l,
+      // Actions
+      rowActions: n,
+      globalActions: t,
+      // Sort
+      sortState: ne,
+      handleSort: ie,
+      // Filter
+      filters: te,
+      setFilter: ae,
+      clearFilters: le,
+      // Search
+      searchValue: Z,
+      handleSearch: F,
+      clearSearch: ee,
+      searchable: h,
+      // Selection
+      selectedRows: re,
+      isSelected: ce,
+      toggleRow: oe,
+      selectAll: de,
+      deselectAll: be,
+      isAllSelected: ue,
+      isPartiallySelected: fe,
+      selectable: J,
+      selectionMode: S,
+      selectedCount: he,
+      // Pagination
+      page: pe,
+      pageSize: me,
+      totalPages: ge,
+      totalItems: ve,
+      goToPage: ye,
+      nextPage: Ne,
+      prevPage: Se,
+      changePageSize: ke,
+      hasNextPage: De,
+      hasPrevPage: Te,
+      startIndex: Pe,
+      endIndex: we,
+      paginationEnabled: i !== !1,
+      pageSizeOptions: z && typeof z == "object" ? z.pageSizeOptions ?? [10, 20, 50, 100] : [10, 20, 50, 100],
+      showSizeChanger: z && typeof z == "object" ? z.showSizeChanger ?? !1 : !1,
+      // UI State
+      loading: c,
+      loadingComponent: v,
+      emptyComponent: k,
+      // Styling
+      locale: _,
+      classNames: D,
+      size: j,
+      bordered: L,
+      striped: K,
+      hoverable: H,
+      stickyHeader: O,
+      // Callbacks
+      onRowClick: V,
+      onRowDoubleClick: q,
+      // Modal
+      openModal: X,
+      closeModal: Y,
+      modalContent: U,
+      isModalOpen: Q
+    }),
+    [
+      s,
+      E,
+      a,
+      l,
+      n,
+      t,
+      ne,
+      ie,
+      te,
+      ae,
+      le,
+      Z,
+      F,
+      ee,
+      h,
+      re,
+      ce,
+      oe,
+      de,
+      be,
+      ue,
+      fe,
+      J,
+      S,
+      he,
+      pe,
+      me,
+      ge,
+      ve,
+      ye,
+      Ne,
+      Se,
+      ke,
+      De,
+      Te,
+      Pe,
+      we,
+      i,
+      z,
+      c,
+      v,
+      k,
+      _,
+      D,
+      j,
+      L,
+      K,
+      H,
+      O,
+      V,
+      q,
+      X,
+      Y,
+      U,
+      Q
+    ]
+  ), Ae = E.length > 0;
+  return /* @__PURE__ */ r(qe, { value: Le, children: /* @__PURE__ */ y(
+    "div",
+    {
+      className: T(
+        "bt-container",
+        `bt-size-${j}`,
+        c && "bt-container-loading",
+        D.container
+      ),
+      style: A.container,
+      children: [
+        /* @__PURE__ */ r(rt, {}),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: T("bt-table-wrapper", L && "bt-bordered"),
+            style: { maxHeight: ze },
+            children: [
+              /* @__PURE__ */ y(
+                "table",
+                {
+                  className: T("bt-table", D.table),
+                  style: A.table,
+                  role: "grid",
+                  "aria-label": Ie,
+                  "aria-describedby": Me,
+                  "aria-busy": c,
+                  children: [
+                    /* @__PURE__ */ r(Ge, {}),
+                    Ae ? /* @__PURE__ */ r(st, {}) : /* @__PURE__ */ r(ct, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(ot, { show: c && Ae })
+            ]
+          }
+        ),
+        i !== !1 && /* @__PURE__ */ r(nt, {}),
+        /* @__PURE__ */ r(dt, {})
+      ]
+    }
+  ) });
+}
+const St = mt;
+export {
+  St as BetterTable,
+  qe as TableProvider,
+  Ve as defaultLocale,
+  We as filterData,
+  R as getValueFromPath,
+  Xe as searchData,
+  Ue as sortData,
+  C as useTableContext,
+  ut as useTableFilter,
+  ft as useTablePagination,
+  pt as useTableSearch,
+  ht as useTableSelection,
+  bt as useTableSort
+};
+//# sourceMappingURL=better-table.es.js.map