@db-ux/react-core-components 4.11.1 → 4.12.1

package/dist/components/table/table.js

@@ -1,113 +1,79 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n, delay as r, getBooleanAsString as i } from "../../utils/index.js";
-import a from "../table-body/table-body.js";
-import o from "../table-footer/table-footer.js";
-import s from "../table-head/table-head.js";
-import { forwardRef as c, useEffect as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/table/table.tsx
-function h(c, h) {
-	let g = h || u(void 0), [_, v] = d(() => void 0), [y, b] = d(() => void 0);
-	function x() {
-		try {
-			return typeof c.data == "string" ? JSON.parse(c.data) : c.data;
-		} catch (e) {
-			console.error(e);
-		}
-		return {};
-	}
-	return l(() => {
-		c.data ? v(x()) : v(void 0);
-	}, [c.data]), l(() => {
-		g.current && c.mobileVariant === "list" && r(() => {
-			let e = g.current;
-			if (!e) return;
-			let t = e.querySelectorAll("thead tr th");
-			t.length && e.querySelectorAll(":is(tbody,tfoot) tr").forEach((e) => {
-				e.querySelectorAll(":is(td,th)").forEach((e, n) => {
-					let r = t[n];
-					if (r) {
-						let t = Array.from(r.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.textContent?.trim()).filter(Boolean).join(" ");
-						t && (e.dataset.header = t);
-					}
-				});
-			});
-		}, 1);
-	}, [
-		c.mobileVariant,
-		g.current,
-		_
-	]), l(() => {
-		if (c.columnSizes) {
-			let e = {};
-			Object.entries(c.columnSizes).forEach(([t, n]) => {
-				e[`--db-table-column-size-${t}`] = n;
-			}), b(e);
-		} else b(void 0);
-	}, [c.columnSizes]), /* @__PURE__ */ p("div", {
-		...t(c, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table", c.className),
-		style: y,
-		"data-width": c.width,
-		"data-size": c.size,
-		"data-divider": c.divider,
-		"data-variant": c.variant,
-		"data-mobile-variant": c.mobileVariant,
-		"data-show-caption": i(c.showCaption),
-		"data-sticky-header": c.stickyHeader,
-		children: /* @__PURE__ */ m("table", {
-			ref: g,
-			...e(c, [
-				"data-icon-variant",
-				"data-icon-variant-before",
-				"data-icon-variant-after",
-				"data-icon-weight",
-				"data-icon-weight-before",
-				"data-icon-weight-after",
-				"data-interactive",
-				"data-force-mobile",
-				"data-color",
-				"data-container-color",
-				"data-bg-color",
-				"data-on-bg-color",
-				"data-color-scheme",
-				"data-font-size",
-				"data-headline-size",
-				"data-divider",
-				"data-focus",
-				"data-font",
-				"data-density"
-			]),
-			id: c.id,
-			children: [c.captionPlain ? /* @__PURE__ */ p("caption", { children: c.captionPlain }) : /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p(f, { children: c.caption }) }), _ ? /* @__PURE__ */ m(f, { children: [
-				_?.header ? /* @__PURE__ */ p(s, { rows: _?.header }) : null,
-				_?.body ? /* @__PURE__ */ p(a, { rows: _?.body }) : null,
-				_?.footer ? /* @__PURE__ */ p(o, { rows: _?.footer }) : null
-			] }) : /* @__PURE__ */ p(f, { children: c.children })]
-		})
-	});
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useState, useRef, useEffect, forwardRef } from "react";
+import { cls, delay, getBooleanAsString } from "../../utils/index.js";
+import DBTableBody from "../table-body/table-body.js";
+import DBTableFooter from "../table-footer/table-footer.js";
+import DBTableHead from "../table-head/table-head.js";
+function DBTableFn(props, component) {
+    const _ref = component || useRef(undefined);
+    const [_data, set_data] = useState(() => undefined);
+    const [_style, set_style] = useState(() => undefined);
+    function convertData() {
+        try {
+            if (typeof props.data === "string") {
+                return JSON.parse(props.data);
+            }
+            return props.data;
+        }
+        catch (error) {
+            console.error(error);
+        }
+        return {};
+    }
+    useEffect(() => {
+        if (props.data) {
+            set_data(convertData());
+        }
+        else {
+            set_data(undefined);
+        }
+    }, [props.data]);
+    useEffect(() => {
+        if (_ref.current && props.mobileVariant === "list") {
+            // Delay for angular
+            void delay(() => {
+                const table = _ref.current;
+                if (!table)
+                    return;
+                const headerCells = table.querySelectorAll("thead tr th");
+                if (headerCells.length) {
+                    const otherRows = table.querySelectorAll(":is(tbody,tfoot) tr");
+                    otherRows.forEach((row) => {
+                        const cells = row.querySelectorAll(":is(td,th)");
+                        cells.forEach((cell, index) => {
+                            const headerCell = headerCells[index];
+                            if (headerCell) {
+                                // Use only direct text nodes to avoid including text from nested elements (e.g. sort buttons)
+                                const directText = Array.from(headerCell.childNodes)
+                                    .filter((node) => node.nodeType === Node.TEXT_NODE)
+                                    .map((node) => node.textContent?.trim())
+                                    .filter(Boolean)
+                                    .join(" ");
+                                if (directText) {
+                                    cell.dataset["header"] = directText;
+                                }
+                            }
+                        });
+                    });
+                }
+            }, 1);
+        }
+    }, [props.mobileVariant, _ref.current, _data]);
+    useEffect(() => {
+        if (props.columnSizes) {
+            const columnStyles = {};
+            Object.entries(props.columnSizes).forEach(([key, value]) => {
+                columnStyles[`--db-table-column-size-${key}`] = value;
+            });
+            set_style(columnStyles);
+        }
+        else {
+            set_style(undefined);
+        }
+    }, [props.columnSizes]);
+    return (_jsx("div", { ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table", props.className), style: _style, "data-width": props.width, "data-size": props.size, "data-divider": props.divider, "data-variant": props.variant, "data-mobile-variant": props.mobileVariant, "data-show-caption": getBooleanAsString(props.showCaption), "data-sticky-header": props.stickyHeader, children: _jsxs("table", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, children: [props.captionPlain ? (_jsx("caption", { children: props.captionPlain })) : (_jsx(_Fragment, { children: _jsx(_Fragment, { children: props.caption }) })), _data ? (_jsxs(_Fragment, { children: [_data?.header ? _jsx(DBTableHead, { rows: _data?.header }) : null, _data?.body ? _jsx(DBTableBody, { rows: _data?.body }) : null, _data?.footer ? _jsx(DBTableFooter, { rows: _data?.footer }) : null] })) : (_jsx(_Fragment, { children: props.children }))] }) }));
 }
-var g = c(h);
-//#endregion
-export { g as default };
+const DBTable = forwardRef(DBTableFn);
+export default DBTable;

package/dist/components/table-body/index.d.ts

@@ -1 +1 @@
-export { default as DBTableBody } from './table-body';
+export { default as DBTableBody } from './table-body.js';

package/dist/components/table-body/index.js

@@ -0,0 +1 @@
+export { default as DBTableBody } from './table-body.js';

package/dist/components/table-body/model.d.ts

@@ -1,5 +1,5 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
-import type { DBTableRowProps } from '../table-row/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+import type { DBTableRowProps } from '../table-row/model.js';
 export type DBTableBodyDefaultProps = {
     rows?: DBTableRowProps[];
 };

package/dist/components/table-body/model.js

@@ -0,0 +1 @@
+export {};

package/dist/components/table-body/table-body.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableBody: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | "rows"> & import("./model").DBTableBodyDefaultProps & import("../..").GlobalProps & React.RefAttributes<any>>;
+declare const DBTableBody: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps | "rows"> & import("./model.js").DBTableBodyDefaultProps & import("../../index.js").GlobalProps & React.RefAttributes<any>>;
 export default DBTableBody;

package/dist/components/table-body/table-body.js

@@ -1,66 +1,14 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n } from "../../utils/index.js";
-import r from "../table-row/table-row.js";
-import { forwardRef as i, useId as a, useRef as o } from "react";
-import { Fragment as s, jsx as c } from "react/jsx-runtime";
-//#region src/components/table-body/table-body.tsx
-function l(i, l) {
-	let u = a();
-	return /* @__PURE__ */ c("tbody", {
-		ref: l || o(void 0),
-		...e(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: i.id,
-		...t(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-body", i.className),
-		children: i.rows ? /* @__PURE__ */ c(s, { children: i.rows?.map((e, t) => /* @__PURE__ */ c(r, {
-			cells: e.cells,
-			className: e.className ?? e.class,
-			interactive: e.interactive,
-			id: e.id
-		}, `${e.id ?? i.id ?? u}-table-body-row-${t}`)) }) : /* @__PURE__ */ c(s, { children: i.children })
-	});
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+import DBTableRow from "../table-row/table-row.js";
+import { useId } from "react";
+function DBTableBodyFn(props, component) {
+    const uuid = useId();
+    const _ref = component || useRef(undefined);
+    return (_jsx("tbody", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-body", props.className), children: props.rows ? (_jsx(_Fragment, { children: props.rows?.map((row, index) => (_jsx(DBTableRow, { cells: row.cells, className: row.className ?? row.class, interactive: row.interactive, id: row.id }, `${row.id ?? props.id ?? uuid}-table-body-row-${index}`))) })) : (_jsx(_Fragment, { children: props.children })) }));
 }
-var u = i(l);
-//#endregion
-export { u as default };
+const DBTableBody = forwardRef(DBTableBodyFn);
+export default DBTableBody;

package/dist/components/table-caption/index.d.ts

@@ -1 +1 @@
-export { default as DBTableCaption } from './table-caption';
+export { default as DBTableCaption } from './table-caption.js';

package/dist/components/table-caption/index.js

@@ -0,0 +1 @@
+export { default as DBTableCaption } from './table-caption.js';

package/dist/components/table-caption/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export type DBTableCaptionDefaultProps = {};
 export type DBTableCaptionProps = DBTableCaptionDefaultProps & GlobalProps;
 export type DBTableCaptionDefaultState = {};

package/dist/components/table-caption/model.js

@@ -0,0 +1 @@
+export {};

package/dist/components/table-caption/table-caption.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableCaption: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps> & import("../..").GlobalProps & React.RefAttributes<any>>;
+declare const DBTableCaption: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps> & import("../../index.js").GlobalProps & React.RefAttributes<any>>;
 export default DBTableCaption;

package/dist/components/table-caption/table-caption.js

@@ -1,59 +1,11 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n } from "../../utils/index.js";
-import { forwardRef as r, useRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/components/table-caption/table-caption.tsx
-function o(r, o) {
-	return /* @__PURE__ */ a("caption", {
-		ref: o || i(void 0),
-		...e(r, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: r.id,
-		...t(r, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-caption", r.className),
-		children: r.children
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+function DBTableCaptionFn(props, component) {
+    const _ref = component || useRef(undefined);
+    return (_jsx("caption", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-caption", props.className), children: props.children }));
 }
-var s = r(o);
-//#endregion
-export { s as default };
+const DBTableCaption = forwardRef(DBTableCaptionFn);
+export default DBTableCaption;

package/dist/components/table-data-cell/index.d.ts

@@ -1 +1 @@
-export { default as DBTableDataCell } from './table-data-cell';
+export { default as DBTableDataCell } from './table-data-cell.js';

package/dist/components/table-data-cell/index.js

@@ -0,0 +1 @@
+export { default as DBTableDataCell } from './table-data-cell.js';

package/dist/components/table-data-cell/model.d.ts

@@ -1,4 +1,4 @@
-import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model';
+import type { DBTableCellProps, GlobalProps, GlobalState } from '../../shared/model.js';
 export type DBTableDataCellDefaultProps = {};
 export type DBTableDataCellProps = DBTableDataCellDefaultProps & GlobalProps & DBTableCellProps;
 export type DBTableDataCellDefaultState = {};

package/dist/components/table-data-cell/model.js

@@ -0,0 +1 @@
+export {};

package/dist/components/table-data-cell/table-data-cell.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableDataCell: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | keyof import("../..").DBTableCellProps> & import("../..").GlobalProps & import("../..").DBTableCellProps & React.RefAttributes<any>>;
+declare const DBTableDataCell: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps | keyof import("../../index.js").DBTableCellProps> & import("../../index.js").GlobalProps & import("../../index.js").DBTableCellProps & React.RefAttributes<any>>;
 export default DBTableDataCell;

package/dist/components/table-data-cell/table-data-cell.js

@@ -1,64 +1,11 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n, getNumber as r } from "../../utils/index.js";
-import { forwardRef as i, useRef as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/components/table-data-cell/table-data-cell.tsx
-function s(i, s) {
-	return /* @__PURE__ */ o("td", {
-		ref: s || a(void 0),
-		...e(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: i.id,
-		...t(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-data-cell", i.className),
-		"data-horizontal-alignment": i.horizontalAlignment,
-		"data-vertical-alignment": i.verticalAlignment,
-		colSpan: r(i.colSpan, i.colspan),
-		rowSpan: r(i.rowSpan, i.rowspan),
-		headers: i.headers,
-		children: i.children
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls, getNumber } from "../../utils/index.js";
+function DBTableDataCellFn(props, component) {
+    const _ref = component || useRef(undefined);
+    return (_jsx("td", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-data-cell", props.className), "data-horizontal-alignment": props.horizontalAlignment, "data-vertical-alignment": props.verticalAlignment, colSpan: getNumber(props.colSpan, props.colspan), rowSpan: getNumber(props.rowSpan, props.rowspan), headers: props.headers, children: props.children }));
 }
-var c = i(s);
-//#endregion
-export { c as default };
+const DBTableDataCell = forwardRef(DBTableDataCellFn);
+export default DBTableDataCell;

package/dist/components/table-footer/index.d.ts

@@ -1 +1 @@
-export { default as DBTableFooter } from './table-footer';
+export { default as DBTableFooter } from './table-footer.js';

package/dist/components/table-footer/index.js

@@ -0,0 +1 @@
+export { default as DBTableFooter } from './table-footer.js';

package/dist/components/table-footer/model.d.ts

@@ -1,5 +1,5 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
-import type { DBTableRowProps } from '../table-row/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+import type { DBTableRowProps } from '../table-row/model.js';
 export type DBTableFooterDefaultProps = {
     rows?: DBTableRowProps[];
 };

package/dist/components/table-footer/model.js

@@ -0,0 +1 @@
+export {};

package/dist/components/table-footer/table-footer.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
-declare const DBTableFooter: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../..").GlobalProps | "rows"> & import("./model").DBTableFooterDefaultProps & import("../..").GlobalProps & React.RefAttributes<any>>;
+declare const DBTableFooter: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, keyof import("../../index.js").GlobalProps | "rows"> & import("./model.js").DBTableFooterDefaultProps & import("../../index.js").GlobalProps & React.RefAttributes<any>>;
 export default DBTableFooter;

package/dist/components/table-footer/table-footer.js

@@ -1,66 +1,14 @@
 "use client";
-import { filterPassingProps as e, getRootProps as t } from "../../utils/react.js";
-import { cls as n } from "../../utils/index.js";
-import r from "../table-row/table-row.js";
-import { forwardRef as i, useId as a, useRef as o } from "react";
-import { Fragment as s, jsx as c } from "react/jsx-runtime";
-//#region src/components/table-footer/table-footer.tsx
-function l(i, l) {
-	let u = a();
-	return /* @__PURE__ */ c("tfoot", {
-		ref: l || o(void 0),
-		...e(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		id: i.id,
-		...t(i, [
-			"data-icon-variant",
-			"data-icon-variant-before",
-			"data-icon-variant-after",
-			"data-icon-weight",
-			"data-icon-weight-before",
-			"data-icon-weight-after",
-			"data-interactive",
-			"data-force-mobile",
-			"data-color",
-			"data-container-color",
-			"data-bg-color",
-			"data-on-bg-color",
-			"data-color-scheme",
-			"data-font-size",
-			"data-headline-size",
-			"data-divider",
-			"data-focus",
-			"data-font",
-			"data-density"
-		]),
-		className: n("db-table-footer", i.className),
-		children: i.rows ? /* @__PURE__ */ c(s, { children: i.rows?.map((e, t) => /* @__PURE__ */ c(r, {
-			cells: e.cells,
-			className: e.className ?? e.class,
-			interactive: e.interactive,
-			id: e.id
-		}, `${e.id ?? i.id ?? u}-table-footer-row-${t}`)) }) : /* @__PURE__ */ c(s, { children: i.children })
-	});
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { filterPassingProps, getRootProps } from "../../utils/react.js";
+import { useRef, forwardRef } from "react";
+import { cls } from "../../utils/index.js";
+import DBTableRow from "../table-row/table-row.js";
+import { useId } from "react";
+function DBTableFooterFn(props, component) {
+    const uuid = useId();
+    const _ref = component || useRef(undefined);
+    return (_jsx("tfoot", { ref: _ref, ...filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), id: props.id, ...getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "data-density"]), className: cls("db-table-footer", props.className), children: props.rows ? (_jsx(_Fragment, { children: props.rows?.map((row, index) => (_jsx(DBTableRow, { cells: row.cells, className: row.className ?? row.class, interactive: row.interactive, id: row.id }, `${row.id ?? props.id ?? uuid}-table-footer-row-${index}`))) })) : (_jsx(_Fragment, { children: props.children })) }));
 }
-var u = i(l);
-//#endregion
-export { u as default };
+const DBTableFooter = forwardRef(DBTableFooterFn);
+export default DBTableFooter;

package/dist/components/table-head/index.d.ts

@@ -1 +1 @@
-export { default as DBTableHead } from './table-head';
+export { default as DBTableHead } from './table-head.js';

package/dist/components/table-head/index.js

@@ -0,0 +1 @@
+export { default as DBTableHead } from './table-head.js';

package/dist/components/table-head/model.d.ts

@@ -1,5 +1,5 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
-import type { DBTableRowCell, DBTableRowProps } from '../table-row/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+import type { DBTableRowCell, DBTableRowProps } from '../table-row/model.js';
 export type DBTableHeadDefaultProps = {
     rows?: DBTableRowProps[];
 };

package/dist/components/table-head/model.js

@@ -0,0 +1 @@
+export {};