@teambit/component-compare 0.0.52 → 0.0.55

package/dist/component-compare.graphql.d.ts

@@ -0,0 +1,27 @@
+import { ComponentCompareMain, ComponentCompareResult } from './component-compare.main.runtime';
+export declare function componentCompareSchema(componentCompareMain: ComponentCompareMain): {
+    typeDefs: import("graphql").DocumentNode;
+    resolvers: {
+        ComponentHost: {
+            compareComponent: (_: any, { baseId, compareId }: {
+                baseId: string;
+                compareId: string;
+            }) => Promise<ComponentCompareResult>;
+        };
+        ComponentCompareResult: {
+            id: (result: ComponentCompareResult) => string;
+            code: (result: ComponentCompareResult, { fileName }: {
+                fileName?: string | undefined;
+            }) => {
+                fileName: string;
+                baseContent: string;
+                compareContent: string;
+                filePath: string;
+                diffOutput: string;
+                status: import("@teambit/legacy/dist/consumer/component-ops/components-diff").DiffStatus;
+                fromContent: string;
+                toContent: string;
+            }[];
+        };
+    };
+};

package/dist/component-compare.graphql.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentCompareSchema = componentCompareSchema;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _graphqlTag() {
+  const data = _interopRequireDefault(require("graphql-tag"));
+
+  _graphqlTag = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function componentCompareSchema(componentCompareMain) {
+  return {
+    typeDefs: (0, _graphqlTag().default)`
+      type FileCompareResult {
+        fileName: String!
+        baseContent: String!
+        compareContent: String!
+        status: String
+        diffOutput: String
+      }
+
+      type ComponentCompareResult {
+        # unique id for graphql - baseId + compareId
+        id: String!
+        code(fileName: String): [FileCompareResult!]!
+      }
+
+      extend type ComponentHost {
+        compareComponent(baseId: String!, compareId: String!): ComponentCompareResult
+      }
+    `,
+    resolvers: {
+      ComponentHost: {
+        compareComponent: async (_, {
+          baseId,
+          compareId
+        }) => {
+          return componentCompareMain.compare(baseId, compareId);
+        }
+      },
+      ComponentCompareResult: {
+        id: result => result.id,
+        code: (result, {
+          fileName
+        }) => {
+          if (fileName) {
+            return result.code.filter(codeFile => codeFile.filePath === fileName).map(c => _objectSpread(_objectSpread({}, c), {}, {
+              fileName: c.filePath,
+              baseContent: c.fromContent,
+              compareContent: c.toContent
+            }));
+          }
+
+          return result.code.map(c => _objectSpread(_objectSpread({}, c), {}, {
+            fileName: c.filePath,
+            baseContent: c.fromContent,
+            compareContent: c.toContent
+          }));
+        }
+      }
+    }
+  };
+}
+
+//# sourceMappingURL=component-compare.graphql.js.map

package/dist/component-compare.graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentCompareSchema","componentCompareMain","typeDefs","gql","resolvers","ComponentHost","compareComponent","_","baseId","compareId","compare","ComponentCompareResult","id","result","code","fileName","filter","codeFile","filePath","map","c","baseContent","fromContent","compareContent","toContent"],"sources":["component-compare.graphql.ts"],"sourcesContent":["import gql from 'graphql-tag';\nimport { ComponentCompareMain, ComponentCompareResult } from './component-compare.main.runtime';\n\nexport function componentCompareSchema(componentCompareMain: ComponentCompareMain) {\n  return {\n    typeDefs: gql`\n      type FileCompareResult {\n        fileName: String!\n        baseContent: String!\n        compareContent: String!\n        status: String\n        diffOutput: String\n      }\n\n      type ComponentCompareResult {\n        # unique id for graphql - baseId + compareId\n        id: String!\n        code(fileName: String): [FileCompareResult!]!\n      }\n\n      extend type ComponentHost {\n        compareComponent(baseId: String!, compareId: String!): ComponentCompareResult\n      }\n    `,\n    resolvers: {\n      ComponentHost: {\n        compareComponent: async (_, { baseId, compareId }: { baseId: string; compareId: string }) => {\n          return componentCompareMain.compare(baseId, compareId);\n        },\n      },\n      ComponentCompareResult: {\n        id: (result: ComponentCompareResult) => result.id,\n        code: (result: ComponentCompareResult, { fileName }: { fileName?: string }) => {\n          if (fileName) {\n            return result.code\n              .filter((codeFile) => codeFile.filePath === fileName)\n              .map((c) => ({ ...c, fileName: c.filePath, baseContent: c.fromContent, compareContent: c.toContent }));\n          }\n\n          return result.code.map((c) => ({\n            ...c,\n            fileName: c.filePath,\n            baseContent: c.fromContent,\n            compareContent: c.toContent,\n          }));\n        },\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAGO,SAASA,sBAAT,CAAgCC,oBAAhC,EAA4E;EACjF,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAA,CAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAnBS;IAoBLC,SAAS,EAAE;MACTC,aAAa,EAAE;QACbC,gBAAgB,EAAE,OAAOC,CAAP,EAAU;UAAEC,MAAF;UAAUC;QAAV,CAAV,KAA2E;UAC3F,OAAOR,oBAAoB,CAACS,OAArB,CAA6BF,MAA7B,EAAqCC,SAArC,CAAP;QACD;MAHY,CADN;MAMTE,sBAAsB,EAAE;QACtBC,EAAE,EAAGC,MAAD,IAAoCA,MAAM,CAACD,EADzB;QAEtBE,IAAI,EAAE,CAACD,MAAD,EAAiC;UAAEE;QAAF,CAAjC,KAAyE;UAC7E,IAAIA,QAAJ,EAAc;YACZ,OAAOF,MAAM,CAACC,IAAP,CACJE,MADI,CACIC,QAAD,IAAcA,QAAQ,CAACC,QAAT,KAAsBH,QADvC,EAEJI,GAFI,CAECC,CAAD,oCAAaA,CAAb;cAAgBL,QAAQ,EAAEK,CAAC,CAACF,QAA5B;cAAsCG,WAAW,EAAED,CAAC,CAACE,WAArD;cAAkEC,cAAc,EAAEH,CAAC,CAACI;YAApF,EAFA,CAAP;UAGD;;UAED,OAAOX,MAAM,CAACC,IAAP,CAAYK,GAAZ,CAAiBC,CAAD,oCAClBA,CADkB;YAErBL,QAAQ,EAAEK,CAAC,CAACF,QAFS;YAGrBG,WAAW,EAAED,CAAC,CAACE,WAHM;YAIrBC,cAAc,EAAEH,CAAC,CAACI;UAJG,EAAhB,CAAP;QAMD;MAfqB;IANf;EApBN,CAAP;AA6CD"}

package/dist/component-compare.main.runtime.d.ts

@@ -0,0 +1,19 @@
+import { ScopeMain } from '@teambit/scope';
+import { GraphqlMain } from '@teambit/graphql';
+import { FileDiff } from '@teambit/legacy/dist/consumer/component-ops/components-diff';
+import { ComponentMain } from '@teambit/component';
+export declare type ComponentCompareResult = {
+    id: string;
+    code: FileDiff[];
+};
+export declare class ComponentCompareMain {
+    private componentAspect;
+    private scope;
+    constructor(componentAspect: ComponentMain, scope: ScopeMain);
+    compare(baseIdStr: string, compareIdStr: string): Promise<ComponentCompareResult>;
+    static slots: never[];
+    static dependencies: import("@teambit/harmony").Aspect[];
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static provider([graphql, component, scope]: [GraphqlMain, ComponentMain, ScopeMain]): Promise<ComponentCompareMain>;
+}
+export default ComponentCompareMain;

package/dist/component-compare.main.runtime.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ComponentCompareMain = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _cli() {
+  const data = require("@teambit/cli");
+
+  _cli = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _scope() {
+  const data = require("@teambit/scope");
+
+  _scope = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _graphql() {
+  const data = require("@teambit/graphql");
+
+  _graphql = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _generalError() {
+  const data = _interopRequireDefault(require("@teambit/legacy/dist/error/general-error"));
+
+  _generalError = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentsDiff() {
+  const data = require("@teambit/legacy/dist/consumer/component-ops/components-diff");
+
+  _componentsDiff = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _component() {
+  const data = _interopRequireDefault(require("@teambit/component"));
+
+  _component = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompare() {
+  const data = require("./component-compare.graphql");
+
+  _componentCompare = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentCompare2() {
+  const data = require("./component-compare.aspect");
+
+  _componentCompare2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class ComponentCompareMain {
+  constructor(componentAspect, scope) {
+    this.componentAspect = componentAspect;
+    this.scope = scope;
+  }
+
+  async compare(baseIdStr, compareIdStr) {
+    const host = this.componentAspect.getHost();
+    const [baseCompId, compareCompId] = await host.resolveMultipleComponentIds([baseIdStr, compareIdStr]);
+    const modelComponent = await this.scope.legacyScope.getModelComponentIfExist(compareCompId._legacy);
+
+    if (!modelComponent) {
+      throw new (_generalError().default)(`component ${compareCompId.toString()} doesn't have any version yet`);
+    }
+
+    const baseVersion = baseCompId.version;
+    const compareVersion = compareCompId.version;
+    const repository = this.scope.legacyScope.objects;
+    const baseVersionObject = await modelComponent.loadVersion(baseVersion, repository);
+    const compareVersionObject = await modelComponent.loadVersion(compareVersion, repository);
+    const diff = await (0, _componentsDiff().diffBetweenVersionsObjects)(modelComponent, baseVersionObject, compareVersionObject, baseVersion, compareVersion, this.scope.legacyScope, {});
+    const compareResult = {
+      id: `${baseCompId}-${compareCompId}`,
+      code: diff.filesDiff || []
+    };
+    return compareResult;
+  }
+
+  static async provider([graphql, component, scope]) {
+    const componentCompareMain = new ComponentCompareMain(component, scope);
+    graphql.register((0, _componentCompare().componentCompareSchema)(componentCompareMain));
+    return componentCompareMain;
+  }
+
+}
+
+exports.ComponentCompareMain = ComponentCompareMain;
+(0, _defineProperty2().default)(ComponentCompareMain, "slots", []);
+(0, _defineProperty2().default)(ComponentCompareMain, "dependencies", [_graphql().GraphqlAspect, _component().default, _scope().ScopeAspect]);
+(0, _defineProperty2().default)(ComponentCompareMain, "runtime", _cli().MainRuntime);
+
+_componentCompare2().ComponentCompareAspect.addRuntime(ComponentCompareMain);
+
+var _default = ComponentCompareMain;
+exports.default = _default;
+
+//# sourceMappingURL=component-compare.main.runtime.js.map

package/dist/component-compare.main.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ComponentCompareMain","constructor","componentAspect","scope","compare","baseIdStr","compareIdStr","host","getHost","baseCompId","compareCompId","resolveMultipleComponentIds","modelComponent","legacyScope","getModelComponentIfExist","_legacy","GeneralError","toString","baseVersion","version","compareVersion","repository","objects","baseVersionObject","loadVersion","compareVersionObject","diff","diffBetweenVersionsObjects","compareResult","id","code","filesDiff","provider","graphql","component","componentCompareMain","register","componentCompareSchema","GraphqlAspect","ComponentAspect","ScopeAspect","MainRuntime","ComponentCompareAspect","addRuntime"],"sources":["component-compare.main.runtime.ts"],"sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport { ScopeMain, ScopeAspect } from '@teambit/scope';\nimport { GraphqlAspect, GraphqlMain } from '@teambit/graphql';\nimport GeneralError from '@teambit/legacy/dist/error/general-error';\nimport {\n  diffBetweenVersionsObjects,\n  DiffResults,\n  FileDiff,\n} from '@teambit/legacy/dist/consumer/component-ops/components-diff';\nimport ComponentAspect, { ComponentMain } from '@teambit/component';\nimport { componentCompareSchema } from './component-compare.graphql';\nimport { ComponentCompareAspect } from './component-compare.aspect';\n\nexport type ComponentCompareResult = {\n  id: string;\n  code: FileDiff[];\n};\n\nexport class ComponentCompareMain {\n  constructor(private componentAspect: ComponentMain, private scope: ScopeMain) {}\n\n  async compare(baseIdStr: string, compareIdStr: string): Promise<ComponentCompareResult> {\n    const host = this.componentAspect.getHost();\n    const [baseCompId, compareCompId] = await host.resolveMultipleComponentIds([baseIdStr, compareIdStr]);\n    const modelComponent = await this.scope.legacyScope.getModelComponentIfExist(compareCompId._legacy);\n    if (!modelComponent) {\n      throw new GeneralError(`component ${compareCompId.toString()} doesn't have any version yet`);\n    }\n\n    const baseVersion = baseCompId.version as string;\n    const compareVersion = compareCompId.version as string;\n\n    const repository = this.scope.legacyScope.objects;\n    const baseVersionObject = await modelComponent.loadVersion(baseVersion, repository);\n    const compareVersionObject = await modelComponent.loadVersion(compareVersion, repository);\n    const diff: DiffResults = await diffBetweenVersionsObjects(\n      modelComponent,\n      baseVersionObject,\n      compareVersionObject,\n      baseVersion,\n      compareVersion,\n      this.scope.legacyScope,\n      {}\n    );\n\n    const compareResult = {\n      id: `${baseCompId}-${compareCompId}`,\n      code: diff.filesDiff || [],\n    };\n\n    return compareResult;\n  }\n\n  static slots = [];\n  static dependencies = [GraphqlAspect, ComponentAspect, ScopeAspect];\n  static runtime = MainRuntime;\n  static async provider([graphql, component, scope]: [GraphqlMain, ComponentMain, ScopeMain]) {\n    const componentCompareMain = new ComponentCompareMain(component, scope);\n    graphql.register(componentCompareSchema(componentCompareMain));\n    return componentCompareMain;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareMain);\n\nexport default ComponentCompareMain;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOO,MAAMA,oBAAN,CAA2B;EAChCC,WAAW,CAASC,eAAT,EAAiDC,KAAjD,EAAmE;IAAA,KAA1DD,eAA0D,GAA1DA,eAA0D;IAAA,KAAlBC,KAAkB,GAAlBA,KAAkB;EAAE;;EAEnE,MAAPC,OAAO,CAACC,SAAD,EAAoBC,YAApB,EAA2E;IACtF,MAAMC,IAAI,GAAG,KAAKL,eAAL,CAAqBM,OAArB,EAAb;IACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,MAAMH,IAAI,CAACI,2BAAL,CAAiC,CAACN,SAAD,EAAYC,YAAZ,CAAjC,CAA1C;IACA,MAAMM,cAAc,GAAG,MAAM,KAAKT,KAAL,CAAWU,WAAX,CAAuBC,wBAAvB,CAAgDJ,aAAa,CAACK,OAA9D,CAA7B;;IACA,IAAI,CAACH,cAAL,EAAqB;MACnB,MAAM,KAAII,uBAAJ,EAAkB,aAAYN,aAAa,CAACO,QAAd,EAAyB,+BAAvD,CAAN;IACD;;IAED,MAAMC,WAAW,GAAGT,UAAU,CAACU,OAA/B;IACA,MAAMC,cAAc,GAAGV,aAAa,CAACS,OAArC;IAEA,MAAME,UAAU,GAAG,KAAKlB,KAAL,CAAWU,WAAX,CAAuBS,OAA1C;IACA,MAAMC,iBAAiB,GAAG,MAAMX,cAAc,CAACY,WAAf,CAA2BN,WAA3B,EAAwCG,UAAxC,CAAhC;IACA,MAAMI,oBAAoB,GAAG,MAAMb,cAAc,CAACY,WAAf,CAA2BJ,cAA3B,EAA2CC,UAA3C,CAAnC;IACA,MAAMK,IAAiB,GAAG,MAAM,IAAAC,4CAAA,EAC9Bf,cAD8B,EAE9BW,iBAF8B,EAG9BE,oBAH8B,EAI9BP,WAJ8B,EAK9BE,cAL8B,EAM9B,KAAKjB,KAAL,CAAWU,WANmB,EAO9B,EAP8B,CAAhC;IAUA,MAAMe,aAAa,GAAG;MACpBC,EAAE,EAAG,GAAEpB,UAAW,IAAGC,aAAc,EADf;MAEpBoB,IAAI,EAAEJ,IAAI,CAACK,SAAL,IAAkB;IAFJ,CAAtB;IAKA,OAAOH,aAAP;EACD;;EAKoB,aAARI,QAAQ,CAAC,CAACC,OAAD,EAAUC,SAAV,EAAqB/B,KAArB,CAAD,EAAuE;IAC1F,MAAMgC,oBAAoB,GAAG,IAAInC,oBAAJ,CAAyBkC,SAAzB,EAAoC/B,KAApC,CAA7B;IACA8B,OAAO,CAACG,QAAR,CAAiB,IAAAC,0CAAA,EAAuBF,oBAAvB,CAAjB;IACA,OAAOA,oBAAP;EACD;;AA1C+B;;;gCAArBnC,oB,WAmCI,E;gCAnCJA,oB,kBAoCW,CAACsC,wBAAD,EAAgBC,oBAAhB,EAAiCC,oBAAjC,C;gCApCXxC,oB,aAqCMyC,kB;;AAQnBC,2CAAA,CAAuBC,UAAvB,CAAkC3C,oBAAlC;;eAEeA,oB"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { ComponentCompareAspect } from './component-compare.aspect';
+export type { ComponentCompareMain } from './component-compare.main.runtime';
 export { ComponentCompareSection } from './component-compare.section';
 export type { ComponentCompareUI, ComponentCompareNavSlot, ComponentCompareNav } from './component-compare.ui.runtime';
 export { ComponentCompareAspect };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentCompareAspect"],"sources":["index.ts"],"sourcesContent":["import { ComponentCompareAspect } from './component-compare.aspect';\n\nexport { ComponentCompareSection } from './component-compare.section';\nexport type { ComponentCompareUI, ComponentCompareNavSlot, ComponentCompareNav } from './component-compare.ui.runtime';\nexport { ComponentCompareAspect };\nexport default ComponentCompareAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eAGeA,0C"}
+{"version":3,"names":["ComponentCompareAspect"],"sources":["index.ts"],"sourcesContent":["import { ComponentCompareAspect } from './component-compare.aspect';\n\nexport type { ComponentCompareMain } from './component-compare.main.runtime';\n\nexport { ComponentCompareSection } from './component-compare.section';\nexport type { ComponentCompareUI, ComponentCompareNavSlot, ComponentCompareNav } from './component-compare.ui.runtime';\nexport { ComponentCompareAspect };\nexport default ComponentCompareAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eAGeA,0C"}

package/package.json

@@ -1,24 +1,28 @@
 {
   "name": "@teambit/component-compare",
-  "version": "0.0.52",
+  "version": "0.0.55",
   "homepage": "https://bit.dev/teambit/component/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-compare",
-    "version": "0.0.52"
+    "version": "0.0.55"
   },
   "dependencies": {
     "classnames": "2.2.6",
+    "graphql-tag": "2.12.1",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/base-ui.routing.nav-link": "1.0.0",
-    "@teambit/component.ui.compare": "0.0.43",
-    "@teambit/component": "0.0.804",
+    "@teambit/component.ui.compare": "0.0.46",
+    "@teambit/component": "0.0.807",
     "@teambit/design.ui.tooltip": "0.0.352",
+    "@teambit/cli": "0.0.538",
+    "@teambit/graphql": "0.0.807",
+    "@teambit/scope": "0.0.807",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.490",
-    "@teambit/ui": "0.0.804"
+    "@teambit/ui": "0.0.807"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -31,7 +35,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.317",
+    "@teambit/legacy": "1.0.321",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1659347901202.js → preview-1659583874630.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.52/dist/component-compare.compositions.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.52/dist/component-compare.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.55/dist/component-compare.compositions.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_component-compare@0.0.55/dist/component-compare.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];