triafly-ui-kit 1.0.39 → 1.0.40

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

@@ -1,22 +1,22 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as O, useRef as v, useState as y, useEffect as P, useImperativeHandle as Q, useCallback as _ } from "react";
-import i from "../../../_virtual/index.js";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as H, useState as y, useEffect as J, useCallback as _ } from "react";
+import l from "../../../_virtual/index.js";
 import '../../../assets/src/components/Ui/Table/Table.css';/* empty css                                          */
-import { IconCaretDown as k, IconCaretUp as V } from "../Icons/Icons.js";
-import { MemoizedRow as W } from "./MemoizedRow/MemoizedRow.js";
-import { Loader as X } from "../Loader/Loader.js";
-import { TableSkeletonRow as Y } from "./TableSkeletonRow/TableSkeletonRow.js";
-const x = {
+import { IconCaretDown as k, IconCaretUp as O } from "../Icons/Icons.js";
+import { MemoizedRow as P } from "./MemoizedRow/MemoizedRow.js";
+import { Loader as Q } from "../Loader/Loader.js";
+import { TableSkeletonRow as V } from "./TableSkeletonRow/TableSkeletonRow.js";
+const v = {
   asc: /* @__PURE__ */ t(k, { viewBox: "0 -6 24 24", "aria-hidden": "true" }),
-  desc: /* @__PURE__ */ t(V, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
+  desc: /* @__PURE__ */ t(O, { viewBox: "0 -4 24 24", "aria-hidden": "true" }),
   default: /* @__PURE__ */ t(k, { viewBox: "0 -6 24 24", "aria-hidden": "true" })
-}, Z = ({
+}, W = ({
   columns: o,
   dataSource: p,
-  rowKey: l,
-  tableClassName: R,
-  theadClassName: I,
-  trTheadClassNames: D,
+  rowKey: i,
+  tableClassName: x,
+  theadClassName: D,
+  trTheadClassNames: I,
   thTheadClassNames: S,
   tbodyClassName: A,
   wrapperClassName: C,
@@ -27,76 +27,75 @@ const x = {
   rowClassName: j,
   defaultSort: B,
   onClickTr: m,
-  onClickTrHeader: z,
+  onClickTrHeader: R,
   loading: b = !1,
-  hasMore: $ = !1,
-  loadingIndicator: E
-}, H) => {
-  const L = v(null), g = v(null), [M, w] = y(p), [n, U] = y(
+  hasMore: z = !1,
+  loadingIndicator: $,
+  loaderRef: g
+}, E) => {
+  const [L, w] = y(p), [n, M] = y(
     B || null
   );
-  P(() => {
+  J(() => {
     w(p);
-  }, [p]), Q(H, () => ({
-    loaderRef: g.current
-  }));
-  const q = _(
-    (e) => typeof l == "function" ? l(e) : typeof l == "string" && l in e ? String(e[l]) : "unknown",
-    [l]
+  }, [p]);
+  const U = _(
+    (e) => typeof i == "function" ? i(e) : typeof i == "string" && i in e ? String(e[i]) : "unknown",
+    [i]
   ), N = _((e, a) => {
-    w((f) => [...f].sort((G, J) => {
-      const s = G[e], r = J[e];
+    w((d) => [...d].sort((F, G) => {
+      const s = F[e], r = G[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;
-    })), U({ key: e, order: a });
-  }, []), F = _(
+    })), M({ key: e, order: a });
+  }, []), q = _(
     (e) => {
-      const f = (n == null ? void 0 : n.key) === e && n.order === "asc" ? "desc" : "asc";
-      N(e, f);
+      const d = (n == null ? void 0 : n.key) === e && n.order === "asc" ? "desc" : "asc";
+      N(e, d);
     },
     [n, N]
   );
-  return /* @__PURE__ */ t("div", { className: i("table-component", C), children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: l("table-component", C), children: /* @__PURE__ */ t(
     "div",
     {
-      className: i(
+      className: l(
         "table-component__wrapper",
         {
           bordered: c,
           borderBottom: h
         },
-        R
+        x
       ),
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ f(
         "table",
         {
-          className: i("table-component__wrapper__table", {
+          className: l("table-component__wrapper__table", {
             bordered: c,
             borderBottom: h
           }),
-          ref: L,
+          ref: E,
           children: [
             /* @__PURE__ */ t(
               "thead",
               {
-                className: i(
+                className: l(
                   "table-component__wrapper__table__thead",
                   {
                     stickyHeader: T
                   },
-                  I
+                  D
                 ),
                 children: /* @__PURE__ */ t(
                   "tr",
                   {
-                    className: i(
+                    className: l(
                       "table-component__wrapper__table__thead__tr",
-                      D
+                      I
                     ),
-                    onClick: z,
+                    onClick: R,
                     children: o.map((e, a) => /* @__PURE__ */ t(
                       "th",
                       {
-                        className: i(
+                        className: l(
                           "table-component__wrapper__table__thead__th",
                           {
                             bordered: c,
@@ -108,10 +107,10 @@ const x = {
                           ...e.width ? { width: e.width } : {},
                           ...e.align ? { textAlign: e.align } : {}
                         },
-                        onClick: () => e.sorted && F(e.key),
-                        children: /* @__PURE__ */ d("div", { className: "th-content", children: [
+                        onClick: () => e.sorted && q(e.key),
+                        children: /* @__PURE__ */ f("div", { className: "th-content", children: [
                           e.title,
-                          e.sorted && /* @__PURE__ */ t("span", { className: "sort-icon", children: (n == null ? void 0 : n.key) === e.key ? x[n.order] : x.default })
+                          e.sorted && /* @__PURE__ */ t("span", { className: "sort-icon", children: (n == null ? void 0 : n.key) === e.key ? v[n.order] : v.default })
                         ] })
                       },
                       `${e.key}-${a}`
@@ -120,20 +119,20 @@ const x = {
                 )
               }
             ),
-            /* @__PURE__ */ d("tbody", { className: i("table-component__wrapper__table__tbody", A), children: [
-              M.map((e, a) => /* @__PURE__ */ t(
-                W,
+            /* @__PURE__ */ f("tbody", { className: l("table-component__wrapper__table__tbody", A), children: [
+              L.map((e, a) => /* @__PURE__ */ t(
+                P,
                 {
                   record: e,
                   onClickTr: () => m == null ? void 0 : m(e),
                   columns: o,
-                  rowKey: l,
+                  rowKey: i,
                   rowClassName: j,
                   index: a,
                   stickyLeft: u,
                   bordered: c
                 },
-                q(e)
+                U(e)
               )),
               b ? /* @__PURE__ */ t(
                 "div",
@@ -150,17 +149,17 @@ const x = {
                     backgroundColor: "rgba(255, 255, 255, 0.7)",
                     zIndex: 10
                   },
-                  children: /* @__PURE__ */ t(X, { className: "centered" })
+                  children: /* @__PURE__ */ t(Q, { className: "centered" })
                 }
               ) : null,
-              !b && $ && /* @__PURE__ */ t("tr", { ref: g, children: /* @__PURE__ */ t("td", { colSpan: o.length, children: E || /* @__PURE__ */ t(Y, { colSpan: o.length }) }) })
+              !b && z && g && /* @__PURE__ */ t("tr", { ref: g, children: /* @__PURE__ */ t("td", { colSpan: o.length, children: $ || /* @__PURE__ */ t(V, { colSpan: o.length }) }) })
             ] })
           ]
         }
       )
     }
   ) });
-}, oe = O(Z);
+}, re = H(W);
 export {
-  oe as Table
+  re as Table
 };

package/dist/main.d.ts

@@ -1150,9 +1150,7 @@ export declare interface TabItem {
 }
 
 export declare const Table: <T extends object>(props: TablesProps<T> & {
-    ref?: default_2.ForwardedRef<{
-        loaderRef: HTMLTableRowElement | null;
-    }>;
+    ref?: default_2.ForwardedRef<HTMLTableElement>;
 }) => JSX.Element;
 
 declare type TablesProps<T extends object = Record<string, unknown>> = {
@@ -1179,6 +1177,7 @@ declare type TablesProps<T extends object = Record<string, unknown>> = {
     loading?: boolean;
     hasMore?: boolean;
     loadingIndicator?: default_2.ReactNode;
+    loaderRef?: default_2.Ref<HTMLTableRowElement>;
 };
 
 export declare const Tabs: React.FC<TabsProps>;

package/package.json

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