@teambit/component-compare 0.0.198 → 0.0.200

package/component-compare-aspects.section.tsx

@@ -1,17 +1,28 @@
+import React from 'react';
+import { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';
+import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
 import { Section } from '@teambit/component';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
 
-export class AspectsCompareSection implements Section {
+export class AspectsCompareSection implements TabItem, Section {
   constructor(private compareUI: ComponentCompareUI) {}
 
   navigationLink = {
     href: 'aspects',
-    children: 'Aspects',
-    order: 6,
+    displayName: 'Aspects',
+    children: <MenuWidgetIcon icon="configuration" tooltipContent="Configuration" />,
   };
 
+  props = this.navigationLink;
+
   route = {
     path: 'aspects/*',
     element: this.compareUI.getAspectsComparePage(),
   };
+
+  order = 60;
+  widget = true;
+  changeType = ChangeType.ASPECTS;
+  id = 'aspects';
 }

package/component-compare-changelog.section.tsx

@@ -1,17 +1,26 @@
+import React from 'react';
 import { Section } from '@teambit/component';
+import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+import { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
 
-export class CompareChangelogSection implements Section {
+export class CompareChangelogSection implements Section, TabItem {
   constructor(private compareUI: ComponentCompareUI) {}
 
   navigationLink = {
     href: 'changelog',
-    children: 'Changelog',
-    order: 5,
+    children: <MenuWidgetIcon icon="changelog" tooltipContent="Change log" />,
+    displayName: 'Change log',
   };
 
+  props = this.navigationLink;
+
   route = {
     path: 'changelog/*',
     element: this.compareUI.getChangelogComparePage(),
   };
+
+  order = 70;
+  widget = true;
+  id = 'changelog';
 }

package/component-compare.ui.runtime.tsx

@@ -2,12 +2,11 @@ import React from 'react';
 import { RouteProps } from 'react-router-dom';
 import flatten from 'lodash.flatten';
 import { Harmony, Slot, SlotRegistry } from '@teambit/harmony';
-import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
 import ComponentAspect, { ComponentUI } from '@teambit/component';
 import { ComponentCompare } from '@teambit/component.ui.component-compare.component-compare';
 import { UIRuntime } from '@teambit/ui';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import { ComponentCompareProps } from '@teambit/component.ui.component-compare.models.component-compare-props';
+import { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
 import { ComponentCompareChangelog } from '@teambit/component.ui.component-compare.changelog';
 import { ComponentCompareAspects } from '@teambit/component.ui.component-compare.compare-aspects.compare-aspects';
 import { AspectsCompareSection } from './component-compare-aspects.section';
@@ -15,12 +14,8 @@ import { ComponentCompareAspect } from './component-compare.aspect';
 import { ComponentCompareSection } from './component-compare.section';
 import { CompareChangelogSection } from './component-compare-changelog.section';
 
-export type ComponentCompareNav = {
-  props: NavLinkProps;
-  order: number;
-};
-
-export type ComponentCompareNavSlot = SlotRegistry<Array<ComponentCompareNav>>;
+export type ComponentCompareNav = Array<TabItem>;
+export type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;
 export class ComponentCompareUI {
   constructor(private host: string, private navSlot: ComponentCompareNavSlot, private routeSlot: RouteSlot) {}
 
@@ -46,11 +41,11 @@ export class ComponentCompareUI {
     return <ComponentCompareChangelog />;
   };
 
-  registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>) {
-    if (Array.isArray(route)) {
-      this.navSlot.register(route);
+  registerNavigation(nav: TabItem | Array<TabItem>) {
+    if (Array.isArray(nav)) {
+      this.navSlot.register(nav);
     } else {
-      this.navSlot.register([route]);
+      this.navSlot.register([nav]);
     }
     return this;
   }
@@ -82,16 +77,8 @@ export class ComponentCompareUI {
     componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);
     const aspectCompareSection = new AspectsCompareSection(componentCompareUI);
     const compareChangelog = new CompareChangelogSection(componentCompareUI);
-    componentCompareUI.registerNavigation([
-      {
-        props: aspectCompareSection.navigationLink,
-        order: aspectCompareSection.navigationLink.order,
-      },
-      {
-        props: compareChangelog.navigationLink,
-        order: compareChangelog.navigationLink.order,
-      },
-    ]);
+
+    componentCompareUI.registerNavigation([aspectCompareSection, compareChangelog]);
 
     componentCompareUI.registerRoutes([aspectCompareSection.route, compareChangelog.route]);
     return componentCompareUI;

package/dist/component-compare-aspects.section.d.ts

@@ -1,16 +1,27 @@
 /// <reference types="react" />
+import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
 import { Section } from '@teambit/component';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
-export declare class AspectsCompareSection implements Section {
+export declare class AspectsCompareSection implements TabItem, Section {
     private compareUI;
     constructor(compareUI: ComponentCompareUI);
     navigationLink: {
         href: string;
-        children: string;
-        order: number;
+        displayName: string;
+        children: JSX.Element;
+    };
+    props: {
+        href: string;
+        displayName: string;
+        children: JSX.Element;
     };
     route: {
         path: string;
         element: JSX.Element;
     };
+    order: number;
+    widget: boolean;
+    changeType: ChangeType;
+    id: string;
 }

package/dist/component-compare-aspects.section.js

@@ -12,18 +12,47 @@ function _defineProperty2() {
   };
   return data;
 }
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _uiFoundationUi() {
+  const data = require("@teambit/ui-foundation.ui.menu-widget-icon");
+  _uiFoundationUi = function () {
+    return data;
+  };
+  return data;
+}
+function _componentUiComponentCompareModels() {
+  const data = require("@teambit/component.ui.component-compare.models.component-compare-change-type");
+  _componentUiComponentCompareModels = function () {
+    return data;
+  };
+  return data;
+}
 class AspectsCompareSection {
   constructor(compareUI) {
     this.compareUI = compareUI;
     (0, _defineProperty2().default)(this, "navigationLink", {
       href: 'aspects',
-      children: 'Aspects',
-      order: 6
+      displayName: 'Aspects',
+      children: /*#__PURE__*/_react().default.createElement(_uiFoundationUi().MenuWidgetIcon, {
+        icon: "configuration",
+        tooltipContent: "Configuration"
+      })
     });
+    (0, _defineProperty2().default)(this, "props", this.navigationLink);
     (0, _defineProperty2().default)(this, "route", {
       path: 'aspects/*',
       element: this.compareUI.getAspectsComparePage()
     });
+    (0, _defineProperty2().default)(this, "order", 60);
+    (0, _defineProperty2().default)(this, "widget", true);
+    (0, _defineProperty2().default)(this, "changeType", _componentUiComponentCompareModels().ChangeType.ASPECTS);
+    (0, _defineProperty2().default)(this, "id", 'aspects');
   }
 }
 exports.AspectsCompareSection = AspectsCompareSection;

package/dist/component-compare-aspects.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["AspectsCompareSection","constructor","compareUI","href","children","order","path","element","getAspectsComparePage"],"sources":["component-compare-aspects.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport { ComponentCompareUI } from './component-compare.ui.runtime';\n\nexport class AspectsCompareSection implements Section {\n  constructor(private compareUI: ComponentCompareUI) {}\n\n  navigationLink = {\n    href: 'aspects',\n    children: 'Aspects',\n    order: 6,\n  };\n\n  route = {\n    path: 'aspects/*',\n    element: this.compareUI.getAspectsComparePage(),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAGO,MAAMA,qBAAqB,CAAoB;EACpDC,WAAW,CAASC,SAA6B,EAAE;IAAA,KAA/BA,SAA6B,GAA7BA,SAA6B;IAAA,wDAEhC;MACfC,IAAI,EAAE,SAAS;MACfC,QAAQ,EAAE,SAAS;MACnBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,WAAW;MACjBC,OAAO,EAAE,IAAI,CAACL,SAAS,CAACM,qBAAqB;IAC/C,CAAC;EAXmD;AAYtD;AAAC"}
+{"version":3,"names":["AspectsCompareSection","constructor","compareUI","href","displayName","children","navigationLink","path","element","getAspectsComparePage","ChangeType","ASPECTS"],"sources":["component-compare-aspects.section.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';\nimport { Section } from '@teambit/component';\nimport { ComponentCompareUI } from './component-compare.ui.runtime';\n\nexport class AspectsCompareSection implements TabItem, Section {\n  constructor(private compareUI: ComponentCompareUI) {}\n\n  navigationLink = {\n    href: 'aspects',\n    displayName: 'Aspects',\n    children: <MenuWidgetIcon icon=\"configuration\" tooltipContent=\"Configuration\" />,\n  };\n\n  props = this.navigationLink;\n\n  route = {\n    path: 'aspects/*',\n    element: this.compareUI.getAspectsComparePage(),\n  };\n\n  order = 60;\n  widget = true;\n  changeType = ChangeType.ASPECTS;\n  id = 'aspects';\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAIO,MAAMA,qBAAqB,CAA6B;EAC7DC,WAAW,CAASC,SAA6B,EAAE;IAAA,KAA/BA,SAA6B,GAA7BA,SAA6B;IAAA,wDAEhC;MACfC,IAAI,EAAE,SAAS;MACfC,WAAW,EAAE,SAAS;MACtBC,QAAQ,eAAE,+BAAC,gCAAc;QAAC,IAAI,EAAC,eAAe;QAAC,cAAc,EAAC;MAAe;IAC/E,CAAC;IAAA,+CAEO,IAAI,CAACC,cAAc;IAAA,+CAEnB;MACNC,IAAI,EAAE,WAAW;MACjBC,OAAO,EAAE,IAAI,CAACN,SAAS,CAACO,qBAAqB;IAC/C,CAAC;IAAA,+CAEO,EAAE;IAAA,gDACD,IAAI;IAAA,oDACAC,+CAAU,CAACC,OAAO;IAAA,4CAC1B,SAAS;EAlBsC;AAmBtD;AAAC"}

package/dist/component-compare-changelog.section.d.ts

@@ -1,16 +1,25 @@
 /// <reference types="react" />
 import { Section } from '@teambit/component';
+import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
-export declare class CompareChangelogSection implements Section {
+export declare class CompareChangelogSection implements Section, TabItem {
     private compareUI;
     constructor(compareUI: ComponentCompareUI);
     navigationLink: {
         href: string;
-        children: string;
-        order: number;
+        children: JSX.Element;
+        displayName: string;
+    };
+    props: {
+        href: string;
+        children: JSX.Element;
+        displayName: string;
     };
     route: {
         path: string;
         element: JSX.Element;
     };
+    order: number;
+    widget: boolean;
+    id: string;
 }

package/dist/component-compare-changelog.section.js

@@ -12,18 +12,39 @@ function _defineProperty2() {
   };
   return data;
 }
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _uiFoundationUi() {
+  const data = require("@teambit/ui-foundation.ui.menu-widget-icon");
+  _uiFoundationUi = function () {
+    return data;
+  };
+  return data;
+}
 class CompareChangelogSection {
   constructor(compareUI) {
     this.compareUI = compareUI;
     (0, _defineProperty2().default)(this, "navigationLink", {
       href: 'changelog',
-      children: 'Changelog',
-      order: 5
+      children: /*#__PURE__*/_react().default.createElement(_uiFoundationUi().MenuWidgetIcon, {
+        icon: "changelog",
+        tooltipContent: "Change log"
+      }),
+      displayName: 'Change log'
     });
+    (0, _defineProperty2().default)(this, "props", this.navigationLink);
     (0, _defineProperty2().default)(this, "route", {
       path: 'changelog/*',
       element: this.compareUI.getChangelogComparePage()
     });
+    (0, _defineProperty2().default)(this, "order", 70);
+    (0, _defineProperty2().default)(this, "widget", true);
+    (0, _defineProperty2().default)(this, "id", 'changelog');
   }
 }
 exports.CompareChangelogSection = CompareChangelogSection;

package/dist/component-compare-changelog.section.js.map

@@ -1 +1 @@
-{"version":3,"names":["CompareChangelogSection","constructor","compareUI","href","children","order","path","element","getChangelogComparePage"],"sources":["component-compare-changelog.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport { ComponentCompareUI } from './component-compare.ui.runtime';\n\nexport class CompareChangelogSection implements Section {\n  constructor(private compareUI: ComponentCompareUI) {}\n\n  navigationLink = {\n    href: 'changelog',\n    children: 'Changelog',\n    order: 5,\n  };\n\n  route = {\n    path: 'changelog/*',\n    element: this.compareUI.getChangelogComparePage(),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAGO,MAAMA,uBAAuB,CAAoB;EACtDC,WAAW,CAASC,SAA6B,EAAE;IAAA,KAA/BA,SAA6B,GAA7BA,SAA6B;IAAA,wDAEhC;MACfC,IAAI,EAAE,WAAW;MACjBC,QAAQ,EAAE,WAAW;MACrBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,IAAI,CAACL,SAAS,CAACM,uBAAuB;IACjD,CAAC;EAXmD;AAYtD;AAAC"}
+{"version":3,"names":["CompareChangelogSection","constructor","compareUI","href","children","displayName","navigationLink","path","element","getChangelogComparePage"],"sources":["component-compare-changelog.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport { ComponentCompareUI } from './component-compare.ui.runtime';\n\nexport class CompareChangelogSection implements Section, TabItem {\n  constructor(private compareUI: ComponentCompareUI) {}\n\n  navigationLink = {\n    href: 'changelog',\n    children: <MenuWidgetIcon icon=\"changelog\" tooltipContent=\"Change log\" />,\n    displayName: 'Change log',\n  };\n\n  props = this.navigationLink;\n\n  route = {\n    path: 'changelog/*',\n    element: this.compareUI.getChangelogComparePage(),\n  };\n\n  order = 70;\n  widget = true;\n  id = 'changelog';\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGO,MAAMA,uBAAuB,CAA6B;EAC/DC,WAAW,CAASC,SAA6B,EAAE;IAAA,KAA/BA,SAA6B,GAA7BA,SAA6B;IAAA,wDAEhC;MACfC,IAAI,EAAE,WAAW;MACjBC,QAAQ,eAAE,+BAAC,gCAAc;QAAC,IAAI,EAAC,WAAW;QAAC,cAAc,EAAC;MAAY,EAAG;MACzEC,WAAW,EAAE;IACf,CAAC;IAAA,+CAEO,IAAI,CAACC,cAAc;IAAA,+CAEnB;MACNC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,IAAI,CAACN,SAAS,CAACO,uBAAuB;IACjD,CAAC;IAAA,+CAEO,EAAE;IAAA,gDACD,IAAI;IAAA,4CACR,WAAW;EAjBoC;AAkBtD;AAAC"}

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

@@ -22,6 +22,9 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
                 fromContent: string;
                 toContent: string;
             }[];
+            aspects: (result: ComponentCompareResult, { fieldName }: {
+                fieldName?: string | undefined;
+            }) => import("@teambit/legacy/dist/consumer/component-ops/components-diff").FieldsDiff[];
         };
     };
 };

package/dist/component-compare.graphql.js

@@ -33,10 +33,16 @@ function componentCompareSchema(componentCompareMain) {
         diffOutput: String
       }
 
+      type FieldCompareResult {
+        fieldName: String!
+        diffOutput: String
+      }
+
       type ComponentCompareResult {
         # unique id for graphql - baseId + compareId
         id: String!
         code(fileName: String): [FileCompareResult!]!
+        aspects(aspectName: String): [FieldCompareResult!]!
       }
 
       extend type ComponentHost {
@@ -69,6 +75,14 @@ function componentCompareSchema(componentCompareMain) {
             baseContent: c.fromContent,
             compareContent: c.toContent
           }));
+        },
+        aspects: (result, {
+          fieldName
+        }) => {
+          if (fieldName) {
+            return result.fields.filter(field => field.fieldName === fieldName);
+          }
+          return result.fields;
         }
       }
     }

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

@@ -1 +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;AAA8B;AAAA;AAGvB,SAASA,sBAAsB,CAACC,oBAA0C,EAAE;EACjF,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAG,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE;QACbC,gBAAgB,EAAE,OAAOC,CAAC,EAAE;UAAEC,MAAM;UAAEC;QAAiD,CAAC,KAAK;UAC3F,OAAOR,oBAAoB,CAACS,OAAO,CAACF,MAAM,EAAEC,SAAS,CAAC;QACxD;MACF,CAAC;MACDE,sBAAsB,EAAE;QACtBC,EAAE,EAAGC,MAA8B,IAAKA,MAAM,CAACD,EAAE;QACjDE,IAAI,EAAE,CAACD,MAA8B,EAAE;UAAEE;QAAgC,CAAC,KAAK;UAC7E,IAAIA,QAAQ,EAAE;YACZ,OAAOF,MAAM,CAACC,IAAI,CACfE,MAAM,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,QAAQ,KAAKH,QAAQ,CAAC,CACpDI,GAAG,CAAEC,CAAC,oCAAWA,CAAC;cAAEL,QAAQ,EAAEK,CAAC,CAACF,QAAQ;cAAEG,WAAW,EAAED,CAAC,CAACE,WAAW;cAAEC,cAAc,EAAEH,CAAC,CAACI;YAAS,EAAG,CAAC;UAC1G;UAEA,OAAOX,MAAM,CAACC,IAAI,CAACK,GAAG,CAAEC,CAAC,oCACpBA,CAAC;YACJL,QAAQ,EAAEK,CAAC,CAACF,QAAQ;YACpBG,WAAW,EAAED,CAAC,CAACE,WAAW;YAC1BC,cAAc,EAAEH,CAAC,CAACI;UAAS,EAC3B,CAAC;QACL;MACF;IACF;EACF,CAAC;AACH"}
+{"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","aspects","fieldName","fields","field"],"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 FieldCompareResult {\n        fieldName: 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        aspects(aspectName: String): [FieldCompareResult!]!\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        aspects: (result: ComponentCompareResult, { fieldName }: { fieldName?: string }) => {\n          if (fieldName) {\n            return result.fields.filter((field) => field.fieldName === fieldName);\n          }\n          return result.fields;\n        },\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAA8B;AAAA;AAGvB,SAASA,sBAAsB,CAACC,oBAA0C,EAAE;EACjF,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAG,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE;QACbC,gBAAgB,EAAE,OAAOC,CAAC,EAAE;UAAEC,MAAM;UAAEC;QAAiD,CAAC,KAAK;UAC3F,OAAOR,oBAAoB,CAACS,OAAO,CAACF,MAAM,EAAEC,SAAS,CAAC;QACxD;MACF,CAAC;MACDE,sBAAsB,EAAE;QACtBC,EAAE,EAAGC,MAA8B,IAAKA,MAAM,CAACD,EAAE;QACjDE,IAAI,EAAE,CAACD,MAA8B,EAAE;UAAEE;QAAgC,CAAC,KAAK;UAC7E,IAAIA,QAAQ,EAAE;YACZ,OAAOF,MAAM,CAACC,IAAI,CACfE,MAAM,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,QAAQ,KAAKH,QAAQ,CAAC,CACpDI,GAAG,CAAEC,CAAC,oCAAWA,CAAC;cAAEL,QAAQ,EAAEK,CAAC,CAACF,QAAQ;cAAEG,WAAW,EAAED,CAAC,CAACE,WAAW;cAAEC,cAAc,EAAEH,CAAC,CAACI;YAAS,EAAG,CAAC;UAC1G;UAEA,OAAOX,MAAM,CAACC,IAAI,CAACK,GAAG,CAAEC,CAAC,oCACpBA,CAAC;YACJL,QAAQ,EAAEK,CAAC,CAACF,QAAQ;YACpBG,WAAW,EAAED,CAAC,CAACE,WAAW;YAC1BC,cAAc,EAAEH,CAAC,CAACI;UAAS,EAC3B,CAAC;QACL,CAAC;QACDC,OAAO,EAAE,CAACZ,MAA8B,EAAE;UAAEa;QAAkC,CAAC,KAAK;UAClF,IAAIA,SAAS,EAAE;YACb,OAAOb,MAAM,CAACc,MAAM,CAACX,MAAM,CAAEY,KAAK,IAAKA,KAAK,CAACF,SAAS,KAAKA,SAAS,CAAC;UACvE;UACA,OAAOb,MAAM,CAACc,MAAM;QACtB;MACF;IACF;EACF,CAAC;AACH"}

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

@@ -1,5 +1,6 @@
 import { ScopeMain } from '@teambit/scope';
 import { GraphqlMain } from '@teambit/graphql';
+import { LoggerMain, Logger } from '@teambit/logger';
 import { FieldsDiff, FileDiff } from '@teambit/legacy/dist/consumer/component-ops/components-diff';
 import { ComponentMain } from '@teambit/component';
 export declare type ComponentCompareResult = {
@@ -10,11 +11,12 @@ export declare type ComponentCompareResult = {
 export declare class ComponentCompareMain {
     private componentAspect;
     private scope;
-    constructor(componentAspect: ComponentMain, scope: ScopeMain);
+    private logger;
+    constructor(componentAspect: ComponentMain, scope: ScopeMain, logger: Logger);
     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>;
+    static provider([graphql, component, scope, loggerMain]: [GraphqlMain, ComponentMain, ScopeMain, LoggerMain]): Promise<ComponentCompareMain>;
 }
 export default ComponentCompareMain;

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

@@ -42,6 +42,13 @@ function _generalError() {
   };
   return data;
 }
+function _logger() {
+  const data = require("@teambit/logger");
+  _logger = function () {
+    return data;
+  };
+  return data;
+}
 function _componentsDiff() {
   const data = require("@teambit/legacy/dist/consumer/component-ops/components-diff");
   _componentsDiff = function () {
@@ -71,9 +78,10 @@ function _componentCompare2() {
   return data;
 }
 class ComponentCompareMain {
-  constructor(componentAspect, scope) {
+  constructor(componentAspect, scope, logger) {
     this.componentAspect = componentAspect;
     this.scope = scope;
+    this.logger = logger;
   }
   async compare(baseIdStr, compareIdStr) {
     const host = this.componentAspect.getHost();
@@ -95,15 +103,16 @@ class ComponentCompareMain {
     };
     return compareResult;
   }
-  static async provider([graphql, component, scope]) {
-    const componentCompareMain = new ComponentCompareMain(component, scope);
+  static async provider([graphql, component, scope, loggerMain]) {
+    const logger = loggerMain.createLogger(_componentCompare2().ComponentCompareAspect.id);
+    const componentCompareMain = new ComponentCompareMain(component, scope, logger);
     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, "dependencies", [_graphql().GraphqlAspect, _component().default, _scope().ScopeAspect, _logger().LoggerAspect]);
 (0, _defineProperty2().default)(ComponentCompareMain, "runtime", _cli().MainRuntime);
 _componentCompare2().ComponentCompareAspect.addRuntime(ComponentCompareMain);
 var _default = ComponentCompareMain;

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

@@ -1 +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","fields","fieldsDiff","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  FieldsDiff,\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  fields: FieldsDiff[];\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      fields: diff.fieldsDiff || [],\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;AAMA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAQO,MAAMA,oBAAoB,CAAC;EAChCC,WAAW,CAASC,eAA8B,EAAUC,KAAgB,EAAE;IAAA,KAA1DD,eAA8B,GAA9BA,eAA8B;IAAA,KAAUC,KAAgB,GAAhBA,KAAgB;EAAG;EAE/E,MAAMC,OAAO,CAACC,SAAiB,EAAEC,YAAoB,EAAmC;IACtF,MAAMC,IAAI,GAAG,IAAI,CAACL,eAAe,CAACM,OAAO,EAAE;IAC3C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,MAAMH,IAAI,CAACI,2BAA2B,CAAC,CAACN,SAAS,EAAEC,YAAY,CAAC,CAAC;IACrG,MAAMM,cAAc,GAAG,MAAM,IAAI,CAACT,KAAK,CAACU,WAAW,CAACC,wBAAwB,CAACJ,aAAa,CAACK,OAAO,CAAC;IACnG,IAAI,CAACH,cAAc,EAAE;MACnB,MAAM,KAAII,uBAAY,EAAE,aAAYN,aAAa,CAACO,QAAQ,EAAG,+BAA8B,CAAC;IAC9F;IAEA,MAAMC,WAAW,GAAGT,UAAU,CAACU,OAAiB;IAChD,MAAMC,cAAc,GAAGV,aAAa,CAACS,OAAiB;IAEtD,MAAME,UAAU,GAAG,IAAI,CAAClB,KAAK,CAACU,WAAW,CAACS,OAAO;IACjD,MAAMC,iBAAiB,GAAG,MAAMX,cAAc,CAACY,WAAW,CAACN,WAAW,EAAEG,UAAU,CAAC;IACnF,MAAMI,oBAAoB,GAAG,MAAMb,cAAc,CAACY,WAAW,CAACJ,cAAc,EAAEC,UAAU,CAAC;IACzF,MAAMK,IAAiB,GAAG,MAAM,IAAAC,4CAA0B,EACxDf,cAAc,EACdW,iBAAiB,EACjBE,oBAAoB,EACpBP,WAAW,EACXE,cAAc,EACd,IAAI,CAACjB,KAAK,CAACU,WAAW,EACtB,CAAC,CAAC,CACH;IAED,MAAMe,aAAa,GAAG;MACpBC,EAAE,EAAG,GAAEpB,UAAW,IAAGC,aAAc,EAAC;MACpCoB,IAAI,EAAEJ,IAAI,CAACK,SAAS,IAAI,EAAE;MAC1BC,MAAM,EAAEN,IAAI,CAACO,UAAU,IAAI;IAC7B,CAAC;IAED,OAAOL,aAAa;EACtB;EAKA,aAAaM,QAAQ,CAAC,CAACC,OAAO,EAAEC,SAAS,EAAEjC,KAAK,CAA0C,EAAE;IAC1F,MAAMkC,oBAAoB,GAAG,IAAIrC,oBAAoB,CAACoC,SAAS,EAAEjC,KAAK,CAAC;IACvEgC,OAAO,CAACG,QAAQ,CAAC,IAAAC,0CAAsB,EAACF,oBAAoB,CAAC,CAAC;IAC9D,OAAOA,oBAAoB;EAC7B;AACF;AAAC;AAAA,gCA5CYrC,oBAAoB,WAoChB,EAAE;AAAA,gCApCNA,oBAAoB,kBAqCT,CAACwC,wBAAa,EAAEC,oBAAe,EAAEC,oBAAW,CAAC;AAAA,gCArCxD1C,oBAAoB,aAsCd2C,kBAAW;AAQ9BC,2CAAsB,CAACC,UAAU,CAAC7C,oBAAoB,CAAC;AAAC,eAEzCA,oBAAoB;AAAA"}
+{"version":3,"names":["ComponentCompareMain","constructor","componentAspect","scope","logger","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","fields","fieldsDiff","provider","graphql","component","loggerMain","createLogger","ComponentCompareAspect","componentCompareMain","register","componentCompareSchema","GraphqlAspect","ComponentAspect","ScopeAspect","LoggerAspect","MainRuntime","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 { LoggerAspect, LoggerMain, Logger } from '@teambit/logger';\nimport {\n  diffBetweenVersionsObjects,\n  DiffResults,\n  FieldsDiff,\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  fields: FieldsDiff[];\n};\n\nexport class ComponentCompareMain {\n  constructor(private componentAspect: ComponentMain, private scope: ScopeMain, private logger: Logger) {}\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\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\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      fields: diff.fieldsDiff || [],\n    };\n\n    return compareResult;\n  }\n\n  static slots = [];\n  static dependencies = [GraphqlAspect, ComponentAspect, ScopeAspect, LoggerAspect];\n  static runtime = MainRuntime;\n  static async provider([graphql, component, scope, loggerMain]: [GraphqlMain, ComponentMain, ScopeMain, LoggerMain]) {\n    const logger = loggerMain.createLogger(ComponentCompareAspect.id);\n    const componentCompareMain = new ComponentCompareMain(component, scope, logger);\n    graphql.register(componentCompareSchema(componentCompareMain));\n    return componentCompareMain;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareMain);\n\nexport default ComponentCompareMain;\n"],"mappings":"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"}

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

@@ -1,15 +1,11 @@
 /// <reference types="react" />
 import { RouteProps } from 'react-router-dom';
 import { Harmony, SlotRegistry } from '@teambit/harmony';
-import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';
 import { ComponentUI } from '@teambit/component';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import { ComponentCompareProps } from '@teambit/component.ui.component-compare.models.component-compare-props';
-export declare type ComponentCompareNav = {
-    props: NavLinkProps;
-    order: number;
-};
-export declare type ComponentCompareNavSlot = SlotRegistry<Array<ComponentCompareNav>>;
+import { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+export declare type ComponentCompareNav = Array<TabItem>;
+export declare type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;
 export declare class ComponentCompareUI {
     private host;
     private navSlot;
@@ -21,9 +17,9 @@ export declare class ComponentCompareUI {
     getComponentComparePage: (props?: ComponentCompareProps) => JSX.Element;
     getAspectsComparePage: () => JSX.Element;
     getChangelogComparePage: () => JSX.Element;
-    registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>): this;
+    registerNavigation(nav: TabItem | Array<TabItem>): this;
     registerRoutes(routes: RouteProps[]): this;
     get routes(): Map<string, RouteProps | RouteProps[]>;
-    get navLinks(): Map<string, ComponentCompareNav[]>;
+    get navLinks(): Map<string, ComponentCompareNav>;
     static provider([componentUi]: [ComponentUI], _: any, [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot], harmony: Harmony): Promise<ComponentCompareUI>;
 }

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

@@ -129,11 +129,11 @@ class ComponentCompareUI {
       return /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare2().ComponentCompareChangelog, null);
     });
   }
-  registerNavigation(route) {
-    if (Array.isArray(route)) {
-      this.navSlot.register(route);
+  registerNavigation(nav) {
+    if (Array.isArray(nav)) {
+      this.navSlot.register(nav);
     } else {
-      this.navSlot.register([route]);
+      this.navSlot.register([nav]);
     }
     return this;
   }
@@ -158,13 +158,7 @@ class ComponentCompareUI {
     componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);
     const aspectCompareSection = new (_componentCompareAspects().AspectsCompareSection)(componentCompareUI);
     const compareChangelog = new (_componentCompareChangelog().CompareChangelogSection)(componentCompareUI);
-    componentCompareUI.registerNavigation([{
-      props: aspectCompareSection.navigationLink,
-      order: aspectCompareSection.navigationLink.order
-    }, {
-      props: compareChangelog.navigationLink,
-      order: compareChangelog.navigationLink.order
-    }]);
+    componentCompareUI.registerNavigation([aspectCompareSection, compareChangelog]);
     componentCompareUI.registerRoutes([aspectCompareSection.route, compareChangelog.route]);
     return componentCompareUI;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["ComponentCompareUI","constructor","host","navSlot","routeSlot","props","tabs","flatten","values","routes","registerNavigation","route","Array","isArray","register","registerRoutes","map","navLinks","provider","componentUi","_","harmony","config","String","get","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","UIRuntime","Slot","withType","ComponentAspect","ComponentCompareAspect","addRuntime"],"sources":["component-compare.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport flatten from 'lodash.flatten';\nimport { Harmony, Slot, SlotRegistry } from '@teambit/harmony';\nimport { NavLinkProps } from '@teambit/base-ui.routing.nav-link';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport { ComponentCompare } from '@teambit/component.ui.component-compare.component-compare';\nimport { UIRuntime } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { ComponentCompareProps } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { ComponentCompareChangelog } from '@teambit/component.ui.component-compare.changelog';\nimport { ComponentCompareAspects } from '@teambit/component.ui.component-compare.compare-aspects.compare-aspects';\nimport { AspectsCompareSection } from './component-compare-aspects.section';\nimport { ComponentCompareAspect } from './component-compare.aspect';\nimport { ComponentCompareSection } from './component-compare.section';\nimport { CompareChangelogSection } from './component-compare-changelog.section';\n\nexport type ComponentCompareNav = {\n  props: NavLinkProps;\n  order: number;\n};\n\nexport type ComponentCompareNavSlot = SlotRegistry<Array<ComponentCompareNav>>;\nexport class ComponentCompareUI {\n  constructor(private host: string, private navSlot: ComponentCompareNavSlot, private routeSlot: RouteSlot) {}\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<ComponentCompareNavSlot>(), Slot.withType<RouteSlot>()];\n\n  static dependencies = [ComponentAspect];\n\n  getComponentComparePage = (props?: ComponentCompareProps) => {\n    const tabs = props?.tabs || (() => flatten(this.navSlot.values()));\n    const routes = props?.routes || (() => flatten(this.routeSlot.values()));\n    const host = props?.host || this.host;\n\n    return <ComponentCompare {...(props || {})} tabs={tabs} routes={routes} host={host} />;\n  };\n\n  getAspectsComparePage = () => {\n    return <ComponentCompareAspects host={this.host} />;\n  };\n\n  getChangelogComparePage = () => {\n    return <ComponentCompareChangelog />;\n  };\n\n  registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>) {\n    if (Array.isArray(route)) {\n      this.navSlot.register(route);\n    } else {\n      this.navSlot.register([route]);\n    }\n    return this;\n  }\n\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  get routes() {\n    return this.routeSlot.map;\n  }\n\n  get navLinks() {\n    return this.navSlot.map;\n  }\n\n  static async provider(\n    [componentUi]: [ComponentUI],\n    _,\n    [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot);\n    const componentCompareSection = new ComponentCompareSection(componentCompareUI);\n    componentUi.registerRoute([componentCompareSection.route]);\n    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);\n    const aspectCompareSection = new AspectsCompareSection(componentCompareUI);\n    const compareChangelog = new CompareChangelogSection(componentCompareUI);\n    componentCompareUI.registerNavigation([\n      {\n        props: aspectCompareSection.navigationLink,\n        order: aspectCompareSection.navigationLink.order,\n      },\n      {\n        props: compareChangelog.navigationLink,\n        order: compareChangelog.navigationLink.order,\n      },\n    ]);\n\n    componentCompareUI.registerRoutes([aspectCompareSection.route, compareChangelog.route]);\n    return componentCompareUI;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareUI);\n"],"mappings":"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"}
+{"version":3,"names":["ComponentCompareUI","constructor","host","navSlot","routeSlot","props","tabs","flatten","values","routes","registerNavigation","nav","Array","isArray","register","registerRoutes","map","navLinks","provider","componentUi","_","harmony","config","String","get","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","route","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","UIRuntime","Slot","withType","ComponentAspect","ComponentCompareAspect","addRuntime"],"sources":["component-compare.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport flatten from 'lodash.flatten';\nimport { Harmony, Slot, SlotRegistry } from '@teambit/harmony';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport { ComponentCompare } from '@teambit/component.ui.component-compare.component-compare';\nimport { UIRuntime } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { ComponentCompareChangelog } from '@teambit/component.ui.component-compare.changelog';\nimport { ComponentCompareAspects } from '@teambit/component.ui.component-compare.compare-aspects.compare-aspects';\nimport { AspectsCompareSection } from './component-compare-aspects.section';\nimport { ComponentCompareAspect } from './component-compare.aspect';\nimport { ComponentCompareSection } from './component-compare.section';\nimport { CompareChangelogSection } from './component-compare-changelog.section';\n\nexport type ComponentCompareNav = Array<TabItem>;\nexport type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;\nexport class ComponentCompareUI {\n  constructor(private host: string, private navSlot: ComponentCompareNavSlot, private routeSlot: RouteSlot) {}\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<ComponentCompareNavSlot>(), Slot.withType<RouteSlot>()];\n\n  static dependencies = [ComponentAspect];\n\n  getComponentComparePage = (props?: ComponentCompareProps) => {\n    const tabs = props?.tabs || (() => flatten(this.navSlot.values()));\n    const routes = props?.routes || (() => flatten(this.routeSlot.values()));\n    const host = props?.host || this.host;\n\n    return <ComponentCompare {...(props || {})} tabs={tabs} routes={routes} host={host} />;\n  };\n\n  getAspectsComparePage = () => {\n    return <ComponentCompareAspects host={this.host} />;\n  };\n\n  getChangelogComparePage = () => {\n    return <ComponentCompareChangelog />;\n  };\n\n  registerNavigation(nav: TabItem | Array<TabItem>) {\n    if (Array.isArray(nav)) {\n      this.navSlot.register(nav);\n    } else {\n      this.navSlot.register([nav]);\n    }\n    return this;\n  }\n\n  registerRoutes(routes: RouteProps[]) {\n    this.routeSlot.register(routes);\n    return this;\n  }\n\n  get routes() {\n    return this.routeSlot.map;\n  }\n\n  get navLinks() {\n    return this.navSlot.map;\n  }\n\n  static async provider(\n    [componentUi]: [ComponentUI],\n    _,\n    [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const componentCompareUI = new ComponentCompareUI(host, navSlot, routeSlot);\n    const componentCompareSection = new ComponentCompareSection(componentCompareUI);\n    componentUi.registerRoute([componentCompareSection.route]);\n    componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);\n    const aspectCompareSection = new AspectsCompareSection(componentCompareUI);\n    const compareChangelog = new CompareChangelogSection(componentCompareUI);\n\n    componentCompareUI.registerNavigation([aspectCompareSection, compareChangelog]);\n\n    componentCompareUI.registerRoutes([aspectCompareSection.route, compareChangelog.route]);\n    return componentCompareUI;\n  }\n}\n\nComponentCompareAspect.addRuntime(ComponentCompareUI);\n"],"mappings":"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"}

package/dist/index.d.ts

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

package/dist/index.js.map

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

package/dist/{preview-1672744851119.js → preview-1672889151191.js}

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component-compare",
-  "version": "0.0.198",
+  "version": "0.0.200",
   "homepage": "https://bit.dev/teambit/component/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-compare",
-    "version": "0.0.198"
+    "version": "0.0.200"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -14,18 +14,19 @@
     "core-js": "^3.0.0",
     "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/base-ui.routing.nav-link": "1.0.0",
-    "@teambit/component": "0.0.950",
-    "@teambit/cli": "0.0.636",
-    "@teambit/graphql": "0.0.950",
-    "@teambit/scope": "0.0.950",
+    "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.1",
+    "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.3",
+    "@teambit/component": "0.0.952",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.497",
-    "@teambit/component.ui.component-compare.changelog": "0.0.20",
-    "@teambit/component.ui.component-compare.compare-aspects.compare-aspects": "0.0.20",
-    "@teambit/component.ui.component-compare.component-compare": "0.0.20",
-    "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.2",
+    "@teambit/cli": "0.0.638",
+    "@teambit/graphql": "0.0.952",
+    "@teambit/logger": "0.0.731",
+    "@teambit/scope": "0.0.952",
+    "@teambit/component.ui.component-compare.changelog": "0.0.22",
+    "@teambit/component.ui.component-compare.compare-aspects.compare-aspects": "0.0.22",
+    "@teambit/component.ui.component-compare.component-compare": "0.0.22",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.501",
-    "@teambit/ui": "0.0.950"
+    "@teambit/ui": "0.0.952"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -38,7 +39,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.417",
+    "@teambit/legacy": "1.0.419",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },