1mpacto-react-ui 2.0.19 → 2.0.21

package/dist/components/Table/Table.mjs

@@ -1,402 +1,379 @@
-import { jsxs as $, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { flexRender as O } from "@tanstack/react-table";
-import D from "react";
-import Z from "../Virtualization/TableVirtualization.mjs";
-import q from "./Table.module.scss.mjs";
-import { useDeepCompareEffect as J } from "../../hooks/useDeepCompareEffect.mjs";
-import { ConfigTable as p } from "./Table.config.mjs";
-const _ = (t, c) => {
-  var g, m;
-  let s = {};
-  return t && (s = { position: "sticky", top: 0, zIndex: 2 }), (g = c.column.columnDef.meta) != null && g.styleTh && (s = { ...s, ...(m = c.column.columnDef.meta) == null ? void 0 : m.styleTh(c.column.columnDef) }), s;
-}, G = (t, c = !1) => {
-  const s = t.getIsPinned(), g = s === "left" && t.getIsLastColumn("left"), m = s === "right" && t.getIsFirstColumn("right");
-  return s ? {
-    boxShadow: g ? "-4px 0 4px -4px gray inset" : m ? "4px 0 4px -4px gray inset" : void 0,
-    left: s === "left" ? `${t.getStart("left")}px` : void 0,
-    right: s === "right" ? `${t.getAfter("right")}px` : void 0,
+import { jsxs as y, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { flexRender as M } from "@tanstack/react-table";
+import p from "react";
+import J from "../Virtualization/TableVirtualization.mjs";
+import H from "./Table.module.scss.mjs";
+import { useDeepCompareEffect as v } from "../../hooks/useDeepCompareEffect.mjs";
+import { ConfigTable as a } from "./Table.config.mjs";
+const K = (e, c) => {
+  let i = {};
+  return e && (i = { position: "sticky", top: 0, zIndex: 2 }), c.column.columnDef.meta?.styleTh && (i = { ...i, ...c.column.columnDef.meta?.styleTh(c.column.columnDef) }), i;
+}, R = (e, c = !1) => {
+  const i = e.getIsPinned(), u = i === "left" && e.getIsLastColumn("left"), r = i === "right" && e.getIsFirstColumn("right");
+  return i ? {
+    boxShadow: u ? "-4px 0 4px -4px gray inset" : r ? "4px 0 4px -4px gray inset" : void 0,
+    left: i === "left" ? `${e.getStart("left")}px` : void 0,
+    right: i === "right" ? `${e.getAfter("right")}px` : void 0,
     position: "sticky",
-    width: t.getSize(),
+    width: e.getSize(),
     zIndex: 1,
     background: c ? "white" : ""
   } : {};
-}, X = (t) => {
-  const c = t.columnPinning.left || [], s = t.columnPinning.right || [], g = t.rowPinning.top || [], m = t.rowPinning.bottom || [];
+}, B = (e) => {
+  const c = e.columnPinning.left || [], i = e.columnPinning.right || [], u = e.rowPinning.top || [], r = e.rowPinning.bottom || [];
   return {
     left: c,
-    right: s,
-    top: g,
-    bottom: m,
-    isPinning: c.length > 0 || s.length > 0 || g.length > 0 || m.length > 0
+    right: i,
+    top: u,
+    bottom: r,
+    isPinning: c.length > 0 || i.length > 0 || u.length > 0 || r.length > 0
   };
-}, I = ({
-  tableInstance: t,
+}, Q = ({
+  tableInstance: e,
   classNameWrapperTable: c,
-  classNameTable: s,
-  handlerRowClick: g,
-  privillageRowClick: m,
-  headerId: A,
-  tbodyTrId: E,
-  theadTrId: W,
-  maxHeight: M,
-  idCalculateHeight: z,
-  componentSortASC: L,
+  classNameTable: i,
+  handlerRowClick: u,
+  privillageRowClick: r,
+  headerId: z,
+  tbodyTrId: D,
+  theadTrId: w,
+  maxHeight: $,
+  idCalculateHeight: C,
+  componentSortASC: T,
   componentSortDESC: x,
-  classNamePointer: V,
-  emptyPlaceholder: d,
-  renderSubComponent: a,
-  visibilityColumns: S,
-  classNameSubMobile: j
+  classNamePointer: N,
+  emptyPlaceholder: m,
+  renderSubComponent: d,
+  visibilityColumns: h,
+  classNameSubMobile: E
 }) => /* @__PURE__ */ o(
   "div",
   {
     id: "1ru-table",
-    style: M ? { height: M, overflow: "auto" } : {},
+    style: $ ? { height: $, overflow: "auto" } : {},
     className: c ?? "",
-    children: /* @__PURE__ */ $(
+    children: /* @__PURE__ */ y(
       "table",
       {
-        className: s,
-        style: { width: X(t.getState()).isPinning ? t.getCenterTotalSize() : "" },
+        className: i,
+        style: { width: B(e.getState()).isPinning ? e.getCenterTotalSize() : "" },
         children: [
-          /* @__PURE__ */ o("thead", { id: A, "data-calculate-height-header": z, children: t.getHeaderGroups().map((u) => /* @__PURE__ */ o("tr", { children: u.headers.map((e) => {
-            var l, f, n, i;
-            const y = (f = (l = e.column.columnDef.meta) == null ? void 0 : l.rowSpan) == null ? void 0 : f.call(l, e);
-            return !e.isPlaceholder && y !== void 0 && e.id === e.column.id ? /* @__PURE__ */ o(N, {}) : /* @__PURE__ */ $(
+          /* @__PURE__ */ o("thead", { id: z, "data-calculate-height-header": C, children: e.getHeaderGroups().map((s) => /* @__PURE__ */ o("tr", { children: s.headers.map((n) => {
+            const t = n.column.columnDef.meta?.rowSpan?.(n);
+            return !n.isPlaceholder && t !== void 0 && n.id === n.column.id ? /* @__PURE__ */ o(f, {}) : /* @__PURE__ */ y(
               "th",
               {
                 style: {
-                  ..._(M, e),
-                  ...G(e.column),
-                  ...S.columns.includes(e.column.id) ? { display: "none" } : {}
+                  ...K($, n),
+                  ...R(n.column),
+                  ...h.columns.includes(n.column.id) ? { display: "none" } : {}
                 },
-                id: `${W(e)}-${e.id}`,
-                colSpan: typeof ((n = e.column.columnDef.meta) == null ? void 0 : n.colSpan) == "function" ? (i = e.column.columnDef.meta) == null ? void 0 : i.colSpan(e.column.columnDef) : e.colSpan,
-                rowSpan: y,
+                id: `${w(n)}-${n.id}`,
+                colSpan: typeof n.column.columnDef.meta?.colSpan == "function" ? n.column.columnDef.meta?.colSpan(n.column.columnDef) : n.colSpan,
+                rowSpan: t,
                 children: [
-                  e.isPlaceholder && y === void 0 ? null : /* @__PURE__ */ $(
+                  n.isPlaceholder && t === void 0 ? null : /* @__PURE__ */ y(
                     "div",
                     {
-                      className: e.column.getCanSort() ? q.sorting : "",
-                      onClick: e.column.getToggleSortingHandler(),
-                      id: e.column.getCanSort() ? `${W(e)}-${e.id}-sort` : "",
+                      className: n.column.getCanSort() ? H.sorting : "",
+                      onClick: n.column.getToggleSortingHandler(),
+                      id: n.column.getCanSort() ? `${w(n)}-${n.id}-sort` : "",
                       children: [
-                        O(e.column.columnDef.header, e.getContext()),
-                        e.column.getCanSort() && /* @__PURE__ */ o("span", { className: "iru-flex-shrink-0", children: e.column.getIsSorted() === "asc" || e.column.getIsSorted() === "desc" ? /* @__PURE__ */ $(N, { children: [
-                          e.column.getIsSorted() === "asc" && /* @__PURE__ */ o(N, { children: L }),
-                          e.column.getIsSorted() === "desc" && /* @__PURE__ */ o(N, { children: x })
-                        ] }) : /* @__PURE__ */ o(N, {}) })
+                        M(n.column.columnDef.header, n.getContext()),
+                        n.column.getCanSort() && /* @__PURE__ */ o("span", { className: "iru-flex-shrink-0", children: n.column.getIsSorted() === "asc" || n.column.getIsSorted() === "desc" ? /* @__PURE__ */ y(f, { children: [
+                          n.column.getIsSorted() === "asc" && /* @__PURE__ */ o(f, { children: T }),
+                          n.column.getIsSorted() === "desc" && /* @__PURE__ */ o(f, { children: x })
+                        ] }) : /* @__PURE__ */ o(f, {}) })
                       ]
                     }
                   ),
-                  e.column.getIsPinned() && /* @__PURE__ */ o(
+                  n.column.getIsPinned() && /* @__PURE__ */ o(
                     "div",
                     {
-                      onDoubleClick: () => e.column.resetSize(),
-                      onMouseDown: e.getResizeHandler(),
-                      onTouchStart: e.getResizeHandler(),
-                      className: q["resize-menu"]
+                      onDoubleClick: () => n.column.resetSize(),
+                      onMouseDown: n.getResizeHandler(),
+                      onTouchStart: n.getResizeHandler(),
+                      className: H["resize-menu"]
                     }
                   )
                 ]
               },
-              e.id
+              n.id
             );
-          }) }, u.id)) }),
-          /* @__PURE__ */ $("tbody", { children: [
-            t.getRowModel().rows.length > 0 && t.getRowModel().rows.map((u, e) => {
-              var y;
-              return /* @__PURE__ */ $(D.Fragment, { children: [
-                /* @__PURE__ */ o(
-                  "tr",
-                  {
-                    onClick: (l) => {
-                      l.stopPropagation(), m && typeof g == "function" && g(u.original, u);
-                    },
-                    className: m ? V : "",
-                    "data-calculate-height": `${z}-${e}`,
-                    id: E(u),
-                    children: u.getVisibleCells().map((l) => {
-                      var f, n, i;
-                      return /* @__PURE__ */ o(
-                        "td",
-                        {
-                          style: {
-                            ...typeof ((f = l.column.columnDef.meta) == null ? void 0 : f.styleTd) == "function" ? l.column.columnDef.meta.styleTd(u.original, u) : {},
-                            ...G(l.column, !0),
-                            ...S.columns.includes(l.column.id) ? { display: "none" } : {}
-                          },
-                          className: typeof ((n = l.column.columnDef.meta) == null ? void 0 : n.classNameTd) == "function" ? (i = l.column.columnDef.meta) == null ? void 0 : i.classNameTd(u.original, u) : "",
-                          id: `${E(u)}-${l.column.id}`,
-                          children: O(l.column.columnDef.cell, l.getContext())
-                        },
-                        l.id
-                      );
-                    })
+          }) }, s.id)) }),
+          /* @__PURE__ */ y("tbody", { children: [
+            e.getRowModel().rows.length > 0 && e.getRowModel().rows.map((s, n) => /* @__PURE__ */ y(p.Fragment, { children: [
+              /* @__PURE__ */ o(
+                "tr",
+                {
+                  onClick: (t) => {
+                    t.stopPropagation(), r && typeof u == "function" && u(s.original, s);
                   },
-                  u.id
-                ),
-                u.getIsExpanded() && typeof a == "function" && /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: u.getVisibleCells().length - (((y = S == null ? void 0 : S.realColumns) == null ? void 0 : y.length) || 0), children: a(u.original, u, { visibilityColumns: S, classNameSubMobile: j }) }) })
-              ] }, u.id);
-            }),
-            t.getRowModel().rows.length === 0 && D.isValidElement(d) && /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: t.getVisibleFlatColumns().length, children: d }) })
+                  className: r ? N : "",
+                  "data-calculate-height": `${C}-${n}`,
+                  id: D(s),
+                  children: s.getVisibleCells().map((t) => /* @__PURE__ */ o(
+                    "td",
+                    {
+                      style: {
+                        ...typeof t.column.columnDef.meta?.styleTd == "function" ? t.column.columnDef.meta.styleTd(s.original, s) : {},
+                        ...R(t.column, !0),
+                        ...h.columns.includes(t.column.id) ? { display: "none" } : {}
+                      },
+                      className: typeof t.column.columnDef.meta?.classNameTd == "function" ? t.column.columnDef.meta?.classNameTd(s.original, s) : "",
+                      id: `${D(s)}-${t.column.id}`,
+                      children: M(t.column.columnDef.cell, t.getContext())
+                    },
+                    t.id
+                  ))
+                },
+                s.id
+              ),
+              s.getIsExpanded() && typeof d == "function" && /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: s.getVisibleCells().length - (h?.realColumns?.length || 0), children: d(s.original, s, { visibilityColumns: h, classNameSubMobile: E }) }) })
+            ] }, s.id)),
+            e.getRowModel().rows.length === 0 && p.isValidElement(m) && /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: e.getVisibleFlatColumns().length, children: m }) })
           ] })
         ]
       }
     )
   }
