@bluemarble/bi 0.6.3 → 0.6.5

package/dist/{DashboardDevtools-Osu5V30U.js → DashboardDevtools-CMIuUYpw.js}

@@ -1,7 +1,7 @@
-import { a as toModelCode, c as VALUE_FORMATS, f as validateModel, g as parseColumnRef, h as modelEdges, m as measureHome, o as AGGREGATIONS, s as AGGREGATION_LABEL, t as canonicalJson, u as isAggregate, v as referencedTables } from "./codegen-DkfI6UJr.js";
+import { a as toModelCode, c as VALUE_FORMATS, f as validateModel, g as parseColumnRef, h as modelEdges, m as measureHome, o as AGGREGATIONS, s as AGGREGATION_LABEL, t as canonicalJson, u as isAggregate, v as referencedTables } from "./codegen-LoQzFAle.js";
 import { n as diffRows } from "./compare-DloZhg1T.js";
-import { C as RULE_OPERATOR_LABEL, S as RULE_OPERATORS, _ as tableColumns, a as FILTER_FIELDS, b as COLUMN_VERTICAL_ALIGNS, c as chartOfType, d as filterReferences, h as percentColumn, i as CARD_FIELDS, l as chartReferences, m as layoutModelWarnings, n as CANVAS_PRESETS, p as layoutFileContent, r as CARDS_FIELDS, s as chartColumns, t as BUILTIN_CHART_TYPES, v as validateLayout, w as UNARY_OPERATORS, x as NUMERIC_OPERATORS, y as COLUMN_ALIGNS } from "./layout-DAFeHIuP.js";
-import { d as useDashboard, f as errorMessage, h as parseLayoutItemKey, m as layoutItemKey, n as INSPECT_ATTRIBUTE, o as formatMeasure, p as LAYOUT_ITEM_ATTRIBUTE, t as ModelDictionary } from "./ModelDictionary-Dc3_LKqr.js";
+import { C as RULE_OPERATOR_LABEL, S as RULE_OPERATORS, _ as tableColumns, a as FILTER_FIELDS, b as COLUMN_VERTICAL_ALIGNS, c as chartOfType, d as filterReferences, h as percentColumn, i as CARD_FIELDS, l as chartReferences, m as layoutModelWarnings, n as CANVAS_PRESETS, p as layoutFileContent, r as CARDS_FIELDS, s as chartColumns, t as BUILTIN_CHART_TYPES, v as validateLayout, w as UNARY_OPERATORS, x as NUMERIC_OPERATORS, y as COLUMN_ALIGNS } from "./layout-CBzYDoqE.js";
+import { C as parseLayoutItemKey, S as layoutItemKey, b as errorMessage, f as SERIES_COLORS, n as INSPECT_ATTRIBUTE, o as formatMeasure, t as ModelDictionary, x as LAYOUT_ITEM_ATTRIBUTE, y as useDashboard } from "./ModelDictionary-CyeYU6ZJ.js";
 import { Alert, Autocomplete, Box, Button, Checkbox, Chip, CircularProgress, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, IconButton, List, ListItemButton, ListSubheader, Menu, MenuItem, MenuList, Paper, Popover, Popper, Portal, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, 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";
@@ -1910,6 +1910,8 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 	const formattersKey = columnOptions ? keyOf("formatters") : void 0;
 	const single = (kind) => entries.filter(([, spec]) => spec.kind === kind);
 	const formatterKey = columnOptions && single("dimension").length === 1 && single("formatter").length === 1 ? single("formatter")[0]?.[0] : void 0;
+	const formatterOf = (fieldKey) => columnOptions && fieldKey && entries.find(([, spec]) => spec.kind === "formatter" && spec.of === fieldKey)?.[0] || formatterKey;
+	const pairedFormatters = columnOptions ? entries.filter(([, spec]) => spec.kind === "formatter" && spec.of).map(([key]) => key) : [];
 	const labels = labelsKey && values[labelsKey] || {};
 	const formats = formatsKey && values[formatsKey] || {};
 	const aligns = alignsKey && values[alignsKey] || {};
@@ -1930,8 +1932,9 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 		else for (const [key, value] of Object.entries(changes)) set(key, value);
 	};
 	const dimensionFormatters = formattersKey && values[formattersKey] || {};
-	const optionsButton = (kind, name) => {
+	const optionsButton = (kind, name, fieldKey) => {
 		if (!columnOptions || !name) return null;
+		const formatterKey = formatterOf(fieldKey);
 		if (kind === "percent") {
 			if (!alignsKey && !verticalKey) return null;
 			const column = percentColumn(name);
@@ -2152,6 +2155,11 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 					}
 				});
 			}
