Remove @comet/admin-react-select (#2949)

Co-authored-by: Johannes Obermair <48853629+johnnyomair@users.noreply.github.com>

.changeset/nasty-peaches-relax.md

@@ -0,0 +1,5 @@
+---
+"@comet/admin-react-select": major
+---
+
+Remove `@comet/admin-react-select` package

dev-pm.config.js

@@ -3,7 +3,6 @@ const packageFolderMapping = {
     "@comet/admin-color-picker": "packages/admin/admin-color-picker",
     "@comet/admin-date-time": "packages/admin/admin-date-time",
     "@comet/admin-icons": "packages/admin/admin-icons",
-    "@comet/admin-react-select": "packages/admin/admin-react-select",
     "@comet/admin-rte": "packages/admin/admin-rte",
     "@comet/admin-theme": "packages/admin/admin-theme",
     "@comet/blocks-admin": "packages/admin/blocks-admin",
@@ -42,12 +41,6 @@ module.exports = {
             script: "pnpm --filter @comet/admin-icons run start",
             group: ["comet-admin"],
         },
-        {
-            name: "comet-admin-react-select",
-            script: "pnpm --filter @comet/admin-react-select run start",
-            group: ["comet-admin"],
-            waitOn: waitOnPackages("@comet/admin"),
-        },
         {
             name: "comet-admin-rte",
             script: "pnpm --filter @comet/admin-rte run start",
@@ -57,13 +50,7 @@ module.exports = {
             name: "comet-admin-theme",
             script: "pnpm --filter @comet/admin-theme run start",
             group: ["comet-admin"],
-            waitOn: waitOnPackages(
-                "@comet/admin-icons",
-                "@comet/admin-rte",
-                "@comet/admin",
-                "@comet/admin-color-picker",
-                "@comet/admin-react-select",
-            ),
+            waitOn: waitOnPackages("@comet/admin-icons", "@comet/admin-rte", "@comet/admin", "@comet/admin-color-picker"),
         },
 
         // group cms-admin
@@ -83,40 +70,19 @@ module.exports = {
             name: "cms-admin",
             script: "pnpm --filter @comet/cms-admin run start",
             group: ["cms-admin", "cms"],
-            waitOn: waitOnPackages(
-                "@comet/admin",
-                "@comet/admin-icons",
-                "@comet/admin-react-select",
-                "@comet/admin-rte",
-                "@comet/admin-theme",
-                "@comet/blocks-admin",
-            ),
+            waitOn: waitOnPackages("@comet/admin", "@comet/admin-icons", "@comet/admin-rte", "@comet/admin-theme", "@comet/blocks-admin"),
         },
         {
             name: "cms-admin-codegen-graphql-types",
             script: "pnpm --filter @comet/cms-admin run generate-graphql-types:watch",
             group: ["cms-admin", "cms"],
-            waitOn: waitOnPackages(
-                "@comet/admin",
-                "@comet/admin-icons",
-                "@comet/admin-react-select",
-                "@comet/admin-rte",
-                "@comet/admin-theme",
-                "@comet/blocks-admin",
-            ),
+            waitOn: waitOnPackages("@comet/admin", "@comet/admin-icons", "@comet/admin-rte", "@comet/admin-theme", "@comet/blocks-admin"),
         },
         {
             name: "cms-admin-codegen-block-types",
             script: "pnpm --filter @comet/cms-admin run generate-block-types:watch",
             group: ["cms-admin", "cms"],
-            waitOn: waitOnPackages(
-                "@comet/admin",
-                "@comet/admin-icons",
-                "@comet/admin-react-select",
-                "@comet/admin-rte",
-                "@comet/admin-theme",
-                "@comet/blocks-admin",
-            ),
+            waitOn: waitOnPackages("@comet/admin", "@comet/admin-icons", "@comet/admin-rte", "@comet/admin-theme", "@comet/blocks-admin"),
         },
 
         //group cms-api
@@ -157,7 +123,6 @@ module.exports = {
                 ...waitOnPackages(
                     "@comet/admin",
                     "@comet/admin-icons",
-                    "@comet/admin-react-select",
                     "@comet/admin-rte",
                     "@comet/admin-theme",
                     "@comet/blocks-admin",

docs/docs/migration/migration-from-v7-to-v8.md

@@ -291,3 +291,18 @@ The recommended way to handle errors is to use the `ErrorBoundary` in the parent
 + }
 + <DataGrid /* other props */ >
 ```
+
+### Remove @comet/admin-react-select
+
+```diff
+- "@comet/admin-react-select": "^7.x.x",
+```
+
+It is recommended to use the `AutocompleteField` or the `SelectField` components from `@comet/admin` instead:
+
+```diff
+- import { FinalFormReactSelectStaticOptions } from "@comet/admin-react-select";
+- <Field name="color" type="text" component={FinalFormReactSelectStaticOptions} fullWidth options={options} />;
++ import { AutocompleteField } from "@comet/admin";
++ <AutocompleteField name="color" label="Color" options={options} fullWidth />;
+```

docs/docs/overview/packages-tools.md

@@ -46,10 +46,6 @@ A complete list of the admin-icons can be found here: [Storybook](https://comet-
 
 Provides a customizable rich-text-editor component to allow advanced formatting of text.
 
-#### @comet/admin-react-select
-
-Provides a set of select components for use in forms, built with react-final-form.
-
 #### @comet/admin-date-time
 
 Provides components for selecting date and time or a range or combination of date and time.

docs/package.json

@@ -36,7 +36,6 @@
         "@comet/admin-color-picker": "workspace:*",
         "@comet/admin-date-time": "workspace:*",
         "@comet/admin-icons": "workspace:*",
-        "@comet/admin-react-select": "workspace:*",
         "@comet/admin-rte": "workspace:*",
         "@comet/admin-theme": "workspace:*",
         "@docusaurus/core": "2.4.1",

docs/src/theme/ReactLiveScope/index.js

@@ -46,7 +46,6 @@ if (ExecutionEnvironment.canUseDOM) {
     const cometAdminDateTimeImports = require("@comet/admin-date-time");
     const { Toolbar, ...cometAdminRteImports } = require("@comet/admin-rte");
     const cometAdminColorPickerImports = require("@comet/admin-color-picker");
-    const cometAdminReactSelectImports = require("@comet/admin-react-select");
     const cometAdminThemeImports = require("@comet/admin-theme");
     const { Card, CardContent, FormControlLabel, Grid, Chip, IconButton, Typography, Box } = require("@mui/material");
     const { Form } = require("react-final-form");
@@ -76,10 +75,6 @@ if (ExecutionEnvironment.canUseDOM) {
             name: "@comet/admin-color-picker",
             imports: cometAdminColorPickerImports,
         },
-        {
-            name: "@comet/admin-react-select",
-            imports: cometAdminReactSelectImports,
-        },
         {
             name: "@comet/admin-theme",
             imports: cometAdminThemeImports,

knip.json

@@ -53,10 +53,6 @@
             "entry": ["./src/index.ts"],
             "project": ["./src/**/*.{ts,tsx}"]
         },
-        "packages/admin/admin-react-select": {
-            "entry": ["./src/index.ts"],
-            "project": ["./src/**/*.{ts,tsx}"]
-        },
         "packages/admin/admin-rte": {
             "entry": ["./src/index.ts"],
             "project": ["./src/**/*.{ts,tsx}"]