@oondemand/oon-core-front 0.3.26 → 0.3.28

package/dist/index.d.ts

@@ -571,6 +571,16 @@ declare const oonCoreFront: {
     start: typeof start;
 };
 
+interface CentralFormFieldDef extends OonFormFieldDef {
+    /** Filtros fixos enviados como query params ao CRUD da model referenciada. */
+    referenceFilters?: Record<string, string | number | boolean | null>;
+    /** Mapeia query param da referência para outro campo do mesmo formulário. */
+    referenceFilterFrom?: Record<string, string>;
+    /** Mensagem exibida enquanto algum campo de referenceFilterFrom estiver vazio. */
+    referenceDisabledMessage?: string;
+    /** Mantém somente opções em que estes campos estejam vazios/nulos. */
+    referenceEmptyFields?: string[];
+}
 /**
  * Schema do `central.ui.json` (Seção 9 do escopo). É o que o frontend
  * consumidor gerado pelo `create-central-oon` carrega — declaração pura, sem
@@ -598,7 +608,7 @@ interface CentralUiManifest {
         label?: string;
         section?: string;
         /** Overrides pontuais de campos; os demais continuam vindo da metadata. */
-        form?: OonFormFieldDef[];
+        form?: CentralFormFieldDef[];
         list?: OonCollectionListConfig;
         relations?: Record<string, OonRelationDef>;
         detailModal?: OonDetailModalConfig;
@@ -892,4 +902,4 @@ declare function useCoreMetadata(): _tanstack_react_query.UseQueryResult<NoInfer
 /** Descrição de uma model específica — base do modo "dynamic". */
 declare function useModelSchema(name: string): _tanstack_react_query.UseQueryResult<NoInfer<ModelSummary>, Error>;
 
-export { type CentralUiManifest, type CollectionMode, type CollectionViewDef, CoreActions, CoreAssistant, CoreCards, CoreCollection, CoreCurrency, CoreDashboard, CoreDataGrid, CoreDocument, CoreEmptyState, CoreField, CoreForm, CoreIntegration, CoreLoadingState, type CoreMetadata, CorePage, CorePageHeader, CorePipeline, CoreRelationField, CoreToolbar, type DashboardViewDef, type DashboardWidgetDef, type DocumentViewDef, type FieldKind, type FieldMeta, type ListParams, type ManifestRuntime, type ModelSummary, type OonActionDef, type OonApiConfig, type OonAppConfig, type OonAppKind, type OonAuthConfig, type OonAuthMode, type OonBlockDef, type OonColumnDef, type OonComponentRegistry, type OonCoreFrontConfig, type OonError, type OonFormFieldDef, type OonLayoutConfig, type OonMenuItem, type OonModule, type OonNavigationConfig, type OonNavigationMode, type OonPageDef, type OonRoute, type OonSchemaVersion, type OonSecurityConfig, type OonUiManifest, type OonUser, type OonViewDefinition, type PaginatedResult, type Pagination, PermissionGate, type PipelineViewDef, defineCollectionView, defineDashboard, defineDocumentView, defineOonModule, definePipelineView, manifestToConfig, oonCoreFront, start, startFromManifest, useCoreMetadata, useModelSchema, useOonApi, useOonAuth, useOonResource };
+export { type CentralFormFieldDef, type CentralUiManifest, type CollectionMode, type CollectionViewDef, CoreActions, CoreAssistant, CoreCards, CoreCollection, CoreCurrency, CoreDashboard, CoreDataGrid, CoreDocument, CoreEmptyState, CoreField, CoreForm, CoreIntegration, CoreLoadingState, type CoreMetadata, CorePage, CorePageHeader, CorePipeline, CoreRelationField, CoreToolbar, type DashboardViewDef, type DashboardWidgetDef, type DocumentViewDef, type FieldKind, type FieldMeta, type ListParams, type ManifestRuntime, type ModelSummary, type OonActionDef, type OonApiConfig, type OonAppConfig, type OonAppKind, type OonAuthConfig, type OonAuthMode, type OonBlockDef, type OonColumnDef, type OonComponentRegistry, type OonCoreFrontConfig, type OonError, type OonFormFieldDef, type OonLayoutConfig, type OonMenuItem, type OonModule, type OonNavigationConfig, type OonNavigationMode, type OonPageDef, type OonRoute, type OonSchemaVersion, type OonSecurityConfig, type OonUiManifest, type OonUser, type OonViewDefinition, type PaginatedResult, type Pagination, PermissionGate, type PipelineViewDef, defineCollectionView, defineDashboard, defineDocumentView, defineOonModule, definePipelineView, manifestToConfig, oonCoreFront, start, startFromManifest, useCoreMetadata, useModelSchema, useOonApi, useOonAuth, useOonResource };

