@base-framework/ui 1.0.280 → 1.0.282

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v,
 import { Icons as G } from "./icons.es.js";
 import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-CPWpkmxa.js";
 import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
-import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-fN7fYDwD.js";
+import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-BjP9rXkL.js";
 import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
 import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BtUJdw-T.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-import { B as s, p as t, C as o, j as r, D as n, m as l, k as i, H as b, I as d, N as g, O as p, P as u, S as v, n as D, o as N, t as k, s as C, q as c, r as T, T as M, l as m, U as y, W as B, f as W, h, i as S, c as H, d as P, b as I, e as f, a as x, g as L } from "./signature-panel-fN7fYDwD.js";
+import { B as s, p as t, C as o, j as r, D as n, m as l, k as i, H as b, I as d, N as g, O as p, P as u, S as v, n as D, o as N, t as k, s as C, q as c, r as T, T as M, l as m, U as y, W as B, f as W, h, i as S, c as H, d as P, b as I, e as f, a as x, g as L } from "./signature-panel-BjP9rXkL.js";
 import { b as F, C as U, D as G, a as R, F as j, M as q, R as w, c as z, p as A } from "./range-calendar-DW0cMOJy.js";
 import { B as J, I as K, M as Q, d as V, e as X, g as Y, N as Z, b as _, a as $, f as aa, P as ea, c as sa, S as ta, T as oa } from "./mobile-nav-wrapper-C7RyGC5a.js";
 export {

package/dist/{signature-panel-fN7fYDwD.js → signature-panel-BjP9rXkL.js}

@@ -1,4 +1,4 @@
-import { Button as x, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as C, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
+import { Button as x, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as I, P as p, Li as S, Time as q, Nav as C, Ul as b, Section as z, Canvas as K } from "@base-framework/atoms";
 import { Atom as h, Component as u, Data as L, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
 import { B as T, I as _ } from "./buttons-BKLL4I6r.js";
 import { Icons as k } from "./icons.es.js";
@@ -95,10 +95,10 @@ const re = (t) => {
 }, me = (t, e) => {
   const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (r, g) => new Date(t, e, g + 1)), l = (i.length + n.length) % 7, d = l === 0 ? 0 : 7 - l, c = he(t, e, d), f = [...i, ...n, ...c], m = [];
   for (let r = 0; r < f.length; r += 7) {
-    const g = f.slice(r, r + 7), b = g.find((H) => H) || new Date(t, e, 1), { weekNumber: U, year: Y } = ce(b);
+    const g = f.slice(r, r + 7), w = g.find((Y) => Y) || new Date(t, e, 1), { weekNumber: H, year: U } = ce(w);
     m.push({
-      weekNumber: U,
-      year: Y,
+      weekNumber: H,
+      year: U,
       days: g
     });
   }
@@ -296,11 +296,11 @@ class ot extends u {
     ]);
   }
 }
