feat: remove-all-legacy-components

.babelrc.js

@@ -24,14 +24,6 @@ module.exports = {
     '@babel/preset-typescript'
   ],
   plugins: [
-    [
-      "module-resolver",
-      {
-        "alias": {
-          "@momentum-ui/react-collaboration": "./src/legacy"
-        }
-      }
-    ],
     ['@babel/plugin-proposal-class-properties', { loose: true }],
     '@babel/plugin-proposal-export-default-from',
     '@babel/plugin-proposal-export-namespace-from',

.github/copilot-instructions.md

@@ -8,7 +8,6 @@ applyTo: '**/*'
 - `momentum-react-v2` is a React component library using TypeScript
 - `momentum-react-v2` is a Shim Layer for React components from NPM package `@momentum-design/components/dist/react`
 - Components in the folder `src/components/` are the new components that are supposed to be maintained and used.
-- Components in the folder `src/legacy/` are the old components that are deprecated and should not be used in new code.
 
 # Project coding standards
 

CONTRIBUTING.md

@@ -9,7 +9,6 @@ project, please fork this project.**
 - [Project Structure](#project-structure)
 - [Code Style](#code-style)
   - [New Components](#new-components)
-  - [Legacy Components](#legacy-components)
 - [Scripts](#scripts)
   - [CD](#cd)
   - [CI](#ci)
@@ -20,7 +19,6 @@ project, please fork this project.**
   - [storybook](#storybook)
   - [source](#source)
   - [styles](#styles)
-  - [legacy](#legacy)
 - [Submitting Changes](#submitting-changes)
 - [License](#license)
 
@@ -113,12 +111,9 @@ file structure of this project:
 +-+ config/ # configuration files for this project
 +-+ dist/ # built distributables
 +-+ docs/ # build documentation
-+-+ scss/ # legacy component styles ported from @momentum-ui/core
 +-+ src/ # source code for this project
   +-- components/ # typescript react components
-  +-- examples/ # legacy examples
   +-- helpers/ # enzyme test helpers
-  +-- legacy/ # legacy react components cloned from the original @momentum-ui/react project
   +-- storybook/ # storybook utilities
   +-- index.js # entry file for all module exports
 ```
@@ -196,34 +191,6 @@ When a changes occur against the new React components in this project, a few sta
 - Most components should have a `{component}.documentation.mdx` file that includes a description of
   the component.
 
-### Legacy Components
-
-Legacy components should not contain any larger feature work, and are currently in the
-**maintenance** SDLC state. Below is their directory model:
-
-```bash
-./ # project root directory
-+-+ scss/ # styling sub-module
-  +-+ components/ # scoped styling entry directory
-    +-+ {component}/ # scoped component styling
-      +-- {styles}.scss # various scoped styling definitions
-+-+ src/ # source code directory
-  +-- index.js # global react component module entry point
-  +-+ legacy/ # legacy react components directory
-    +-- index.js # legacy react component module entry point
-    +-+ {component}/ # legacy react component directory
-      +-- index.js # entry point for component, contains the component renderer
-      +-+ examples/ # examples documentation fo visual testing and docs
-        +-- index.js # examples module file, imports all files from directory needed
-        +-- KitchenSink.js # renderer for component states, includes all component states
-        +-- {state}.js # scoped state for this component
-      +-+ tests/ # scoped unit test directory
-        +-- index.spec.js # jest unit test file
-        +-- index.spec.js.snap # automatically-generated snapshot file
-```
-
-While most changes to these components wont require any changes to the module entry files, be aware
-that changes in those files may be needed in broad-scoped implementaitons.
 
 ## Scripts
 

config/constants.js

@@ -6,5 +6,3 @@ exports.srcRoot = path.join(exports.repoRoot, 'src/');
 exports.distRoot = path.join(exports.repoRoot, 'dist/');
 exports.libRoot = path.join(exports.repoRoot, 'lib/');
 exports.esRoot = path.join(exports.repoRoot, 'es/');
-
-exports.componentRoot = path.join(exports.srcRoot, 'legacy/');

config/plop/plopfile.js

@@ -54,30 +54,4 @@ module.exports = function (plop) {
       return actions;
     },
   });
-
-  plop.setGenerator('legacyStory', {
-    description: 'Add a story for a legacy component',
-    prompts: [
-      {
-        type: 'input',
-        name: 'componentName',
-        message: 'component name, please use appropriate uppercase (e.g. TextField)',
-        validate: (answer) => answer.length > 0,
-      },
-    ],
-    actions: function (data) {
-      let { componentName } = data;
-      let actions = [];
-
-      actions.push({
-        type: 'addMany',
-        templateFiles: 'plop-templates/legacy-component/**',
-        base: 'plop-templates/legacy-component',
-        destination: `src/legacy/${componentName}/examples`,
-        data: { componentName },
-      });
-
-      return actions;
-    },
-  });
 };

config/storybook/constants.js

@@ -3,5 +3,4 @@ module.exports = {
   ESM_DIR: './dist/esm/',
   CJS_DIR: './dist/cjs/',
   COMPONENTS_DIR: './components/',
-  LEGACY_COMPONENTS_DIR: './legacy/',
 };

config/storybook/generateMain.js

@@ -1,14 +1,11 @@
 const path = require('path');
-const { COMPONENTS_DIR, LEGACY_COMPONENTS_DIR } = require('./constants');
+const { COMPONENTS_DIR } = require('./constants');
 
 const REPO_ROOT = path.resolve(__dirname, '../../');
 
 const generateMain = (dir) => {
   return {
-    stories: [
-      path.join(REPO_ROOT, dir, COMPONENTS_DIR, '**/*.stories.@(js|jsx|ts|tsx)'),
-      path.join(REPO_ROOT, dir, LEGACY_COMPONENTS_DIR, '**/*.stories.@(js|jsx|ts|tsx)'),
-    ],
+    stories: [path.join(REPO_ROOT, dir, COMPONENTS_DIR, '**/*.stories.@(js|jsx|ts|tsx)')],
     addons: [
       '@storybook/addon-docs',
       '@storybook/addon-links',

config/typescript/tsconfig.build.json

@@ -7,7 +7,6 @@
   "extends": "./tsconfig.base.json",
   "include": [
     "../../src/index.ts",
-    "../../src/legacy/**/*.*",
     "../../src/components/**/*.*",
     "../../src/utils/**/*.*"
   ]

config/webpack/constants.js

@@ -6,5 +6,3 @@ exports.srcRoot = path.join(exports.repoRoot, 'src/');
 exports.distRoot = path.join(exports.repoRoot, 'dist/');
 exports.libRoot = path.join(exports.repoRoot, 'lib/');
 exports.esRoot = path.join(exports.repoRoot, 'es/');
-
-exports.componentRoot = path.join(exports.srcRoot, 'legacy/');

package.json

@@ -31,7 +31,7 @@
   },
   "scripts": {
     "build": "yarn source:build",
-    "ci:build": "yarn source:build && yarn source:build:stories && yarn source:copy:images && yarn source:build:documentation && yarn docs:build",
+    "ci:build": "yarn source:build && yarn source:build:stories && yarn source:build:documentation && yarn docs:build",
     "ci:publish": "semantic-release --branches master",
     "ci:test:examples": "run-p --race examples:start:esm examples:test",
     "ci:test:lint": "yarn lint:src",
@@ -47,7 +47,6 @@
     "examples:start:esm": "node ./config/webpack/server.docs.js",
     "examples:start:src": "node ./config/webpack/server.src.js",
     "generate:component": "plop component --cwd ./config/plop --dest .",
-    "generate:legacyStory": "plop legacyStory --cwd ./config/plop --dest .",
     "lint": "yarn lint:src && yarn lint:css && yarn lint:config",
     "lint:config": "esw \"./config/**/*.{js,jsx,ts,tsx}\"",
     "lint:src": "tsc --noEmit --skipLibCheck && esw \"./src/**/*.{js,jsx,ts,tsx}\"",
@@ -67,7 +66,6 @@
     "source:build:stories": "copyfiles -u 1 \"./src/**/*.stories.*\" ./dist/esm && copyfiles -u 1 \"./src/**/*.stories.*\" ./dist/cjs",
     "source:build:documentation": "copyfiles -u 1 \"./src/**/*.documentation.*\" ./dist/esm && copyfiles -u 1 \"./src/**/*.documentation.*\" ./dist/cjs",
     "source:build:watch": "./node_modules/.bin/nodemon --watch src -e ts,tsx,js,scss --exec yarn source:build",
-    "source:copy:images": "copyfiles -u 1 \"./src/legacy/**/examples/*.{jpg,png,svg}\" ./dist/esm && copyfiles -u 1 \"./src/legacy/**/examples/*.{jpg,png,svg}\" ./dist/cjs",
     "source:test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest",
     "storybook:build": "yarn storybook:clean && yarn storybook:build:esm",
     "storybook:build:cjs": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook -c ./config/storybook/cjs -o ./docs",