mui · Janpot · Mar 20, 2025 · Mar 12, 2025 · Mar 12, 2025 · Mar 12, 2025
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -167,6 +167,9 @@ jobs:
       - run:
           name: Tests real browser
           command: pnpm test:browser
+      - run:
+          name: Upload screenshots to Argos CI
+          command: ARGOS_PARALLEL_TOTAL=${CIRCLE_NODE_TOTAL} pnpm test:argos
 
   test_integration:
     <<: *default-job
@@ -186,17 +189,17 @@ jobs:
           command: pnpm release:build
           environment:
             NODE_OPTIONS: --max-old-space-size=3584
-      - run:
-          name: Tests real browser
-          command: pnpm test:integration
-      - store_test_results:
-          path: test/test-results/junit.xml
-      - run:
-          name: Upload screenshots to Argos CI
-          command: ARGOS_PARALLEL_TOTAL=${CIRCLE_NODE_TOTAL} pnpm test:argos
-      - store_artifacts:
-          path: test/test-results
-          destination: playwright-test-results
+      # - run:
+      #     name: Tests real browser
+      #     command: pnpm test:integration
+      # - store_test_results:
+      #     path: test/test-results/junit.xml
+      # - run:
+      #     name: Upload screenshots to Argos CI
+      #     command: ARGOS_PARALLEL_TOTAL=${CIRCLE_NODE_TOTAL} pnpm test:argos
+      # - store_artifacts:
+      #     path: test/test-results
+      #     destination: playwright-test-results
 
   test_bundle_size_monitor:
     <<: *default-job

diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
@@ -2,20 +2,10 @@
   "installCommand": "install:codesandbox",
   "buildCommand": "release:build",
   "node": "20",
-  "packages": [
-    "packages/create-toolpad-app",
-    "packages/toolpad-core",
-    "packages/toolpad-studio",
-    "packages/toolpad-studio-components",
-    "packages/toolpad-studio-runtime",
-    "packages/toolpad-utils"
-  ],
+  "packages": ["packages/create-toolpad-app", "packages/toolpad-core", "packages/toolpad-utils"],
   "publishDirectory": {
     "create-toolpad-app": "packages/create-toolpad-app",
     "@toolpad/core": "packages/toolpad-core/build",
-    "@toolpad/studio": "packages/toolpad-studio",
-    "@toolpad/studio-components": "packages/toolpad-studio-components",
-    "@toolpad/studio-runtime": "packages/toolpad-studio-runtime",
     "@toolpad/utils": "packages/toolpad-utils/build"
   },
   "silent": true

diff --git a/.eslintignore b/.eslintignore
@@ -4,8 +4,6 @@ pnpm-lock.yaml
 /docs/export
 /docs/schemas
 /packages/**/dist
-/packages/toolpad-studio/.next
-/packages/toolpad-studio/public
 
 build
 dist
@@ -20,3 +18,9 @@ dist
 
 .coverage
 .tsup
