@cagatayfdn/flora-components 0.0.167 → 0.0.169

package/dist/components/Table/Table.js

@@ -1,117 +1,117 @@
 import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
-import X, { useState as K, useEffect as P } from "react";
-import { q as me } from "../../index-CXhMrx5k.js";
-import J from "../NoResult/NoResult.js";
-import { c as u } from "../../index-BHf7G3IG.js";
-import { s as i } from "../../Table.module-CGdiBxq5.js";
-import { ThemeAppearance as M, AppearanceSpinner as Q } from "../../enums/appearance.js";
-import y from "../Checkbox/Checkbox.js";
-import ve from "../Loading/Loading.js";
-import Ne from "../ScrollContainer/ScrollContainer.js";
-import Y from "./TableHeader.js";
-import Z from "./TableSort.js";
-import ee from "../Icon/index.js";
-import { FloraIcons as ae } from "../../assets/icons/flora-icons.js";
-import { i as h } from "../../includes-8YTFrx85.js";
-import { _ as re, k as ke } from "../../keys-B0bo5Q7o.js";
-import { _ as te, a as ye, b as Ee } from "../../_reduce-DsUCMz4O.js";
-import { _ as Se } from "../../Select-nhp2PiJK.js";
-function Re(o, n) {
-  for (var d = 0, x = n.length, g = []; d < x; )
-    o(n[d]) && (g[g.length] = n[d]), d += 1;
-  return g;
+import J, { useState as P, useMemo as Q, useRef as we, useEffect as Y } from "react";
+import { Z as Ce } from "../../index-Bkqwn3Ht.js";
+import ee from "../NoResult/NoResult.js";
+import { c as j } from "../../index-BHf7G3IG.js";
+import { s as i } from "../../Table.module-rFa4-NE2.js";
+import { ThemeAppearance as te, AppearanceSpinner as re } from "../../enums/appearance.js";
+import ae from "../Checkbox/Checkbox.js";
+import Ne from "../Loading/Loading.js";
+import ke from "../ScrollContainer/ScrollContainer.js";
+import se from "./TableHeader.js";
+import Ee from "./TableSort.js";
+import ye from "../Icon/index.js";
+import { FloraIcons as Re } from "../../assets/icons/flora-icons.js";
+import { i as c } from "../../includes-8YTFrx85.js";
+import { _ as le, k as Se } from "../../keys-B0bo5Q7o.js";
+import { _ as ne, a as ve, b as _e } from "../../_reduce-DsUCMz4O.js";
+import { _ as He } from "../../Select-nhp2PiJK.js";
+function Te(o, n) {
+  for (var l = 0, p = n.length, f = []; l < p; )
+    o(n[l]) && (f[f.length] = n[l]), l += 1;
+  return f;
 }
-var He = /* @__PURE__ */ function() {
-  function o(n, d) {
-    this.xf = d, this.f = n;
+var Le = /* @__PURE__ */ function() {
+  function o(n, l) {
+    this.xf = l, this.f = n;
   }
-  return o.prototype["@@transducer/init"] = te.init, o.prototype["@@transducer/result"] = te.result, o.prototype["@@transducer/step"] = function(n, d) {
-    return this.f(d) ? this.xf["@@transducer/step"](n, d) : n;
+  return o.prototype["@@transducer/init"] = ne.init, o.prototype["@@transducer/result"] = ne.result, o.prototype["@@transducer/step"] = function(n, l) {
+    return this.f(l) ? this.xf["@@transducer/step"](n, l) : n;
   }, o;
-}(), _e = /* @__PURE__ */ re(function(n, d) {
-  return new He(n, d);
+}(), $e = /* @__PURE__ */ le(function(n, l) {
+  return new Le(n, l);
 });
-const $e = _e;
-var R = /* @__PURE__ */ re(
-  /* @__PURE__ */ ye(["filter"], $e, function(o, n) {
-    return Se(n) ? Ee(function(d, x) {
-      return o(n[x]) && (d[x] = n[x]), d;
-    }, {}, ke(n)) : (
+const Fe = $e;
+var L = /* @__PURE__ */ le(
+  /* @__PURE__ */ ve(["filter"], Fe, function(o, n) {
+    return He(n) ? _e(function(l, p) {
+      return o(n[p]) && (l[p] = n[p]), l;
+    }, {}, Se(n)) : (
       // else
-      Re(o, n)
+      Te(o, n)
     );
   })
 );
-const Me = (o) => {
+const Ye = (o) => {
   const {
     columns: n = [],
-    dataSource: d = [],
-    totalCount: x,
-    currentPage: g,
-    className: H,
-    wrapperClass: se,
-    title: ne,
-    rowSelection: b = !1,
-    actionOnChange: _,
-    rowSelectionChange: f,
-    pagerVisible: $,
-    pagerOnChange: L,
-    columnRenderer: T,
-    rowRenderer: A,
-    pageSizeOnChange: F,
-    pageSize: V,
-    headerVisible: le = !0,
-    headerLeftItem: de,
-    customFooterItem: ie,
-    isLoading: oe = !1,
-    footerAction: ce = !0,
-    pageSizeVisible: he = !0,
-    appearance: N = M.LIGHT,
-    fixedHeader: pe,
-    showItemsText: B,
+    dataSource: l = [],
+    totalCount: p,
+    currentPage: f,
+    className: R,
+    wrapperClass: oe,
+    title: de,
+    rowSelection: S = !1,
+    actionOnChange: $,
+    rowSelectionChange: h,
+    pagerVisible: F,
+    pagerOnChange: A,
+    columnRenderer: k,
+    rowRenderer: V,
+    pageSizeOnChange: z,
+    pageSize: B,
+    headerVisible: ie = !0,
+    headerLeftItem: ce,
+    customFooterItem: pe,
+    isLoading: he = !1,
+    footerAction: fe = !0,
+    pageSizeVisible: ue = !0,
+    appearance: E = te.LIGHT,
+    fixedHeader: v,
+    showItemsText: O,
     customHeader: D,
     selectedItems: G = [],
-    scrollClass: z,
-    disabledItems: w = [],
+    scrollClass: K,
+    disabledItems: m = [],
     expandable: s,
-    virtualized: E
-  } = o, j = typeof E == "object" ? E : {}, [p, k] = K(G), [S, m] = K([]), O = (e) => {
-    f && (e.target.checked ? (k(
-      d.filter((t) => !h(t, w))
-    ), f(
-      d.filter((t) => !h(t, w))
-    )) : (k([]), f([])));
-  }, U = (e, t) => {
-    f && (e.target.checked ? (k([...p, t]), f([...p, t])) : (k(
-      R((r) => r.pk !== t.pk, p)
-    ), f(
-      R((r) => r.pk !== t.pk, p)
+    virtualized: _
+  } = o, u = typeof _ == "object" ? _ : {}, [x, y] = P(G), [w, C] = P([]), xe = (e) => {
+    h && (e.target.checked ? (y(
+      l.filter((t) => !c(t, m))
+    ), h(
+      l.filter((t) => !c(t, m))
+    )) : (y([]), h([])));
+  }, be = (e, t) => {
+    h && (e.target.checked ? (y([...x, t]), h([...x, t])) : (y(
+      L((r) => r.pk !== t.pk, x)
+    ), h(
+      L((r) => r.pk !== t.pk, x)
     )));
-  }, I = (e, t) => {
-    var l;
-    const r = h(e, S);
-    (s == null ? void 0 : s.expandStrategy) === "single" ? m(r ? [] : [e]) : m(r ? (c) => R((C) => C !== e, c) : (c) => [...c, e]), (l = s == null ? void 0 : s.onExpand) == null || l.call(s, !r, t);
-  }, xe = (e, t) => e == null ? void 0 : e.map((r, l) => /* @__PURE__ */ a.jsx(
+  }, H = (e, t) => {
+    var d;
+    const r = c(e, w);
+    (s == null ? void 0 : s.expandStrategy) === "single" ? C(r ? [] : [e]) : C(r ? (b) => L((T) => T !== e, b) : (b) => [...b, e]), (d = s == null ? void 0 : s.onExpand) == null || d.call(s, !r, t);
+  }, U = (e, t) => e == null ? void 0 : e.map((r, d) => /* @__PURE__ */ a.jsx(
     "td",
     {
       width: r.width,
-      onClick: (c) => {
-        r != null && r.onClick && (r == null || r.onClick(c, t, r, l));
+      onClick: (b) => {
+        r != null && r.onClick && (r == null || r.onClick(b, t, r, d));
       },
-      className: u(r.className, r.tdClassName),
+      className: j(r.className, r.tdClassName),
       children: r.render ? r.render(t[r.dataIndex], t) : t[r.dataIndex]
     },
-    `col-${l}`
-  )), q = n.length + (b ? 1 : 0) + (s ? 1 : 0), fe = () => s ? /* @__PURE__ */ a.jsx("th", { className: "w-[48px]" }) : null, ue = () => b ? /* @__PURE__ */ a.jsx("th", { className: "w-[26px]", children: /* @__PURE__ */ a.jsx(
-    y,
+    `col-${d}`
+  )), N = n.length + (S ? 1 : 0) + (s ? 1 : 0), W = () => s ? /* @__PURE__ */ a.jsx("th", { className: "w-[48px]" }) : null, X = () => S ? /* @__PURE__ */ a.jsx("th", { className: "w-[26px]", children: /* @__PURE__ */ a.jsx(
+    ae,
     {
       name: "selectAll",
-      isDisabled: d.length === 0,
-      checked: d.length > 0 && d.length === p.length,
-      onChange: O
+      isDisabled: l.length === 0,
+      checked: l.length > 0 && l.length === x.length,
+      onChange: xe
     }
-  ) }) : null, ge = () => n == null ? void 0 : n.map((e, t) => {
-    var r, l;
+  ) }) : null, Z = () => n == null ? void 0 : n.map((e, t) => {
+    var r, d;
     return e.sortable ? /* @__PURE__ */ a.jsx(
       "th",
       {
@@ -119,12 +119,12 @@ const Me = (o) => {
         style: { width: e.width },
         className: e.className,
         children: /* @__PURE__ */ a.jsx(
-          Z,
+          Ee,
           {
             title: (r = e.title) == null ? void 0 : r.toString().toLocaleUpperCase(),
-            onClick: (c, C) => {
-              var v;
-              return (v = e == null ? void 0 : e.onSort) == null ? void 0 : v.call(e, c, C);
+            onClick: (b, T) => {
+              var q;
+              return (q = e == null ? void 0 : e.onSort) == null ? void 0 : q.call(e, b, T);
             }
           }
         )
@@ -136,213 +136,166 @@ const Me = (o) => {
         "data-testid": "table-head-item",
         style: { width: e.width },
         className: e.className,
-        children: typeof e.title == "string" || e.title instanceof String ? (l = e.title) == null ? void 0 : l.toString().toLocaleUpperCase() : e.title
+        children: typeof e.title == "string" || e.title instanceof String ? (d = e.title) == null ? void 0 : d.toString().toLocaleUpperCase() : e.title
       },
       `table-header-${t}`
     );
-  }), je = (e, t) => s ? /* @__PURE__ */ a.jsx("td", { children: /* @__PURE__ */ a.jsx(
+  }), I = (e, t) => s ? /* @__PURE__ */ a.jsx("td", { children: /* @__PURE__ */ a.jsx(
     "span",
     {
       className: "inline-block transition-transform duration-200",
       style: {
         transform: t ? "rotate(90deg)" : "rotate(0deg)"
       },
-      children: s.rowExpandable && s.rowExpandable(e) ? /* @__PURE__ */ a.jsx(ee, { name: ae.ChevronRight }) : null
+      children: s.rowExpandable && s.rowExpandable(e) ? /* @__PURE__ */ a.jsx(ye, { name: Re.ChevronRight }) : null
     }
-  ) }) : null, Ce = (e, t) => b ? /* @__PURE__ */ a.jsx("td", { children: /* @__PURE__ */ a.jsx(
-    y,
+  ) }) : null, M = (e, t) => S ? /* @__PURE__ */ a.jsx("td", { children: /* @__PURE__ */ a.jsx(
+    ae,
     {
-      checked: h(e, p),
+      checked: c(e, x),
       name: `select-${t}`,
-      onChange: (r) => U(r, e),
-      isDisabled: h(e, w)
+      onChange: (r) => be(r, e),
+      isDisabled: c(e, m)
     }
-  ) }) : null, W = [
-    s ? "48px" : null,
-    b ? "40px" : null,
-    ...n.map(
-      (e) => e.width == null ? "minmax(0, 1fr)" : typeof e.width == "number" ? `${e.width}px` : e.width
-    )
-  ].filter(Boolean).join(" "), be = () => /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      "data-testid": "table-head",
-      className: i.vHeader,
-      style: { gridTemplateColumns: W },
-      children: [
-        s && /* @__PURE__ */ a.jsx("div", { className: i.vHeadCell }),
-        b && /* @__PURE__ */ a.jsx("div", { className: i.vHeadCell, children: /* @__PURE__ */ a.jsx(
-          y,
+  ) }) : null, ge = w.join(","), je = Q(() => {
+    const e = [];
+    return l.forEach((t, r) => {
+      e.push({ kind: "data", item: t, index: r }), s && c(r, w) && e.push({ kind: "expanded", item: t, index: r });
+    }), e;
+  }, [l, ge, !!s]), g = we({ className: R, fixedHeader: v, expandable: s, colSpan: N, toggleRow: H });
+  g.current = { className: R, fixedHeader: v, expandable: s, colSpan: N, toggleRow: H };
+  const me = Q(
+    () => ({
+      Table: (e) => /* @__PURE__ */ a.jsx(
+        "table",
+        {
+          ...e,
+          "data-testid": "table-content",
+          className: j(i.table, g.current.className, {
+            [i.fixed]: g.current.fixedHeader
+          })
+        }
+      ),
+      TableRow: ({ item: e, ...t }) => {
+        const r = g.current.expandable;
+        if (e.kind === "expanded")
+          return /* @__PURE__ */ a.jsx("tr", { ...t });
+        const d = r && r.rowExpandable ? r.rowExpandable(e.item) : !!r;
+        return /* @__PURE__ */ a.jsx(
+          "tr",
           {
-            name: "selectAll",
-            isDisabled: d.length === 0,
-            checked: d.length > 0 && d.length === p.length,
-            onChange: O
-          }
-        ) }),
-        n == null ? void 0 : n.map((e, t) => {
-          var r, l;
-          return /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              "data-testid": "table-head-item",
-              className: u(i.vHeadCell, e.className),
-              children: e.sortable ? /* @__PURE__ */ a.jsx(
-                Z,
-                {
-                  title: (r = e.title) == null ? void 0 : r.toString().toLocaleUpperCase(),
-                  onClick: (c, C) => {
-                    var v;
-                    return (v = e == null ? void 0 : e.onSort) == null ? void 0 : v.call(e, c, C);
-                  }
-                }
-              ) : typeof e.title == "string" || e.title instanceof String ? (l = e.title) == null ? void 0 : l.toString().toLocaleUpperCase() : e.title
+            ...t,
+            "data-testid": "table-row",
+            onClick: () => {
+              r && r.rowExpandable && r.rowExpandable(e.item) && g.current.toggleRow(e.index, e.item);
             },
-            `v-header-${t}`
-          );
-        })
-      ]
-    }
-  ), we = (e, t, r) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    s && /* @__PURE__ */ a.jsx("div", { className: i.vCell, children: /* @__PURE__ */ a.jsx(
-      "span",
-      {
-        className: "inline-block transition-transform duration-200",
-        style: { transform: r ? "rotate(90deg)" : "rotate(0deg)" },
-        children: s.rowExpandable && s.rowExpandable(e) ? /* @__PURE__ */ a.jsx(ee, { name: ae.ChevronRight }) : null
-      }
-    ) }),
-    b && /* @__PURE__ */ a.jsx("div", { className: i.vCell, children: /* @__PURE__ */ a.jsx(
-      y,
-      {
-        checked: h(e, p),
-        name: `select-${t}`,
-        onChange: (l) => U(l, e),
-        isDisabled: h(e, w)
-      }
-    ) }),
-    n == null ? void 0 : n.map((l, c) => /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        onClick: (C) => (l == null ? void 0 : l.onClick) && (l == null ? void 0 : l.onClick(C, e, l, c)),
-        className: u(i.vCell, l.className, l.tdClassName),
-        children: l.render ? l.render(e[l.dataIndex], e) : e[l.dataIndex]
+            className: j(t.className, {
+              "cursor-pointer": d
+            })
+          }
+        );
       },
-      `v-col-${c}`
-    ))
-  ] });
-  return P(() => {
-    f && f(G.filter((e) => !h(e, w)));
-  }, [p, w]), P(() => {
-    m([]);
-  }, [g]), /* @__PURE__ */ a.jsxs(
+      EmptyPlaceholder: () => /* @__PURE__ */ a.jsx("tbody", { "data-testid": "table-body", children: /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx("td", { colSpan: g.current.colSpan, children: /* @__PURE__ */ a.jsx(ee, {}) }) }) })
+    }),
+    []
+  );
+  return Y(() => {
+    h && h(G.filter((e) => !c(e, m)));
+  }, [x, m]), Y(() => {
+    C([]);
+  }, [f]), /* @__PURE__ */ a.jsxs(
     "div",
     {
       "data-testid": "table-container",
-      className: u(i.wrapper, se, {
-        [i[`${N}`]]: N
+      className: j(i.wrapper, oe, {
+        [i[`${E}`]]: E
       }),
       children: [
-        le && /* @__PURE__ */ a.jsx(
-          Y,
+        ie && /* @__PURE__ */ a.jsx(
+          se,
           {
-            title: ne,
-            showItemsText: B,
-            actionOnChange: _,
-            pageSize: V,
-            pageSizeOnChange: F,
-            pagerOnChange: L,
-            pagerVisible: $,
-            totalCount: x,
-            currentPage: g
+            title: de,
+            showItemsText: O,
+            actionOnChange: $,
+            pageSize: B,
+            pageSizeOnChange: z,
+            pagerOnChange: A,
+            pagerVisible: F,
+            totalCount: p,
+            currentPage: f
           }
         ),
         /* @__PURE__ */ a.jsxs("div", { className: i.tableWrap, children: [
-          oe && /* @__PURE__ */ a.jsx(
-            ve,
+          he && /* @__PURE__ */ a.jsx(
+            Ne,
             {
               wrapperClass: i.tableLoading,
-              appearance: N === M.LIGHT ? Q.LIGHT : Q.DARK
+              appearance: E === te.LIGHT ? re.LIGHT : re.DARK
             }
           ),
           D && D,
-          E ? /* @__PURE__ */ a.jsxs(
-            "div",
+          _ ? /* @__PURE__ */ a.jsx(
+            Ce,
             {
-              "data-testid": "table-content",
-              className: u(i.vTable, H),
-              children: [
-                be(),
-                d.length === 0 ? /* @__PURE__ */ a.jsx("div", { "data-testid": "table-body", className: i.vEmpty, children: /* @__PURE__ */ a.jsx(J, {}) }) : /* @__PURE__ */ a.jsx(
-                  me,
-                  {
-                    "data-testid": "table-body",
-                    className: z,
-                    style: { height: j.height ?? 400 },
-                    data: d,
-                    ...j.overscan != null && {
-                      overscan: j.overscan
-                    },
-                    ...j.increaseViewportBy != null && {
-                      increaseViewportBy: j.increaseViewportBy
-                    },
-                    ...j.initialItemCount != null && {
-                      initialItemCount: j.initialItemCount
-                    },
-                    itemContent: (e, t) => {
-                      const r = h(e, S), l = s && s.rowExpandable ? s.rowExpandable(t) : !!s;
-                      return /* @__PURE__ */ a.jsxs("div", { "data-testid": "table-row", children: [
-                        /* @__PURE__ */ a.jsx(
-                          "div",
-                          {
-                            className: u(i.vRow, {
-                              [i.vRowAlt]: e % 2 === 1,
-                              "cursor-pointer": l
-                            }),
-                            style: { gridTemplateColumns: W },
-                            onClick: () => {
-                              s && s.rowExpandable && s.rowExpandable(t) && I(e, t);
-                            },
-                            children: we(t, e, r)
-                          }
-                        ),
-                        s && r && /* @__PURE__ */ a.jsx("div", { className: i.vExpanded, children: s.expandedRowRender(t) })
-                      ] });
-                    }
-                  }
-                )
-              ]
+              className: K,
+              style: { height: u.height ?? 400 },
+              data: je,
+              components: me,
+              ...u.overscan != null && {
+                overscan: u.overscan
+              },
+              ...u.increaseViewportBy != null && {
+                increaseViewportBy: u.increaseViewportBy
+              },
+              ...u.initialItemCount != null && {
+                initialItemCount: u.initialItemCount
+              },
+              fixedHeaderContent: () => /* @__PURE__ */ a.jsxs("tr", { "data-testid": "table-row", children: [
+                W(),
+                X(),
+                Z()
+              ] }),
+              itemContent: (e, t) => {
+                if (t.kind === "expanded")
+                  return /* @__PURE__ */ a.jsx("td", { colSpan: N, className: "p-0 border-0", children: s == null ? void 0 : s.expandedRowRender(t.item) });
+                const r = c(t.index, w);
+                return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  I(t.item, r),
+                  M(t.item, t.index),
+                  k ? k(n, t.item) : U(n, t.item)
+                ] });
+              }
             }
-          ) : /* @__PURE__ */ a.jsx(Ne, { className: z || i.scrollWrap, children: /* @__PURE__ */ a.jsxs(
+          ) : /* @__PURE__ */ a.jsx(ke, { className: K || i.scrollWrap, children: /* @__PURE__ */ a.jsxs(
             "table",
             {
               "data-testid": "table-content",
-              className: u(i.table, H, {
-                [i.fixed]: pe
+              className: j(i.table, R, {
+                [i.fixed]: v
               }),
               children: [
                 /* @__PURE__ */ a.jsx("thead", { "data-testid": "table-head", children: /* @__PURE__ */ a.jsxs("tr", { "data-testid": "table-row", children: [
-                  fe(),
-                  ue(),
-                  ge()
+                  W(),
+                  X(),
+                  Z()
                 ] }) }),
-                /* @__PURE__ */ a.jsx("tbody", { "data-testid": "table-body", children: d.length > 0 ? d.map((e, t) => {
-                  const r = h(t, S);
-                  return A ? /* @__PURE__ */ a.jsx(X.Fragment, { children: A(e, t) }, `row-${t}`) : /* @__PURE__ */ a.jsxs(X.Fragment, { children: [
+                /* @__PURE__ */ a.jsx("tbody", { "data-testid": "table-body", children: l.length > 0 ? l.map((e, t) => {
+                  const r = c(t, w);
+                  return V ? /* @__PURE__ */ a.jsx(J.Fragment, { children: V(e, t) }, `row-${t}`) : /* @__PURE__ */ a.jsxs(J.Fragment, { children: [
                     /* @__PURE__ */ a.jsxs(
                       "tr",
                       {
                         "data-testid": "table-row",
                         onClick: () => {
-                          s && s.rowExpandable && s.rowExpandable(e) && I(t, e);
+                          s && s.rowExpandable && s.rowExpandable(e) && H(t, e);
                         },
-                        className: u({
+                        className: j({
                           "cursor-pointer": s && s.rowExpandable ? s.rowExpandable(e) : s
                         }),
                         children: [
-                          je(e, r),
-                          Ce(e, t),
-                          T ? T(n, e) : xe(n, e)
+                          I(e, r),
+                          M(e, t),
+                          k ? k(n, e) : U(n, e)
                         ]
                       },
                       `table-row-${t}`
@@ -350,33 +303,33 @@ const Me = (o) => {
                     s && r && /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx(
                       "td",
                       {
-                        colSpan: q,
+                        colSpan: N,
                         className: "p-0 border-0",
                         children: s.expandedRowRender(e)
                       }
                     ) })
                   ] }, `row-${t}`);
-                }) : /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx("td", { colSpan: q, children: /* @__PURE__ */ a.jsx(J, {}) }) }) })
+                }) : /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx("td", { colSpan: N, children: /* @__PURE__ */ a.jsx(ee, {}) }) }) })
               ]
             }
           ) })
         ] }),
-        ce && /* @__PURE__ */ a.jsx(
-          Y,
+        fe && /* @__PURE__ */ a.jsx(
+          se,
           {
             className: "mt-0",
-            showItemsText: B,
-            actionOnChange: _,
-            pageSize: V,
-            pageSizeOnChange: F,
-            pagerOnChange: L,
-            pagerVisible: $,
-            pageSizeVisible: he,
-            totalCount: x,
-            customItem: ie,
-            headerLeftItem: de,
-            currentPage: g,
-            appearance: N
+            showItemsText: O,
+            actionOnChange: $,
+            pageSize: B,
+            pageSizeOnChange: z,
+            pagerOnChange: A,
+            pagerVisible: F,
+            pageSizeVisible: ue,
+            totalCount: p,
+            customItem: pe,
+            headerLeftItem: ce,
+            currentPage: f,
+            appearance: E
           }
         )
       ]
@@ -384,5 +337,5 @@ const Me = (o) => {
   );
 };
 export {
-  Me as default
+  Ye as default
 };

package/dist/components/Table/TableHeader.js

@@ -1,7 +1,7 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
 import { useState as x, useEffect as R } from "react";
 import { c as f } from "../../index-BHf7G3IG.js";
-import { s } from "../../Table.module-CGdiBxq5.js";
+import { s } from "../../Table.module-rFa4-NE2.js";
 import { FormFieldAppearance as j, AppearanceButton as B } from "../../enums/appearance.js";
 import D from "../Button/Button.js";
 import W from "../Heading/Heading.js";

package/dist/components/Table/TableSort.js

@@ -2,7 +2,7 @@ import { j as r } from "../../jsx-runtime-BcAkpsdy.js";
 import { useState as p } from "react";
 import { FloraIcons as s } from "../../assets/icons/flora-icons.js";
 import o from "../Icon/index.js";
-import { s as a } from "../../Table.module-CGdiBxq5.js";
+import { s as a } from "../../Table.module-rFa4-NE2.js";
 import { SortEnum as t } from "../../enums/status.js";
 const g = (m) => {
   const [c, i] = p(t.ASC), { title: d, onClick: l } = m, x = (j) => {

package/dist/components/index.js

@@ -19,7 +19,7 @@ import { default as H } from "./Datepicker/Datepicker.js";
 import { default as W } from "./Divider/Divider.js";
 import { default as q } from "./Drawer/index.js";
 import { default as G } from "./Dropdown/DropdownList.js";
-import { E as K, R as O } from "../ErrorLogModal-BILc779f.js";
+import { E as K, R as O } from "../ErrorLogModal-DJd2j2Qz.js";
 import { default as X } from "./FileUpload/FileUpload.js";
 import { default as Z } from "./FileUpload/ImagePreview.js";
 import { default as $ } from "./FileUpload/LengthCard.js";