-), Y = D.forwardRef((t, c) => {
-  const { context: s, ...g } = t;
-  return /* @__PURE__ */ o("thead", { id: (s == null ? void 0 : s.headerId) ?? "", ...g, ref: c });
+), I = p.forwardRef((e, c) => {
+  const { context: i, ...u } = e;
+  return /* @__PURE__ */ o("thead", { id: i?.headerId ?? "", ...u, ref: c });
 });
-Y.displayName = "VirtualizationHead";
-const b = ({ style: t, context: c, ...s }) => /* @__PURE__ */ o(
+I.displayName = "VirtualizationHead";
+const U = ({ style: e, context: c, ...i }) => /* @__PURE__ */ o(
   "table",
   {
-    ...s,
+    ...i,
     id: "1ru-table",
-    className: (c == null ? void 0 : c.classNameTable) ?? "",
-    style: { ...t, width: c == null ? void 0 : c.width }
+    className: c?.classNameTable ?? "",
+    style: { ...e, width: c?.width }
   }
-), B = ({
-  tableInstance: t,
+), X = ({
+  tableInstance: e,
   classNameWrapperTable: c,
-  handlerRowClick: s,
-  privillageRowClick: g,
-  virtualizationProps: m,
-  headerId: A,
-  tbodyTrId: E,
-  theadTrId: W,
-  classNameTable: M,
-  componentSortASC: z,
-  componentSortDESC: L,
+  handlerRowClick: i,
+  privillageRowClick: u,
+  virtualizationProps: r,
+  headerId: z,
+  tbodyTrId: D,
+  theadTrId: w,
+  classNameTable: $,
+  componentSortASC: C,
+  componentSortDESC: T,
   classNamePointer: x,
-  emptyPlaceholder: V,
-  renderSubComponent: d,
-  visibilityColumns: a,
-  classNameSubMobile: S
+  emptyPlaceholder: N,
+  renderSubComponent: m,
+  visibilityColumns: d,
+  classNameSubMobile: h
 }) => {
-  var e, y, l;
-  const [j, u] = D.useState(0);
+  const [E, s] = p.useState(0);
   return /* @__PURE__ */ o(
-    Z,
+    J,
     {
       context: {
-        headerId: A,
-        classNameTable: M,
-        width: X(t.getState()).isPinning ? t.getCenterTotalSize() : ""
+        headerId: z,
+        classNameTable: $,
+        width: B(e.getState()).isPinning ? e.getCenterTotalSize() : ""
       },
       typeHight: "min-max",
-      totalCount: ((e = t.getRowModel().rows) == null ? void 0 : e.length) || 0,
-      minLengthItem: ((y = t.getRowModel().rows) == null ? void 0 : y.length) || 0,
+      totalCount: e.getRowModel().rows?.length || 0,
+      minLengthItem: e.getRowModel().rows?.length || 0,
       typeCalculateItemSize: "auto",
       component: {
         // eslint-disable-next-line
         // @ts-ignore
-        TableHead: Y,
+        TableHead: I,
         // eslint-disable-next-line
         // @ts-ignore
-        Table: b,
-        EmptyPlaceholder: () => /* @__PURE__ */ o("tbody", { ref: (f) => {
-          var n;
-          return u(((n = f == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : n.height) ?? 0);
-        }, children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: t.getVisibleFlatColumns().length, children: D.isValidElement(V) && V }) }) })
+        Table: U,
+        EmptyPlaceholder: () => /* @__PURE__ */ o("tbody", { ref: (n) => s(n?.getBoundingClientRect()?.height ?? 0), children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { colSpan: e.getVisibleFlatColumns().length, children: p.isValidElement(N) && N }) }) })
       },
       classNameContainer: c,
