@teambit/mdx 1.0.41 → 1.0.42

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/mdx",
-  "version": "1.0.41",
+  "version": "1.0.42",
   "homepage": "https://bit.cloud/teambit/mdx/mdx",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.mdx",
     "name": "mdx",
-    "version": "1.0.41"
+    "version": "1.0.42"
   },
   "dependencies": {
     "@babel/core": "7.19.6",
@@ -14,28 +14,32 @@
     "minimatch": "3.0.5",
     "@babel/helper-plugin-test-runner": "7.16.7",
     "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
+    "@babel/runtime": "7.23.2",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "@teambit/harmony": "0.4.6",
+    "@teambit/component-id": "1.1.1",
+    "@teambit/mdx.generator.mdx-templates": "1.0.9",
     "@teambit/design.ui.empty-box": "0.0.363",
-    "@teambit/builder": "1.0.41",
+    "@teambit/builder": "1.0.42",
     "@teambit/compilation.modules.babel-compiler": "0.0.136",
-    "@teambit/compiler": "1.0.41",
+    "@teambit/compiler": "1.0.42",
     "@teambit/mdx.modules.mdx-compiler": "0.0.503",
-    "@teambit/dependency-resolver": "1.0.41",
-    "@teambit/docs": "1.0.41",
-    "@teambit/envs": "1.0.41",
-    "@teambit/babel": "1.0.41",
-    "@teambit/cli": "0.0.806",
-    "@teambit/generator": "1.0.42",
-    "@teambit/multi-compiler": "1.0.41",
-    "@teambit/react": "1.0.41",
+    "@teambit/dependency-resolver": "1.0.42",
+    "@teambit/docs": "1.0.42",
+    "@teambit/envs": "1.0.42",
+    "@teambit/babel": "1.0.42",
+    "@teambit/cli": "0.0.807",
+    "@teambit/generator": "1.0.43",
+    "@teambit/logger": "0.0.900",
+    "@teambit/multi-compiler": "1.0.42",
+    "@teambit/react": "1.0.42",
     "@teambit/typescript.modules.ts-config-mutator": "0.0.79",
-    "@teambit/typescript": "1.0.41",
-    "@teambit/compositions": "1.0.41",
-    "@teambit/tester": "1.0.41",
-    "@teambit/ui": "1.0.41"
+    "@teambit/typescript": "1.0.42",
+    "@teambit/worker": "0.0.1111",
+    "@teambit/compositions": "1.0.42",
+    "@teambit/tester": "1.0.42",
+    "@teambit/ui": "1.0.42"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",
@@ -47,7 +51,7 @@
     "@types/react-dom": "^17.0.5",
     "@types/jest": "^26.0.0",
     "@types/testing-library__jest-dom": "5.9.5",
-    "@teambit/mdx.aspect-docs.mdx": "0.0.163"
+    "@teambit/mdx.aspect-docs.mdx": "0.0.164"
   },
   "peerDependencies": {},
   "license": "Apache-2.0",

package/dist/templates/mdx-component/files/component.d.ts

@@ -1,5 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-export declare const componentFile: (context: ComponentContext) => {
-    relativePath: string;
-    content: string;
-};

package/dist/templates/mdx-component/files/component.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.componentFile = void 0;
-const regex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g;
-const componentFile = context => {
-  const {
-    name,
-    namePascalCase: Name
-  } = context;
-  return {
-    relativePath: `${name}.mdx`,
-    content: `# ${Name.replace(regex, '$1$4 $2$3$5')}
-
-This is markdown.
-
-<p>This is HTML</p>
-
-# Import a React Component or use HTML
-
-<button>Button 👋 </button>
-`
-  };
-};
-exports.componentFile = componentFile;
-
-//# sourceMappingURL=component.js.map

package/dist/templates/mdx-component/files/component.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["regex","componentFile","context","name","namePascalCase","Name","relativePath","content","replace","exports"],"sources":["component.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nconst regex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g;\n\nexport const componentFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n  return {\n    relativePath: `${name}.mdx`,\n    content: `# ${Name.replace(regex, '$1$4 $2$3$5')}\n\nThis is markdown.\n\n<p>This is HTML</p>\n\n# Import a React Component or use HTML\n\n<button>Button 👋 </button>\n`,\n  };\n};\n"],"mappings":";;;;;;AAEA,MAAMA,KAAK,GAAG,uCAAuC;AAE9C,MAAMC,aAAa,GAAIC,OAAyB,IAAK;EAC1D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAC9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,MAAK;IAC3BI,OAAO,EAAG,KAAIF,IAAI,CAACG,OAAO,CAACR,KAAK,EAAE,aAAa,CAAE;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,CAAC;AACH,CAAC;AAACS,OAAA,CAAAR,aAAA,GAAAA,aAAA"}

