@teambit/component-compare 0.0.175 → 0.0.176

package/component-compare-aspects.section.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
 import { Section } from '@teambit/component';
-import { ComponentCompareAspects } from '@teambit/component.ui.compare';
+import { ComponentCompareUI } from './component-compare.ui.runtime';
 
 export class AspectsCompareSection implements Section {
-  constructor(private host: string) {}
+  constructor(private compareUI: ComponentCompareUI) {}
 
   navigationLink = {
     href: 'aspects',
@@ -13,6 +12,6 @@ export class AspectsCompareSection implements Section {
 
   route = {
     path: 'aspects/*',
-    element: <ComponentCompareAspects host={this.host} />,
+    element: this.compareUI.getAspectsComparePage(),
   };
 }

package/component-compare-changelog.section.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
 import { Section } from '@teambit/component';
-import { ComponentCompareChangelog } from '@teambit/component.ui.compare';
+import { ComponentCompareUI } from './component-compare.ui.runtime';
 
 export class CompareChangelogSection implements Section {
+  constructor(private compareUI: ComponentCompareUI) {}
+
   navigationLink = {
     href: 'changelog',
     children: 'Changelog',
@@ -11,6 +12,6 @@ export class CompareChangelogSection implements Section {
 
   route = {
     path: 'changelog/*',
-    element: <ComponentCompareChangelog />,
+    element: this.compareUI.getChangelogComparePage(),
   };
 }

package/component-compare.ui.runtime.tsx

@@ -1,11 +1,15 @@
+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.compare';
-import { Harmony, Slot, SlotRegistry } from '@teambit/harmony';
+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 React from 'react';
-import { RouteProps } from 'react-router-dom';
+import { ComponentCompareProps } 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';
 import { ComponentCompareAspect } from './component-compare.aspect';
 import { ComponentCompareSection } from './component-compare.section';
@@ -26,9 +30,21 @@ export class ComponentCompareUI {
 
   static dependencies = [ComponentAspect];
 
-  getComponentComparePage = () => (
-    <ComponentCompare navSlot={this.navSlot} routeSlot={this.routeSlot} host={this.host} />
-  );
+  getComponentComparePage = (props?: ComponentCompareProps) => {
+    const tabs = props?.tabs || (() => flatten(this.navSlot.values()));
+    const routes = props?.routes || (() => flatten(this.routeSlot.values()));
+    const host = props?.host || this.host;
+
+    return <ComponentCompare {...(props || {})} tabs={tabs} routes={routes} host={host} />;
+  };
+
+  getAspectsComparePage = () => {
+    return <ComponentCompareAspects host={this.host} />;
+  };
+
+  getChangelogComparePage = () => {
+    return <ComponentCompareChangelog />;
+  };
 
   registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>) {
     if (Array.isArray(route)) {
@@ -44,6 +60,14 @@ export class ComponentCompareUI {
     return this;
   }
 
+  get routes() {
+    return this.routeSlot.map;
+  }
+
+  get navLinks() {
+    return this.navSlot.map;
+  }
+
   static async provider(
     [componentUi]: [ComponentUI],
     _,
@@ -56,8 +80,8 @@ export class ComponentCompareUI {
     const componentCompareSection = new ComponentCompareSection(componentCompareUI);
     componentUi.registerRoute([componentCompareSection.route]);
     componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);
-    const aspectCompareSection = new AspectsCompareSection(host);
-    const compareChangelog = new CompareChangelogSection();
+    const aspectCompareSection = new AspectsCompareSection(componentCompareUI);
+    const compareChangelog = new CompareChangelogSection(componentCompareUI);
     componentCompareUI.registerNavigation([
       {
         props: aspectCompareSection.navigationLink,

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { Section } from '@teambit/component';
+import { ComponentCompareUI } from './component-compare.ui.runtime';
 export declare class AspectsCompareSection implements Section {
-    private host;
-    constructor(host: string);
+    private compareUI;
+    constructor(compareUI: ComponentCompareUI);
     navigationLink: {
         href: string;
         children: string;

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

@@ -12,23 +12,9 @@ function _defineProperty2() {
   };
   return data;
 }
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _componentUi() {
-  const data = require("@teambit/component.ui.compare");
-  _componentUi = function () {
-    return data;
-  };
-  return data;
-}
 class AspectsCompareSection {
-  constructor(host) {
-    this.host = host;
+  constructor(compareUI) {
+    this.compareUI = compareUI;
     (0, _defineProperty2().default)(this, "navigationLink", {
       href: 'aspects',
       children: 'Aspects',
@@ -36,9 +22,7 @@ class AspectsCompareSection {
     });
     (0, _defineProperty2().default)(this, "route", {
       path: 'aspects/*',
-      element: /*#__PURE__*/_react().default.createElement(_componentUi().ComponentCompareAspects, {
-        host: this.host
-      })
+      element: this.compareUI.getAspectsComparePage()
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["AspectsCompareSection","constructor","host","href","children","order","path","element"],"sources":["component-compare-aspects.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { ComponentCompareAspects } from '@teambit/component.ui.compare';\n\nexport class AspectsCompareSection implements Section {\n  constructor(private host: string) {}\n\n  navigationLink = {\n    href: 'aspects',\n    children: 'Aspects',\n    order: 6,\n  };\n\n  route = {\n    path: 'aspects/*',\n    element: <ComponentCompareAspects host={this.host} />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,qBAAqB,CAAoB;EACpDC,WAAW,CAASC,IAAY,EAAE;IAAA,KAAdA,IAAY,GAAZA,IAAY;IAAA,wDAEf;MACfC,IAAI,EAAE,SAAS;MACfC,QAAQ,EAAE,SAAS;MACnBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,WAAW;MACjBC,OAAO,eAAE,+BAAC,sCAAuB;QAAC,IAAI,EAAE,IAAI,CAACL;MAAK;IACpD,CAAC;EAXkC;AAYrC;AAAC"}
+{"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"}

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { Section } from '@teambit/component';
+import { ComponentCompareUI } from './component-compare.ui.runtime';
 export declare class CompareChangelogSection implements Section {
+    private compareUI;
+    constructor(compareUI: ComponentCompareUI);
     navigationLink: {
         href: string;
         children: string;

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

@@ -12,22 +12,9 @@ function _defineProperty2() {
   };
   return data;
 }
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _componentUi() {
-  const data = require("@teambit/component.ui.compare");
-  _componentUi = function () {
-    return data;
-  };
-  return data;
-}
 class CompareChangelogSection {
-  constructor() {
+  constructor(compareUI) {
+    this.compareUI = compareUI;
     (0, _defineProperty2().default)(this, "navigationLink", {
       href: 'changelog',
       children: 'Changelog',
@@ -35,7 +22,7 @@ class CompareChangelogSection {
     });
     (0, _defineProperty2().default)(this, "route", {
       path: 'changelog/*',
-      element: /*#__PURE__*/_react().default.createElement(_componentUi().ComponentCompareChangelog, null)
+      element: this.compareUI.getChangelogComparePage()
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["CompareChangelogSection","href","children","order","path","element"],"sources":["component-compare-changelog.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { ComponentCompareChangelog } from '@teambit/component.ui.compare';\n\nexport class CompareChangelogSection implements Section {\n  navigationLink = {\n    href: 'changelog',\n    children: 'Changelog',\n    order: 5,\n  };\n\n  route = {\n    path: 'changelog/*',\n    element: <ComponentCompareChangelog />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,uBAAuB,CAAoB;EAAA;IAAA,wDACrC;MACfC,IAAI,EAAE,WAAW;MACjBC,QAAQ,EAAE,WAAW;MACrBC,KAAK,EAAE;IACT,CAAC;IAAA,+CAEO;MACNC,IAAI,EAAE,aAAa;MACnBC,OAAO,eAAE,+BAAC,wCAAyB;IACrC,CAAC;EAAA;AACH;AAAC"}
+{"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"}

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

@@ -1,9 +1,10 @@
 /// <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 { Harmony, SlotRegistry } from '@teambit/harmony';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import { RouteProps } from 'react-router-dom';
+import { ComponentCompareProps } from '@teambit/component.ui.component-compare.models.component-compare-props';
 export declare type ComponentCompareNav = {
     props: NavLinkProps;
     order: number;
@@ -17,8 +18,12 @@ export declare class ComponentCompareUI {
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: (((registerFn: () => string) => SlotRegistry<ComponentCompareNavSlot>) | ((registerFn: () => string) => SlotRegistry<RouteSlot>))[];
     static dependencies: import("@teambit/harmony").Aspect[];
-    getComponentComparePage: () => JSX.Element;
+    getComponentComparePage: (props?: ComponentCompareProps) => JSX.Element;
+    getAspectsComparePage: () => JSX.Element;
+    getChangelogComparePage: () => JSX.Element;
     registerNavigation(route: ComponentCompareNav | Array<ComponentCompareNav>): this;
     registerRoutes(routes: RouteProps[]): this;
+    get routes(): Map<string, RouteProps | RouteProps[]>;
+    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

@@ -7,6 +7,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComponentCompareUI = void 0;
+function _extends2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+  _extends2 = function () {
+    return data;
+  };
+  return data;
+}
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
   _defineProperty2 = function () {
@@ -14,16 +21,16 @@ function _defineProperty2() {
   };
   return data;
 }
-function _component() {
-  const data = _interopRequireDefault(require("@teambit/component"));
-  _component = function () {
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
     return data;
   };
   return data;
 }
-function _componentUi() {
-  const data = require("@teambit/component.ui.compare");
-  _componentUi = function () {
+function _lodash() {
+  const data = _interopRequireDefault(require("lodash.flatten"));
+  _lodash = function () {
     return data;
   };
   return data;
@@ -35,6 +42,20 @@ function _harmony() {
   };
   return data;
 }
+function _component() {
+  const data = _interopRequireDefault(require("@teambit/component"));
+  _component = function () {
+    return data;
+  };
+  return data;
+}
+function _componentUiComponentCompare() {
+  const data = require("@teambit/component.ui.component-compare.component-compare");
+  _componentUiComponentCompare = function () {
+    return data;
+  };
+  return data;
+}
 function _ui() {
   const data = require("@teambit/ui");
   _ui = function () {
@@ -42,9 +63,16 @@ function _ui() {
   };
   return data;
 }
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
+function _componentUiComponentCompare2() {
+  const data = require("@teambit/component.ui.component-compare.changelog");
+  _componentUiComponentCompare2 = function () {
+    return data;
+  };
+  return data;
+}
+function _componentUiComponentCompareCompareAspects() {
+  const data = require("@teambit/component.ui.component-compare.compare-aspects.compare-aspects");
+  _componentUiComponentCompareCompareAspects = function () {
     return data;
   };
   return data;
@@ -82,11 +110,24 @@ class ComponentCompareUI {
     this.host = host;
     this.navSlot = navSlot;
     this.routeSlot = routeSlot;
-    (0, _defineProperty2().default)(this, "getComponentComparePage", () => /*#__PURE__*/_react().default.createElement(_componentUi().ComponentCompare, {
-      navSlot: this.navSlot,
-      routeSlot: this.routeSlot,
-      host: this.host
-    }));
+    (0, _defineProperty2().default)(this, "getComponentComparePage", props => {
+      const tabs = (props === null || props === void 0 ? void 0 : props.tabs) || (() => (0, _lodash().default)(this.navSlot.values()));
+      const routes = (props === null || props === void 0 ? void 0 : props.routes) || (() => (0, _lodash().default)(this.routeSlot.values()));
+      const host = (props === null || props === void 0 ? void 0 : props.host) || this.host;
+      return /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare().ComponentCompare, (0, _extends2().default)({}, props || {}, {
+        tabs: tabs,
+        routes: routes,
+        host: host
+      }));
+    });
+    (0, _defineProperty2().default)(this, "getAspectsComparePage", () => {
+      return /*#__PURE__*/_react().default.createElement(_componentUiComponentCompareCompareAspects().ComponentCompareAspects, {
+        host: this.host
+      });
+    });
+    (0, _defineProperty2().default)(this, "getChangelogComparePage", () => {
+      return /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare2().ComponentCompareChangelog, null);
+    });
   }
   registerNavigation(route) {
     if (Array.isArray(route)) {
@@ -100,6 +141,12 @@ class ComponentCompareUI {
     this.routeSlot.register(routes);
     return this;
   }
+  get routes() {
+    return this.routeSlot.map;
+  }
+  get navLinks() {
+    return this.navSlot.map;
+  }
   static async provider([componentUi], _, [navSlot, routeSlot], harmony) {
     const {
       config
@@ -109,8 +156,8 @@ class ComponentCompareUI {
     const componentCompareSection = new (_componentCompare2().ComponentCompareSection)(componentCompareUI);
     componentUi.registerRoute([componentCompareSection.route]);
     componentUi.registerWidget(componentCompareSection.navigationLink, componentCompareSection.order);
-    const aspectCompareSection = new (_componentCompareAspects().AspectsCompareSection)(host);
-    const compareChangelog = new (_componentCompareChangelog().CompareChangelogSection)();
+    const aspectCompareSection = new (_componentCompareAspects().AspectsCompareSection)(componentCompareUI);
+    const compareChangelog = new (_componentCompareChangelog().CompareChangelogSection)(componentCompareUI);
     componentCompareUI.registerNavigation([{
       props: aspectCompareSection.navigationLink,
       order: aspectCompareSection.navigationLink.order

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

@@ -1 +1 @@
-{"version":3,"names":["ComponentCompareUI","constructor","host","navSlot","routeSlot","registerNavigation","route","Array","isArray","register","registerRoutes","routes","provider","componentUi","_","harmony","config","String","get","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","props","UIRuntime","Slot","withType","ComponentAspect","ComponentCompareAspect","addRuntime"],"sources":["component-compare.ui.runtime.tsx"],"sourcesContent":["import { NavLinkProps } from '@teambit/base-ui.routing.nav-link';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport { ComponentCompare } from '@teambit/component.ui.compare';\nimport { Harmony, Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport React from 'react';\nimport { RouteProps } from 'react-router-dom';\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 = () => (\n    <ComponentCompare navSlot={this.navSlot} routeSlot={this.routeSlot} host={this.host} />\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  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(host);\n    const compareChangelog = new CompareChangelogSection();\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","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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"}

package/dist/index.d.ts

@@ -1,6 +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 };
 export default ComponentCompareAspect;

package/dist/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "ComponentCompareAspect", {
     return _componentCompare().ComponentCompareAspect;
   }
 });
-Object.defineProperty(exports, "ComponentCompareSection", {
-  enumerable: true,
-  get: function () {
-    return _componentCompare2().ComponentCompareSection;
-  }
-});
 exports.default = void 0;
 function _componentCompare() {
   const data = require("./component-compare.aspect");
@@ -23,13 +17,6 @@ function _componentCompare() {
   };
   return data;
 }
-function _componentCompare2() {
-  const data = require("./component-compare.section");
-  _componentCompare2 = function () {
-    return data;
-  };
-  return data;
-}
 var _default = _componentCompare().ComponentCompareAspect;
 exports.default = _default;
 

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';\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;AAAsE,eAGvDA,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, ComponentCompareNav } 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-1670414621516.js → preview-1670470092710.js}

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

package/package.json

@@ -1,30 +1,35 @@
 {
   "name": "@teambit/component-compare",
-  "version": "0.0.175",
+  "version": "0.0.176",
   "homepage": "https://bit.dev/teambit/component/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-compare",
-    "version": "0.0.175"
+    "version": "0.0.176"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
+    "lodash.flatten": "4.4.0",
     "@babel/runtime": "7.20.0",
     "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.138",
-    "@teambit/component": "0.0.927",
-    "@teambit/cli": "0.0.620",
-    "@teambit/graphql": "0.0.927",
-    "@teambit/scope": "0.0.927",
+    "@teambit/component": "0.0.928",
+    "@teambit/cli": "0.0.621",
+    "@teambit/graphql": "0.0.928",
+    "@teambit/scope": "0.0.928",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.497",
-    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.499",
-    "@teambit/ui": "0.0.927"
+    "@teambit/component.ui.component-compare.changelog": "0.0.4",
+    "@teambit/component.ui.component-compare.compare-aspects.compare-aspects": "0.0.4",
+    "@teambit/component.ui.component-compare.component-compare": "0.0.4",
+    "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.1",
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.500",
+    "@teambit/ui": "0.0.928"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
+    "@types/lodash.flatten": "4.4.6",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -33,7 +38,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.401",
+    "@teambit/legacy": "1.0.402",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },