urfu-ui-kit-react 2.1.5 → 2.1.7-next.0

package/dist/components/Table/TableRow.js

@@ -1,136 +1,140 @@
 import { jsx as p, jsxs as X } from "react/jsx-runtime";
 import { adaptTypographyStyle$u as S, pxAdd$u as w } from "./Table.helpers.js";
-import { handleDragOver$u as Y, handleDragStart$u as o } from "./Functions.js";
-const q = "auto", J = ({
+import { handleDragOver$u as Y, handleDragStart$u as q } from "./Functions.js";
+import { prefersReducedMotion$u as z } from "../../vanilla/core/motion.js";
+const C = "auto", P = ({
   item: r,
   i: e,
-  level: k,
-  rowKey: b,
-  absoluteIndex: s,
+  level: v,
+  rowKey: o,
+  absoluteIndex: i,
   filteredColumns: f,
   id: $,
   virtualizationOn: h,
   start: j,
-  draggable: L,
-  rowRefs: D,
+  draggable: D,
+  rowRefs: L,
   resize: a,
   columnWidths: y,
-  parentDataField: i,
+  parentDataField: s,
   calcLeftValues: W,
   handleDrop: x,
   insertChildRows: B,
   removeChildRows: E,
-  cellStyle: N,
-  tdStyle: A,
-  allTdStyleFunction: g,
-  cellContentStyle: M,
-  tdContentStyle: R,
-  allTdContentStyleFunction: v,
-  fillColumnIndex: O = -1
+  cellStyle: M,
+  tdStyle: N,
+  allTdStyleFunction: k,
+  cellContentStyle: R,
+  tdContentStyle: A,
+  allTdContentStyleFunction: g,
+  fillColumnIndex: b = -1
 }) => /* @__PURE__ */ p(
   "tr",
   {
-    "data-virtual-index": h && s !== void 0 ? s : void 0,
-    id: `row${k ? `${k}.` : ""}${e}`,
-    draggable: L,
-    onDragStart: (t) => o(t, String(e)),
+    "data-virtual-index": h && i !== void 0 ? i : void 0,
+    id: `row${v ? `${v}.` : ""}${e}`,
+    draggable: D,
+    onDragStart: (t) => q(t, String(e)),
     onDragOver: (t) => Y(t),
     onDrop: (t) => x(t, e),
-    ref: h && s !== void 0 ? (t) => {
-      D.current[s] = t;
+    ref: h && i !== void 0 ? (t) => {
+      L.current[i] = t;
     } : void 0,
-    children: f == null ? void 0 : f.map((t, d) => /* @__PURE__ */ X(
-      "td",
-      {
-        id: `${$}td${e}${d}`,
-        className: `${t.sticky ? "sticky" : ""}`,
-        style: S(
-          Object.assign(
-            {
-              left: t.sticky ? W(d) : "",
-              // Вид по умолчанию 2.0 — как в Meetings: 15px сверху и снизу,
-              // боковой отступ держит блок содержимого (.u-table-td-content).
-              // Инлайном, потому что vanilla задаёт ячейке свои 20px и порядок
-              // подключения стилей у проектов разный. tdStyle по-прежнему главнее.
-              padding: "calc(15 * var(--u-unit, 1px)) 0",
-              display: i && d === 0 && r[i] ? "flex" : "table-cell",
-              gap: "calc(4 * var(--u-preset-unit, 1px))"
-            },
-            N,
-            A,
-            t.tdStyle,
-            t.cellStyle,
-            g && g(r),
-            t.tdStyleFunction && t.tdStyleFunction(r)
-          )
-        ),
-        children: [
-          /* @__PURE__ */ p(
-            "div",
-            {
-              className: "u-table-td-content",
-              style: S(
-                Object.assign(
+    children: f == null ? void 0 : f.map((t, d) => {
+      var O;
+      return /* @__PURE__ */ X(
+        "td",
+        {
+          id: `${$}td${e}${d}`,
+          className: `${t.sticky ? "sticky" : ""}`,
+          style: S(
+            Object.assign(
+              {
+                left: t.sticky ? W(d) : "",
+                // Вид по умолчанию 2.0 — как в Meetings: 15px сверху и снизу,
+                // боковой отступ держит блок содержимого (.u-table-td-content).
+                // Инлайном, потому что vanilla задаёт ячейке свои 20px и порядок
+                // подключения стилей у проектов разный. tdStyle по-прежнему главнее.
+                padding: "calc(15 * var(--u-unit, 1px)) 0",
+                display: s && d === 0 && r[s] ? "flex" : "table-cell",
+                gap: "calc(4 * var(--u-preset-unit, 1px))"
+              },
+              M,
+              N,
+              t.tdStyle,
+              t.cellStyle,
+              k && k(r),
+              t.tdStyleFunction && t.tdStyleFunction(r)
+            )
+          ),
+          children: [
+            /* @__PURE__ */ p(
+              "div",
+              {
+                className: "u-table-td-content",
+                style: S(
+                  Object.assign(
+                    {
+                      // Растянутая колонка: width колонки — нижняя граница, иначе текст
+                      // переносится по ней посреди широкой пустой ячейки, а скелетон
+                      // меряет тот же узкий блок и висит по центру.
+                      width: d === b && !(a && !t.resizeOff) ? "100%" : a && !t.resizeOff && (t != null && t.width) ? y[t.field] >= t.width ? y[t.field] : w(t.width) : a && !t.resizeOff || t != null && t.width ? y[t.field] || (t == null ? void 0 : t.width) : C,
+                      minWidth: d === b && !(a && !t.resizeOff) && t.width ? w(t.width) : a && !t.resizeOff && t.width ? w(t.width) : "",
+                      position: t.sticky ? "sticky" : "",
+                      overflowX: "hidden",
+                      // break-word, а не anywhere: с anywhere минимальная ширина колонки без width — одна буква,
+                      // и на узком экране слова рвались посередине («Петр/ов»). Как во Vue-ките.
+                      overflowWrap: "break-word",
+                      overflowY: "hidden",
+                      display: "-webkit-box",
+                      WebkitLineClamp: 15,
+                      WebkitBoxOrient: "vertical"
+                    },
+                    R,
+                    A,
+                    t.tdContentStyle,
+                    t.cellContentStyle,
+                    g && g(r),
+                    t.tdContentStyleFunction && t.tdContentStyleFunction(r)
+                  )
+                ),
+                children: t.render ? t.render(r, e) : r[t.field]
+              }
+            ),
+            !r.notExpandable && s && d === 0 && (((O = r[s]) == null ? void 0 : O.length) ?? 0) > 0 && /* @__PURE__ */ p(
+              "svg",
+              {
+                width: "12",
+                height: "12",
+                viewBox: "0 0 12 13",
+                fill: "none",
+                style: {
+                  cursor: "pointer",
+                  margin: "auto calc(8 * var(--u-preset-unit, 1px)) auto auto",
+                  transform: r.parentDataOpened ? "rotate(180deg)" : "",
+                  transition: z() ? "none" : "transform var(--u-duration-base, .2s) var(--u-ease-move, cubic-bezier(.2, 0, 0, 1))"
+                },
+                onClick: () => {
+                  r.parentDataOpened ? E(e) : B(e);
+                },
+                children: /* @__PURE__ */ p(
+                  "path",
                   {
-                    // Растянутая колонка: width колонки — нижняя граница, иначе текст
-                    // переносится по ней посреди широкой пустой ячейки, а скелетон
-                    // меряет тот же узкий блок и висит по центру.
-                    width: d === O && !(a && !t.resizeOff) ? "100%" : a && !t.resizeOff && (t != null && t.width) ? y[t.field] >= t.width ? y[t.field] : w(t.width) : a && !t.resizeOff || t != null && t.width ? y[t.field] || (t == null ? void 0 : t.width) : q,
-                    minWidth: d === O && !(a && !t.resizeOff) && t.width ? w(t.width) : a && !t.resizeOff && t.width ? w(t.width) : "",
-                    position: t.sticky ? "sticky" : "",
-                    overflowX: "hidden",
-                    // break-word, а не anywhere: с anywhere минимальная ширина колонки без width — одна буква,
-                    // и на узком экране слова рвались посередине («Петр/ов»). Как во Vue-ките.
-                    overflowWrap: "break-word",
-                    overflowY: "hidden",
-                    display: "-webkit-box",
-                    WebkitLineClamp: 15,
-                    WebkitBoxOrient: "vertical"
-                  },
-                  M,
-                  R,
-                  t.tdContentStyle,
-                  t.cellContentStyle,
-                  v && v(r),
-                  t.tdContentStyleFunction && t.tdContentStyleFunction(r)
+                    d: "M1 4.5625L5.99999 9.5625L11 4.5625",
+                    stroke: "#1E4391",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
                 )
-              ),
-              children: t.render ? t.render(r, e) : r[t.field]
-            }
-          ),
-          !r.notExpandable && i && d === 0 && r[i] && r[i].length > 0 && /* @__PURE__ */ p(
-            "svg",
-            {
-              width: "12",
-              height: "12",
-              viewBox: "0 0 12 13",
-              fill: "none",
-              style: {
-                cursor: "pointer",
-                margin: "auto calc(8 * var(--u-preset-unit, 1px)) auto auto",
-                transform: r.parentDataOpened ? "rotate(180deg)" : "",
-                transition: "transform 0.2s ease"
-              },
-              onClick: () => {
-                r.parentDataOpened ? E(e) : B(e);
-              },
-              children: /* @__PURE__ */ p(
-                "path",
-                {
-                  d: "M1 4.5625L5.99999 9.5625L11 4.5625",
-                  stroke: "#1E4391",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            }
-          )
-        ]
-      },
-      t.key ? t.key : t.field ? t.field : d
-    ))
+              }
+            )
+          ]
+        },
+        t.key ? t.key : t.field ? t.field : d
+      );
+    })
   },
-  b ?? r.id ?? (h ? j + e : e)
+  o ?? r.id ?? (h ? j + e : e)
 );
-export { J as TableRow$u };
+export { P as TableRow$u };

package/dist/components/Table/useTableColumnPinning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumnPinning.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useTableColumnPinning.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAa5D,uEAAuE;AACvE,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAC3E,OAAO,EAAE,sBAAsB,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;sBAiBa,GAAG;6BAGzE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAHmE,GAAG;8BAGzE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyC5B"}
+{"version":3,"file":"useTableColumnPinning.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useTableColumnPinning.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAa5D,uEAAuE;AACvE,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAC3E,OAAO,EAAE,sBAAsB,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;sBAyB3B,GAAG;6BAG9C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAHwC,GAAG;8BAG9C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCf"}

package/dist/components/Table/useTableVirtualization.d.ts

@@ -1,6 +1,6 @@
 import type { SkeletonTdStyle } from "./Table.types";
-interface UseTableVirtualizationParams {
-    filteredData: any[];
+interface UseTableVirtualizationParams<Row> {
+    filteredData: Row[];
     virtualizationOn?: boolean;
     visibleRows: number;
     rowHeight: number;
@@ -10,13 +10,13 @@ interface UseTableVirtualizationParams {
     page?: number;
     pageSize?: number;
 }
-export declare const useTableVirtualization: ({ filteredData, virtualizationOn, visibleRows, rowHeight, isLoading, isLoadingPreloader, id, page, pageSize, }: UseTableVirtualizationParams) => {
+export declare const useTableVirtualization: <Row>({ filteredData, virtualizationOn, visibleRows, rowHeight, isLoading, isLoadingPreloader, id, page, pageSize, }: UseTableVirtualizationParams<Row>) => {
     rootRef: import("react").MutableRefObject<HTMLDivElement>;
     start: number;
     visibleCount: number;
-    pagedData: any[];
+    pagedData: Row[];
     hasOverflow: boolean;
-    topPadding: any;
+    topPadding: number;
     bottomPadding: number;
     rowRefs: import("react").MutableRefObject<Record<number, HTMLTableRowElement>>;
     rowHeightsRef: import("react").MutableRefObject<number[]>;

package/dist/components/Table/useTableVirtualization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableVirtualization.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useTableVirtualization.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,UAAU,4BAA4B;IACpC,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,sBAAsB,GAAI,gHAUpC,4BAA4B;;;;;;;;;;;;;;;;CAwP9B,CAAC"}
+{"version":3,"file":"useTableVirtualization.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useTableVirtualization.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,4BAA4B,CAAC,GAAG;IACxC,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,sBAAsB,GAAI,GAAG,EAAE,gHAUzC,4BAA4B,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;CAwPnC,CAAC"}

package/dist/components/Table/useTableVirtualization.js

@@ -1,4 +1,4 @@
-import { useRef as i, useState as A, useLayoutEffect as k, useCallback as N, useMemo as Z, useEffect as B } from "react";
+import { useRef as i, useState as A, useLayoutEffect as N, useCallback as k, useMemo as Z, useEffect as B } from "react";
 const ot = ({
   filteredData: e,
   virtualizationOn: c,
@@ -11,7 +11,7 @@ const ot = ({
   pageSize: p
 }) => {
   const s = i(null), [h, P] = A(0), [_, $] = A(0), d = i([]), j = i([]), F = i([]), G = i([]), J = i([]), K = i({}), T = i(0);
-  k(() => {
+  N(() => {
     if (!C && !S && s.current) {
       if (e.length === 0) {
         T.current = 0;
@@ -21,7 +21,7 @@ const ot = ({
       t > 0 && (T.current = t);
     }
   });
-  const [L, O] = A(void 0), Q = N(
+  const [L, O] = A(void 0), Q = k(
     (t) => d.current[t] ?? I,
     [I]
   ), l = Z(() => {
@@ -32,7 +32,7 @@ const ot = ({
   }, [e.length, Q, _]), a = Z(
     () => l.length > 0 ? l[l.length - 1] : 0,
     [l]
-  ), w = q + 1, U = N(
+  ), b = q + 1, U = k(
     (t) => {
       let n = 0, o = l.length - 1;
       for (; n < o; ) {
@@ -44,15 +44,15 @@ const ot = ({
     [l, e.length]
   ), X = typeof H == "number" && typeof p == "number" && p > 0, z = X ? e.slice((H - 1) * p, H * p) : e, f = c && !X && e.length > q, D = f ? l[h] : 0, tt = f ? Math.max(
     0,
-    a - l[Math.min(e.length, h + w)]
-  ) : 0, V = N(
+    a - l[Math.min(e.length, h + b)]
+  ) : 0, V = k(
     (t) => {
       if (!f)
         return;
-      const n = t.target, o = Math.max(0, e.length - w), r = Math.min(o, U(n.scrollTop));
+      const n = t.target, o = Math.max(0, e.length - b), r = Math.min(o, U(n.scrollTop));
       P(r);
     },
-    [e.length, U, f, w]
+    [e.length, U, f, b]
   );
   B(() => {
     if (c && s.current) {
@@ -77,14 +77,14 @@ const ot = ({
     return o.observe(t), () => o.disconnect();
   }, [c]);
   const Y = i(null);
-  return k(() => {
+  return N(() => {
     if (!c || C) return;
     const t = Y.current;
     Y.current = { data: e, width: M }, !(!t || t.data === e && t.width === M) && (d.current = [], $((n) => n + 1));
   }, [c, C, e, M]), B(() => {
     if (!c)
       return;
-    const t = f ? h : 0, n = f ? Math.min(e.length, h + w) : e.length;
+    const t = f ? h : 0, n = f ? Math.min(e.length, h + b) : e.length;
     let o = !1;
     for (let r = t; r < n; r++) {
       const u = K.current[r];
@@ -93,16 +93,16 @@ const ot = ({
       (!d.current[r] || Math.abs(d.current[r] - m) > 0.5) && (d.current[r] = m, o = !0);
     }
     o && $((r) => r + 1);
-  }, [c, f, h, w, e.length, M]), k(() => {
+  }, [c, f, h, b, e.length, M]), N(() => {
     var t;
     if (!C && e.length > 0) {
-      const n = Array.from(((t = s.current) == null ? void 0 : t.querySelectorAll(".table tbody tr")) ?? []).filter((b) => b.cells.length > 0), o = new Array(e.length).fill(void 0), r = new Array(e.length).fill(void 0), u = new Array(e.length).fill(void 0), m = new Array(e.length).fill(void 0), v = new Array(e.length).fill(void 0);
-      n.forEach((b, W) => {
-        const y = Number(b.dataset.virtualIndex ?? W);
-        if (isNaN(y)) return;
-        const nt = b.getBoundingClientRect().height;
+      const n = Array.from(((t = s.current) == null ? void 0 : t.querySelectorAll(".table tbody tr")) ?? []).filter((w) => w.cells.length > 0), o = new Array(e.length).fill(void 0), r = new Array(e.length).fill(void 0), u = new Array(e.length).fill(void 0), m = new Array(e.length).fill(void 0), v = new Array(e.length).fill(void 0);
+      n.forEach((w, W) => {
+        const y = Number(w.dataset.virtualIndex ?? W);
+        if (Number.isNaN(y)) return;
+        const nt = w.getBoundingClientRect().height;
         o[y] = nt;
-        const x = Array.from(b.children);
+        const x = Array.from(w.children);
         r[y] = x.map((R) => R.getBoundingClientRect().height), u[y] = x.map((R) => {
           const g = R.firstElementChild;
           return g ? g.getBoundingClientRect().height : 0;
@@ -117,9 +117,9 @@ const ot = ({
             background: g.background
           };
         });
-      }), d.current = o.map((b, W) => b ?? d.current[W]), j.current = r.filter(Boolean), F.current = u.filter(Boolean), G.current = m.filter(Boolean), J.current = v.filter(Boolean);
+      }), d.current = o.map((w, W) => w ?? d.current[W]), j.current = r.filter(Boolean), F.current = u.filter(Boolean), G.current = m.filter(Boolean), J.current = v.filter(Boolean);
     }
-  }, [C, e, E, H, p, h, w]), B(() => {
+  }, [C, e, E, H, p, h, b]), B(() => {
     !S && e.length > 0 && setTimeout(() => {
       const t = document.querySelector(`#${E} .table tbody`);
       t && O(t.getBoundingClientRect().height);
@@ -127,7 +127,7 @@ const ot = ({
   }, [S, e, E]), {
     rootRef: s,
     start: h,
-    visibleCount: w,
+    visibleCount: b,
     pagedData: z,
     hasOverflow: f,
     topPadding: D,

package/dist/components/Tabs/Tabs.d.ts

@@ -3,5 +3,5 @@
 import './Tabs.less';
 import '../../styles/tokens.less';
 import type { TabsProperties } from './Tabs.types';
-export declare const Tabs: ({ onClick, tabsData, activeTab, className, variant, fullWidth, tooltipOn, tooltipDisabled, }: TabsProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ onClick, tabsData, activeTab, className, variant, fullWidth, tooltipOn, tooltipDisabled, LinkComponent, ariaLabel, }: TabsProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,aAAa,CAAC;AACrB,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,cAAc,CAAC;AAWvE,eAAO,MAAM,IAAI,GAAI,8FASlB,cAAc,4CAyKhB,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,aAAa,CAAC;AACrB,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,cAAc,CAAC;AA0BvE,eAAO,MAAM,IAAI,GAAI,wHAWlB,cAAc,4CA6LhB,CAAC"}