ding-react-admin 1.0.2 → 2.0.0

package/README.md

@@ -66,7 +66,7 @@ export function InvoiceFormPage() {
 }
 ```
 
-Tabbed forms, stepped modals, and API error mapping — [forms guide](docs/crud/forms.md).
+Tabbed forms, stepped modals, and API validation errors under fields (fetch, axios, OpenAPI) — [forms guide](docs/crud/forms.md) · [validation errors](docs/form-validation-errors.md).
 
 ### Inline nested rows
 
@@ -82,23 +82,48 @@ import {
   TextField,
 } from "ding-react-admin";
 
-<ResourceForm
-  resource="invoices"
-  title="Invoice"
-  listPath="/invoices"
-  inlines={[{ resource: "invoice-lines", foreignKey: "invoiceId" }]}
->
+<ResourceForm resource="invoices" title="Invoice" listPath="/invoices">
   <TextField source="number" label="Number" required />
   <TextField source="customer" label="Customer" required />
-  <InlineFormSet resource="invoice-lines" foreignKey="invoiceId" label="Lines">
-    <TextField source="label" label="Label" required />
-    <NumberField source="quantity" label="Qty" required min={0} />
-    <NumberField source="unitPrice" label="Unit price" required min={0} step={0.01} />
-  </InlineFormSet>
+  <InlineFormSet
+    field="lines"
+    label="Lines"
+    columns={[
+      {
+        source: "label",
+        label: "Label",
+        cell: ({ name }) => (
+          <TextField source="label" name={name} hideLabel required />
+        ),
+      },
+      {
+        source: "quantity",
+        label: "Qty",
+        width: 120,
+        cell: ({ name }) => (
+          <NumberField source="quantity" name={name} hideLabel required min={0} />
+        ),
+      },
+      {
+        source: "unitPrice",
+        label: "Unit price",
+        cell: ({ name }) => (
+          <NumberField
+            source="unitPrice"
+            name={name}
+            hideLabel
+            required
+            min={0}
+            step={0.01}
+          />
+        ),
+      },
+    ]}
+  />
 </ResourceForm>
 ```
 
-Stacked layout, dependent fields, and validation — [inlines guide](docs/crud/inlines.md).
+If you already use react-hook-form, you can pick this up in minutes — nested inlines are just `useFieldArray` on the same record. See [inlines guide](docs/crud/inlines.md).
 
 ## Providers (manual composition)