update: improve RJS form

Exabyte-io · Jul 29, 2024 · 43f989b · 43f989b
1 parent f20e5b9
commit 43f989b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/dist/other/rjsf/templates/ArrayFieldTemplate.js b/dist/other/rjsf/templates/ArrayFieldTemplate.js
@@ -16,8 +16,7 @@ export default function ArrayFieldTemplate(props) {
     return (React.createElement(Stack, { spacing: 1, className: "ArrayFieldTemplate" },
         React.createElement(ArrayFieldTitleTemplate, { idSchema: idSchema, title: uiOptions.title || title, schema: schema, uiSchema: uiSchema, required: required, registry: registry }),
         React.createElement(ArrayFieldDescriptionTemplate, { idSchema: idSchema, description: uiOptions.description || schema.description, schema: schema, uiSchema: uiSchema, registry: registry }),
-        items &&
-            items.map(({ key, ...itemProps }) => (React.createElement(ArrayFieldItemTemplate, { key: key, ...itemProps }))),
+        items ? (React.createElement(Stack, { spacing: 1, className: "ArrayFieldTemplateItems" }, items.map(({ key, ...itemProps }) => (React.createElement(ArrayFieldItemTemplate, { key: key, ...itemProps }))))) : null,
         canAdd && (React.createElement(Grid, { container: true, justifyContent: "flex-end" },
             React.createElement(Grid, { item: true },
                 React.createElement(Box, { mt: 2 },

diff --git a/src/other/rjsf/templates/ArrayFieldTemplate.tsx b/src/other/rjsf/templates/ArrayFieldTemplate.tsx
@@ -70,10 +70,15 @@ export default function ArrayFieldTemplate<
                 uiSchema={uiSchema}
                 registry={registry}
             />
-            {items &&
-                items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType<T, S, F>) => (
-                    <ArrayFieldItemTemplate key={key} {...itemProps} />
-                ))}
+
+            {items ? (
+                <Stack spacing={1} className="ArrayFieldTemplateItems">
+                    {items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType<T, S, F>) => (
+                        <ArrayFieldItemTemplate key={key} {...itemProps} />
+                    ))}
+                </Stack>
+            ) : null}
+
             {canAdd && (
                 <Grid container justifyContent="flex-end">
                     <Grid item>