package/dist/templates/mdx-component/files/composition.d.ts

@@ -1,5 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-export declare const compositionFile: (context: ComponentContext) => {
-    relativePath: string;
-    content: string;
-};

package/dist/templates/mdx-component/files/composition.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.compositionFile = void 0;
-const compositionFile = context => {
-  const {
-    name,
-    namePascalCase: Name
-  } = context;
-  return {
-    relativePath: `${name}.composition.tsx`,
-    content: `import React from 'react';
-import { ${Name} } from './index';
-
-export const Basic${Name} = () => (
-  <${Name} />
-);
-`
-  };
-};
-exports.compositionFile = compositionFile;
-
-//# sourceMappingURL=composition.js.map

package/dist/templates/mdx-component/files/composition.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["compositionFile","context","name","namePascalCase","Name","relativePath","content","exports"],"sources":["composition.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const compositionFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.composition.tsx`,\n    content: `import React from 'react';\nimport { ${Name} } from './index';\n\nexport const Basic${Name} = () => (\n  <${Name} />\n);\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAIC,OAAyB,IAAK;EAC5D,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,kBAAiB;IACvCI,OAAO,EAAG;AACd,WAAWF,IAAK;AAChB;AACA,oBAAoBA,IAAK;AACzB,KAAKA,IAAK;AACV;AACA;EACE,CAAC;AACH,CAAC;AAACG,OAAA,CAAAP,eAAA,GAAAA,eAAA"}

package/dist/templates/mdx-component/files/docs.d.ts

@@ -1,5 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-export declare const docsFile: (context: ComponentContext) => {
-    relativePath: string;
-    content: string;
-};

package/dist/templates/mdx-component/files/docs.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.docsFile = void 0;
-const docsFile = context => {
-  const {
-    name,
-    namePascalCase: Name
-  } = context;
-  return {
-    relativePath: `${name}.docs.mdx`,
-    content: `---
-description: 'An MDX component.'
-labels: ['content', 'mdx']
----
-
-import { ${Name} } from './index';
-
-### Component usage
-\`\`\`js
-<${Name} />
-\`\`\`
-
-### Render with theme and MDX providers
-
-\`\`\`js
-import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'
-import { MDXLayout } from '@teambit/mdx.ui.mdx-layout'
-import { ${Name} } from './index'
-
-<ThemeCompositions>
-  <MDXLayout>
-    <${Name} />
-  </MDXLayout>
-</ThemeCompositions>
-\`\`\`
-`
-  };
-};
-exports.docsFile = docsFile;
-
-//# sourceMappingURL=docs.js.map

package/dist/templates/mdx-component/files/docs.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["docsFile","context","name","namePascalCase","Name","relativePath","content","exports"],"sources":["docs.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const docsFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.docs.mdx`,\n    content: `---\ndescription: 'An MDX component.'\nlabels: ['content', 'mdx']\n---\n\nimport { ${Name} } from './index';\n\n### Component usage\n\\`\\`\\`js\n<${Name} />\n\\`\\`\\`\n\n### Render with theme and MDX providers\n\n\\`\\`\\`js\nimport { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout'\nimport { ${Name} } from './index'\n\n<ThemeCompositions>\n  <MDXLayout>\n    <${Name} />\n  </MDXLayout>\n</ThemeCompositions>\n\\`\\`\\`\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAyB,IAAK;EACrD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WAAU;IAChCI,OAAO,EAAG;AACd;AACA;AACA;AACA;AACA,WAAWF,IAAK;AAChB;AACA;AACA;AACA,GAAGA,IAAK;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAWA,IAAK;AAChB;AACA;AACA;AACA,OAAOA,IAAK;AACZ;AACA;AACA;AACA;EACE,CAAC;AACH,CAAC;AAACG,OAAA,CAAAP,QAAA,GAAAA,QAAA"}

package/dist/templates/mdx-component/files/test.d.ts