package/dist/index.js

@@ -28,11 +28,12 @@ function normalizeError(err) {
       };
     }
     const envelope = data?.error;
+    const legacyDetails = envelope && envelope.details === void 0 && envelope.field ? envelope : void 0;
     return {
       code: envelope?.code || codeFromStatus(status),
       message: envelope?.message || data?.message || err.message || "Erro inesperado.",
       status,
-      details: envelope?.details,
+      details: envelope?.details ?? legacyDetails,
       requestId: envelope?.requestId || err.response?.headers?.["x-request-id"]
     };
   }
@@ -1035,6 +1036,11 @@ function ChevronIcon2({ open }) {
 function ClearIcon() {
   return /* @__PURE__ */ jsx8("svg", { viewBox: "0 0 20 20", width: "14", height: "14", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "m6 6 8 8M14 6l-8 8", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
 }
+function cleanFilters(filters) {
+  return Object.fromEntries(
+    Object.entries(filters ?? {}).filter(([, value]) => value !== void 0 && value !== null && value !== "")
+  );
+}
 function ReferenceSelect({
   field,
   inputId,
@@ -1046,9 +1052,16 @@ function ReferenceSelect({
   required,
   invalid,
   error,
+  filters,
+  emptyFields = [],
+  disabled = false,
+  disabledMessage,
   onChange
 }) {
   const initialLabel = useMemo3(() => initialReferenceLabel(initialValue), [initialValue]);
+  const resolvedFilters = useMemo3(() => cleanFilters(filters), [filters]);
+  const filtersKey = useMemo3(() => JSON.stringify(resolvedFilters), [resolvedFilters]);
+  const emptyFieldsKey = useMemo3(() => JSON.stringify(emptyFields), [emptyFields]);
   const [selectedLabel, setSelectedLabel] = useState4(initialLabel);
   const [search, setSearch] = useState4("");
   const [debouncedSearch, setDebouncedSearch] = useState4("");
@@ -1069,6 +1082,11 @@ function ReferenceSelect({
     if (!value) setSelectedLabel("");
     else if (initialLabel) setSelectedLabel(initialLabel);
   }, [initialLabel, value]);
+  useEffect3(() => {
+    if (!disabled) return;
+    setOpen(false);
+    setActiveIndex(-1);
+  }, [disabled]);
   useEffect3(() => {
     if (!open) return;
     const onPointerDown = (event) => {
@@ -1085,9 +1103,14 @@ function ReferenceSelect({
     window.setTimeout(() => searchRef.current?.focus(), 0);
   }, [open]);
   const listQuery = useQuery3({
-    queryKey: ["oon", "reference-options", refModel, basePath, debouncedSearch],
-    queryFn: () => resource.list({ pageIndex: 0, pageSize: 30, searchTerm: debouncedSearch || void 0 }),
-    enabled: !!schema && open,
+    queryKey: ["oon", "reference-options", refModel, basePath, debouncedSearch, filtersKey, emptyFieldsKey],
+    queryFn: () => resource.list({
+      pageIndex: 0,
+      pageSize: emptyFields.length ? 200 : 30,
+      searchTerm: debouncedSearch || void 0,
+      ...resolvedFilters
+    }),
+    enabled: !!schema && open && !disabled,
     staleTime: 3e4
   });
   const currentQuery = useQuery3({
@@ -1100,11 +1123,17 @@ function ReferenceSelect({
     if (!currentQuery.data) return;
     setSelectedLabel(referenceOptionLabel(currentQuery.data, schema?.searchable));
   }, [currentQuery.data, schema?.searchable]);
-  const items = listQuery.data?.results ?? [];
+  const items = (listQuery.data?.results ?? []).filter(
+    (record) => emptyFields.every((fieldName) => {
+      const candidate = record[fieldName];
+      return candidate === void 0 || candidate === null || candidate === "";
+    })
+  );
   const listId = `oon-reference-${field}`;
   const resolvedInputId = inputId ?? `oon-reference-input-${field}`;
   const activeOptionId = activeIndex >= 0 ? `${listId}-option-${activeIndex}` : void 0;
   const openList = (seed = "") => {
+    if (disabled) return;
     if (seed) setSearch(seed);
     setOpen(true);
     setActiveIndex((current) => current >= 0 ? current : 0);
@@ -1139,6 +1168,7 @@ function ReferenceSelect({
       return next;
     });
   };
+  const placeholder = disabled ? disabledMessage ?? "Selecione primeiro o campo relacionado." : "Selecione ou digite para pesquisar...";
   return /* @__PURE__ */ jsxs4(Box3, { ref: rootRef, position: "relative", children: [
     /* @__PURE__ */ jsxs4(
       Button3,
@@ -1161,6 +1191,7 @@ function ReferenceSelect({
         fontSize: "11px",
         fontWeight: "400",
         textAlign: "left",
+        disabled,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         "aria-controls": listId,
@@ -1170,6 +1201,7 @@ function ReferenceSelect({
         "aria-describedby": error ? errorId : void 0,
         onClick: () => open ? closeList() : openList(),
         onKeyDown: (event) => {
+          if (disabled) return;
           if (event.key === "ArrowDown") {
             event.preventDefault();
             if (!open) openList();
@@ -1200,10 +1232,11 @@ function ReferenceSelect({
         },
         _hover: { bg: "white", borderColor: "#B9C7D1" },
         _focusVisible: { borderColor: invalid ? "#DC2626" : "#0F8DD0", boxShadow: invalid ? "0 0 0 3px rgba(220,38,38,.08)" : "0 0 0 3px rgba(15,141,208,.10)" },
+        _disabled: { cursor: "not-allowed", color: "#98A2B3", bg: "#F8FAFC", opacity: 1 },
         children: [
-          /* @__PURE__ */ jsx8(Text4, { as: "span", minW: 0, flex: "1", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selectedLabel || value ? "#475467" : "#98A2B3", children: selectedLabel || (value ? String(value) : "Selecione ou digite para pesquisar...") }),
+          /* @__PURE__ */ jsx8(Text4, { as: "span", minW: 0, flex: "1", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: selectedLabel || value ? "#475467" : "#98A2B3", children: selectedLabel || (value ? String(value) : placeholder) }),
           /* @__PURE__ */ jsxs4(Flex3, { as: "span", align: "center", gap: 1, flex: "0 0 auto", color: "#98A2B3", children: [
-            value ? /* @__PURE__ */ jsx8(
+            value && !disabled ? /* @__PURE__ */ jsx8(
               Box3,
               {
                 as: "span",
@@ -1331,7 +1364,8 @@ function ReferenceSelect({
           }) })
         ]
       }
-    ) : null
+    ) : null,
+    error ? /* @__PURE__ */ jsx8(Text4, { id: errorId, role: "alert", mt: "5px", color: "#DC2626", fontSize: "10px", fontWeight: "500", children: error }) : null
   ] });
 }
 
@@ -1464,6 +1498,16 @@ function buildItems(fields) {
   });
   return items;
 }
+function resolveReference(field, values) {
+  const filters = { ...field.referenceFilters ?? {} };
+  const missing = [];
+  Object.entries(field.referenceFilterFrom ?? {}).forEach(([queryField, formField]) => {
+    const value = values[formField];
+    if (value) filters[queryField] = value;
+    else missing.push(formField);
+  });
+  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, toValue(initialValues?.[field.field], field.kind)])));
   const [errors, setErrors] = useState5({});
@@ -1489,12 +1533,23 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
     const first = fields.find((field) => next[field.field]);
     if (first) focusField(first.field);
   }, [error]);
-  const change = (field, value) => {
-    setValues((current) => ({ ...current, [field]: value }));
+  const change = (fieldName, value) => {
+    const extendedFields = fields;
+    const dependentFields = extendedFields.filter(
+      (candidate) => Object.values(candidate.referenceFilterFrom ?? {}).includes(fieldName)
+    );
+    setValues((current) => {
+      const changed = current[fieldName] !== value;
+      const next = { ...current, [fieldName]: value };
+      if (changed) dependentFields.forEach((candidate) => {
+        next[candidate.field] = "";
+      });
+      return next;
+    });
     setErrors((current) => {
-      if (!current[field]) return current;
       const next = { ...current };
-      delete next[field];
+      delete next[fieldName];
+      dependentFields.forEach((candidate) => delete next[candidate.field]);
       return next;
     });
     setDismissed(true);
@@ -1575,7 +1630,10 @@ function DynamicForm({ title, eyebrow = "Cadastro", fields, initialValues, submi
         false
       );
     }
-    if (field.kind === "ref" && field.ref) 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, onChange: (value) => change(field.field, value) }));
+    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: (value) => change(field.field, value) }));
+    }
     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: [
         /* @__PURE__ */ jsx9("option", { value: "", children: "\u2014 Selecione \u2014" }),
@@ -1905,80 +1963,192 @@ function toValue2(value, kind) {
 function isMultiline2(field) {
   return /observa|descricao|mensagem|detalhe|necessidade/i.test(field.field);
 }
+function messageOf3(error) {
+  if (!error) return null;
+  if (typeof error === "string") return error;
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object") {
+    const record = error;
+    if (typeof record.message === "string") return record.message;
+    if (record.error && typeof record.error === "object") {
+      const nested = record.error;
+      if (typeof nested.message === "string") return nested.message;
+    }
+  }
+  return "N\xE3o foi poss\xEDvel salvar o registro.";
+}
+function fieldErrorsOf(error) {
+  if (!error || typeof error !== "object") return {};
+  const record = error;
+  const envelope = record.error && typeof record.error === "object" ? record.error : void 0;
+  const details = record.details ?? envelope?.details ?? envelope;
+  const result = {};
+  const visit = (value) => {
+    if (!value) return;
+    if (Array.isArray(value)) {
+      value.forEach(visit);
+      return;
+    }
+    if (typeof value !== "object") return;
+    const item = value;
+    if (typeof item.field === "string" && typeof item.message === "string") {
+      result[item.field] = item.message;
+    }
+    Object.values(item).forEach((nested) => {
+      if (nested !== item.field && nested !== item.message) visit(nested);
+    });
+  };
+  visit(details);
+  return result;
+}
+function requiredErrors(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.`;
+    }
+  });
+  return errors;
+}
+function resolveReference2(field, values) {
+  const filters = { ...field.referenceFilters ?? {} };
+  const missing = [];
+  Object.entries(field.referenceFilterFrom ?? {}).forEach(([queryField, formField]) => {
+    const value = values[formField];
+    if (value) filters[queryField] = value;
+    else missing.push(formField);
+  });
+  return { filters, disabled: missing.length > 0 };
+}
+function FieldLabel({ field, htmlFor }) {
+  const label = fieldLabel({ name: field.field, label: field.label });
+  return /* @__PURE__ */ jsx14("label", { htmlFor, children: /* @__PURE__ */ jsxs10(Text9, { as: "span", display: "block", mb: "5px", color: "#475467", fontSize: "11px", fontWeight: "600", children: [
+    label,
+    field.required ? /* @__PURE__ */ jsx14(Text9, { as: "span", color: "#DC2626", children: " *" }) : null
+  ] }) });
+}
+function ErrorText2({ id, message }) {
+  return message ? /* @__PURE__ */ jsx14(Text9, { id, role: "alert", mt: "5px", color: "#DC2626", fontSize: "10px", fontWeight: "500", children: message }) : null;
+}
 function FieldControl({
   field,
   value,
+  values,
+  initialValue,
+  error,
   onChange
 }) {
   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 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
+  };
   if (field.widget === "checkbox") {
     const checkedValue = String(field.checkedValue ?? true);
     const uncheckedValue = String(field.uncheckedValue ?? false);
     const checked = (value || uncheckedValue) === checkedValue;
-    return /* @__PURE__ */ jsxs10(
-      Box7,
-      {
-        as: "label",
-        display: "flex",
-        minH: "38px",
-        px: "11px",
-        alignItems: "center",
-        gap: "8px",
-        color: "#344054",
-        bg: checked ? "#F0F7FF" : "white",
-        borderWidth: "1px",
-        borderColor: checked ? "#8FC9E7" : "#D5DDE3",
-        borderRadius: "7px",
-        cursor: "pointer",
-        children: [
-          /* @__PURE__ */ jsx14(
-            "input",
-            {
-              type: "checkbox",
-              checked,
-              style: { width: 16, height: 16, accentColor: "#0474AF", cursor: "pointer" },
-              onChange: (event) => onChange(event.currentTarget.checked ? checkedValue : uncheckedValue)
-            }
-          ),
-          /* @__PURE__ */ jsx14(Text9, { as: "span", fontSize: "11px", fontWeight: "600", children: label })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs10(Box7, { children: [
+      /* @__PURE__ */ jsxs10(
+        Box7,
+        {
+          as: "label",
+          display: "flex",
+          minH: "38px",
+          px: "11px",
+          alignItems: "center",
+          gap: "8px",
+          color: "#344054",
+          bg: checked ? "#F0F7FF" : "white",
+          borderWidth: "1px",
+          borderColor: error ? "#DC2626" : checked ? "#8FC9E7" : "#D5DDE3",
+          borderRadius: "7px",
+          cursor: "pointer",
+          children: [
+            /* @__PURE__ */ jsx14(
+              "input",
+              {
+                id: inputId,
+                type: "checkbox",
+                checked,
+                "aria-invalid": error ? true : void 0,
+                "aria-describedby": error ? errorId : void 0,
+                style: { width: 16, height: 16, accentColor: "#0474AF", cursor: "pointer" },
+                onChange: (event) => onChange(event.currentTarget.checked ? checkedValue : uncheckedValue)
+              }
+            ),
+            /* @__PURE__ */ jsx14(Text9, { as: "span", fontSize: "11px", fontWeight: "600", children: label })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx14(ErrorText2, { id: errorId, message: error })
+    ] });
+  }
+  if (field.kind === "ref" && field.ref) {
+    const reference = resolveReference2(field, values);
+    return /* @__PURE__ */ jsxs10(Box7, { children: [
+      /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
+      /* @__PURE__ */ jsx14(
+        ReferenceSelect,
+        {
+          field: field.field,
+          inputId,
+          errorId,
+          label,
+          refModel: field.ref,
+          value,
+          initialValue,
+          required: field.required,
+          invalid: !!error,
+          error,
+          filters: reference.filters,
+          emptyFields: field.referenceEmptyFields,
+          disabled: reference.disabled,
+          disabledMessage: field.referenceDisabledMessage,
+          onChange
+        }
+      )
+    ] });
   }
   const control = field.kind === "enum" && field.options?.length ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
-    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { value, onChange: (event) => onChange(event.currentTarget.value), children: [
+    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value), children: [
       /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014 Selecione \u2014" }),
       field.options.map((option) => /* @__PURE__ */ jsx14("option", { value: option, children: option }, option))
     ] }),
     /* @__PURE__ */ jsx14(NativeSelect4.Indicator, {})
   ] }) : field.kind === "boolean" ? /* @__PURE__ */ jsxs10(NativeSelect4.Root, { size: "sm", children: [
-    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { value, onChange: (event) => onChange(event.currentTarget.value), children: [
+    /* @__PURE__ */ jsxs10(NativeSelect4.Field, { id: inputId, value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value), children: [
       /* @__PURE__ */ jsx14("option", { value: "", children: "\u2014 Selecione \u2014" }),
       /* @__PURE__ */ jsx14("option", { value: "true", children: "Sim" }),
       /* @__PURE__ */ jsx14("option", { value: "false", children: "N\xE3o" })
     ] }),
     /* @__PURE__ */ jsx14(NativeSelect4.Indicator, {})
-  ] }) : isMultiline2(field) ? /* @__PURE__ */ jsx14(Textarea3, { rows: 4, resize: "vertical", value, onChange: (event) => onChange(event.currentTarget.value) }) : /* @__PURE__ */ jsx14(
+  ] }) : isMultiline2(field) ? /* @__PURE__ */ jsx14(Textarea3, { id: inputId, rows: 4, resize: "vertical", value, ...invalidProps, onChange: (event) => onChange(event.currentTarget.value) }) : /* @__PURE__ */ jsx14(
     Input5,
     {
+      id: inputId,
       size: "sm",
       type: field.kind === "date" ? "date" : ["number", "currency", "currencyConverted"].includes(field.kind ?? "") ? "number" : "text",
       value,
+      ...invalidProps,
       onChange: (event) => onChange(event.currentTarget.value)
     }
   );
   return /* @__PURE__ */ jsxs10(Box7, { children: [
-    /* @__PURE__ */ jsxs10(Text9, { as: "label", display: "block", mb: "5px", color: "#475467", fontSize: "11px", fontWeight: "600", children: [
-      label,
-      field.required ? /* @__PURE__ */ jsx14(Text9, { as: "span", color: "#DC2626", children: " *" }) : null
-    ] }),
-    control
+    /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
+    control,
+    /* @__PURE__ */ jsx14(ErrorText2, { id: errorId, message: error })
   ] });
 }
 function GroupSection({
   group,
   fields,
   values,
+  initialValues,
+  errors,
   onChange
 }) {
   if (!fields.length) return null;
@@ -1991,6 +2161,9 @@ function GroupSection({
       {
         field,
         value: values[field.field] ?? "",
+        values,
+        initialValue: initialValues[field.field],
+        error: errors[field.field],
         onChange: (value) => onChange(field.field, value)
       },
       field.field
@@ -1998,21 +2171,41 @@ function GroupSection({
   ] });
 }
 function InlineParentForm({
-  fields,
+  fields: rawFields,
   groups,
   parent,
   resource,
   onSaved
 }) {
+  const fields = rawFields;
   const [values, setValues] = useState8({});
   const [saving, setSaving] = useState8(false);
   const [error, setError] = useState8(null);
+  const [fieldErrors, setFieldErrors] = useState8({});
   useEffect5(() => {
     setValues(Object.fromEntries(fields.map((field) => [field.field, toValue2(parent[field.field], field.kind)])));
-  }, [parent, fields]);
-  const fieldsByName = useMemo6(() => new Map(fields.map((field) => [field.field, field])), [fields]);
-  const change = (field, value) => {
-    setValues((current) => ({ ...current, [field]: value }));
+    setError(null);
+    setFieldErrors({});
+  }, [parent, rawFields]);
+  const fieldsByName = useMemo6(() => new Map(fields.map((field) => [field.field, field])), [rawFields]);
+  const change = (fieldName, value) => {
+    const dependentFields = fields.filter(
+      (candidate) => Object.values(candidate.referenceFilterFrom ?? {}).includes(fieldName)
+    );
+    setValues((current) => {
+      const changed = current[fieldName] !== value;
+      const next = { ...current, [fieldName]: value };
+      if (changed) dependentFields.forEach((candidate) => {
+        next[candidate.field] = "";
+      });
+      return next;
+    });
+    setFieldErrors((current) => {
+      const next = { ...current };
+      delete next[fieldName];
+      dependentFields.forEach((candidate) => delete next[candidate.field]);
+      return next;
+    });
     setError(null);
   };
   const renderFields = () => {
@@ -2023,6 +2216,8 @@ function InlineParentForm({
           group,
           fields: group.fields.map((field) => fieldsByName.get(field)).filter(Boolean),
           values,
+          initialValues: parent,
+          errors: fieldErrors,
           onChange: change
         },
         `${group.label}-${group.fields.join("-")}`
@@ -2033,6 +2228,9 @@ function InlineParentForm({
       {
         field,
         value: values[field.field] ?? "",
+        values,
+        initialValue: parent[field.field],
+        error: fieldErrors[field.field],
         onChange: (value) => change(field.field, value)
       },
       field.field
@@ -2041,10 +2239,18 @@ function InlineParentForm({
   return /* @__PURE__ */ jsx14(
     "form",
     {
+      noValidate: true,
       onSubmit: async (event) => {
         event.preventDefault();
+        const validation = requiredErrors(fields, values);
+        if (Object.keys(validation).length) {
+          setFieldErrors(validation);
+          setError({ message: "Preencha os campos obrigat\xF3rios destacados." });
+          return;
+        }
         setSaving(true);
         setError(null);
+        setFieldErrors({});
         try {
           const payload = Object.fromEntries(
             fields.map((field) => [field.field, coerce2(values[field.field] ?? "", field.kind)]).filter(([, value]) => value !== void 0)
@@ -2053,12 +2259,13 @@ function InlineParentForm({
           onSaved(saved);
         } catch (requestError) {
           setError(requestError);
+          setFieldErrors(fieldErrorsOf(requestError));
         } finally {
           setSaving(false);
         }
       },
       children: /* @__PURE__ */ jsxs10(Stack3, { gap: "16px", children: [
-        error ? /* @__PURE__ */ jsx14(Text9, { color: "#B42318", fontSize: "11px", children: "N\xE3o foi poss\xEDvel salvar." }) : null,
+        error ? /* @__PURE__ */ jsx14(Box7, { role: "alert", p: "10px 12px", color: "#B42318", bg: "#FEF3F2", borderWidth: "1px", borderColor: "#FECDCA", borderRadius: "7px", fontSize: "11px", children: messageOf3(error) }) : null,
         renderFields(),
         /* @__PURE__ */ jsx14(Flex6, { justify: "flex-end", children: /* @__PURE__ */ jsx14(Button7, { type: "submit", colorPalette: "brand", loading: saving, children: "Salvar dados principais" }) })
       ] })