@versini/ui-table 3.1.9 → 3.1.11

package/dist/index.js

@@ -1,14 +1,14 @@
 import o from "clsx";
 import { jsx as i, jsxs as _, Fragment as se } from "react/jsx-runtime";
-import I, { useRef as w, useLayoutEffect as $, useMemo as H, useState as oe, useEffect as q, useCallback as le, useContext as N } from "react";
+import I, { useRef as w, useLayoutEffect as D, useMemo as q, useState as oe, useEffect as G, useCallback as le, useContext as N } from "react";
 /*!
-  @versini/ui-table v3.1.9
+  @versini/ui-table v3.1.11
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "3.1.9",
-    buildTime: "02/27/2025 06:37 PM EST",
+    version: "3.1.11",
+    buildTime: "03/10/2025 02:05 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -129,7 +129,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   )
 }), he = ({
   buttonClassName: e
-}) => o("rounded-none text-sm", e), F = "av-button", S = "icon", G = "button", O = "link", be = ({
+}) => o("rounded-none text-sm", e), F = "av-button", E = "icon", $ = "button", O = "link", be = ({
   type: e,
   size: a,
   labelRight: t,
@@ -139,14 +139,14 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
 }) => {
   const n = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
-    case G:
+    case $:
     case O:
       return o({
         [n]: a === "small",
         [d]: a === "medium",
         [c]: a === "large"
       });
-    case S:
+    case E:
       return o("flex items-center", {
         "justify-center": s === "center",
         "justify-start": s === "left",
@@ -173,7 +173,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
 }) => {
   const s = "text-sm font-medium", l = "text-base font-medium", n = "text-lg font-medium";
   switch (e) {
-    case G:
+    case $:
     case O:
       return o({
         "text-center": e === O,
@@ -181,7 +181,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
         [l]: a === "medium",
         [n]: a === "large"
       });
-    case S:
+    case E:
       return o({
         [s]: a === "small" && (t || r),
         [l]: a === "medium" && (t || r),
@@ -254,13 +254,13 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
     if (t === "selected")
       return "bg-action-selected-dark";
   }
-}, fe = ({
+}, ke = ({
   radius: e
 }) => o({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), ke = ({
+}), fe = ({
   mode: e,
   disabled: a,
   variant: t
@@ -388,7 +388,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   noBackground: h,
   variant: b,
   noTruncate: y,
-  align: E,
+  align: S,
   radius: z,
   animated: C
 }) => (b || (b = "primary"), t ? o(F, a) : o(
@@ -400,26 +400,26 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
     noTruncate: y
   }),
   ye({ mode: r, noBackground: h, variant: b }),
-  fe({ radius: z }),
+  ke({ radius: z }),
   be({
     type: e,
     size: d,
     labelRight: g,
     labelLeft: m,
-    align: E,
+    align: S,
     animated: C
   }),
   me({ type: e, size: d, labelRight: g, labelLeft: m }),
   pe({ mode: r, variant: b, noBorder: c }),
   _e({ focusMode: s }),
-  ke({ mode: r, variant: b, disabled: l }),
+  fe({ mode: r, variant: b, disabled: l }),
   ve({ mode: r, variant: b, disabled: l }),
   {
     "w-full": n,
     "disabled:cursor-not-allowed disabled:opacity-50": l
   },
   o({
-    "transition-[width] duration-300 ease-in-out": e === S && C
+    "transition-[width] duration-300 ease-in-out": e === E && C
   }),
   a
 )), Ce = (e, a, t) => {
@@ -441,12 +441,12 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
 X.displayName = "BaseButton";
 function Te() {
   const e = w(!1);
-  return q(() => (e.current = !0, () => {
+  return G(() => (e.current = !0, () => {
     e.current = !1;
   }), []), le(() => e.current, []);
 }
 function Be(e) {
-  return H(() => e.every((a) => a == null) ? () => {
+  return q(() => e.every((a) => a == null) ? () => {
   } : (a) => {
     e.forEach((t) => {
       typeof t == "function" ? t(a) : t != null && (t.current = a);
@@ -464,13 +464,13 @@ const Ie = {
   right: 0
 };
 function A(e) {
-  const a = Te(), t = w(0), r = w(null), [s, l] = oe(Ie), n = H(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+  const a = Te(), t = w(0), r = w(null), [s, l] = oe(Ie), n = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const c = d[0];
     c && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
       r.current && a() && l(c.contentRect);
     }));
   }), [a]);
-  return q(() => (r.current && (n == null || n.observe(r.current, e)), () => {
+  return G(() => (r.current && (n == null || n.observe(r.current, e)), () => {
     n == null || n.disconnect(), t.current && cancelAnimationFrame(t.current);
   }), [n, e]), [r, s];
 }
@@ -481,14 +481,14 @@ const Re = {
   // w-8
   large: 48
   // w-12
-}, Se = {
+}, Ee = {
   small: 8 * 2,
   // px-2 x 2
   medium: 12 * 2,
   // px-3 x 2
   large: 16 * 2
   // px-4 x 2
-}, Ee = 2, Y = I.forwardRef(
+}, Se = 2, Y = I.forwardRef(
   ({
     children: e,
     disabled: a = !1,
@@ -504,16 +504,16 @@ const Re = {
     size: h = "medium",
     labelRight: b,
     labelLeft: y,
-    noBackground: E = !1,
+    noBackground: S = !1,
     align: z = "center",
     radius: C = "large",
     variant: J = "primary",
     iconClassName: K,
-    animated: f = !1,
+    animated: k = !1,
     ...Q
   }, ee) => {
     const te = Ne({
-      type: S,
+      type: E,
       mode: t,
       focusMode: r,
       fullWidth: s,
@@ -524,25 +524,25 @@ const Re = {
       size: h,
       labelRight: b,
       labelLeft: y,
-      noBackground: E,
+      noBackground: S,
       align: z,
       radius: C,
       variant: J,
-      animated: f
-    }), ae = xe({ mode: t, raw: d, iconClassName: K }), j = we({ animated: f }), [u, V] = A(), [k, M] = A(), [T, W] = A(), L = w(0), v = w(null), re = Be([ee, v]);
-    return $(() => {
-      T && T.current && f && (L.current = W.width + Se[h] + (c ? 0 : Ee));
-    }, [W, T, h, c, f]), $(() => {
-      v && v.current && f && (b && u && V.width > 0 ? (u.current && (u.current.style.opacity = "100"), v.current.style.width = `${V.width + L.current}px`) : y && M.width > 0 ? (k.current && (k.current.style.opacity = "100"), v.current.style.width = `${M.width + L.current}px`) : (u.current && (u.current.style.opacity = "0"), k.current && (k.current.style.opacity = "0"), v.current.style.width = `${Re[h]}px`));
+      animated: k
+    }), ae = xe({ mode: t, raw: d, iconClassName: K }), j = we({ animated: k }), [u, V] = A(), [f, M] = A(), [T, W] = A(), L = w(0), v = w(null), re = Be([ee, v]);
+    return D(() => {
+      T && T.current && k && (L.current = W.width + Ee[h] + (c ? 0 : Se));
+    }, [W, T, h, c, k]), D(() => {
+      v && v.current && k && (b && u && V.width > 0 ? (u.current && (u.current.style.opacity = "100"), v.current.style.width = `${V.width + L.current}px`) : y && M.width > 0 ? (f.current && (f.current.style.opacity = "100"), v.current.style.width = `${M.width + L.current}px`) : (u.current && (u.current.style.opacity = "0"), f.current && (f.current.style.opacity = "0"), v.current.style.width = `${Re[h]}px`));
     }, [
       V,
       b,
       u,
       M,
       y,
-      k,
+      f,
       h,
-      f
+      k
     ]), /* @__PURE__ */ _(
       X,
       {
@@ -554,17 +554,17 @@ const Re = {
         ...Q,
         children: [
           /* @__PURE__ */ i(
-            D,
+            H,
             {
               label: y,
-              labelRef: k,
+              labelRef: f,
               labelClass: j,
               labelInnerClass: "pr-2"
             }
           ),
           /* @__PURE__ */ i("span", { ref: T, className: ae, children: e }),
           /* @__PURE__ */ i(
-            D,
+            H,
             {
               label: b,
               labelRef: u,
@@ -576,7 +576,7 @@ const Re = {
       }
     );
   }
-), D = ({
+), H = ({
   labelRef: e,
   labelClass: a,
   label: t,
@@ -584,13 +584,13 @@ const Re = {
 }) => /* @__PURE__ */ i("span", { ref: e, className: a, children: t && /* @__PURE__ */ i("span", { className: r, children: t }) });
 Y.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.2.9
+  @versini/ui-button v4.2.11
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.2.9",
-    buildTime: "02/27/2025 06:37 PM EST",
+    version: "4.2.11",
+    buildTime: "03/10/2025 02:04 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -647,32 +647,32 @@ const U = ({
   ...c
 }) => {
   const g = o(l, r);
-  return /* @__PURE__ */ _(se, { children: [
-    /* @__PURE__ */ i(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: g,
-        viewBox: t || s,
-        fill: a || "currentColor",
-        role: "img",
-        "aria-hidden": !d,
-        focusable: !1,
-        ...c,
-        children: e
-      }
-    ),
-    n && d && /* @__PURE__ */ i("span", { className: "sr-only", children: n })
-  ] });
+  return /* @__PURE__ */ i(se, { children: /* @__PURE__ */ _(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: g,
+      viewBox: t || s,
+      fill: a || "currentColor",
+      role: "img",
+      "aria-hidden": !d,
+      focusable: !1,
+      ...c,
+      children: [
+        n && d && /* @__PURE__ */ i("title", { children: n }),
+        e
+      ]
+    }
+  ) });
 };
 /*!
-  @versini/ui-svgicon v4.0.7
+  @versini/ui-svgicon v4.1.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.7",
-    buildTime: "01/20/2025 01:49 PM EST",
+    version: "4.1.1",
+    buildTime: "02/27/2025 03:46 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -758,13 +758,13 @@ const ze = ({
   }
 );
 /*!
-  @versini/ui-icons v4.6.1
+  @versini/ui-icons v4.8.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.6.1",
-    buildTime: "01/21/2025 01:33 PM EST",
+    version: "4.8.1",
+    buildTime: "02/27/2025 03:46 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -841,7 +841,7 @@ const x = I.createContext({
     stickyFooter: r.stickyFooter
   });
   return /* @__PURE__ */ i("tfoot", { className: s, ...t, children: e });
-}, $e = ({ children: e, ...a }) => {
+}, De = ({ children: e, ...a }) => {
   const t = N(x);
   return t.cellWrapper = p, /* @__PURE__ */ i("tbody", { ...a, children: e });
 }, Fe = ({
@@ -870,7 +870,7 @@ const x = I.createContext({
     align: r
   });
   return r ? /* @__PURE__ */ i(n, { className: d, ...s, children: /* @__PURE__ */ i("div", { className: c, children: e }) }) : /* @__PURE__ */ i(n, { className: d, ...s, children: e });
-}, De = ({
+}, He = ({
   align: e,
   children: a,
   buttonClassName: t,
@@ -913,9 +913,9 @@ const x = I.createContext({
 };
 export {
   Ue as Table,
-  $e as TableBody,
+  De as TableBody,
   Le as TableCell,
-  De as TableCellSort,
+  He as TableCellSort,
   B as TableCellSortDirections,
   We as TableFooter,
   je as TableHead,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-table",
-	"version": "3.1.9",
+	"version": "3.1.11",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,17 +39,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.5.2"
+		"@versini/ui-types": "4.5.3"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "4.2.9",
-		"@versini/ui-icons": "*",
+		"@versini/ui-button": "4.2.11",
+		"@versini/ui-icons": "4.8.1",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "6b75e3a6c6946e827dbe75b7b26bd700888c41f9"
+	"gitHead": "fc7e720b770c5ee2e8537eabf9b2f458dba07696"
 }