Merge branch 'next' into disable-radiobuttongroupitem

Author: WiXSL

.eslintignore

@@ -166,43 +166,6 @@ jobs:
       - name: Build crm
         run: make build-crm
 
-  greenframe:
-    runs-on: ubuntu-latest
-    name: GreenFrame
-    needs: [e-commerce]
-    if: github.event_name == 'push' && github.ref_type == 'tag' && contains(github.ref, 'refs/tags/v') && !contains('beta', github.ref) && !contains('alpha', github.ref)
-    steps:
-      # To use this repository's private action,
-      # you must check out the repository
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 2 # Fetch HEAD^ to enable git comparison
-      - name: Use Node.js LTS
-        uses: actions/setup-node@v4
-        with:
-          node-version: '22.x'
-          cache: 'yarn'
-      - name: Install dependencies
-        run: yarn
-      - name: Download demo build
-        uses: actions/download-artifact@v4
-        with:
-          name: demo-build
-      - name: Unzip demo build
-        run: unzip -o -u demo-build.zip
-      - name: Run e-commerce
-        # Run the demo in production mode
-        run: cd ./examples/demo/dist && python3 -m http.server 4173 &
-      - name: Install GreenFrame CLI
-        run: curl https://assets.greenframe.io/install.sh | bash
-        shell: bash
-      - name: Run GreenFrame Analysis
-        env:
-          GREENFRAME_SECRET_TOKEN: ${{secrets.GREENFRAME_SECRET_TOKEN}}
-        run: greenframe analyze -C .greenframe.yml --branchName master
-        shell: bash
-
   create-react-admin:
     runs-on: ubuntu-latest
     name: create-react-admin

.eslintrc

