@applica-software-guru/react-admin 1.3.161 → 1.3.163

package/dist/react-admin.es.js

@@ -16641,9 +16641,10 @@ const Xp = ({
   sx: o,
   addLabel: a,
   divider: l,
-  ...u
+  fullWidth: u,
+  ...A
 }) => {
-  const A = Uf(), { getCurrentDialog: g } = Na(), { source: f, resource: C, isRequired: h } = u, { getFieldState: m, formState: I } = iv(), { error: B } = m(f, I), v = g();
+  const g = Uf(), { getCurrentDialog: f } = Na(), { source: C, resource: h, isRequired: m } = A, { getFieldState: I, formState: B } = iv(), { error: v } = I(C, B), P = f();
   return /* @__PURE__ */ $(
     Dt,
     {
@@ -16653,30 +16654,32 @@ const Xp = ({
           // @see: https://github.com/marmelab/react-admin/blob/master/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx#L340
           // the 'invalid' prop is not used inside the react-admin component. This is necessary if we want to support
           // remove error message colorization when the field is in error state.
-          color: B ? A.palette.error.main : A.palette.text.secondary,
+          color: v ? g.palette.error.main : g.palette.text.secondary,
           "& span": {
             display: "none"
           }
         },
+        width: u ? "100%" : "auto",
         ...o
       },
       children: [
         n === "label" && e !== !1 && a !== !1 && /* @__PURE__ */ p(
           Wf,
           {
-            error: !!B,
+            error: !!v,
             sx: {
-              borderBottom: l ? `1px solid ${A.palette.divider}` : "none",
+              borderBottom: l ? `1px solid ${g.palette.divider}` : "none",
               pb: l ? 1 : 0,
-              mt: l ? 1 : 0
+              mt: l ? 1 : 0,
+              pt: 1
             },
-            children: /* @__PURE__ */ p(xf, { label: e, source: f, resource: v || C, isRequired: h })
+            children: /* @__PURE__ */ p(xf, { label: e, source: C, resource: P || h, isRequired: m })
           }
         ),
         Le.isValidElement(t) ? Le.cloneElement(t, {
           // @ts-ignore
           ...t.props,
-          ...u,
+          ...A,
           label: n === "legend" ? e : !1
         }) : t,
         n === "label" && r && /* @__PURE__ */ p(
@@ -16687,7 +16690,7 @@ const Xp = ({
               pb: 2,
               marginTop: "0 !important"
             },
-            error: !!B,
+            error: !!v,
             children: r
           }
         )
@@ -16728,7 +16731,18 @@ const g7 = le(MO, {
       width: "100%"
     }
   }
-})), N$ = ({ label: e, addLabel: t, source: n, helperText: r, divider: o = !0, ...a }) => /* @__PURE__ */ p(Xp, { label: e, addLabel: t, source: n, helperText: r, divider: o, children: /* @__PURE__ */ p(g7, { source: n, label: !1, ...a }) }), Fb = ({ canEdit: e, canDelete: t, canClone: n }) => !e && !t && !n ? null : /* @__PURE__ */ $(La, { children: [
+})), N$ = ({ label: e, addLabel: t, source: n, helperText: r, divider: o = !0, ...a }) => /* @__PURE__ */ p(
+  Xp,
+  {
+    label: e,
+    addLabel: t,
+    source: n,
+    helperText: r,
+    divider: o,
+    fullWidth: a == null ? void 0 : a.fullWidth,
+    children: /* @__PURE__ */ p(g7, { source: n, label: !1, ...a })
+  }
+), Fb = ({ canEdit: e, canDelete: t, canClone: n }) => !e && !t && !n ? null : /* @__PURE__ */ $(La, { children: [
   e && /* @__PURE__ */ p(DO, {}),
   t && /* @__PURE__ */ p(Qf, {}),
   n && /* @__PURE__ */ p(kO, {})
@@ -17170,6 +17184,7 @@ const ft = ({ label: e, children: t, display: n, helperText: r, sx: o, addLabel:
             sx: {
               // @ts-ignore
               borderBottom: l ? `1px solid ${A.palette.divider}` : "none",
+              pt: 0.5,
               pb: l ? 1 : 0,
               mt: l ? 1 : 0
             },
@@ -18885,7 +18900,7 @@ const RW = /* @__PURE__ */ Uo(SW), UQ = (e) => {
   ) : null;
 }, GQ = (e) => {
   const { label: t, disableAdd: n, onClick: r } = e, o = kt(), a = o.palette.mode === "dark" ? o.palette.grey.A400 : o.palette.grey.A800, l = o.palette.mode === "light" ? "#000000" : "#FFFFFF";
-  return /* @__PURE__ */ $(Dt, { justifyContent: "space-between", alignItems: "center", flexDirection: "row", children: [
+  return /* @__PURE__ */ $(Dt, { justifyContent: "space-between", alignItems: "center", flexDirection: "row", sx: { mt: 0.5 }, children: [
     t !== !1 && /* @__PURE__ */ p(me, { children: t }),
     !n && (O.isValidElement(e == null ? void 0 : e.addButton) ? O.cloneElement(e == null ? void 0 : e.addButton, {
       onClick: r