{"_id":"@dslab/ra-dialog-crud","_rev":"11-bbf3c587ff8102ec3cc8ca1d83aaa248","name":"@dslab/ra-dialog-crud","dist-tags":{"latest":"2.0.0"},"versions":{"1.0.0":{"name":"@dslab/ra-dialog-crud","version":"1.0.0","author":{"name":"Claudio Ballardini","email":"cballardini@fbk.eu"},"license":"MIT","_id":"@dslab/ra-dialog-crud@1.0.0","maintainers":[{"name":"dslab","email":"sysadmin@smartcommunitylab.it"}],"contributors":[{"name":"Matteo Saloni","email":"msaloni@fbk.eu"}],"homepage":"https://github.com/smartcommunitylab/react-admin-packages#readme","bugs":{"url":"https://github.com/smartcommunitylab/react-admin-packages/issues"},"dist":{"shasum":"a2a08ad00bf641495a2fca133bd4c0c7e2b409a0","tarball":"https://registry.npmjs.org/@dslab/ra-dialog-crud/-/ra-dialog-crud-1.0.0.tgz","fileCount":38,"integrity":"sha512-Lj5PLrxP/aMbSP1kkM+CmxjrDtab5Z3d8/yuvvLv9RwIzSpwv8jlZ0te/wNCM7wJlvfaDXawy4rSHkkrVUXo2A==","signatures":[{"sig":"MEYCIQCXmuO3wNqSzc2nahdOZeI/Q9EygRT5gq4JOEioczSXzwIhAIHqht7/2H1I54LOlekcY5B0U1m8hc3hgb/quhz4ktny","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117790},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"e8ff6c4215b71a730350b8083e29a7e9c4501eb5","scripts":{"build":"yarn run build-cjs && yarn run build-esm","watch":"tsc --outDir dist/esm --module es2015 --watch","build-cjs":"rimraf ./dist/cjs && tsc --outDir dist/cjs","build-esm":"rimraf ./dist/esm && tsc --outDir dist/esm --module es2015"},"_npmUser":{"name":"dslab","email":"sysadmin@smartcommunitylab.it"},"repository":{"url":"git+https://github.com/smartcommunitylab/react-admin-packages.git","type":"git"},"_npmVersion":"9.6.7","description":"[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button) [![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/r","directories":{},"_nodeVersion":"18.17.1","dependencies":{"ra-core":"^4.11.0"},"publishConfig":{"access":"public","public":true},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^3.0.2","typescript":"^4.4.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"peerDependencies":{"react":"^17.0.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"_npmOperationalInternal":{"tmp":"tmp/ra-dialog-crud_1.0.0_1709567419535_0.3081611482052533","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@dslab/ra-dialog-crud","version":"1.0.1","author":{"name":"Claudio Ballardini","email":"cballardini@fbk.eu"},"license":"MIT","_id":"@dslab/ra-dialog-crud@1.0.1","maintainers":[{"name":"dslab","email":"sysadmin@smartcommunitylab.it"}],"contributors":[{"name":"Matteo Saloni","email":"msaloni@fbk.eu"}],"homepage":"https://github.com/smartcommunitylab/react-admin-packages#readme","bugs":{"url":"https://github.com/smartcommunitylab/react-admin-packages/issues"},"dist":{"shasum":"da28f87bc4ca944a5d0aa7de07c7253f20cd59e9","tarball":"https://registry.npmjs.org/@dslab/ra-dialog-crud/-/ra-dialog-crud-1.0.1.tgz","fileCount":38,"integrity":"sha512-WVvG5MILpdsJR9IdONTv6YcM1biJSwu18K4YldSYtFLjlGuuj8lxl38LYHB7aG0+0EJu46l3HS7ViXg+AhG+Jw==","signatures":[{"sig":"MEQCIAVNulhf4LLIs06hO1ufcekkD/i4WvRmzBsjITqVksI7AiBg0Azbd+4CtzhdL7OyefuiMUh7EJELtW8SZeouEFxoag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":119266},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"42e4b253a79e939c889ee68cae8cba34c7fc6dd9","scripts":{"build":"yarn run build-cjs && yarn run build-esm","watch":"tsc --outDir dist/esm --module es2015 --watch","build-cjs":"rimraf ./dist/cjs && tsc --outDir dist/cjs","build-esm":"rimraf ./dist/esm && tsc --outDir dist/esm --module es2015"},"_npmUser":{"name":"dslab","email":"sysadmin@smartcommunitylab.it"},"repository":{"url":"git+https://github.com/smartcommunitylab/react-admin-packages.git","type":"git"},"_npmVersion":"9.6.7","description":"[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button) [![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/r","directories":{},"_nodeVersion":"18.17.1","dependencies":{"ra-core":"^4.11.0"},"publishConfig":{"access":"public","public":true},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^3.0.2","typescript":"^4.4.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"peerDependencies":{"react":"^17.0.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"_npmOperationalInternal":{"tmp":"tmp/ra-dialog-crud_1.0.1_1715605520016_0.931474470771684","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@dslab/ra-dialog-crud","version":"1.0.2","author":{"name":"Claudio Ballardini","email":"cballardini@fbk.eu"},"license":"MIT","_id":"@dslab/ra-dialog-crud@1.0.2","maintainers":[{"name":"dslab","email":"sysadmin@smartcommunitylab.it"}],"contributors":[{"name":"Matteo Saloni","email":"msaloni@fbk.eu"}],"homepage":"https://github.com/smartcommunitylab/react-admin-packages#readme","bugs":{"url":"https://github.com/smartcommunitylab/react-admin-packages/issues"},"dist":{"shasum":"108f1ba013d6ecddd1406c002b62888236d926a2","tarball":"https://registry.npmjs.org/@dslab/ra-dialog-crud/-/ra-dialog-crud-1.0.2.tgz","fileCount":47,"integrity":"sha512-e097ycgeg9ww9RZ9oNGyk0zCtPc3RGyhKg7naAswFvDITwYoZasE84nGkliIEmgy50hXbP6WxUhW4QBzhLI5kQ==","signatures":[{"sig":"MEYCIQDLGNMjq0kEgQG0kW0t90wCMuwoE5e5scpwsMJ+m1SOVQIhAOQaSdhyY2JFQ57cNeZeK60bRKDPs5euvY4UVvKDBswb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130019},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"b35f7322e95340300eaf6c945f592002316ef4da","scripts":{"build":"yarn run build-cjs && yarn run build-esm","watch":"tsc --outDir dist/esm --module es2015 --watch","build-cjs":"rimraf ./dist/cjs && tsc --outDir dist/cjs","build-esm":"rimraf ./dist/esm && tsc --outDir dist/esm --module es2015"},"_npmUser":{"name":"dslab","email":"sysadmin@smartcommunitylab.it"},"repository":{"url":"git+https://github.com/smartcommunitylab/react-admin-packages.git","type":"git"},"_npmVersion":"9.6.7","description":"[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button) [![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/r","directories":{},"_nodeVersion":"18.17.1","dependencies":{"ra-core":"^4.11.0"},"publishConfig":{"access":"public","public":true},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^3.0.2","typescript":"^4.4.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"peerDependencies":{"react":"^17.0.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"_npmOperationalInternal":{"tmp":"tmp/ra-dialog-crud_1.0.2_1724066630508_0.7007636942892166","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@dslab/ra-dialog-crud","version":"1.0.3","author":{"name":"Claudio Ballardini","email":"cballardini@fbk.eu"},"license":"MIT","_id":"@dslab/ra-dialog-crud@1.0.3","maintainers":[{"name":"dslab-admin","email":"sysadmin@smartcommunitylab.it"},{"name":"jcristofori","email":"jcristofori@fbk.eu"},{"name":"ffais","email":"ffais@fbk.eu"},{"name":"chin8","email":"matteo.chini@gmail.com"}],"contributors":[{"name":"Matteo Saloni","email":"msaloni@fbk.eu"}],"homepage":"https://github.com/smartcommunitylab/react-admin-packages#readme","bugs":{"url":"https://github.com/smartcommunitylab/react-admin-packages/issues"},"dist":{"shasum":"d74313f06ca308c03d99955ee6f61ec5051d1e88","tarball":"https://registry.npmjs.org/@dslab/ra-dialog-crud/-/ra-dialog-crud-1.0.3.tgz","fileCount":47,"integrity":"sha512-OgvC0Vp5G1OflgePP8U+feLD58H3yaasiQJmJXV+FGEJYCasJ+XiiRxm5GQKjY9odlHYuizFApiOUq+WCopZCA==","signatures":[{"sig":"MEYCIQDLplOlpQ3CSCx5XcICppprLaaHnPiiXpfZVKqYKOwIGAIhAK9S9KnVOS68IgeZRRQWju4Vo099qQPoiuCqauAH/jcB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132826},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"043b766e8109c9eb144fb1ac854bd84de6b68582","scripts":{"build":"yarn run build-cjs && yarn run build-esm","watch":"tsc --outDir dist/esm --module es2015 --watch","build-cjs":"rimraf ./dist/cjs && tsc --outDir dist/cjs","build-esm":"rimraf ./dist/esm && tsc --outDir dist/esm --module es2015"},"_npmUser":{"name":"chin8","email":"matteo.chini@gmail.com"},"repository":{"url":"git+https://github.com/smartcommunitylab/react-admin-packages.git","type":"git"},"_npmVersion":"8.3.1","description":"[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button) [![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/r","directories":{},"_nodeVersion":"16.14.0","dependencies":{"ra-core":"^4.11.0"},"publishConfig":{"access":"public","public":true},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^3.0.2","typescript":"^4.4.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"peerDependencies":{"react":"^17.0.0","react-admin":"^4.11.0","@mui/material":"^5.0.2","@mui/icons-material":"^5.0.2"},"_npmOperationalInternal":{"tmp":"tmp/ra-dialog-crud_1.0.3_1734512005480_0.6184211184308674","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@dslab/ra-dialog-crud","version":"2.0.0","author":{"name":"Claudio Ballardini","email":"cballardini@fbk.eu"},"license":"MIT","_id":"@dslab/ra-dialog-crud@2.0.0","maintainers":[{"name":"dslab-admin","email":"sysadmin@smartcommunitylab.it"},{"name":"jcristofori","email":"jcristofori@fbk.eu"},{"name":"ffais","email":"ffais@fbk.eu"},{"name":"chin8","email":"matteo.chini@gmail.com"}],"contributors":[{"name":"Matteo Saloni","email":"msaloni@fbk.eu"},{"name":"Erica Tomaselli","email":"ertomaselli@fbk.eu"}],"homepage":"https://github.com/smartcommunitylab/react-admin-packages#readme","bugs":{"url":"https://github.com/smartcommunitylab/react-admin-packages/issues"},"dist":{"shasum":"1ba57e832138886776d2a44d2440a19edcd07616","tarball":"https://registry.npmjs.org/@dslab/ra-dialog-crud/-/ra-dialog-crud-2.0.0.tgz","fileCount":47,"integrity":"sha512-Bc1GRuJDmPZHiLJd578B2DzZJTJFViXNbQ7qwmIEC+lsmhNMwVSKkWYbNxhm6Bu7Milv6WTLJRV00Oif7/OB0Q==","signatures":[{"sig":"MEQCIBiRF6S4TPehXAVf9KwUfk4iiewnTXLmy//djCQxUHujAiBltbLV9nuJvjcmxvumxXih5MDe3kmHHlFByLbf2TMLGw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":133142},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"bbb9c9899460a1d7e4a8abc8f11667734cc4d538","scripts":{"build":"yarn run build-cjs && yarn run build-esm","watch":"tsc --outDir dist/esm --module es2015 --watch","build-cjs":"rimraf ./dist/cjs && tsc --outDir dist/cjs","build-esm":"rimraf ./dist/esm && tsc --outDir dist/esm --module es2015"},"_npmUser":{"name":"chin8","actor":{"name":"chin8","type":"user","email":"matteo.chini@gmail.com"},"email":"matteo.chini@gmail.com"},"repository":{"url":"git+https://github.com/smartcommunitylab/react-admin-packages.git","type":"git"},"_npmVersion":"10.5.0","description":"[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button) [![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/r","directories":{},"_nodeVersion":"20.12.2","dependencies":{"ra-core":"^5.8.3"},"publishConfig":{"access":"public","public":true},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^3.0.2","typescript":"^5.2.2","react-admin":"^5.8.3","@mui/material":"^7.0.0","@mui/icons-material":"^7.0.0"},"peerDependencies":{"react":"^18.2.0","react-admin":"^5.8.3","@mui/material":"^7.0.0","@mui/icons-material":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ra-dialog-crud_2.0.0_1751360607867_0.5555628042950709","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2024-03-04T15:50:19.424Z","modified":"2025-07-16T12:40:49.455Z","1.0.0":"2024-03-04T15:50:19.730Z","1.0.1":"2024-05-13T13:05:20.206Z","1.0.2":"2024-08-19T11:23:50.633Z","1.0.3":"2024-12-18T08:53:25.668Z","2.0.0":"2025-07-01T09:03:28.100Z"},"bugs":{"url":"https://github.com/smartcommunitylab/react-admin-packages/issues"},"author":{"name":"Claudio Ballardini","email":"cballardini@fbk.eu"},"license":"MIT","homepage":"https://github.com/smartcommunitylab/react-admin-packages#readme","repository":{"url":"git+https://github.com/smartcommunitylab/react-admin-packages.git","type":"git"},"description":"[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button) [![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/r","contributors":[{"name":"Matteo Saloni","email":"msaloni@fbk.eu"},{"name":"Erica Tomaselli","email":"ertomaselli@fbk.eu"}],"maintainers":[{"email":"sysadmin@smartcommunitylab.it","name":"dslab-admin"},{"email":"jcristofori@fbk.eu","name":"jcristofori"},{"email":"ffais@fbk.eu","name":"ffais"},{"email":"matteo.chini@gmail.com","name":"chin8"},{"email":"msaloni@fbk.eu","name":"matteosfbk"},{"email":"ertomaselli@fbk.eu","name":"ertomaselli"}],"readme":"# React Admin Dialog Crud\n\n[![Version](https://img.shields.io/npm/v/@dslab/ra-export-all-button.svg)](https://www.npmjs.com/package/@dslab/ra-export-all-button)\n[![Documentation](https://img.shields.io/badge/documentation-yes-brightgreen.svg)](https://github.com/smartcommunitylab/react-admin-packages/blob/master/packages/ra-export-all-button/README.md)\n[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/smartcommunitylab/react-admin-packages/graphs/commit-activity)\n[![License: MIT](https://img.shields.io/badge/license-MIT-yellow)](https://github.com/smartcommunitylab/react-admin-packages/blob/master/LICENSE)\n\nThis package contains three components, each respectively designed to display, create, and edit content within a dialog.\n\n## Install\n\n```sh\nyarn install @dslab/ra-dialog-crud\n```\n\n## React Admin Show in Dialog Button\n\nThis React Admin component renders a button opening a `<Show>` view inside a dialog, hence allowing to show a record without leaving the current view.\n\n### Usage\n\n```javascript\nimport { ShowInDialogButton } from '@dslab/ra-dialog-crud';\nimport {\n    Datagrid,\n    EmailField,\n    List,\n    SimpleShowLayout,\n    TextField,\n} from 'react-admin';\n\nexport const UserList = () => (\n    <List>\n        <Datagrid>\n            <TextField source=\"first_name\" />\n            <TextField source=\"last_name\" />\n            <EmailField source=\"email\" />\n\n            <ShowInDialogButton>\n                <SimpleShowLayout>\n                    <TextField source=\"first_name\" />\n                    <TextField source=\"last_name\" />\n                    <TextField source=\"email\" />\n                </SimpleShowLayout>\n            </ShowInDialogButton>\n        </Datagrid>\n    </List>\n);\n```\n\n#### Props\n\nThe component accepts the following props:\n\n| Prop                    | Required | Type                       | Default | Description                                                                |\n| ----------------------- | -------- | -------------------------- | ------- | -------------------------------------------------------------------------- |\n| `children`              | Required | `ReactNode`                |         | The content of the dialog                                                  |\n| `title`                 | Optional | `string` or `ReactElement` |         | The title of the dialog                                                    |\n| `maxWidth`              | Optional | `string`                   | sm      | The max width of the dialog                                                |\n| `fullWidth`             | Optional | `boolean`                  | `false` | If `true`, the dialog stretches to the full width of the screen            |\n| `resource`              | Optional | `string`                   |         | The resource name                                                          |\n| `label`                 | Optional | `string`                   |         | Allows to override the default button label. I18N is supported             |\n| `id`                    | Optional | `string` or `number`       |         | The record id. If not provided, it will be deduced from the record context |\n| `queryOptions`          | Optional | `object`                   |         | Options for the `dataProvider.getOne()` call                               |\n| `disableAuthentication` | Optional | `boolean`                  |         | Set to `true` to disable the authentication check                          |\n| `emptyWhileLoading`     | Optional | `boolean`                  |         | Set to `true` to show a loading indicator while the list is loading        |\n| `sx`                    | Optional | `object`                   |         | Override the styles applied to the dialog component                        |\n\n## React Admin Create in Dialog Button\n\nThis React Admin component offers a way to open a `<Create>` view inside a dialog, hence allowing to create a new record without leaving the current view.\n\n### Usage\n\n```javascript\nimport { CreateInDialogButton } from '@dslab/ra-dialog-crud';\nimport {\n    Datagrid,\n    EmailField,\n    List,\n    SimpleForm,\n    TextField,\n    TextInput,\n    TopToolbar,\n} from 'react-admin';\n\nconst ListActions = () => (\n    <TopToolbar>\n        <CreateInDialogButton>\n            <SimpleForm>\n                <TextInput source=\"first_name\" />\n                <TextInput source=\"last_name\" />\n                <TextInput source=\"email\" />\n            </SimpleForm>\n        </CreateInDialogButton>\n    </TopToolbar>\n);\n\nexport const UserList = () => (\n    <List actions={<ListActions />}>\n        <Datagrid>\n            <TextField source=\"first_name\" />\n            <TextField source=\"last_name\" />\n            <EmailField source=\"email\" />\n        </Datagrid>\n    </List>\n);\n```\n\n#### Props\n\nThe component accepts the following props:\n\n| Prop                    | Required | Type                       | Default | Description                                                                                                                   |\n| ----------------------- | -------- | -------------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------- |\n| `children`              | Required | `ReactNode`                |         | The content of the dialog                                                                                                     |\n| `title`                 | Optional | `string` or `ReactElement` |         | The title of the dialog                                                                                                       |\n| `maxWidth`              | Optional | `string`                   | sm      | The max width of the dialog                                                                                                   |\n| `fullWidth`             | Optional | `boolean`                  | `false` | If `true`, the dialog stretches to the full width of the screen                                                               |\n| `resource`              | Optional | `string`                   |         | The resource name                                                                                                             |\n| `label`                 | Optional | `string`                   |         | Allows to override the default button label. I18N is supported                                                                |\n| `mutationOptions`       | Optional | `object`                   |         | Options for the `dataProvider.create()` call                                                                                  |\n| `disableAuthentication` | Optional | `boolean`                  |         | Set to `true` to disable the authentication check                                                                             |\n| `transform`             | Optional | `function`                 |         | Allows to transform a record after the user has submitted the form but before the record is passed to `dataProvider.create()` |\n| `record`                | Optional | `object`                   |         | Allows to initialize the form with non-empty values                                                                           |\n| `sx`                    | Optional | `object`                   |         | Override the styles applied to the dialog component                                                                           |\n\n## React Admin Edit in Dialog Button\n\nThis React Admin component renders a button opening an `<Edit>` view inside a dialog, hence allowing to edit a record without leaving the current view.\n\n### Usage\n\n```javascript\nimport { EditInDialogButton } from '@dslab/ra-dialog-crud';\nimport {\n    Datagrid,\n    EmailField,\n    List,\n    SimpleForm,\n    TextField,\n    TextInput,\n} from 'react-admin';\n\nexport const UserList = () => (\n    <List>\n        <Datagrid>\n            <TextField source=\"first_name\" />\n            <TextField source=\"last_name\" />\n            <EmailField source=\"email\" />\n\n            <EditInDialogButton>\n                <SimpleForm>\n                    <TextInput source=\"first_name\" />\n                    <TextInput source=\"last_name\" />\n                    <TextInput source=\"email\" />\n                </SimpleForm>\n            </EditInDialogButton>\n        </Datagrid>\n    </List>\n);\n```\n\n#### Props\n\nThe component accepts the following props:\n\n| Prop                    | Required | Type                       | Default    | Description                                                                                                                                                                              |\n| ----------------------- | -------- | -------------------------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `children`              | Required | `ReactNode`                |            | The content of the dialog                                                                                                                                                                |\n| `title`                 | Optional | `string` or `ReactElement` |            | The title of the dialog                                                                                                                                                                  |\n| `maxWidth`              | Optional | `string`                   | sm         | The max width of the dialog                                                                                                                                                              |\n| `fullWidth`             | Optional | `boolean`                  | `false`    | If `true`, the dialog stretches to the full width of the screen                                                                                                                          |\n| `resource`              | Optional | `string`                   |            | The resource name                                                                                                                                                                        |\n| `label`                 | Optional | `string`                   |            | Allows to override the default button label. I18N is supported                                                                                                                           |\n| `queryOptions`          | Optional | `object`                   |            | Options for the `dataProvider.getOne()` call                                                                                                                                             |\n| `mutationOptions`       | Optional | `object`                   |            | Options for the `dataProvider.update()` call                                                                                                                                             |\n| `mutationMode`          | Optional | `string`                   | `undoable` | The mode that determines when the side effects (redirection, notifications, etc.) are executed. React-admin offers three modes for mutations: `pessimistic`, `optimistic` and `undoable` |\n| `id`                    | Optional | `string` or `number`       |            | The record id. If not provided, it will be deduced from the record context                                                                                                               |\n| `disableAuthentication` | Optional | `boolean`                  |            | Set to `true` to disable the authentication check                                                                                                                                        |\n| `transform`             | Optional | `function`                 |            | Allows to transform a record after the user has submitted the form but before the record is passed to `dataProvider.update()`                                                            |\n| `emptyWhileLoading`     | Optional | `boolean`                  |            | Set to `true` to show a loading indicator while the list is loading                                                                                                                      |\n| `sx`                    | Optional | `object`                   |            | Override the styles applied to the dialog component                                                                                                                                      |\n\n## Author\n\n**SmartCommunityLab**\n\n-   Website: [http://www.smartcommunitylab.it/](http://www.smartcommunitylab.it/)\n-   Github: [@smartcommunitylab](https://github.com/smartcommunitylab)\n\n## Show your support\n\nGive a ⭐️ if this project helped you!\n\n## License\n\nCopyright © 2023 [SmartCommunityLab](https://github.com/smartcommunitylab).<br />\nThis project is [MIT](https://github.com/smartcommunitylab/react-admin-packages/blob/master/LICENSE) licensed.\n","readmeFilename":"README.md"}