@@ -65,20 +65,22 @@ The `<Resource>` component defines CRUD pages (`list`, `edit`, and `create`) for
 ```jsx
 // in posts.js
 import * as React from "react";
-import { List, Datagrid, Edit, Create, SimpleForm, DateField, TextField, EditButton, TextInput, DateInput, useRecordContext } from 'react-admin';
+import { List, DataTable, Edit, Create, SimpleForm, DateField, EditButton, TextInput, DateInput, useRecordContext } from 'react-admin';
 import BookIcon from '@mui/icons-material/Book';
 export const PostIcon = BookIcon;
 
 export const PostList = () => (
     <List>
-        <Datagrid>
-            <TextField source="id" />
-            <TextField source="title" />
-            <DateField source="published_at" />
-            <TextField source="average_note" />
-            <TextField source="views" />
-            <EditButton />
-        </Datagrid>
+        <DataTable>
+            <DataTable.Col source="id" />
+            <DataTable.Col source="title" />
+            <DataTable.Col source="published_at" field={DateField} />
+            <DataTable.Col source="average_note" />
+            <DataTable.Col source="views" />
+            <DataTable.Col>
+                <EditButton />
+            </DataTable.Col>
+        </DataTable>
     </List>
 );
 

.github/workflows/test.yml

@@ -5,7 +5,7 @@ title: "AccordionForm"
 
 # `<AccordionForm>`
 
-This [Enterprise Edition](https://react-admin-ee.marmelab.com)<img class="icon" src="./img/premium.svg" /> component offers an alternative layout for Edit and Create forms, where Inputs are grouped into expandable panels.
+This [Enterprise Edition](https://react-admin-ee.marmelab.com)<img class="icon" src="./img/premium.svg" alt="React Admin Enterprise Edition icon" /> component offers an alternative layout for Edit and Create forms, where Inputs are grouped into expandable panels.
 
 <video controls autoplay playsinline muted loop>
   <source src="https://react-admin-ee.marmelab.com/assets/ra-accordion-form-overview.mp4" type="video/mp4" />
@@ -504,19 +504,19 @@ This component renders a [Material UI `<Accordion>` component](https://mui.com/c
 
 Here are all the props you can set on the `<AccordionForm.Panel>` component:
 
-| Prop              | Required | Type                    | Default | Description                                                                                            |
-| ----------------- | -------- | ----------------------- | ------- | ------------------------------------------------------------------------------------------------       |
-| `authorizationError`  | Optional | `ReactNode`             | `null`  | The content to display when authorization checks fail                    |
-| `children`        | Required | `ReactNode`             | -       | A list of `<Input>` elements                                                                           |
-| `defaultExpanded` | Optional | `boolean`               | `false` | Set to true to have the accordion expanded by default (except if autoClose = true on the parent)       |
-| `disabled`        | Optional | `boolean`               | `false` | If true, the accordion will be displayed in a disabled state.                                          |
-| `enableAccessControl` | Optional | `boolean`               | `false` | Enable checking authorization rights for this panel's inputs            |
-| `id`              | Optional | `string`                | -       | An id for this Accordion to be used in the [`useFormGroup`](./Upgrade.md#useformgroup-hook-returned-state-has-changed) hook and for CSS classes. |
-| `label`           | Required | `string` or `ReactNode` | -       | The main label used as the accordion summary. Appears in red when the accordion has errors             |
-| `loading`             | Optional | `ReactNode`             |         | The content to display when checking authorizations                      |
-| `secondary`       | Optional | `string` or `ReactNode` | -       | The secondary label used as the accordion summary                                                      |
-| `square`          | Optional | `boolean`               | `false` | If true, rounded corners are disabled.                                                                 |
-| `sx`              | Optional | `Object`                | -       | An object containing the MUI style overrides to apply to the root component.                           |
+| Prop              | Required | Type                    | Default | Description                                                                                                       |
+| ----------------- | -------- | ----------------------- | ------- |-------------------------------------------------------------------------------------------------------------------|
+| `authorizationError`  | Optional | `ReactNode`             | `null`  | The content to display when authorization checks fail                                                             |
+| `children`        | Required | `ReactNode`             | -       | A list of `<Input>` elements                                                                                      |
+| `defaultExpanded` | Optional | `boolean`               | `false` | Set to true to have the accordion expanded by default (except if autoClose = true on the parent)                  |
+| `disabled`        | Optional | `boolean`               | `false` | If true, the accordion will be displayed in a disabled state.                                                     |
+| `enableAccessControl` | Optional | `boolean`               | `false` | Enable checking authorization rights for this panel's inputs                                                      |
+| `id`              | Optional | `string`                | -       | An id for this Accordion to be used in the [`useFormGroup`](./Forms.md#grouping-inputs) hook and for CSS classes. |
+| `label`           | Required | `string` or `ReactNode` | -       | The main label used as the accordion summary. Appears in red when the accordion has errors                        |
+| `loading`             | Optional | `ReactNode`             |         | The content to display when checking authorizations                                                               |
+| `secondary`       | Optional | `string` or `ReactNode` | -       | The secondary label used as the accordion summary                                                                 |
+| `square`          | Optional | `boolean`               | `false` | If true, rounded corners are disabled.                                                                            |
+| `sx`              | Optional | `Object`                | -       | An object containing the MUI style overrides to apply to the root component.                                      |
 
 ```tsx
 import {
@@ -830,15 +830,43 @@ const PersonEdit = () => (
 ```
 {% endraw %}
 
-Note that you **must** set the `<AccordionForm resetOptions>` prop to `{ keepDirtyValues: true }`. If you forget that prop, any change entered by the end user after the autosave but before its acknowledgement by the server will be lost.
+Check [the `<AutoSave>` component](./AutoSave.md) documentation for more details.
 
-If you're using it in an `<Edit>` page, you must also use a `pessimistic` or `optimistic` [`mutationMode`](./Edit.md#mutationmode) - `<AutoSave>` doesn't work with the default `mutationMode="undoable"`.
+An alternative to the `<AutoSave>` component is to use [the `<AutoPersistInStore>` component](./AutoPersistInStore.md). This component saves the form values in the local storage of the browser. This way, if the user navigates away without saving, the form values are reapplied when the user comes back to the page. This is useful for long forms where users may spend a lot of time.
 
-Check [the `<AutoSave>` component](./AutoSave.md) documentation for more details.
+To enable this behavior, add the `<AutoPersistInStore>` component inside the form component:
+
+```tsx
+import { AccordionForm, AutoPersistInStore } from '@react-admin/ra-form-layout';
+import { Create, TextInput, DateInput, SelectInput } from 'react-admin';
+
+const CustomerCreate = () => (
+    <Create>
+        <AccordionForm>
+            <AccordionForm.Panel label="Identity">
+                <TextInput source="first_name" />
+                <TextInput source="last_name" />
+                <DateInput source="born" />
+                <SelectInput source="sex" choices={[
+                    { id: 'male', name: 'Male' },
+                    { id: 'female', name: 'Female' },
+                    { id: 'other', name: 'Other' },
+                ]} />
+            </AccordionForm.Panel>
+            <AccordionForm.Panel label="Work">
+                {/* ... */}
+            </AccordionForm.Panel>
+            <AutoPersistInStore />
+        </AccordionForm>
+    </Create>
+);
+```
+
+Check [the `<AutoPersistInStore>` component](./AutoPersistInStore.md) documentation for more details.
 
 ## Access Control
 
-`<AccordionForm>` can use [Access Control](./AccessControl.md) to check permissions for each section and input. To enable this feature, set the `enableAccessControl` prop to `true`.
+`<AccordionForm>` can use [Access Control](./Permissions.md#access-control) to check permissions for each section and input. To enable this feature, set the `enableAccessControl` prop to `true`.
 
 Check the [`enableAccessControl` prop](#enableaccesscontrol) section for more details.
 

.yarn/patches/@storybook-source-loader-npm-8.4.4-55dafc88e2.patch

@@ -156,17 +156,17 @@ See the [Success and Error Side Effects](#success-and-error-side-effects) below
 
 {% raw %}
 ```jsx
-import { List, Datagrid, TextField } from 'react-admin';
+import { List, DataTable } from 'react-admin';
 
 const PostList = () => (
     <List
         queryOptions={{ onSettled: (data, error) => console.log(data, error) }}
     >
-        <Datagrid>
-            <TextField source="id" />
-            <TextField source="title" />
-            <TextField source="body" />
-        </Datagrid>
+        <DataTable>
+            <DataTable.Col source="id" />
+            <DataTable.Col source="title" />
+            <DataTable.Col source="body" />
+        </DataTable>
     </List>
 );
 ```
@@ -319,8 +319,8 @@ To execute some logic after a query or a mutation is complete, use the `onSucces
 - [`useNotify`](./useNotify.md): Return a function to display a notification.
 - [`useRedirect`](./useRedirect.md): Return a function to redirect the user to another page.
 - [`useRefresh`](./useRefresh.md): Return a function to force a rerender of the current view (equivalent to pressing the Refresh button).
-- [`useUnselect`](./useUnselect.md): Return a function to unselect lines in the current `Datagrid` based on the ids passed to it.
-- [`useUnselectAll`](./useUnselectAll.md): Return a function to unselect all lines in the current `Datagrid`.
+- [`useUnselect`](./useUnselect.md): Return a function to unselect lines in the current `<DataTable>` based on the ids passed to it.
+- [`useUnselectAll`](./useUnselectAll.md): Return a function to unselect all lines in the current `<DataTable>`.
 
 ### `onSuccess`
 

CHANGELOG.md

@@ -1266,7 +1266,7 @@ You might want to dynamically define the resources when the app starts. To do so
 
 ### Using a Function As `<Admin>` Child
 
-The `<Admin>` component accepts a function as one of its children and this function can return a Promise. If you also defined an `authProvider`, the child function will receive the result of a call to `authProvider.getPermissions()` (you can read more about this in the [Auth Provider](./Authentication.md#enabling-auth-features) chapter).
+The `<Admin>` component accepts a function as one of its children and this function can return a Promise. If you also defined an `authProvider`, the child function will receive the result of a call to `authProvider.getPermissions()` (you can read more about this in the [Auth Provider](./Permissions.md#authprovidergetpermissions) chapter).
 
 For instance, getting the resource from an API might look like: