@oondemand/oon-core-front 0.3.41 → 0.3.43

package/dist/index.js

@@ -1,3 +1,7 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
 // src/start.tsx
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
@@ -677,15 +681,30 @@ function formOptions(field) {
   }
   return void 0;
 }
+function formReadonly(field) {
+  const raw = field;
+  return Boolean(raw.readonly || raw.immutable || raw.computed);
+}
+function formComputed(field) {
+  const raw = field;
+  if (!raw.computed || typeof raw.computed !== "object" || Array.isArray(raw.computed)) return void 0;
+  return raw.computed;
+}
 function formFieldsFromMeta(fields) {
-  return fields.filter(isEditableField).map((field) => ({
-    field: field.name,
-    label: fieldLabel(field),
-    kind: field.kind,
-    required: formRequired(field),
-    options: formOptions(field),
-    ref: field.ref
-  }));
+  return fields.filter(isEditableField).map((field) => {
+    const computed = formComputed(field);
+    const readonly = formReadonly(field);
+    return {
+      field: field.name,
+      label: fieldLabel(field),
+      kind: field.kind,
+      required: formRequired(field),
+      options: formOptions(field),
+      ref: field.ref,
+      ...readonly ? { readonly: true } : {},
+      ...computed ? { computed } : {}
+    };
+  });
 }
 function formatCell(value, kind) {
   if (value == null || value === "") return "\u2014";
@@ -964,6 +983,264 @@ function DataGrid({
 import { useEffect as useEffect4, useMemo as useMemo4, useState as useState5 } from "react";
 import { Box as Box4, Button as Button4, Flex as Flex4, Heading as Heading2, Input as Input3, NativeSelect as NativeSelect2, SimpleGrid, Stack as Stack2, Text as Text5, Textarea } from "@chakra-ui/react";
 
+// src/domain/domainExpressions.ts
+var DomainExpressionError = class extends Error {
+  constructor(message, options = {}) {
+    super(message);
+    __publicField(this, "code");
+    __publicField(this, "field");
+    this.name = "DomainExpressionError";
+    this.code = options.code ?? "OON_DOMAIN_EXPRESSION_INVALID";
+    this.field = options.field;
+  }
+};
+var NUMERIC_KINDS = /* @__PURE__ */ new Set(["number", "currency", "currencyConverted"]);
+function hasOwn(object, key) {
+  return Object.prototype.hasOwnProperty.call(object, key);
+}
+function isEmpty(value) {
+  return value === null || value === void 0 || typeof value === "string" && !value.trim();
+}
+function getFieldValue(record, fieldPath) {
+  const parts = String(fieldPath).split(".");
+  let current = record;
+  for (const part of parts) {
+    if (["__proto__", "prototype", "constructor"].includes(part)) return void 0;
+    if (current === null || current === void 0 || typeof current !== "object") return void 0;
+    current = current[part];
+  }
+  return current;
+}
+function toNumber(value, context = {}) {
+  if (isEmpty(value)) return context.nullAsZero ? 0 : null;
+  const numeric = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(numeric)) {
+    throw new DomainExpressionError(
+      `A f\xF3rmula do campo ${context.field ?? "calculado"} recebeu um valor n\xE3o num\xE9rico.`,
+      { code: "OON_DOMAIN_FORMULA_ERROR", field: context.field }
+    );
+  }
+  return numeric;
+}
+function numericArguments(args, record, context) {
+  const values = args.map((arg) => evaluateDomainExpression(arg, record, context));
+  if (!context.nullAsZero && values.some(isEmpty)) return null;
+  return values.map((value) => toNumber(value, context) ?? 0);
+}
+function compareValues(leftValue, rightValue, operator) {
+  let left = leftValue;
+  let right = rightValue;
+  if (["gt", "gte", "lt", "lte"].includes(operator)) {
+    const leftNumber = Number(left);
+    const rightNumber = Number(right);
+    if (Number.isFinite(leftNumber) && Number.isFinite(rightNumber)) {
+      left = leftNumber;
+      right = rightNumber;
+    }
+  }
+  switch (operator) {
+    case "eq":
+      return Object.is(left, right);
+    case "neq":
+      return !Object.is(left, right);
+    case "gt":
+      return left > right;
+    case "gte":
+      return left >= right;
+    case "lt":
+      return left < right;
+    case "lte":
+      return left <= right;
+    default:
+      return false;
+  }
+}
+function evaluateDomainExpression(expression, record = {}, context = {}) {
+  if (!expression || typeof expression !== "object" || Array.isArray(expression)) {
+    throw new DomainExpressionError("Express\xE3o declarativa inv\xE1lida.", { field: context.field });
+  }
+  if (hasOwn(expression, "value")) return expression.value;
+  if (hasOwn(expression, "field")) return getFieldValue(record, expression.field);
+  const operation = expression;
+  const args = Array.isArray(operation.args) ? operation.args : [];
+  switch (operation.op) {
+    case "add": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : values.reduce((total, value) => total + value, 0);
+    }
+    case "subtract": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : values.slice(1).reduce((total, value) => total - value, values[0] ?? 0);
+    }
+    case "multiply": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : values.reduce((total, value) => total * value, 1);
+    }
+    case "divide": {
+      const values = numericArguments(args, record, context);
+      if (values === null) return null;
+      return values.slice(1).reduce((total, divisor) => {
+        if (divisor === 0) {
+          throw new DomainExpressionError(
+            `A f\xF3rmula do campo ${context.field ?? "calculado"} tentou dividir por zero.`,
+            { code: "OON_DOMAIN_FORMULA_ERROR", field: context.field }
+          );
+        }
+        return total / divisor;
+      }, values[0] ?? 0);
+    }
+    case "min": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : Math.min(...values);
+    }
+    case "max": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : Math.max(...values);
+    }
+    case "abs": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : Math.abs(values[0] ?? 0);
+    }
+    case "negate": {
+      const values = numericArguments(args, record, context);
+      return values === null ? null : -(values[0] ?? 0);
+    }
+    case "coalesce": {
+      for (const arg of args) {
+        const value = evaluateDomainExpression(arg, record, context);
+        if (!isEmpty(value)) return value;
+      }
+      return null;
+    }
+    case "eq":
+    case "neq":
+    case "gt":
+    case "gte":
+    case "lt":
+    case "lte":
+      return compareValues(
+        evaluateDomainExpression(args[0], record, context),
+        evaluateDomainExpression(args[1], record, context),
+        operation.op
+      );
+    case "and":
+      return args.every((arg) => Boolean(evaluateDomainExpression(arg, record, context)));
+    case "or":
+      return args.some((arg) => Boolean(evaluateDomainExpression(arg, record, context)));
+    case "not":
+      return !Boolean(evaluateDomainExpression(args[0], record, context));
+    case "present":
+      return !isEmpty(evaluateDomainExpression(args[0], record, context));
+    case "in": {
+      const value = evaluateDomainExpression(args[0], record, context);
+      const list = evaluateDomainExpression(args[1], record, context);
+      return Array.isArray(list) && list.some((item) => Object.is(item, value));
+    }
+    default:
+      throw new DomainExpressionError(`Operador declarativo n\xE3o suportado: ${String(operation.op)}.`, {
+        field: context.field
+      });
+  }
+}
+function roundValue(value, precision = 0) {
+  if (value === null || value === void 0) return value;
+  const numeric = toNumber(value);
+  if (numeric === null) return null;
+  const factor = 10 ** precision;
+  return Math.round((numeric + Number.EPSILON) * factor) / factor;
+}
+function expressionFieldReferences(expression, references = /* @__PURE__ */ new Set()) {
+  if (hasOwn(expression, "field")) references.add(expression.field);
+  if (hasOwn(expression, "op")) {
+    for (const argument of expression.args ?? []) {
+      expressionFieldReferences(argument, references);
+    }
+  }
+  return references;
+}
+function orderComputedFields(fields) {
+  const computed = fields.filter((field) => field.computed);
+  const computedByName = new Map(computed.map((field) => [field.field, field]));
+  const allNames = new Set(fields.map((field) => field.field));
+  const visiting = /* @__PURE__ */ new Set();
+  const visited = /* @__PURE__ */ new Set();
+  const ordered = [];
+  const visit = (field) => {
+    if (visited.has(field.field)) return;
+    if (visiting.has(field.field)) {
+      throw new DomainExpressionError(`Depend\xEAncia circular em campos calculados envolvendo ${field.field}.`, {
+        field: field.field
+      });
+    }
+    visiting.add(field.field);
+    for (const reference of expressionFieldReferences(field.computed.expression)) {
+      if (!allNames.has(reference)) {
+        throw new DomainExpressionError(`A f\xF3rmula de ${field.field} referencia o campo inexistente ${reference}.`, {
+          field: field.field
+        });
+      }
+      const dependency = computedByName.get(reference);
+      if (dependency) visit(dependency);
+    }
+    visiting.delete(field.field);
+    visited.add(field.field);
+    ordered.push(field);
+  };
+  computed.forEach(visit);
+  return ordered;
+}
+function coerceDomainFormValue(value, kind) {
+  if (value === "") return void 0;
+  if (NUMERIC_KINDS.has(kind ?? "")) return Number(value);
+  if (kind === "boolean") return value === "true";
+  return value;
+}
+function displayFormValue(value) {
+  if (value === null || value === void 0) return "";
+  return String(value);
+}
+function applyReactiveFormulas(fields, currentValues) {
+  const values = { ...currentValues };
+  const errors = {};
+  const record = {};
+  for (const field of fields) {
+    record[field.field] = coerceDomainFormValue(values[field.field] ?? "", field.kind);
+  }
+  let ordered;
+  try {
+    ordered = orderComputedFields(fields);
+  } catch (error) {
+    const issue = error instanceof DomainExpressionError ? error : new DomainExpressionError(String(error));
+    if (issue.field) errors[issue.field] = issue.message;
+    return { values, errors };
+  }
+  for (const field of ordered) {
+    try {
+      const computed = field.computed;
+      const value = evaluateDomainExpression(computed.expression, record, {
+        field: field.field,
+        nullAsZero: computed.nullAsZero !== false
+      });
+      const normalized2 = value === null || value === void 0 ? value : roundValue(value, computed.precision ?? 2);
+      record[field.field] = normalized2;
+      values[field.field] = displayFormValue(normalized2);
+    } catch (error) {
+      const issue = error instanceof DomainExpressionError ? error : new DomainExpressionError(String(error), { field: field.field });
+      errors[field.field] = issue.message;
+    }
+  }
+  return { values, errors };
+}
+function buildDomainMutationPayload(fields, values) {
+  const payload = {};
+  for (const field of fields) {
+    if (field.readonly || field.computed) continue;
+    const value = coerceDomainFormValue(values[field.field] ?? "", field.kind);
+    if (value !== void 0) payload[field.field] = value;
+  }
+  return payload;
+}
+
 // src/components/internal/ReferenceSelect.tsx
 import { useEffect as useEffect3, useMemo as useMemo3, useRef, useState as useState4 } from "react";
 import { Box as Box3, Button as Button3, Flex as Flex3, Input as Input2, Spinner as Spinner2, Stack, Text as Text4 } from "@chakra-ui/react";
@@ -1512,16 +1789,16 @@ function toValue(value, kind) {
 function initialFieldValue(field, value) {
   return normalizeMaskedValue(toValue(value, field.kind), resolveInputMask(field));
 }
-function coerce(value, kind) {
-  if (value === "") return void 0;
-  if (["number", "currency", "currencyConverted"].includes(kind ?? "")) return Number(value);
-  if (kind === "boolean") return value === "true";
-  return value;
+function initialReactiveValues(fields, initialValues) {
+  const initial = Object.fromEntries(fields.map((field) => [field.field, initialFieldValue(field, initialValues?.[field.field])]));
+  return applyReactiveFormulas(fields, initial);
 }
 function validate(fields, values) {
   const errors = {};
   fields.forEach((field) => {
-    if (field.required && !(values[field.field] ?? "").trim()) errors[field.field] = `${fieldLabel({ name: field.field, label: field.label })} \xE9 obrigat\xF3rio.`;
+    if (!field.readonly && !field.computed && field.required && !(values[field.field] ?? "").trim()) {
+      errors[field.field] = `${fieldLabel({ name: field.field, label: field.label })} \xE9 obrigat\xF3rio.`;
+    }
   });
   return errors;
 }
@@ -1572,21 +1849,22 @@ function focusField(field) {
 function isMultiline(field) {
   return field.multiline === true || /observa|descricao|mensagem|detalhe|necessidade/i.test(field.field);
 }
-function Label({ id, label, required }) {
+function Label({ id, label, required, readonly }) {
   return /* @__PURE__ */ jsx9("label", { htmlFor: id, children: /* @__PURE__ */ jsxs5(Text5, { as: "span", display: "block", mb: "6px", color: "#475467", fontSize: "11px", fontWeight: "600", children: [
     label,
-    required ? /* @__PURE__ */ jsx9(Text5, { as: "span", color: "#DC2626", children: " *" }) : null
+    required && !readonly ? /* @__PURE__ */ jsx9(Text5, { as: "span", color: "#DC2626", children: " *" }) : null,
+    readonly ? /* @__PURE__ */ jsx9(Text5, { as: "span", ml: "5px", color: "#98A2B3", fontSize: "9px", fontWeight: "500", children: "somente leitura" }) : null
   ] }) });
 }
 function ErrorText({ id, text }) {
   return text ? /* @__PURE__ */ jsx9(Text5, { id, role: "alert", mt: "5px", color: "#DC2626", fontSize: "10px", fontWeight: "500", children: text }) : null;
 }
-var controlProps = (invalid) => ({
+var controlProps = (invalid, readonly = false) => ({
   minH: "37px",
   px: "10px",
   py: "8px",
   color: "#475467",
-  bg: "white",
+  bg: readonly ? "#F8FAFC" : "white",
   borderColor: invalid ? "#DC2626" : "#D5DDE3",
   borderRadius: "6px",
   boxShadow: invalid ? "0 0 0 3px rgba(220,38,38,.08)" : void 0,
@@ -1616,11 +1894,14 @@ function resolveReference(field, values) {
   });
   return { filters, disabled: missing.length > 0 };
 }
-function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submitting, error, onSubmit, onCancel, onFieldChange }) {
-  const [values, setValues] = useState5(() => Object.fromEntries(fields.map((field) => [field.field, initialFieldValue(field, initialValues?.[field.field])])));
+function DynamicForm({ title, eyebrow = "Cadastro", fields: rawFields, initialValues, submitting, error, onSubmit, onCancel, onFieldChange }) {
+  const fields = rawFields;
+  const initial = initialReactiveValues(fields, initialValues);
+  const [values, setValues] = useState5(initial.values);
+  const [formulaErrors, setFormulaErrors] = useState5(initial.errors);
   const [errors, setErrors] = useState5({});
   const [dismissed, setDismissed] = useState5(false);
-  const items = useMemo4(() => buildItems(fields), [fields]);
+  const items = useMemo4(() => buildItems(fields), [rawFields]);
   useEffect4(() => {
     const listener = (event) => {
       if (event.key !== "Escape" || event.defaultPrevented || submitting) return;
@@ -1642,8 +1923,9 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
     if (first) focusField(first.field);
   }, [error]);
   const change = (fieldName, value) => {
-    const extendedFields = fields;
-    const dependentFields = extendedFields.filter(
+    const selected = fields.find((field) => field.field === fieldName);
+    if (selected?.readonly || selected?.computed) return;
+    const dependentFields = fields.filter(
       (candidate) => Object.values(candidate.referenceFilterFrom ?? {}).includes(fieldName)
     );
     setValues((current) => {
@@ -1652,7 +1934,9 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
       if (changed) dependentFields.forEach((candidate) => {
         next[candidate.field] = "";
       });
-      return next;
+      const reactive = applyReactiveFormulas(fields, next);
+      setFormulaErrors(reactive.errors);
+      return reactive.values;
     });
     setErrors((current) => {
       const next = { ...current };
@@ -1673,23 +1957,19 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
       if (first) focusField(first.field);
       return;
     }
-    const payload = {};
-    fields.forEach((field) => {
-      const value = coerce(values[field.field] ?? "", field.kind);
-      if (value !== void 0) payload[field.field] = value;
-    });
     setErrors({});
-    onSubmit(payload);
+    onSubmit(buildDomainMutationPayload(fields, values));
   };
   const renderField = (field, grouped = false) => {
     const label = fieldLabel({ name: field.field, label: field.label });
-    const message = errors[field.field];
+    const message = errors[field.field] ?? formulaErrors[field.field];
     const id = idFor(field.field);
     const errorId = message ? errorIdFor(field.field) : void 0;
     const multiline = isMultiline(field);
     const span = field.span === 2 || multiline;
+    const readonly = Boolean(field.readonly || field.computed);
     const wrap = (control, showLabel = true) => /* @__PURE__ */ jsxs5(Box4, { minW: grouped ? "150px" : void 0, flex: grouped ? "0 1 auto" : void 0, gridColumn: !grouped && span ? "1 / -1" : void 0, children: [
-      showLabel ? /* @__PURE__ */ jsx9(Label, { id, label, required: field.required }) : null,
+      showLabel ? /* @__PURE__ */ jsx9(Label, { id, label, required: field.required, readonly }) : null,
       control,
       /* @__PURE__ */ jsx9(ErrorText, { id: errorId, text: message })
     ] }, field.field);
@@ -1698,89 +1978,46 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
       const uncheckedValue = String(field.uncheckedValue ?? false);
       const checked = (values[field.field] ?? uncheckedValue) === checkedValue;
       return wrap(
-        /* @__PURE__ */ jsxs5(
-          Box4,
-          {
-            as: "label",
-            display: "flex",
-            minH: "37px",
-            px: "11px",
-            alignItems: "center",
-            gap: "8px",
-            color: "#344054",
-            bg: checked ? "#F0F7FF" : "white",
-            borderWidth: "1px",
-            borderColor: message ? "#DC2626" : checked ? "#8FC9E7" : "#D5DDE3",
-            borderRadius: "7px",
-            cursor: "pointer",
-            transition: "background .15s ease, border-color .15s ease",
-            _hover: { borderColor: "#8FC9E7", bg: "#F7FBFE" },
-            children: [
-              /* @__PURE__ */ jsx9(
-                "input",
-                {
-                  id,
-                  type: "checkbox",
-                  checked,
-                  "aria-invalid": !!message,
-                  "aria-describedby": errorId,
-                  style: { width: 16, height: 16, accentColor: "#0474AF", cursor: "pointer" },
-                  onChange: (event) => change(field.field, event.currentTarget.checked ? checkedValue : uncheckedValue)
-                }
-              ),
-              /* @__PURE__ */ jsxs5(Text5, { as: "span", fontSize: "11px", fontWeight: "600", children: [
-                label,
-                field.required ? /* @__PURE__ */ jsx9(Text5, { as: "span", color: "#DC2626", children: " *" }) : null
-              ] })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs5(Box4, { as: "label", display: "flex", minH: "37px", px: "11px", alignItems: "center", gap: "8px", color: "#344054", bg: readonly ? "#F8FAFC" : checked ? "#F0F7FF" : "white", borderWidth: "1px", borderColor: message ? "#DC2626" : checked ? "#8FC9E7" : "#D5DDE3", borderRadius: "7px", cursor: readonly ? "not-allowed" : "pointer", transition: "background .15s ease, border-color .15s ease", children: [
+          /* @__PURE__ */ jsx9("input", { id, type: "checkbox", checked, disabled: readonly, "aria-invalid": !!message, "aria-describedby": errorId, style: { width: 16, height: 16, accentColor: "#0474AF", cursor: readonly ? "not-allowed" : "pointer" }, onChange: (event) => change(field.field, event.currentTarget.checked ? checkedValue : uncheckedValue) }),
+          /* @__PURE__ */ jsxs5(Text5, { as: "span", fontSize: "11px", fontWeight: "600", children: [
+            label,
+            field.required && !readonly ? /* @__PURE__ */ jsx9(Text5, { as: "span", color: "#DC2626", children: " *" }) : null
+          ] })
+        ] }),
         false
       );
     }
     if (field.kind === "ref" && field.ref) {
       const reference = resolveReference(field, values);
-      return wrap(/* @__PURE__ */ jsx9(ReferenceSelect, { field: field.field, inputId: id, errorId, label, refModel: field.ref, value: values[field.field] ?? "", initialValue: initialValues?.[field.field], required: field.required, invalid: !!message, error: message, filters: reference.filters, emptyFields: field.referenceEmptyFields, disabled: reference.disabled, disabledMessage: field.referenceDisabledMessage, onChange: (value2) => change(field.field, value2) }));
+      return wrap(/* @__PURE__ */ jsx9(ReferenceSelect, { field: field.field, inputId: id, errorId, label, refModel: field.ref, value: values[field.field] ?? "", initialValue: initialValues?.[field.field], required: field.required && !readonly, invalid: !!message, error: message, filters: reference.filters, emptyFields: field.referenceEmptyFields, disabled: readonly || reference.disabled, disabledMessage: field.referenceDisabledMessage, onChange: (value2) => change(field.field, value2) }));
     }
-    if (field.kind === "enum" && field.options?.length) return wrap(/* @__PURE__ */ jsxs5(NativeSelect2.Root, { size: "sm", children: [
-      /* @__PURE__ */ jsxs5(NativeSelect2.Field, { id, "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message), onChange: (event) => change(field.field, event.currentTarget.value), children: [
+    if (field.kind === "enum" && field.options?.length) return wrap(/* @__PURE__ */ jsxs5(NativeSelect2.Root, { size: "sm", disabled: readonly, children: [
+      /* @__PURE__ */ jsxs5(NativeSelect2.Field, { id, "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message, readonly), onChange: (event) => change(field.field, event.currentTarget.value), children: [
         /* @__PURE__ */ jsx9("option", { value: "", children: "\u2014 Selecione \u2014" }),
         field.options.map((option) => /* @__PURE__ */ jsx9("option", { value: option, children: option }, option))
       ] }),
       /* @__PURE__ */ jsx9(NativeSelect2.Indicator, {})
     ] }));
-    if (field.kind === "boolean") return wrap(/* @__PURE__ */ jsxs5(NativeSelect2.Root, { size: "sm", children: [
-      /* @__PURE__ */ jsxs5(NativeSelect2.Field, { id, "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message), onChange: (event) => change(field.field, event.currentTarget.value), children: [
+    if (field.kind === "boolean") return wrap(/* @__PURE__ */ jsxs5(NativeSelect2.Root, { size: "sm", disabled: readonly, children: [
+      /* @__PURE__ */ jsxs5(NativeSelect2.Field, { id, "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message, readonly), onChange: (event) => change(field.field, event.currentTarget.value), children: [
         /* @__PURE__ */ jsx9("option", { value: "", children: "\u2014 Selecione \u2014" }),
         /* @__PURE__ */ jsx9("option", { value: "true", children: "Sim" }),
         /* @__PURE__ */ jsx9("option", { value: "false", children: "N\xE3o" })
       ] }),
       /* @__PURE__ */ jsx9(NativeSelect2.Indicator, {})
     ] }));
-    if (multiline) return wrap(/* @__PURE__ */ jsx9(Textarea, { id, rows: field.rows ?? 4, resize: "vertical", "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message), lineHeight: "1.5", onChange: (event) => change(field.field, event.currentTarget.value) }));
+    if (multiline) return wrap(/* @__PURE__ */ jsx9(Textarea, { id, rows: field.rows ?? 4, resize: "vertical", readOnly: readonly, "aria-invalid": !!message, "aria-describedby": errorId, value: values[field.field] ?? "", ...controlProps(!!message, readonly), lineHeight: "1.5", onChange: (event) => change(field.field, event.currentTarget.value) }));
     const mask = resolveInputMask(field);
-    const type = mask ? "text" : field.kind === "date" ? "date" : field.kind === "number" ? "number" : "text";
+    const numeric = ["number", "currency", "currencyConverted"].includes(field.kind ?? "");
+    const type = mask ? "text" : field.kind === "date" ? "date" : numeric ? "number" : "text";
     const value = values[field.field] ?? "";
     return wrap(
-      /* @__PURE__ */ jsx9(
-        Input3,
-        {
-          id,
-          type,
-          step: type === "number" ? "any" : void 0,
-          inputMode: inputModeForMask(mask),
-          maxLength: maxLengthForMask(mask),
-          autoComplete: "off",
-          "aria-invalid": !!message,
-          "aria-describedby": errorId,
-          value: mask ? formatMaskedValue(value, mask) : value,
-          ...controlProps(!!message),
-          onChange: (event) => change(field.field, parseMaskedInput(event.currentTarget.value, mask))
-        }
-      )
+      /* @__PURE__ */ jsx9(Input3, { id, type, step: type === "number" ? "any" : void 0, inputMode: inputModeForMask(mask), maxLength: maxLengthForMask(mask), autoComplete: "off", readOnly: readonly, "aria-invalid": !!message, "aria-describedby": errorId, value: mask ? formatMaskedValue(value, mask) : value, ...controlProps(!!message, readonly), onChange: (event) => change(field.field, parseMaskedInput(event.currentTarget.value, mask)) })
     );
   };
-  const invalid = fields.filter((field) => errors[field.field]);
+  const combinedErrors = { ...formulaErrors, ...errors };
+  const invalid = fields.filter((field) => combinedErrors[field.field]);
   const generic = dismissed ? null : messageOf(error);
   return /* @__PURE__ */ jsx9(Flex4, { position: "fixed", inset: 0, zIndex: 1e3, align: "center", justify: "center", p: { base: 2, md: 6 }, bg: "rgba(15,23,42,.48)", backdropFilter: "blur(2px)", onMouseDown: (event) => {
     if (event.currentTarget === event.target && !submitting) onCancel();
@@ -1797,12 +2034,12 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
         invalid.length ? /* @__PURE__ */ jsxs5(Box4, { role: "alert", p: "11px 13px", color: "#9B1C1C", bg: "#FFF5F5", borderWidth: "1px", borderColor: "#FECACA", borderLeftWidth: "4px", borderLeftColor: "#DC2626", borderRadius: "8px", fontSize: "11px", children: [
           /* @__PURE__ */ jsxs5(Flex4, { align: "center", gap: "7px", children: [
             /* @__PURE__ */ jsx9(AlertIcon, {}),
-            /* @__PURE__ */ jsx9(Text5, { as: "strong", children: "N\xE3o foi poss\xEDvel salvar. Corrija os campos abaixo:" })
+            /* @__PURE__ */ jsx9(Text5, { as: "strong", children: "Revise os campos abaixo:" })
           ] }),
           /* @__PURE__ */ jsx9(Box4, { as: "ul", mt: "7px", mb: 0, pl: "20px", display: "grid", gap: "3px", children: invalid.map((field) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs5(Button4, { type: "button", variant: "plain", minH: "auto", h: "auto", p: 0, color: "#B42318", fontSize: "10px", fontWeight: "400", textDecoration: "underline", onClick: () => focusField(field.field), children: [
             fieldLabel({ name: field.field, label: field.label }),
             ": ",
-            errors[field.field]
+            combinedErrors[field.field]
           ] }) }, field.field)) })
         ] }) : null,
         generic && !invalid.length ? /* @__PURE__ */ jsxs5(Flex4, { role: "alert", p: "10px 12px", align: "center", gap: 2, color: "#B42318", bg: "#FEF3F2", borderWidth: "1px", borderColor: "#FECDCA", borderRadius: "7px", fontSize: "11px", children: [
@@ -2397,12 +2634,6 @@ function CoreRelatedGrid({
 
 // src/components/internal/CoreTabbedDetail.tsx
 import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-function coerce2(value, kind) {
-  if (value === "") return void 0;
-  if (["number", "currency", "currencyConverted"].includes(kind ?? "")) return Number(value);
-  if (kind === "boolean") return value === "true";
-  return value;
-}
 function toValue2(value, kind) {
   if (value == null) return "";
   if (kind === "date") {
@@ -2421,6 +2652,10 @@ function toValue2(value, kind) {
 function initialFieldValue2(field, value) {
   return normalizeMaskedValue(toValue2(value, field.kind), resolveInputMask(field));
 }
+function initialReactiveValues2(fields, parent) {
+  const initial = Object.fromEntries(fields.map((field) => [field.field, initialFieldValue2(field, parent[field.field])]));
+  return applyReactiveFormulas(fields, initial);
+}
 function isMultiline2(field) {
   return /observa|descricao|mensagem|detalhe|necessidade/i.test(field.field);
 }
@@ -2465,7 +2700,7 @@ function fieldErrorsOf(error) {
 function requiredErrors(fields, values) {
   const errors = {};
   fields.forEach((field) => {
-    if (field.required && !(values[field.field] ?? "").trim()) {
+    if (!field.readonly && !field.computed && field.required && !(values[field.field] ?? "").trim()) {
       errors[field.field] = `${fieldLabel({ name: field.field, label: field.label })} \xE9 obrigat\xF3rio.`;
     }
   });
@@ -2483,9 +2718,11 @@ function resolveReference2(field, values) {
 }
 function FieldLabel({ field, htmlFor }) {
   const label = fieldLabel({ name: field.field, label: field.label });
+  const readonly = Boolean(field.readonly || field.computed);
   return /* @__PURE__ */ jsx15("label", { htmlFor, children: /* @__PURE__ */ jsxs10(Text9, { as: "span", display: "block", mb: "5px", color: "#475467", fontSize: "11px", fontWeight: "600", children: [
     label,
-    field.required ? /* @__PURE__ */ jsx15(Text9, { as: "span", color: "#DC2626", children: " *" }) : null
+    field.required && !readonly ? /* @__PURE__ */ jsx15(Text9, { as: "span", color: "#DC2626", children: " *" }) : null,
+    readonly ? /* @__PURE__ */ jsx15(Text9, { as: "span", ml: "5px", color: "#98A2B3", fontSize: "9px", fontWeight: "500", children: "somente leitura" }) : null
   ] }) });
 }
 function ErrorText2({ id, message }) {
@@ -2502,11 +2739,13 @@ function FieldControl({
   const label = fieldLabel({ name: field.field, label: field.label });
   const inputId = `oon-detail-field-${field.field.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
   const errorId = `${inputId}-error`;
+  const readonly = Boolean(field.readonly || field.computed);
   const invalidProps = {
     "aria-invalid": error ? true : void 0,
     "aria-describedby": error ? errorId : void 0,
     borderColor: error ? "#DC2626" : void 0,
-    boxShadow: error ? "0 0 0 3px rgba(220,38,38,.08)" : void 0
+    boxShadow: error ? "0 0 0 3px rgba(220,38,38,.08)" : void 0,
+    bg: readonly ? "#F8FAFC" : void 0
   };
   if (field.widget === "checkbox") {
     const checkedValue = String(field.checkedValue ?? true);
@@ -2523,11 +2762,11 @@ function FieldControl({
           alignItems: "center",
           gap: "8px",
           color: "#344054",
-          bg: checked ? "#F0F7FF" : "white",
+          bg: readonly ? "#F8FAFC" : checked ? "#F0F7FF" : "white",
           borderWidth: "1px",
           borderColor: error ? "#DC2626" : checked ? "#8FC9E7" : "#D5DDE3",
           borderRadius: "7px",
-          cursor: "pointer",
+          cursor: readonly ? "not-allowed" : "pointer",
           children: [
             /* @__PURE__ */ jsx15(
               "input",
@@ -2535,9 +2774,10 @@ function FieldControl({
                 id: inputId,
                 type: "checkbox",
                 checked,
+                disabled: readonly,
                 "aria-invalid": error ? true : void 0,
                 "aria-describedby": error ? errorId : void 0,
-                style: { width: 16, height: 16, accentColor: "#0474AF", cursor: "pointer" },
+                style: { width: 16, height: 16, accentColor: "#0474AF", cursor: readonly ? "not-allowed" : "pointer" },
                 onChange: (event) => onChange(event.currentTarget.checked ? checkedValue : uncheckedValue)
               }
             ),
@@ -2562,12 +2802,12 @@ function FieldControl({
           refModel: field.ref,
           value,
           initialValue,
-          required: field.required,
+          required: field.required && !readonly,
           invalid: !!error,
           error,
           filters: reference.filters,
           emptyFields: field.referenceEmptyFields,
-          disabled: reference.disabled,
+          disabled: readonly || reference.disabled,
           disabledMessage: field.referenceDisabledMessage,
           onChange
         }
@@ -2575,28 +2815,29 @@ function FieldControl({
     ] });
   }
   const mask = resolveInputMask(field);
-  const control = field.kind === "enum" && field.options?.length ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
+  const control = field.kind === "enum" && field.options?.length ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", disabled: readonly, children: [
     /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value), children: [
       /* @__PURE__ */ jsx15("option", { value: "", children: "\u2014 Selecione \u2014" }),
       field.options.map((option) => /* @__PURE__ */ jsx15("option", { value: option, children: option }, option))
     ] }),
     /* @__PURE__ */ jsx15(NativeSelect4.Indicator, {})
-  ] }) : field.kind === "boolean" ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
+  ] }) : field.kind === "boolean" ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", disabled: readonly, children: [
     /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value), children: [
       /* @__PURE__ */ jsx15("option", { value: "", children: "\u2014 Selecione \u2014" }),
       /* @__PURE__ */ jsx15("option", { value: "true", children: "Sim" }),
       /* @__PURE__ */ jsx15("option", { value: "false", children: "N\xE3o" })
     ] }),
     /* @__PURE__ */ jsx15(NativeSelect4.Indicator, {})
-  ] }) : isMultiline2(field) ? /* @__PURE__ */ jsx15(Textarea3, { id: inputId, rows: 4, resize: "vertical", value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value) }) : /* @__PURE__ */ jsx15(
+  ] }) : isMultiline2(field) ? /* @__PURE__ */ jsx15(Textarea3, { id: inputId, rows: 4, resize: "vertical", readOnly: readonly, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value) }) : /* @__PURE__ */ jsx15(
     Input5,
     {
       id: inputId,
       size: "sm",
-      type: mask ? "text" : field.kind === "date" ? "date" : field.kind === "number" ? "number" : "text",
-      step: !mask && field.kind === "number" ? "any" : void 0,
+      type: mask ? "text" : field.kind === "date" ? "date" : ["number", "currency", "currencyConverted"].includes(field.kind ?? "") ? "number" : "text",
+      step: !mask && ["number", "currency", "currencyConverted"].includes(field.kind ?? "") ? "any" : void 0,
       inputMode: inputModeForMask(mask),
       maxLength: maxLengthForMask(mask),
+      readOnly: readonly,
       value: mask ? formatMaskedValue(value, mask) : value,
       ...invalidProps,
       onChange: (event) => onChange(parseMaskedInput(event.currentTarget.value, mask))
@@ -2645,17 +2886,23 @@ function InlineParentForm({
   externalSubmit = false
 }) {
   const fields = rawFields;
-  const [values, setValues] = useState8({});
+  const initial = initialReactiveValues2(fields, parent);
+  const [values, setValues] = useState8(initial.values);
+  const [formulaErrors, setFormulaErrors] = useState8(initial.errors);
   const [saving, setSaving] = useState8(false);
   const [error, setError] = useState8(null);
   const [fieldErrors, setFieldErrors] = useState8({});
   useEffect5(() => {
-    setValues(Object.fromEntries(fields.map((field) => [field.field, initialFieldValue2(field, parent[field.field])])));
+    const next = initialReactiveValues2(fields, parent);
+    setValues(next.values);
+    setFormulaErrors(next.errors);
     setError(null);
     setFieldErrors({});
   }, [parent, rawFields]);
   const fieldsByName = useMemo6(() => new Map(fields.map((field) => [field.field, field])), [rawFields]);
   const change = (fieldName, value) => {
+    const selected = fieldsByName.get(fieldName);
+    if (selected?.readonly || selected?.computed) return;
     const dependentFields = fields.filter(
       (candidate) => Object.values(candidate.referenceFilterFrom ?? {}).includes(fieldName)
     );
@@ -2665,7 +2912,9 @@ function InlineParentForm({
       if (changed) dependentFields.forEach((candidate) => {
         next[candidate.field] = "";
       });
-      return next;
+      const reactive = applyReactiveFormulas(fields, next);
+      setFormulaErrors(reactive.errors);
+      return reactive.values;
     });
     setFieldErrors((current) => {
       const next = { ...current };
@@ -2675,6 +2924,7 @@ function InlineParentForm({
     });
     setError(null);
   };
+  const combinedErrors = { ...formulaErrors, ...fieldErrors };
   const renderFields = () => {
     if (groups?.length) {
       return /* @__PURE__ */ jsx15(Stack3, { gap: "14px", children: groups.map((group) => /* @__PURE__ */ jsx15(
@@ -2684,7 +2934,7 @@ function InlineParentForm({
           fields: group.fields.map((field) => fieldsByName.get(field)).filter(Boolean),
           values,
           initialValues: parent,
-          errors: fieldErrors,
+          errors: combinedErrors,
           onChange: change
         },
         `${group.label}-${group.fields.join("-")}`
@@ -2697,7 +2947,7 @@ function InlineParentForm({
         value: values[field.field] ?? "",
         values,
         initialValue: parent[field.field],
-        error: fieldErrors[field.field],
+        error: combinedErrors[field.field],
         onChange: (value) => change(field.field, value)
       },
       field.field
@@ -2720,9 +2970,7 @@ function InlineParentForm({
         setError(null);
         setFieldErrors({});
         try {
-          const payload = Object.fromEntries(
-            fields.map((field) => [field.field, coerce2(values[field.field] ?? "", field.kind)]).filter(([, value]) => value !== void 0)
-          );
+          const payload = buildDomainMutationPayload(fields, values);
           const saved = parent._id ? await resource.update(String(parent._id), payload) : await resource.create(payload);
           onSaved(saved);
         } catch (requestError) {
@@ -5339,12 +5587,17 @@ export {
   CorePipeline,
   CoreRelationField,
   CoreToolbar,
+  DomainExpressionError,
   PermissionGate,
+  applyReactiveFormulas,
+  buildDomainMutationPayload,
+  coerceDomainFormValue,
   defineCollectionView,
   defineDashboard,
   defineDocumentView,
   defineOonModule,
   definePipelineView,
+  evaluateDomainExpression,
   manifestToConfig,
   oonCoreFront,
   start,