@teambit/component.ui.component-compare.component-compare 0.0.175 → 0.0.177

package/component-compare.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable react/destructuring-assignment */
+/* eslint-disable react/require-default-props */
 import React, { useContext, useMemo, HTMLAttributes } from 'react';
 import classnames from 'classnames';
 import { LegacyComponentLog } from '@teambit/legacy-component-log';
@@ -40,12 +42,220 @@ const findPrevVersionFromCurrent = (compareVersion) => (_, index: number, logs:
   return logs[prevIndex].tag === compareVersion || logs[prevIndex].hash === compareVersion;
 };
 
+function deriveChangeTypeCssForNav(tab: TabItem, changed: ChangeType[] | null | undefined): string | null {
+  if (!changed || !tab.changeType) return null;
+  const hasChanged = changed.some((change) => tab.changeType === change);
+  return hasChanged ? styles.hasChanged : null;
+}
+
+function onNavClicked({ hooks, id }: { hooks?: ComponentCompareHooks; id?: string }) {
+  if (!hooks?.tabs?.onClick) return undefined;
+  return (e) => hooks?.tabs?.onClick?.(id, e);
+}
+
+function TabLoader() {
+  return <WordSkeleton className={styles.tabLoader} length={5} />;
+}
+
+function CompareMenuTab({
+  children,
+  changed,
+  changeTypeCss,
+  loading,
+  className,
+  ...rest
+}: HTMLAttributes<HTMLDivElement> & {
+  changeTypeCss?: string | null;
+  loading?: boolean;
+  changed?: ChangeType[] | null;
+}) {
+  const hasChanged = useMemo(
+    () => changed?.some((change) => change !== ChangeType.NONE && change !== ChangeType.NEW),
+    [changeTypeCss]
+  );
+
+  if (loading) return <TabLoader />;
+
+  return (
+    <div {...rest} className={classnames(styles.compareMenuTab, className)}>
+      {changeTypeCss && hasChanged && <div className={classnames(styles.indicator, changeTypeCss)} />}
+      <div className={classnames(styles.menuTab)}>{children}</div>
+    </div>
+  );
+}
+
+function CompareMenuNav({ tabs, state, hooks, changes: changed }: ComponentCompareProps) {
+  const activeTab = state?.tabs?.id;
+  const isControlled = state?.tabs?.controlled;
+  const tabsFromProps = extractLazyLoadedData(tabs) || [];
+
+  const extractedTabs: [string, NavPlugin & TabItem][] = useMemo(
+    () =>
+      tabsFromProps.sort(sortTabs).map((tab, index) => {
+        const isActive = !state ? undefined : !!activeTab && !!tab?.id && activeTab === tab.id;
+        const changeTypeCss = deriveChangeTypeCssForNav(tab, changed);
+        const loading = changed === undefined;
+        const key = `${tab.id}-tab-${changeTypeCss}`;
+        return [
+          tab.id || `tab-${index}`,
+          {
+            ...tab,
+            props: {
+              ...(tab.props || {}),
+              key,
+              displayName: (!loading && tab.displayName) || undefined,
+              active: isActive,
+              onClick: onNavClicked({ id: tab.id, hooks }),
+              href: (!isControlled && tab.props?.href) || undefined,
+              activeClassName: (!loading && styles.activeNav) || styles.loadingNav,
+              className: styles.navItem,
+              children: (
+                <CompareMenuTab key={key} loading={loading} changeTypeCss={changeTypeCss} changed={changed}>
+                  {tab.props?.children}
+                </CompareMenuTab>
+              ),
+            },
+          },
+        ];
+      }),
+    [tabsFromProps.length, activeTab, changed, changed?.length]
+  );
+
+  const sortedTabs = useMemo(
+    () => extractedTabs.filter(([, tab]) => !tab.widget),
+    [extractedTabs.length, activeTab, changed?.length, changed]
+  );
+  const sortedWidgets = useMemo(
+    () => extractedTabs.filter(([, tab]) => tab.widget),
+    [extractedTabs.length, activeTab, changed?.length, changed]
+  );
+
+  return (
+    <div className={styles.navContainer}>
+      <CollapsibleMenuNav navPlugins={sortedTabs} widgetPlugins={sortedWidgets} />
+    </div>
+  );
+}
+
+function deriveChangeType(
+  baseId?: ComponentID,
+  compareId?: ComponentID,
+  fileCompareDataByName?: Map<string, FileCompareResult> | null,
+  fieldCompareDataByName?: Map<string, FieldCompareResult> | null,
+  testCompareDataByName?: Map<string, FileCompareResult> | null
+): ChangeType[] | undefined | null {
+  if (!baseId && !compareId) return null;
+  if (!baseId?.version) return [ChangeType.NEW];
+
+  if (fileCompareDataByName === null || fieldCompareDataByName === null) return null;
+  if (fileCompareDataByName === undefined || fieldCompareDataByName === undefined) return undefined;
+
+  const fileCompareData = [...fileCompareDataByName.values()];
+
+  if (
+    fieldCompareDataByName.size === 0 &&
+    (fileCompareDataByName.size === 0 || fileCompareData.every((f) => f.status === 'UNCHANGED'))
+  ) {
+    return [ChangeType.NONE];
+  }
+
+  const changed: ChangeType[] = [];
+  const DEPS_FIELD = ['dependencies', 'devDependencies', 'extensionDependencies', 'packageDependencies'];
+
+  if (testCompareDataByName?.size) {
+    changed.push(ChangeType.TESTS);
+  }
+
+  if (fileCompareDataByName.size > 0 && fileCompareData.some((f) => f.status !== 'UNCHANGED')) {
+    changed.push(ChangeType.SOURCE_CODE);
+  }
+
+  if (fieldCompareDataByName.size > 0) {
+    changed.push(ChangeType.ASPECTS);
+  }
+
+  if ([...fieldCompareDataByName.values()].some((field) => DEPS_FIELD.includes(field.fieldName))) {
+    changed.push(ChangeType.DEPENDENCY);
+  }
+
+  return changed;
+}
+
+function CompareLoader({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div className={className} {...rest}>
+      <BlockSkeleton className={styles.navLoader} lines={3} />
+      <div className={styles.compareLoader}>
+        <div className={styles.compareViewLoader}>
+          <BlockSkeleton lines={30} />
+        </div>
+        <div className={styles.compareSidebarLoader}>
+          <BlockSkeleton lines={30} />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function RenderCompareScreen(
+  props: ComponentCompareProps & {
+    baseVersion?: string;
+    compareVersion?: string;
+    compareHasLocalChanges?: boolean;
+    componentId: string;
+    loading?: boolean;
+  }
+) {
+  const {
+    routes,
+    state,
+    loading,
+    Loader = CompareLoader,
+    baseVersion,
+    compareVersion,
+    compareHasLocalChanges,
+    componentId,
+    hidden,
+  } = props;
+
+  const showVersionPicker = state?.versionPicker?.element !== null;
+
+  return (
+    <>
+      {showVersionPicker && (
+        <div className={styles.top}>
+          {state?.versionPicker?.element || (
+            <ComponentCompareVersionPicker
+              componentId={componentId}
+              baseVersion={baseVersion}
+              compareVersion={compareVersion}
+              compareHasLocalChanges={compareHasLocalChanges}
+              host={props.host}
+              customUseComponent={props.customUseComponent}
+            />
+          )}
+        </div>
+      )}
+      {loading && !hidden && <Loader className={classnames(styles.loader)} />}
+      {!loading && (
+        <div className={classnames(styles.bottom, hidden && styles.hidden)}>
+          <CompareMenuNav {...props} />
+          {(extractLazyLoadedData(routes) || []).length > 0 && (
+            <SlotRouter routes={extractLazyLoadedData(routes) || []} />
+          )}
+          {state?.tabs?.element}
+        </div>
+      )}
+    </>
+  );
+}
+
 // eslint-disable-next-line complexity
 export function ComponentCompare(props: ComponentCompareProps) {
   const {
     host,
-    baseId: _baseId,
-    compareId: _compareId,
+    baseId: baseIdFromProps,
+    compareId: compareIdFromProps,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     routes,
     state,
@@ -75,8 +285,8 @@ export function ComponentCompare(props: ComponentCompareProps) {
     component: compareComponent,
     loading: loadingCompare,
     componentDescriptor: compareComponentDescriptor,
-  } = useComponent(host, compareIdOverride?.toString() || _compareId?.toString(), {
-    skip: hidden || (!_compareId && !compareIdOverride),
+  } = useComponent(host, compareIdOverride?.toString() || compareIdFromProps?.toString(), {
+    skip: hidden || (!compareIdFromProps && !compareIdOverride),
     customUseComponent,
     logFilters: {
       log: {
@@ -92,7 +302,9 @@ export function ComponentCompare(props: ComponentCompareProps) {
   );
   const isNew = useMemo(() => allVersionInfo.length === 0, [allVersionInfo]);
   const compareVersion =
-    isWorkspace && !isNew && !location?.search.includes('version') && !_compareId ? 'workspace' : component.id.version;
+    isWorkspace && !isNew && !location?.search.includes('version') && !compareIdFromProps
+      ? 'workspace'
+      : component.id.version;
   const compareIsLocalChanges = compareVersion === 'workspace';
 
   const lastVersionInfo = useMemo(() => {
@@ -103,11 +315,11 @@ export function ComponentCompare(props: ComponentCompareProps) {
 
   const baseId = React.useMemo(
     () =>
-      _baseId ||
+      baseIdFromProps ||
       (baseVersion && component.id.changeVersion(baseVersion)) ||
       (lastVersionInfo && component.id.changeVersion(lastVersionInfo.tag || lastVersionInfo.hash)) ||
       component.id,
-    [loadingCompare, _baseId, baseVersion, lastVersionInfo?.tag, lastVersionInfo?.hash]
+    [loadingCompare, baseIdFromProps, baseVersion, lastVersionInfo?.tag, lastVersionInfo?.hash]
   );
 
   const {
@@ -127,7 +339,7 @@ export function ComponentCompare(props: ComponentCompareProps) {
 
   const loading = loadingBase || loadingCompare;
 
-  const compare = _compareId ? compareComponent : component;
+  const compare = compareIdFromProps ? compareComponent : component;
 
   const compCompareId = `${base?.id.toString()}-${compare?.id.toString()}`;
 
@@ -149,31 +361,31 @@ export function ComponentCompare(props: ComponentCompareProps) {
     if (loading || compCompareLoading) return undefined;
     if (!compCompareLoading && !componentCompareData) return null;
 
-    const _fileCompareDataByName = new Map<string, FileCompareResult>();
+    const fileCompareDataByNameLookup = new Map<string, FileCompareResult>();
     (componentCompareData?.code || []).forEach((codeCompareData) => {
-      _fileCompareDataByName.set(codeCompareData.fileName, codeCompareData);
+      fileCompareDataByNameLookup.set(codeCompareData.fileName, codeCompareData);
     });
-    return _fileCompareDataByName;
+    return fileCompareDataByNameLookup;
   }, [compCompareLoading, loading, compCompareId]);
 
   const fieldCompareDataByName = useMemo(() => {
     if (loading || compCompareLoading) return undefined;
     if (!compCompareLoading && !componentCompareData) return null;
-    const _fieldCompareDataByName = new Map<string, FieldCompareResult>();
+    const fieldCompareDataByNameLookup = new Map<string, FieldCompareResult>();
     (componentCompareData?.aspects || []).forEach((aspectCompareData) => {
-      _fieldCompareDataByName.set(aspectCompareData.fieldName, aspectCompareData);
+      fieldCompareDataByNameLookup.set(aspectCompareData.fieldName, aspectCompareData);
     });
-    return _fieldCompareDataByName;
+    return fieldCompareDataByNameLookup;
   }, [compCompareLoading, loading, compCompareId]);
 
   const testCompareDataByName = useMemo(() => {
     if (loading || compCompareLoading) return undefined;
     if (!compCompareLoading && !componentCompareData) return null;
-    const _testCompareDataByName = new Map<string, FileCompareResult>();
+    const testCompareDataByNameLookup = new Map<string, FileCompareResult>();
     (componentCompareData?.tests || []).forEach((testCompareData) => {
-      _testCompareDataByName.set(testCompareData.fileName, testCompareData);
+      testCompareDataByNameLookup.set(testCompareData.fileName, testCompareData);
     });
-    return _testCompareDataByName;
+    return testCompareDataByNameLookup;
   }, [compCompareLoading, loading, compCompareId]);
 
   const componentCompareModel = {
@@ -215,7 +427,7 @@ export function ComponentCompare(props: ComponentCompareProps) {
             component?.id?.toStringWithoutVersion()
           }
           baseVersion={baseId.version}
-          compareVersion={_compareId?.version || component.id.version}
+          compareVersion={compareIdFromProps?.version || component.id.version}
           compareHasLocalChanges={compareIsLocalChanges}
           changes={changes}
           loading={loading}
@@ -225,210 +437,3 @@ export function ComponentCompare(props: ComponentCompareProps) {
     </ComponentCompareContext.Provider>
   );
 }
-
-function RenderCompareScreen(
-  props: ComponentCompareProps & {
-    baseVersion?: string;
-    compareVersion?: string;
-    compareHasLocalChanges?: boolean;
-    componentId: string;
-    loading?: boolean;
-  }
-) {
-  const {
-    routes,
-    state,
-    loading,
-    Loader = CompareLoader,
-    baseVersion,
-    compareVersion,
-    compareHasLocalChanges,
-    componentId,
-    hidden,
-  } = props;
-
-  const showVersionPicker = state?.versionPicker?.element !== null;
-
-  return (
-    <>
-      {showVersionPicker && (
-        <div className={styles.top}>
-          {state?.versionPicker?.element || (
-            <ComponentCompareVersionPicker
-              componentId={componentId}
-              baseVersion={baseVersion}
-              compareVersion={compareVersion}
-              compareHasLocalChanges={compareHasLocalChanges}
-              host={props.host}
-              customUseComponent={props.customUseComponent}
-            />
-          )}
-        </div>
-      )}
-      {loading && !hidden && <Loader className={classnames(styles.loader)} />}
-      {!loading && (
-        <div className={classnames(styles.bottom, hidden && styles.hidden)}>
-          <CompareMenuNav {...props} />
-          {(extractLazyLoadedData(routes) || []).length > 0 && (
-            <SlotRouter routes={extractLazyLoadedData(routes) || []} />
-          )}
-          {state?.tabs?.element}
-        </div>
-      )}
-    </>
-  );
-}
-
-function CompareMenuNav({ tabs, state, hooks, changes: changed }: ComponentCompareProps) {
-  const activeTab = state?.tabs?.id;
-  const isControlled = state?.tabs?.controlled;
-  const _tabs = extractLazyLoadedData(tabs) || [];
-
-  const extractedTabs: [string, NavPlugin & TabItem][] = useMemo(
-    () =>
-      _tabs.sort(sortTabs).map((tab, index) => {
-        const isActive = !state ? undefined : !!activeTab && !!tab?.id && activeTab === tab.id;
-        const changeTypeCss = deriveChangeTypeCssForNav(tab, changed);
-        const loading = changed === undefined;
-        const key = `${tab.id}-tab-${changeTypeCss}`;
-        return [
-          tab.id || `tab-${index}`,
-          {
-            ...tab,
-            props: {
-              ...(tab.props || {}),
-              key,
-              displayName: (!loading && tab.displayName) || undefined,
-              active: isActive,
-              onClick: onNavClicked({ id: tab.id, hooks }),
-              href: (!isControlled && tab.props?.href) || undefined,
-              activeClassName: (!loading && styles.activeNav) || styles.loadingNav,
-              className: styles.navItem,
-              children: (
-                <CompareMenuTab key={key} loading={loading} changeTypeCss={changeTypeCss} changed={changed}>
-                  {tab.props?.children}
-                </CompareMenuTab>
-              ),
-            },
-          },
-        ];
-      }),
-    [_tabs.length, activeTab, changed, changed?.length]
-  );
-
-  const sortedTabs = useMemo(
-    () => extractedTabs.filter(([, tab]) => !tab.widget),
-    [extractedTabs.length, activeTab, changed?.length, changed]
-  );
-  const sortedWidgets = useMemo(
-    () => extractedTabs.filter(([, tab]) => tab.widget),
-    [extractedTabs.length, activeTab, changed?.length, changed]
-  );
-
-  return (
-    <div className={styles.navContainer}>
-      <CollapsibleMenuNav navPlugins={sortedTabs} widgetPlugins={sortedWidgets} />
-    </div>
-  );
-}
-
-function onNavClicked({ hooks, id }: { hooks?: ComponentCompareHooks; id?: string }) {
-  if (!hooks?.tabs?.onClick) return undefined;
-  return (e) => hooks?.tabs?.onClick?.(id, e);
-}
-
-function CompareLoader({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div className={className} {...rest}>
-      <BlockSkeleton className={styles.navLoader} lines={3} />
-      <div className={styles.compareLoader}>
-        <div className={styles.compareViewLoader}>
-          <BlockSkeleton lines={30} />
-        </div>
-        <div className={styles.compareSidebarLoader}>
-          <BlockSkeleton lines={30} />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function TabLoader() {
-  return <WordSkeleton className={styles.tabLoader} length={5} />;
-}
-
-function deriveChangeType(
-  baseId?: ComponentID,
-  compareId?: ComponentID,
-  fileCompareDataByName?: Map<string, FileCompareResult> | null,
-  fieldCompareDataByName?: Map<string, FieldCompareResult> | null,
-  testCompareDataByName?: Map<string, FileCompareResult> | null
-): ChangeType[] | undefined | null {
-  if (!baseId && !compareId) return null;
-  if (!baseId?.version) return [ChangeType.NEW];
-
-  if (fileCompareDataByName === null || fieldCompareDataByName === null) return null;
-  if (fileCompareDataByName === undefined || fieldCompareDataByName === undefined) return undefined;
-
-  const fileCompareData = [...fileCompareDataByName.values()];
-
-  if (
-    fieldCompareDataByName.size === 0 &&
-    (fileCompareDataByName.size === 0 || fileCompareData.every((f) => f.status === 'UNCHANGED'))
-  ) {
-    return [ChangeType.NONE];
-  }
-
-  const changed: ChangeType[] = [];
-  const DEPS_FIELD = ['dependencies', 'devDependencies', 'extensionDependencies', 'packageDependencies'];
-
-  if (testCompareDataByName?.size) {
-    changed.push(ChangeType.TESTS);
-  }
-
-  if (fileCompareDataByName.size > 0 && fileCompareData.some((f) => f.status !== 'UNCHANGED')) {
-    changed.push(ChangeType.SOURCE_CODE);
-  }
-
-  if (fieldCompareDataByName.size > 0) {
-    changed.push(ChangeType.ASPECTS);
-  }
-
-  if ([...fieldCompareDataByName.values()].some((field) => DEPS_FIELD.includes(field.fieldName))) {
-    changed.push(ChangeType.DEPENDENCY);
-  }
-
-  return changed;
-}
-function deriveChangeTypeCssForNav(tab: TabItem, changed: ChangeType[] | null | undefined): string | null {
-  if (!changed || !tab.changeType) return null;
-  const hasChanged = changed.some((change) => tab.changeType === change);
-  return hasChanged ? styles.hasChanged : null;
-}
-
-function CompareMenuTab({
-  children,
-  changed,
-  changeTypeCss,
-  loading,
-  className,
-  ...rest
-}: HTMLAttributes<HTMLDivElement> & {
-  changeTypeCss?: string | null;
-  loading?: boolean;
-  changed?: ChangeType[] | null;
-}) {
-  const hasChanged = useMemo(
-    () => changed?.some((change) => change !== ChangeType.NONE && change !== ChangeType.NEW),
-    [changeTypeCss]
-  );
-
-  if (loading) return <TabLoader />;
-
-  return (
-    <div {...rest} className={classnames(styles.compareMenuTab, className)}>
-      {changeTypeCss && hasChanged && <div className={classnames(styles.indicator, changeTypeCss)}></div>}
-      <div className={classnames(styles.menuTab)}>{children}</div>
-    </div>
-  );
-}

package/dist/component-compare.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ComponentCompareProps } from '@teambit/component.ui.component-compare.models.component-compare-props';
-export declare function ComponentCompare(props: ComponentCompareProps): React.JSX.Element;
+export declare function ComponentCompare(props: ComponentCompareProps): JSX.Element;

package/dist/component-compare.js

@@ -1,59 +1,22 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentCompare = void 0;
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const component_1 = require("@teambit/component");
-const component_ui_component_compare_context_1 = require("@teambit/component.ui.component-compare.context");
-const component_ui_component_compare_hooks_use_component_compare_1 = require("@teambit/component.ui.component-compare.hooks.use-component-compare");
-const component_ui_component_compare_hooks_use_component_compare_url_1 = require("@teambit/component.ui.component-compare.hooks.use-component-compare-url");
-const component_ui_component_compare_version_picker_1 = require("@teambit/component.ui.component-compare.version-picker");
-const base_react_navigation_link_1 = require("@teambit/base-react.navigation.link");
-const ui_foundation_ui_react_router_slot_router_1 = require("@teambit/ui-foundation.ui.react-router.slot-router");
-const component_ui_component_compare_utils_group_by_version_1 = require("@teambit/component.ui.component-compare.utils.group-by-version");
-const component_ui_component_compare_utils_sort_tabs_1 = require("@teambit/component.ui.component-compare.utils.sort-tabs");
-const component_ui_component_compare_utils_sort_logs_1 = require("@teambit/component.ui.component-compare.utils.sort-logs");
-const component_ui_component_compare_utils_lazy_loading_1 = require("@teambit/component.ui.component-compare.utils.lazy-loading");
-const base_ui_loaders_skeleton_1 = require("@teambit/base-ui.loaders.skeleton");
-const component_ui_component_compare_models_component_compare_change_type_1 = require("@teambit/component.ui.component-compare.models.component-compare-change-type");
-const component_compare_module_scss_1 = __importDefault(require("./component-compare.module.scss"));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable react/destructuring-assignment */
+/* eslint-disable react/require-default-props */
+import React, { useContext, useMemo } from 'react';
+import classnames from 'classnames';
+import { CollapsibleMenuNav, ComponentContext, ComponentDescriptorContext, useComponent, } from '@teambit/component';
+import { ComponentCompareContext } from '@teambit/component.ui.component-compare.context';
+import { useComponentCompareQuery } from '@teambit/component.ui.component-compare.hooks.use-component-compare';
+import { useCompareQueryParam } from '@teambit/component.ui.component-compare.hooks.use-component-compare-url';
+import { ComponentCompareVersionPicker } from '@teambit/component.ui.component-compare.version-picker';
+import { useLocation } from '@teambit/base-react.navigation.link';
+import { SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';
+import { groupByVersion } from '@teambit/component.ui.component-compare.utils.group-by-version';
+import { sortTabs } from '@teambit/component.ui.component-compare.utils.sort-tabs';
+import { sortByDateDsc } from '@teambit/component.ui.component-compare.utils.sort-logs';
+import { extractLazyLoadedData } from '@teambit/component.ui.component-compare.utils.lazy-loading';
+import { BlockSkeleton, WordSkeleton } from '@teambit/base-ui.loaders.skeleton';
+import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
+import styles from './component-compare.module.scss';
 const findPrevVersionFromCurrent = (compareVersion) => (_, index, logs) => {
     if (compareVersion === 'workspace' || logs.length === 1)
         return true;
@@ -62,21 +25,109 @@ const findPrevVersionFromCurrent = (compareVersion) => (_, index, logs) => {
     const prevIndex = index - 1;
     return logs[prevIndex].tag === compareVersion || logs[prevIndex].hash === compareVersion;
 };
+function deriveChangeTypeCssForNav(tab, changed) {
+    if (!changed || !tab.changeType)
+        return null;
+    const hasChanged = changed.some((change) => tab.changeType === change);
+    return hasChanged ? styles.hasChanged : null;
+}
+function onNavClicked({ hooks, id }) {
+    if (!hooks?.tabs?.onClick)
+        return undefined;
+    return (e) => hooks?.tabs?.onClick?.(id, e);
+}
+function TabLoader() {
+    return _jsx(WordSkeleton, { className: styles.tabLoader, length: 5 });
+}
+function CompareMenuTab({ children, changed, changeTypeCss, loading, className, ...rest }) {
+    const hasChanged = useMemo(() => changed?.some((change) => change !== ChangeType.NONE && change !== ChangeType.NEW), [changeTypeCss]);
+    if (loading)
+        return _jsx(TabLoader, {});
+    return (_jsxs("div", { ...rest, className: classnames(styles.compareMenuTab, className), children: [changeTypeCss && hasChanged && _jsx("div", { className: classnames(styles.indicator, changeTypeCss) }), _jsx("div", { className: classnames(styles.menuTab), children: children })] }));
+}
+function CompareMenuNav({ tabs, state, hooks, changes: changed }) {
+    const activeTab = state?.tabs?.id;
+    const isControlled = state?.tabs?.controlled;
+    const tabsFromProps = extractLazyLoadedData(tabs) || [];
+    const extractedTabs = useMemo(() => tabsFromProps.sort(sortTabs).map((tab, index) => {
+        const isActive = !state ? undefined : !!activeTab && !!tab?.id && activeTab === tab.id;
+        const changeTypeCss = deriveChangeTypeCssForNav(tab, changed);
+        const loading = changed === undefined;
+        const key = `${tab.id}-tab-${changeTypeCss}`;
+        return [
+            tab.id || `tab-${index}`,
+            {
+                ...tab,
+                props: {
+                    ...(tab.props || {}),
+                    key,
+                    displayName: (!loading && tab.displayName) || undefined,
+                    active: isActive,
+                    onClick: onNavClicked({ id: tab.id, hooks }),
+                    href: (!isControlled && tab.props?.href) || undefined,
+                    activeClassName: (!loading && styles.activeNav) || styles.loadingNav,
+                    className: styles.navItem,
+                    children: (_jsx(CompareMenuTab, { loading: loading, changeTypeCss: changeTypeCss, changed: changed, children: tab.props?.children }, key)),
+                },
+            },
+        ];
+    }), [tabsFromProps.length, activeTab, changed, changed?.length]);
+    const sortedTabs = useMemo(() => extractedTabs.filter(([, tab]) => !tab.widget), [extractedTabs.length, activeTab, changed?.length, changed]);
+    const sortedWidgets = useMemo(() => extractedTabs.filter(([, tab]) => tab.widget), [extractedTabs.length, activeTab, changed?.length, changed]);
+    return (_jsx("div", { className: styles.navContainer, children: _jsx(CollapsibleMenuNav, { navPlugins: sortedTabs, widgetPlugins: sortedWidgets }) }));
+}
+function deriveChangeType(baseId, compareId, fileCompareDataByName, fieldCompareDataByName, testCompareDataByName) {
+    if (!baseId && !compareId)
+        return null;
+    if (!baseId?.version)
+        return [ChangeType.NEW];
+    if (fileCompareDataByName === null || fieldCompareDataByName === null)
+        return null;
+    if (fileCompareDataByName === undefined || fieldCompareDataByName === undefined)
+        return undefined;
+    const fileCompareData = [...fileCompareDataByName.values()];
+    if (fieldCompareDataByName.size === 0 &&
+        (fileCompareDataByName.size === 0 || fileCompareData.every((f) => f.status === 'UNCHANGED'))) {
+        return [ChangeType.NONE];
+    }
+    const changed = [];
+    const DEPS_FIELD = ['dependencies', 'devDependencies', 'extensionDependencies', 'packageDependencies'];
+    if (testCompareDataByName?.size) {
+        changed.push(ChangeType.TESTS);
+    }
+    if (fileCompareDataByName.size > 0 && fileCompareData.some((f) => f.status !== 'UNCHANGED')) {
+        changed.push(ChangeType.SOURCE_CODE);
+    }
+    if (fieldCompareDataByName.size > 0) {
+        changed.push(ChangeType.ASPECTS);
+    }
+    if ([...fieldCompareDataByName.values()].some((field) => DEPS_FIELD.includes(field.fieldName))) {
+        changed.push(ChangeType.DEPENDENCY);
+    }
+    return changed;
+}
+function CompareLoader({ className, ...rest }) {
+    return (_jsxs("div", { className: className, ...rest, children: [_jsx(BlockSkeleton, { className: styles.navLoader, lines: 3 }), _jsxs("div", { className: styles.compareLoader, children: [_jsx("div", { className: styles.compareViewLoader, children: _jsx(BlockSkeleton, { lines: 30 }) }), _jsx("div", { className: styles.compareSidebarLoader, children: _jsx(BlockSkeleton, { lines: 30 }) })] })] }));
+}
+function RenderCompareScreen(props) {
+    const { routes, state, loading, Loader = CompareLoader, baseVersion, compareVersion, compareHasLocalChanges, componentId, hidden, } = props;
+    const showVersionPicker = state?.versionPicker?.element !== null;
+    return (_jsxs(_Fragment, { children: [showVersionPicker && (_jsx("div", { className: styles.top, children: state?.versionPicker?.element || (_jsx(ComponentCompareVersionPicker, { componentId: componentId, baseVersion: baseVersion, compareVersion: compareVersion, compareHasLocalChanges: compareHasLocalChanges, host: props.host, customUseComponent: props.customUseComponent })) })), loading && !hidden && _jsx(Loader, { className: classnames(styles.loader) }), !loading && (_jsxs("div", { className: classnames(styles.bottom, hidden && styles.hidden), children: [_jsx(CompareMenuNav, { ...props }), (extractLazyLoadedData(routes) || []).length > 0 && (_jsx(SlotRouter, { routes: extractLazyLoadedData(routes) || [] })), state?.tabs?.element] }))] }));
+}
 // eslint-disable-next-line complexity
-function ComponentCompare(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { host, baseId: _baseId, compareId: _compareId, 
+export function ComponentCompare(props) {
+    const { host, baseId: baseIdFromProps, compareId: compareIdFromProps, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     routes, state, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    tabs, className, hooks, changes: changesFromProps, customUseComponent, Loader = CompareLoader, baseContext, compareContext, isFullScreen, hidden = false, compareIdOverride, baseIdOverride } = props, rest = __rest(props, ["host", "baseId", "compareId", "routes", "state", "tabs", "className", "hooks", "changes", "customUseComponent", "Loader", "baseContext", "compareContext", "isFullScreen", "hidden", "compareIdOverride", "baseIdOverride"]);
-    const baseVersion = (0, component_ui_component_compare_hooks_use_component_compare_url_1.useCompareQueryParam)('baseVersion');
-    const component = (0, react_1.useContext)(component_1.ComponentContext);
-    const componentDescriptor = (0, react_1.useContext)(component_1.ComponentDescriptorContext);
-    const location = (0, base_react_navigation_link_1.useLocation)();
+    tabs, className, hooks, changes: changesFromProps, customUseComponent, Loader = CompareLoader, baseContext, compareContext, isFullScreen, hidden = false, compareIdOverride, baseIdOverride, ...rest } = props;
+    const baseVersion = useCompareQueryParam('baseVersion');
+    const component = useContext(ComponentContext);
+    const componentDescriptor = useContext(ComponentDescriptorContext);
+    const location = useLocation();
     const isWorkspace = host === 'teambit.workspace/workspace';
-    const { component: compareComponent, loading: loadingCompare, componentDescriptor: compareComponentDescriptor, } = (0, component_1.useComponent)(host, (compareIdOverride === null || compareIdOverride === void 0 ? void 0 : compareIdOverride.toString()) || (_compareId === null || _compareId === void 0 ? void 0 : _compareId.toString()), {
-        skip: hidden || (!_compareId && !compareIdOverride),
+    const { component: compareComponent, loading: loadingCompare, componentDescriptor: compareComponentDescriptor, } = useComponent(host, compareIdOverride?.toString() || compareIdFromProps?.toString(), {
+        skip: hidden || (!compareIdFromProps && !compareIdOverride),
         customUseComponent,
         logFilters: {
             log: {
@@ -85,21 +136,23 @@ function ComponentCompare(props) {
             },
         },
     });
-    const allVersionInfo = (0, react_1.useMemo)(() => { var _a; return ((_a = ((compareComponent === null || compareComponent === void 0 ? void 0 : compareComponent.logs) || component.logs)) === null || _a === void 0 ? void 0 : _a.slice().sort(component_ui_component_compare_utils_sort_logs_1.sortByDateDsc)) || []; }, [component.id.toString(), loadingCompare, (_a = component.logs) === null || _a === void 0 ? void 0 : _a.length, (_b = compareComponent === null || compareComponent === void 0 ? void 0 : compareComponent.logs) === null || _b === void 0 ? void 0 : _b.length]);
-    const isNew = (0, react_1.useMemo)(() => allVersionInfo.length === 0, [allVersionInfo]);
-    const compareVersion = isWorkspace && !isNew && !(location === null || location === void 0 ? void 0 : location.search.includes('version')) && !_compareId ? 'workspace' : component.id.version;
+    const allVersionInfo = useMemo(() => (compareComponent?.logs || component.logs)?.slice().sort(sortByDateDsc) || [], [component.id.toString(), loadingCompare, component.logs?.length, compareComponent?.logs?.length]);
+    const isNew = useMemo(() => allVersionInfo.length === 0, [allVersionInfo]);
+    const compareVersion = isWorkspace && !isNew && !location?.search.includes('version') && !compareIdFromProps
+        ? 'workspace'
+        : component.id.version;
     const compareIsLocalChanges = compareVersion === 'workspace';
-    const lastVersionInfo = (0, react_1.useMemo)(() => {
+    const lastVersionInfo = useMemo(() => {
         if (compareIsLocalChanges)
             return allVersionInfo[0];
         const prevVersionInfo = allVersionInfo.find(findPrevVersionFromCurrent(compareVersion));
         return prevVersionInfo;
-    }, [(_c = component.logs) === null || _c === void 0 ? void 0 : _c.length, loadingCompare, (_d = compareComponent === null || compareComponent === void 0 ? void 0 : compareComponent.logs) === null || _d === void 0 ? void 0 : _d.length]);
-    const baseId = react_1.default.useMemo(() => _baseId ||
+    }, [component.logs?.length, loadingCompare, compareComponent?.logs?.length]);
+    const baseId = React.useMemo(() => baseIdFromProps ||
         (baseVersion && component.id.changeVersion(baseVersion)) ||
         (lastVersionInfo && component.id.changeVersion(lastVersionInfo.tag || lastVersionInfo.hash)) ||
-        component.id, [loadingCompare, _baseId, baseVersion, lastVersionInfo === null || lastVersionInfo === void 0 ? void 0 : lastVersionInfo.tag, lastVersionInfo === null || lastVersionInfo === void 0 ? void 0 : lastVersionInfo.hash]);
-    const { component: base, loading: loadingBase, componentDescriptor: baseComponentDescriptor, } = (0, component_1.useComponent)(host, (baseIdOverride === null || baseIdOverride === void 0 ? void 0 : baseIdOverride.toString()) || (baseId === null || baseId === void 0 ? void 0 : baseId.toString()), {
+        component.id, [loadingCompare, baseIdFromProps, baseVersion, lastVersionInfo?.tag, lastVersionInfo?.hash]);
+    const { component: base, loading: loadingBase, componentDescriptor: baseComponentDescriptor, } = useComponent(host, baseIdOverride?.toString() || baseId?.toString(), {
         customUseComponent,
         skip: hidden || (!baseId && !baseIdOverride),
         logFilters: {
@@ -110,45 +163,45 @@ function ComponentCompare(props) {
         },
     });
     const loading = loadingBase || loadingCompare;
-    const compare = _compareId ? compareComponent : component;
-    const compCompareId = `${base === null || base === void 0 ? void 0 : base.id.toString()}-${compare === null || compare === void 0 ? void 0 : compare.id.toString()}`;
-    const logsByVersion = (0, react_1.useMemo)(() => {
-        return ((compare === null || compare === void 0 ? void 0 : compare.logs) || []).slice().reduce(component_ui_component_compare_utils_group_by_version_1.groupByVersion, new Map());
-    }, [compare === null || compare === void 0 ? void 0 : compare.id.toString()]);
-    const skipComponentCompareQuery = hidden || compareIsLocalChanges || ((_e = base === null || base === void 0 ? void 0 : base.id.version) === null || _e === void 0 ? void 0 : _e.toString()) === ((_f = compare === null || compare === void 0 ? void 0 : compare.id.version) === null || _f === void 0 ? void 0 : _f.toString());
-    const { loading: compCompareLoading, componentCompareData } = (0, component_ui_component_compare_hooks_use_component_compare_1.useComponentCompareQuery)(base === null || base === void 0 ? void 0 : base.id.toString(), compare === null || compare === void 0 ? void 0 : compare.id.toString(), undefined, skipComponentCompareQuery);
-    const fileCompareDataByName = (0, react_1.useMemo)(() => {
+    const compare = compareIdFromProps ? compareComponent : component;
+    const compCompareId = `${base?.id.toString()}-${compare?.id.toString()}`;
+    const logsByVersion = useMemo(() => {
+        return (compare?.logs || []).slice().reduce(groupByVersion, new Map());
+    }, [compare?.id.toString()]);
+    const skipComponentCompareQuery = hidden || compareIsLocalChanges || base?.id.version?.toString() === compare?.id.version?.toString();
+    const { loading: compCompareLoading, componentCompareData } = useComponentCompareQuery(base?.id.toString(), compare?.id.toString(), undefined, skipComponentCompareQuery);
+    const fileCompareDataByName = useMemo(() => {
         if (loading || compCompareLoading)
             return undefined;
         if (!compCompareLoading && !componentCompareData)
             return null;
-        const _fileCompareDataByName = new Map();
-        ((componentCompareData === null || componentCompareData === void 0 ? void 0 : componentCompareData.code) || []).forEach((codeCompareData) => {
-            _fileCompareDataByName.set(codeCompareData.fileName, codeCompareData);
+        const fileCompareDataByNameLookup = new Map();
+        (componentCompareData?.code || []).forEach((codeCompareData) => {
+            fileCompareDataByNameLookup.set(codeCompareData.fileName, codeCompareData);
         });
-        return _fileCompareDataByName;
+        return fileCompareDataByNameLookup;
     }, [compCompareLoading, loading, compCompareId]);
-    const fieldCompareDataByName = (0, react_1.useMemo)(() => {
+    const fieldCompareDataByName = useMemo(() => {
         if (loading || compCompareLoading)
             return undefined;
         if (!compCompareLoading && !componentCompareData)
             return null;
-        const _fieldCompareDataByName = new Map();
-        ((componentCompareData === null || componentCompareData === void 0 ? void 0 : componentCompareData.aspects) || []).forEach((aspectCompareData) => {
-            _fieldCompareDataByName.set(aspectCompareData.fieldName, aspectCompareData);
+        const fieldCompareDataByNameLookup = new Map();
+        (componentCompareData?.aspects || []).forEach((aspectCompareData) => {
+            fieldCompareDataByNameLookup.set(aspectCompareData.fieldName, aspectCompareData);
         });
-        return _fieldCompareDataByName;
+        return fieldCompareDataByNameLookup;
     }, [compCompareLoading, loading, compCompareId]);
-    const testCompareDataByName = (0, react_1.useMemo)(() => {
+    const testCompareDataByName = useMemo(() => {
         if (loading || compCompareLoading)
             return undefined;
         if (!compCompareLoading && !componentCompareData)
             return null;
-        const _testCompareDataByName = new Map();
-        ((componentCompareData === null || componentCompareData === void 0 ? void 0 : componentCompareData.tests) || []).forEach((testCompareData) => {
-            _testCompareDataByName.set(testCompareData.fileName, testCompareData);
+        const testCompareDataByNameLookup = new Map();
+        (componentCompareData?.tests || []).forEach((testCompareData) => {
+            testCompareDataByNameLookup.set(testCompareData.fileName, testCompareData);
         });
-        return _testCompareDataByName;
+        return testCompareDataByNameLookup;
     }, [compCompareLoading, loading, compCompareId]);
     const componentCompareModel = {
         compare: compare && {
@@ -173,109 +226,9 @@ function ComponentCompare(props) {
         hidden,
     };
     const changes = changesFromProps ||
-        deriveChangeType(baseId, compare === null || compare === void 0 ? void 0 : compare.id, fileCompareDataByName, fieldCompareDataByName, testCompareDataByName);
-    return (react_1.default.createElement(component_ui_component_compare_context_1.ComponentCompareContext.Provider, { value: componentCompareModel },
-        react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(component_compare_module_scss_1.default.componentCompareContainer, className) }, rest),
-            react_1.default.createElement(RenderCompareScreen, Object.assign({ key: compCompareId }, props, { componentId: ((_g = compare === null || compare === void 0 ? void 0 : compare.id) === null || _g === void 0 ? void 0 : _g.toStringWithoutVersion()) ||
+        deriveChangeType(baseId, compare?.id, fileCompareDataByName, fieldCompareDataByName, testCompareDataByName);
+    return (_jsx(ComponentCompareContext.Provider, { value: componentCompareModel, children: _jsx("div", { className: classnames(styles.componentCompareContainer, className), ...rest, children: _jsx(RenderCompareScreen, { ...props, componentId: compare?.id?.toStringWithoutVersion() ||
                     baseId.toStringWithoutVersion() ||
-                    ((_h = component === null || component === void 0 ? void 0 : component.id) === null || _h === void 0 ? void 0 : _h.toStringWithoutVersion()), baseVersion: baseId.version, compareVersion: (_compareId === null || _compareId === void 0 ? void 0 : _compareId.version) || component.id.version, compareHasLocalChanges: compareIsLocalChanges, changes: changes, loading: loading, Loader: Loader })))));
-}
-exports.ComponentCompare = ComponentCompare;
-function RenderCompareScreen(props) {
-    var _a, _b, _c;
-    const { routes, state, loading, Loader = CompareLoader, baseVersion, compareVersion, compareHasLocalChanges, componentId, hidden, } = props;
-    const showVersionPicker = ((_a = state === null || state === void 0 ? void 0 : state.versionPicker) === null || _a === void 0 ? void 0 : _a.element) !== null;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        showVersionPicker && (react_1.default.createElement("div", { className: component_compare_module_scss_1.default.top }, ((_b = state === null || state === void 0 ? void 0 : state.versionPicker) === null || _b === void 0 ? void 0 : _b.element) || (react_1.default.createElement(component_ui_component_compare_version_picker_1.ComponentCompareVersionPicker, { componentId: componentId, baseVersion: baseVersion, compareVersion: compareVersion, compareHasLocalChanges: compareHasLocalChanges, host: props.host, customUseComponent: props.customUseComponent })))),
-        loading && !hidden && react_1.default.createElement(Loader, { className: (0, classnames_1.default)(component_compare_module_scss_1.default.loader) }),
-        !loading && (react_1.default.createElement("div", { className: (0, classnames_1.default)(component_compare_module_scss_1.default.bottom, hidden && component_compare_module_scss_1.default.hidden) },
-            react_1.default.createElement(CompareMenuNav, Object.assign({}, props)),
-            ((0, component_ui_component_compare_utils_lazy_loading_1.extractLazyLoadedData)(routes) || []).length > 0 && (react_1.default.createElement(ui_foundation_ui_react_router_slot_router_1.SlotRouter, { routes: (0, component_ui_component_compare_utils_lazy_loading_1.extractLazyLoadedData)(routes) || [] })), (_c = state === null || state === void 0 ? void 0 : state.tabs) === null || _c === void 0 ? void 0 :
-            _c.element))));
-}
-function CompareMenuNav({ tabs, state, hooks, changes: changed }) {
-    var _a, _b;
-    const activeTab = (_a = state === null || state === void 0 ? void 0 : state.tabs) === null || _a === void 0 ? void 0 : _a.id;
-    const isControlled = (_b = state === null || state === void 0 ? void 0 : state.tabs) === null || _b === void 0 ? void 0 : _b.controlled;
-    const _tabs = (0, component_ui_component_compare_utils_lazy_loading_1.extractLazyLoadedData)(tabs) || [];
-    const extractedTabs = (0, react_1.useMemo)(() => _tabs.sort(component_ui_component_compare_utils_sort_tabs_1.sortTabs).map((tab, index) => {
-        var _a, _b;
-        const isActive = !state ? undefined : !!activeTab && !!(tab === null || tab === void 0 ? void 0 : tab.id) && activeTab === tab.id;
-        const changeTypeCss = deriveChangeTypeCssForNav(tab, changed);
-        const loading = changed === undefined;
-        const key = `${tab.id}-tab-${changeTypeCss}`;
-        return [
-            tab.id || `tab-${index}`,
-            Object.assign(Object.assign({}, tab), { props: Object.assign(Object.assign({}, (tab.props || {})), { key, displayName: (!loading && tab.displayName) || undefined, active: isActive, onClick: onNavClicked({ id: tab.id, hooks }), href: (!isControlled && ((_a = tab.props) === null || _a === void 0 ? void 0 : _a.href)) || undefined, activeClassName: (!loading && component_compare_module_scss_1.default.activeNav) || component_compare_module_scss_1.default.loadingNav, className: component_compare_module_scss_1.default.navItem, children: (react_1.default.createElement(CompareMenuTab, { key: key, loading: loading, changeTypeCss: changeTypeCss, changed: changed }, (_b = tab.props) === null || _b === void 0 ? void 0 : _b.children)) }) }),
-        ];
-    }), [_tabs.length, activeTab, changed, changed === null || changed === void 0 ? void 0 : changed.length]);
-    const sortedTabs = (0, react_1.useMemo)(() => extractedTabs.filter(([, tab]) => !tab.widget), [extractedTabs.length, activeTab, changed === null || changed === void 0 ? void 0 : changed.length, changed]);
-    const sortedWidgets = (0, react_1.useMemo)(() => extractedTabs.filter(([, tab]) => tab.widget), [extractedTabs.length, activeTab, changed === null || changed === void 0 ? void 0 : changed.length, changed]);
-    return (react_1.default.createElement("div", { className: component_compare_module_scss_1.default.navContainer },
-        react_1.default.createElement(component_1.CollapsibleMenuNav, { navPlugins: sortedTabs, widgetPlugins: sortedWidgets })));
-}
-function onNavClicked({ hooks, id }) {
-    var _a;
-    if (!((_a = hooks === null || hooks === void 0 ? void 0 : hooks.tabs) === null || _a === void 0 ? void 0 : _a.onClick))
-        return undefined;
-    return (e) => { var _a, _b; return (_b = (_a = hooks === null || hooks === void 0 ? void 0 : hooks.tabs) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, id, e); };
-}
-function CompareLoader(_a) {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({ className: className }, rest),
-        react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton, { className: component_compare_module_scss_1.default.navLoader, lines: 3 }),
-        react_1.default.createElement("div", { className: component_compare_module_scss_1.default.compareLoader },
-            react_1.default.createElement("div", { className: component_compare_module_scss_1.default.compareViewLoader },
-                react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton, { lines: 30 })),
-            react_1.default.createElement("div", { className: component_compare_module_scss_1.default.compareSidebarLoader },
-                react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton, { lines: 30 })))));
-}
-function TabLoader() {
-    return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton, { className: component_compare_module_scss_1.default.tabLoader, length: 5 });
-}
-function deriveChangeType(baseId, compareId, fileCompareDataByName, fieldCompareDataByName, testCompareDataByName) {
-    if (!baseId && !compareId)
-        return null;
-    if (!(baseId === null || baseId === void 0 ? void 0 : baseId.version))
-        return [component_ui_component_compare_models_component_compare_change_type_1.ChangeType.NEW];
-    if (fileCompareDataByName === null || fieldCompareDataByName === null)
-        return null;
-    if (fileCompareDataByName === undefined || fieldCompareDataByName === undefined)
-        return undefined;
-    const fileCompareData = [...fileCompareDataByName.values()];
-    if (fieldCompareDataByName.size === 0 &&
-        (fileCompareDataByName.size === 0 || fileCompareData.every((f) => f.status === 'UNCHANGED'))) {
-        return [component_ui_component_compare_models_component_compare_change_type_1.ChangeType.NONE];
-    }
-    const changed = [];
-    const DEPS_FIELD = ['dependencies', 'devDependencies', 'extensionDependencies', 'packageDependencies'];
-    if (testCompareDataByName === null || testCompareDataByName === void 0 ? void 0 : testCompareDataByName.size) {
-        changed.push(component_ui_component_compare_models_component_compare_change_type_1.ChangeType.TESTS);
-    }
-    if (fileCompareDataByName.size > 0 && fileCompareData.some((f) => f.status !== 'UNCHANGED')) {
-        changed.push(component_ui_component_compare_models_component_compare_change_type_1.ChangeType.SOURCE_CODE);
-    }
-    if (fieldCompareDataByName.size > 0) {
-        changed.push(component_ui_component_compare_models_component_compare_change_type_1.ChangeType.ASPECTS);
-    }
-    if ([...fieldCompareDataByName.values()].some((field) => DEPS_FIELD.includes(field.fieldName))) {
-        changed.push(component_ui_component_compare_models_component_compare_change_type_1.ChangeType.DEPENDENCY);
-    }
-    return changed;
-}
-function deriveChangeTypeCssForNav(tab, changed) {
-    if (!changed || !tab.changeType)
-        return null;
-    const hasChanged = changed.some((change) => tab.changeType === change);
-    return hasChanged ? component_compare_module_scss_1.default.hasChanged : null;
-}
-function CompareMenuTab(_a) {
-    var { children, changed, changeTypeCss, loading, className } = _a, rest = __rest(_a, ["children", "changed", "changeTypeCss", "loading", "className"]);
-    const hasChanged = (0, react_1.useMemo)(() => changed === null || changed === void 0 ? void 0 : changed.some((change) => change !== component_ui_component_compare_models_component_compare_change_type_1.ChangeType.NONE && change !== component_ui_component_compare_models_component_compare_change_type_1.ChangeType.NEW), [changeTypeCss]);
-    if (loading)
-        return react_1.default.createElement(TabLoader, null);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(component_compare_module_scss_1.default.compareMenuTab, className) }),
-        changeTypeCss && hasChanged && react_1.default.createElement("div", { className: (0, classnames_1.default)(component_compare_module_scss_1.default.indicator, changeTypeCss) }),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(component_compare_module_scss_1.default.menuTab) }, children)));
+                    component?.id?.toStringWithoutVersion(), baseVersion: baseId.version, compareVersion: compareIdFromProps?.version || component.id.version, compareHasLocalChanges: compareIsLocalChanges, changes: changes, loading: loading, Loader: Loader }, compCompareId) }) }));
 }
 //# sourceMappingURL=component-compare.js.map

package/dist/component-compare.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-compare.js","sourceRoot":"","sources":["../component-compare.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-compare.js","sourceRoot":"","sources":["../component-compare.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentCompare = void 0;
-var component_compare_1 = require("./component-compare");
-Object.defineProperty(exports, "ComponentCompare", { enumerable: true, get: function () { return component_compare_1.ComponentCompare; } });
+export { ComponentCompare } from './component-compare';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/tsconfig.json

@@ -1,29 +1,36 @@
 {
     "compilerOptions": {
         "lib": [
-            "es2019",
-            "DOM",
-            "ES6",
-            "DOM.Iterable"
+            "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
+        "resolveJsonModule": true,
+        "allowJs": true,
+        "outDir": "dist",
+        "strict": true,
+        "emitDecoratorMetadata": true,
+        "preserveConstEnums": true,
+        "strictPropertyInitialization": false,
+        "noImplicitAny": false
     },
     "exclude": [
+        "artifacts",
+        "public",
         "dist",
-        "package.json"
+        "node_modules",
+        "package.json",
+        "**/*.cjs",
+        "./dist"
     ],
     "include": [
         "**/*",

package/package.json

@@ -1,46 +1,41 @@
 {
   "name": "@teambit/component.ui.component-compare.component-compare",
-  "version": "0.0.175",
+  "version": "0.0.177",
   "homepage": "https://bit.cloud/teambit/component/ui/component-compare/component-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "ui/component-compare/component-compare",
-    "version": "0.0.175"
+    "version": "0.0.177"
   },
   "dependencies": {
     "classnames": "2.2.6",
-    "core-js": "^3.0.0",
-    "@teambit/base-react.navigation.link": "2.0.27",
     "@teambit/base-ui.loaders.skeleton": "1.0.1",
-    "@teambit/component.ui.component-compare.context": "0.0.117",
     "@teambit/component.ui.component-compare.hooks.use-component-compare-url": "0.0.9",
     "@teambit/component.ui.component-compare.hooks.use-component-compare": "0.0.113",
     "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
     "@teambit/component.ui.component-compare.models.component-compare-hooks": "0.0.10",
     "@teambit/component.ui.component-compare.models.component-compare-model": "0.0.111",
     "@teambit/component.ui.component-compare.utils.group-by-version": "0.0.8",
-    "@teambit/component.ui.component-compare.utils.lazy-loading": "0.0.6",
     "@teambit/component.ui.component-compare.utils.sort-logs": "0.0.8",
     "@teambit/component.ui.component-compare.utils.sort-tabs": "0.0.102",
     "@teambit/legacy-component-log": "0.0.402",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.506",
-    "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.102",
-    "@teambit/component.ui.component-compare.version-picker": "0.0.172"
+    "@teambit/component.ui.component-compare.context": "0.0.118",
+    "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.103",
+    "@teambit/component.ui.component-compare.utils.lazy-loading": "0.0.6",
+    "@teambit/component.ui.component-compare.version-picker": "0.0.173"
   },
   "devDependencies": {
     "@types/classnames": "2.2.11",
-    "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@babel/runtime": "7.20.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@teambit/react.v17.react-env": "1.0.33"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "@types/react": "^17.0.0",
+    "@teambit/base-react.navigation.link": "2.0.27"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},

package/tsconfig.json

@@ -1,29 +1,36 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable"
+      "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
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "outDir": "dist",
+    "strict": true,
+    "emitDecoratorMetadata": true,
+    "preserveConstEnums": true,
+    "strictPropertyInitialization": false,
+    "noImplicitAny": false
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
-    "package.json"
+    "node_modules",
+    "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;
+}