+			case "colors": return /* @__PURE__ */ jsx(ColorsInput, {
+				colors: value ?? {},
+				measures: spec.values && values[spec.values] ? null : chosenMeasures,
+				onChange: (next) => set(key, Object.keys(next).length ? next : void 0)
+			});
 			case "formatRules": return /* @__PURE__ */ jsx(FormatRulesInput, {
 				rules: value ?? [],
 				fieldOptions,
@@ -2206,7 +2214,7 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 					emptyLabel: spec.kind === "enum" && spec.default ? `padrão (${spec.labels?.[spec.default] ?? spec.default})` : void 0,
 					onChange: (name) => set(key, name === spec.default ? void 0 : name)
 				});
-				const button = spec.kind === "dimension" || spec.kind === "measure" ? optionsButton(spec.kind, value) : null;
+				const button = spec.kind === "dimension" || spec.kind === "measure" ? optionsButton(spec.kind, value, key) : null;
 				return button ? /* @__PURE__ */ jsxs(Box, {
 					sx: {
 						display: "flex",
@@ -2227,10 +2235,11 @@ function FieldsForm({ fields, values, onSet: set, onSetMany, model, formatters,
 		alignsKey,
 		verticalKey,
 		formattersKey,
-		formatterKey
+		formatterKey,
+		...pairedFormatters
 	].filter(Boolean));
 	const sections = [...new Set(entries.filter(([key]) => !hidden.has(key)).map(([, spec]) => spec.section))];
-	const fullRow = (spec) => spec.kind === "dimensions" || spec.kind === "measures" || spec.kind === "formatters" || spec.kind === "formatRules";
+	const fullRow = (spec) => spec.kind === "dimensions" || spec.kind === "measures" || spec.kind === "formatters" || spec.kind === "formatRules" || spec.kind === "colors";
 	const gridColumn = (spec, key) => fullRow(spec) ? "1 / -1" : key === "title" && formColumns > 1 ? "span 2" : void 0;
 	return /* @__PURE__ */ jsx(Fragment, { children: sections.map((section) => {
 		const inSection = entries.filter(([, spec]) => spec.section === section);
@@ -2653,6 +2662,99 @@ function ColorInput({ value, fallback, onCommit }) {
 		})]
 	});
 }
+/**
+* Cor por série (`{ série: cor }`). `measures`: uma linha por medida do gráfico (padrão: a paleta,
+* na ordem); `null`: as séries são valores de uma dimensão, que o devtools não conhece — digita o
+* valor e adiciona.
+*/
+function ColorsInput({ colors, measures, onChange }) {
+	const [draft, setDraft] = useState("");
+	const palette = (index) => SERIES_COLORS[index % SERIES_COLORS.length];
+	const row = (name, fallback, remove) => /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			gap: .5,
+			alignItems: "center"
+		},
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				title: name,
+				sx: {
+					fontFamily: MONO,
+					fontSize: 12,
+					minWidth: 90,
+					maxWidth: 140,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: name
+			}),
+			/* @__PURE__ */ jsx(ColorInput, {
+				value: colors[name],
+				fallback,
+				onCommit: (color) => onChange(withField(colors, name, color))
+			}),
+			remove && /* @__PURE__ */ jsx(IconButton, {
+				size: "small",
+				title: "Tirar a cor",
+				onClick: () => onChange(withField(colors, name, void 0)),
+				children: "✕"
+			})
+		]
+	}, name);
+	const add = () => {
+		const name = draft.trim();
+		if (!name || colors[name]) return;
+		onChange({
+			...colors,
+			[name]: palette(Object.keys(colors).length)
+		});
+		setDraft("");
+	};
+	if (measures) return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .5
+		},
+		children: measures.length ? measures.map((measure, index) => row(measure, palette(index), false)) : /* @__PURE__ */ jsx(Typography, {
+			sx: {
+				fontSize: 12,
+				color: "text.disabled"
+			},
+			children: "sem medidas"
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .5
+		},
+		children: [Object.keys(colors).map((name, index) => row(name, palette(index), true)), /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				gap: .5,
+				alignItems: "center"
+			},
+			children: [/* @__PURE__ */ jsx(TextField, {
+				size: "small",
+				fullWidth: true,
+				value: draft,
+				placeholder: "Valor da série (ou \"(em branco)\", \"Outros\")",
+				onChange: (e) => setDraft(e.target.value),
+				onKeyDown: (e) => e.key === "Enter" && add(),
+				sx: inputSx$1
+			}), /* @__PURE__ */ jsx(Button, {
+				size: "small",
+				onClick: add,
+				disabled: !draft.trim() || !!colors[draft.trim()],
+				children: "+ cor"
+			})]
+		})]
+	});
+}
 /** Sem as chaves de colunas que saíram do gráfico; vazio = `undefined` (sai do JSON). */
 function pruned(map, keep) {
 	const next = Object.fromEntries(Object.entries(map).filter(([key]) => keep.includes(key)));
@@ -8193,4 +8295,4 @@ function ToggleButton$1({ draft, loading, problems, inspecting, onOpen }) {
 //#endregion
 export { DashboardDevtools as default };
 
-//# sourceMappingURL=DashboardDevtools-Osu5V30U.js.map
+//# sourceMappingURL=DashboardDevtools-CMIuUYpw.js.map