ods-ant 0.4.0 → 0.5.0

package/dist-lib/display/Table.js

@@ -133,7 +133,7 @@ function y(e, t, n) {
 	let r = Math.max(t, Math.round(e));
 	return typeof n == "number" ? Math.min(n, r) : r;
 }
-function b(e, t, n = {}) {
+function ne(e, t, n = {}) {
 	if (!e) return n;
 	let r = { ...n }, i = (e) => {
 		e.forEach((e) => {
@@ -141,19 +141,51 @@ function b(e, t, n = {}) {
 				i(e.children);
 				return;
 			}
-			let n = _(e);
-			!n || r[n] != null || (r[n] = v(e.width) ?? t);
+			let t = _(e);
+			if (!t || r[t] != null) return;
+			let n = v(e.width);
+			n != null && (r[t] = n);
 		});
 	};
 	return i(e), r;
 }
-function x(e, t) {
+function b(e) {
+	let t = e == null ? "" : String(e);
+	return t ? t.length * 8 : 0;
+}
+function x(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function re(e, t, n) {
+	if (!e) return e;
+	let r = t.slice(0, Math.max(0, n.sampleSize)), i = (e) => {
+		let t = { ...e };
+		if (Array.isArray(t.children) && t.children.length > 0) return t.children = t.children.map(i), t;
+		if (t.width != null) return t;
+		let a = _(t);
+		if (n.enabledColumnKeys && (!a || !n.enabledColumnKeys.has(a))) return t;
+		let o = b(x(t.title)), s = r.reduce((e, n, r) => {
+			let i = S(n, t.dataIndex), a = typeof t.render == "function" ? t.render(i, n, r) : i, o = f(a) ? b(a) : b(i);
+			return Math.max(e, o);
+		}, 0);
+		return t.width = y(Math.max(o, s) + n.cellPadding, n.minWidth, n.maxWidth), t;
+	};
+	return e.map(i);
+}
+function ie(e) {
+	if (!(e === !0 || e === !1 || e == null)) {
+		if (Array.isArray(e)) return new Set(e.map(String));
+		if (typeof e == "string") return new Set(e.split(",").map((e) => e.trim()).filter(Boolean));
+		if (typeof e == "object") return new Set(Object.entries(e).filter(([, e]) => !!e).map(([e]) => e));
+	}
+}
+function S(e, t) {
 	if (Array.isArray(t)) return t.reduce((e, t) => {
 		if (e && typeof e == "object") return e[String(t)];
 	}, e);
 	if (typeof t == "string" || typeof t == "number") return e[String(t)];
 }
-function ne(e, t, n) {
+function ae(e, t, n) {
 	if (Array.isArray(t) && t.length > 0) {
 		let r = { ...e }, i = r;
 		for (let e = 0; e < t.length - 1; e += 1) {
@@ -167,13 +199,13 @@ function ne(e, t, n) {
 		[String(t)]: n
 	} : e;
 }
-function re(e, t, n) {
+function oe(e, t, n) {
 	return e && e.map((e) => {
 		let r = { ...e };
-		if (Array.isArray(r.children) && r.children.length > 0) return r.children = re(r.children, t, n), r;
+		if (Array.isArray(r.children) && r.children.length > 0) return r.children = oe(r.children, t, n), r;
 		let i = _(r);
 		return !(i && t.has(i)) || r.dataIndex == null || (r.render = (e, t, i) => {
-			let o = x(t, r.dataIndex), s = typeof o == "number";
+			let o = S(t, r.dataIndex), s = typeof o == "number";
 			return /* @__PURE__ */ l(a, {
 				className: "ds-table-edit-input",
 				type: s ? "number" : "text",
@@ -187,15 +219,15 @@ function re(e, t, n) {
 		}), r;
 	});
 }
-function ie(e, t) {
+function se(e, t) {
 	return e && e.map((e) => {
 		let n = { ...e };
-		if (Array.isArray(n.children) && n.children.length > 0) return n.children = ie(n.children, t), n;
+		if (Array.isArray(n.children) && n.children.length > 0) return n.children = se(n.children, t), n;
 		let r = _(n);
 		return !r || t.has(r) ? n : null;
 	}).filter((e) => e !== null);
 }
-var ae = ({ columns: e, visibleColumns: t, onToggle: n }) => {
+var ce = ({ columns: e, visibleColumns: t, onToggle: n }) => {
 	let r = s.useMemo(() => {
 		let t = [], n = (e) => {
 			e.forEach((e) => {
@@ -228,7 +260,7 @@ var ae = ({ columns: e, visibleColumns: t, onToggle: n }) => {
 			}, e))
 		})]
 	});
-}, oe = ({ width: e, minWidth: t = 96, maxWidth: n, onResize: r, children: i, className: a, style: o, ...c }) => {
+}, le = ({ width: e, minWidth: t = 96, maxWidth: n, onResize: r, children: i, className: a, style: o, ...c }) => {
 	let d = s.useRef(0), f = s.useRef(0), p = s.useCallback((e) => {
 		r && r(y(e, t, n));
 	}, [
@@ -274,10 +306,10 @@ var ae = ({ columns: e, visibleColumns: t, onToggle: n }) => {
 		}) : null]
 	});
 };
-function se(e, t, n, r, i, a) {
+function ue(e, t, n, r, i, a) {
 	return e && e.map((e) => {
 		let o = { ...e };
-		if (Array.isArray(o.children) && o.children.length > 0) return o.children = se(o.children, t, n, r, i, a), o;
+		if (Array.isArray(o.children) && o.children.length > 0) return o.children = ue(o.children, t, n, r, i, a), o;
 		let s = _(o);
 		if (!s) return o;
 		let c = t[s] ?? v(o.width) ?? a, l = o.onHeaderCell;
@@ -294,7 +326,12 @@ function se(e, t, n, r, i, a) {
 		}, o;
 	});
 }
-function ce() {
+function de(e, t) {
+	if (!e || e.length === 0) return t;
+	let n = (e) => e.flatMap((e) => Array.isArray(e?.children) && e.children.length > 0 ? n(e.children) : [v(e?.width) ?? t]), r = n(e);
+	return r.length === 0 ? t : r.reduce((e, t) => e + t, 0);
+}
+function fe() {
 	if (typeof document > "u") return;
 	let { table: t, checkbox: n } = e, r = document.getElementById(d);
 	r || (r = document.createElement("style"), r.id = d, document.head.appendChild(r)), r.textContent = `
@@ -327,7 +364,7 @@ function ce() {
       display: none !important;
     }
 
-    .ds-table .ant-table-tbody > tr > td {
+    .ds-table .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       color: ${t.text.body} !important;
       font-weight: ${t.typography.body.fontWeight} !important;
       font-size: ${t.typography.body.fontSize} !important;
@@ -461,7 +498,7 @@ function ce() {
     }
 
     .ds-table.ds-table-size-small .ant-table-thead > tr > th,
-    .ds-table.ds-table-size-small .ant-table-tbody > tr > td {
+    .ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       vertical-align: middle !important;
     }
 
@@ -475,7 +512,7 @@ function ce() {
       border-bottom: ${t.border.headerDividerWidth} solid ${t.border.container} !important;
     }
 
-    .ds-table.ds-table-size-small .ant-table-tbody > tr > td {
+    .ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       font-size: ${t.typography.compactBody.fontSize} !important;
       line-height: ${t.typography.compactBody.lineHeight} !important;
       font-weight: ${t.typography.compactBody.fontWeight} !important;
@@ -486,7 +523,7 @@ function ce() {
       padding: ${t.padding.compact.body} !important;
     }
 
-    .ds-table.ds-table-size-small .ant-table-tbody > tr {
+    .ds-table.ds-table-size-small .ant-table-tbody > tr:not(.ant-table-measure-row) {
       height: ${t.rowHeight.compact.body} !important;
       min-height: ${t.rowHeight.compact.body} !important;
       max-height: ${t.rowHeight.compact.body} !important;
@@ -504,7 +541,7 @@ function ce() {
     }
 
     .ds-table.ds-table-size-middle .ant-table-thead > tr > th,
-    .ds-table.ds-table-size-middle .ant-table-tbody > tr > td {
+    .ds-table.ds-table-size-middle .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       padding: 0 16px !important;
       vertical-align: middle !important;
     }
@@ -517,7 +554,7 @@ function ce() {
       font-weight: ${t.typography.header.fontWeight} !important;
     }
 
-    .ds-table.ds-table-size-middle .ant-table-tbody > tr > td {
+    .ds-table.ds-table-size-middle .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       font-size: ${t.typography.body.fontSize} !important;
       line-height: ${t.typography.body.lineHeight} !important;
       letter-spacing: ${t.typography.body.letterSpacing} !important;
@@ -525,7 +562,7 @@ function ce() {
     }
 
     .ds-table.ds-table-size-large .ant-table-thead > tr > th,
-    .ds-table.ds-table-size-large .ant-table-tbody > tr > td {
+    .ds-table.ds-table-size-large .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       padding: 0 16px !important;
       vertical-align: middle !important;
     }
@@ -538,7 +575,7 @@ function ce() {
       font-weight: 600 !important;
     }
 
-    .ds-table.ds-table-size-large .ant-table-tbody > tr > td {
+    .ds-table.ds-table-size-large .ant-table-tbody > tr:not(.ant-table-measure-row) > td {
       font-size: 16px !important;
       line-height: 20px !important;
       letter-spacing: -0.016px !important;
@@ -807,173 +844,193 @@ function ce() {
     }
   `;
 }
-var S = ({ dsStyle: e = "styleA", dsHeaderVariant: t = "default", dsFrozenColumns: n = "none", dsFrozenBreakpoint: a = 768, dsFrozenColumnWidth: d = 180, dsTruncateCellText: f = !1, dsTruncateTooltip: p = !0, dsTruncateTooltipDelay: m = .25, dsTruncateTooltipSize: v = "normal", dsTruncateTooltipTitle: x = "Title Heading", dsEditableColumns: S = [], dsOnEditableDataChange: C, dsCustomizable: le = !1, dsVisibleColumns: w, dsOnVisibleColumnsChange: T, dsFixedBodyHeight: E = 320, dsResizableColumns: ue = !1, dsColumnWidths: D, dsOnColumnWidthsChange: de, dsResizableColumnMinWidth: O = 96, dsResizableColumnMaxWidth: k, dsResizableDefaultColumnWidth: A = 180, size: j = "middle", className: fe, columns: M, dataSource: N, pagination: P, ...pe }) => {
-	let [me, he] = s.useState(!1), [ge, _e] = s.useState(Array.isArray(N) ? N : []), [F, I] = s.useState(() => Array.isArray(w) ? new Set(w.map(String)) : M && Array.isArray(M) ? new Set(M.map((e) => _(e)).filter((e) => !!e)) : /* @__PURE__ */ new Set()), [L, R] = s.useState(() => D ?? b(M, A));
+var C = ({ dsStyle: e = "styleA", dsHeaderVariant: t = "default", dsFrozenColumns: n = "none", dsFrozenBreakpoint: a = 768, dsFrozenColumnWidth: d = 180, dsTruncateCellText: f = !1, dsTruncateTooltip: p = !0, dsTruncateTooltipDelay: m = .25, dsTruncateTooltipSize: v = "normal", dsTruncateTooltipTitle: b = "Title Heading", dsEditableColumns: x = [], dsOnEditableDataChange: S, dsCustomizable: C = !1, dsVisibleColumns: w, dsOnVisibleColumnsChange: pe, dsFixedBodyHeight: me = 320, dsResizableColumns: he = !1, dsColumnWidths: T, dsOnColumnWidthsChange: ge, dsResizableColumnMinWidth: E = 96, dsResizableColumnMaxWidth: D, dsResizableDefaultColumnWidth: O = 180, dsResponsive: k = !0, dsResponsiveMinColumnWidth: _e = 160, dsDensity: ve = "comfortable", dsStickyHeader: ye = !1, dsStickyOffsetHeader: be = 0, dsRowsPerPageOptions: A, dsAutoSizeColumns: j = !1, dsAutoSizeMinWidth: xe = 96, dsAutoSizeMaxWidth: Se = 520, dsAutoSizeSampleSize: Ce = 50, dsAutoSizeCellPadding: we = 32, size: Te, className: Ee, columns: M, dataSource: N, pagination: P, ...De }) => {
+	let [Oe, ke] = s.useState(!1), [F, Ae] = s.useState(Array.isArray(N) ? N : []), [I, je] = s.useState(() => Array.isArray(w) ? new Set(w.map(String)) : M && Array.isArray(M) ? new Set(M.map((e) => _(e)).filter((e) => !!e)) : /* @__PURE__ */ new Set()), [Me, L] = s.useState(() => T ?? ne(M, O));
 	c(() => {
-		ce(), r();
+		fe(), r();
 	}, []), c(() => {
 		if (typeof window > "u") return;
 		let e = () => {
-			he(window.innerWidth <= a);
+			ke(window.innerWidth <= a);
 		};
 		return e(), window.addEventListener("resize", e), () => {
 			window.removeEventListener("resize", e);
 		};
 	}, [a]), c(() => {
-		e === "styleAEditable" && _e(Array.isArray(N) ? N : []);
+		e === "styleAEditable" && Ae(Array.isArray(N) ? N : []);
 	}, [N, e]);
-	let { scroll: z, tableLayout: B, showSorterTooltip: V, components: H, ...ve } = pe, U = n !== "none" && me, W = e === "styleAEditable", G = e === "styleACustomizable" && le, K = e === "styleAFixedHeaderFooter", q = e === "styleAResizable" || ue, J = P && typeof P == "object" ? P : void 0, [ye, Y] = s.useState(J?.defaultCurrent ?? 1), [be, xe] = s.useState(J?.defaultPageSize ?? J?.pageSize ?? 10);
+	let { scroll: R, tableLayout: Ne, showSorterTooltip: z, components: B, sticky: Pe, ...Fe } = De, V = n !== "none" && Oe, H = e === "styleAEditable", U = e === "styleACustomizable" && C, W = e === "styleAFixedHeaderFooter", G = e === "styleAResizable" || he, K = P && typeof P == "object" ? P : void 0, q = s.useMemo(() => !K || !A || A.length === 0 ? K : {
+		...K,
+		pageSizeOptions: K.pageSizeOptions ?? A,
+		showSizeChanger: K.showSizeChanger ?? !0
+	}, [A, K]), Ie = Te ?? (ve === "compact" ? "small" : "middle"), [Le, Re] = s.useState(K?.defaultCurrent ?? 1), [ze, Be] = s.useState(K?.defaultPageSize ?? K?.pageSize ?? 10);
 	c(() => {
-		G && Array.isArray(w) && I(new Set(w.map(String)));
-	}, [w, G]), c(() => {
-		if (q) {
-			if (D) {
-				R(D);
+		U && Array.isArray(w) && je(new Set(w.map(String)));
+	}, [w, U]), c(() => {
+		if (G) {
+			if (T) {
+				L(T);
 				return;
 			}
-			R((e) => b(M, A, e));
+			L((e) => ne(M, O, e));
 		}
 	}, [
 		M,
-		D,
-		A,
-		q
+		T,
+		O,
+		G
 	]);
-	let Se = s.useCallback((e, t) => {
-		I((n) => {
+	let Ve = s.useCallback((e, t) => {
+		je((n) => {
 			let r = new Set(n);
 			t ? r.add(e) : r.delete(e);
 			let i = Array.from(r);
-			return T?.(i), r;
+			return pe?.(i), r;
 		});
-	}, [T]), Ce = s.useMemo(() => Array.isArray(S) ? S.map(String) : typeof S == "string" ? S.split(",").map((e) => e.trim()).filter(Boolean) : S && typeof S == "object" ? Object.entries(S).filter(([, e]) => !!e).map(([e]) => e) : [], [S]), we = s.useCallback((e, t, n) => {
-		_e((r) => {
+	}, [pe]), He = s.useMemo(() => Array.isArray(x) ? x.map(String) : typeof x == "string" ? x.split(",").map((e) => e.trim()).filter(Boolean) : x && typeof x == "object" ? Object.entries(x).filter(([, e]) => !!e).map(([e]) => e) : [], [x]), Ue = s.useCallback((e, t, n) => {
+		Ae((r) => {
 			if (!Array.isArray(r) || !r[e]) return r;
 			let i = [...r], a = i[e];
-			return i[e] = ne(a, t, n), C?.(i), i;
+			return i[e] = ae(a, t, n), S?.(i), i;
 		});
-	}, [C]), Te = s.useCallback((e, t) => {
-		let n = y(t, O, k);
-		R((t) => {
+	}, [S]), We = s.useCallback((e, t) => {
+		let n = y(t, E, D);
+		L((t) => {
 			let r = {
 				...t,
 				[e]: n
 			};
-			return de?.(r), r;
+			return ge?.(r), r;
 		});
 	}, [
-		de,
-		k,
-		O
-	]), Ee = s.useMemo(() => {
-		let e = g(M, V), t = U ? ee(e, n, d) : e, r = G ? ie(t, F) : t, i = new Set(Ce), a = W ? re(r, i, we) : r, o = q ? se(a, L, Te, O, k, A) : a;
-		return !f || W ? o : te(o, p, m, v, x);
+		ge,
+		D,
+		E
+	]), J = s.useMemo(() => {
+		let e = g(M, z), t = V ? ee(e, n, d) : e, r = U ? se(t, I) : t, i = new Set(He), a = H ? oe(r, i, Ue) : r, o = H ? F : Array.isArray(N) ? N : [], s = ie(j), c = j === !0 || s?.size ? re(a, o, {
+			minWidth: xe,
+			maxWidth: Se,
+			sampleSize: Ce,
+			cellPadding: we,
+			enabledColumnKeys: s
+		}) : a, l = G ? ue(c, Me, We, E, D, O) : c;
+		return !f || H ? l : te(l, p, m, v, b);
 	}, [
 		M,
-		V,
+		z,
 		d,
 		n,
 		f,
 		p,
 		m,
 		v,
-		x,
+		b,
+		He,
+		Ue,
+		G,
+		Me,
+		We,
+		E,
+		D,
+		O,
+		j,
+		xe,
+		Se,
 		Ce,
 		we,
-		q,
-		L,
-		Te,
-		O,
-		k,
-		A,
-		U,
-		W,
+		V,
+		H,
 		F,
-		G,
-		Se
-	]), De = s.useMemo(() => {
-		if (K) {
-			let e = z && typeof z == "object" ? z : {};
-			return {
+		N,
+		I,
+		U,
+		Ve
+	]), Y = s.useMemo(() => de(J, _e), [J, _e]), X = s.useCallback((e) => k ? !e || typeof e != "object" ? { x: Y } : {
+		...e,
+		x: e.x ?? Y
+	} : e, [k, Y]), Ge = s.useMemo(() => {
+		if (W) {
+			let e = R && typeof R == "object" ? R : {};
+			return X({
 				...e,
-				y: e.y ?? E
-			};
+				y: e.y ?? me
+			});
 		}
-		return q || U ? !z || typeof z != "object" ? { x: "max-content" } : {
-			...z,
-			x: z.x ?? "max-content"
-		} : z;
+		return X(R);
 	}, [
-		z,
-		E,
-		U,
-		K,
-		q
-	]), Oe = W || q ? B ?? "fixed" : B, ke = s.useMemo(() => q ? {
-		...H,
+		R,
+		X,
+		me,
+		V,
+		W,
+		G
+	]), Ke = H || G || k ? Ne ?? "fixed" : Ne, qe = Pe ?? (ye ? { offsetHeader: be } : void 0), Je = s.useMemo(() => G ? {
+		...B,
 		header: {
-			...H?.header,
-			cell: oe
+			...B?.header,
+			cell: le
 		}
-	} : H, [H, q]), Ae = J?.total ?? (Array.isArray(N) ? N.length : 0), X = J?.current ?? ye, Z = J?.pageSize ?? be, je = s.useMemo(() => {
-		let e = W ? ge : N;
-		if (!K || !Array.isArray(e) || J?.total != null && J.total > e.length) return e;
-		let t = (X - 1) * Z;
-		return e.slice(t, t + Z);
+	} : B, [B, G]), Ye = q?.total ?? (Array.isArray(N) ? N.length : 0), Z = q?.current ?? Le, Q = q?.pageSize ?? ze, Xe = s.useMemo(() => {
+		let e = H ? F : N;
+		if (!W || !Array.isArray(e) || q?.total != null && q.total > e.length) return e;
+		let t = (Z - 1) * Q;
+		return e.slice(t, t + Q);
 	}, [
 		N,
-		ge,
-		X,
+		F,
 		Z,
-		J?.total,
-		W,
-		K
-	]), Me = {
-		...J,
-		current: X,
-		pageSize: Z,
-		total: Ae,
-		showSizeChanger: J?.showSizeChanger ?? !1,
+		Q,
+		q?.total,
+		H,
+		W
+	]), Ze = {
+		...q,
+		current: Z,
+		pageSize: Q,
+		total: Ye,
+		showSizeChanger: q?.showSizeChanger ?? !1,
 		onChange: (e, t) => {
-			Y(e), xe(t), J?.onChange?.(e, t);
+			Re(e), Be(t), q?.onChange?.(e, t);
 		},
 		onShowSizeChange: (e, t) => {
-			Y(e), xe(t), J?.onShowSizeChange?.(e, t);
+			Re(e), Be(t), q?.onShowSizeChange?.(e, t);
 		}
-	}, Q = [
+	}, Qe = [
 		"ds-table",
 		`ds-table-${e}`,
-		`ds-table-size-${j}`,
+		`ds-table-size-${Ie}`,
+		k ? "ds-table-responsive" : "",
 		t === "white" ? "ds-table-header-white" : "",
-		fe || ""
+		Ee || ""
 	].filter(Boolean).join(" "), $ = /* @__PURE__ */ l(o, {
-		...ve,
-		columns: Ee,
-		dataSource: je,
-		pagination: K ? !1 : P,
-		scroll: De,
-		tableLayout: Oe,
-		components: ke,
-		size: j,
-		className: Q,
-		showSorterTooltip: h(V)
+		...Fe,
+		columns: J,
+		dataSource: Xe,
+		pagination: W ? !1 : q ?? P,
+		scroll: Ge,
+		tableLayout: Ke,
+		components: Je,
+		size: Ie,
+		className: Qe,
+		sticky: qe,
+		showSorterTooltip: h(z)
 	});
-	return K ? /* @__PURE__ */ u("div", {
-		className: `${Q} ds-table-fixed-frame`,
+	return W ? /* @__PURE__ */ u("div", {
+		className: `${Qe} ds-table-fixed-frame`,
 		children: [$, /* @__PURE__ */ l("div", {
 			className: "ds-table-fixed-footer",
-			children: /* @__PURE__ */ l(i, { ...Me })
+			children: /* @__PURE__ */ l(i, { ...Ze })
 		})]
-	}) : G ? /* @__PURE__ */ u("div", {
-		className: Q,
-		children: [/* @__PURE__ */ l(ae, {
+	}) : U ? /* @__PURE__ */ u("div", {
+		className: Qe,
+		children: [/* @__PURE__ */ l(ce, {
 			columns: M,
-			visibleColumns: F,
-			onToggle: Se
+			visibleColumns: I,
+			onToggle: Ve
 		}), $]
 	}) : $;
 };
 //#endregion
-export { S as Table, S as default };
+export { C as Table, C as default };
 
 //# sourceMappingURL=Table.js.map