@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/ConfigureViewFormatting.js

@@ -0,0 +1,169 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Plus, X } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import SelectMenu from "./SelectMenu.js";
+import {
+  CONDITIONAL_FORMAT_STYLES,
+  MAX_CONDITIONAL_FORMAT_RULES,
+  generateConditionalFormatRuleId,
+  operatorNeedsCompareField,
+  operatorNeedsValue
+} from "../utils/conditionalFormat.js";
+function operatorsForColumn(col) {
+  if (col?.type === "numeric") {
+    return ["eq", "neq", "gt", "gte", "lt", "lte", "isEmpty", "isNotEmpty"];
+  }
+  if (col?.type === "date") {
+    return ["lt", "gt", "isEmpty", "isNotEmpty", "beforeField", "afterField"];
+  }
+  if (col?.type === "boolean") return ["eq", "neq", "isEmpty", "isNotEmpty"];
+  return ["eq", "neq", "contains", "isEmpty", "isNotEmpty"];
+}
+const ConfigureViewFormatting = ({
+  columns,
+  rules,
+  onRulesChange
+}) => {
+  const t = useT();
+  const opLabel = useCallback(
+    (op) => t(`dynamicTable.conditionalFormat.operator.${op}`, op),
+    [t]
+  );
+  const styleLabel = useCallback(
+    (style) => t(`dynamicTable.conditionalFormat.style.${style}`, style),
+    [t]
+  );
+  const addRule = useCallback(() => {
+    if (rules.length >= MAX_CONDITIONAL_FORMAT_RULES) return;
+    const first = columns[0];
+    if (!first) return;
+    onRulesChange([
+      ...rules,
+      {
+        id: generateConditionalFormatRuleId(),
+        field: first.data,
+        operator: operatorsForColumn(first)[0] ?? "eq",
+        value: "",
+        style: "yellow"
+      }
+    ]);
+  }, [columns, rules, onRulesChange]);
+  const removeRule = useCallback(
+    (id) => onRulesChange(rules.filter((r) => r.id !== id)),
+    [rules, onRulesChange]
+  );
+  const updateRule = useCallback(
+    (id, updates) => onRulesChange(
+      rules.map((r) => {
+        if (r.id !== id) return r;
+        const next = { ...r, ...updates };
+        if (updates.field) {
+          const col = columns.find((c) => c.data === updates.field);
+          const allowed = operatorsForColumn(col);
+          if (!allowed.includes(next.operator)) next.operator = allowed[0] ?? "eq";
+        }
+        if (updates.operator) {
+          if (!operatorNeedsValue(next.operator)) next.value = void 0;
+          if (!operatorNeedsCompareField(next.operator)) next.compareField = void 0;
+          else if (!next.compareField) {
+            next.compareField = columns.find((c) => c.data !== next.field)?.data;
+          }
+        }
+        return next;
+      })
+    ),
+    [columns, rules, onRulesChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "hot-config-filters", "data-conditional-format-editor": true, children: [
+    rules.length > 0 && /* @__PURE__ */ jsxs("div", { className: "hot-config-sorting-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "hot-config-sorting-header-label", children: t("dynamicTable.conditionalFormat.title", "Highlighting") }),
+      /* @__PURE__ */ jsx("button", { onClick: () => onRulesChange([]), className: "hot-config-clear-btn", children: t("dynamicTable.configureView.clearAll", "Clear all") })
+    ] }),
+    rules.map((rule) => {
+      const col = columns.find((c) => c.data === rule.field);
+      const operators = operatorsForColumn(col);
+      return /* @__PURE__ */ jsxs("div", { className: "hot-config-filter-row", "data-cf-rule": rule.id, children: [
+        /* @__PURE__ */ jsx(
+          SelectMenu,
+          {
+            value: rule.field,
+            onChange: (next) => updateRule(rule.id, { field: next }),
+            options: columns.map((c) => ({ value: c.data, label: c.title || c.data })),
+            className: "hot-config-filter-select",
+            ariaLabel: t("dynamicTable.filter.field", "Field"),
+            dataAttributes: { "data-cf-field": true }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SelectMenu,
+          {
+            value: rule.operator,
+            onChange: (next) => updateRule(rule.id, { operator: next }),
+            options: operators.map((op) => ({ value: op, label: opLabel(op) })),
+            className: "hot-config-filter-select hot-config-filter-operator",
+            ariaLabel: t("dynamicTable.filter.operator", "Condition"),
+            dataAttributes: { "data-cf-operator": true }
+          }
+        ),
+        operatorNeedsValue(rule.operator) && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: col?.type === "numeric" ? "number" : col?.type === "date" ? "date" : "text",
+            value: rule.value === null || rule.value === void 0 ? "" : String(rule.value),
+            onChange: (e) => updateRule(rule.id, { value: e.target.value }),
+            className: "hot-config-filter-input",
+            "data-cf-value": true,
+            placeholder: t("dynamicTable.conditionalFormat.valuePlaceholder", "Value")
+          }
+        ),
+        operatorNeedsCompareField(rule.operator) && /* @__PURE__ */ jsx(
+          SelectMenu,
+          {
+            value: rule.compareField ?? "",
+            onChange: (next) => updateRule(rule.id, { compareField: next }),
+            options: columns.filter((c) => c.data !== rule.field).map((c) => ({ value: c.data, label: c.title || c.data })),
+            emptyOptionLabel: t("dynamicTable.conditionalFormat.compareToField", "Compare to another column"),
+            placeholder: t("dynamicTable.conditionalFormat.compareToField", "Compare to another column"),
+            className: "hot-config-filter-select",
+            ariaLabel: t("dynamicTable.conditionalFormat.compareToField", "Compare to another column"),
+            dataAttributes: { "data-cf-compare-field": true }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SelectMenu,
+          {
+            value: rule.style,
+            onChange: (next) => updateRule(rule.id, { style: next }),
+            options: CONDITIONAL_FORMAT_STYLES.map((st) => ({ value: st, label: styleLabel(st) })),
+            className: "hot-config-filter-select hot-config-cf-style",
+            ariaLabel: t("dynamicTable.conditionalFormat.style", "Colour"),
+            dataAttributes: { "data-cf-style": true }
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { onClick: () => removeRule(rule.id), className: "hot-config-filter-remove", children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" }) })
+      ] }, rule.id);
+    }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: addRule,
+        disabled: columns.length === 0 || rules.length >= MAX_CONDITIONAL_FORMAT_RULES,
+        className: "hot-config-add-btn",
+        "data-cf-add": true,
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": true }),
+          t("dynamicTable.conditionalFormat.addRule", "Add rule")
+        ]
+      }
+    ),
+    rules.length >= MAX_CONDITIONAL_FORMAT_RULES && /* @__PURE__ */ jsx("p", { className: "hot-config-filters-label", children: t("dynamicTable.conditionalFormat.limitReached", "Rule limit reached ({max})", {
+      max: MAX_CONDITIONAL_FORMAT_RULES
+    }) })
+  ] });
+};
+var ConfigureViewFormatting_default = ConfigureViewFormatting;
+export {
+  ConfigureViewFormatting_default as default
+};
+//# sourceMappingURL=ConfigureViewFormatting.js.map

