From b9612baecc0ece0052bbb99a41ffb83cf76c489c Mon Sep 17 00:00:00 2001 From: Bharat Kashyap Date: Fri, 8 Mar 2024 20:17:42 +0900 Subject: [PATCH] [docs] Split Toolpad into Studio and Core (#3250) --- .github/ISSUE_TEMPLATE/1.bug.yml | 2 +- .github/ISSUE_TEMPLATE/2.feature.yml | 2 +- .github/ISSUE_TEMPLATE/4.docs-feedback.yml | 2 +- .github/ISSUE_TEMPLATE/config.yml | 4 +- docs/README.md | 6 +- docs/data/pages.ts | 232 ----------------- .../toolpad/components/button/ButtonColor.js | 13 - .../toolpad/components/button/ButtonSize.js | 13 - .../toolpad/components/button/ButtonState.js | 12 - .../components/button/ButtonVariant.js | 13 - .../toolpad/core/api/components/dashboard.md | 3 + .../toolpad/core/api/components/data-grid.md | 3 + .../toolpad/core/api/components/line-chart.md | 3 + .../core/api/components/select-filter.md | 3 + .../core/api/hooks/use-filter-state.md | 3 + docs/data/toolpad/core/api/index.md | 14 ++ .../data/toolpad/core/components/dashboard.md | 3 + .../data/toolpad/core/components/data-grid.md | 3 + docs/data/toolpad/core/components/index.md | 8 + .../toolpad/core/components/line-chart.md | 3 + .../toolpad/core/components/select-filter.md | 3 + docs/data/toolpad/core/customization.md | 3 + docs/data/toolpad/core/features/audit-logs.md | 3 + .../toolpad/core/features/authentication.md | 84 +++++++ .../toolpad/core/features/data-providers.md | 61 +++++ .../toolpad/core/introduction/build-deploy.md | 3 + .../toolpad/core/introduction/examples.md | 3 + .../toolpad/core/introduction/installation.md | 3 + .../toolpad/core/introduction/overview.md | 191 ++++++++++++++ .../data/toolpad/core/introduction/roadmap.md | 3 + .../data/toolpad/core/introduction/support.md | 3 + .../toolpad/core/introduction/tutorial.md | 3 + docs/data/toolpad/core/pages.ts | 154 ++++++++++++ docs/data/toolpad/reference/api/index.md | 11 - .../toolpad/reference/components/index.md | 27 -- .../reference/components/manifest.json | 99 -------- .../components/button/ButtonBasic.js | 7 +- .../studio/components/button/ButtonColor.js | 31 +++ .../studio/components/button/ButtonSize.js | 31 +++ .../studio/components/button/ButtonState.js | 24 ++ .../studio/components/button/ButtonVariant.js | 28 +++ .../{ => studio}/components/button/button.md | 6 +- .../components/data-grid/DataGrid.js | 0 .../data-grid/DataGrid_hidetoolbar.js | 0 .../components/data-grid/DataGrid_standard.js | 0 .../components/data-grid/data-grid.md | 16 +- .../components/date-picker/DatePicker.js | 0 .../date-picker/DatePickerDisabled.js | 0 .../date-picker/DatePickerFormat.js | 0 .../components/date-picker/DatePickerSize.js | 0 .../date-picker/DatePickerVariant.js | 0 .../components/date-picker/date-picker.md | 8 +- .../{ => studio}/components/list/List.js | 0 .../{ => studio}/components/list/list.md | 4 +- .../components/text-field/TextField.js | 0 .../text-field/TextFieldDisabled.js | 0 .../components/text-field/TextFieldSize.js | 0 .../components/text-field/TextFieldVariant.js | 0 .../components/text-field/text-field.md | 6 +- .../{ => studio}/concepts/authentication.md | 10 +- .../{ => studio}/concepts/building-ui.md | 14 +- .../concepts/connecting-to-data.md | 0 .../concepts/custom-components.md | 16 +- .../{ => studio}/concepts/custom-functions.md | 12 +- .../{ => studio}/concepts/custom-server.md | 2 +- .../{ => studio}/concepts/data-binding.md | 8 +- .../{ => studio}/concepts/data-providers.md | 22 +- .../{ => studio}/concepts/deployment.md | 2 +- .../{ => studio}/concepts/event-handling.md | 16 +- .../{ => studio}/concepts/file-structure.md | 8 +- .../{ => studio}/concepts/http-requests.md | 20 +- .../{ => studio}/concepts/page-properties.md | 12 +- .../toolpad/{ => studio}/concepts/queries.md | 4 +- .../toolpad/{ => studio}/concepts/rbac.md | 10 +- .../toolpad/{ => studio}/concepts/theming.md | 8 +- .../getting-started/examples-overview.md | 0 .../{ => studio}/getting-started/first-app.md | 28 +-- .../getting-started/installation.md | 2 +- .../{ => studio}/getting-started/overview.md | 0 .../{ => studio}/getting-started/roadmap.md | 2 +- .../{ => studio}/getting-started/support.md | 0 .../getting-started/why-toolpad.md | 2 +- .../{ => studio}/how-to-guides/basic-auth.md | 2 +- .../how-to-guides/connect-to-databases.md | 0 .../how-to-guides/connect-to-googlesheets.md | 2 +- .../how-to-guides/cube-component.md | 12 +- .../how-to-guides/custom-components.md | 0 .../how-to-guides/customize-datagrid.md | 12 +- .../how-to-guides/delete-grid-row.md | 14 +- .../{ => studio}/how-to-guides/editor-path.md | 6 +- .../{ => studio}/how-to-guides/embed-pages.md | 6 +- .../{ => studio}/how-to-guides/map-display.md | 12 +- .../how-to-guides/render-deploy.md | 16 +- docs/data/toolpad/{ => studio}/index.md | 0 .../toolpad/{ => studio}/landing/features.js | 0 .../toolpad/{ => studio}/landing/marquee.js | 2 +- .../toolpad/{ => studio}/landing/pricing.js | 0 .../toolpad/{ => studio}/landing/useCases.js | 6 +- docs/data/toolpad/studio/pages.ts | 235 ++++++++++++++++++ .../reference/api/create-component.md | 2 +- .../reference/api/create-data-provider.md | 2 +- .../reference/api/create-function.md | 4 +- .../reference/api/create-handler.md | 2 +- .../{ => studio}/reference/api/get-context.md | 24 +- .../toolpad/studio/reference/api/index.md | 11 + .../reference/components/autocomplete.md | 0 .../reference/components/button.md | 0 .../reference/components/chart.md | 0 .../reference/components/checkbox.md | 0 .../reference/components/container.md | 0 .../reference/components/data-grid.md | 0 .../reference/components/date-picker.md | 0 .../reference/components/file-picker.md | 0 .../{ => studio}/reference/components/form.md | 0 .../reference/components/image.md | 0 .../studio/reference/components/index.md | 27 ++ .../{ => studio}/reference/components/list.md | 0 .../studio/reference/components/manifest.json | 99 ++++++++ .../reference/components/metric.md | 0 .../reference/components/page-column.md | 0 .../reference/components/page-row.md | 0 .../reference/components/paper.md | 0 .../reference/components/select.md | 0 .../reference/components/spacer.md | 0 .../reference/components/stack.md | 0 .../{ => studio}/reference/components/tabs.md | 0 .../reference/components/text-field.md | 0 .../{ => studio}/reference/components/text.md | 0 docs/pages/_app.js | 66 ++++- .../text-field.js => core/api/dashboard.js} | 2 +- docs/pages/toolpad/core/api/data-grid.js | 7 + .../queries.js => core/api/index.js} | 2 +- docs/pages/toolpad/core/api/line-chart.js | 7 + docs/pages/toolpad/core/api/select-filter.js | 7 + .../api/use-filter-state.js} | 2 +- .../toolpad/core/components/dashboard.js | 7 + .../toolpad/core/components/data-grid.js | 7 + .../components}/index.js | 2 +- .../toolpad/core/components/line-chart.js | 7 + .../toolpad/core/components/select-filter.js | 7 + .../rbac.js => core/customization.js} | 2 +- .../features/audit-logs.js} | 2 +- .../toolpad/core/features/authentication.js | 7 + .../features}/data-providers.js | 2 +- .../toolpad/core/introduction/build-deploy.js | 7 + .../toolpad/core/introduction/examples.js | 7 + docs/pages/toolpad/core/introduction/index.js | 7 + .../toolpad/core/introduction/installation.js | 7 + .../toolpad/core/introduction/roadmap.js | 7 + .../introduction}/support.js | 2 +- .../toolpad/core/introduction/tutorial.js | 7 + docs/pages/toolpad/examples/npm-stats.js | 7 - docs/pages/toolpad/index.js | 10 +- .../pages/toolpad/studio/components/button.js | 7 + .../toolpad/studio/components/data-grid.js | 7 + .../toolpad/studio/components/date-picker.js | 7 + .../components/list.js} | 2 +- .../toolpad/studio/components/text-field.js | 7 + .../toolpad/studio/concepts/authentication.js | 7 + .../toolpad/studio/concepts/building-ui.js | 7 + .../concepts/custom-components.js | 2 +- .../{ => studio}/concepts/custom-functions.js | 2 +- .../{ => studio}/concepts/custom-server.js | 2 +- .../{ => studio}/concepts/data-binding.js | 2 +- .../toolpad/studio/concepts/data-providers.js | 7 + .../{ => studio}/concepts/deployment.js | 2 +- .../{ => studio}/concepts/event-handling.js | 2 +- .../{ => studio}/concepts/file-structure.js | 2 +- .../{ => studio}/concepts/http-requests.js | 2 +- .../{ => studio}/concepts/page-properties.js | 2 +- .../button.js => studio/concepts/queries.js} | 2 +- .../concepts/rbac.js} | 2 +- .../toolpad/{ => studio}/concepts/theming.js | 2 +- .../{ => studio}/examples/basic-crud-app.js | 2 +- docs/pages/toolpad/studio/examples/index.js | 7 + .../examples/npm-stats.js} | 2 +- .../examples/qr-generator.js} | 2 +- .../{ => studio}/getting-started/first-app.js | 2 +- .../getting-started}/index.js | 2 +- .../getting-started/installation.js | 2 +- .../{ => studio}/getting-started/roadmap.js | 2 +- .../toolpad/studio/getting-started/support.js | 7 + .../getting-started/why-toolpad.js | 2 +- .../{ => studio}/how-to-guides/basic-auth.js | 2 +- .../how-to-guides/connect-to-databases.js | 2 +- .../how-to-guides/connect-to-googlesheets.js | 2 +- .../how-to-guides/cube-component.js | 2 +- .../how-to-guides/customize-datagrid.js | 2 +- .../how-to-guides/delete-datagrid-row.js | 2 +- .../{ => studio}/how-to-guides/editor-path.js | 2 +- .../{ => studio}/how-to-guides/embed-pages.js | 2 +- .../{ => studio}/how-to-guides/map-display.js | 2 +- .../how-to-guides/render-deploy.js | 2 +- .../reference/api/create-component.js | 2 +- .../reference/api/create-data-provider.js | 2 +- .../reference/api/create-function.js | 2 +- .../reference/api/create-handler.js | 2 +- .../{ => studio}/reference/api/get-context.js | 2 +- .../{ => studio}/reference/api/index.js | 2 +- .../reference/components/autocomplete.js | 2 +- .../reference/components/button.js | 2 +- .../reference/components/chart.js | 2 +- .../reference/components/checkbox.js | 2 +- .../reference/components/container.js | 2 +- .../reference/components/data-grid.js | 2 +- .../reference/components/date-picker.js | 2 +- .../reference/components/file-picker.js | 2 +- .../{ => studio}/reference/components/form.js | 2 +- .../reference/components/image.js | 2 +- .../reference/components/index.js | 2 +- .../{ => studio}/reference/components/list.js | 2 +- .../reference/components/metric.js | 2 +- .../reference/components/page-column.js | 2 +- .../reference/components/page-row.js | 2 +- .../reference/components/paper.js | 2 +- .../reference/components/select.js | 2 +- .../reference/components/spacer.js | 2 +- .../reference/components/stack.js | 2 +- .../{ => studio}/reference/components/tabs.js | 2 +- .../reference/components/text-field.js | 2 +- .../{ => studio}/reference/components/text.js | 2 +- .../reference/file-schema/index.tsx | 4 +- docs/public/_redirects | 10 + .../components/button/button-usage.mp4 | Bin .../components/button/onclick-navigation.png | Bin .../components/datagrid/datagrid-column.mp4 | Bin .../components/datagrid/datagrid_column.mp4 | Bin .../components/datagrid/datagrid_loading.mp4 | Bin .../components/datagrid/datagrid_rows.mp4 | Bin .../datagrid/datagrid_selection.mp4 | Bin .../datepicker/datepicker-defaultValue.mp4 | Bin .../datepicker/datepicker-validation.mp4 | Bin .../{ => studio}/components/list/list.mp4 | Bin .../components/textfield/textfield.mp4 | Bin .../authorization/authentication-settings.png | Bin .../authorization/azure-ad-redirect-url.png | Bin .../concepts/authorization/azure-ad-roles.png | Bin .../authorization/github-callback-url.png | Bin .../authorization/google-redirect-url.png | Bin .../authorization/restricting-pages.png | Bin .../authorization/role-mapping-settings.png | Bin .../concepts/authorization/roles-settings.png | Bin .../concepts/authorization/sign-in-page.png | Bin .../concepts/building-ui/canvas-1.png | Bin .../concepts/building-ui/canvas-6.png | Bin .../concepts/building-ui/canvas-7.png | Bin .../concepts/building-ui/canvas-8.png | Bin .../building-ui/component-library.mp4 | Bin .../concepts/connecting-to-data/ask-gpt.gif | Bin .../connecting-to-data/bound-parameter.png | Bin .../connecting-to-data/bound-secret.png | Bin .../data-providers-delete.png | Bin .../connecting-to-data/example-parameter.png | Bin .../connecting-to-data/mode-query.gif | Bin .../concepts/connecting-to-data/postgres.mp4 | Bin .../concepts/connecting-to-data/query-1.png | Bin .../concepts/connecting-to-data/query-2.png | Bin .../concepts/connecting-to-data/query-3.png | Bin .../concepts/connecting-to-data/query-4.png | Bin .../concepts/connecting-to-data/query-5.png | Bin .../concepts/connecting-to-data/query-6.png | Bin .../concepts/connecting-to-data/query-8.png | Bin .../concepts/connecting-to-data/query-9.png | Bin .../connecting-to-data/query-settings.png | Bin .../concepts/connecting-to-data/secrets.mp4 | Bin .../custom-component-creation.mp4 | Bin .../custom-component-props.png | Bin .../concepts/custom-components/library.png | Bin .../concepts/data-binding/binding-button.png | Bin .../concepts/data-binding/data-transform.png | Bin .../create-data-provider-dialog.png | Bin .../data-providers/create-data-provider.png | Bin .../concepts/data-providers/creating.mp4 | Bin .../data-providers/data-provider-1.mp4 | Bin .../data-providers/data-provider-2.mp4 | Bin .../data-providers/disable-editable.png | Bin .../data-providers/disable-filterable.png | Bin .../data-providers/disable-sortable.png | Bin .../concepts/data-providers/editing.mp4 | Bin .../concepts/data-providers/filtering.mp4 | Bin .../concepts/data-providers/open-editor.png | Bin .../concepts/data-providers/rows-source.png | Bin .../concepts/data-providers/sorting.mp4 | Bin .../event-handling/change-component-state.mp4 | Bin .../concepts/event-handling/console-log.mp4 | Bin .../event-handling/multiple-queries.mp4 | Bin .../concepts/file-structure/after.png | Bin .../concepts/file-structure/fresh.png | Bin .../concepts/page-properties/app-shell.png | Bin .../page-properties/binding-editor.png | Bin .../page-properties/display-mode-override.png | Bin .../concepts/page-properties/display-mode.png | Bin .../concepts/page-properties/navigate.gif | Bin .../page-properties/navigation-action.png | Bin .../concepts/page-properties/no-shell.png | Bin .../page-properties/page-parameter-1.mp4 | Bin .../{ => studio}/concepts/theming/theme-1.mp4 | Bin .../{ => studio}/concepts/theming/theme-1.png | Bin .../{ => studio}/concepts/theming/theme-2.png | Bin .../{ => studio}/concepts/theming/theme-3.png | Bin .../{ => studio}/concepts/theming/theme-4.png | Bin .../deploy-render/node-version.png | Bin .../deploy-render/render-complete.png | Bin .../deploy-render/render-config-commands.png | Bin .../deploy-render/render-config-start.png | Bin .../deploy-render/render-connect-github.png | Bin .../deploy-render/render-github-new.png | Bin .../deploy-render/render-search.png | Bin .../deploy-render/render-start.png | Bin .../{ => studio}/examples/basic-crud-app.png | Bin .../{ => studio}/examples/google-sheet.mp4 | Bin .../docs/{ => studio}/examples/npm-stats.png | Bin .../{ => studio}/examples/qr-generator.png | Bin .../getting-started/first-app/step-1.png | Bin .../getting-started/first-app/step-10.png | Bin .../getting-started/first-app/step-11.png | Bin .../getting-started/first-app/step-12.png | Bin .../getting-started/first-app/step-13.png | Bin .../getting-started/first-app/step-2.png | Bin .../getting-started/first-app/step-3.png | Bin .../getting-started/first-app/step-4.png | Bin .../getting-started/first-app/step-5.png | Bin .../getting-started/first-app/step-6.png | Bin .../getting-started/first-app/step-7.png | Bin .../getting-started/first-app/step-8.png | Bin .../getting-started/first-app/step-9.png | Bin .../getting-started/overview/main.png | Bin .../why-toolpad/why-toolpad.png | Bin .../how-to-guides/basic-auth/basic-auth.png | Bin .../custom-components/create-custom.png | Bin .../custom-components/cube/component.gif | Bin .../custom-components/cube/component.png | Bin .../custom-components/cube/display-name.png | Bin .../custom-components/cube/in-library.png | Bin .../custom-components/cube/snackbar-open.png | Bin .../custom-components/map/component.png | Bin .../custom-components/map/components.png | Bin .../custom-components/map/display-name.png | Bin .../custom-components/map/in-library.png | Bin .../custom-components/map/snackbar-open.png | Bin .../custom-components/number/component.png | Bin .../custom-components/number/components.png | Bin .../custom-components/number/display-name.png | Bin .../custom-components/number/in-library.png | Bin .../number/snackbar-open.png | Bin .../customize-datagrid/chip-column.gif | Bin .../code-component-column.png | Bin .../customize-datagrid/columns.png | Bin .../customize-datagrid/datagrid.png | Bin .../customize-datagrid/order-id-column.png | Bin .../delete-grid-row/add-delete-query.png | Bin .../delete-grid-row/delete-button.png | Bin .../delete-grid-row/delete-query.png | Bin .../delete-grid-row/delete-row.gif | Bin .../loading-button-running.png | Bin .../delete-grid-row/loading-button.png | Bin .../editor-path/code-install.png | Bin .../editor-path/command-palette.png | Bin .../editor-path/missing-editor.png | Bin .../how-to-guides/embed-page/no-shell.png | Bin docs/src/components/landing/Hero.js | 4 +- docs/src/components/landing/SignUpToast.js | 2 +- docs/src/components/landing/UseCases.js | 24 +- docs/src/modules/components/ExamplesGrid.js | 14 +- docs/src/route.ts | 4 +- examples/basic-crud-app/README.md | 2 +- examples/dog-app/README.md | 2 +- examples/npm-stats/README.md | 2 +- examples/qr-generator/README.md | 2 +- packages/toolpad-app/src/constants.ts | 6 +- .../src/server/FunctionsManager.ts | 2 +- packages/toolpad-app/src/server/auth.ts | 2 +- .../src/server/functionsTypesWorker.ts | 2 +- packages/toolpad-app/src/server/index.ts | 2 +- .../AppEditor/AppAuthorizationEditor.tsx | 2 +- .../ComponentCatalog/ComponentCatalog.tsx | 2 +- .../AppEditor/PageEditor/ComponentPanel.tsx | 6 +- .../AppEditor/PageEditor/PageOptionsPanel.tsx | 2 +- .../AppEditor/PageEditor/UrlQueryEditor.tsx | 2 +- .../src/toolpad/FunctionsEditor/index.tsx | 2 +- .../src/toolpad/OpenCodeEditor.tsx | 2 +- .../Header/UserFeedback/index.tsx | 2 +- .../propertyControls/DataProviderSelector.tsx | 3 +- packages/toolpad-core/src/server.ts | 10 +- pnpm-lock.yaml | 2 +- scripts/docs/buildComponentsReference.ts | 2 +- 386 files changed, 1605 insertions(+), 748 deletions(-) delete mode 100644 docs/data/pages.ts delete mode 100644 docs/data/toolpad/components/button/ButtonColor.js delete mode 100644 docs/data/toolpad/components/button/ButtonSize.js delete mode 100644 docs/data/toolpad/components/button/ButtonState.js delete mode 100644 docs/data/toolpad/components/button/ButtonVariant.js create mode 100644 docs/data/toolpad/core/api/components/dashboard.md create mode 100644 docs/data/toolpad/core/api/components/data-grid.md create mode 100644 docs/data/toolpad/core/api/components/line-chart.md create mode 100644 docs/data/toolpad/core/api/components/select-filter.md create mode 100644 docs/data/toolpad/core/api/hooks/use-filter-state.md create mode 100644 docs/data/toolpad/core/api/index.md create mode 100644 docs/data/toolpad/core/components/dashboard.md create mode 100644 docs/data/toolpad/core/components/data-grid.md create mode 100644 docs/data/toolpad/core/components/index.md create mode 100644 docs/data/toolpad/core/components/line-chart.md create mode 100644 docs/data/toolpad/core/components/select-filter.md create mode 100644 docs/data/toolpad/core/customization.md create mode 100644 docs/data/toolpad/core/features/audit-logs.md create mode 100644 docs/data/toolpad/core/features/authentication.md create mode 100644 docs/data/toolpad/core/features/data-providers.md create mode 100644 docs/data/toolpad/core/introduction/build-deploy.md create mode 100644 docs/data/toolpad/core/introduction/examples.md create mode 100644 docs/data/toolpad/core/introduction/installation.md create mode 100644 docs/data/toolpad/core/introduction/overview.md create mode 100644 docs/data/toolpad/core/introduction/roadmap.md create mode 100644 docs/data/toolpad/core/introduction/support.md create mode 100644 docs/data/toolpad/core/introduction/tutorial.md create mode 100644 docs/data/toolpad/core/pages.ts delete mode 100644 docs/data/toolpad/reference/api/index.md delete mode 100644 docs/data/toolpad/reference/components/index.md delete mode 100644 docs/data/toolpad/reference/components/manifest.json rename docs/data/toolpad/{ => studio}/components/button/ButtonBasic.js (51%) create mode 100644 docs/data/toolpad/studio/components/button/ButtonColor.js create mode 100644 docs/data/toolpad/studio/components/button/ButtonSize.js create mode 100644 docs/data/toolpad/studio/components/button/ButtonState.js create mode 100644 docs/data/toolpad/studio/components/button/ButtonVariant.js rename docs/data/toolpad/{ => studio}/components/button/button.md (86%) rename docs/data/toolpad/{ => studio}/components/data-grid/DataGrid.js (100%) rename docs/data/toolpad/{ => studio}/components/data-grid/DataGrid_hidetoolbar.js (100%) rename docs/data/toolpad/{ => studio}/components/data-grid/DataGrid_standard.js (100%) rename docs/data/toolpad/{ => studio}/components/data-grid/data-grid.md (77%) rename docs/data/toolpad/{ => studio}/components/date-picker/DatePicker.js (100%) rename docs/data/toolpad/{ => studio}/components/date-picker/DatePickerDisabled.js (100%) rename docs/data/toolpad/{ => studio}/components/date-picker/DatePickerFormat.js (100%) rename docs/data/toolpad/{ => studio}/components/date-picker/DatePickerSize.js (100%) rename docs/data/toolpad/{ => studio}/components/date-picker/DatePickerVariant.js (100%) rename docs/data/toolpad/{ => studio}/components/date-picker/date-picker.md (88%) rename docs/data/toolpad/{ => studio}/components/list/List.js (100%) rename docs/data/toolpad/{ => studio}/components/list/list.md (84%) rename docs/data/toolpad/{ => studio}/components/text-field/TextField.js (100%) rename docs/data/toolpad/{ => studio}/components/text-field/TextFieldDisabled.js (100%) rename docs/data/toolpad/{ => studio}/components/text-field/TextFieldSize.js (100%) rename docs/data/toolpad/{ => studio}/components/text-field/TextFieldVariant.js (100%) rename docs/data/toolpad/{ => studio}/components/text-field/text-field.md (92%) rename docs/data/toolpad/{ => studio}/concepts/authentication.md (86%) rename docs/data/toolpad/{ => studio}/concepts/building-ui.md (64%) rename docs/data/toolpad/{ => studio}/concepts/connecting-to-data.md (100%) rename docs/data/toolpad/{ => studio}/concepts/custom-components.md (68%) rename docs/data/toolpad/{ => studio}/concepts/custom-functions.md (84%) rename docs/data/toolpad/{ => studio}/concepts/custom-server.md (97%) rename docs/data/toolpad/{ => studio}/concepts/data-binding.md (75%) rename docs/data/toolpad/{ => studio}/concepts/data-providers.md (86%) rename docs/data/toolpad/{ => studio}/concepts/deployment.md (96%) rename docs/data/toolpad/{ => studio}/concepts/event-handling.md (64%) rename docs/data/toolpad/{ => studio}/concepts/file-structure.md (68%) rename docs/data/toolpad/{ => studio}/concepts/http-requests.md (64%) rename docs/data/toolpad/{ => studio}/concepts/page-properties.md (73%) rename docs/data/toolpad/{ => studio}/concepts/queries.md (87%) rename docs/data/toolpad/{ => studio}/concepts/rbac.md (78%) rename docs/data/toolpad/{ => studio}/concepts/theming.md (70%) rename docs/data/toolpad/{ => studio}/getting-started/examples-overview.md (100%) rename docs/data/toolpad/{ => studio}/getting-started/first-app.md (72%) rename docs/data/toolpad/{ => studio}/getting-started/installation.md (95%) rename docs/data/toolpad/{ => studio}/getting-started/overview.md (100%) rename docs/data/toolpad/{ => studio}/getting-started/roadmap.md (96%) rename docs/data/toolpad/{ => studio}/getting-started/support.md (100%) rename docs/data/toolpad/{ => studio}/getting-started/why-toolpad.md (97%) rename docs/data/toolpad/{ => studio}/how-to-guides/basic-auth.md (84%) rename docs/data/toolpad/{ => studio}/how-to-guides/connect-to-databases.md (100%) rename docs/data/toolpad/{ => studio}/how-to-guides/connect-to-googlesheets.md (96%) rename docs/data/toolpad/{ => studio}/how-to-guides/cube-component.md (79%) rename docs/data/toolpad/{ => studio}/how-to-guides/custom-components.md (100%) rename docs/data/toolpad/{ => studio}/how-to-guides/customize-datagrid.md (71%) rename docs/data/toolpad/{ => studio}/how-to-guides/delete-grid-row.md (71%) rename docs/data/toolpad/{ => studio}/how-to-guides/editor-path.md (71%) rename docs/data/toolpad/{ => studio}/how-to-guides/embed-pages.md (62%) rename docs/data/toolpad/{ => studio}/how-to-guides/map-display.md (78%) rename docs/data/toolpad/{ => studio}/how-to-guides/render-deploy.md (70%) rename docs/data/toolpad/{ => studio}/index.md (100%) rename docs/data/toolpad/{ => studio}/landing/features.js (100%) rename docs/data/toolpad/{ => studio}/landing/marquee.js (84%) rename docs/data/toolpad/{ => studio}/landing/pricing.js (100%) rename docs/data/toolpad/{ => studio}/landing/useCases.js (91%) create mode 100644 docs/data/toolpad/studio/pages.ts rename docs/data/toolpad/{ => studio}/reference/api/create-component.md (99%) rename docs/data/toolpad/{ => studio}/reference/api/create-data-provider.md (98%) rename docs/data/toolpad/{ => studio}/reference/api/create-function.md (96%) rename docs/data/toolpad/{ => studio}/reference/api/create-handler.md (97%) rename docs/data/toolpad/{ => studio}/reference/api/get-context.md (81%) create mode 100644 docs/data/toolpad/studio/reference/api/index.md rename docs/data/toolpad/{ => studio}/reference/components/autocomplete.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/button.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/chart.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/checkbox.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/container.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/data-grid.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/date-picker.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/file-picker.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/form.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/image.md (100%) create mode 100644 docs/data/toolpad/studio/reference/components/index.md rename docs/data/toolpad/{ => studio}/reference/components/list.md (100%) create mode 100644 docs/data/toolpad/studio/reference/components/manifest.json rename docs/data/toolpad/{ => studio}/reference/components/metric.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/page-column.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/page-row.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/paper.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/select.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/spacer.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/stack.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/tabs.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/text-field.md (100%) rename docs/data/toolpad/{ => studio}/reference/components/text.md (100%) rename docs/pages/toolpad/{components/text-field.js => core/api/dashboard.js} (65%) create mode 100644 docs/pages/toolpad/core/api/data-grid.js rename docs/pages/toolpad/{concepts/queries.js => core/api/index.js} (68%) create mode 100644 docs/pages/toolpad/core/api/line-chart.js create mode 100644 docs/pages/toolpad/core/api/select-filter.js rename docs/pages/toolpad/{components/date-picker.js => core/api/use-filter-state.js} (64%) create mode 100644 docs/pages/toolpad/core/components/dashboard.js create mode 100644 docs/pages/toolpad/core/components/data-grid.js rename docs/pages/toolpad/{getting-started => core/components}/index.js (67%) create mode 100644 docs/pages/toolpad/core/components/line-chart.js create mode 100644 docs/pages/toolpad/core/components/select-filter.js rename docs/pages/toolpad/{concepts/rbac.js => core/customization.js} (68%) rename docs/pages/toolpad/{concepts/authentication.js => core/features/audit-logs.js} (66%) create mode 100644 docs/pages/toolpad/core/features/authentication.js rename docs/pages/toolpad/{concepts => core/features}/data-providers.js (65%) create mode 100644 docs/pages/toolpad/core/introduction/build-deploy.js create mode 100644 docs/pages/toolpad/core/introduction/examples.js create mode 100644 docs/pages/toolpad/core/introduction/index.js create mode 100644 docs/pages/toolpad/core/introduction/installation.js create mode 100644 docs/pages/toolpad/core/introduction/roadmap.js rename docs/pages/toolpad/{getting-started => core/introduction}/support.js (66%) create mode 100644 docs/pages/toolpad/core/introduction/tutorial.js delete mode 100644 docs/pages/toolpad/examples/npm-stats.js create mode 100644 docs/pages/toolpad/studio/components/button.js create mode 100644 docs/pages/toolpad/studio/components/data-grid.js create mode 100644 docs/pages/toolpad/studio/components/date-picker.js rename docs/pages/toolpad/{components/data-grid.js => studio/components/list.js} (65%) create mode 100644 docs/pages/toolpad/studio/components/text-field.js create mode 100644 docs/pages/toolpad/studio/concepts/authentication.js create mode 100644 docs/pages/toolpad/studio/concepts/building-ui.js rename docs/pages/toolpad/{ => studio}/concepts/custom-components.js (64%) rename docs/pages/toolpad/{ => studio}/concepts/custom-functions.js (64%) rename docs/pages/toolpad/{ => studio}/concepts/custom-server.js (65%) rename docs/pages/toolpad/{ => studio}/concepts/data-binding.js (65%) create mode 100644 docs/pages/toolpad/studio/concepts/data-providers.js rename docs/pages/toolpad/{ => studio}/concepts/deployment.js (66%) rename docs/pages/toolpad/{ => studio}/concepts/event-handling.js (65%) rename docs/pages/toolpad/{ => studio}/concepts/file-structure.js (65%) rename docs/pages/toolpad/{ => studio}/concepts/http-requests.js (65%) rename docs/pages/toolpad/{ => studio}/concepts/page-properties.js (64%) rename docs/pages/toolpad/{components/button.js => studio/concepts/queries.js} (66%) rename docs/pages/toolpad/{concepts/building-ui.js => studio/concepts/rbac.js} (67%) rename docs/pages/toolpad/{ => studio}/concepts/theming.js (66%) rename docs/pages/toolpad/{ => studio}/examples/basic-crud-app.js (67%) create mode 100644 docs/pages/toolpad/studio/examples/index.js rename docs/pages/toolpad/{examples/qr-generator.js => studio/examples/npm-stats.js} (76%) rename docs/pages/toolpad/{components/list.js => studio/examples/qr-generator.js} (67%) rename docs/pages/toolpad/{ => studio}/getting-started/first-app.js (64%) rename docs/pages/toolpad/{examples => studio/getting-started}/index.js (64%) rename docs/pages/toolpad/{ => studio}/getting-started/installation.js (76%) rename docs/pages/toolpad/{ => studio}/getting-started/roadmap.js (77%) create mode 100644 docs/pages/toolpad/studio/getting-started/support.js rename docs/pages/toolpad/{ => studio}/getting-started/why-toolpad.js (64%) rename docs/pages/toolpad/{ => studio}/how-to-guides/basic-auth.js (64%) rename docs/pages/toolpad/{ => studio}/how-to-guides/connect-to-databases.js (62%) rename docs/pages/toolpad/{ => studio}/how-to-guides/connect-to-googlesheets.js (62%) rename docs/pages/toolpad/{ => studio}/how-to-guides/cube-component.js (64%) rename docs/pages/toolpad/{ => studio}/how-to-guides/customize-datagrid.js (63%) rename docs/pages/toolpad/{ => studio}/how-to-guides/delete-datagrid-row.js (63%) rename docs/pages/toolpad/{ => studio}/how-to-guides/editor-path.js (64%) rename docs/pages/toolpad/{ => studio}/how-to-guides/embed-pages.js (64%) rename docs/pages/toolpad/{ => studio}/how-to-guides/map-display.js (64%) rename docs/pages/toolpad/{ => studio}/how-to-guides/render-deploy.js (64%) rename docs/pages/toolpad/{ => studio}/reference/api/create-component.js (63%) rename docs/pages/toolpad/{ => studio}/reference/api/create-data-provider.js (62%) rename docs/pages/toolpad/{ => studio}/reference/api/create-function.js (63%) rename docs/pages/toolpad/{ => studio}/reference/api/create-handler.js (63%) rename docs/pages/toolpad/{ => studio}/reference/api/get-context.js (64%) rename docs/pages/toolpad/{ => studio}/reference/api/index.js (65%) rename docs/pages/toolpad/{ => studio}/reference/components/autocomplete.js (71%) rename docs/pages/toolpad/{ => studio}/reference/components/button.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/chart.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/checkbox.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/container.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/data-grid.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/date-picker.js (71%) rename docs/pages/toolpad/{ => studio}/reference/components/file-picker.js (71%) rename docs/pages/toolpad/{ => studio}/reference/components/form.js (73%) rename docs/pages/toolpad/{ => studio}/reference/components/image.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/index.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/list.js (73%) rename docs/pages/toolpad/{ => studio}/reference/components/metric.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/page-column.js (71%) rename docs/pages/toolpad/{ => studio}/reference/components/page-row.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/paper.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/select.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/spacer.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/stack.js (72%) rename docs/pages/toolpad/{ => studio}/reference/components/tabs.js (73%) rename docs/pages/toolpad/{ => studio}/reference/components/text-field.js (71%) rename docs/pages/toolpad/{ => studio}/reference/components/text.js (73%) rename docs/pages/toolpad/{ => studio}/reference/file-schema/index.tsx (82%) rename docs/public/static/toolpad/docs/{ => studio}/components/button/button-usage.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/button/onclick-navigation.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datagrid/datagrid-column.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datagrid/datagrid_column.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datagrid/datagrid_loading.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datagrid/datagrid_rows.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datagrid/datagrid_selection.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datepicker/datepicker-defaultValue.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/datepicker/datepicker-validation.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/list/list.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/components/textfield/textfield.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/authentication-settings.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/azure-ad-redirect-url.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/azure-ad-roles.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/github-callback-url.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/google-redirect-url.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/restricting-pages.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/role-mapping-settings.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/roles-settings.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/authorization/sign-in-page.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/building-ui/canvas-1.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/building-ui/canvas-6.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/building-ui/canvas-7.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/building-ui/canvas-8.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/building-ui/component-library.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/ask-gpt.gif (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/bound-parameter.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/bound-secret.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/data-providers-delete.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/example-parameter.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/mode-query.gif (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/postgres.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-1.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-2.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-3.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-4.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-5.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-6.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-8.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-9.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/query-settings.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/connecting-to-data/secrets.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/custom-components/custom-component-creation.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/custom-components/custom-component-props.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/custom-components/library.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-binding/binding-button.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-binding/data-transform.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/create-data-provider-dialog.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/create-data-provider.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/creating.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/data-provider-1.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/data-provider-2.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/disable-editable.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/disable-filterable.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/disable-sortable.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/editing.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/filtering.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/open-editor.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/rows-source.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/data-providers/sorting.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/event-handling/change-component-state.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/event-handling/console-log.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/event-handling/multiple-queries.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/file-structure/after.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/file-structure/fresh.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/app-shell.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/binding-editor.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/display-mode-override.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/display-mode.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/navigate.gif (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/navigation-action.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/no-shell.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/page-properties/page-parameter-1.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/theming/theme-1.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/theming/theme-1.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/theming/theme-2.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/theming/theme-3.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/concepts/theming/theme-4.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/node-version.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-complete.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-config-commands.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-config-start.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-connect-github.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-github-new.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-search.png (100%) rename docs/public/static/toolpad/docs/{tutorials => studio}/deploy-render/render-start.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/examples/basic-crud-app.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/examples/google-sheet.mp4 (100%) rename docs/public/static/toolpad/docs/{ => studio}/examples/npm-stats.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/examples/qr-generator.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-1.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-10.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-11.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-12.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-13.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-2.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-3.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-4.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-5.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-6.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-7.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-8.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/first-app/step-9.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/overview/main.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/getting-started/why-toolpad/why-toolpad.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/basic-auth/basic-auth.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/create-custom.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/cube/component.gif (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/cube/component.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/cube/display-name.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/cube/in-library.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/cube/snackbar-open.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/map/component.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/map/components.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/map/display-name.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/map/in-library.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/map/snackbar-open.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/number/component.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/number/components.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/number/display-name.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/number/in-library.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/custom-components/number/snackbar-open.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/customize-datagrid/chip-column.gif (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/customize-datagrid/code-component-column.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/customize-datagrid/columns.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/customize-datagrid/datagrid.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/customize-datagrid/order-id-column.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/delete-grid-row/add-delete-query.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/delete-grid-row/delete-button.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/delete-grid-row/delete-query.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/delete-grid-row/delete-row.gif (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/delete-grid-row/loading-button-running.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/delete-grid-row/loading-button.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/editor-path/code-install.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/editor-path/command-palette.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/editor-path/missing-editor.png (100%) rename docs/public/static/toolpad/docs/{ => studio}/how-to-guides/embed-page/no-shell.png (100%) diff --git a/.github/ISSUE_TEMPLATE/1.bug.yml b/.github/ISSUE_TEMPLATE/1.bug.yml index cc7cebb38c1..8313292a98a 100644 --- a/.github/ISSUE_TEMPLATE/1.bug.yml +++ b/.github/ISSUE_TEMPLATE/1.bug.yml @@ -1,5 +1,5 @@ name: Bug report 🐛 -description: Create a bug report for MUI Toolpad. +description: Create a bug report for Toolpad. labels: ['status: waiting for maintainer'] body: - type: markdown diff --git a/.github/ISSUE_TEMPLATE/2.feature.yml b/.github/ISSUE_TEMPLATE/2.feature.yml index 526202a3dcd..9add970fc80 100644 --- a/.github/ISSUE_TEMPLATE/2.feature.yml +++ b/.github/ISSUE_TEMPLATE/2.feature.yml @@ -1,5 +1,5 @@ name: Feature request 💄 -description: Suggest a new idea for MUI Toolpad. +description: Suggest a new idea for Toolpad. labels: ['status: waiting for maintainer'] body: - type: markdown diff --git a/.github/ISSUE_TEMPLATE/4.docs-feedback.yml b/.github/ISSUE_TEMPLATE/4.docs-feedback.yml index 7042fd80418..57d9fda3597 100644 --- a/.github/ISSUE_TEMPLATE/4.docs-feedback.yml +++ b/.github/ISSUE_TEMPLATE/4.docs-feedback.yml @@ -1,5 +1,5 @@ name: Docs feedback -description: Improve documentation about MUI Toolpad. +description: Improve documentation about Toolpad. labels: ['status: waiting for maintainer', 'support: docs-feedback'] title: '[docs] ' body: diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index 5a91d28518f..4f30faf4a54 100644 --- a/.github/ISSUE_TEMPLATE/config.yml +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -1,4 +1,4 @@ contact_links: - name: Support ❔ - url: https://mui.com/getting-started/support/ - about: I need support with MUI Toolpad. + url: https://mui.com/toolpad/studio/getting-started/support/ + about: I need support with Toolpad. diff --git a/docs/README.md b/docs/README.md index 755217aa548..373125d542b 100644 --- a/docs/README.md +++ b/docs/README.md @@ -1,6 +1,6 @@ -# MUI Toolpad docs +# Toolpad docs -This is the documentation website of MUI Toolpad. +This is the documentation website of Toolpad. To start the docs site in development mode, from the project root, run: @@ -12,7 +12,7 @@ If you do not have yarn installed, select your OS and follow the instructions on _DO NOT USE NPM, use Yarn to install the dependencies._ -Visit the [MUI Toolpad documentation](https://mui.com/toolpad/getting-started/). +Visit the [Toolpad documentation](https://mui.com/toolpad/studio/getting-started/). ## How can I add a new demo to the documentation? diff --git a/docs/data/pages.ts b/docs/data/pages.ts deleted file mode 100644 index 53c375a146c..00000000000 --- a/docs/data/pages.ts +++ /dev/null @@ -1,232 +0,0 @@ -import type { MuiPage } from '@mui/monorepo/docs/src/MuiPage'; -import componentsManifest from './toolpad/reference/components/manifest.json'; - -const pages: MuiPage[] = [ - { - pathname: '/toolpad/getting-started-group', - title: 'Getting Started', - children: [ - { pathname: '/toolpad/getting-started', title: 'Overview' }, - { pathname: '/toolpad/getting-started/installation' }, - { pathname: '/toolpad/getting-started/why-toolpad', title: 'Why Toolpad?' }, - { pathname: '/toolpad/getting-started/first-app', title: 'Build your first app' }, - { - pathname: '/toolpad/examples-group', - title: 'Examples', - children: [ - { pathname: '/toolpad/examples', title: 'Overview' }, - { pathname: '/toolpad/examples/npm-stats', title: 'npm stats' }, - { pathname: '/toolpad/examples/basic-crud-app', title: 'Basic CRUD application' }, - { pathname: '/toolpad/examples/qr-generator', title: 'QR Code generator' }, - ], - }, - { pathname: '/toolpad/getting-started/roadmap' }, - { - pathname: '/toolpad/getting-started/support', - title: 'Support', - }, - ], - }, - { - pathname: '/toolpad/concepts', - children: [ - { - pathname: '/toolpad/concepts/building-ui', - title: 'Building UI', - }, - { - pathname: '/toolpad/concepts/connecting-to-data', - title: 'Connecting to data', - children: [ - { - pathname: '/toolpad/concepts/queries', - title: 'Overview', - }, - { - pathname: '/toolpad/concepts/http-requests', - title: 'HTTP requests', - }, - { - pathname: '/toolpad/concepts/custom-functions', - title: 'Custom functions', - }, - { - pathname: '/toolpad/concepts/data-providers', - title: 'Data providers', - }, - ], - }, - { - pathname: '/toolpad/concepts/data-binding', - title: 'Data binding', - }, - { - pathname: '/toolpad/concepts/event-handling', - }, - { - pathname: '/toolpad/concepts/file-structure', - title: 'File structure', - }, - { - pathname: '/toolpad/concepts/deployment', - }, - { - pathname: '/toolpad/concepts/custom-components', - }, - { - pathname: '/toolpad/concepts/theming', - }, - { - pathname: '/toolpad/concepts/page-properties', - }, - { - pathname: '/toolpad/concepts/authorization', - title: 'Authorization', - children: [ - { - pathname: '/toolpad/concepts/authentication', - title: 'Authentication', - }, - { - pathname: '/toolpad/concepts/rbac', - title: 'Role-based access control', - }, - ], - }, - { pathname: '/toolpad/concepts/custom-server' }, - ], - }, - { - pathname: '/toolpad/components', - children: [ - { pathname: '/toolpad/components/button' }, - { pathname: '/toolpad/components/data-grid', title: 'DataGrid' }, - { pathname: '/toolpad/components/list' }, - { pathname: '/toolpad/components/date-picker', title: 'DatePicker' }, - { pathname: '/toolpad/components/text-field', title: 'TextField' }, - ], - }, - { - pathname: '/toolpad/how-to-guides', - title: 'How-to guides', - children: [ - { - pathname: '/toolpad/how-to-guides/connect-to-datasource', - subheader: 'Connect to datasource', - children: [ - { - pathname: '/toolpad/how-to-guides/connect-to-databases', - title: 'MySQL', - }, - { - pathname: '/toolpad/how-to-guides/connect-to-googlesheets', - title: 'Google Sheets', - }, - ], - }, - { - pathname: '/toolpad/how-to-guides/deployment', - subheader: 'Deployment', - children: [ - { - pathname: '/toolpad/how-to-guides/render-deploy', - title: 'Deploy to Render', - }, - ], - }, - { - pathname: '/toolpad/how-to-guides/custom-components', - subheader: 'Create custom components', - children: [ - { - pathname: '/toolpad/how-to-guides/map-display', - title: 'Map component', - }, - { - pathname: '/toolpad/how-to-guides/cube-component', - title: '3D cube component', - }, - ], - }, - { - pathname: '/toolpad/how-to-guides/misc', - subheader: 'Miscellaneous', - children: [ - { - pathname: '/toolpad/how-to-guides/customize-datagrid', - title: 'Customize data grids', - }, - { - pathname: '/toolpad/how-to-guides/delete-datagrid-row', - title: 'Delete a data grid row', - }, - { - pathname: '/toolpad/how-to-guides/embed-pages', - title: 'Embedding Toolpad pages', - }, - { - pathname: '/toolpad/how-to-guides/basic-auth', - title: 'Enable basic auth', - }, - { - pathname: '/toolpad/how-to-guides/editor-path', - title: 'Troubleshoot missing editor', - }, - ], - }, - ], - }, - { - pathname: '/toolpad/reference-group', - title: 'Reference', - children: [ - { - pathname: '/toolpad/reference/file-schema', - title: 'File schema', - }, - { - pathname: '/toolpad/reference/components-group', - title: 'Components', - children: componentsManifest.pages, - }, - { - pathname: '/toolpad/reference/api-group', - title: 'API', - children: [ - { - pathname: '/toolpad/reference/api', - title: 'Index', - }, - { - pathname: '/toolpad/reference/api/functions-group', - subheader: 'Functions', - children: [ - { - title: 'createComponent', - pathname: '/toolpad/reference/api/create-component', - }, - { - title: 'createDataProvider', - pathname: '/toolpad/reference/api/create-data-provider', - }, - { - title: 'createFunction', - pathname: '/toolpad/reference/api/create-function', - }, - { - title: 'createHandler', - pathname: '/toolpad/reference/api/create-handler', - }, - { - title: 'getContext', - pathname: '/toolpad/reference/api/get-context', - }, - ], - }, - ], - }, - ], - }, -]; - -export default pages; diff --git a/docs/data/toolpad/components/button/ButtonColor.js b/docs/data/toolpad/components/button/ButtonColor.js deleted file mode 100644 index f16cd9760ab..00000000000 --- a/docs/data/toolpad/components/button/ButtonColor.js +++ /dev/null @@ -1,13 +0,0 @@ -import * as React from 'react'; -import { Button } from '@mui/toolpad-components'; -import { Stack } from '@mui/material'; - -export default function BasicButton() { - return ( - -