@bluemarble/bi 0.1.2 → 0.2.1

package/dist/{DashboardDevtools-DLhEr3fN.js → DashboardDevtools-5wh3brAT.js}

@@ -1,6 +1,6 @@
-import { C as validateModel, D as parseColumnRef, E as modelEdges, T as measureHome, _ as AGGREGATIONS, a as FILTER_FIELDS, c as chartReferences, d as layoutModelWarnings, f as validateLayout, g as toModelCode, i as CHART_TYPE_LABEL, k as referencedTables, l as filterReferences, n as CHART_FIELDS, o as chartColumns, p as canonicalJson, r as CHART_TYPES, s as chartOfType, t as CANVAS_PRESETS, u as layoutFileContent, v as AGGREGATION_LABEL, x as isAggregate, y as VALUE_FORMATS } from "./layout-iPByu6V0.js";
+import { A as referencedTables, D as modelEdges, E as measureHome, O as parseColumnRef, S as isAggregate, _ as toModelCode, a as chartOfType, b as VALUE_FORMATS, c as filterReferences, d as layoutModelWarnings, i as chartColumns, m as canonicalJson, n as CANVAS_PRESETS, o as chartReferences, p as validateLayout, r as FILTER_FIELDS, t as BUILTIN_CHART_TYPES, u as layoutFileContent, v as AGGREGATIONS, w as validateModel, y as AGGREGATION_LABEL } from "./layout-DvHS8XFz.js";
 import { n as diffRows } from "./compare-DloZhg1T.js";
-import { a as useDashboard, c as layoutItemKey, l as parseLayoutItemKey, n as INSPECT_ATTRIBUTE, o as errorMessage, s as LAYOUT_ITEM_ATTRIBUTE, t as ModelDictionary } from "./ModelDictionary-DU6i_QSn.js";
+import { a as useDashboard, c as layoutItemKey, l as parseLayoutItemKey, n as INSPECT_ATTRIBUTE, o as errorMessage, s as LAYOUT_ITEM_ATTRIBUTE, t as ModelDictionary } from "./ModelDictionary-DN77UDVM.js";
 import { Alert, Autocomplete, Box, Button, Checkbox, Chip, CircularProgress, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, IconButton, List, ListItemButton, Menu, MenuItem, MenuList, Paper, Popper, Portal, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ThemeProvider, ToggleButton, ToggleButtonGroup, Tooltip, Typography, createTheme } from "@mui/material";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -730,15 +730,19 @@ const NEW_CHART = {
 		span: 12
 	}
 };
-const newChart = (type, model, charts) => {
-	const { id, ...rest } = NEW_CHART[type];
+const newChart = (type, model, charts, types) => {
+	const { id, ...rest } = NEW_CHART[type] ?? {
+		id: type,
+		title: `Novo ${types[type]?.label ?? type}`,
+		span: 6
+	};
 	return chartOfType(type, model, {
 		id: uniqueId(charts, id),
 		...rest
-	});
+	}, types);
 };
-const chartSummary = (chart) => {
-	const { dimensions, measures } = chartReferences(chart);
+const chartSummary = (chart, types) => {
+	const { dimensions, measures } = chartReferences(chart, types);
 	return `${chart.type} · ${dimensions.join(", ") || "—"} · ${measures.join(", ")}`;
 };
 /**
@@ -748,7 +752,7 @@ const chartSummary = (chart) => {
 */
 function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 	const { layouts } = devtools;
-	const { fetcher, model: modelName } = useDashboard();
+	const { fetcher, model: modelName, chartTypes } = useDashboard();
 	const entries = useSyncExternalStore(layouts.subscribe, layouts.getSnapshot, layouts.getSnapshot);
 	const [layoutId, setLayoutId] = useState(null);
 	const entry = entries.find((item) => item.registered.id === layoutId) ?? entries[0] ?? null;
@@ -771,12 +775,14 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 		setLayoutId(parsed.layoutId);
 		setSelection(parsed.item);
 	}, [picked]);
