@cagatayfdn/flora-components 0.0.166 → 0.0.167

package/dist/components/Table/Table.js

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