+
+# deprecated Toolpad Studio:
+test
+/packages/toolpad-studio/
+/packages/toolpad-studio-runtime/
+/packages/toolpad-studio-components/
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -156,6 +156,7 @@ module.exports = {
         '*.test.ts',
         '*.test.tsx',
         'vitest.config.mts',
+        'vitest.config.*.mts',
       ],
       rules: {
         'import/no-extraneous-dependencies': ['error'],

diff --git a/codecov.yml b/codecov.yml
@@ -1,6 +1,10 @@
 coverage:
   ignore:
     - '*/icons/*'
+    # deprecated Toolpad Studio:
+    - 'packages/toolpad-studio/*'
+    - 'packages/toolpad-studio-runtime/*'
+    - 'packages/toolpad-studio-components/*'
   status:
     project:
       default:

diff --git a/docs/config.d.ts b/docs/config.d.ts
diff --git a/docs/data/toolpad/studio/components/button/button.md b/docs/data/toolpad/studio/components/button/button.md
@@ -1,5 +1,9 @@
 # Button
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn about the button component and it's usage in Toolpad Studio.</p>
 
 ## Demo

diff --git a/docs/data/toolpad/studio/components/data-grid/data-grid.md b/docs/data/toolpad/studio/components/data-grid/data-grid.md
@@ -1,5 +1,9 @@
 # Data Grid
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn about how to use data grids in Toolpad Studio.</p>
 
 ## Demo

diff --git a/docs/data/toolpad/studio/components/date-picker/date-picker.md b/docs/data/toolpad/studio/components/date-picker/date-picker.md
@@ -1,5 +1,9 @@
 # Date Picker
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn about the datepicker component and its usage in Toolpad Studio.</p>
 
 ## Demo

diff --git a/docs/data/toolpad/studio/components/list/list.md b/docs/data/toolpad/studio/components/list/list.md
@@ -1,5 +1,9 @@
 # List
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn about the list component and its usage in Toolpad Studio.</p>
 
 ## Usage

diff --git a/docs/data/toolpad/studio/components/text-field/text-field.md b/docs/data/toolpad/studio/components/text-field/text-field.md
@@ -1,5 +1,9 @@
 # Text Field
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn about the textfield component and its usage in Toolpad Studio.</p>
 
 ## Demo

diff --git a/docs/data/toolpad/studio/concepts/authentication.md b/docs/data/toolpad/studio/concepts/authentication.md
@@ -1,5 +1,9 @@
 # Authentication
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Restrict a Toolpad Studio application to authenticated users only, under certain authentication providers.</p>
 
 You can configure a Toolpad Studio application so that users have to sign in with specific authentication providers in order to access it.

diff --git a/docs/data/toolpad/studio/concepts/building-ui.md b/docs/data/toolpad/studio/concepts/building-ui.md
@@ -1,5 +1,9 @@
 # Building UI
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Toolpad Studio allows you to build your frontends fast so you can concentrate on writing logic.</p>
 
 ## Component Library

diff --git a/docs/data/toolpad/studio/concepts/custom-components.md b/docs/data/toolpad/studio/concepts/custom-components.md
@@ -1,5 +1,9 @@
 # Custom components
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">You can bring your own custom components inside the Toolpad Studio editor.</p>
 
 The steps below explain how to create and use a custom component in Toolpad Studio.

diff --git a/docs/data/toolpad/studio/concepts/custom-functions.md b/docs/data/toolpad/studio/concepts/custom-functions.md
@@ -1,5 +1,9 @@
 # Custom Functions
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">These offer a fast way to bring your existing functions to a Toolpad Studio page.</p>
 
 The most powerful way of bringing data into Toolpad Studio is through your own code. You can define functions inside `toolpad/resources` and use them when creating a query of this type. The following video shows how you can use this feature to read data from PostgreSQL.

diff --git a/docs/data/toolpad/studio/concepts/custom-server.md b/docs/data/toolpad/studio/concepts/custom-server.md
@@ -1,5 +1,9 @@
 # Custom server
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Run Toolpad Studio applications programmatically in existing node.js servers.</p>
 
 :::warning

diff --git a/docs/data/toolpad/studio/concepts/data-binding.md b/docs/data/toolpad/studio/concepts/data-binding.md
@@ -1,5 +1,9 @@
 # Data binding
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">You can use bindings to make your components reactive to data on the page.</p>
 
 Each property of component that may be bound to data present on the page is surrounded by a **Binding** button, which you can click to initiate data binding.

diff --git a/docs/data/toolpad/studio/concepts/data-providers.md b/docs/data/toolpad/studio/concepts/data-providers.md
@@ -1,5 +1,9 @@
 # Data providers
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Bring tabular data to the frontend with server-side pagination and filtering.</p>
 
 Toolpad Studio functions are great to bring some backend state to the page, but they fall short when it comes to offering pagination and filtering capabilities from the server. Toolpad Studio offers a special construct to enable this use case: Data providers. Data providers abstract server-side collections. They could be database tables, REST APIs, or any data that represents a set of records that share a common interface. Data providers are defined as server-side objects and can be directly connected to a data grid to make it fully interactive.

diff --git a/docs/data/toolpad/studio/concepts/deployment.md b/docs/data/toolpad/studio/concepts/deployment.md
@@ -1,5 +1,9 @@
 # Deployment
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Deploying a Toolpad Studio app is like deploying any other React/Node application.</p>
 
 ## Pre-requisites

diff --git a/docs/data/toolpad/studio/concepts/event-handling.md b/docs/data/toolpad/studio/concepts/event-handling.md
@@ -1,5 +1,9 @@
 # Event Handling
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">User actions create events that are handled in two ways in Toolpad Studio.</p>
 
 ## JS expression actions

diff --git a/docs/data/toolpad/studio/concepts/file-structure.md b/docs/data/toolpad/studio/concepts/file-structure.md
@@ -1,5 +1,9 @@
 # File structure
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Toolpad Studio's accessibility to the file-system makes it powerful. Here's how.</p>
 
 Toolpad Studio is file-system based, which means that an app's entire configuration is stored in files within your project. You can inspect and edit them from your IDE. You'll also use your own tools to author custom functions and components. This is how the project structure looks like in the file-system:

diff --git a/docs/data/toolpad/studio/concepts/http-requests.md b/docs/data/toolpad/studio/concepts/http-requests.md
@@ -1,5 +1,9 @@
 # HTTP requests
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">These offer a fast way to load external data from REST APIs, via a configurable interface.</p>
 
 {{"component": "modules/components/DocsImage.tsx", "src": "/static/toolpad/docs/studio/concepts/connecting-to-data/query-1.png", "alt": "Add HTTP request", "caption": "Adding a query via the HTTP Request panel" }}

diff --git a/docs/data/toolpad/studio/concepts/page-properties.md b/docs/data/toolpad/studio/concepts/page-properties.md
@@ -1,5 +1,9 @@
 # Page properties
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 ## Display mode
 
 <p class="description">Toolpad Studio apps allow for a display mode configurable per-page.</p>

diff --git a/docs/data/toolpad/studio/concepts/queries.md b/docs/data/toolpad/studio/concepts/queries.md
@@ -1,5 +1,9 @@
 # Connecting to data
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Be it a database table or an external API, Toolpad Studio offers mechanisms to read to – and write from – server-side data.</p>
 
 :::info

diff --git a/docs/data/toolpad/studio/concepts/rbac.md b/docs/data/toolpad/studio/concepts/rbac.md
@@ -1,5 +1,9 @@
 # Role-based access control
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Restrict pages in Toolpad Studio application to users with certain roles only.</p>
 
 :::warning

diff --git a/docs/data/toolpad/studio/concepts/theming.md b/docs/data/toolpad/studio/concepts/theming.md
@@ -1,5 +1,9 @@
 # Theming
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Toolpad Studio allows you to add your custom theme to your app, or customize individual component styles.</p>
 
 ## Adding a global theme

diff --git a/docs/data/toolpad/studio/getting-started/examples-overview.md b/docs/data/toolpad/studio/getting-started/examples-overview.md
@@ -5,6 +5,10 @@ title: Examples
 
 # Overview
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Browse a collection of Toolpad Studio examples that help you familiarise with Toolpad Studio concepts.</p>
 
 This collection includes apps that showcase connecting to APIs, adding custom components, adding secrets, adding authentication, working with ORMs and more.

diff --git a/docs/data/toolpad/studio/getting-started/first-app.md b/docs/data/toolpad/studio/getting-started/first-app.md
@@ -1,5 +1,9 @@
 # Build your first app
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn the fundamentals of building with Toolpad Studio by creating a small application.</p>
 
 This guide will walk you through the process of creating a small Toolpad Studio application.

diff --git a/docs/data/toolpad/studio/getting-started/installation.md b/docs/data/toolpad/studio/getting-started/installation.md
@@ -1,5 +1,9 @@
 # Installation
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Setup Toolpad Studio to run on your own machine.</p>
 
 ## Create a Toolpad Studio app

diff --git a/docs/data/toolpad/studio/getting-started/overview.md b/docs/data/toolpad/studio/getting-started/overview.md
@@ -1,5 +1,9 @@
 # Overview
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">A general, high-level description of Toolpad Studio and its capabilites.</p>
 
 ## Introduction

diff --git a/docs/data/toolpad/studio/getting-started/roadmap.md b/docs/data/toolpad/studio/getting-started/roadmap.md
@@ -1,5 +1,9 @@
 # Roadmap
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Find out about the plans for Toolpad Studio.</p>
 
 ## Toolpad Studio roadmap

diff --git a/docs/data/toolpad/studio/getting-started/support.md b/docs/data/toolpad/studio/getting-started/support.md
@@ -1,5 +1,9 @@
 # Support
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn how to get support for Toolpad Studio, including feature requests, bug fixes, and technical support from the team.</p>
 
 ## GitHub

diff --git a/docs/data/toolpad/studio/getting-started/why-toolpad.md b/docs/data/toolpad/studio/getting-started/why-toolpad.md
@@ -1,5 +1,9 @@
 # Why Toolpad Studio?
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Learn how Toolpad Studio approaches building internal tools, and how it can be useful to you.</p>
 
 ## TL;DR

diff --git a/docs/data/toolpad/studio/how-to-guides/basic-auth.md b/docs/data/toolpad/studio/how-to-guides/basic-auth.md
@@ -1,5 +1,9 @@
 # Enable basic authentication
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Add basic authentication to your Toolpad Studio application.</p>
 
 You can integrate [basic auth](https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication#basic_authentication_scheme) into your Toolpad Studio applications using a simple environment variable configuration

diff --git a/docs/data/toolpad/studio/how-to-guides/connect-to-databases.md b/docs/data/toolpad/studio/how-to-guides/connect-to-databases.md
@@ -1,5 +1,9 @@
 # Connecting to databases
 
+:::warning
+Toolpad Studio has been deprecated. Please use [Toolpad Core](/toolpad/) instead.
+:::
+
 <p class="description">Toolpad Studio allows you to connect to any database, fast.</p>
 
 You can write a custom function to connect to any database that you need to.