fix(ui): ensure field components safely access field.admin property (#7670)

Author: AlessioGr

packages/richtext-lexical/src/field/Field.tsx

@@ -40,7 +40,7 @@ const RichTextComponent: React.FC<
         readOnly: readOnlyFromAdmin,
         style,
         width,
-      },
+      } = {},
       label,
       required,
     },

packages/richtext-lexical/src/field/index.tsx

@@ -17,7 +17,7 @@ const RichTextEditor = lazy(() =>
 
 export const RichTextField: React.FC<LexicalRichTextFieldProps> = (props) => {
   const {
-    admin,
+    admin = {},
     field: { richTextComponentMap },
     lexicalEditorConfig,
   } = props

packages/richtext-slate/src/field/RichText.tsx

@@ -64,7 +64,7 @@ const RichTextField: React.FC<LoadedSlateFieldProps> = (props) => {
         readOnly: readOnlyFromAdmin,
         style,
         width,
-      },
+      } = {},
       label,
       required,
     },

packages/ui/src/fields/Array/index.tsx

@@ -43,7 +43,7 @@ export const ArrayFieldComponent: React.FC<ArrayFieldProps> = (props) => {
         description,
         isSortable = true,
         readOnly: readOnlyFromAdmin,
-      },
+      } = {},
       fields,
       label,
       localized,

packages/ui/src/fields/Blocks/index.tsx

@@ -42,7 +42,7 @@ const BlocksFieldComponent: React.FC<BlockFieldProps> = (props) => {
     field: {
       name,
       _path: pathFromProps,
-      admin: { className, description, isSortable = true, readOnly: readOnlyFromAdmin },
+      admin: { className, description, isSortable = true, readOnly: readOnlyFromAdmin } = {},
       blocks,
       label,
       labels: labelsFromProps,

packages/ui/src/fields/Code/index.tsx

@@ -37,7 +37,7 @@ const CodeFieldComponent: React.FC<CodeFieldProps> = (props) => {
         readOnly: readOnlyFromAdmin,
         style,
         width,
-      },
+      } = {},
       label,
       required,
     },

packages/ui/src/fields/Collapsible/index.tsx

@@ -27,7 +27,7 @@ const CollapsibleFieldComponent: React.FC<CollapsibleFieldProps> = (props) => {
     field,
     field: {
       _path: pathFromProps,
-      admin: { className, description, initCollapsed = false, readOnly: readOnlyFromAdmin },
+      admin: { className, description, initCollapsed = false, readOnly: readOnlyFromAdmin } = {},
       fields,
       label,
     },

packages/ui/src/fields/DateTime/index.tsx

@@ -35,7 +35,7 @@ const DateTimeFieldComponent: React.FC<DateFieldProps> = (props) => {
         readOnly: readOnlyFromAdmin,
         style,
         width,
-      },
+      } = {},
       label,
       required,
     },

packages/ui/src/fields/Group/index.tsx

@@ -32,7 +32,7 @@ export const GroupFieldComponent: React.FC<GroupFieldProps> = (props) => {
     descriptionProps,
     field,
     field: {
-      admin: { className, description, hideGutter, readOnly: readOnlyFromAdmin, style, width },
+      admin: { className, description, hideGutter, readOnly: readOnlyFromAdmin, style, width } = {},
       fields,
       label,
     },

packages/ui/src/fields/JSON/index.tsx

@@ -25,7 +25,14 @@ const JSONFieldComponent: React.FC<JSONFieldProps> = (props) => {
     field: {
       name,
       _path: pathFromProps,
-      admin: { className, description, editorOptions, readOnly: readOnlyFromAdmin, style, width },
+      admin: {
+        className,
+        description,
+        editorOptions,
+        readOnly: readOnlyFromAdmin,
+        style,
+        width,
+      } = {},
       jsonSchema,
       label,
       required,