@@ -1,5 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-export declare const testFile: (context: ComponentContext) => {
-    relativePath: string;
-    content: string;
-};

package/dist/templates/mdx-component/files/test.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.testFile = void 0;
-const testFile = context => {
-  const {
-    name,
-    namePascalCase: Name
-  } = context;
-  return {
-    relativePath: `${name}.spec.tsx`,
-    content: `import React from 'react';
-import { render } from '@testing-library/react';
-import { Basic${Name} } from './${name}.composition';
-
-it('should render with the correct text', () => {
-  const { getByText } = render(<Basic${Name} />);
-  const rendered = getByText('${Name}');
-  expect(rendered).toBeTruthy();
-});
-`
-  };
-};
-exports.testFile = testFile;
-
-//# sourceMappingURL=test.js.map

package/dist/templates/mdx-component/files/test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["testFile","context","name","namePascalCase","Name","relativePath","content","exports"],"sources":["test.ts"],"sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport const testFile = (context: ComponentContext) => {\n  const { name, namePascalCase: Name } = context;\n\n  return {\n    relativePath: `${name}.spec.tsx`,\n    content: `import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Basic${Name} } from './${name}.composition';\n\nit('should render with the correct text', () => {\n  const { getByText } = render(<Basic${Name} />);\n  const rendered = getByText('${Name}');\n  expect(rendered).toBeTruthy();\n});\n`,\n  };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,QAAQ,GAAIC,OAAyB,IAAK;EACrD,MAAM;IAAEC,IAAI;IAAEC,cAAc,EAAEC;EAAK,CAAC,GAAGH,OAAO;EAE9C,OAAO;IACLI,YAAY,EAAG,GAAEH,IAAK,WAAU;IAChCI,OAAO,EAAG;AACd;AACA,gBAAgBF,IAAK,cAAaF,IAAK;AACvC;AACA;AACA,uCAAuCE,IAAK;AAC5C,gCAAgCA,IAAK;AACrC;AACA;AACA;EACE,CAAC;AACH,CAAC;AAACG,OAAA,CAAAP,QAAA,GAAAA,QAAA"}

package/dist/templates/mdx-component/index.d.ts

@@ -1,3 +0,0 @@
-import { ComponentTemplate } from '@teambit/generator';
-export declare const MDXComponent: ComponentTemplate;
-export declare const deprecatedMDXComponent: ComponentTemplate;

package/dist/templates/mdx-component/index.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.deprecatedMDXComponent = exports.MDXComponent = void 0;
-function _component() {
-  const data = require("./files/component");
-  _component = function () {
-    return data;
-  };
-  return data;
-}
-function _composition() {
-  const data = require("./files/composition");
-  _composition = function () {
-    return data;
-  };
-  return data;
-}
-function _docs() {
-  const data = require("./files/docs");
-  _docs = function () {
-    return data;
-  };
-  return data;
-}
-// TODO @ranm8 Tests won't work in MDX until we add a Jest Transformer for the MDX env.
-// import { testFile } from './files/test';
-
-const MDXComponent = {
-  name: 'mdx',
-  description: 'MDX-file compiled by Bit to a reuseable component',
-  hidden: true,
-  generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { default as ${Name}, default } from './${name}.mdx';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context)];
-  },
-  config: {
-    'teambit.mdx/mdx': {},
-    'teambit.envs/envs': {
-      env: 'teambit.mdx/mdx'
-    }
-  }
-};
-exports.MDXComponent = MDXComponent;
-const deprecatedMDXComponent = {
-  name: 'mdx-component',
-  description: 'MDX-file compiled by Bit to a reuseable component',
-  hidden: true,
-  generateFiles: context => {
-    const {
-      name,
-      namePascalCase: Name
-    } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { default as ${Name} } from './${name}.mdx';
-`
-    };
-    return [indexFile, (0, _component().componentFile)(context), (0, _composition().compositionFile)(context), (0, _docs().docsFile)(context)];
-  },
-  config: {
-    'teambit.mdx/mdx': {},
-    'teambit.envs/envs': {
-      env: 'teambit.mdx/mdx'
-    }
-  }
-};
-exports.deprecatedMDXComponent = deprecatedMDXComponent;
-
-//# sourceMappingURL=index.js.map

package/dist/templates/mdx-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_component","data","require","_composition","_docs","MDXComponent","name","description","hidden","generateFiles","context","namePascalCase","Name","indexFile","relativePath","content","componentFile","compositionFile","docsFile","config","env","exports","deprecatedMDXComponent"],"sources":["index.ts"],"sourcesContent":["import { ComponentTemplate, ComponentContext } from '@teambit/generator';\nimport { componentFile } from './files/component';\nimport { compositionFile } from './files/composition';\nimport { docsFile } from './files/docs';\n// TODO @ranm8 Tests won't work in MDX until we add a Jest Transformer for the MDX env.\n// import { testFile } from './files/test';\n\nexport const MDXComponent: ComponentTemplate = {\n  name: 'mdx',\n  description: 'MDX-file compiled by Bit to a reuseable component',\n  hidden: true,\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { default as ${Name}, default } from './${name}.mdx';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context)];\n  },\n  config: {\n    'teambit.mdx/mdx': {},\n    'teambit.envs/envs': {\n      env: 'teambit.mdx/mdx',\n    },\n  },\n};\n\nexport const deprecatedMDXComponent: ComponentTemplate = {\n  name: 'mdx-component',\n  description: 'MDX-file compiled by Bit to a reuseable component',\n  hidden: true,\n\n  generateFiles: (context: ComponentContext) => {\n    const { name, namePascalCase: Name } = context;\n    const indexFile = {\n      relativePath: 'index.ts',\n      content: `export { default as ${Name} } from './${name}.mdx';\n`,\n    };\n\n    return [indexFile, componentFile(context), compositionFile(context), docsFile(context)];\n  },\n  config: {\n    'teambit.mdx/mdx': {},\n    'teambit.envs/envs': {\n      env: 'teambit.mdx/mdx',\n    },\n  },\n};\n"],"mappings":";;;;;;AACA,SAAAA,WAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,UAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,aAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,YAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,MAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,KAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA;AACA;;AAEO,MAAMI,YAA+B,GAAG;EAC7CC,IAAI,EAAE,KAAK;EACXC,WAAW,EAAE,mDAAmD;EAChEC,MAAM,EAAE,IAAI;EACZC,aAAa,EAAGC,OAAyB,IAAK;IAC5C,MAAM;MAAEJ,IAAI;MAAEK,cAAc,EAAEC;IAAK,CAAC,GAAGF,OAAO;IAC9C,MAAMG,SAAS,GAAG;MAChBC,YAAY,EAAE,UAAU;MACxBC,OAAO,EAAG,uBAAsBH,IAAK,uBAAsBN,IAAK;AACtE;IACI,CAAC;IAED,OAAO,CAACO,SAAS,EAAE,IAAAG,0BAAa,EAACN,OAAO,CAAC,EAAE,IAAAO,8BAAe,EAACP,OAAO,CAAC,EAAE,IAAAQ,gBAAQ,EAACR,OAAO,CAAC,CAAC;EACzF,CAAC;EACDS,MAAM,EAAE;IACN,iBAAiB,EAAE,CAAC,CAAC;IACrB,mBAAmB,EAAE;MACnBC,GAAG,EAAE;IACP;EACF;AACF,CAAC;AAACC,OAAA,CAAAhB,YAAA,GAAAA,YAAA;AAEK,MAAMiB,sBAAyC,GAAG;EACvDhB,IAAI,EAAE,eAAe;EACrBC,WAAW,EAAE,mDAAmD;EAChEC,MAAM,EAAE,IAAI;EAEZC,aAAa,EAAGC,OAAyB,IAAK;IAC5C,MAAM;MAAEJ,IAAI;MAAEK,cAAc,EAAEC;IAAK,CAAC,GAAGF,OAAO;IAC9C,MAAMG,SAAS,GAAG;MAChBC,YAAY,EAAE,UAAU;MACxBC,OAAO,EAAG,uBAAsBH,IAAK,cAAaN,IAAK;AAC7D;IACI,CAAC;IAED,OAAO,CAACO,SAAS,EAAE,IAAAG,0BAAa,EAACN,OAAO,CAAC,EAAE,IAAAO,8BAAe,EAACP,OAAO,CAAC,EAAE,IAAAQ,gBAAQ,EAACR,OAAO,CAAC,CAAC;EACzF,CAAC;EACDS,MAAM,EAAE;IACN,iBAAiB,EAAE,CAAC,CAAC;IACrB,mBAAmB,EAAE;MACnBC,GAAG,EAAE;IACP;EACF;AACF,CAAC;AAACC,OAAA,CAAAC,sBAAA,GAAAA,sBAAA"}

package/templates/mdx-component/files/component.ts

@@ -1,20 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-const regex = /([A-Z])([A-Z])([a-z])|([a-z])([A-Z])/g;
-
-export const componentFile = (context: ComponentContext) => {
-  const { name, namePascalCase: Name } = context;
-  return {
-    relativePath: `${name}.mdx`,
-    content: `# ${Name.replace(regex, '$1$4 $2$3$5')}
-
-This is markdown.
-
-<p>This is HTML</p>
-
-# Import a React Component or use HTML
-
-<button>Button 👋 </button>
-`,
-  };
-};

package/templates/mdx-component/files/composition.ts

@@ -1,16 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-export const compositionFile = (context: ComponentContext) => {
-  const { name, namePascalCase: Name } = context;
-
-  return {
-    relativePath: `${name}.composition.tsx`,
-    content: `import React from 'react';
-import { ${Name} } from './index';
-
-export const Basic${Name} = () => (
-  <${Name} />
-);
-`,
-  };
-};

package/templates/mdx-component/files/docs.ts

@@ -1,35 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-export const docsFile = (context: ComponentContext) => {
-  const { name, namePascalCase: Name } = context;
-
-  return {
-    relativePath: `${name}.docs.mdx`,
-    content: `---
-description: 'An MDX component.'
-labels: ['content', 'mdx']
----
-
-import { ${Name} } from './index';
-
-### Component usage
-\`\`\`js
-<${Name} />
-\`\`\`
-
-### Render with theme and MDX providers
-
-\`\`\`js
-import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions'
-import { MDXLayout } from '@teambit/mdx.ui.mdx-layout'
-import { ${Name} } from './index'
-
-<ThemeCompositions>
-  <MDXLayout>
-    <${Name} />
-  </MDXLayout>
-</ThemeCompositions>
-\`\`\`
-`,
-  };
-};

