@teambit/component-compare 1.0.107 → 1.0.109

package/artifacts/preview/teambit_component_component_compare-preview.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.component/component-compare-preview"]=t():e["teambit.component/component-compare-preview"]=t()}(self,(()=>(()=>{"use strict";var e={69198:(e,t,o)=>{var n={id:"teambit.component/component-compare@1.0.109",homepage:"https://bit.cloud/teambit/component/component-compare",exported:!0};function r(){const e=a(o(87363));return r=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,a.__bit_component=n;const i=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/bit-icons/compare.svg"}));i.__bit_component=n,t.Logo=i},87363:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>d,compositions_metadata:()=>u,overview:()=>l});var e={};o.r(e),o.d(e,{default:()=>s});var t=o(69198);o(87363);const r=MdxJsReact,a=TeambitMdxUiMdxScopeContext;var i=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p.apply(this,arguments)}var c={},m="wrapper";function s(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},a=Object.keys(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,i);return(0,r.mdx)(m,p({},c,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://bit.cloud/blog/introducing-a-new-feature-component-compare-l4qyxtoo?baseVersion=0.0.5"},"Introducing Component Compare")),(0,r.mdx)("p",null,"Component Compare allows users to compare two component versions. It provides a unified view of all the following differences,"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Code: Modifications made to the source code of the component."),(0,r.mdx)("li",{parentName:"ul"},"Composition: Changes made to how the component looks visually."),(0,r.mdx)("li",{parentName:"ul"},"Tests: Changes made to how the component is tested."),(0,r.mdx)("li",{parentName:"ul"},"Dependencies: Changes made to the component's dependency graph."),(0,r.mdx)("li",{parentName:"ul"},"Overview: Changes to the auto-generated documentation for the component."),(0,r.mdx)("li",{parentName:"ul"},"Aspects: Changes made to the extensions for the component."),(0,r.mdx)("li",{parentName:"ul"},"Changelog: Changes exported between the two selected versions"))))}s.isMDXComponent=!0;const d=[t],l=[e],u={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <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';
@@ -9,16 +9,16 @@ export declare class AspectsCompareSection implements TabItem, Section {
     navigationLink: {
         href: string;
         displayName: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
     props: {
         href: string;
         displayName: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
     route: {
         path: string;
-        element: React.JSX.Element;
+        element: JSX.Element;
     };
     order: number;
     widget: boolean;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <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';
@@ -7,17 +7,17 @@ export declare class CompareChangelogSection implements Section, TabItem {
     constructor(compareUI: ComponentCompareUI);
     navigationLink: {
         href: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
         displayName: string;
     };
     props: {
         href: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
         displayName: string;
     };
     route: {
         path: string;
-        element: React.JSX.Element;
+        element: JSX.Element;
     };
     order: number;
     widget: boolean;

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Logo: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

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

@@ -11,7 +11,7 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
         ComponentCompareResult: {
             id: (result: ComponentCompareResult) => string;
             code: (result: ComponentCompareResult, { fileName }: {
-                fileName?: string | undefined;
+                fileName?: string;
             }) => {
                 fileName: string;
                 baseContent: string;
@@ -23,7 +23,7 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
                 toContent: string;
             }[];
             tests: (result: ComponentCompareResult, { fileName }: {
-                fileName?: string | undefined;
+                fileName?: string;
             }) => {
                 fileName: string;
                 baseContent: string;
@@ -35,7 +35,7 @@ export declare function componentCompareSchema(componentCompareMain: ComponentCo
                 toContent: string;
             }[];
             aspects: (result: ComponentCompareResult, { fieldName }: {
-                fieldName?: string | undefined;
+                fieldName?: string;
             }) => import("@teambit/legacy/dist/consumer/component-ops/components-diff").FieldsDiff[];
         };
     };

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

@@ -7,13 +7,13 @@ import { LoggerMain, Logger } from '@teambit/logger';
 import { FieldsDiff, FileDiff } from '@teambit/legacy/dist/consumer/component-ops/components-diff';
 import { TesterMain } from '@teambit/tester';
 import { Component, ComponentMain } from '@teambit/component';
-export declare type ComponentCompareResult = {
+export type ComponentCompareResult = {
     id: string;
     code: FileDiff[];
     fields: FieldsDiff[];
     tests: FileDiff[];
 };
-declare type ConfigDiff = {
+type ConfigDiff = {
     version?: string;
     dependencies?: string[];
     aspects?: Record<string, any>;
@@ -25,7 +25,7 @@ export declare class ComponentCompareMain {
     private tester;
     private depResolver;
     private workspace?;
-    constructor(componentAspect: ComponentMain, scope: ScopeMain, logger: Logger, tester: TesterMain, depResolver: DependencyResolverMain, workspace?: Workspace | undefined);
+    constructor(componentAspect: ComponentMain, scope: ScopeMain, logger: Logger, tester: TesterMain, depResolver: DependencyResolverMain, workspace?: Workspace);
     compare(baseIdStr: string, compareIdStr: string): Promise<ComponentCompareResult>;
     diffByCLIValues(values: string[], verbose: boolean, table: boolean): Promise<any>;
     getConfigForDiffById(id: string): Promise<ConfigDiff>;
@@ -36,7 +36,7 @@ export declare class ComponentCompareMain {
     }>;
     private parseValues;
     private getBitIdsForDiff;
-    static slots: never[];
+    static slots: any[];
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static provider([graphql, component, scope, loggerMain, cli, workspace, tester, depResolver]: [

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Section } from '@teambit/component';
 import { ComponentCompareUI } from './component-compare.ui.runtime';
 export declare class ComponentCompareSection implements Section {
@@ -7,11 +7,11 @@ export declare class ComponentCompareSection implements Section {
     navigationLink: {
         href: string;
         displayName: string;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
     route: {
         path: string;
-        element: React.JSX.Element;
+        element: JSX.Element;
     };
     order: number;
 }

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

@@ -4,8 +4,8 @@ import { Harmony, SlotRegistry } from '@teambit/harmony';
 import { ComponentUI } from '@teambit/component';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 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 type ComponentCompareNav = Array<TabItem>;
+export type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;
 export declare class ComponentCompareUI {
     private host;
     private navSlot;
@@ -15,9 +15,9 @@ 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: (props?: ComponentCompareProps) => React.JSX.Element;
-    getAspectsComparePage: () => React.JSX.Element;
-    getChangelogComparePage: () => React.JSX.Element;
+    getComponentComparePage: (props?: ComponentCompareProps) => JSX.Element;
+    getAspectsComparePage: () => JSX.Element;
+    getChangelogComparePage: () => JSX.Element;
     registerNavigation(nav: TabItem | Array<TabItem>): this;
     registerRoutes(routes: RouteProps[]): this;
     get routes(): Map<string, RouteProps | RouteProps[]>;
@@ -25,22 +25,22 @@ export declare class ComponentCompareUI {
     get tabs(): {
         id: string;
         element: React.ReactNode;
-        order?: number | undefined;
-        displayName?: string | undefined;
-        props?: ({
-            replace?: boolean | undefined;
-            external?: boolean | undefined;
+        order?: number;
+        displayName?: string;
+        props?: {
+            replace?: boolean;
+            external?: boolean;
         } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-            activeClassName?: string | undefined;
-            activeStyle?: React.CSSProperties | undefined;
-            exact?: boolean | undefined;
-            strict?: boolean | undefined;
-            isActive?: (() => boolean) | undefined;
+            activeClassName?: string;
+            activeStyle?: React.CSSProperties;
+            exact?: boolean;
+            strict?: boolean;
+            isActive?: () => boolean;
         } & {
-            displayName?: string | undefined;
-        }) | undefined;
-        widget?: boolean | undefined;
-        changeType?: import("@teambit/component.ui.component-compare.models.component-compare-change-type").ChangeType | undefined;
+            displayName?: string;
+        };
+        widget?: boolean;
+        changeType?: import("@teambit/component.ui.component-compare.models.component-compare-change-type").ChangeType;
     }[];
     static provider([componentUi]: [ComponentUI], _: any, [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot], harmony: Harmony): Promise<ComponentCompareUI>;
 }

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

@@ -102,14 +102,14 @@ class ComponentCompareUI {
     this.routeSlot = routeSlot;
     this.compUI = compUI;
     _defineProperty(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;
+      const tabs = props?.tabs || (() => (0, _lodash().default)(this.navSlot.values()));
+      const routes = props?.routes || (() => (0, _lodash().default)(this.routeSlot.values()));
+      const host = props?.host || this.host;
       return /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare().ComponentCompare, _extends({}, props || {}, {
         tabs: tabs,
         routes: routes,
         host: host,
-        isFullScreen: (props === null || props === void 0 ? void 0 : props.isFullScreen) ?? true
+        isFullScreen: props?.isFullScreen ?? true
       }));
     });
     _defineProperty(this, "getAspectsComparePage", () => {
@@ -141,24 +141,17 @@ class ComponentCompareUI {
   }
   get tabs() {
     const getElement = (routeProps, href) => {
-      var _routeProps$find;
       if (routeProps.length === 1) return routeProps[0].element;
       if (!href) return undefined;
-      return (_routeProps$find = routeProps.find(route => {
-        var _route$path;
-        return (_route$path = route.path) === null || _route$path === void 0 ? void 0 : _route$path.startsWith(href);
-      })) === null || _routeProps$find === void 0 ? void 0 : _routeProps$find.element;
+      return routeProps.find(route => route.path?.startsWith(href))?.element;
     };
     return (0, _lodash().default)(this.navSlot.toArray().map(([id, navProps]) => {
       const maybeRoutesForId = this.routes.get(id);
       const routesForId = maybeRoutesForId && (Array.isArray(maybeRoutesForId) ? [...maybeRoutesForId] : [maybeRoutesForId]) || [];
-      return navProps.map(navProp => {
-        var _navProp$props;
-        return _objectSpread(_objectSpread({}, navProp), {}, {
-          id: (navProp === null || navProp === void 0 ? void 0 : navProp.id) || id,
-          element: getElement(routesForId, navProp === null || navProp === void 0 || (_navProp$props = navProp.props) === null || _navProp$props === void 0 ? void 0 : _navProp$props.href)
-        });
-      });
+      return navProps.map(navProp => _objectSpread(_objectSpread({}, navProp), {}, {
+        id: navProp?.id || id,
+        element: getElement(routesForId, navProp?.props?.href)
+      }));
     }));
   }
   static async provider([componentUi], _, [navSlot, routeSlot], harmony) {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_harmony","_component","_componentUiComponentCompare","_ui","_componentUiComponentCompare2","_componentUiComponentCompareCompareAspects","_componentCompareAspects","_componentCompare","_componentCompare2","_componentCompareChangelog","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","target","i","source","key","prototype","hasOwnProperty","call","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","ComponentCompareUI","constructor","host","navSlot","routeSlot","compUI","props","tabs","flatten","values","routes","createElement","ComponentCompare","isFullScreen","ComponentCompareAspects","ComponentCompareChangelog","registerNavigation","nav","Array","isArray","register","registerRoutes","map","navLinks","getElement","routeProps","href","_routeProps$find","element","undefined","find","route","_route$path","path","startsWith","toArray","id","navProps","maybeRoutesForId","get","routesForId","navProp","_navProp$props","provider","componentUi","_","harmony","config","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","exports","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(\n    private host: string,\n    private navSlot: ComponentCompareNavSlot,\n    private routeSlot: RouteSlot,\n    private compUI: ComponentUI\n  ) {}\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 (\n      <ComponentCompare\n        {...(props || {})}\n        tabs={tabs}\n        routes={routes}\n        host={host}\n        isFullScreen={props?.isFullScreen ?? true}\n      />\n    );\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  get tabs() {\n    const getElement = (routeProps: RouteProps[], href?: string) => {\n      if (routeProps.length === 1) return routeProps[0].element;\n      if (!href) return undefined;\n      return routeProps.find((route) => route.path?.startsWith(href))?.element;\n    };\n\n    return flatten(\n      this.navSlot.toArray().map(([id, navProps]) => {\n        const maybeRoutesForId = this.routes.get(id);\n        const routesForId =\n          (maybeRoutesForId && (Array.isArray(maybeRoutesForId) ? [...maybeRoutesForId] : [maybeRoutesForId])) || [];\n\n        return navProps.map((navProp) => ({\n          ...navProp,\n          id: navProp?.id || id,\n          element: getElement(routesForId, navProp?.props?.href),\n        }));\n      })\n    );\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, componentUi);\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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"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_harmony","_component","_componentUiComponentCompare","_ui","_componentUiComponentCompare2","_componentUiComponentCompareCompareAspects","_componentCompareAspects","_componentCompare","_componentCompare2","_componentCompareChangelog","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","target","i","source","key","prototype","hasOwnProperty","call","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","ComponentCompareUI","constructor","host","navSlot","routeSlot","compUI","props","tabs","flatten","values","routes","createElement","ComponentCompare","isFullScreen","ComponentCompareAspects","ComponentCompareChangelog","registerNavigation","nav","Array","isArray","register","registerRoutes","map","navLinks","getElement","routeProps","href","element","undefined","find","route","path","startsWith","toArray","id","navProps","maybeRoutesForId","get","routesForId","navProp","provider","componentUi","_","harmony","config","componentCompareUI","componentCompareSection","ComponentCompareSection","registerRoute","registerWidget","navigationLink","order","aspectCompareSection","AspectsCompareSection","compareChangelog","CompareChangelogSection","exports","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(\n    private host: string,\n    private navSlot: ComponentCompareNavSlot,\n    private routeSlot: RouteSlot,\n    private compUI: ComponentUI\n  ) {}\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 (\n      <ComponentCompare\n        {...(props || {})}\n        tabs={tabs}\n        routes={routes}\n        host={host}\n        isFullScreen={props?.isFullScreen ?? true}\n      />\n    );\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  get tabs() {\n    const getElement = (routeProps: RouteProps[], href?: string) => {\n      if (routeProps.length === 1) return routeProps[0].element;\n      if (!href) return undefined;\n      return routeProps.find((route) => route.path?.startsWith(href))?.element;\n    };\n\n    return flatten(\n      this.navSlot.toArray().map(([id, navProps]) => {\n        const maybeRoutesForId = this.routes.get(id);\n        const routesForId =\n          (maybeRoutesForId && (Array.isArray(maybeRoutesForId) ? [...maybeRoutesForId] : [maybeRoutesForId])) || [];\n\n        return navProps.map((navProp) => ({\n          ...navProp,\n          id: navProp?.id || id,\n          element: getElement(routesForId, navProp?.props?.href),\n        }));\n      })\n    );\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, componentUi);\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/{preview-1703590665075.js → preview-1703698405864.js}

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

package/package.json

@@ -1,18 +1,16 @@
 {
   "name": "@teambit/component-compare",
-  "version": "1.0.107",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/component/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component-compare",
-    "version": "1.0.107"
+    "version": "1.0.109"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
     "lodash.flatten": "4.4.0",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
     "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.101",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
@@ -23,31 +21,29 @@
     "@teambit/component.ui.component-compare.compare-aspects.compare-aspects": "0.0.145",
     "@teambit/component.ui.component-compare.component-compare": "0.0.171",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.506",
-    "@teambit/component": "1.0.107",
-    "@teambit/builder": "1.0.107",
-    "@teambit/cli": "0.0.839",
-    "@teambit/dependency-resolver": "1.0.107",
-    "@teambit/graphql": "1.0.107",
-    "@teambit/logger": "0.0.932",
-    "@teambit/scope": "1.0.107",
-    "@teambit/tester": "1.0.107",
-    "@teambit/workspace": "1.0.107",
-    "@teambit/ui": "1.0.107"
+    "@teambit/component": "1.0.109",
+    "@teambit/builder": "1.0.109",
+    "@teambit/cli": "0.0.841",
+    "@teambit/dependency-resolver": "1.0.109",
+    "@teambit/graphql": "1.0.109",
+    "@teambit/logger": "0.0.934",
+    "@teambit/scope": "1.0.109",
+    "@teambit/tester": "1.0.109",
+    "@teambit/workspace": "1.0.109",
+    "@teambit/ui": "1.0.109"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/lodash.flatten": "4.4.6",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14"
   },
   "peerDependencies": {
-    "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.8.1",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -61,7 +57,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -70,12 +66,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}