package/dist/backend/dynamic-table/components/ConfigureViewFormatting.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ConfigureViewFormatting.tsx"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { Plus, X } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport type { ColumnDef } from '../types/index';\nimport SelectMenu from './SelectMenu';\nimport {\n  CONDITIONAL_FORMAT_STYLES,\n  MAX_CONDITIONAL_FORMAT_RULES,\n  generateConditionalFormatRuleId,\n  operatorNeedsCompareField,\n  operatorNeedsValue,\n  type ConditionalFormatOperator,\n  type ConditionalFormatRule,\n  type ConditionalFormatStyle,\n} from '../utils/conditionalFormat';\n\nexport interface ConfigureViewFormattingProps {\n  columns: ColumnDef[];\n  rules: ConditionalFormatRule[];\n  onRulesChange: (rules: ConditionalFormatRule[]) => void;\n}\n\n/** Operators worth offering for a column of this type. */\nfunction operatorsForColumn(col?: ColumnDef): ConditionalFormatOperator[] {\n  if (col?.type === 'numeric') {\n    return ['eq', 'neq', 'gt', 'gte', 'lt', 'lte', 'isEmpty', 'isNotEmpty'];\n  }\n  if (col?.type === 'date') {\n    return ['lt', 'gt', 'isEmpty', 'isNotEmpty', 'beforeField', 'afterField'];\n  }\n  if (col?.type === 'boolean') return ['eq', 'neq', 'isEmpty', 'isNotEmpty'];\n  return ['eq', 'neq', 'contains', 'isEmpty', 'isNotEmpty'];\n}\n\n/**\n * \"Highlighting\" \u2014 the user-facing editor for view-scoped conditional\n * formatting. Deliberately built as a clone of the filter-rule editor's row\n * layout (`hot-config-filter-*`): the drawer already teaches this interaction,\n * so this is composition, not new UX.\n */\nconst ConfigureViewFormatting: React.FC<ConfigureViewFormattingProps> = ({\n  columns,\n  rules,\n  onRulesChange,\n}) => {\n  const t = useT();\n\n  const opLabel = useCallback(\n    (op: ConditionalFormatOperator) => t(`dynamicTable.conditionalFormat.operator.${op}`, op),\n    [t],\n  );\n  const styleLabel = useCallback(\n    (style: ConditionalFormatStyle) => t(`dynamicTable.conditionalFormat.style.${style}`, style),\n    [t],\n  );\n\n  const addRule = useCallback(() => {\n    if (rules.length >= MAX_CONDITIONAL_FORMAT_RULES) return;\n    const first = columns[0];\n    if (!first) return;\n    onRulesChange([\n      ...rules,\n      {\n        id: generateConditionalFormatRuleId(),\n        field: first.data,\n        operator: operatorsForColumn(first)[0] ?? 'eq',\n        value: '',\n        style: 'yellow',\n      },\n    ]);\n  }, [columns, rules, onRulesChange]);\n\n  const removeRule = useCallback(\n    (id: string) => onRulesChange(rules.filter((r) => r.id !== id)),\n    [rules, onRulesChange],\n  );\n\n  const updateRule = useCallback(\n    (id: string, updates: Partial<ConditionalFormatRule>) =>\n      onRulesChange(\n        rules.map((r) => {\n          if (r.id !== id) return r;\n          const next: ConditionalFormatRule = { ...r, ...updates };\n          if (updates.field) {\n            // An operator that doesn't apply to the new column type would\n            // compile to nothing and silently stop painting \u2014 snap it instead.\n            const col = columns.find((c) => c.data === updates.field);\n            const allowed = operatorsForColumn(col);\n            if (!allowed.includes(next.operator)) next.operator = allowed[0] ?? 'eq';\n          }\n          if (updates.operator) {\n            if (!operatorNeedsValue(next.operator)) next.value = undefined;\n            if (!operatorNeedsCompareField(next.operator)) next.compareField = undefined;\n            else if (!next.compareField) {\n              next.compareField = columns.find((c) => c.data !== next.field)?.data;\n            }\n          }\n          return next;\n        }),\n      ),\n    [columns, rules, onRulesChange],\n  );\n\n  return (\n    <div className=\"hot-config-filters\" data-conditional-format-editor>\n      {rules.length > 0 && (\n        <div className=\"hot-config-sorting-header\">\n          <span className=\"hot-config-sorting-header-label\">\n            {t('dynamicTable.conditionalFormat.title', 'Highlighting')}\n          </span>\n          <button onClick={() => onRulesChange([])} className=\"hot-config-clear-btn\">\n            {t('dynamicTable.configureView.clearAll', 'Clear all')}\n          </button>\n        </div>\n      )}\n\n      {rules.map((rule) => {\n        const col = columns.find((c) => c.data === rule.field);\n        const operators = operatorsForColumn(col);\n        return (\n          <div key={rule.id} className=\"hot-config-filter-row\" data-cf-rule={rule.id}>\n            <SelectMenu\n              value={rule.field}\n              onChange={(next) => updateRule(rule.id, { field: next })}\n              options={columns.map((c) => ({ value: c.data, label: c.title || c.data }))}\n              className=\"hot-config-filter-select\"\n              ariaLabel={t('dynamicTable.filter.field', 'Field')}\n              dataAttributes={{ 'data-cf-field': true }}\n            />\n\n            <SelectMenu\n              value={rule.operator}\n              onChange={(next) =>\n                updateRule(rule.id, { operator: next as ConditionalFormatOperator })\n              }\n              options={operators.map((op) => ({ value: op, label: opLabel(op) }))}\n              className=\"hot-config-filter-select hot-config-filter-operator\"\n              ariaLabel={t('dynamicTable.filter.operator', 'Condition')}\n              dataAttributes={{ 'data-cf-operator': true }}\n            />\n\n            {operatorNeedsValue(rule.operator) && (\n              <input\n                type={col?.type === 'numeric' ? 'number' : col?.type === 'date' ? 'date' : 'text'}\n                value={rule.value === null || rule.value === undefined ? '' : String(rule.value)}\n                onChange={(e) => updateRule(rule.id, { value: e.target.value })}\n                className=\"hot-config-filter-input\"\n                data-cf-value\n                placeholder={t('dynamicTable.conditionalFormat.valuePlaceholder', 'Value')}\n              />\n            )}\n\n            {operatorNeedsCompareField(rule.operator) && (\n              <SelectMenu\n                value={rule.compareField ?? ''}\n                onChange={(next) => updateRule(rule.id, { compareField: next })}\n                options={columns\n                  .filter((c) => c.data !== rule.field)\n                  .map((c) => ({ value: c.data, label: c.title || c.data }))}\n                emptyOptionLabel={t('dynamicTable.conditionalFormat.compareToField', 'Compare to another column')}\n                placeholder={t('dynamicTable.conditionalFormat.compareToField', 'Compare to another column')}\n                className=\"hot-config-filter-select\"\n                ariaLabel={t('dynamicTable.conditionalFormat.compareToField', 'Compare to another column')}\n                dataAttributes={{ 'data-cf-compare-field': true }}\n              />\n            )}\n\n            <SelectMenu\n              value={rule.style}\n              onChange={(next) => updateRule(rule.id, { style: next as ConditionalFormatStyle })}\n              options={CONDITIONAL_FORMAT_STYLES.map((st) => ({ value: st, label: styleLabel(st) }))}\n              className=\"hot-config-filter-select hot-config-cf-style\"\n              ariaLabel={t('dynamicTable.conditionalFormat.style', 'Colour')}\n              dataAttributes={{ 'data-cf-style': true }}\n            />\n\n            <button onClick={() => removeRule(rule.id)} className=\"hot-config-filter-remove\">\n              <X className=\"w-3.5 h-3.5\" />\n            </button>\n          </div>\n        );\n      })}\n\n      <button\n        onClick={addRule}\n        disabled={columns.length === 0 || rules.length >= MAX_CONDITIONAL_FORMAT_RULES}\n        className=\"hot-config-add-btn\"\n        data-cf-add\n      >\n        <Plus className=\"w-3.5 h-3.5\" aria-hidden />\n        {t('dynamicTable.conditionalFormat.addRule', 'Add rule')}\n      </button>\n\n      {rules.length >= MAX_CONDITIONAL_FORMAT_RULES && (\n        <p className=\"hot-config-filters-label\">\n          {t('dynamicTable.conditionalFormat.limitReached', 'Rule limit reached ({max})', {\n            max: MAX_CONDITIONAL_FORMAT_RULES,\n          })}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport default ConfigureViewFormatting;\n"],
+  "mappings": "AA0GQ,SACE,KADF;AA1GR,SAAgB,mBAAmB;AACnC,SAAS,MAAM,SAAS;AACxB,SAAS,YAAY;AAErB,OAAO,gBAAgB;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AASP,SAAS,mBAAmB,KAA8C;AACxE,MAAI,KAAK,SAAS,WAAW;AAC3B,WAAO,CAAC,MAAM,OAAO,MAAM,OAAO,MAAM,OAAO,WAAW,YAAY;AAAA,EACxE;AACA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,CAAC,MAAM,MAAM,WAAW,cAAc,eAAe,YAAY;AAAA,EAC1E;AACA,MAAI,KAAK,SAAS,UAAW,QAAO,CAAC,MAAM,OAAO,WAAW,YAAY;AACzE,SAAO,CAAC,MAAM,OAAO,YAAY,WAAW,YAAY;AAC1D;AAQA,MAAM,0BAAkE,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,IAAI,KAAK;AAEf,QAAM,UAAU;AAAA,IACd,CAAC,OAAkC,EAAE,2CAA2C,EAAE,IAAI,EAAE;AAAA,IACxF,CAAC,CAAC;AAAA,EACJ;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,UAAkC,EAAE,wCAAwC,KAAK,IAAI,KAAK;AAAA,IAC3F,CAAC,CAAC;AAAA,EACJ;AAEA,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,MAAM,UAAU,6BAA8B;AAClD,UAAM,QAAQ,QAAQ,CAAC;AACvB,QAAI,CAAC,MAAO;AACZ,kBAAc;AAAA,MACZ,GAAG;AAAA,MACH;AAAA,QACE,IAAI,gCAAgC;AAAA,QACpC,OAAO,MAAM;AAAA,QACb,UAAU,mBAAmB,KAAK,EAAE,CAAC,KAAK;AAAA,QAC1C,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,OAAO,aAAa,CAAC;AAElC,QAAM,aAAa;AAAA,IACjB,CAAC,OAAe,cAAc,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,IAC9D,CAAC,OAAO,aAAa;AAAA,EACvB;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,IAAY,YACX;AAAA,MACE,MAAM,IAAI,CAAC,MAAM;AACf,YAAI,EAAE,OAAO,GAAI,QAAO;AACxB,cAAM,OAA8B,EAAE,GAAG,GAAG,GAAG,QAAQ;AACvD,YAAI,QAAQ,OAAO;AAGjB,gBAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,QAAQ,KAAK;AACxD,gBAAM,UAAU,mBAAmB,GAAG;AACtC,cAAI,CAAC,QAAQ,SAAS,KAAK,QAAQ,EAAG,MAAK,WAAW,QAAQ,CAAC,KAAK;AAAA,QACtE;AACA,YAAI,QAAQ,UAAU;AACpB,cAAI,CAAC,mBAAmB,KAAK,QAAQ,EAAG,MAAK,QAAQ;AACrD,cAAI,CAAC,0BAA0B,KAAK,QAAQ,EAAG,MAAK,eAAe;AAAA,mBAC1D,CAAC,KAAK,cAAc;AAC3B,iBAAK,eAAe,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,KAAK,GAAG;AAAA,UAClE;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACF,CAAC,SAAS,OAAO,aAAa;AAAA,EAChC;AAEA,SACE,qBAAC,SAAI,WAAU,sBAAqB,kCAA8B,MAC/D;AAAA,UAAM,SAAS,KACd,qBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,UAAK,WAAU,mCACb,YAAE,wCAAwC,cAAc,GAC3D;AAAA,MACA,oBAAC,YAAO,SAAS,MAAM,cAAc,CAAC,CAAC,GAAG,WAAU,wBACjD,YAAE,uCAAuC,WAAW,GACvD;AAAA,OACF;AAAA,IAGD,MAAM,IAAI,CAAC,SAAS;AACnB,YAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,KAAK;AACrD,YAAM,YAAY,mBAAmB,GAAG;AACxC,aACE,qBAAC,SAAkB,WAAU,yBAAwB,gBAAc,KAAK,IACtE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,SAAS,WAAW,KAAK,IAAI,EAAE,OAAO,KAAK,CAAC;AAAA,YACvD,SAAS,QAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE;AAAA,YACzE,WAAU;AAAA,YACV,WAAW,EAAE,6BAA6B,OAAO;AAAA,YACjD,gBAAgB,EAAE,iBAAiB,KAAK;AAAA;AAAA,QAC1C;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,SACT,WAAW,KAAK,IAAI,EAAE,UAAU,KAAkC,CAAC;AAAA,YAErE,SAAS,UAAU,IAAI,CAAC,QAAQ,EAAE,OAAO,IAAI,OAAO,QAAQ,EAAE,EAAE,EAAE;AAAA,YAClE,WAAU;AAAA,YACV,WAAW,EAAE,gCAAgC,WAAW;AAAA,YACxD,gBAAgB,EAAE,oBAAoB,KAAK;AAAA;AAAA,QAC7C;AAAA,QAEC,mBAAmB,KAAK,QAAQ,KAC/B;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,KAAK,SAAS,YAAY,WAAW,KAAK,SAAS,SAAS,SAAS;AAAA,YAC3E,OAAO,KAAK,UAAU,QAAQ,KAAK,UAAU,SAAY,KAAK,OAAO,KAAK,KAAK;AAAA,YAC/E,UAAU,CAAC,MAAM,WAAW,KAAK,IAAI,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AAAA,YAC9D,WAAU;AAAA,YACV,iBAAa;AAAA,YACb,aAAa,EAAE,mDAAmD,OAAO;AAAA;AAAA,QAC3E;AAAA,QAGD,0BAA0B,KAAK,QAAQ,KACtC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,KAAK,gBAAgB;AAAA,YAC5B,UAAU,CAAC,SAAS,WAAW,KAAK,IAAI,EAAE,cAAc,KAAK,CAAC;AAAA,YAC9D,SAAS,QACN,OAAO,CAAC,MAAM,EAAE,SAAS,KAAK,KAAK,EACnC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE;AAAA,YAC3D,kBAAkB,EAAE,iDAAiD,2BAA2B;AAAA,YAChG,aAAa,EAAE,iDAAiD,2BAA2B;AAAA,YAC3F,WAAU;AAAA,YACV,WAAW,EAAE,iDAAiD,2BAA2B;AAAA,YACzF,gBAAgB,EAAE,yBAAyB,KAAK;AAAA;AAAA,QAClD;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,SAAS,WAAW,KAAK,IAAI,EAAE,OAAO,KAA+B,CAAC;AAAA,YACjF,SAAS,0BAA0B,IAAI,CAAC,QAAQ,EAAE,OAAO,IAAI,OAAO,WAAW,EAAE,EAAE,EAAE;AAAA,YACrF,WAAU;AAAA,YACV,WAAW,EAAE,wCAAwC,QAAQ;AAAA,YAC7D,gBAAgB,EAAE,iBAAiB,KAAK;AAAA;AAAA,QAC1C;AAAA,QAEA,oBAAC,YAAO,SAAS,MAAM,WAAW,KAAK,EAAE,GAAG,WAAU,4BACpD,8BAAC,KAAE,WAAU,eAAc,GAC7B;AAAA,WA1DQ,KAAK,EA2Df;AAAA,IAEJ,CAAC;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU,QAAQ,WAAW,KAAK,MAAM,UAAU;AAAA,QAClD,WAAU;AAAA,QACV,eAAW;AAAA,QAEX;AAAA,8BAAC,QAAK,WAAU,eAAc,eAAW,MAAC;AAAA,UACzC,EAAE,0CAA0C,UAAU;AAAA;AAAA;AAAA,IACzD;AAAA,IAEC,MAAM,UAAU,gCACf,oBAAC,OAAE,WAAU,4BACV,YAAE,+CAA+C,8BAA8B;AAAA,MAC9E,KAAK;AAAA,IACP,CAAC,GACH;AAAA,KAEJ;AAEJ;AAEA,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/backend/dynamic-table/components/ConfigureViewFormulas.js

@@ -0,0 +1,298 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { Pencil, Plus, Trash2 } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button, Input } from "../../../primitives-v2/index.js";
+import { formulaIssueI18nKey } from "../formula/types.js";
+import { checkFormulaColumn, fieldMetaFromColumns } from "../formula/check.js";
+import { evaluateExpression } from "../formula/evaluate.js";
+import { FORMULA_FUNCTION_SIGNATURES } from "../formula/functions.js";
+import {
+  formatFormulaValue,
+  isFormulaColumnKey,
+  uniqueFormulaColumnKey
+} from "../utils/formulaColumns.js";
+const RESULT_TYPES = ["number", "text", "boolean", "date"];
+const EMPTY_DRAFT = {
+  editingKey: null,
+  label: "",
+  expression: "",
+  resultType: "number"
+};
+const ConfigureViewFormulas = ({
+  formulas,
+  onFormulasChange,
+  columns,
+  visibleColumns,
+  hiddenColumns,
+  onColumnVisibilityChange,
+  sampleRow,
+  canManage = true
+}) => {
+  const t = useT();
+  const [draft, setDraft] = useState(EMPTY_DRAFT);
+  const [isEditorOpen, setEditorOpen] = useState(false);
+  const [showFunctions, setShowFunctions] = useState(false);
+  const referenceableColumns = useMemo(
+    () => columns.filter((c) => !isFormulaColumnKey(c.data)),
+    [columns]
+  );
+  const fields = useMemo(() => fieldMetaFromColumns(referenceableColumns), [referenceableColumns]);
+  const draftKey = useMemo(() => {
+    if (draft.editingKey) return draft.editingKey;
+    return uniqueFormulaColumnKey(draft.label || "calc", formulas.map((f) => f.key));
+  }, [draft.editingKey, draft.label, formulas]);
+  const draftRef = useMemo(
+    () => ({
+      key: draftKey,
+      label: draft.label.trim() || draftKey,
+      expression: draft.expression,
+      resultType: draft.resultType
+    }),
+    [draftKey, draft.label, draft.expression, draft.resultType]
+  );
+  const issues = useMemo(() => {
+    if (!draft.expression.trim()) return [];
+    const checked = checkFormulaColumn({ ref: draftRef, fields, existing: formulas });
+    return checked.ok ? [] : checked.issues;
+  }, [draft.expression, draftRef, fields, formulas]);
+  const preview = useMemo(() => {
+    if (!sampleRow || issues.length > 0 || !draft.expression.trim()) return null;
+    return evaluateExpression(draft.expression, sampleRow, fields, draft.resultType);
+  }, [sampleRow, issues.length, draft.expression, draft.resultType, fields]);
+  const canSave = draft.label.trim().length > 0 && draft.expression.trim().length > 0 && issues.length === 0;
+  const translateIssue = useCallback(
+    (issue) => t(formulaIssueI18nKey(issue), issue.message, issue.params),
+    [t]
+  );
+  const resetDraft = useCallback(() => {
+    setDraft(EMPTY_DRAFT);
+    setEditorOpen(false);
+    setShowFunctions(false);
+  }, []);
+  const handleSave = useCallback(() => {
+    if (!canSave) return;
+    const existingIndex = formulas.findIndex((f) => f.key === draftRef.key);
+    const next = existingIndex >= 0 ? formulas.map((f, i) => i === existingIndex ? draftRef : f) : [...formulas, draftRef];
+    onFormulasChange(next);
+    if (existingIndex < 0) {
+      onColumnVisibilityChange(
+        visibleColumns.includes(draftRef.key) ? visibleColumns : [...visibleColumns, draftRef.key],
+        hiddenColumns.filter((k) => k !== draftRef.key)
+      );
+    }
+    resetDraft();
+  }, [
+    canSave,
+    formulas,
+    draftRef,
+    onFormulasChange,
+    onColumnVisibilityChange,
+    visibleColumns,
+    hiddenColumns,
+    resetDraft
+  ]);
+  const handleEdit = useCallback((ref) => {
+    setDraft({
+      editingKey: ref.key,
+      label: ref.label,
+      expression: ref.expression,
+      resultType: ref.resultType
+    });
+    setEditorOpen(true);
+  }, []);
+  const handleRemove = useCallback(
+    (key) => {
+      onFormulasChange(formulas.filter((f) => f.key !== key));
+      onColumnVisibilityChange(
+        visibleColumns.filter((k) => k !== key),
+        hiddenColumns.filter((k) => k !== key)
+      );
+      if (draft.editingKey === key) resetDraft();
+    },
+    [formulas, onFormulasChange, onColumnVisibilityChange, visibleColumns, hiddenColumns, draft.editingKey, resetDraft]
+  );
+  const insert = useCallback((snippet) => {
+    setDraft((prev) => ({
+      ...prev,
+      expression: prev.expression ? `${prev.expression.trimEnd()} ${snippet}` : snippet
+    }));
+  }, []);
+  const fieldToken = (key) => /^[A-Za-z_][A-Za-z0-9_]*$/.test(key) ? key : `[${key}]`;
+  const typeLabel = (type) => t(`dynamicTable.formula.type.${type}`, type);
+  return /* @__PURE__ */ jsxs("div", { className: "hot-config-section-body flex flex-col gap-3", "data-testid": "formula-section", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-body-regular-xs text-m3-on-surface-variant", children: t(
+      "dynamicTable.formula.displayOnlyNote",
+      "Calculated columns are shown for the rows on this page. They cannot be sorted or filtered."
+    ) }),
+    formulas.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", "data-testid": "formula-list", children: formulas.map((ref) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-testid": `formula-row-${ref.key}`,
+        className: "flex items-center gap-2 rounded-m3-md border border-m3-outline-variant px-2.5 py-2",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm truncate", children: ref.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-code-regular-sm truncate text-m3-on-surface-variant", "data-testid": `formula-expression-${ref.key}`, children: ref.expression })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-label-semibold-xs shrink-0 text-m3-on-surface-variant", children: typeLabel(ref.resultType) }),
+          canManage && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("dynamicTable.formula.edit", "Edit"),
+                className: "shrink-0 rounded-m3-xs p-1 text-m3-on-surface-variant hover:bg-[var(--m3-state-layer-hover)] hover:text-m3-on-surface",
+                style: { transition: "var(--m3-transition-state)" },
+                onClick: () => handleEdit(ref),
+                children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("dynamicTable.formula.remove", "Remove"),
+                className: "shrink-0 rounded-m3-xs p-1 text-m3-on-surface-variant hover:bg-[var(--m3-state-layer-hover)] hover:text-m3-on-surface",
+                style: { transition: "var(--m3-transition-state)" },
+                onClick: () => handleRemove(ref.key),
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ]
+      },
+      ref.key
+    )) }),
+    formulas.length === 0 && !isEditorOpen && /* @__PURE__ */ jsx("p", { className: "hot-config-empty-hint text-body-regular-xs text-m3-on-surface-variant", children: t("dynamicTable.formula.empty", "No calculated columns yet.") }),
+    canManage && !isEditorOpen && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "hot-config-add-btn",
+        "data-testid": "formula-add",
+        onClick: () => {
+          setDraft(EMPTY_DRAFT);
+          setEditorOpen(true);
+        },
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": true }),
+          t("dynamicTable.formula.addColumn", "Add a calculated column")
+        ]
+      }
+    ),
+    canManage && isEditorOpen && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 rounded-m3-md border border-m3-outline-variant p-2.5", "data-testid": "formula-editor", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-label-semibold-xs text-m3-on-surface-variant", htmlFor: "formula-label-input", children: t("dynamicTable.formula.columnName", "Column name") }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "formula-label-input",
+          inputSize: "sm",
+          "data-testid": "formula-label",
+          value: draft.label,
+          placeholder: t("dynamicTable.formula.columnNamePlaceholder", "e.g. Margin"),
+          onChange: (e) => setDraft((prev) => ({ ...prev, label: e.target.value }))
+        }
+      ),
+      /* @__PURE__ */ jsx("label", { className: "text-label-semibold-xs text-m3-on-surface-variant", htmlFor: "formula-expression-input", children: t("dynamicTable.formula.expression", "Formula") }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "formula-expression-input",
+          inputSize: "sm",
+          "data-testid": "formula-expression",
+          className: "text-code-regular-md",
+          value: draft.expression,
+          hasError: issues.length > 0,
+          placeholder: t("dynamicTable.formula.expressionPlaceholder", "revenue - cost"),
+          onChange: (e) => setDraft((prev) => ({ ...prev, expression: e.target.value })),
+          onKeyDown: (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === "Enter") handleSave();
+            if (e.key === "Escape") resetDraft();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", "data-testid": "formula-fields", children: referenceableColumns.map((col) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-code-regular-sm rounded-m3-xs border border-m3-outline-variant px-1.5 py-0.5 hover:bg-[var(--m3-state-layer-hover)]",
+          style: { transition: "var(--m3-transition-state)" },
+          onClick: () => insert(fieldToken(col.data)),
+          title: col.data,
+          children: col.title ?? col.data
+        },
+        col.data
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-label-semibold-xs text-m3-on-surface-variant", children: t("dynamicTable.formula.resultType", "Result type") }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-1", role: "radiogroup", "aria-label": t("dynamicTable.formula.resultType", "Result type"), children: RESULT_TYPES.map((type) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": draft.resultType === type,
+            "data-testid": `formula-type-${type}`,
+            className: `text-label-medium-md rounded-m3-md border px-2.5 py-1 ${draft.resultType === type ? "border-m3-accent text-[var(--m3-accent)]" : "border-m3-outline-variant text-m3-on-surface-variant hover:bg-[var(--m3-state-layer-hover)]"}`,
+            style: { transition: "var(--m3-transition-state)" },
+            onClick: () => setDraft((prev) => ({ ...prev, resultType: type })),
+            children: typeLabel(type)
+          },
+          type
+        )) })
+      ] }),
+      issues.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", "data-testid": "formula-errors", children: issues.map((issue, i) => /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: "text-body-regular-xs text-destructive-v2",
+          "data-formula-error": issue.code,
+          children: translateIssue(issue)
+        },
+        `${issue.code}-${i}`
+      )) }),
+      preview && /* @__PURE__ */ jsx("p", { className: "text-body-regular-xs text-m3-on-surface-variant", "data-testid": "formula-preview", children: t("dynamicTable.formula.preview", "First row: {value}", {
+        value: preview.state === "empty" ? t("dynamicTable.formula.previewEmpty", "empty") : formatFormulaValue(preview)
+      }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-body-regular-xs self-start text-m3-on-surface-variant underline",
+          onClick: () => setShowFunctions((v) => !v),
+          "data-testid": "formula-functions-toggle",
+          children: t("dynamicTable.formula.functionList", "Available functions")
+        }
+      ),
+      showFunctions && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", "data-testid": "formula-functions", children: FORMULA_FUNCTION_SIGNATURES.map((fn) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-code-regular-sm w-full rounded-m3-xs px-1 py-0.5 text-left hover:bg-[var(--m3-state-layer-hover)]",
+          style: { transition: "var(--m3-transition-state)" },
+          onClick: () => insert(`${fn.name}(`),
+          children: fn.signature
+        }
+      ) }, fn.name)) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "flex-1", onClick: resetDraft, children: t("dynamicTable.formula.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            size: "sm",
+            className: "flex-1",
+            disabled: !canSave,
+            "data-testid": "formula-save",
+            onClick: handleSave,
+            children: t("dynamicTable.formula.save", "Save column")
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+var ConfigureViewFormulas_default = ConfigureViewFormulas;
+export {
+  ConfigureViewFormulas_default as default
+};
+//# sourceMappingURL=ConfigureViewFormulas.js.map

package/dist/backend/dynamic-table/components/ConfigureViewFormulas.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ConfigureViewFormulas.tsx"],
+  "sourcesContent": ["import React, { useCallback, useMemo, useState } from 'react';\nimport { Pencil, Plus, Trash2 } from 'lucide-react';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { Button, Input } from '../../../primitives-v2';\nimport type { ColumnDef } from '../types/index';\nimport type { FormulaColumnRef, FormulaIssue, FormulaResultType } from '../formula/types';\nimport { formulaIssueI18nKey } from '../formula/types';\nimport { checkFormulaColumn, fieldMetaFromColumns } from '../formula/check';\nimport { evaluateExpression } from '../formula/evaluate';\nimport { FORMULA_FUNCTION_SIGNATURES } from '../formula/functions';\nimport {\n  formatFormulaValue,\n  isFormulaColumnKey,\n  uniqueFormulaColumnKey,\n} from '../utils/formulaColumns';\n\nexport interface ConfigureViewFormulasProps {\n  /** Calculated columns currently on the view. */\n  formulas: FormulaColumnRef[];\n  onFormulasChange: (refs: FormulaColumnRef[]) => void;\n  /** Every column a formula may reference. Calculated columns are excluded \u2014 a\n   *  formula reads them by key, and offering them here invites cycles. */\n  columns: ColumnDef[];\n  /** Current column visibility. A new calculated column is switched ON: the\n   *  user just wrote it, so hiding it would read as the save having failed. */\n  visibleColumns: string[];\n  hiddenColumns: string[];\n  onColumnVisibilityChange: (visible: string[], hidden: string[]) => void;\n  /** One loaded row, used for the live preview. Optional: without it the editor\n   *  still validates, it just cannot show a number yet. */\n  sampleRow?: Record<string, unknown>;\n  /**\n   * Authoring gate. OPEN by default \u2014 `packages/ui` ships no ACL of its own; a\n   * host that wants `<module>.<entity>.formula.manage` passes `false` here.\n   */\n  canManage?: boolean;\n}\n\nconst RESULT_TYPES: FormulaResultType[] = ['number', 'text', 'boolean', 'date'];\n\ninterface DraftState {\n  /** Key being edited, or null when adding a new column. */\n  editingKey: string | null;\n  label: string;\n  expression: string;\n  resultType: FormulaResultType;\n}\n\nconst EMPTY_DRAFT: DraftState = {\n  editingKey: null,\n  label: '',\n  expression: '',\n  resultType: 'number',\n};\n\n/**\n * \"Calculated columns\": the Configure View section that authors a view-scoped\n * formula column.\n *\n * Validation is live and at DEFINITION time \u2014 an unknown column reference or a\n * self-reference is refused here, so a saved view can never contain one and no\n * cell has to discover it at render time.\n */\nconst ConfigureViewFormulas: React.FC<ConfigureViewFormulasProps> = ({\n  formulas,\n  onFormulasChange,\n  columns,\n  visibleColumns,\n  hiddenColumns,\n  onColumnVisibilityChange,\n  sampleRow,\n  canManage = true,\n}) => {\n  const t = useT();\n  const [draft, setDraft] = useState<DraftState>(EMPTY_DRAFT);\n  const [isEditorOpen, setEditorOpen] = useState(false);\n  const [showFunctions, setShowFunctions] = useState(false);\n\n  const referenceableColumns = useMemo(\n    () => columns.filter((c) => !isFormulaColumnKey(c.data)),\n    [columns],\n  );\n  const fields = useMemo(() => fieldMetaFromColumns(referenceableColumns), [referenceableColumns]);\n\n  const draftKey = useMemo(() => {\n    if (draft.editingKey) return draft.editingKey;\n    return uniqueFormulaColumnKey(draft.label || 'calc', formulas.map((f) => f.key));\n  }, [draft.editingKey, draft.label, formulas]);\n\n  const draftRef: FormulaColumnRef = useMemo(\n    () => ({\n      key: draftKey,\n      label: draft.label.trim() || draftKey,\n      expression: draft.expression,\n      resultType: draft.resultType,\n    }),\n    [draftKey, draft.label, draft.expression, draft.resultType],\n  );\n\n  // Live validation. An empty expression is \"not yet\", not \"wrong\" \u2014 the user is\n  // still typing, so no error is shown and the save button is simply disabled.\n  const issues: FormulaIssue[] = useMemo(() => {\n    if (!draft.expression.trim()) return [];\n    const checked = checkFormulaColumn({ ref: draftRef, fields, existing: formulas });\n    return checked.ok ? [] : checked.issues;\n  }, [draft.expression, draftRef, fields, formulas]);\n\n  const preview = useMemo(() => {\n    if (!sampleRow || issues.length > 0 || !draft.expression.trim()) return null;\n    return evaluateExpression(draft.expression, sampleRow, fields, draft.resultType);\n  }, [sampleRow, issues.length, draft.expression, draft.resultType, fields]);\n\n  const canSave = draft.label.trim().length > 0 && draft.expression.trim().length > 0 && issues.length === 0;\n\n  const translateIssue = useCallback(\n    (issue: FormulaIssue) => t(formulaIssueI18nKey(issue), issue.message, issue.params),\n    [t],\n  );\n\n  const resetDraft = useCallback(() => {\n    setDraft(EMPTY_DRAFT);\n    setEditorOpen(false);\n    setShowFunctions(false);\n  }, []);\n\n  const handleSave = useCallback(() => {\n    if (!canSave) return;\n    const existingIndex = formulas.findIndex((f) => f.key === draftRef.key);\n    const next =\n      existingIndex >= 0\n        ? formulas.map((f, i) => (i === existingIndex ? draftRef : f))\n        : [...formulas, draftRef];\n    onFormulasChange(next);\n\n    if (existingIndex < 0) {\n      onColumnVisibilityChange(\n        visibleColumns.includes(draftRef.key) ? visibleColumns : [...visibleColumns, draftRef.key],\n        hiddenColumns.filter((k) => k !== draftRef.key),\n      );\n    }\n    resetDraft();\n  }, [\n    canSave,\n    formulas,\n    draftRef,\n    onFormulasChange,\n    onColumnVisibilityChange,\n    visibleColumns,\n    hiddenColumns,\n    resetDraft,\n  ]);\n\n  const handleEdit = useCallback((ref: FormulaColumnRef) => {\n    setDraft({\n      editingKey: ref.key,\n      label: ref.label,\n      expression: ref.expression,\n      resultType: ref.resultType,\n    });\n    setEditorOpen(true);\n  }, []);\n\n  const handleRemove = useCallback(\n    (key: string) => {\n      onFormulasChange(formulas.filter((f) => f.key !== key));\n      onColumnVisibilityChange(\n        visibleColumns.filter((k) => k !== key),\n        hiddenColumns.filter((k) => k !== key),\n      );\n      if (draft.editingKey === key) resetDraft();\n    },\n    [formulas, onFormulasChange, onColumnVisibilityChange, visibleColumns, hiddenColumns, draft.editingKey, resetDraft],\n  );\n\n  const insert = useCallback((snippet: string) => {\n    setDraft((prev) => ({\n      ...prev,\n      expression: prev.expression ? `${prev.expression.trimEnd()} ${snippet}` : snippet,\n    }));\n  }, []);\n\n  /** A column key needs bracketing when it is not a bare identifier. */\n  const fieldToken = (key: string) => (/^[A-Za-z_][A-Za-z0-9_]*$/.test(key) ? key : `[${key}]`);\n\n  const typeLabel = (type: FormulaResultType) =>\n    t(`dynamicTable.formula.type.${type}`, type);\n\n  return (\n    <div className=\"hot-config-section-body flex flex-col gap-3\" data-testid=\"formula-section\">\n      <p className=\"text-body-regular-xs text-m3-on-surface-variant\">\n        {t(\n          'dynamicTable.formula.displayOnlyNote',\n          'Calculated columns are shown for the rows on this page. They cannot be sorted or filtered.',\n        )}\n      </p>\n\n      {/* Existing calculated columns */}\n      {formulas.length > 0 && (\n        <ul className=\"flex flex-col gap-1.5\" data-testid=\"formula-list\">\n          {formulas.map((ref) => (\n            <li\n              key={ref.key}\n              data-testid={`formula-row-${ref.key}`}\n              className=\"flex items-center gap-2 rounded-m3-md border border-m3-outline-variant px-2.5 py-2\"\n            >\n              <span className=\"flex min-w-0 flex-1 flex-col\">\n                <span className=\"text-body-medium-sm truncate\">{ref.label}</span>\n                <span className=\"text-code-regular-sm truncate text-m3-on-surface-variant\" data-testid={`formula-expression-${ref.key}`}>\n                  {ref.expression}\n                </span>\n              </span>\n              <span className=\"text-label-semibold-xs shrink-0 text-m3-on-surface-variant\">\n                {typeLabel(ref.resultType)}\n              </span>\n              {canManage && (\n                <>\n                  <button\n                    type=\"button\"\n                    aria-label={t('dynamicTable.formula.edit', 'Edit')}\n                    className=\"shrink-0 rounded-m3-xs p-1 text-m3-on-surface-variant hover:bg-[var(--m3-state-layer-hover)] hover:text-m3-on-surface\"\n                    style={{ transition: 'var(--m3-transition-state)' }}\n                    onClick={() => handleEdit(ref)}\n                  >\n                    <Pencil className=\"h-3.5 w-3.5\" />\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label={t('dynamicTable.formula.remove', 'Remove')}\n                    className=\"shrink-0 rounded-m3-xs p-1 text-m3-on-surface-variant hover:bg-[var(--m3-state-layer-hover)] hover:text-m3-on-surface\"\n                    style={{ transition: 'var(--m3-transition-state)' }}\n                    onClick={() => handleRemove(ref.key)}\n                  >\n                    <Trash2 className=\"h-3.5 w-3.5\" />\n                  </button>\n                </>\n              )}\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {formulas.length === 0 && !isEditorOpen && (\n        <p className=\"hot-config-empty-hint text-body-regular-xs text-m3-on-surface-variant\">\n          {t('dynamicTable.formula.empty', 'No calculated columns yet.')}\n        </p>\n      )}\n\n      {/* Inline add row \u2014 never a modal.\n\n          `.hot-config-add-btn`, not an outline Button: the Configure View\n          drawer has SEVEN \"add\" affordances (filter, sort, group, sum,\n          highlighting rule, summarised column, calculated column) and six of\n          them are this borderless accent link. This one was the odd one out \u2014\n          a bordered button sitting directly above \"+ Add rule\" in the very next\n          section, so the drawer offered two different-looking controls for the\n          same verb. Conforming to the majority keeps one idiom. */}\n      {canManage && !isEditorOpen && (\n        <button\n          type=\"button\"\n          className=\"hot-config-add-btn\"\n          data-testid=\"formula-add\"\n          onClick={() => {\n            setDraft(EMPTY_DRAFT);\n            setEditorOpen(true);\n          }}\n        >\n          <Plus className=\"w-3.5 h-3.5\" aria-hidden />\n          {t('dynamicTable.formula.addColumn', 'Add a calculated column')}\n        </button>\n      )}\n\n      {canManage && isEditorOpen && (\n        <div className=\"flex flex-col gap-2.5 rounded-m3-md border border-m3-outline-variant p-2.5\" data-testid=\"formula-editor\">\n          <label className=\"text-label-semibold-xs text-m3-on-surface-variant\" htmlFor=\"formula-label-input\">\n            {t('dynamicTable.formula.columnName', 'Column name')}\n          </label>\n          <Input\n            id=\"formula-label-input\"\n            inputSize=\"sm\"\n            data-testid=\"formula-label\"\n            value={draft.label}\n            placeholder={t('dynamicTable.formula.columnNamePlaceholder', 'e.g. Margin')}\n            onChange={(e) => setDraft((prev) => ({ ...prev, label: e.target.value }))}\n          />\n\n          <label className=\"text-label-semibold-xs text-m3-on-surface-variant\" htmlFor=\"formula-expression-input\">\n            {t('dynamicTable.formula.expression', 'Formula')}\n          </label>\n          <Input\n            id=\"formula-expression-input\"\n            inputSize=\"sm\"\n            data-testid=\"formula-expression\"\n            className=\"text-code-regular-md\"\n            value={draft.expression}\n            hasError={issues.length > 0}\n            placeholder={t('dynamicTable.formula.expressionPlaceholder', 'revenue - cost')}\n            onChange={(e) => setDraft((prev) => ({ ...prev, expression: e.target.value }))}\n            onKeyDown={(e) => {\n              if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') handleSave();\n              if (e.key === 'Escape') resetDraft();\n            }}\n          />\n\n          {/* Field picker \u2014 clicking inserts the reference, so nobody has to\n              guess how a column key is spelled. */}\n          <div className=\"flex flex-wrap gap-1\" data-testid=\"formula-fields\">\n            {referenceableColumns.map((col) => (\n              <button\n                key={col.data}\n                type=\"button\"\n                className=\"text-code-regular-sm rounded-m3-xs border border-m3-outline-variant px-1.5 py-0.5 hover:bg-[var(--m3-state-layer-hover)]\"\n                style={{ transition: 'var(--m3-transition-state)' }}\n                onClick={() => insert(fieldToken(col.data))}\n                title={col.data}\n              >\n                {col.title ?? col.data}\n              </button>\n            ))}\n          </div>\n\n          <div className=\"flex flex-col gap-1\">\n            <span className=\"text-label-semibold-xs text-m3-on-surface-variant\">\n              {t('dynamicTable.formula.resultType', 'Result type')}\n            </span>\n            <div className=\"flex gap-1\" role=\"radiogroup\" aria-label={t('dynamicTable.formula.resultType', 'Result type')}>\n              {RESULT_TYPES.map((type) => (\n                <button\n                  key={type}\n                  type=\"button\"\n                  role=\"radio\"\n                  aria-checked={draft.resultType === type}\n                  data-testid={`formula-type-${type}`}\n                  /* Selected reads as ONE hue. It used to pair a TEAL border\n                     (`--accent-v2`, the focus colour) with `text-primary`, so\n                     the checked chip announced itself in two different colours\n                     at once. Both halves now take `--m3-accent`, the selection\n                     blue every other selected surface in the grid uses. */\n                  className={`text-label-medium-md rounded-m3-md border px-2.5 py-1 ${\n                    draft.resultType === type\n                      ? 'border-m3-accent text-[var(--m3-accent)]'\n                      : 'border-m3-outline-variant text-m3-on-surface-variant hover:bg-[var(--m3-state-layer-hover)]'\n                  }`}\n                  style={{ transition: 'var(--m3-transition-state)' }}\n                  onClick={() => setDraft((prev) => ({ ...prev, resultType: type }))}\n                >\n                  {typeLabel(type)}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          {issues.length > 0 && (\n            <ul className=\"flex flex-col gap-0.5\" data-testid=\"formula-errors\">\n              {issues.map((issue, i) => (\n                <li\n                  key={`${issue.code}-${i}`}\n                  className=\"text-body-regular-xs text-destructive-v2\"\n                  data-formula-error={issue.code}\n                >\n                  {translateIssue(issue)}\n                </li>\n              ))}\n            </ul>\n          )}\n\n          {preview && (\n            <p className=\"text-body-regular-xs text-m3-on-surface-variant\" data-testid=\"formula-preview\">\n              {t('dynamicTable.formula.preview', 'First row: {value}', {\n                value:\n                  preview.state === 'empty'\n                    ? t('dynamicTable.formula.previewEmpty', 'empty')\n                    : formatFormulaValue(preview),\n              })}\n            </p>\n          )}\n\n          <button\n            type=\"button\"\n            className=\"text-body-regular-xs self-start text-m3-on-surface-variant underline\"\n            onClick={() => setShowFunctions((v) => !v)}\n            data-testid=\"formula-functions-toggle\"\n          >\n            {t('dynamicTable.formula.functionList', 'Available functions')}\n          </button>\n          {showFunctions && (\n            <ul className=\"flex flex-col gap-0.5\" data-testid=\"formula-functions\">\n              {FORMULA_FUNCTION_SIGNATURES.map((fn) => (\n                <li key={fn.name}>\n                  <button\n                    type=\"button\"\n                    className=\"text-code-regular-sm w-full rounded-m3-xs px-1 py-0.5 text-left hover:bg-[var(--m3-state-layer-hover)]\"\n                    style={{ transition: 'var(--m3-transition-state)' }}\n                    onClick={() => insert(`${fn.name}(`)}\n                  >\n                    {fn.signature}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div className=\"flex gap-2\">\n            <Button variant=\"outline\" size=\"sm\" className=\"flex-1\" onClick={resetDraft}>\n              {t('dynamicTable.formula.cancel', 'Cancel')}\n            </Button>\n            <Button\n              variant=\"primary\"\n              size=\"sm\"\n              className=\"flex-1\"\n              disabled={!canSave}\n              data-testid=\"formula-save\"\n              onClick={handleSave}\n            >\n              {t('dynamicTable.formula.save', 'Save column')}\n            </Button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ConfigureViewFormulas;\n"],
+  "mappings": "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",
+  "names": []
+}