-const we = (t, e) => {
+const be = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, be = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
-  F((e) => new ae({ class: "mr-2", onChange: (s, a) => we(e, a) }))
+}, we = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+  F((e) => new ae({ class: "mr-2", onChange: (s, a) => be(e, a) }))
 ]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return O({
@@ -317,7 +317,7 @@ const we = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? be({ toggle: t.toggle }) : ye({
+      (e) => e.label === "checkbox" ? we({ toggle: t.toggle }) : ye({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -399,17 +399,30 @@ class j extends u {
     const a = this.data.get("selectedRows"), i = e.selected ? [...a, e] : a.filter((n) => n !== e);
     this.data.selectedRows = i, this.updateSelected();
   }
+  /**
+   * Gets the number of header columns.
+   *
+   * @returns {number}
+   */
+  getHeaderColCount() {
+    var e;
+    if (this.customHeader) {
+      const s = this.customHeader, a = s == null ? void 0 : s.children[0];
+      return (e = a == null ? void 0 : a.children) == null ? void 0 : e.length;
+    }
+    return this.headers ? this.headers.length : 3;
+  }
   /**
    * Renders the DataTable component.
    *
    * @returns {object}
    */
   render() {
-    const e = this.border !== !1 ? "border" : "", s = this.headers ? this.headers.length : 3;
+    const e = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
       v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${e} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        C({ class: "w-full" }, [
+        I({ class: "w-full" }, [
           // @ts-ignore
           this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
@@ -493,7 +506,7 @@ class j extends u {
     this.data.selectedRows = [];
   }
 }
-const xe = (t) => new Z({
+const xe = (t) => Z({
   cache: "list",
   loadMoreItems: t.loadMoreItems,
   offset: t.offset,
@@ -513,11 +526,11 @@ class ve extends j {
    * @returns {object}
    */
   render() {
-    const e = this.border !== !1 ? "border" : "", s = this.headers ? this.headers.length : 3;
+    const e = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
       v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${e} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        C({ class: "w-full" }, [
+        I({ class: "w-full" }, [
           // @ts-ignore
           this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
@@ -596,11 +609,11 @@ class Se extends j {
    * @returns {object}
    */
   render() {
-    const e = this.border !== !1 ? "border" : "", s = this.headers ? this.headers.length : 3;
+    const e = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return o({ class: "w-full flex flex-auto flex-col" }, [
       v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${e} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        C({ class: "w-full" }, [
+        I({ class: "w-full" }, [
           // @ts-ignore
           this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
@@ -661,10 +674,10 @@ const rt = h((t) => new Se(
     emptyState: t.emptyState,
     skeleton: t.skeleton
   }
-)), Ie = h(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
+)), Ce = h(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
   p({ class: "text-base font-semibold leading-6 m-0" }, t),
   p({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
-])), Ce = () => o({ class: "flex items-center gap-x-1.5" }, [
+])), Ie = () => o({ class: "flex items-center gap-x-1.5" }, [
   o({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
     o({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
@@ -672,13 +685,13 @@ const rt = h((t) => new Se(
 ]), Le = (t) => p({ class: "text-xs leading-5 text-muted-foreground" }, [
   D("Last seen "),
   q({ datetime: t }, "3h ago")
-]), Te = (t, e) => t === "online" ? Ce() : Le(e), Be = h(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+]), Te = (t, e) => t === "online" ? Ie() : Le(e), Be = h(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   p({ class: "text-sm leading-6 m-0" }, t),
   Te(s, e)
 ])), Me = (t) => t.split(" ").map((s) => s[0]).join(""), Re = h((t) => S({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
     oe({ src: t.image, alt: t.name, fallbackText: Me(t.name) }),
-    Ie({ name: t.name, email: t.email })
+    Ce({ name: t.name, email: t.email })
   ]),
   Be({
     role: t.role,
@@ -720,10 +733,10 @@ class dt extends u {
    * @returns {object}
    */
   render() {
-    return I(
+    return C(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        w({
+        b({
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
@@ -1033,7 +1046,7 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
     }]
   ],
   click: () => e(t)
-}, a)), $e = h(({ selectOption: t, state: e }) => w({
+}, a)), $e = h(({ selectOption: t, state: e }) => b({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => ze({ index: a, click: t, state: e }, s.label)]
 })), Ne = h((t) => o({ class: "relative flex items-center" }, [
@@ -1200,8 +1213,8 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
-), Ue = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
+), He = (t, e) => (t.callBack = e, Ae(t)), Ue = (t) => C({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => He(e, t.callBack)] })
 ]);
 class gt extends u {
   /**
@@ -1220,7 +1233,7 @@ class gt extends u {
   render() {
     const e = this.select.bind(this);
     return o({ class: "" }, [
-      Ye({
+      Ue({
         class: this.class,
         options: this.options,
         callBack: e
@@ -1291,7 +1304,7 @@ class gt extends u {
     };
   }
 }
-const He = (t) => S(
+const Ye = (t) => S(
   {
     class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
@@ -1304,8 +1317,8 @@ const He = (t) => S(
       disabled: t.disabled
     }, t.label)
   ]
-), Fe = (t, e) => (t.callBack = e, He(t)), Ee = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
+), Fe = (t, e) => (t.callBack = e, Ye(t)), Ee = (t) => C({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
 ]);
 class pt extends u {
   /**
@@ -1381,8 +1394,8 @@ class Ke extends u {
    * @returns {object}
    */
   render() {
-    return I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      w({
+    return C({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
+      b({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
@@ -1455,7 +1468,7 @@ class Ke extends u {
     this.links = [];
   }
 }
-class wt extends u {
+class bt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -1650,8 +1663,8 @@ class Ge extends u {
     const e = this.canvas, s = this.container, a = R.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let d = n + "px", c = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const f = a.width, m = a.height, r = f / n, g = m / l, b = Math.min(r, g);
-      d = n * b + "px", c = l * b + "px";
+      const f = a.width, m = a.height, r = f / n, g = m / l, w = Math.min(r, g);
+      d = n * w + "px", c = l * w + "px";
     }
     e.style.width = d, e.style.height = c;
   }
@@ -1727,7 +1740,7 @@ class Ge extends u {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class bt extends u {
+class wt extends u {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1807,7 +1820,7 @@ class bt extends u {
 }
 export {
   ht as B,
-  be as C,
+  we as C,
   ke as D,
   ye as H,
   ft as I,
@@ -1836,6 +1849,6 @@ export {
   gt as p,
   pt as q,
   Ke as r,
-  wt as s,
-  bt as t
+  bt as s,
+  wt as t
 };

package/dist/types/components/organisms/lists/data-table.d.ts

@@ -46,6 +46,12 @@ export class DataTable extends Component {
      * @param {object} row
      */
     selectRow(row: object): void;
+    /**
+     * Gets the number of header columns.
+     *
+     * @returns {number}
+     */
+    getHeaderColCount(): number;
     /**
      * Renders the DataTable component.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.280",
+	"version": "1.0.282",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {