triafly-ui-kit 1.0.43 → 1.0.47

package/dist/components/Ui/Icons/index.js

@@ -1,4 +1,4 @@
-import { IconArrowBendUpRight as c, IconArrowClockwise as I, IconArrowDown as e, IconArrowLeft as r, IconArrowLineDown as i, IconArrowLineLeft as t, IconArrowLineRight as a, IconArrowLineUp as l, IconArrowRight as s, IconArrowUp as C, IconArrowsOut as w, IconArticle as h, IconAt as p, IconBellSimple as g, IconBookOpenText as u, IconCalendarBlank as S, IconCaretDown as A, IconCaretLeft as D, IconCaretRight as L, IconCaretUp as d, IconCaretUpDown as k, IconChartPieSlice as U, IconChatText as P, IconCheck as F, IconCheckCircle as T, IconChecks as f, IconCircleNotch as y, IconCopy as B, IconCornersOut as R, IconCsv as X, IconCube as m, IconDatabase as x, IconDotsNine as M, IconDotsThreeVertical as v, IconExport as H, IconEye as N, IconEyeSlash as O, IconFile as Q, IconFiles as E, IconFloppyDisk as G, IconFolderSimple as b, IconFolderSimpleX as W, IconFunnel as z, IconGauge as J, IconGear as V, IconGoogleDrive as Y, IconHand as j, IconHeadCircuit as q, IconHouse as K, IconIcon as Z, IconInfo as _, IconJoin as $, IconLanguage as oo, IconLink as no, IconList as co, IconLock as Io, IconLockOpen as eo, IconMariaDB as ro, IconMinus as io, IconMongoDB as to, IconMoon as ao, IconMySQL as lo, IconNavigationArrow as so, IconNotePencil as Co, IconPassword as wo, IconPen as ho, IconPlay as po, IconPlugsX as go, IconPlus as uo, IconPorsgteSQL as So, IconPresentationChart as Ao, IconQuestion as Do, IconQuestionFullfilled as Lo, IconRedo as ko, IconRoleX as Uo, IconSearch as Po, IconSearchX as Fo, IconSelection as To, IconServer as fo, IconSlidersHorizontal as yo, IconSticker as Bo, IconSun as Ro, IconThreeDot as Xo, IconTrash as mo, IconTriangleDown as xo, IconTriangleUp as Mo, IconUndo as vo, IconUploadSimple as Ho, IconUser as No, IconUserX as Oo, IconWarningCircle as Qo, IconWrench as Eo, IconX as Go, IconYandexDisk as bo } from "./Icons.js";
+import { IconArrowBendUpRight as c, IconArrowClockwise as I, IconArrowDown as e, IconArrowLeft as r, IconArrowLineDown as i, IconArrowLineLeft as t, IconArrowLineRight as a, IconArrowLineUp as l, IconArrowRight as s, IconArrowUp as C, IconArrowsOut as h, IconArticle as w, IconAt as p, IconBellSimple as u, IconBookOpenText as g, IconCalendarBlank as S, IconCaretDown as A, IconCaretLeft as D, IconCaretRight as L, IconCaretUp as d, IconCaretUpDown as k, IconChartPieSlice as U, IconChatText as P, IconCheck as B, IconCheckCircle as F, IconChecks as T, IconCircleNotch as X, IconClickHouse as f, IconCopy as y, IconCornersOut as R, IconCsv as m, IconCube as x, IconDatabase as H, IconDotsNine as M, IconDotsThreeVertical as v, IconExport as G, IconEye as N, IconEyeSlash as O, IconFile as Q, IconFiles as E, IconFloppyDisk as b, IconFolderSimple as W, IconFolderSimpleX as z, IconFunnel as J, IconGauge as V, IconGear as Y, IconGitBranchX as j, IconGoogleDrive as q, IconHand as K, IconHeadCircuit as Z, IconHouse as _, IconIcon as $, IconInfo as oo, IconJoin as no, IconLanguage as co, IconLink as Io, IconList as eo, IconLock as ro, IconLockOpen as io, IconMariaDB as to, IconMinus as ao, IconMongoDB as lo, IconMoon as so, IconMySQL as Co, IconNavigationArrow as ho, IconNotePencil as wo, IconPassword as po, IconPen as uo, IconPlay as go, IconPlugsX as So, IconPlus as Ao, IconPorsgteSQL as Do, IconPresentationChart as Lo, IconQuestion as ko, IconQuestionFullfilled as Uo, IconRedo as Po, IconRoleX as Bo, IconSearch as Fo, IconSearchX as To, IconSelection as Xo, IconServer as fo, IconSlidersHorizontal as yo, IconSticker as Ro, IconSun as mo, IconThreeDot as xo, IconTrash as Ho, IconTriangleDown as Mo, IconTriangleUp as vo, IconUndo as Go, IconUploadSimple as No, IconUser as Oo, IconUserX as Qo, IconWarningCircle as Eo, IconWrench as bo, IconX as Wo, IconYandexDisk as zo } from "./Icons.js";
 export {
   c as IconArrowBendUpRight,
   I as IconArrowClockwise,
@@ -10,11 +10,11 @@ export {
   l as IconArrowLineUp,
   s as IconArrowRight,
   C as IconArrowUp,
-  w as IconArrowsOut,
-  h as IconArticle,
+  h as IconArrowsOut,
+  w as IconArticle,
   p as IconAt,
-  g as IconBellSimple,
-  u as IconBookOpenText,
+  u as IconBellSimple,
+  g as IconBookOpenText,
   S as IconCalendarBlank,
   A as IconCaretDown,
   D as IconCaretLeft,
@@ -23,75 +23,77 @@ export {
   k as IconCaretUpDown,
   U as IconChartPieSlice,
   P as IconChatText,
-  F as IconCheck,
-  T as IconCheckCircle,
-  f as IconChecks,
-  y as IconCircleNotch,
-  B as IconCopy,
+  B as IconCheck,
+  F as IconCheckCircle,
+  T as IconChecks,
+  X as IconCircleNotch,
+  f as IconClickHouse,
+  y as IconCopy,
   R as IconCornersOut,
-  X as IconCsv,
-  m as IconCube,
-  x as IconDatabase,
+  m as IconCsv,
+  x as IconCube,
+  H as IconDatabase,
   M as IconDotsNine,
   v as IconDotsThreeVertical,
-  H as IconExport,
+  G as IconExport,
   N as IconEye,
   O as IconEyeSlash,
   Q as IconFile,
   E as IconFiles,
-  G as IconFloppyDisk,
-  b as IconFolderSimple,
-  W as IconFolderSimpleX,
-  z as IconFunnel,
-  J as IconGauge,
-  V as IconGear,
-  Y as IconGoogleDrive,
-  j as IconHand,
-  q as IconHeadCircuit,
-  K as IconHouse,
-  Z as IconIcon,
-  _ as IconInfo,
-  $ as IconJoin,
-  oo as IconLanguage,
-  no as IconLink,
-  co as IconList,
-  Io as IconLock,
-  eo as IconLockOpen,
-  ro as IconMariaDB,
-  io as IconMinus,
-  to as IconMongoDB,
-  ao as IconMoon,
-  lo as IconMySQL,
-  so as IconNavigationArrow,
-  Co as IconNotePencil,
-  wo as IconPassword,
-  ho as IconPen,
-  po as IconPlay,
-  go as IconPlugsX,
-  uo as IconPlus,
-  So as IconPorsgteSQL,
-  Ao as IconPresentationChart,
-  Do as IconQuestion,
-  Lo as IconQuestionFullfilled,
-  ko as IconRedo,
-  Uo as IconRoleX,
-  Po as IconSearch,
-  Fo as IconSearchX,
-  To as IconSelection,
+  b as IconFloppyDisk,
+  W as IconFolderSimple,
+  z as IconFolderSimpleX,
+  J as IconFunnel,
+  V as IconGauge,
+  Y as IconGear,
+  j as IconGitBranchX,
+  q as IconGoogleDrive,
+  K as IconHand,
+  Z as IconHeadCircuit,
+  _ as IconHouse,
+  $ as IconIcon,
+  oo as IconInfo,
+  no as IconJoin,
+  co as IconLanguage,
+  Io as IconLink,
+  eo as IconList,
+  ro as IconLock,
+  io as IconLockOpen,
+  to as IconMariaDB,
+  ao as IconMinus,
+  lo as IconMongoDB,
+  so as IconMoon,
+  Co as IconMySQL,
+  ho as IconNavigationArrow,
+  wo as IconNotePencil,
+  po as IconPassword,
+  uo as IconPen,
+  go as IconPlay,
+  So as IconPlugsX,
+  Ao as IconPlus,
+  Do as IconPorsgteSQL,
+  Lo as IconPresentationChart,
+  ko as IconQuestion,
+  Uo as IconQuestionFullfilled,
+  Po as IconRedo,
+  Bo as IconRoleX,
+  Fo as IconSearch,
+  To as IconSearchX,
+  Xo as IconSelection,
   fo as IconServer,
   yo as IconSlidersHorizontal,
-  Bo as IconSticker,
-  Ro as IconSun,
-  Xo as IconThreeDot,
-  mo as IconTrash,
-  xo as IconTriangleDown,
-  Mo as IconTriangleUp,
-  vo as IconUndo,
-  Ho as IconUploadSimple,
-  No as IconUser,
-  Oo as IconUserX,
-  Qo as IconWarningCircle,
-  Eo as IconWrench,
-  Go as IconX,
-  bo as IconYandexDisk
+  Ro as IconSticker,
+  mo as IconSun,
+  xo as IconThreeDot,
+  Ho as IconTrash,
+  Mo as IconTriangleDown,
+  vo as IconTriangleUp,
+  Go as IconUndo,
+  No as IconUploadSimple,
+  Oo as IconUser,
+  Qo as IconUserX,
+  Eo as IconWarningCircle,
+  bo as IconWrench,
+  Wo as IconX,
+  zo as IconYandexDisk
 };

package/dist/components/Ui/ModalWindow/ModalWindow.stories.js

@@ -0,0 +1,89 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { ModalWindow as r } from "./ModalWindow.js";
+import { IconCheck as t } from "../Icons/Icons.js";
+const u = {
+  title: "UIKit/ModalWindow",
+  component: r,
+  tags: ["autodocs"]
+}, l = () => {
+  const [n, e] = d(!1);
+  return /* @__PURE__ */ i("div", { style: { padding: "20px" }, children: [
+    /* @__PURE__ */ o(
+      "button",
+      {
+        onClick: () => e(!0),
+        style: {
+          padding: "8px 16px",
+          backgroundColor: "#007bff",
+          color: "white",
+          border: "none",
+          borderRadius: "4px",
+          cursor: "pointer"
+        },
+        children: "Open Modal"
+      }
+    ),
+    /* @__PURE__ */ o(r, { isOpen: n, onClose: () => e(!1), title: "Basic Modal Window", children: /* @__PURE__ */ i("div", { style: { padding: "20px" }, children: [
+      /* @__PURE__ */ o("p", { children: "This is a simple modal content" }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: () => e(!1),
+          style: {
+            padding: "6px 12px",
+            backgroundColor: "#6c757d",
+            color: "white",
+            border: "none",
+            borderRadius: "4px",
+            cursor: "pointer"
+          },
+          children: "Close"
+        }
+      )
+    ] }) })
+  ] });
+}, s = () => {
+  const [n, e] = d(!1);
+  return /* @__PURE__ */ i("div", { style: { padding: "20px" }, children: [
+    /* @__PURE__ */ o(
+      "button",
+      {
+        onClick: () => e(!0),
+        style: {
+          padding: "8px 16px",
+          backgroundColor: "#007bff",
+          color: "white",
+          border: "none",
+          borderRadius: "4px",
+          cursor: "pointer"
+        },
+        children: "Open Modal with Icon"
+      }
+    ),
+    /* @__PURE__ */ o(
+      r,
+      {
+        isOpen: n,
+        onClose: () => e(!1),
+        title: "Modal with Icon",
+        iconHeader: {
+          view: !0,
+          status: "info",
+          icon: t,
+          size: 24
+        },
+        children: /* @__PURE__ */ o("div", { style: { padding: "20px" }, children: /* @__PURE__ */ o("p", { children: "This modal has an icon in the header" }) })
+      }
+    )
+  ] });
+}, x = {
+  render: () => /* @__PURE__ */ o(l, {})
+}, f = {
+  render: () => /* @__PURE__ */ o(s, {})
+};
+export {
+  x as Basic,
+  f as WithIcon,
+  u as default
+};

package/dist/components/Ui/Table/MemoizedRow/MemoizedRow.js

@@ -1,50 +1,49 @@
-import { jsx as p } from "react/jsx-runtime";
-import c from "react";
-import m from "../../../../_virtual/index2.js";
-import d from "../../../../_virtual/index.js";
-const h = c.memo(
+import { jsx as b } from "react/jsx-runtime";
+import f from "react";
+import o from "../../../../_virtual/index.js";
+const K = f.memo(
   ({
     record: t,
-    columns: _,
+    columns: n,
     rowKey: a,
-    rowClassName: n,
-    index: l,
-    stickyLeft: r,
-    onClickTr: b,
-    bordered: i
+    rowClassName: d,
+    index: i,
+    stickyLeft: e,
+    bordered: y,
+    id: c
   }) => {
-    const s = (e) => {
-      !e.target.closest("[data-no-bubble]") && b && b(t);
-    };
-    return /* @__PURE__ */ p(
+    const m = c || (typeof a == "function" ? a(t) : String(t[a]));
+    return /* @__PURE__ */ b(
       "tr",
       {
-        className: d(
+        "data-id": m,
+        className: o(
           "table-component__wrapper__table__tbody__tr",
-          n == null ? void 0 : n(t, l),
-          {
-            "table-component__wrapper__table__tbody__tr--hoverable": !!b
-          }
+          d == null ? void 0 : d(t, i)
         ),
-        onClick: s,
-        children: _.map((e, o) => /* @__PURE__ */ p(
+        children: n.map((_, r) => /* @__PURE__ */ b(
           "td",
           {
-            className: d("table-component__wrapper__table__tbody__td", e.className, {
-              "table-component__wrapper__table__tbody__td--bordered": i,
-              "table-component__wrapper__table__tbody__td--sticky-left": r && o === 0
+            className: o("table-component__wrapper__table__tbody__td", _.className, {
+              "table-component__wrapper__table__tbody__td--bordered": y,
+              "table-component__wrapper__table__tbody__td--sticky-left": e && r === 0
             }),
-            align: e.align,
-            children: e.render ? e.render(t[e.dataIndex], t) : String(t[e.dataIndex] ?? "")
+            align: _.align,
+            children: _.render ? _.render(t[_.dataIndex], t) : String(t[_.dataIndex] ?? "")
           },
-          `${e.key}-${o}`
+          `${_.key}-${r}`
         ))
       },
-      typeof a == "function" ? a(t) : String(t[a])
+      m
     );
   },
-  (t, _) => m(t.columns, _.columns) && m(t.record, _.record)
+  (t, n) => {
+    if (t.id && n.id)
+      return t.id === n.id;
+    const a = (e) => typeof e.rowKey == "function" ? e.rowKey(e.record) : String(e.record[e.rowKey]), d = a(t), i = a(n);
+    return d !== i ? !1 : t.columns === n.columns;
+  }
 );
 export {
-  h as MemoizedRow
+  K as MemoizedRow
 };

package/dist/components/Ui/Table/Table.js

@@ -1,161 +1,198 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import U, { useState as N, useEffect as q, useCallback as d } from "react";
-import o from "../../../_virtual/index.js";
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import K, { forwardRef as ee, useState as j, useMemo as te, useCallback as k, useEffect as ne } from "react";
+import i from "../../../_virtual/index.js";
 import '../../../assets/src/components/Ui/Table/Table.css';/* empty css                                          */
-import { IconCaretDown as w, IconCaretUp as F } from "../Icons/Icons.js";
-import { MemoizedRow as G } from "./MemoizedRow/MemoizedRow.js";
-import { Loader as H } from "../Loader/Loader.js";
-const y = {
-  asc: /* @__PURE__ */ t(w, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
-  desc: /* @__PURE__ */ t(F, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
-  default: /* @__PURE__ */ t(w, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
-};
-function J({
-  columns: f,
-  dataSource: c,
-  rowKey: i,
-  tableClassName: v,
-  theadClassName: k,
-  trTheadClassNames: x,
-  thTheadClassNames: D,
-  tbodyClassName: I,
-  wrapperClassName: A,
-  borderBottom: u = !1,
-  stickyHeader: C = !1,
-  stickyLeft: h = !1,
-  bordered: l = !1,
-  rowClassName: j,
-  defaultSort: B,
-  onClickTr: m,
-  onClickTrHeader: R,
-  loading: S = !1
-}) {
-  const [T, b] = N(c), [n, z] = N(
-    B || null
-  );
-  q(() => {
-    b(c);
-  }, [c]);
-  const $ = d(
-    (e) => typeof i == "function" ? i(e) : typeof i == "string" && i in e ? String(e[i]) : "unknown",
-    [i]
-  ), g = d((e, a) => {
-    b((p) => [...p].sort((L, M) => {
-      const s = L[e], r = M[e];
-      return typeof s == "string" && typeof r == "string" ? a === "asc" ? s.localeCompare(r) : r.localeCompare(s) : typeof s == "number" && typeof r == "number" ? a === "asc" ? s - r : r - s : s instanceof Date && r instanceof Date ? a === "asc" ? s.getTime() - r.getTime() : r.getTime() - s.getTime() : 0;
-    })), z({ key: e, order: a });
-  }, []), E = d(
+import { IconCaretDown as z, IconCaretUp as ae } from "../Icons/Icons.js";
+import { MemoizedRow as C } from "./MemoizedRow/MemoizedRow.js";
+import { Loader as re } from "../Loader/Loader.js";
+import { TableSkeletonRow as se } from "./TableSkeletonRow/TableSkeletonRow.js";
+const L = {
+  asc: /* @__PURE__ */ n(z, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
+  desc: /* @__PURE__ */ n(ae, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
+  default: /* @__PURE__ */ n(z, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
+}, le = ({
+  columns: m,
+  dataSource: l,
+  rowKey: f,
+  tableClassName: $,
+  theadClassName: O,
+  trTheadClassNames: U,
+  thTheadClassNames: q,
+  tbodyClassName: F,
+  wrapperClassName: G,
+  borderBottom: y = !1,
+  stickyHeader: H = !1,
+  stickyLeft: b = !1,
+  bordered: p = !1,
+  rowClassName: x,
+  defaultSort: J,
+  onClickTr: d,
+  onClickTrHeader: P,
+  loading: R = !1,
+  hasMore: Q = !1,
+  loadingIndicator: S,
+  loaderRef: B,
+  externalSorting: D = !1,
+  entities: c,
+  sortedIds: u,
+  containerRef: V
+}, W) => {
+  const T = K.useRef(null), o = !!c && !!u, [A, X] = j(l || []), [s, E] = j(
+    J || null
+  ), N = te(() => {
+    if (!o)
+      return D ? l : A;
+  }, [o, l, A, D]), I = k(
+    (e, t) => {
+      if (o) {
+        E({ key: e, order: t });
+        return;
+      }
+      X((_) => [..._].sort((h, M) => {
+        const r = h[e], a = M[e];
+        return typeof r == "string" && typeof a == "string" ? t === "asc" ? r.localeCompare(a) : a.localeCompare(r) : typeof r == "number" && typeof a == "number" ? t === "asc" ? r - a : a - r : r instanceof Date && a instanceof Date ? t === "asc" ? r.getTime() - a.getTime() : a.getTime() - r.getTime() : 0;
+      })), E({ key: e, order: t });
+    },
+    [o]
+  ), v = k(
+    (e) => typeof f == "function" ? f(e) : String(e[f]),
+    [f]
+  ), Y = k(
     (e) => {
-      const p = (n == null ? void 0 : n.key) === e && n.order === "asc" ? "desc" : "asc";
-      g(e, p);
+      const _ = (s == null ? void 0 : s.key) === e && s.order === "asc" ? "desc" : "asc";
+      I(e, _);
     },
-    [n, g]
+    [s, I]
   );
-  return /* @__PURE__ */ t("div", { className: o("table-component", A), children: /* @__PURE__ */ t(
+  return ne(() => {
+    const e = T.current;
+    if (!e) return;
+    const t = (_) => {
+      const w = _.target, h = w.closest("tr");
+      if (!h || w.closest("[data-no-bubble]")) return;
+      const r = h.dataset.id;
+      if (!(!r || !d))
+        if (o && c) {
+          const a = c[r];
+          a && d(a);
+        } else {
+          const a = l == null ? void 0 : l.find((Z) => v(Z) === r);
+          a && d(a);
+        }
+    };
+    return e.addEventListener("click", t), () => e.removeEventListener("click", t);
+  }, [l, d, v, o, c]), /* @__PURE__ */ n("div", { className: i("table-component", G), children: /* @__PURE__ */ n(
     "div",
     {
-      className: o(
+      className: i(
         "table-component__wrapper",
         {
-          bordered: l,
-          borderBottom: u
+          bordered: p,
+          borderBottom: y
         },
-        v
+        $
       ),
-      children: /* @__PURE__ */ _(
+      ref: V,
+      children: /* @__PURE__ */ g(
         "table",
         {
-          className: o("table-component__wrapper__table", {
-            bordered: l,
-            borderBottom: u
+          className: i("table-component__wrapper__table", {
+            bordered: p,
+            borderBottom: y
           }),
+          ref: W,
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ n(
               "thead",
               {
-                className: o(
+                className: i(
                   "table-component__wrapper__table__thead",
                   {
-                    stickyHeader: C
+                    stickyHeader: H
                   },
-                  k
+                  O
                 ),
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   "tr",
                   {
-                    className: o(
+                    className: i(
                       "table-component__wrapper__table__thead__tr",
-                      x
+                      U
                     ),
-                    onClick: R,
-                    children: f.map((e, a) => /* @__PURE__ */ t(
+                    onClick: P,
+                    children: m.map((e, t) => /* @__PURE__ */ n(
                       "th",
                       {
-                        className: o(
+                        className: i(
                           "table-component__wrapper__table__thead__th",
                           {
-                            bordered: l,
-                            stickyLeft: h && a === 0
+                            bordered: p,
+                            stickyLeft: b && t === 0
                           },
-                          D
+                          q
                         ),
                         style: {
                           ...e.width ? { width: e.width } : {},
                           ...e.align ? { textAlign: e.align } : {}
                         },
-                        onClick: () => e.sorted && E(e.key),
-                        children: /* @__PURE__ */ _("div", { className: "th-content", children: [
+                        onClick: () => e.sorted && Y(e.key),
+                        children: /* @__PURE__ */ g("div", { className: "th-content", children: [
                           e.title,
-                          e.sorted && /* @__PURE__ */ t("span", { className: "sort-icon", children: (n == null ? void 0 : n.key) === e.key ? y[n.order] : y.default })
+                          e.sorted && /* @__PURE__ */ n("span", { className: "sort-icon", children: (s == null ? void 0 : s.key) === e.key ? L[s.order] : L.default })
                         ] })
                       },
-                      `${e.key}-${a}`
+                      `${e.key}-${t}`
                     ))
                   }
                 )
               }
             ),
-            /* @__PURE__ */ _("tbody", { className: o("table-component__wrapper__table__tbody", I), children: [
-              T.map((e, a) => /* @__PURE__ */ t(
-                G,
-                {
-                  record: e,
-                  onClickTr: () => m == null ? void 0 : m(e),
-                  columns: f,
-                  rowKey: i,
-                  rowClassName: j,
-                  index: a,
-                  stickyLeft: h,
-                  bordered: l
-                },
-                $(e)
-              )),
-              S ? /* @__PURE__ */ t(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    backgroundColor: "rgba(255, 255, 255, 0.7)",
-                    zIndex: 10
-                  },
-                  children: /* @__PURE__ */ t(H, { className: "centered" })
-                }
-              ) : null
-            ] })
+            /* @__PURE__ */ g(
+              "tbody",
+              {
+                ref: T,
+                className: i("table-component__wrapper__table__tbody", F),
+                children: [
+                  o && u ? u.map((e) => {
+                    const t = c == null ? void 0 : c[e];
+                    return t ? /* @__PURE__ */ n(
+                      C,
+                      {
+                        record: t,
+                        columns: m,
+                        rowKey: f,
+                        rowClassName: x,
+                        index: u.indexOf(e),
+                        stickyLeft: b,
+                        bordered: p,
+                        id: e
+                      },
+                      e
+                    ) : null;
+                  }) : N == null ? void 0 : N.map((e, t) => /* @__PURE__ */ n(
+                    C,
+                    {
+                      record: e,
+                      columns: m,
+                      rowKey: f,
+                      rowClassName: x,
+                      index: t,
+                      stickyLeft: b,
+                      bordered: p
+                    },
+                    v(e)
+                  )),
+                  R ? /* @__PURE__ */ n("div", { className: "loading_table_init", children: /* @__PURE__ */ n(re, { className: "centered" }) }) : null,
+                  !R && Q && B && /* @__PURE__ */ n("tr", { ref: B, children: /* @__PURE__ */ n("td", { colSpan: m.length, children: S || /* @__PURE__ */ n(se, { colSpan: m.length }) }) })
+                ]
+              }
+            )
           ]
         }
       )
     }
   ) });
-}
-const K = U.memo(J);
+}, ue = ee(le);
 export {
-  K as Table
+  ue as Table
 };