@oondemand/oon-core-front 0.3.26 → 0.3.27

package/dist/index.js

@@ -1905,12 +1905,20 @@ function toValue2(value, kind) {
 function isMultiline2(field) {
   return /observa|descricao|mensagem|detalhe|necessidade/i.test(field.field);
 }
+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 FieldControl({
   field,
   value,
   onChange
 }) {
   const label = fieldLabel({ name: field.field, label: field.label });
+  const inputId = `oon-detail-field-${field.field.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
   if (field.widget === "checkbox") {
     const checkedValue = String(field.checkedValue ?? true);
     const uncheckedValue = String(field.uncheckedValue ?? false);
@@ -1945,22 +1953,41 @@ function FieldControl({
       }
     );
   }
+  if (field.kind === "ref" && field.ref) {
+    return /* @__PURE__ */ jsxs10(Box7, { children: [
+      /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
+      /* @__PURE__ */ jsx14(
+        ReferenceSelect,
+        {
+          field: field.field,
+          inputId,
+          label,
+          refModel: field.ref,
+          value,
+          initialValue: value,
+          required: field.required,
+          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, 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, 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, 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,
@@ -1968,10 +1995,7 @@ function FieldControl({
     }
   );
   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
-    ] }),
+    /* @__PURE__ */ jsx14(FieldLabel, { field, htmlFor: inputId }),
     control
   ] });
 }