Remove MUI design system -- we're gonna start with shadcn instead

Author: airhorns

packages/react/cypress/component/auto/form/AutoFormInputLabels.cy.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable jest/valid-expect */
 import React from "react";
-import { MUIAutoInput } from "../../../../src/auto/mui/inputs/MUIAutoInput.js";
 import { PolarisAutoInput } from "../../../../src/auto/polaris/inputs/PolarisAutoInput.js";
 import { humanizeCamelCase } from "../../../../src/utils.js";
 import { api } from "../../../support/api.js";
@@ -11,10 +10,6 @@ const AutoInput = (props: { suiteName: string; field: string; label?: string })
     return <PolarisAutoInput {...props} />;
   }
 
-  if (props.suiteName === "MUI") {
-    return <MUIAutoInput {...props} />;
-  }
-
   throw new Error("Invalid suite name");
 };
 

packages/react/cypress/component/auto/form/AutoFormUpsertAction.cy.tsx

@@ -1,7 +1,5 @@
 import React from "react";
 import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
-import { MUIAutoInput } from "../../../../src/auto/mui/inputs/MUIAutoInput.js";
-import { MUIAutoSubmit } from "../../../../src/auto/mui/submit/MUIAutoSubmit.js";
 import { PolarisAutoInput } from "../../../../src/auto/polaris/inputs/PolarisAutoInput.js";
 import { PolarisAutoSubmit } from "../../../../src/auto/polaris/submit/PolarisAutoSubmit.js";
 import { api } from "../../../support/api.js";
@@ -159,13 +157,8 @@ describeForEachAutoAdapter("AutoForm - Upsert Action", ({ name, adapter: { AutoF
             <PolarisAutoInput field="inventoryCount" />
             <PolarisAutoSubmit />
           </>
-        ) : (
-          <>
-            <MUIAutoInput field="name" />
-            <MUIAutoInput field="inventoryCount" />
-            <MUIAutoSubmit />
-          </>
-        )}
+        ) : // todo: shadcn
+        null}
       </AutoForm>,
       wrapper
     );

packages/react/cypress/support/auto.tsx

@@ -1,12 +1,9 @@
-import { LocalizationProvider } from "@mui/x-date-pickers";
-import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 import { AppProvider, Card, Page } from "@shopify/polaris";
 import "@shopify/polaris/build/esm/styles.css";
 import translations from "@shopify/polaris/locales/en.json";
 import type { ComponentType, ReactNode } from "react";
 import React from "react";
 import type { AutoAdapter } from "../../src/auto/index.js";
-import * as MUIAdapter from "../../src/auto/mui/test-index.js";
 import * as PolarisAdapter from "../../src/auto/polaris/index.js";
 import { FormProvider, useForm } from "../../src/useActionForm.js";
 
@@ -16,10 +13,6 @@ interface AutoSuiteConfig {
   wrapper: ComponentType<{ children: ReactNode }>;
 }
 
-export const MUIWrapper = ({ children }: { children: ReactNode }) => (
-  <LocalizationProvider dateAdapter={AdapterDateFns}>{children}</LocalizationProvider>
-);
-
 export const PolarisWrapper = ({ children }: { children: ReactNode }) => (
   <AppProvider i18n={translations}>
     <FormProvider {...useForm()}>
@@ -30,12 +23,9 @@ export const PolarisWrapper = ({ children }: { children: ReactNode }) => (
   </AppProvider>
 );
 
-const suites: AutoSuiteConfig[] = [
-  { name: "MUI", adapter: MUIAdapter as any, wrapper: MUIWrapper },
-  { name: "Polaris", adapter: PolarisAdapter as any, wrapper: PolarisWrapper },
-];
+const suites: AutoSuiteConfig[] = [{ name: "Polaris", adapter: PolarisAdapter as any, wrapper: PolarisWrapper }];
 
-export const adapters = [MUIAdapter, PolarisAdapter];
+export const adapters = [PolarisAdapter];
 export const describeForEachAutoAdapter = (suiteName: string, suite: (config: AutoSuiteConfig) => void) => {
   // eslint-disable-next-line jest/valid-describe-callback, jest/valid-title
   describe.each(suites)((({ name }: { name: string }) => `${suiteName} - ${name}`) as any, suite);

packages/react/package.json

@@ -21,11 +21,6 @@
       "import": "./dist/esm/auto/polaris/index.js",
       "require": "./dist/cjs/auto/polaris/index.js",
       "default": "./dist/esm/auto/polaris/index.js"
-    },
-    "./auto/mui": {
-      "import": "./dist/esm/auto/mui/index.js",
-      "require": "./dist/cjs/auto/mui/index.js",
-      "default": "./dist/esm/auto/mui/index.js"
     }
   },
   "source": "src/index.ts",
