@base-framework/ui 1.0.279 → 1.0.281

package/dist/{tooltip-nLqurlbX.js → tooltip-Cok_NM7z.js}

@@ -1,7 +1,7 @@
-import { Span as c, Legend as f, Fieldset as x, Div as l, UseParent as u, Input as C } from "@base-framework/atoms";
+import { Span as c, Legend as b, Fieldset as C, Div as l, UseParent as u, Input as x } from "@base-framework/atoms";
 import { Atom as s, Html as p } from "@base-framework/base";
 import { a as d } from "./veil-tVDPinrr.js";
-import { f as h, e as y, g as k } from "./skeleton-CLm2c9Bc.js";
+import { f as h, e as y, g as k } from "./inputs-DYxmO1rQ.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",
@@ -78,22 +78,22 @@ const a = {
     textColor: "text-primary",
     ringColor: "ring-background"
   }
-}, w = (t) => a[t] || a.gray, v = (t) => {
+}, w = (t) => a[t] || a.gray, $ = (t) => {
   const { backgroundColor: e, textColor: r, ringColor: o } = w(t);
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${e} ${r} ${o}`;
 }, T = s((t, e) => {
-  const r = v(t == null ? void 0 : t.type);
+  const r = $(t == null ? void 0 : t.type);
   return c({ ...t, class: r }, e);
-}), P = s((t, e) => f({
+}), v = s((t, e) => b({
   ...t,
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${t.class || ""}`
 }, e)), L = s((t, e) => {
   const r = t.border === "full" ? "border rounded-md" : "border-t";
-  return x({
+  return C({
     ...t,
     class: `p-6 ${r} ${t.class || ""}`
   }, [
-    t.legend && P(t.legend),
+    t.legend && v(t.legend),
     l({ class: "flex flex-auto flex-col space-y-6" }, e)
   ]);
 }), I = d(
@@ -146,7 +146,7 @@ const a = {
             style: ["left: [[filledPercentage]]%", t]
           }),
           // Hidden Range Input
-          C({
+          x({
             type: "range",
             min: ["[[min]]", t],
             max: ["[[max]]", t],
@@ -175,8 +175,8 @@ const a = {
   },
   ...t,
   class: `${k} ${t.class || ""}`.trim()
-})), $ = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
-  const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, b = `
+})), P = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
+  const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, f = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
 		<circle
@@ -216,7 +216,7 @@ const a = {
 	`;
   return l({
     class: "circle-graph text-inherit",
-    html: b
+    html: f
   });
 }, R = s((t) => {
   const e = t.progress || 0, r = t.class || "", o = i(e, r);
@@ -224,7 +224,7 @@ const a = {
     class: "circle-graph-wrap",
     onSet: [
       t.prop,
-      (n) => (n = $(n), n ? i(n, r) : o)
+      (n) => (n = P(n), n ? i(n, r) : o)
     ]
   }, [o]);
 }), S = () => u(({ state: t }) => l({
@@ -282,7 +282,9 @@ const a = {
       t < 0 && (t = 0), t > 100 && (t = 100), this.state.progress = t;
     }
   }
-), g = {
+), V = ({ class: t, shape: e = "rectangle", width: r = "w-full", height: o = "h-4" }) => l({
+  class: `bg-muted animate-pulse ${r} ${o} ${e === "circle" ? "rounded-full" : "rounded-md"} ${t || ""}`
+}), g = {
   top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
   "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
   "top-left": "bottom-full right-full transform translate-x-1 mb-2",
@@ -291,7 +293,7 @@ const a = {
   "bottom-left": "top-full right-full transform translate-x-1 mt-2",
   left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
-}, E = (t) => g[t] || g.top, V = s(({ position: t = "top", content: e }, r) => {
+}, E = (t) => g[t] || g.top, D = s(({ position: t = "top", content: e }, r) => {
   const o = E(t);
   return Array.isArray(r) === !1 && (r = [r]), l({ class: "relative group inline-block" }, [
     ...r,
@@ -308,9 +310,10 @@ export {
   T as B,
   R as C,
   L as F,
-  P as L,
+  v as L,
   O as P,
   I as R,
   G as S,
-  V as T
+  D as T,
+  V as a
 };

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

@@ -1,4 +1,4 @@
-export function DataTableBody({ key, rows, selectRow, rowItem, emptyState }: object): object;
+export function DataTableBody({ key, rows, selectRow, rowItem, emptyState, skeleton, columnCount }: object): object;
 import { CheckboxCol } from './table-header.js';
 import { HeaderCol } from './table-header.js';
 import { TableHeader } from './table-header.js';

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

@@ -26,18 +26,6 @@ export class DataTable extends Component {
      * @returns {void}
      */
     updateSelected(): void;
-    /**
-     * Generates skeleton rows for the table.
-     *
-     * @returns {Array}
-     */
-    generateSkeletonRows(): any[];
-    /**
-     * Removes skeleton rows and shows real content.
-     *
-     * @returns {void}
-     */
-    removeSkeleton(): void;
     /**
      * This will get the selected rows.
      *
@@ -58,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.279",
+	"version": "1.0.281",
 	"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": {