-      fixedHeaderContent: () => t.getHeaderGroups().map((f) => /* @__PURE__ */ o("tr", { children: f.headers.map((n) => {
-        var w, P, C, H;
-        const i = (P = (w = n.column.columnDef.meta) == null ? void 0 : w.rowSpan) == null ? void 0 : P.call(w, n);
-        return !n.isPlaceholder && i !== void 0 && n.id === n.column.id ? /* @__PURE__ */ o(N, {}) : /* @__PURE__ */ $(
+      fixedHeaderContent: () => e.getHeaderGroups().map((n) => /* @__PURE__ */ o("tr", { children: n.headers.map((t) => {
+        const l = t.column.columnDef.meta?.rowSpan?.(t);
+        return !t.isPlaceholder && l !== void 0 && t.id === t.column.id ? /* @__PURE__ */ o(f, {}) : /* @__PURE__ */ y(
           "th",
           {
-            id: `${W(n)}-${n.id}`,
-            colSpan: n.colSpan,
-            rowSpan: i,
+            id: `${w(t)}-${t.id}`,
+            colSpan: t.colSpan,
+            rowSpan: l,
             style: {
-              ...typeof ((C = n.column.columnDef.meta) == null ? void 0 : C.styleTh) == "function" ? (H = n.column.columnDef.meta) == null ? void 0 : H.styleTh(n.column.columnDef) : {},
-              ...G(n.column),
-              ...a.columns.includes(n.column.id) ? { display: "none" } : {}
+              ...typeof t.column.columnDef.meta?.styleTh == "function" ? t.column.columnDef.meta?.styleTh(t.column.columnDef) : {},
+              ...R(t.column),
+              ...d.columns.includes(t.column.id) ? { display: "none" } : {}
             },
             children: [
-              n.isPlaceholder && i === void 0 ? null : /* @__PURE__ */ $(
+              t.isPlaceholder && l === void 0 ? null : /* @__PURE__ */ y(
                 "div",
                 {
-                  className: n.column.getCanSort() ? q.sorting : "",
-                  onClick: n.column.getToggleSortingHandler(),
-                  id: n.column.getCanSort() ? `${W(n)}-${n.id}-sort` : "",
+                  className: t.column.getCanSort() ? H.sorting : "",
+                  onClick: t.column.getToggleSortingHandler(),
+                  id: t.column.getCanSort() ? `${w(t)}-${t.id}-sort` : "",
                   children: [
-                    O(n.column.columnDef.header, n.getContext()),
-                    n.column.getCanSort() && /* @__PURE__ */ o("span", { className: "iru-flex-shrink-0", children: n.column.getIsSorted() === "asc" || n.column.getIsSorted() === "desc" ? /* @__PURE__ */ $(N, { children: [
-                      n.column.getIsSorted() === "asc" && /* @__PURE__ */ o(N, { children: z }),
-                      n.column.getIsSorted() === "desc" && /* @__PURE__ */ o(N, { children: L })
-                    ] }) : /* @__PURE__ */ o(N, {}) })
+                    M(t.column.columnDef.header, t.getContext()),
+                    t.column.getCanSort() && /* @__PURE__ */ o("span", { className: "iru-flex-shrink-0", children: t.column.getIsSorted() === "asc" || t.column.getIsSorted() === "desc" ? /* @__PURE__ */ y(f, { children: [
+                      t.column.getIsSorted() === "asc" && /* @__PURE__ */ o(f, { children: C }),
+                      t.column.getIsSorted() === "desc" && /* @__PURE__ */ o(f, { children: T })
+                    ] }) : /* @__PURE__ */ o(f, {}) })
                   ]
                 }
               ),
-              n.column.getIsPinned() && /* @__PURE__ */ o(
+              t.column.getIsPinned() && /* @__PURE__ */ o(
                 "div",
                 {
-                  onDoubleClick: () => n.column.resetSize(),
-                  onMouseDown: n.getResizeHandler(),
-                  onTouchStart: n.getResizeHandler(),
-                  className: q["resize-menu"]
+                  onDoubleClick: () => t.column.resetSize(),
+                  onMouseDown: t.getResizeHandler(),
+                  onTouchStart: t.getResizeHandler(),
+                  className: H["resize-menu"]
                 }
               )
             ]
           },
-          n.id
+          t.id
         );
-      }) }, f.id)),
-      itemContent: (f, n) => {
-        var w, P;
-        const i = (P = (w = t.getRowModel()) == null ? void 0 : w.rows) == null ? void 0 : P[n];
-        return /* @__PURE__ */ o(f, { children: ({ ...C }) => {
-          var H;
-          return /* @__PURE__ */ $(D.Fragment, { children: [
-            /* @__PURE__ */ o(
-              "tr",
-              {
-                ...C,
-                onClick: (r) => {
-                  r.stopPropagation(), g && typeof s == "function" && s(i.original, i);
+      }) }, n.id)),
+      itemContent: (n, t) => {
+        const l = e.getRowModel()?.rows?.[t];
+        return /* @__PURE__ */ o(n, { children: ({ ...W }) => /* @__PURE__ */ y(p.Fragment, { children: [
+          /* @__PURE__ */ o(
+            "tr",
+            {
+              ...W,
+              onClick: (g) => {
+                g.stopPropagation(), u && typeof i == "function" && i(l.original, l);
+              },
+              className: u ? x : "",
+              id: D(l),
+              children: l.getVisibleCells().map((g) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
+                "td",
+                {
+                  style: {
+                    ...typeof g.column.columnDef.meta?.styleTd == "function" ? g.column.columnDef.meta.styleTd(l.original, l) : {},
+                    ...R(g.column, !0),
+                    ...d.columns.includes(g.column.id) ? { display: "none" } : {}
+                  },
+                  className: typeof g.column.columnDef.meta?.classNameTd == "function" ? g.column.columnDef.meta?.classNameTd(l.original, l) : "",
+                  id: `${D(l)}-${g.column.id}`,
+                  children: M(g.column.columnDef.cell, g.getContext())
                 },
-                className: g ? x : "",
-                id: E(i),
-                children: i.getVisibleCells().map((r) => {
-                  var T, h, F;
-                  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
-                    "td",
-                    {
-                      style: {
-                        ...typeof ((T = r.column.columnDef.meta) == null ? void 0 : T.styleTd) == "function" ? r.column.columnDef.meta.styleTd(i.original, i) : {},
-                        ...G(r.column, !0),
-                        ...a.columns.includes(r.column.id) ? { display: "none" } : {}
-                      },
-                      className: typeof ((h = r.column.columnDef.meta) == null ? void 0 : h.classNameTd) == "function" ? (F = r.column.columnDef.meta) == null ? void 0 : F.classNameTd(i.original, i) : "",
-                      id: `${E(i)}-${r.column.id}`,
-                      children: O(r.column.columnDef.cell, r.getContext())
-                    },
-                    r.id
-                  ) });
-                })
-              }
-            ),
-            i.getIsExpanded() && typeof d == "function" && /* @__PURE__ */ o("tr", { "data-sub-component": n, children: /* @__PURE__ */ o("td", { colSpan: i.getVisibleCells().length - (((H = a == null ? void 0 : a.realColumns) == null ? void 0 : H.length) || 0), children: d(i.original, i, { visibilityColumns: a, classNameSubMobile: S }) }) })
-          ] }, i.id);
-        } }, i.id);
+                g.id
+              ) }))
+            }
+          ),
+          l.getIsExpanded() && typeof m == "function" && /* @__PURE__ */ o("tr", { "data-sub-component": t, children: /* @__PURE__ */ o("td", { colSpan: l.getVisibleCells().length - (d?.realColumns?.length || 0), children: m(l.original, l, { visibilityColumns: d, classNameSubMobile: h }) }) })
+        ] }, l.id) }, l.id);
       },
-      ...m,
-      minHeightItem: ((m == null ? void 0 : m.minHeightItem) ?? 60) + ((((l = t.getRowModel().rows) == null ? void 0 : l.length) || 0) > 0 ? 0 : j),
-      itemSizeNames: typeof d == "function" ? [...(m == null ? void 0 : m.itemSizeNames) ?? [], "data-sub-component"] : m == null ? void 0 : m.itemSizeNames
+      ...r,
+      minHeightItem: (r?.minHeightItem ?? 60) + ((e.getRowModel().rows?.length || 0) > 0 ? 0 : E),
+      itemSizeNames: typeof m == "function" ? [...r?.itemSizeNames ?? [], "data-sub-component"] : r?.itemSizeNames
     }
   );
-}, it = ({
-  tableInstance: t,
+}, ot = ({
+  tableInstance: e,
   classNameWrapperTable: c = "",
-  classNameTable: s = "",
-  collapseAll: g = !0,
-  handlerRowClick: m,
-  privillageRowClick: A = !1,
-  virtualization: E = !1,
-  virtualizationProps: W,
-  headerId: M = "",
-  tbodyTrId: z = () => "",
-  theadTrId: L = () => "",
+  classNameTable: i = "",
+  collapseAll: u = !0,
+  handlerRowClick: r,
+  privillageRowClick: z = !1,
+  virtualization: D = !1,
+  virtualizationProps: w,
+  headerId: $ = "",
+  tbodyTrId: C = () => "",
+  theadTrId: T = () => "",
   maxHeight: x = 0,
-  idCalculateHeight: V = void 0,
-  kind: d = "laba-reguler",
-  componentSortASC: a,
-  componentSortDESC: S,
-  scrollTop: j = !1,
-  emptyPlaceholder: u,
-  variant: e,
-  renderSubComponent: y,
+  idCalculateHeight: N = void 0,
+  kind: m = "laba-reguler",
+  componentSortASC: d,
+  componentSortDESC: h,
+  scrollTop: E = !1,
+  emptyPlaceholder: s,
+  variant: n,
+  renderSubComponent: t,
   columnBreakpoints: l
 }) => {
-  var H;
-  const [f, n] = D.useState(0), [i, w] = D.useState({
+  const [W, g] = p.useState(0), [A, L] = p.useState({
     columns: [],
     realColumns: []
-  }), P = () => {
-    if (![void 0, "undefined"].includes(V)) {
-      const r = document.querySelector(`[data-calculate-height-header="${V}"]`);
-      let T = 0;
-      const h = document.querySelectorAll(`[data-calculate-height^="${V}-"]`);
-      return h == null || h.forEach((F) => {
-        T += F.offsetHeight;
-      }), T > x ? x + r.offsetHeight : 0;
+  }), G = () => {
+    if (![void 0, "undefined"].includes(N)) {
+      const V = document.querySelector(`[data-calculate-height-header="${N}"]`);
+      let F = 0;
+      return document.querySelectorAll(`[data-calculate-height^="${N}-"]`)?.forEach((S) => {
+        F += S.offsetHeight;
+      }), F > x ? x + V.offsetHeight : 0;
     }
     return x;
-  }, C = () => {
-    var F;
-    const r = ((F = document.querySelector("body")) == null ? void 0 : F.offsetWidth) || 0, T = l == null ? void 0 : l.sort((R, K) => {
-      const Q = (R.maxWidth ?? R.minWidth) || 0, U = (K.maxWidth ?? K.minWidth) || 0;
-      return Q !== U ? Q - U : R.maxWidth ? -1 : 1;
-    }), h = (T == null ? void 0 : T.find((R) => !!(Object.hasOwnProperty.call(R, "maxWidth") && r <= (R.maxWidth || 0) || Object.hasOwnProperty.call(R, "minWidth") && r >= (R.minWidth || 0)))) || {};
-    Object.keys(h).length > 0 ? (w({
-      columns: h.columns,
-      realColumns: h.realColumns || h.columns
-    }), h != null && h.resetExpanded && t.resetExpanded()) : w({ columns: [], realColumns: [] });
+  }, b = () => {
+    const V = document.querySelector("body")?.offsetWidth || 0, P = l?.sort((S, j) => {
+      const O = (S.maxWidth ?? S.minWidth) || 0, q = (j.maxWidth ?? j.minWidth) || 0;
+      return O !== q ? O - q : S.maxWidth ? -1 : 1;
+    })?.find((S) => !!(Object.hasOwnProperty.call(S, "maxWidth") && V <= (S.maxWidth || 0) || Object.hasOwnProperty.call(S, "minWidth") && V >= (S.minWidth || 0))) || {};
+    Object.keys(P).length > 0 ? (L({
+      columns: P.columns,
+      realColumns: P.realColumns || P.columns
+    }), P?.resetExpanded && e.resetExpanded()) : L({ columns: [], realColumns: [] });
   };
-  return J(() => {
-    !g && typeof t.toggleAllRowsExpanded == "function" && t.toggleAllRowsExpanded();
-  }, [g, t == null ? void 0 : t.toggleAllRowsExpanded]), J(() => {
-    x > 0 && n(P());
-  }, [(H = t == null ? void 0 : t.options) == null ? void 0 : H.data, x]), J(() => {
-    if (Array.isArray(l) && (l == null ? void 0 : l.length) > 0)
-      return C(), window.addEventListener("resize", C), () => {
-        window.removeEventListener("resize", C);
+  return v(() => {
+    !u && typeof e.toggleAllRowsExpanded == "function" && e.toggleAllRowsExpanded();
+  }, [u, e?.toggleAllRowsExpanded]), v(() => {
+    x > 0 && g(G());
+  }, [e?.options?.data, x]), v(() => {
+    if (Array.isArray(l) && l?.length > 0)
+      return b(), window.addEventListener("resize", b), () => {
+        window.removeEventListener("resize", b);
       };
-  }, [l]), /* @__PURE__ */ $(N, { children: [
-    !E && /* @__PURE__ */ o(
-      I,
+  }, [l]), /* @__PURE__ */ y(f, { children: [
+    !D && /* @__PURE__ */ o(
+      Q,
       {
-        theadTrId: L,
-        tbodyTrId: z,
-        headerId: M,
-        tableInstance: t,
-        classNameTable: s,
-        classNameWrapperTable: `${p().kind[d]} ${e ? p().variant[e] : ""}
-          ${j ? p().utility["table-scroll-top"] : ""} ${c}`,
-        handlerRowClick: m,
-        privillageRowClick: A,
-        maxHeight: f,
-        idCalculateHeight: V,
-        componentSortASC: D.isValidElement(a) ? a : p().sortingIcon[d].asc,
-        componentSortDESC: D.isValidElement(S) ? S : p().sortingIcon[d].desc,
-        classNamePointer: p().pointer[d],
-        emptyPlaceholder: u,
-        renderSubComponent: y,
-        visibilityColumns: i,
-        classNameSubMobile: p().subMobile[d]
+        theadTrId: T,
+        tbodyTrId: C,
+        headerId: $,
+        tableInstance: e,
+        classNameTable: i,
+        classNameWrapperTable: `${a().kind[m]} ${n ? a().variant[n] : ""}
+          ${E ? a().utility["table-scroll-top"] : ""} ${c}`,
+        handlerRowClick: r,
+        privillageRowClick: z,
+        maxHeight: W,
+        idCalculateHeight: N,
+        componentSortASC: p.isValidElement(d) ? d : a().sortingIcon[m].asc,
+        componentSortDESC: p.isValidElement(h) ? h : a().sortingIcon[m].desc,
+        classNamePointer: a().pointer[m],
+        emptyPlaceholder: s,
+        renderSubComponent: t,
+        visibilityColumns: A,
+        classNameSubMobile: a().subMobile[m]
       }
     ),
-    E && /* @__PURE__ */ o(
-      B,
+    D && /* @__PURE__ */ o(
+      X,
       {
-        theadTrId: L,
-        tbodyTrId: z,
-        headerId: M,
-        tableInstance: t,
-        classNameTable: s,
-        classNameWrapperTable: `${p().kind[d]} ${e ? p().variant[e] : ""}
-          ${j ? p().utility["table-scroll-top"] : ""} ${c}`,
-        handlerRowClick: m,
-        privillageRowClick: A,
-        virtualizationProps: W,
-        componentSortASC: D.isValidElement(a) ? a : p().sortingIcon[d].asc,
-        componentSortDESC: D.isValidElement(S) ? S : p().sortingIcon[d].desc,
-        classNamePointer: p().pointer[d],
-        emptyPlaceholder: u,
-        renderSubComponent: y,
-        visibilityColumns: i,
-        classNameSubMobile: p().subMobile[d]
+        theadTrId: T,
+        tbodyTrId: C,
+        headerId: $,
+        tableInstance: e,
+        classNameTable: i,
+        classNameWrapperTable: `${a().kind[m]} ${n ? a().variant[n] : ""}
+          ${E ? a().utility["table-scroll-top"] : ""} ${c}`,
+        handlerRowClick: r,
+        privillageRowClick: z,
+        virtualizationProps: w,
+        componentSortASC: p.isValidElement(d) ? d : a().sortingIcon[m].asc,
+        componentSortDESC: p.isValidElement(h) ? h : a().sortingIcon[m].desc,
+        classNamePointer: a().pointer[m],
+        emptyPlaceholder: s,
+        renderSubComponent: t,
+        visibilityColumns: A,
+        classNameSubMobile: a().subMobile[m]
       }
     )
   ] });
 };
 export {
-  Y as VirtualizationHead,
-  b as VirtualizationTable,
-  it as default
+  I as VirtualizationHead,
+  U as VirtualizationTable,
+  ot as default
 };