-	const errors = useMemo(() => editing ? validateLayout(editing) : [], [editing]);
+	const errors = useMemo(() => editing ? validateLayout(editing, chartTypes) : [], [editing, chartTypes]);
 	const warnings = useMemo(() => {
 		if (!editing || errors.length) return [];
-		const list = layoutModelWarnings(editing, model);
+		const list = layoutModelWarnings(editing, model, chartTypes);
 		const { charts: chartFormatters = [], filters: filterFormatters } = entry?.parts ?? {};
-		for (const chart of editing.charts) for (const name of chartReferences(chart).formatters) if (!chartFormatters.includes(name)) list.push(`"${chart.title || chart.id}": formatter "${name}" não foi passado ao <DashboardCharts formatters>`);
+		const serverTypes = new Set(capabilities?.chartTypes ?? []);
+		for (const type of new Set(editing.charts.map((chart) => chart.type))) if (capabilities?.saveLayout && !BUILTIN_CHART_TYPES[type] && !serverTypes.has(type)) list.push(`Tipo "${type}" não foi passado ao \`devtools.chartTypes\` do endpoint: "Salvar no arquivo" vai recusar.`);
+		for (const chart of editing.charts) for (const name of chartReferences(chart, chartTypes).formatters) if (!chartFormatters.includes(name)) list.push(`"${chart.title || chart.id}": formatter "${name}" não foi passado ao <DashboardCharts formatters>`);
 		if (editing.canvas && !entry?.parts.canvas) list.push("A página não usa <DashboardCanvas layout={...}>: o tamanho fixo da tela não é aplicado.");
 		if (editing.filters?.length && !filterFormatters) list.push("A página não usa <DashboardFilters layout={...}>: os filtros do layout não aparecem.");
 		for (const filter of editing.filters ?? []) for (const name of filterReferences(filter).formatters) if (filterFormatters && !filterFormatters.includes(name)) list.push(`filtro "${filter.dimension}": formatter "${name}" não foi passado ao <DashboardFilters formatters>`);
@@ -785,7 +791,9 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 		editing,
 		errors,
 		model,
-		entry
+		entry,
+		chartTypes,
+		capabilities
 	]);
 	if (!entry || !editing) return /* @__PURE__ */ jsxs(Empty, { children: [
 		"Nenhum ",
@@ -807,7 +815,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 	const update = (next) => {
 		setEditing(next);
 		setSave(null);
-		if (!validateLayout(next).length) {
+		if (!validateLayout(next, chartTypes).length) {
 			devtools.store.expectRefetch();
 			layouts.setDraft(entry.registered.id, next);
 		}
@@ -884,7 +892,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 			...base,
 			id: uniqueId(charts, base.id),
 			title: `${base.title} (cópia)`
-		} : newChart(type, model, charts);
+		} : newChart(type, model, charts, chartTypes);
 		const index = base ? charts.findIndex((item) => item.id === base.id) + 1 : charts.length;
 		setCharts([
 			...charts.slice(0, index),
@@ -1037,10 +1045,10 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 								anchorEl: addMenu,
 								open: !!addMenu,
 								onClose: () => setAddMenu(null),
-								children: CHART_TYPES.map((type) => /* @__PURE__ */ jsx(MenuItem, {
+								children: Object.entries(chartTypes).map(([type, { label }]) => /* @__PURE__ */ jsx(MenuItem, {
 									dense: true,
 									onClick: () => add(type),
-									children: CHART_TYPE_LABEL[type]
+									children: label
 								}, type))
 							})] }),
 							children: charts.map((chart, index) => {
@@ -1050,7 +1058,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 								};
 								return /* @__PURE__ */ jsx(ItemRow, {
 									title: chart.title || "(sem título)",
-									subtitle: `${chartSummary(chart)} · ${chart.span ?? 12}/12`,
+									subtitle: `${chartSummary(chart, chartTypes)} · ${chart.span ?? 12}/12`,
 									selected: chart.id === selected?.id,
 									onSelect: () => focus(item),
 									onHover: (on) => hover(on ? item : null),
@@ -1119,6 +1127,7 @@ function LayoutPanel({ devtools, model, capabilities, picked, onHover }) {
 								}
 							}, `filter:${selectedFilter.dimension}`) : selected ? /* @__PURE__ */ jsx(ChartForm, {
 								chart: selected,
+								types: chartTypes,
 								model,
 								formatters: entry.parts.charts ?? [],
 								columns: formColumns,
@@ -1392,28 +1401,32 @@ function SmallButton({ title, disabled, onClick, children }) {
 		}) })
 	});
 }
-function ChartForm({ chart, model, formatters, columns, onChange }) {
+function ChartForm({ chart, types, model, formatters, columns, onChange }) {
 	const set = (key, value) => onChange((current) => withField(current, key, value));
 	return /* @__PURE__ */ jsx(FieldsForm, {
-		fields: CHART_FIELDS[chart.type],
+		fields: types[chart.type]?.fields ?? {},
 		values: chart,
 		onSet: set,
 		model,
 		formatters,
-		columns: chartColumns(chart),
+		columns: chartColumns(chart, types),
 		formColumns: columns,
-		chosenDimensions: chartReferences(chart).dimensions,
-		header: /* @__PURE__ */ jsxs(Fragment, { children: [field("Tipo", /* @__PURE__ */ jsx(TextField, {
+		chosenDimensions: chartReferences(chart, types).dimensions,
+		header: /* @__PURE__ */ jsxs(Fragment, { children: [field("Tipo", /* @__PURE__ */ jsxs(TextField, {
 			select: true,
 			size: "small",
 			fullWidth: true,
 			value: chart.type,
-			onChange: (e) => onChange((current) => chartOfType(e.target.value, model, current)),
+			onChange: (e) => onChange((current) => chartOfType(e.target.value, model, current, types)),
 			sx: inputSx$1,
-			children: CHART_TYPES.map((type) => /* @__PURE__ */ jsx(MenuItem, {
+			children: [Object.entries(types).map(([type, { label }]) => /* @__PURE__ */ jsx(MenuItem, {
 				value: type,
-				children: CHART_TYPE_LABEL[type]
-			}, type))
+				children: label
+			}, type)), !types[chart.type] && /* @__PURE__ */ jsxs(MenuItem, {
+				value: chart.type,
+				disabled: true,
+				children: [chart.type, " (não registrado)"]
+			})]
 		})), field("id", /* @__PURE__ */ jsx(TextField, {
 			size: "small",
 			fullWidth: true,
@@ -6381,4 +6394,4 @@ function ToggleButton$1({ draft, loading, problems, inspecting, onOpen }) {
 //#endregion
 export { DashboardDevtools as default };
 
-//# sourceMappingURL=DashboardDevtools-DLhEr3fN.js.map
+//# sourceMappingURL=DashboardDevtools-5wh3brAT.js.map