feat: Add emptyText prop to SelectArrayInput

.github/workflows/deploy-doc-headless.yml

@@ -30,7 +30,7 @@ jobs:
             - name: ⚙️ Setup node
               uses: actions/setup-node@v4
               with:
-                  node-version: 20
+                  node-version: 22
                   cache: yarn
 
             - name: ⚙️ Setup git

.github/workflows/test.yml

@@ -9,6 +9,9 @@ on:
       - '*'
   pull_request:
 
+permissions:
+  contents: read
+
 jobs:
   typecheck:
     runs-on: ubuntu-latest

Agents.md

@@ -19,6 +19,8 @@ React-admin is a comprehensive frontend framework for building B2B and admin app
 - No children inspection — violates React patterns (exception: Datagrid)
 - No features achievable in pure React — keep the API surface small
 - No comments when code is self-explanatory
+- No dead code — trust your preconditions. Don't guard against conditions that prior code already prevents
+- DRY — don't duplicate knowledge. Coincidental code similarity is not duplication. Only deduplicate when the same decision or fact is expressed in multiple places. Code that looks alike but could evolve independently should stay separate
 
 ## Codebase Organization
 
@@ -83,4 +85,4 @@ Every new feature or API change must be documented.
 make lint               # ESLint checks
 make typecheck          # TypeScript type checking
 make prettier           # Prettier formatting
-```
+```

CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## 5.14.7
+
+* Fix `AutocompleteInput` does not open autocomplete options when `shouldRenderSuggestions` returns false ([#11263](https://github.com/marmelab/react-admin/pull/11263)) ([jonathanarnault](https://github.com/jonathanarnault))
+* [Doc] Fix typos in the `RichTextInput` docs ([#11250](https://github.com/marmelab/react-admin/pull/11250)) ([fengfeng-zi](https://github.com/fengfeng-zi))
+* [TypeScript] Fix `ArrayField` doesn't accept a label prop ([#11264](https://github.com/marmelab/react-admin/pull/11264)) ([fzaninotto](https://github.com/fzaninotto))
+* [Chore] Add tests to cover `List` empty state with permanent filters ([#11235](https://github.com/marmelab/react-admin/pull/11235)) ([terminalchai](https://github.com/terminalchai))
+* Bump devalue from 5.6.4 to 5.8.1 ([#11260](https://github.com/marmelab/react-admin/pull/11260)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump systeminformation from 5.31.1 to 5.31.6 ([#11258](https://github.com/marmelab/react-admin/pull/11258)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump @babel/plugin-transform-modules-systemjs from 7.29.0 to 7.29.4 ([#11256](https://github.com/marmelab/react-admin/pull/11256)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump fast-uri from 3.1.0 to 3.1.2 ([#11255](https://github.com/marmelab/react-admin/pull/11255)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump postcss from 8.5.6 to 8.5.14 ([#11253](https://github.com/marmelab/react-admin/pull/11253)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump axios from 1.15.0 to 1.16.0 ([#11252](https://github.com/marmelab/react-admin/pull/11252)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump ip-address from 10.1.0 to 10.2.0 ([#11251](https://github.com/marmelab/react-admin/pull/11251)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump dompurify from 3.3.2 to 3.4.0 ([#11245](https://github.com/marmelab/react-admin/pull/11245)) ([dependabot[bot]](https://github.com/apps/dependabot))
+
+## 5.14.6
+
+* Fix possible prototype-polluting assignments in local data providers ([#11227](https://github.com/marmelab/react-admin/pull/11227)) ([WiXSL](https://github.com/WiXSL))
+* Fix duplicate IDs in `<FieldToggle>` when multiple column pickers are present ([#11238](https://github.com/marmelab/react-admin/pull/11238)) ([Yashrajsingh2001](https://github.com/Yashrajsingh2001))
+* Fix incomplete string escaping  in `escapePath` ([#11226](https://github.com/marmelab/react-admin/pull/11226)) ([WiXSL](https://github.com/WiXSL))
+* Fix `<FormDataConsumer>` to avoid ReDoS in source detection ([#11224](https://github.com/marmelab/react-admin/pull/11224)) ([WiXSL](https://github.com/WiXSL))
+* Fix `<RichTextField>` tag-stripping feature is polynomial and does not strip unfinished tags ([#11225](https://github.com/marmelab/react-admin/pull/11225)) ([WiXSL](https://github.com/WiXSL))
+* Fix `<ArrayInput>` shows validation error on mount when `mode="onChange"` ([#11195](https://github.com/marmelab/react-admin/pull/11195)) ([WiXSL](https://github.com/WiXSL))
+* Bump follow-redirects from 1.15.11 to 1.16.0 ([#11240](https://github.com/marmelab/react-admin/pull/11240)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump axios from 1.13.6 to 1.15.0 ([#11237](https://github.com/marmelab/react-admin/pull/11237)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump vite from 7.3.1 to 7.3.2 ([#11234](https://github.com/marmelab/react-admin/pull/11234)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump defu from 6.1.4 to 6.1.6 ([#11230](https://github.com/marmelab/react-admin/pull/11230)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump lodash from 4.17.23 to 4.18.1 ([#11229](https://github.com/marmelab/react-admin/pull/11229)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* Bump lodash-es from 4.17.23 to 4.18.1 ([#11228](https://github.com/marmelab/react-admin/pull/11228)) ([dependabot[bot]](https://github.com/apps/dependabot))
+* [chore] Restrict test workflow token permissions ([#11223](https://github.com/marmelab/react-admin/pull/11223)) ([WiXSL](https://github.com/WiXSL))
+
 ## 5.14.5
 
 * Add ArrayFieldBase component ([#11191](https://github.com/marmelab/react-admin/pull/11191)) ([WiXSL](https://github.com/WiXSL))

docs/RichTextInput.md

@@ -120,9 +120,9 @@ export const MyEditorOptions = {
 
 ## `toolbar`
 
-The `<RichTextInput>` component has a `toolbar` prop that accepts a `ReactNode`. But default, it uses the `<RichTextInputToolbar>` component.
+The `<RichTextInput>` component has a `toolbar` prop that accepts a `ReactNode`. By default, it uses the `<RichTextInputToolbar>` component.
 
-You can leverage the `tollbar` prop to change the buttons size:
+You can leverage the `toolbar` prop to change the buttons size:
 
 ```jsx
 import { Edit, SimpleForm, TextInput } from 'react-admin';

docs/SelectArrayInput.md

@@ -67,6 +67,7 @@ The form value for the source must be an array of the selected values, e.g.
 | `create`          | Optional | `Element`                   | -                   | A React Element to render when users want to create a new choice                                                                       |
 | `createLabel`     | Optional | `string` | `ReactNode` | `ra.action. create` | The label for the menu item allowing users to create a new choice. Used when the filter is empty                                       |
 | `disableValue`    | Optional | `string`                    | 'disabled'          | The custom field name used in `choices` to disable some choices                                                                        |
+| `emptyText`       | Optional | `string` | `ReactNode` | -                   | Text to display when no choice is selected                                                                                             |
 | `InputLabelProps` | Optional | `Object`                    | -                   | Props to pass to the underlying `<InputLabel>` element                                                                                 |
 | `onCreate`        | Optional | `Function`                  | -                   | A function called with the current filter value when users choose to create a new choice.                                              |
 | `options`         | Optional | `Object`                    | -                   | Props to pass to the underlying `<SelectInput>` element                                                                                |
@@ -111,6 +112,25 @@ You can also use an array of objects with different properties for the label and
 ]} optionValue="_id" optionText="label" />
 ```
 
+## `emptyText`
+
+You can customize the text displayed when no choice is selected using the `emptyText` prop:
+
+```jsx
+const channelChoices = [
+    {id: "email", name: "Email"},
+    {id: "push", name: "Push Notification"},
+];
+
+<SelectArrayInput source="channels" choices={channelChoices} emptyText="All Channels" />
+```
+
+The `emptyText` prop also accepts React elements:
+
+```jsx
+<SelectArrayInput source="channels" choices={channelChoices} emptyText={<i>All Channels</i>} />
+```
+
 The choices are translated by default, so you can use translation identifiers as choices:
 
 ```jsx

docs/_layouts/default.html

@@ -3,6 +3,9 @@
     <head>
         <title>React-admin - {{ page.title }}</title>
         <meta charset="UTF-8" />
+        {% if page.dir contains "doc" %}
+        <meta name="robots" content="noindex" />
+        {% endif %}
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
         <meta name="description" content="{{ page.description }}" />
@@ -15,6 +18,9 @@
             rel="canonical"
             href="{{ page.name | replace: '.md', '.html' | relative_url }}"
         />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link rel="preconnect" href="https://assets.brevo.com" crossorigin />
+        <link rel="preconnect" href="https://www.youtube-nocookie.com" />
         <link
             rel="stylesheet"
             href="{{ '/css/materialize.min.css' | relative_url }}"
@@ -23,32 +29,89 @@
             rel="stylesheet"
             href="{{ '/css/style-v22.css' | relative_url }}"
         />
-        <link rel="stylesheet" href="{{ '/css/syntax.css' | relative_url }}" />
-        <link rel="stylesheet" href="{{ '/css/prism.css' | relative_url }}" />
-        <link rel="stylesheet" href="{{ '/css/tocbot.css' | relative_url }}" />
         <link
             rel="stylesheet"
-            href="https://fonts.googleapis.com/icon?family=Material+Icons"
+            href="{{ '/css/syntax.css' | relative_url }}"
+            media="print"
+            onload="this.media='all'"
+        />
+        <link
+            rel="stylesheet"
+            href="{{ '/css/prism.css' | relative_url }}"
+            media="print"
+            onload="this.media='all'"
+        />
+        <link
+            rel="stylesheet"
+            href="{{ '/css/tocbot.css' | relative_url }}"
+            media="print"
+            onload="this.media='all'"
+        />
+        <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/icon?family=Material+Icons&amp;display=swap"
+            media="print"
+            onload="this.media='all'"
         />
         <link
             rel="stylesheet"
             href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"
+            media="print"
+            onload="this.media='all'"
         />
         <link
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.0/tocbot.css"
             integrity="sha512-2kqK5bWDwdrluTn6Wkj+jgiwyzvAHLirVp08Kz7kN5I8PWQ0tUtEMxfhyWDCrnws91BJ9PfrUy6ImfA7Qb22TA=="
             crossorigin="anonymous"
             referrerpolicy="no-referrer"
+            media="print"
+            onload="this.media='all'"
         />
         <link
             rel="stylesheet"
             href="{{ '/css/docsearch.css' | relative_url }}"
+            media="print"
+            onload="this.media='all'"
         />
+        <noscript>
+            <link
+                rel="stylesheet"
+                href="{{ '/css/syntax.css' | relative_url }}"
+            />
+            <link
+                rel="stylesheet"
+                href="{{ '/css/prism.css' | relative_url }}"
+            />
+            <link
+                rel="stylesheet"
+                href="{{ '/css/tocbot.css' | relative_url }}"
+            />
+            <link
+                rel="stylesheet"
+                href="https://fonts.googleapis.com/icon?family=Material+Icons&amp;display=swap"
+            />
+            <link
+                rel="stylesheet"
+                href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"
+            />
+            <link
+                rel="stylesheet"
+                href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.0/tocbot.css"
+            />
+            <link
+                rel="stylesheet"
+                href="{{ '/css/docsearch.css' | relative_url }}"
+            />
+            <link
+                rel="stylesheet"
+                href="{{ '/css/newsletter.css' | relative_url }}"
+            />
+        </noscript>
         <!-- Newsletter form -->
         <style>
             @font-face {
-                font-display: block;
+                font-display: swap;
                 font-family: Roboto;
                 src:
                     url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2)
@@ -58,7 +121,7 @@
             }
 
             @font-face {
-                font-display: fallback;
+                font-display: swap;
                 font-family: Roboto;
                 font-weight: 600;
                 src:
@@ -69,7 +132,7 @@
             }
 
             @font-face {
-                font-display: fallback;
+                font-display: swap;
                 font-family: Roboto;
                 font-weight: 700;
                 src:
@@ -100,6 +163,8 @@
         <link
             rel="stylesheet"
             href="{{ '/css/newsletter.css' | relative_url }}"
+            media="print"
+            onload="this.media='all'"
         />
     </head>
 

docs/js/ra-doc-exec.js

@@ -1,15 +1,12 @@
 /* global Prism */
-import { transpileModule } from 'https://esm.sh/typescript@5.7.3';
-import * as prettier from 'https://esm.sh/prettier@3.5.1/standalone';
-import * as babel from 'https://esm.sh/prettier@3.5.1/plugins/babel';
-import { marked } from 'https://esm.sh/marked@15.0.7';
 
 export const showTip = async () => {
     const tipContainer = document.getElementById('tip-container');
     const tipElement = document.getElementById('tip');
     if (!tipElement) return;
 
-    const [tips, features] = await Promise.all([
+    const [{ marked }, tips, features] = await Promise.all([
+        import('https://esm.sh/marked@15.0.7'),
         getContents('./assets/tips.md_ignore'),
         getContents('./assets/features.md_ignore'),
     ]);
@@ -94,7 +91,25 @@ const applyPreferredLanguage = async () => {
     );
 };
 
+let transpilerPromise;
+const loadTranspiler = () => {
+    if (!transpilerPromise) {
+        transpilerPromise = Promise.all([
+            import('https://esm.sh/typescript@5.7.3'),
+            import('https://esm.sh/prettier@3.5.1/standalone'),
+            import('https://esm.sh/prettier@3.5.1/plugins/babel'),
+        ]).then(([ts, prettier, babel]) => ({
+            transpileModule: ts.transpileModule,
+            prettier,
+            babel,
+        }));
+    }
+    return transpilerPromise;
+};
+
 const transpileToJS = async tsCode => {
+    const { transpileModule, prettier, babel } = await loadTranspiler();
+
     const transpilation = transpileModule(
         // Ensure blank lines are preserved
         tsCode.replace(/\n\n/g, '\n/** THIS_IS_A_NEWLINE **/'),

docs_headless/package.json

@@ -11,17 +11,17 @@
         "astro": "astro"
     },
     "dependencies": {
-        "@astrojs/mdx": "^4.3.5",
-        "@astrojs/react": "^4.3.1",
-        "@astrojs/starlight": "^0.35.3",
-        "@astrojs/starlight-tailwind": "^4.0.1",
+        "@astrojs/mdx": "^5.0.6",
+        "@astrojs/react": "^5.0.6",
+        "@astrojs/starlight": "^0.39.2",
+        "@astrojs/starlight-tailwind": "^5.0.0",
         "@expressive-code/plugin-collapsible-sections": "^0.41.3",
         "@tailwindcss/vite": "^4.1.11",
         "@types/react": "^19.1.8",
         "@types/react-dom": "^19.1.6",
-        "astro": "^5.13.7",
-        "astro-expressive-code": "^0.41.3",
-        "astro-rehype-relative-markdown-links": "^0.18.1",
+        "astro": "^6.1.10",
+        "astro-expressive-code": "^0.42.0",
+        "astro-rehype-relative-markdown-links": "^0.19.0",
         "expressive-code-fullscreen": "^1.0.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",

examples/crm/package.json

@@ -13,7 +13,7 @@
         "clsx": "^2.1.1",
         "date-fns": "^3.6.0",
         "fakerest": "^4.1.3",
-        "lodash": "~4.17.5",
+        "lodash": "~4.18.1",
         "papaparse": "^5.4.1",
         "ra-data-simple-rest": "^5.3.0",
         "react": "^18.3.1",

examples/data-generator/package.json

@@ -1,6 +1,6 @@
 {
     "name": "data-generator-retail",
-    "version": "5.14.5",
+    "version": "5.14.7",
     "homepage": "https://github.com/marmelab/react-admin/tree/master/examples/data-generator",
     "bugs": "https://github.com/marmelab/react-admin/issues",
     "license": "MIT",
@@ -17,7 +17,7 @@
         "date-fns": "^3.6.0"
     },
     "devDependencies": {
-        "ra-core": "^5.14.5",
+        "ra-core": "^5.14.7",
         "typescript": "^5.1.3",
         "zshy": "^0.5.0"
     },

examples/simple/package.json

@@ -1,6 +1,6 @@
 {
     "name": "simple",
-    "version": "5.14.5",
+    "version": "5.14.7",
     "private": true,
     "type": "module",
     "scripts": {
@@ -16,16 +16,16 @@
         "@tanstack/react-query-devtools": "^5.90.2",
         "fakerest": "^4.1.3",
         "jsonexport": "^3.2.0",
-        "lodash": "~4.17.5",
-        "ra-data-fakerest": "^5.14.5",
-        "ra-i18n-polyglot": "^5.14.5",
-        "ra-input-rich-text": "^5.14.5",
-        "ra-language-english": "^5.14.5",
-        "ra-language-french": "^5.14.5",
+        "lodash": "~4.18.1",
+        "ra-data-fakerest": "^5.14.7",
+        "ra-i18n-polyglot": "^5.14.7",
+        "ra-input-rich-text": "^5.14.7",
+        "ra-language-english": "^5.14.7",
+        "ra-language-french": "^5.14.7",
         "react": "^18.3.1",
-        "react-admin": "^5.14.5",
+        "react-admin": "^5.14.7",
         "react-dom": "^18.3.1",
-        "react-hook-form": "^7.65.0",
+        "react-hook-form": "^7.72.0",
         "react-router": "^6.28.1",
         "react-router-dom": "^6.28.1"
     },

lerna.json

@@ -1,6 +1,6 @@
 {
     "packages": ["examples/data-generator", "examples/simple", "packages/*"],
-    "version": "5.14.5",
+    "version": "5.14.7",
     "npmClient": "yarn",
     "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }