@teambit/component 0.0.555 → 0.0.559

package/dist/component.graphql.d.ts

@@ -13,7 +13,7 @@ export declare function componentSchema(componentExtension: ComponentMain): {
                 path: string;
             }) => string | undefined;
             mainFile: (component: Component) => any;
-            headTag: (component: Component) => import("./tag/tag").TagProps | undefined;
+            headTag: (component: Component) => import(".").TagProps | undefined;
             latest: (component: Component) => string | undefined;
             tags: (component: any) => any;
             aspects: (component: Component) => {

package/dist/index.d.ts

@@ -7,9 +7,9 @@ export type { default as ComponentConfig } from './config';
 export type { ComponentFactory } from './component-factory';
 export type { AspectList } from './aspect-list';
 export { AspectEntry, AspectData } from './aspect-entry';
-export { Snap } from './snap/snap';
+export { Snap, SnapProps } from './snap/snap';
 export type { Author } from './snap/author';
-export { Tag } from './tag/tag';
+export { Tag, TagProps } from './tag/tag';
 export { State } from './state';
 export type { Hash } from './hash';
 export { TagMap } from './tag-map';

package/dist/index.js

@@ -89,6 +89,12 @@ Object.defineProperty(exports, "Snap", {
     return _snap().Snap;
   }
 });
+Object.defineProperty(exports, "SnapProps", {
+  enumerable: true,
+  get: function () {
+    return _snap().SnapProps;
+  }
+});
 Object.defineProperty(exports, "State", {
   enumerable: true,
   get: function () {
@@ -107,6 +113,12 @@ Object.defineProperty(exports, "TagMap", {
     return _tagMap().TagMap;
   }
 });
+Object.defineProperty(exports, "TagProps", {
+  enumerable: true,
+  get: function () {
+    return _tag().TagProps;
+  }
+});
 exports.default = void 0;
 Object.defineProperty(exports, "useComponentHost", {
   enumerable: true,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["ComponentAspect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAjBA;AACA;AAGA;AACA;AAaA;AACA;eAEeA,4B","sourcesContent":["import { ComponentAspect } from './component.aspect';\n\nexport { useComponentHost } from './host';\nexport { Component, InvalidComponent } from './component';\nexport { ComponentID } from '@teambit/component-id';\nexport { default as ComponentFS } from './component-fs';\nexport type { default as ComponentConfig } from './config';\nexport type { ComponentFactory } from './component-factory';\nexport type { AspectList } from './aspect-list';\nexport { AspectEntry, AspectData } from './aspect-entry';\n// TODO: check why it's not working when using the index in snap dir like this:\n// export { Snap, Author } from './snap';\nexport { Snap } from './snap/snap';\nexport type { Author } from './snap/author';\n// TODO: check why it's not working when using the index in tag dir like this:\n// export { Tag } from './tag';\nexport { Tag } from './tag/tag';\nexport { State } from './state';\nexport type { Hash } from './hash';\nexport { TagMap } from './tag-map';\nexport { ComponentMap } from './component-map';\nexport type { ComponentMain } from './component.main.runtime';\nexport type { ComponentUI } from './component.ui.runtime';\nexport { Section } from './section';\nexport { ComponentContext } from './ui/context/component-context';\nexport { ComponentModel, ComponentModelProps } from './ui/component-model';\nexport type { ShowFragment, ShowRow } from './show';\nexport { default as Config } from './config';\n// export { AspectList } from './aspect-list';\n// export { AspectEntry } from './aspect-entry';\nexport { ComponentAspect };\nexport default ComponentAspect;\n"]}
+{"version":3,"sources":["index.ts"],"names":["ComponentAspect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAjBA;AACA;AAGA;AACA;AAaA;AACA;eAEeA,4B","sourcesContent":["import { ComponentAspect } from './component.aspect';\n\nexport { useComponentHost } from './host';\nexport { Component, InvalidComponent } from './component';\nexport { ComponentID } from '@teambit/component-id';\nexport { default as ComponentFS } from './component-fs';\nexport type { default as ComponentConfig } from './config';\nexport type { ComponentFactory } from './component-factory';\nexport type { AspectList } from './aspect-list';\nexport { AspectEntry, AspectData } from './aspect-entry';\n// TODO: check why it's not working when using the index in snap dir like this:\n// export { Snap, Author } from './snap';\nexport { Snap, SnapProps } from './snap/snap';\nexport type { Author } from './snap/author';\n// TODO: check why it's not working when using the index in tag dir like this:\n// export { Tag } from './tag';\nexport { Tag, TagProps } from './tag/tag';\nexport { State } from './state';\nexport type { Hash } from './hash';\nexport { TagMap } from './tag-map';\nexport { ComponentMap } from './component-map';\nexport type { ComponentMain } from './component.main.runtime';\nexport type { ComponentUI } from './component.ui.runtime';\nexport { Section } from './section';\nexport { ComponentContext } from './ui/context/component-context';\nexport { ComponentModel, ComponentModelProps } from './ui/component-model';\nexport type { ShowFragment, ShowRow } from './show';\nexport { default as Config } from './config';\n// export { AspectList } from './aspect-list';\n// export { AspectEntry } from './aspect-entry';\nexport { ComponentAspect };\nexport default ComponentAspect;\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "0.0.555",
+  "version": "0.0.559",
   "homepage": "https://bit.dev/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "0.0.555"
+    "version": "0.0.559"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -26,38 +26,38 @@
     "@teambit/base-ui.routing.nav-link": "1.0.0",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
-    "@teambit/component-id": "0.0.376",
-    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.465",
-    "@teambit/aspect-loader": "0.0.555",
-    "@teambit/legacy-bit-id": "0.0.375",
-    "@teambit/toolbox.string.capitalize": "0.0.460",
-    "@teambit/cli": "0.0.386",
-    "@teambit/config": "0.0.397",
-    "@teambit/express": "0.0.475",
-    "@teambit/graphql": "0.0.555",
-    "@teambit/bit-error": "0.0.372",
-    "@teambit/command-bar": "0.0.555",
-    "@teambit/preview": "0.0.555",
-    "@teambit/pubsub": "0.0.555",
-    "@teambit/ui-foundation.ui.is-browser": "0.0.463",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.463",
-    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.465",
-    "@teambit/ui": "0.0.555",
-    "@teambit/component-issues": "0.0.21",
-    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.464",
-    "@teambit/cli-table": "0.0.9",
-    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.463",
+    "@teambit/component-id": "0.0.379",
+    "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.468",
+    "@teambit/aspect-loader": "0.0.559",
+    "@teambit/legacy-bit-id": "0.0.378",
+    "@teambit/toolbox.string.capitalize": "0.0.463",
+    "@teambit/cli": "0.0.389",
+    "@teambit/config": "0.0.400",
+    "@teambit/express": "0.0.478",
+    "@teambit/graphql": "0.0.559",
+    "@teambit/bit-error": "0.0.375",
+    "@teambit/command-bar": "0.0.559",
+    "@teambit/preview": "0.0.559",
+    "@teambit/pubsub": "0.0.559",
+    "@teambit/ui-foundation.ui.is-browser": "0.0.466",
+    "@teambit/ui-foundation.ui.main-dropdown": "0.0.466",
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.468",
+    "@teambit/ui": "0.0.559",
+    "@teambit/component-issues": "0.0.24",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.467",
+    "@teambit/cli-table": "0.0.12",
+    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.466",
     "@teambit/design.ui.empty-box": "0.0.352",
-    "@teambit/harmony.ui.aspect-box": "0.0.463",
+    "@teambit/harmony.ui.aspect-box": "0.0.466",
     "@teambit/design.ui.pages.not-found": "0.0.352",
     "@teambit/design.ui.pages.server-error": "0.0.352",
-    "@teambit/compositions": "0.0.555",
-    "@teambit/deprecation": "0.0.555",
-    "@teambit/envs": "0.0.555",
-    "@teambit/component.ui.version-dropdown": "0.0.467",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.84",
-    "@teambit/ui-foundation.ui.use-box.menu": "0.0.84",
-    "@teambit/ui-foundation.ui.react-router.extend-path": "0.0.463"
+    "@teambit/compositions": "0.0.559",
+    "@teambit/deprecation": "0.0.559",
+    "@teambit/envs": "0.0.559",
+    "@teambit/component.ui.version-dropdown": "0.0.470",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.87",
+    "@teambit/ui-foundation.ui.use-box.menu": "0.0.87",
+    "@teambit/ui-foundation.ui.react-router.extend-path": "0.0.466"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -72,11 +72,11 @@
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4",
-    "@teambit/component.aspect-docs.component": "0.0.105"
+    "@teambit/component.aspect-docs.component": "0.0.108"
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "@teambit/legacy": "1.0.172",
+    "@teambit/legacy": "1.0.175",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -104,12 +104,27 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.172",
+        "@teambit/legacy": "1.0.175",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "**/*.md",
+    "**/*.mdx",
+    "**/*.js",
+    "**/*.json",
+    "**/*.sass",
+    "**/*.scss",
+    "**/*.less",
+    "**/*.css",
+    "**/*.css",
+    "**/*.jpeg",
+    "**/*.gif"
+  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/tsconfig.json

@@ -15,9 +15,9 @@
     "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "outDir": "dist",
     "composite": true,
     "emitDeclarationOnly": true,
+    "outDir": "dist",
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "allowSyntheticDefaultImports": true,

package/aspect-entry.ts

@@ -1,67 +0,0 @@
-import { ExtensionDataEntry } from '@teambit/legacy/dist/consumer/config/extension-data';
-import { ComponentID } from '@teambit/component-id';
-
-export type Serializable = {
-  toString(): string;
-};
-
-export type SerializableMap = {
-  [key: string]: Serializable;
-};
-
-export type AspectData = {
-  [key: string]: any;
-};
-
-export class AspectEntry {
-  constructor(public id: ComponentID, private legacyEntry: ExtensionDataEntry) {}
-
-  get legacy() {
-    return this.legacyEntry;
-  }
-
-  get isLegacy(): boolean {
-    if (this.config?.__legacy) return true;
-    return false;
-  }
-
-  get config() {
-    return this.legacy.config;
-  }
-
-  set config(config) {
-    this.legacy.config = config;
-  }
-
-  get data(): { [key: string]: any } {
-    return this.legacy.data;
-  }
-
-  get isRemoved(): boolean {
-    return this.legacy.isRemoved;
-  }
-
-  // eslint-disable-next-line @typescript-eslint/adjacent-overload-signatures
-  set data(val: { [key: string]: any }) {
-    this.legacy.data = val;
-  }
-
-  transform(newData: SerializableMap): AspectEntry {
-    const newEntry = this.clone();
-    newEntry.data = newData;
-    return new AspectEntry(this.id, newEntry.legacy);
-  }
-
-  clone(): AspectEntry {
-    return new AspectEntry(this.id, this.legacyEntry.clone());
-  }
-
-  serialize() {
-    return {
-      id: this.id.toString(),
-      config: this.config,
-      data: this.data,
-      icon: 'https://static.bit.dev/extensions-icons/default.svg', // TODO @gilad - once you connect the icon here please use this url as the default icon
-    };
-  }
-}

package/aspect-list.ts

@@ -1,100 +0,0 @@
-import { isEmpty } from 'lodash';
-import { ExtensionDataList, ExtensionDataEntry } from '@teambit/legacy/dist/consumer/config/extension-data';
-import { ComponentID } from '@teambit/component-id';
-import { AspectEntry, SerializableMap } from './aspect-entry';
-
-/**
- * list of aspects, each may have data and artifacts saved per component.
- */
-export class AspectList {
-  constructor(readonly entries: AspectEntry[]) {}
-
-  addEntry(aspectId: ComponentID, data: SerializableMap = {}) {
-    const extensionDataEntry = new ExtensionDataEntry(undefined, aspectId._legacy, undefined, {}, data);
-    const entry = new AspectEntry(aspectId, extensionDataEntry);
-    this.entries.push(entry);
-    return entry;
-  }
-
-  /**
-   * get all ids as strings from the aspect list.
-   */
-  get ids(): string[] {
-    const list = this.entries.map((entry) => entry.id.toString());
-    return list;
-  }
-
-  /**
-   * get an aspect from the list using a serialized ID.
-   */
-  get(id: string): AspectEntry | undefined {
-    return this.entries.find((entry) => {
-      return entry.legacy.stringId === id;
-    });
-  }
-
-  /**
-   * find aspect by component ID.
-   */
-  find(id: ComponentID, ignoreVersion = false): AspectEntry | undefined {
-    return this.entries.find((aspectEntry) => {
-      return id.isEqual(aspectEntry.id, { ignoreVersion });
-    });
-  }
-
-  /**
-   * transform an aspect list into a new one.
-   */
-  map(predicate: (entry: AspectEntry) => AspectEntry) {
-    const entries = this.entries.map(predicate);
-    return new AspectList(entries);
-  }
-
-  /**
-   * transform an aspect list into a new one.
-   */
-  async pmap(predicate: (entry: AspectEntry) => Promise<AspectEntry>) {
-    const entriesP = this.entries.map(predicate);
-    const entries = await Promise.all(entriesP);
-    return new AspectList(entries);
-  }
-
-  toConfigObject() {
-    const res = {};
-    this.entries.forEach((entry) => {
-      if (entry.config && !isEmpty(entry.config)) {
-        res[entry.id.toString()] = entry.config;
-      }
-    });
-    return res;
-  }
-
-  serialize() {
-    const serializedEntries = this.entries.map((entry) => entry.serialize());
-    return serializedEntries;
-  }
-
-  toLegacy(): ExtensionDataList {
-    const legacyEntries = this.entries.map((entry) => entry.legacy);
-    return ExtensionDataList.fromArray(legacyEntries);
-  }
-
-  stringIds(): string[] {
-    const ids = this.entries.map((entry) => entry.id.toString());
-    return ids;
-  }
-
-  static fromLegacyExtensions(legacyDataList: ExtensionDataList, scope?: string): AspectList {
-    const newEntries = legacyDataList.map((entry) => {
-      return new AspectEntry(getAspectId(entry, scope), entry);
-    });
-
-    return new AspectList(newEntries);
-  }
-}
-
-function getAspectId(entry: ExtensionDataEntry, scope?: string) {
-  if (!entry.extensionId && entry.name) return ComponentID.fromString(entry.name);
-  if (entry.extensionId) return ComponentID.fromLegacy(entry.extensionId, scope);
-  throw new Error('aspect cannot be loaded without setting an ID');
-}

package/aspect.section.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';
-import { Section } from './section';
-import { AspectPage } from './ui/aspect-page';
-
-export class AspectSection implements Section {
-  route = {
-    path: '~aspect',
-    children: <AspectPage />,
-  };
-  navigationLink = {
-    href: '~aspect',
-    children: <MenuWidgetIcon icon="configuration" tooltipContent="Configuration" />,
-  };
-  order = 50;
-}

package/component-factory.ts

@@ -1,106 +0,0 @@
-import { BitId } from '@teambit/legacy-bit-id';
-import LegacyGraph from '@teambit/legacy/dist/scope/graph/graph';
-import ConsumerComponent from '@teambit/legacy/dist/consumer/component';
-import type { ComponentLog } from '@teambit/legacy/dist/scope/models/model-component';
-import type { AspectDefinition } from '@teambit/aspect-loader';
-import { ComponentID } from '@teambit/component-id';
-import { Component, InvalidComponent } from './component';
-import { State } from './state';
-import { Snap } from './snap';
-
-export interface ComponentFactory {
-  /**
-   * name of the component host.
-   */
-  name: string;
-
-  /**
-   * path to the component host.
-   */
-  path: string;
-
-  isLegacy: boolean;
-
-  /**
-   * resolve a `string` component ID to an instance of a ComponentID.
-   */
-  resolveComponentId(id: string | ComponentID | BitId): Promise<ComponentID>;
-
-  /**
-   * resolve multiple `string` component ID to an instance of a ComponentID.
-   */
-  resolveMultipleComponentIds(ids: (string | ComponentID | BitId)[]): Promise<ComponentID[]>;
-
-  /**
-   * returns a component by ID.
-   */
-  get(
-    id: ComponentID | string,
-    withState?: boolean,
-    consumerComponent?: ConsumerComponent
-  ): Promise<Component | undefined>;
-
-  /**
-   * returns many components by ids.
-   */
-  getMany(ids: ComponentID[]): Promise<Component[]>;
-
-  /**
-   * returns many components by their legacy representation.
-   */
-  getManyByLegacy(components: ConsumerComponent[]): Promise<Component[]>;
-
-  /**
-   * get a component from a remote without importing it
-   */
-  getRemoteComponent?: (id: ComponentID) => Promise<Component>;
-
-  getLegacyGraph(ids?: ComponentID[]): Promise<LegacyGraph>;
-
-  getLogs(id: ComponentID): Promise<ComponentLog[]>;
-
-  /**
-   * returns a specific state of a component by hash or semver.
-   */
-  getState(id: ComponentID, snapId: string): Promise<State>;
-
-  /**
-   * returns a specific snap of a component by hash.
-   */
-  getSnap(id: ComponentID, snapId: string): Promise<Snap>;
-
-  /**
-   * load extension.
-   */
-  loadAspects: (ids: string[], throwOnError: boolean) => Promise<void>;
-
-  /**
-   * Resolve dirs for aspects
-   */
-  resolveAspects: (runtimeName?: string, componentIds?: ComponentID[]) => Promise<AspectDefinition[]>;
-
-  /**
-   * list all components in the host.
-   */
-  list(filter?: { offset: number; limit: number }): Promise<Component[]>;
-
-  /**
-   * list invalid components, such as components with missing files on the fs.
-   */
-  listInvalid(): Promise<InvalidComponent[]>;
-
-  listIds(): Promise<ComponentID[]>;
-
-  hasId(componentId: ComponentID): Promise<boolean>;
-
-  /**
-   * Check if the host has the id, if no, search for the id in inner host (for example, workspace will search in the scope)
-   * @param componentId
-   */
-  hasIdNested(componentId: ComponentID, includeCache?: boolean): Promise<boolean>;
-
-  /**
-   * determine whether host should be the prior one in case multiple hosts persist.
-   */
-  priority?: boolean;
-}

package/component-fs.ts

@@ -1,60 +0,0 @@
-import { MemoryFS } from '@teambit/any-fs';
-import type { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
-import { auto } from '@teambit/legacy/dist/utils/eol';
-import path from 'path';
-import minimatch from 'minimatch';
-
-/**
- * The virtual component filesystem
- */
-export default class ComponentFS extends MemoryFS {
-  constructor(
-    /**
-     * array of all fs files.
-     */
-    readonly files: AbstractVinyl[]
-  ) {
-    super();
-  }
-  /**
-   * hash to represent all contents within this filesystem volume.
-   */
-  get hash() {
-    return '';
-  }
-
-  /**
-   * filter all component files by regex.
-   */
-  byRegex(extension: RegExp): AbstractVinyl[] {
-    return this.files.filter((file) => file.path.match(extension));
-  }
-
-  /**
-   * filter all files using an array of glob patterns.
-   */
-  byGlob(patterns: string[]) {
-    return this.files.filter((file) => {
-      return patterns.find((pattern) => {
-        const match = minimatch(file.relative, pattern);
-        return match;
-      });
-    });
-  }
-
-  toObject() {}
-
-  toJSON() {}
-
-  static fromVinyls(files: AbstractVinyl[]) {
-    const fs = new ComponentFS(files);
-    files.forEach((file) => {
-      let dirPath = file.relativeDir;
-      if (!dirPath.startsWith('/')) dirPath = path.join('/', dirPath);
-      fs.mkdirpSync(dirPath);
-      fs.writeFileSync(`/${file.relative}`, auto(file.contents || ''));
-    });
-
-    return fs;
-  }
-}

package/component-map/component-map.ts

@@ -1,106 +0,0 @@
-import { ComponentID } from '@teambit/component-id';
-import { Component } from '../component';
-
-/**
- * allows to index components -> values.
- */
-export class ComponentMap<T> {
-  constructor(readonly hashMap: Map<string, [Component, T]>) {}
-
-  /**
-   * @deprecated please use `get` instead
-   */
-  byComponent(component: Component) {
-    return this.hashMap.get(component.id.toString());
-  }
-
-  get components() {
-    return this.toArray().map(([component]) => component);
-  }
-
-  /**
-   * get a value for a component.
-   */
-  get(component: Component) {
-    return this.hashMap.get(component.id.toString());
-  }
-
-  /**
-   * get a value by the component-id
-   */
-  getValueByComponentId(componentId: ComponentID): T | null {
-    const tuple = this.hashMap.get(componentId.toString());
-    if (!tuple) return null;
-    return tuple[1];
-  }
-
-  /**
-   * returns an array.
-   */
-  toArray() {
-    return Array.from(this.hashMap.values());
-  }
-
-  /**
-   * map entries and return a new component map.
-   */
-  map<NewType>(predicate: (value: T, component: Component) => NewType): ComponentMap<NewType> {
-    const tuples: [string, [Component, NewType]][] = this.toArray().map(([component, value]) => {
-      const newValue = predicate(value, component);
-      return [component.id.toString(), [component, newValue]];
-    });
-
-    return new ComponentMap(new Map(tuples));
-  }
-  /**
-   * flatten values of all components into a single array.
-   */
-  flattenValue(): T[] {
-    return this.toArray().reduce((acc: T[], [, value]) => {
-      acc = acc.concat(value);
-      return acc;
-    }, []);
-  }
-
-  /**
-   * filter all components with empty values and return a new map.
-   */
-  filter(predicate: (value: T) => boolean): ComponentMap<T> {
-    const tuples = this.toArray().filter(([, value]) => {
-      return predicate(value);
-    });
-
-    const asMap: [string, [Component, T]][] = tuples.map(([component, value]) => {
-      return [component.id.toString(), [component, value]];
-    });
-
-    return new ComponentMap(new Map(asMap));
-  }
-
-  /**
-   * get all component ids.
-   */
-  keys() {
-    return this.hashMap.keys();
-  }
-
-  static create<U>(rawMap: [Component, U][]) {
-    const newMap: [string, [Component, U]][] = rawMap.map(([component, data]) => {
-      return [component.id.toString(), [component, data]];
-    });
-    return new ComponentMap(new Map(newMap));
-  }
-
-  /**
-   * create a component map from components and a value predicate.
-   * @param components components to zip into the map.
-   * @param predicate predicate for returning desired value.
-   */
-  static as<U>(components: Component[], predicate: (component: Component) => U): ComponentMap<U> {
-    const tuples: [string, [Component, U]][] = components.map((component) => {
-      return [component.id.toString(), [component, predicate(component)]];
-    });
-
-    return new ComponentMap(new Map(tuples));
-  }
-}

package/component-map/index.ts

@@ -1 +0,0 @@
-export { ComponentMap } from './component-map';