fix(ui): renders custom row labels

2024-03-20 22:49:43 -04:00
parent 5ae537f23c
commit d956055795
10 changed files with 82 additions and 42 deletions
--- a/packages/ui/src/fields/Array/index.tsx
+++ b/packages/ui/src/fields/Array/index.tsx
@@ -32,7 +32,7 @@ import './index.scss'
 const baseClass = 'array-field'

 export type ArrayFieldProps = FormFieldBase & {
-  RowLabel?: React.ReactNode
+  CustomRowLabel?: React.ReactNode
  fieldMap: FieldMap
  forceRender?: boolean
  indexPath: string
@@ -51,7 +51,7 @@ export const ArrayField: React.FC<ArrayFieldProps> = (props) => {
    CustomDescription,
    CustomError,
    CustomLabel,
-    RowLabel,
+    CustomRowLabel,
    className,
    descriptionProps,
    errorProps,
@@ -252,7 +252,7 @@ export const ArrayField: React.FC<ArrayFieldProps> = (props) => {
              {(draggableSortableItemProps) => (
                <ArrayRow
                  {...draggableSortableItemProps}
-                  CustomRowLabel={RowLabel}
+                  CustomRowLabel={CustomRowLabel}
                  addRow={addRow}
                  duplicateRow={duplicateRow}
                  fieldMap={fieldMap}