remove useless section

Author: erwanMarmelab

docs/ShowDialog.md

@@ -344,116 +344,3 @@ const CompanyShow = () => (
 ```
 
 Check [the `<ShowInDialogButton>` component](./ShowInDialogButton.md) for more details.
-
-## Standalone Usage
-
-`<ShowDialog>` also offer the ability to work standalone, without using the Router's location.
-
-To allow for standalone usage, they require the following props:
-
--   `isOpen`: a boolean holding the open/close state
--   `open`: a function that will be called when a component needs to open the dialog (e.g. a button)
--   `close`: a function that will be called when a component needs to close the dialog (e.g. the dialog's close button)
-
-**Tip:** These props are exactly the same as what is stored inside a `FormDialogContext`. This means that you can also rather provide your own `FormDialogContext` with these values, and render your dialog component inside it, to activate standalone mode.
-
-Below is an example of an `<Show>` page, including a 'create a new customer' button, that opens a fully controlled `<ShowDialog>`.
-
-<video controls autoplay playsinline muted loop>
-  <source src="https://react-admin-ee.marmelab.com/assets/FullyControlledCreateDialog.mp4" type="video/mp4"/>
-  Your browser does not support the video tag.
-</video>
-
-<!-- TODO: verify in a story -->
-{% raw %}
-
-```tsx
-import React, { useCallback, useState } from 'react';
-import {
-    Button,
-    Datagrid,
-    DateField,
-    Show,
-    ReferenceManyField,
-    SelectField,
-    SelectInput,
-    SimpleForm,
-    TextField,
-    TextInput,
-    useRecordContext,
-} from 'react-admin';
-import { ShowDialog } from '@react-admin/ra-form-layout';
-
-const sexChoices = [
-    { id: 'male', name: 'Male' },
-    { id: 'female', name: 'Female' },
-];
-
-const CustomerForm = (props: any) => (
-    <SimpleShowLayout {...props}>
-        <TextField source="first_name"/>
-        <TextField source="last_name"/>
-        <DateField source="dob" label="born"/>
-        <SelectField source="sex" choices={sexChoices} />
-    </SimpleShowLayout>
-);
-
-const EmployerSimpleFormWithFullyControlledDialogs = () => {
-    const record = useRecordContext();
-
-    const [isShowDialogOpen, setIsShowDialogOpen] = useState(false);
-    const openShowDialog = useCallback(() => {
-        setIsShowDialogOpen(true);
-    }, []);
-    const closeShowDialog = useCallback(() => {
-        setIsShowDialogOpen(false);
-    }, []);
-
-    return (
-        <SimpleFormLayout>
-            <TextField source="name" />
-            <TextField source="address" />
-            <TextField source="city" />
-            <ReferenceManyField
-                label="Customers"
-                reference="customers"
-                target="employer_id"
-            >
-                <Datagrid>
-                    <TextField source="id" />
-                    <TextField source="first_name" />
-                    <TextField source="last_name" />
-                    <DateField source="dob" label="born" />
-                    <SelectField source="sex" choices={sexChoices} />
-                    <Button
-                        label="show customer"
-                        onClick={() => openShowDialog()}
-                        size="medium"
-                        variant="contained"
-                        sx={{ mb: 4 }}
-                    />
-                </Datagrid>
-            </ReferenceManyField>
-
-            <ShowDialog
-                fullWidth
-                maxWidth="md"
-                isOpen={isShowDialogOpen}
-                open={openShowDialog}
-                close={closeShowDialog}
-                resource="customers"
-            >
-                <CustomerForm />
-            </ShowDialog>
-        </SimpleFormLayout>
-    );
-};
-
-const EmployerShow = () => (
-    <Show>
-        <EmployerSimpleFormWithFullyControlledDialogs />
-    </Show>
-);
-```
-
-{% endraw %}