@versini/ui-table 4.0.15 → 4.0.17

package/README.md

@@ -1,6 +1,7 @@
 # @versini/ui-table
 
 [![npm version](https://img.shields.io/npm/v/@versini/ui-table?style=flat-square)](https://www.npmjs.com/package/@versini/ui-table)
+![npm package minimized gzipped size](<https://img.shields.io/bundlejs/size/%40versini%2Fui-table?style=flat-square&label=size%20(gzip)>)
 
 > An accessible and feature-rich React table component built with TypeScript and TailwindCSS.
 

package/dist/components/Table/Table.js

@@ -1,6 +1,7 @@
 import { jsx as o, jsxs as N, Fragment as ce } from "react/jsx-runtime";
-import S, { useRef as w, useLayoutEffect as q, useEffect as U, useState as ne, useMemo as K, useCallback as de, useContext as B } from "react";
+import z, { useRef as w, useLayoutEffect as q, useEffect as U, useState as ne, useMemo as K, useCallback as de, useContext as B } from "react";
 import l from "clsx";
+import { TableCellSortDirections as R } from "../TableConstants/TableConstants.js";
 const Y = "av-button", W = "icon", Q = "button", P = "link", he = ({
   type: e,
   size: r,
@@ -327,7 +328,7 @@ const Y = "av-button", W = "icon", Q = "button", P = "link", he = ({
   r
 )), we = (e, r, t) => {
   !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof e?.currentTarget?.focus == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
-}, X = S.forwardRef((e, r) => {
+}, X = z.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...s } = e;
   return /* @__PURE__ */ o(
     "button",
@@ -365,7 +366,7 @@ const Be = {
   bottom: 0,
   right: 0
 };
-function j(e) {
+function A(e) {
   const r = Ne(), t = w(0), a = w(null), [s, i] = ne(Be), c = K(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const n = d[0];
     n && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
@@ -376,7 +377,7 @@ function j(e) {
     c?.disconnect(), t.current && cancelAnimationFrame(t.current);
   }), [c, e]), [a, s];
 }
-const R = {
+const E = {
   small: 24,
   // w-6
   medium: 32,
@@ -390,7 +391,7 @@ const R = {
   // px-3 x 2
   large: 32
   // px-4 x 2
-}, Ie = 2, Re = 300, Z = S.forwardRef(
+}, Ie = 2, Re = 300, Z = z.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -409,7 +410,7 @@ const R = {
     noBackground: L = !1,
     align: M = "center",
     radius: T = "large",
-    variant: H = "secondary",
+    variant: D = "secondary",
     iconClassName: te,
     animated: k = !1,
     ...re
@@ -429,17 +430,17 @@ const R = {
       noBackground: L,
       align: M,
       radius: T,
-      variant: H,
+      variant: D,
       animated: k
-    }), le = fe({ mode: t, raw: d, iconClassName: te, variant: H }), F = xe({ animated: k }), ie = "flex items-center justify-center relative w-full h-full overflow-hidden", [u, V] = j(), [y, O] = j(), [I, G] = j(), A = w(0), v = w(null), f = w(null), oe = Ce([ae, v]);
+    }), le = fe({ mode: t, raw: d, iconClassName: te, variant: D }), F = xe({ animated: k }), ie = "flex items-center justify-center relative w-full h-full overflow-hidden", [u, V] = A(), [y, O] = A(), [I, G] = A(), j = w(0), v = w(null), f = w(null), oe = Ce([ae, v]);
     return q(() => {
-      I && I.current && k && (A.current = G.width + Te[h] + (n ? 0 : Ie), v.current && !v.current.style.width && (v.current.style.width = `${R[h]}px`));
+      I && I.current && k && (j.current = G.width + Te[h] + (n ? 0 : Ie), v.current && !v.current.style.width && (v.current.style.width = `${E[h]}px`));
     }, [G, I, h, n, k]), q(() => {
       if (v && v.current && k) {
-        let x = R[h];
-        m && u && V.width > 0 ? x = V.width + A.current : p && y && O.width > 0 && (x = O.width + A.current), f.current && clearTimeout(f.current), x !== parseInt(v.current.style.width || "0", 10) && (u.current && (u.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), v.current.style.width = `${x}px`, x > R[h] && (f.current = setTimeout(() => {
+        let x = E[h];
+        m && u && V.width > 0 ? x = V.width + j.current : p && y && O.width > 0 && (x = O.width + j.current), f.current && clearTimeout(f.current), x !== parseInt(v.current.style.width || "0", 10) && (u.current && (u.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), v.current.style.width = `${x}px`, x > E[h] && (f.current = setTimeout(() => {
           u.current && m && (u.current.style.opacity = "1"), y.current && p && (y.current.style.opacity = "1"), f.current = null;
-        }, Re * 0.8))), x === R[h] && (u.current && (u.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"));
+        }, Re * 0.8))), x === E[h] && (u.current && (u.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"));
       }
     }, [
       V,
@@ -504,19 +505,19 @@ const R = {
 );
 Z.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v7.1.4
+  @versini/ui-button v7.1.5
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "7.1.4",
-    buildTime: "08/23/2025 10:05 AM EDT",
+    version: "7.1.5",
+    buildTime: "08/30/2025 02:56 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ee = S.forwardRef(
+const ee = z.forwardRef(
   ({
     children: e,
     mode: r = "system",
@@ -626,7 +627,7 @@ const Ee = ({
       /* @__PURE__ */ o("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v306.7l-41.4-41.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
     ]
   }
-), Se = ({
+), ze = ({
   className: e,
   viewBox: r,
   title: t,
@@ -652,7 +653,7 @@ const Ee = ({
       /* @__PURE__ */ o("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32S96 46.3 96 64v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4" })
     ]
   }
-), ze = ({
+), Se = ({
   className: e,
   viewBox: r,
   title: t,
@@ -692,16 +693,13 @@ try {
   });
 } catch {
 }
-const C = S.createContext({
+const C = z.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
   stickyFooter: !1,
   compact: !1
-}), z = "thead", D = "tfoot", _ = "tbody", E = {
-  ASC: "asc",
-  DESC: "desc"
-}, Le = ({
+}), S = "thead", H = "tfoot", _ = "tbody", Le = ({
   mode: e,
   className: r,
   wrapperClassName: t,
@@ -766,7 +764,7 @@ const C = S.createContext({
   mode: e,
   className: r,
   cellWrapper: t
-}) => t === z || t === D ? l(
+}) => t === S || t === H ? l(
   {
     "bg-table-head-dark": e === "dark" || e === "system",
     "bg-table-head-light": e === "light" || e === "alt-system",
@@ -787,7 +785,7 @@ const C = S.createContext({
     "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === _ && e === "alt-system"
   },
   r
-), Ae = ({
+), je = ({
   cellWrapper: e,
   className: r,
   compact: t,
@@ -805,13 +803,13 @@ const C = S.createContext({
       "text-copy-dark": a === "light" || a === "alt-system",
       "dark:text-copy-dark": a === "system",
       "dark:text-copy-light": a === "alt-system",
-      "px-4 py-3": !t && (e === z || e === D),
+      "px-4 py-3": !t && (e === S || e === H),
       "p-4": !t && e === _,
       "px-2 py-1.5": t
     },
     r
   )
-}), je = ({
+}), Ae = ({
   buttonClassName: e
 }) => l("rounded-none text-sm", e), De = ({
   children: e,
@@ -852,36 +850,36 @@ const C = S.createContext({
       )
     }
   );
-}, He = ({
+}, Fe = ({
   children: e,
   className: r,
   ...t
 }) => {
   const a = B(C);
-  a.cellWrapper = z;
+  a.cellWrapper = S;
   const s = Me({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
   return /* @__PURE__ */ o("thead", { className: s, ...t, children: e });
-}, Fe = ({
+}, Ge = ({
   children: e,
   className: r,
   ...t
 }) => {
   const a = B(C);
-  a.cellWrapper = D;
+  a.cellWrapper = H;
   const s = Ve({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ o("tfoot", { className: s, ...t, children: e });
-}, Ge = ({ children: e, ...r }) => {
+}, qe = ({ children: e, ...r }) => {
   const t = B(C);
   return t.cellWrapper = _, /* @__PURE__ */ o("tbody", { ...r, children: e });
-}, qe = ({
+}, Ye = ({
   children: e,
   className: r,
   ...t
@@ -899,7 +897,7 @@ const C = S.createContext({
   align: a,
   ...s
 }) => {
-  const i = B(C), c = r || (i.cellWrapper === z ? "th" : "td"), { mainClasses: d, alignClasses: n } = Ae({
+  const i = B(C), c = r || (i.cellWrapper === S ? "th" : "td"), { mainClasses: d, alignClasses: n } = je({
     cellWrapper: i.cellWrapper,
     className: t,
     mode: i.mode,
@@ -907,7 +905,7 @@ const C = S.createContext({
     align: a
   });
   return a ? /* @__PURE__ */ o(c, { className: d, ...s, children: /* @__PURE__ */ o("div", { className: n, children: e }) }) : /* @__PURE__ */ o(c, { className: d, ...s, children: e });
-}, Ye = ({
+}, Je = ({
   align: e,
   children: r,
   buttonClassName: t,
@@ -921,14 +919,14 @@ const C = S.createContext({
   cellId: b,
   ...h
 }) => {
-  const m = je({ buttonClassName: t });
+  const m = Ae({ buttonClassName: t });
   return /* @__PURE__ */ o(
     Pe,
     {
       component: s,
       className: a,
       role: "columnheader",
-      "aria-sort": n === E.ASC && g === b ? "ascending" : n === E.DESC && g === b ? "descending" : "other",
+      "aria-sort": n === R.ASC && g === b ? "ascending" : n === R.DESC && g === b ? "descending" : "other",
       ...h,
       children: /* @__PURE__ */ o(
         ee,
@@ -942,7 +940,7 @@ const C = S.createContext({
           mode: c,
           fullWidth: !0,
           labelRight: r,
-          children: n === E.ASC && g === b ? /* @__PURE__ */ o(ze, { className: "size-4", monotone: !0 }) : n === E.DESC && g === b ? /* @__PURE__ */ o(Se, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ o(Ee, { className: "size-4", monotone: !0 })
+          children: n === R.ASC && g === b ? /* @__PURE__ */ o(Se, { className: "size-4", monotone: !0 }) : n === R.DESC && g === b ? /* @__PURE__ */ o(ze, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ o(Ee, { className: "size-4", monotone: !0 })
         }
       )
     }
@@ -950,11 +948,10 @@ const C = S.createContext({
 };
 export {
   De as Table,
-  Ge as TableBody,
+  qe as TableBody,
   Pe as TableCell,
-  Ye as TableCellSort,
-  E as TableCellSortDirections,
-  Fe as TableFooter,
-  He as TableHead,
-  qe as TableRow
+  Je as TableCellSort,
+  Ge as TableFooter,
+  Fe as TableHead,
+  Ye as TableRow
 };

package/dist/components/TableConstants/TableConstants.js

@@ -0,0 +1,7 @@
+const e = {
+  ASC: "asc",
+  DESC: "desc"
+};
+export {
+  e as TableCellSortDirections
+};

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
 declare const TableCellSortDirections: {
-    ASC: string;
-    DESC: string;
+    readonly ASC: "asc";
+    readonly DESC: "desc";
 };
 
 type TableProps = {

package/dist/index.js

@@ -1,24 +1,25 @@
-import { Table as i, TableBody as T, TableCell as a, TableCellSort as r, TableCellSortDirections as _, TableFooter as t, TableHead as b, TableRow as n } from "./components/Table/Table.js";
+import { Table as r, TableBody as i, TableCell as T, TableCellSort as a, TableFooter as t, TableHead as _, TableRow as b } from "./components/Table/Table.js";
+import { TableCellSortDirections as I } from "./components/TableConstants/TableConstants.js";
 /*!
-  @versini/ui-table v4.0.15
+  @versini/ui-table v4.0.17
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "4.0.15",
-    buildTime: "08/23/2025 10:07 AM EDT",
+    version: "4.0.17",
+    buildTime: "08/30/2025 02:58 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 export {
-  i as Table,
-  T as TableBody,
-  a as TableCell,
-  r as TableCellSort,
-  _ as TableCellSortDirections,
+  r as Table,
+  i as TableBody,
+  T as TableCell,
+  a as TableCellSort,
+  I as TableCellSortDirections,
   t as TableFooter,
-  b as TableHead,
-  n as TableRow
+  _ as TableHead,
+  b as TableRow
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-table",
-	"version": "4.0.15",
+	"version": "4.0.17",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -14,6 +14,20 @@
 	"type": "module",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js"
+		},
+		"./constants": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/components/TableConstants/TableConstants.js"
+		},
+		"./table": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/components/Table/Table.js"
+		}
+	},
 	"files": [
 		"dist",
 		"README.md"
@@ -54,5 +68,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "a1afd6e4613b1da7abf61d10a72614611521fb39"
+	"gitHead": "9309d65ae499da20d8170cdaa583bedbf7896ce9"
 }