package/templates/mdx-component/files/test.ts

@@ -1,19 +0,0 @@
-import { ComponentContext } from '@teambit/generator';
-
-export const testFile = (context: ComponentContext) => {
-  const { name, namePascalCase: Name } = context;
-
-  return {
-    relativePath: `${name}.spec.tsx`,
-    content: `import React from 'react';
-import { render } from '@testing-library/react';
-import { Basic${Name} } from './${name}.composition';
-
-it('should render with the correct text', () => {
-  const { getByText } = render(<Basic${Name} />);
-  const rendered = getByText('${Name}');
-  expect(rendered).toBeTruthy();
-});
-`,
-  };
-};

package/templates/mdx-component/index.ts

@@ -1,51 +0,0 @@
-import { ComponentTemplate, ComponentContext } from '@teambit/generator';
-import { componentFile } from './files/component';
-import { compositionFile } from './files/composition';
-import { docsFile } from './files/docs';
-// TODO @ranm8 Tests won't work in MDX until we add a Jest Transformer for the MDX env.
-// import { testFile } from './files/test';
-
-export const MDXComponent: ComponentTemplate = {
-  name: 'mdx',
-  description: 'MDX-file compiled by Bit to a reuseable component',
-  hidden: true,
-  generateFiles: (context: ComponentContext) => {
-    const { name, namePascalCase: Name } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { default as ${Name}, default } from './${name}.mdx';
-`,
-    };
-
-    return [indexFile, componentFile(context), compositionFile(context), docsFile(context)];
-  },
-  config: {
-    'teambit.mdx/mdx': {},
-    'teambit.envs/envs': {
-      env: 'teambit.mdx/mdx',
-    },
-  },
-};
-
-export const deprecatedMDXComponent: ComponentTemplate = {
-  name: 'mdx-component',
-  description: 'MDX-file compiled by Bit to a reuseable component',
-  hidden: true,
-
-  generateFiles: (context: ComponentContext) => {
-    const { name, namePascalCase: Name } = context;
-    const indexFile = {
-      relativePath: 'index.ts',
-      content: `export { default as ${Name} } from './${name}.mdx';
-`,
-    };
-
-    return [indexFile, componentFile(context), compositionFile(context), docsFile(context)];
-  },
-  config: {
-    'teambit.mdx/mdx': {},
-    'teambit.envs/envs': {
-      env: 'teambit.mdx/mdx',
-    },
-  },
-};