@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.5

package/dist/bigconsole/components/widgets/table/TableConfig.js

@@ -1,6 +1,6 @@
 import { memo as e, useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/table/TableConfig.tsx
 var c = [
 	{
@@ -75,7 +75,7 @@ var c = [
 		labelDefault: "Neutral"
 	}
 ], u = "px-2 py-1 text-xs text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg", d = e(function({ config: e, onChange: d }) {
-	let { t: f } = s(), [p, m] = i(r(() => (e.columns || []).map((e) => typeof e == "string" ? {
+	let { t: f } = a(), [p, m] = i(r(() => (e.columns || []).map((e) => typeof e == "string" ? {
 		field: e,
 		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " ")
 	} : e), []));
@@ -146,66 +146,66 @@ var c = [
 	}, []), C = t((e) => {
 		m((t) => t.filter((t, n) => n !== e));
 	}, []);
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: f("bigconsole.widget.config.table.pageSize.label", "Page Size")
-			}), /* @__PURE__ */ o("select", {
+			}), /* @__PURE__ */ s("select", {
 				value: e.pageSize || 10,
 				onChange: (e) => h("pageSize", Number(e.target.value)),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
 				children: [
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 10,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 10 })
 					}),
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 25,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 25 })
 					}),
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 50,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 50 })
 					}),
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 100,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 100 })
 					})
 				]
 			})] }),
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ a("label", {
+				children: [/* @__PURE__ */ o("label", {
 					className: "text-sm font-medium text-text-primary",
 					children: f("bigconsole.widget.config.table.columns.label", "Columns")
-				}), /* @__PURE__ */ a("button", {
+				}), /* @__PURE__ */ o("button", {
 					type: "button",
 					onClick: S,
 					className: "\n              text-sm text-action-primary-bg\n              hover:text-action-primary-bgHover\n            ",
 					children: f("bigconsole.widget.config.table.columns.add", "+ Add Column")
 				})]
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ s("div", {
 				className: "space-y-3",
-				children: [p.map((e, t) => /* @__PURE__ */ o("div", {
+				children: [p.map((e, t) => /* @__PURE__ */ s("div", {
 					className: "\n                p-3\n                bg-bg-sunken\n                rounded-md\n                space-y-2\n              ",
 					children: [
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ a("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "text-xs text-text-secondary",
 								children: f("bigconsole.widget.config.table.columns.columnN", "Column {{index}}", { index: t + 1 })
-							}), /* @__PURE__ */ a("button", {
+							}), /* @__PURE__ */ o("button", {
 								type: "button",
 								onClick: () => C(t),
 								className: "text-status-error-text hover:text-status-error-text/80",
-								children: /* @__PURE__ */ a("svg", {
+								children: /* @__PURE__ */ o("svg", {
 									className: "w-4 h-4",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ a("path", {
+									children: /* @__PURE__ */ o("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -214,15 +214,15 @@ var c = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-							children: [/* @__PURE__ */ a("input", {
+							children: [/* @__PURE__ */ o("input", {
 								type: "text",
 								value: e.field || "",
 								onChange: (e) => g(t, "field", e.target.value),
 								placeholder: f("bigconsole.widget.config.table.column.fieldPlaceholder", "Field name"),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  "
-							}), /* @__PURE__ */ a("input", {
+							}), /* @__PURE__ */ o("input", {
 								type: "text",
 								value: e.header || "",
 								onChange: (e) => g(t, "header", e.target.value),
@@ -230,120 +230,120 @@ var c = [
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  "
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-							children: [/* @__PURE__ */ o("select", {
+							children: [/* @__PURE__ */ s("select", {
 								value: e.format || "text",
 								onChange: (e) => g(t, "format", e.target.value),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
 								children: [
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "text",
 										children: f("bigconsole.widget.config.table.format.text", "Text")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "number",
 										children: f("bigconsole.widget.config.table.format.number", "Number")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "currency",
 										children: f("bigconsole.widget.config.table.format.currency", "Currency")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "percentage",
 										children: f("bigconsole.widget.config.table.format.percentage", "Percentage")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "date",
 										children: f("bigconsole.widget.config.table.format.date", "Date")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "badge",
 										children: f("bigconsole.widget.config.table.format.badge", "Badge")
 									})
 								]
-							}), /* @__PURE__ */ o("select", {
+							}), /* @__PURE__ */ s("select", {
 								value: e.align || "left",
 								onChange: (e) => g(t, "align", e.target.value),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
 								children: [
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "left",
 										children: f("bigconsole.widget.config.table.align.left", "Left")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "center",
 										children: f("bigconsole.widget.config.table.align.center", "Center")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "right",
 										children: f("bigconsole.widget.config.table.align.right", "Right")
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "pt-2 border-t border-border-default/60",
 							children: [
-								/* @__PURE__ */ o("div", {
+								/* @__PURE__ */ s("div", {
 									className: "flex items-center justify-between mb-1",
-									children: [/* @__PURE__ */ a("span", {
+									children: [/* @__PURE__ */ o("span", {
 										className: "text-xs font-medium text-text-secondary",
 										children: f("bigconsole.widget.config.table.conditionalFormatting.title", "Conditional formatting")
-									}), /* @__PURE__ */ a("button", {
+									}), /* @__PURE__ */ o("button", {
 										type: "button",
 										onClick: () => v(t),
 										className: "text-xs text-action-primary-bg hover:text-action-primary-bgHover",
 										children: f("bigconsole.widget.config.table.conditionalFormatting.addRule", "+ Add rule")
 									})]
 								}),
-								(e.conditionalRules?.length ?? 0) === 0 && /* @__PURE__ */ a("p", {
+								(e.conditionalRules?.length ?? 0) === 0 && /* @__PURE__ */ o("p", {
 									className: "text-xs text-text-secondary",
 									children: f("bigconsole.widget.config.table.conditionalFormatting.noRules", "No rules — cell shows its plain value.")
 								}),
-								/* @__PURE__ */ a("div", {
+								/* @__PURE__ */ o("div", {
 									className: "space-y-2",
 									children: (e.conditionalRules ?? []).map((e, n) => {
 										let r = e.operator === "between" || e.operator === "outside", i = e.style?.bgColor ?? e.style?.textColor ?? "danger";
-										return /* @__PURE__ */ o("div", {
+										return /* @__PURE__ */ s("div", {
 											className: "p-2 bg-bg-surface rounded-md border border-border-default space-y-2",
-											children: [/* @__PURE__ */ o("div", {
+											children: [/* @__PURE__ */ s("div", {
 												className: "flex items-center gap-2",
 												children: [
-													/* @__PURE__ */ a("select", {
+													/* @__PURE__ */ o("select", {
 														value: e.operator,
 														onChange: (e) => y(t, n, { operator: e.target.value }),
 														className: `${u} flex-1`,
-														children: c.map((e) => /* @__PURE__ */ a("option", {
+														children: c.map((e) => /* @__PURE__ */ o("option", {
 															value: e.value,
 															children: f(e.labelKey, e.labelDefault)
 														}, e.value))
 													}),
-													/* @__PURE__ */ a("input", {
+													/* @__PURE__ */ o("input", {
 														type: "text",
 														value: e.value ?? "",
 														onChange: (e) => y(t, n, { value: e.target.value }),
 														placeholder: f("bigconsole.widget.config.table.rule.valuePlaceholder", "value"),
 														className: `${u} w-20`
 													}),
-													r && /* @__PURE__ */ a("input", {
+													r && /* @__PURE__ */ o("input", {
 														type: "text",
 														value: e.value2 ?? "",
 														onChange: (e) => y(t, n, { value2: e.target.value }),
 														placeholder: f("bigconsole.widget.config.table.rule.value2Placeholder", "and"),
 														className: `${u} w-20`
 													}),
-													/* @__PURE__ */ a("button", {
+													/* @__PURE__ */ o("button", {
 														type: "button",
 														onClick: () => x(t, n),
 														className: "text-status-error-text hover:text-status-error-text/80",
 														"aria-label": f("bigconsole.widget.config.table.rule.remove", "Remove rule"),
-														children: /* @__PURE__ */ a("svg", {
+														children: /* @__PURE__ */ o("svg", {
 															className: "w-3.5 h-3.5",
 															fill: "none",
 															stroke: "currentColor",
 															viewBox: "0 0 24 24",
-															children: /* @__PURE__ */ a("path", {
+															children: /* @__PURE__ */ o("path", {
 																strokeLinecap: "round",
 																strokeLinejoin: "round",
 																strokeWidth: 2,
@@ -352,19 +352,19 @@ var c = [
 														})
 													})
 												]
-											}), /* @__PURE__ */ o("div", {
+											}), /* @__PURE__ */ s("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ a("select", {
+												children: [/* @__PURE__ */ o("select", {
 													value: i,
 													onChange: (e) => b(t, n, e.target.value),
 													className: `${u} flex-1`,
-													children: l.map((e) => /* @__PURE__ */ a("option", {
+													children: l.map((e) => /* @__PURE__ */ o("option", {
 														value: e.value,
 														children: f(e.labelKey, e.labelDefault)
 													}, e.value))
-												}), /* @__PURE__ */ o("label", {
+												}), /* @__PURE__ */ s("label", {
 													className: "flex items-center gap-1 text-xs text-text-primary",
-													children: [/* @__PURE__ */ a("input", {
+													children: [/* @__PURE__ */ o("input", {
 														type: "checkbox",
 														checked: e.style?.bold === !0,
 														onChange: (r) => y(t, n, { style: {
@@ -381,76 +381,76 @@ var c = [
 							]
 						})
 					]
-				}, t)), p.length === 0 && /* @__PURE__ */ a("p", {
+				}, t)), p.length === 0 && /* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary text-center py-4",
 					children: f("bigconsole.widget.config.table.columns.empty", "No columns configured. Columns will be auto-generated from data.")
 				})]
 			})] }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ a("p", {
+					/* @__PURE__ */ o("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.showSearch !== !1,
 							onChange: (e) => h("showSearch", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.showSearch", "Show search box")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.showPagination !== !1,
 							onChange: (e) => h("showPagination", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.showPagination", "Show pagination")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.showExport !== !1,
 							onChange: (e) => h("showExport", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.showExport", "Show export button")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.stickyHeader === !0,
 							onChange: (e) => h("stickyHeader", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.stickyHeader", "Sticky header")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.stripedRows === !0,
 							onChange: (e) => h("stripedRows", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.stripedRows", "Striped rows")
 						})]