ding-react-admin 2.2.2 → 2.3.0

package/dist/src/crud/utils/toFormData.d.ts

@@ -6,8 +6,8 @@ export type ToFormDataOptions = {
     skipExistingUploadUrls?: boolean;
 };
 /**
- * Flatten a save payload into `FormData` using bracket notation for nested fields
- * and arrays (e.g. `lines[0][label]`, `address[city]`).
+ * Flatten a save payload into `FormData` using Django REST Framework HTML form
+ * keys for nested fields and arrays (e.g. `lines[0]label`, `address.city`).
  */
 export declare function toFormData(data: Record<string, unknown>, options?: ToFormDataOptions): FormData;
 //# sourceMappingURL=toFormData.d.ts.map

package/dist/src/crud/utils/toFormData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toFormData.d.ts","sourceRoot":"","sources":["../../../../src/crud/utils/toFormData.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAoDF;;;GAGG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,QAAQ,CAWV"}
+{"version":3,"file":"toFormData.d.ts","sourceRoot":"","sources":["../../../../src/crud/utils/toFormData.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAiEF;;;GAGG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,QAAQ,CAWV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ding-react-admin",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "type": "module",
   "license": "MIT",
   "description": "Composable admin shell (Ant Design + React Router): quick-start AdminApp or build your own layout.",

package/src/crud/utils/toFormData.ts

@@ -8,6 +8,14 @@ export type ToFormDataOptions = {
   skipExistingUploadUrls?: boolean;
 };
 
+/** DRF `parse_html_list` expects `lines[0]label`; nested dicts use `address.city`. */
+function nestedObjectKey(parentKey: string, childKey: string): string {
+  if (/\[[0-9]+\]$/.test(parentKey)) {
+    return `${parentKey}${childKey}`;
+  }
+  return `${parentKey}.${childKey}`;
+}
+
 function appendFormDataValue(
   formData: FormData,
   key: string,
@@ -50,7 +58,12 @@ function appendFormDataValue(
     for (const [childKey, childValue] of Object.entries(
       value as Record<string, unknown>,
     )) {
-      appendFormDataValue(formData, `${key}[${childKey}]`, childValue, options);
+      appendFormDataValue(
+        formData,
+        nestedObjectKey(key, childKey),
+        childValue,
+        options,
+      );
     }
     return;
   }
@@ -59,8 +72,8 @@ function appendFormDataValue(
 }
 
 /**
- * Flatten a save payload into `FormData` using bracket notation for nested fields
- * and arrays (e.g. `lines[0][label]`, `address[city]`).
+ * Flatten a save payload into `FormData` using Django REST Framework HTML form
+ * keys for nested fields and arrays (e.g. `lines[0]label`, `address.city`).
  */
 export function toFormData(
   data: Record<string, unknown>,

package/src/data/dataUtils.test.ts

@@ -102,15 +102,24 @@ describe("toFormData", () => {
     expect(fd.get("title")).toBe("Hello");
   });
 
-  it("encodes inline rows with bracket notation", () => {
+  it("encodes inline rows with Django REST Framework HTML keys", () => {
     const file = new File(["x"], "line.png", { type: "image/png" });
     const fd = toFormData({
       lines: [{ id: 10, label: "A", photo: file }],
     });
 
-    expect(fd.get("lines[0][id]")).toBe("10");
-    expect(fd.get("lines[0][label]")).toBe("A");
-    expect(fd.get("lines[0][photo]")).toBe(file);
+    expect(fd.get("lines[0]id")).toBe("10");
+    expect(fd.get("lines[0]label")).toBe("A");
+    expect(fd.get("lines[0]photo")).toBe(file);
+  });
+
+  it("encodes nested objects with dotted keys", () => {
+    const fd = toFormData({
+      address: { city: "Lahore", zip: 54000 },
+    });
+
+    expect(fd.get("address.city")).toBe("Lahore");
+    expect(fd.get("address.zip")).toBe("54000");
   });
 });