[core] Port rjsf-team/react-jsonschema-form#4860 (#252)

Author: x0k

.changeset/itchy-donkeys-do.md

@@ -0,0 +1,5 @@
+---
+"@sjsf/form": patch
+---
+
+Port https://github.com/rjsf-team/react-jsonschema-form/pull/4860

packages/form/src/core/default-state.test.ts

@@ -2823,6 +2823,166 @@ describe("getDefaultFormState()", () => {
       });
     });
 
+    describe("array with nested dependent fixed-length array schema", () => {
+      const schema: Schema = {
+        items: [
+          {
+            dependencies: {
+              checkbox: {
+                if: {
+                  properties: {
+                    checkbox: {
+                      const: true,
+                    },
+                  },
+                },
+                then: {
+                  properties: {
+                    inner_array: {
+                      items: [
+                        {
+                          title: "Fixed Item",
+                          type: "string",
+                        },
+                      ],
+                      title: "Inner Fixed-Length Array",
+                      type: "array",
+                    },
+                  },
+                },
+              },
+            },
+            properties: {
+              checkbox: {
+                title: "Dependency Checkbox",
+                type: "boolean",
+              },
+            },
+            title: "Outer Item",
+            type: "object",
+          },
+        ],
+        title: "Outer Fixed Length Array",
+        type: "array",
+      };
+      const formData = [{ checkbox: true }];
+      const includeUndefinedValues = "excludeObjectChildren";
+      const expected = [
+        {
+          checkbox: true,
+          inner_array: [undefined],
+        },
+      ];
+
+      beforeEach(() => {
+        testValidator = createValidator({
+          cases: [
+            {
+              schema: { properties: { checkbox: { const: true } } },
+              value: { checkbox: true },
+              result: true,
+            },
+          ],
+        });
+        defaultMerger = createMerger({
+          merges: [
+            {
+              left: {
+                properties: {
+                  checkbox: { title: "Dependency Checkbox", type: "boolean" },
+                },
+                title: "Outer Item",
+                type: "object",
+              },
+              right: {
+                properties: {
+                  inner_array: {
+                    items: [{ title: "Fixed Item", type: "string" }],
+                    title: "Inner Fixed-Length Array",
+                    type: "array",
+                  },
+                },
+              },
+              result: {
+                properties: {
+                  checkbox: { title: "Dependency Checkbox", type: "boolean" },
+                  inner_array: {
+                    items: [{ title: "Fixed Item", type: "string" }],
+                    title: "Inner Fixed-Length Array",
+                    type: "array",
+                  },
+                },
+                title: "Outer Item",
+                type: "object",
+              },
+            },
+          ],
+        });
+      });
+
+      test("getDefaultFormState", () => {
+        expect(
+          getDefaultFormState(
+            testValidator,
+            defaultMerger,
+            schema,
+            formData,
+            undefined,
+            includeUndefinedValues
+          )
+        ).toEqual(expected);
+      });
+
+      test("computeDefaults", () => {
+        expect(
+          computeDefaults(testValidator, defaultMerger, schema, {
+            ...defaults,
+            rawFormData: formData,
+            includeUndefinedValues,
+            shouldMergeDefaultsIntoFormData: true,
+          })
+        ).toEqual(expected);
+      });
+
+      test("getDefaultBasedOnSchemaType", () => {
+        expect(
+          getDefaultBasedOnSchemaType(
+            testValidator,
+            defaultMerger,
+            schema,
+            {
+              ...defaults,
+              includeUndefinedValues,
+            },
+            [
+              {
+                checkbox: true,
+              },
+            ]
+          )
+        ).toEqual(expected);
+      });
+
+      test("getArrayDefaults", () => {
+        expect(
+          getArrayDefaults(
+            testValidator,
+            defaultMerger,
+            schema,
+            {
+              ...defaults,
+              includeUndefinedValues,
+            },
+            [
+              {
+                checkbox: true,
+              },
+            ]
+          )
+        ).toEqual(expected);
+      });
+    });
+
     describe("an invalid array schema", () => {
       const schema: Schema = {
         type: "array",

packages/form/src/core/default-state.ts

@@ -832,14 +832,17 @@ export function getArrayDefaults(
         AdditionalItemsHandling.Fallback,
         idx
       );
+      const itemFormData = Array.isArray(rawFormData)
+        ? rawFormData[idx]
+        : undefined;
       return computeDefaults(validator, merger, schemaItem, {
         rootSchema,
         stack,
         experimental_defaultFormStateBehavior,
         parentDefaults: item,
         required,
         includeUndefinedValues: false,
-        rawFormData: undefined,
+        rawFormData: itemFormData,
         isSchemaRoot: false,
         shouldMergeDefaultsIntoFormData,
         initialDefaultsGenerated,