triafly-ui-kit 1.0.45 → 1.0.47

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

@@ -1,16 +1,16 @@
 import { jsx as n, jsxs as g } from "react/jsx-runtime";
-import Z, { forwardRef as K, useState as j, useMemo as ee, useCallback as k, useEffect as te } from "react";
+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 z, IconCaretUp as ne } from "../Icons/Icons.js";
+import { IconCaretDown as z, IconCaretUp as ae } from "../Icons/Icons.js";
 import { MemoizedRow as C } from "./MemoizedRow/MemoizedRow.js";
-import { Loader as ae } from "../Loader/Loader.js";
-import { TableSkeletonRow as re } from "./TableSkeletonRow/TableSkeletonRow.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(ne, { viewBox: "0 -4 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" })
-}, se = ({
+}, le = ({
   columns: m,
   dataSource: l,
   rowKey: f,
@@ -34,11 +34,12 @@ const L = {
   loaderRef: B,
   externalSorting: D = !1,
   entities: c,
-  sortedIds: u
-}, V) => {
-  const T = Z.useRef(null), o = !!c && !!u, [A, W] = j(l || []), [s, E] = j(
+  sortedIds: u,
+  containerRef: V
+}, W) => {
+  const T = K.useRef(null), o = !!c && !!u, [A, X] = j(l || []), [s, E] = j(
     J || null
-  ), N = ee(() => {
+  ), N = te(() => {
     if (!o)
       return D ? l : A;
   }, [o, l, A, D]), I = k(
@@ -47,7 +48,7 @@ const L = {
         E({ key: e, order: t });
         return;
       }
-      W((_) => [..._].sort((h, M) => {
+      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 });
@@ -56,14 +57,14 @@ const L = {
   ), v = k(
     (e) => typeof f == "function" ? f(e) : String(e[f]),
     [f]
-  ), X = k(
+  ), Y = k(
     (e) => {
       const _ = (s == null ? void 0 : s.key) === e && s.order === "asc" ? "desc" : "asc";
       I(e, _);
     },
     [s, I]
   );
-  return te(() => {
+  return ne(() => {
     const e = T.current;
     if (!e) return;
     const t = (_) => {
@@ -75,7 +76,7 @@ const L = {
           const a = c[r];
           a && d(a);
         } else {
-          const a = l == null ? void 0 : l.find((Y) => v(Y) === r);
+          const a = l == null ? void 0 : l.find((Z) => v(Z) === r);
           a && d(a);
         }
     };
@@ -91,6 +92,7 @@ const L = {
         },
         $
       ),
+      ref: V,
       children: /* @__PURE__ */ g(
         "table",
         {
@@ -98,7 +100,7 @@ const L = {
             bordered: p,
             borderBottom: y
           }),
-          ref: V,
+          ref: W,
           children: [
             /* @__PURE__ */ n(
               "thead",
@@ -133,7 +135,7 @@ const L = {
                           ...e.width ? { width: e.width } : {},
                           ...e.align ? { textAlign: e.align } : {}
                         },
-                        onClick: () => e.sorted && X(e.key),
+                        onClick: () => e.sorted && Y(e.key),
                         children: /* @__PURE__ */ g("div", { className: "th-content", children: [
                           e.title,
                           e.sorted && /* @__PURE__ */ n("span", { className: "sort-icon", children: (s == null ? void 0 : s.key) === e.key ? L[s.order] : L.default })
@@ -180,8 +182,8 @@ const L = {
                     },
                     v(e)
                   )),
-                  R ? /* @__PURE__ */ n("div", { className: "loading_table_init", children: /* @__PURE__ */ n(ae, { className: "centered" }) }) : null,
-                  !R && Q && B && /* @__PURE__ */ n("tr", { ref: B, children: /* @__PURE__ */ n("td", { colSpan: m.length, children: S || /* @__PURE__ */ n(re, { colSpan: m.length }) }) })
+                  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 }) }) })
                 ]
               }
             )
@@ -190,7 +192,7 @@ const L = {
       )
     }
   ) });
-}, de = K(se);
+}, ue = ee(le);
 export {
-  de as Table
+  ue as Table
 };

package/dist/main.d.ts

@@ -1181,6 +1181,7 @@ declare type TablesProps<T extends object = Record<string, unknown>> = {
     entities?: Record<string, T>;
     sortedIds?: string[];
     externalSorting?: boolean;
+    containerRef?: default_2.RefObject<HTMLDivElement>;
 };
 
 export declare const Tabs: React.FC<TabsProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",