@@ -35,7 +30,7 @@
     "typecheck": "tsc --noEmit",
     "clean": "rimraf dist/ auto/",
     "build": "pnpm clean && pnpm setup-build && tsc -b tsconfig.cjs.json tsconfig.esm.json && pnpm copy",
-    "setup-build": "mkdir -p dist/cjs dist/esm auto/polaris auto/mui && echo '{\"type\": \"commonjs\"}' > dist/cjs/package.json && echo '{\"main\": \"../../dist/cjs/auto/polaris/index.js\"}' > auto/polaris/package.json && echo '{\"main\": \"../../dist/cjs/auto/mui/index.js\"}' > auto/mui/package.json && echo '{\"type\": \"module\"}' > dist/esm/package.json",
+    "setup-build": "mkdir -p dist/cjs dist/esm auto/polaris && echo '{\"type\": \"commonjs\"}' > dist/cjs/package.json && echo '{\"main\": \"../../dist/cjs/auto/polaris/index.js\"}' > auto/polaris/package.json && echo '{\"type\": \"module\"}' > dist/esm/package.json",
     "copy": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
     "watch": "tsc -b tsconfig.esm.json --watch --preserveWatchOutput",
     "gql-gen": "graphql-codegen",
@@ -68,7 +63,6 @@
     "@graphql-codegen/client-preset": "^4.1.0",
     "@graphql-typed-document-node/core": "^3.2.0",
     "@mdxeditor/editor": "^3.8.0",
-    "@mui/material": "^5.14.8",
     "@n1ru4l/json-patch-plus": "^0.2.0",
     "@pollyjs/adapter-fetch": "^6.0.6",
     "@pollyjs/adapter-node-http": "^6.0.6",
@@ -117,10 +111,6 @@
   },
   "peerDependencies": {
     "@mdxeditor/editor": "^3.8.0",
-    "@mui/lab": "5.0.0-alpha.145",
-    "@mui/material": "^5.14.8",
-    "@mui/x-data-grid": "^6.12.1",
-    "@mui/x-date-pickers": "^6.14.0",
     "@shopify/polaris": "^12.0.0 || ^13.0.0",
     "@shopify/polaris-icons": "^8.1.0 || ^9.0.0",
     "react": "^18.0.0",
@@ -130,18 +120,6 @@
     "@mdxeditor/editor": {
       "optional": true
     },
-    "@mui/lab": {
-      "optional": true
-    },
-    "@mui/material": {
-      "optional": true
-    },
-    "@mui/x-data-grid": {
-      "optional": true
-    },
-    "@mui/x-date-pickers": {
-      "optional": true
-    },
     "@shopify/polaris": {
       "optional": true
     },

packages/react/spec/imports/cjs-auto-import.js

@@ -1,4 +1,3 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { AutoForm: PolarisAutoForm } = require("@gadgetinc/react/auto/polaris");
-const { AutoForm: MUIAutoForm } = require("@gadgetinc/react/auto/mui");
 if (typeof PolarisAutoForm == "undefined") throw new Error("PolarisAutoForm is undefined");