@teambit/component 1.0.193 → 1.0.195

package/artifacts/schema.json

@@ -2439,7 +2439,7 @@
                 "_legacy": {
                   "scope": "teambit.component",
                   "name": "component",
-                  "version": "1.0.193"
+                  "version": "1.0.195"
                 },
                 "_scope": "teambit.component"
               }
@@ -8152,7 +8152,7 @@
                 "_legacy": {
                   "scope": "teambit.component",
                   "name": "component",
-                  "version": "1.0.193"
+                  "version": "1.0.195"
                 },
                 "_scope": "teambit.component"
               }
@@ -14365,7 +14365,7 @@
         "__schema": "ReactSchema",
         "location": {
           "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-          "line": 9,
+          "line": 12,
           "character": 1
         },
         "signature": "function TopBarNav({ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }: NavPluginProps): React.JSX.Element",
@@ -14374,7 +14374,7 @@
           "__schema": "ParameterSchema",
           "location": {
             "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-            "line": 9,
+            "line": 12,
             "character": 27
           },
           "name": "{ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }",
@@ -14382,7 +14382,7 @@
             "__schema": "TypeRefSchema",
             "location": {
               "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-              "line": 17,
+              "line": 20,
               "character": 4
             },
             "name": "NavPluginProps",
@@ -14394,7 +14394,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 10,
+                "line": 13,
                 "character": 3
               },
               "name": "href",
@@ -14405,7 +14405,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 11,
+                "line": 14,
                 "character": 3
               },
               "name": "className",
@@ -14416,7 +14416,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 12,
+                "line": 15,
                 "character": 3
               },
               "name": "activeClassName",
@@ -14427,7 +14427,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 13,
+                "line": 16,
                 "character": 3
               },
               "name": "children",
@@ -14438,7 +14438,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 14,
+                "line": 17,
                 "character": 3
               },
               "name": "displayName",
@@ -14449,7 +14449,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 15,
+                "line": 18,
                 "character": 3
               },
               "name": "ignoreQueryParams",
@@ -14460,7 +14460,7 @@
               "__schema": "InferenceTypeSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 16,
+                "line": 19,
                 "character": 6
               },
               "name": "rest",
@@ -14474,7 +14474,7 @@
           "__schema": "TypeRefSchema",
           "location": {
             "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-            "line": 9,
+            "line": 12,
             "character": 1
           },
           "name": "React.JSX.Element",
@@ -18993,7 +18993,7 @@
                   "_legacy": {
                     "scope": "teambit.component",
                     "name": "component",
-                    "version": "1.0.193"
+                    "version": "1.0.195"
                   },
                   "_scope": "teambit.component"
                 }
@@ -24273,7 +24273,7 @@
                   "_legacy": {
                     "scope": "teambit.component",
                     "name": "component",
-                    "version": "1.0.193"
+                    "version": "1.0.195"
                   },
                   "_scope": "teambit.component"
                 }
@@ -30749,7 +30749,7 @@
                   "_legacy": {
                     "scope": "teambit.component",
                     "name": "component",
-                    "version": "1.0.193"
+                    "version": "1.0.195"
                   },
                   "_scope": "teambit.component"
                 }
@@ -32312,7 +32312,7 @@
           "__schema": "ReactSchema",
           "location": {
             "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-            "line": 9,
+            "line": 12,
             "character": 1
           },
           "signature": "function TopBarNav({ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }: NavPluginProps): React.JSX.Element",
@@ -32321,7 +32321,7 @@
             "__schema": "ParameterSchema",
             "location": {
               "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-              "line": 9,
+              "line": 12,
               "character": 27
             },
             "name": "{ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }",
@@ -32329,7 +32329,7 @@
               "__schema": "TypeRefSchema",
               "location": {
                 "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                "line": 17,
+                "line": 20,
                 "character": 4
               },
               "name": "NavPluginProps",
@@ -32341,7 +32341,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 10,
+                  "line": 13,
                   "character": 3
                 },
                 "name": "href",
@@ -32352,7 +32352,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 11,
+                  "line": 14,
                   "character": 3
                 },
                 "name": "className",
@@ -32363,7 +32363,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 12,
+                  "line": 15,
                   "character": 3
                 },
                 "name": "activeClassName",
@@ -32374,7 +32374,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 13,
+                  "line": 16,
                   "character": 3
                 },
                 "name": "children",
@@ -32385,7 +32385,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 14,
+                  "line": 17,
                   "character": 3
                 },
                 "name": "displayName",
@@ -32396,7 +32396,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 15,
+                  "line": 18,
                   "character": 3
                 },
                 "name": "ignoreQueryParams",
@@ -32407,7 +32407,7 @@
                 "__schema": "InferenceTypeSchema",
                 "location": {
                   "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-                  "line": 16,
+                  "line": 19,
                   "character": 6
                 },
                 "name": "rest",
@@ -32421,7 +32421,7 @@
             "__schema": "TypeRefSchema",
             "location": {
               "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
-              "line": 9,
+              "line": 12,
               "character": 1
             },
             "name": "React.JSX.Element",
@@ -32432,7 +32432,40 @@
           ]
         }
       ],
-      "internals": []
+      "internals": [
+        {
+          "__schema": "ModuleSchema",
+          "location": {
+            "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
+            "line": 10,
+            "character": 1
+          },
+          "exports": [
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
+                "line": 10,
+                "character": 7
+              },
+              "signature": "const Link: any",
+              "name": "Link",
+              "type": {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "ui/top-bar-nav/top-bar-nav.tsx",
+                  "line": 10,
+                  "character": 7
+                },
+                "type": "any"
+              },
+              "isOptional": false,
+              "defaultValue": "BaseLink as any"
+            }
+          ],
+          "internals": []
+        }
+      ]
     },
     {
       "__schema": "ModuleSchema",
@@ -33187,7 +33220,7 @@
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.193"
+    "version": "1.0.195"
   },
   "taggedModuleExports": []
 }

package/dist/aspect.section.d.ts

@@ -2,11 +2,11 @@ import { Section } from './section';
 export declare class AspectSection implements Section {
     route: {
         path: string;
-        element: JSX.Element;
+        element: import("react/jsx-runtime").JSX.Element;
     };
     navigationLink: {
         href: string;
-        children: JSX.Element;
+        children: import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     order: number;

package/dist/component.composition.d.ts

@@ -1 +1 @@
-export declare const Logo: () => JSX.Element;
+export declare const Logo: () => import("react/jsx-runtime").JSX.Element;

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

@@ -73,8 +73,8 @@ export declare class ComponentUI {
     private bitMethod;
     registerPubSub(): void;
     handleComponentChange: (activeComponent?: ComponentModel) => void;
-    getComponentUI(host: string, options?: GetComponentsOptions): JSX.Element;
-    getMenu(host: string, options?: GetComponentsOptions): JSX.Element;
+    getComponentUI(host: string, options?: GetComponentsOptions): import("react/jsx-runtime").JSX.Element;
+    getMenu(host: string, options?: GetComponentsOptions): import("react/jsx-runtime").JSX.Element;
     listMenuItems(): import("lodash").Dictionary<MenuItem[]>;
     registerRoute(routes: RouteProps[] | RouteProps): this;
     registerNavigation(nav: LinkProps, order?: number): void;

package/dist/{preview-1710334456599.js → preview-1710472731877.js}

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

package/dist/ui/aspect-page/aspect-page.d.ts

@@ -1 +1 @@
-export declare function AspectPage(): JSX.Element;
+export declare function AspectPage(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/component-error/component-error.d.ts

@@ -16,5 +16,5 @@ export declare class ComponentError {
      * error message of the error
      */
     message?: string | undefined);
-    renderError(): JSX.Element;
+    renderError(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/ui/component-searcher/component-result.d.ts

@@ -12,5 +12,5 @@ type ComponentResultProps = {
     component: ComponentModel;
     plugins?: ComponentResultPlugin[];
 };
-export declare function ComponentResult({ component, plugins }: ComponentResultProps): JSX.Element;
+export declare function ComponentResult({ component, plugins }: ComponentResultProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/component.d.ts

@@ -23,4 +23,4 @@ export type ComponentProps = {
 /**
  * main UI component of the Component extension.
  */
-export declare function Component({ routeSlot, overriddenRoutes, containerSlot, host, onComponentChange, componentIdStr, useComponent, path, useComponentFilters, }: ComponentProps): JSX.Element;
+export declare function Component({ routeSlot, overriddenRoutes, containerSlot, host, onComponentChange, componentIdStr, useComponent, path, useComponentFilters, }: ComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/context/component-provider.d.ts

@@ -11,7 +11,7 @@ export type ComponentProviderProps = {
      */
     children: ReactNode;
 };
-export declare function ComponentProvider({ component, children }: ComponentProviderProps): JSX.Element;
+export declare function ComponentProvider({ component, children }: ComponentProviderProps): import("react/jsx-runtime").JSX.Element;
 export type ComponentDescriptorProviderProps = {
     /**
      * component model.
@@ -22,4 +22,4 @@ export type ComponentDescriptorProviderProps = {
      */
     children: ReactNode;
 };
-export declare function ComponentDescriptorProvider({ componentDescriptor, children }: ComponentDescriptorProviderProps): JSX.Element;
+export declare function ComponentDescriptorProvider({ componentDescriptor, children }: ComponentDescriptorProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/menu/menu-nav.d.ts

@@ -20,4 +20,4 @@ export type MenuNavProps = {
     activeTabIndex?: number;
     alwaysShowActiveTab?: boolean;
 } & React.HTMLAttributes<HTMLElement>;
-export declare function CollapsibleMenuNav({ navigationSlot, widgetSlot, navPlugins, widgetPlugins, className, secondaryNavClassName, activeTabIndex, alwaysShowActiveTab, children, }: MenuNavProps): JSX.Element;
+export declare function CollapsibleMenuNav({ navigationSlot, widgetSlot, navPlugins, widgetPlugins, className, secondaryNavClassName, activeTabIndex, alwaysShowActiveTab, children, }: MenuNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/menu/menu.d.ts

@@ -54,7 +54,7 @@ export type MenuProps = {
 /**
  * top bar menu.
  */
-export declare function ComponentMenu({ navigationSlot, widgetSlot, className, host, menuItemSlot, consumeMethodSlot, rightSideMenuSlot, componentIdStr, skipRightSide, RightNode, useComponent, path, useComponentFilters, }: MenuProps): JSX.Element;
+export declare function ComponentMenu({ navigationSlot, widgetSlot, className, host, menuItemSlot, consumeMethodSlot, rightSideMenuSlot, componentIdStr, skipRightSide, RightNode, useComponent, path, useComponentFilters, }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export type VersionRelatedDropdownsProps = {
     componentId?: string;
     consumeMethods?: ConsumeMethodSlot;
@@ -94,4 +94,4 @@ export type UseComponentVersionsResult = {
 };
 export declare function defaultLoadVersions(host: string, componentId?: string, componentFilters?: Filters, useComponent?: UseComponentType, loadingFromProps?: boolean): UseComponentVersions;
 export declare const defaultLoadCurrentVersion: (props: VersionRelatedDropdownsProps) => UseComponentVersion;
-export declare function VersionRelatedDropdowns(props: VersionRelatedDropdownsProps): JSX.Element;
+export declare function VersionRelatedDropdowns(props: VersionRelatedDropdownsProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/top-bar-nav/top-bar-nav.d.ts

@@ -1,2 +1,2 @@
 import { NavPluginProps } from '../menu/nav-plugin';
-export declare function TopBarNav({ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }: NavPluginProps): JSX.Element;
+export declare function TopBarNav({ href, className, activeClassName, children, displayName, ignoreQueryParams, ...rest }: NavPluginProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/top-bar-nav/top-bar-nav.js

@@ -44,6 +44,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+// @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest
+const Link = _baseReactNavigation().Link;
 function TopBarNav(_ref) {
   let {
       href,
@@ -64,7 +66,7 @@ function TopBarNav(_ref) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const preventPassingDisplayNameToLink = displayName;
   const target = href && !ignoreQueryParams && `${href}${search}` || href;
-  return /*#__PURE__*/_react().default.createElement(_baseReactNavigation().Link, _extends({}, rest, {
+  return /*#__PURE__*/_react().default.createElement(Link, _extends({}, rest, {
     className: (0, _classnames().default)(className, _topBarNavModule().default.topBarLink),
     activeClassName: (0, _classnames().default)(activeClassName, _topBarNavModule().default.active),
     href: target

package/dist/ui/top-bar-nav/top-bar-nav.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_classnames","_reactRouterDom","_baseReactNavigation","_topBarNavModule","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TopBarNav","_ref","href","className","activeClassName","children","displayName","ignoreQueryParams","rest","search","useLocation","preventPassingDisplayNameToLink","createElement","Link","classnames","styles","topBarLink","active"],"sources":["top-bar-nav.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { useLocation } from 'react-router-dom';\nimport { Link } from '@teambit/base-react.navigation.link';\nimport { NavPluginProps } from '../menu/nav-plugin';\n\nimport styles from './top-bar-nav.module.scss';\n\nexport function TopBarNav({\n  href,\n  className,\n  activeClassName,\n  children,\n  displayName,\n  ignoreQueryParams,\n  ...rest\n}: NavPluginProps) {\n  const { search } = useLocation(); // sticky query params\n\n  // @hack - this is so that the displayName will not pass to the link and cause a warning in the console.\n  // it is used for component page nav link widgets (code, aspects etc),\n  // but not for regular menu links (overview, compositions, etc).\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const preventPassingDisplayNameToLink = displayName;\n\n  const target = (href && !ignoreQueryParams && `${href}${search}`) || href;\n\n  return (\n    <Link\n      {...rest}\n      className={classnames(className, styles.topBarLink)}\n      activeClassName={classnames(activeClassName, styles.active)}\n      href={target}\n    >\n      <div>{children}</div>\n    </Link>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_classnames","_reactRouterDom","_baseReactNavigation","_topBarNavModule","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Link","BaseLink","TopBarNav","_ref","href","className","activeClassName","children","displayName","ignoreQueryParams","rest","search","useLocation","preventPassingDisplayNameToLink","createElement","classnames","styles","topBarLink","active"],"sources":["top-bar-nav.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { useLocation } from 'react-router-dom';\nimport { Link as BaseLink } from '@teambit/base-react.navigation.link';\nimport { NavPluginProps } from '../menu/nav-plugin';\n\nimport styles from './top-bar-nav.module.scss';\n\n// @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest\nconst Link = BaseLink as any;\n\nexport function TopBarNav({\n  href,\n  className,\n  activeClassName,\n  children,\n  displayName,\n  ignoreQueryParams,\n  ...rest\n}: NavPluginProps) {\n  const { search } = useLocation(); // sticky query params\n\n  // @hack - this is so that the displayName will not pass to the link and cause a warning in the console.\n  // it is used for component page nav link widgets (code, aspects etc),\n  // but not for regular menu links (overview, compositions, etc).\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const preventPassingDisplayNameToLink = displayName;\n\n  const target = (href && !ignoreQueryParams && `${href}${search}`) || href;\n\n  return (\n    <Link\n      {...rest}\n      className={classnames(className, styles.topBarLink)}\n      activeClassName={classnames(activeClassName, styles.active)}\n      href={target}\n    >\n      <div>{children}</div>\n    </Link>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/component",
-  "version": "1.0.193",
+  "version": "1.0.195",
   "homepage": "https://bit.cloud/teambit/component/component",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "component",
-    "version": "1.0.193"
+    "version": "1.0.195"
   },
   "dependencies": {
     "@teambit/any-fs": "0.0.5",
@@ -32,41 +32,41 @@
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.505",
     "@teambit/legacy-component-log": "0.0.402",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
+    "@teambit/design.ui.pages.not-found": "0.0.366",
+    "@teambit/design.ui.pages.server-error": "0.0.366",
     "@teambit/design.ui.empty-box": "0.0.363",
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.separator": "4.1.1",
-    "@teambit/design.ui.pages.not-found": "0.0.366",
-    "@teambit/design.ui.pages.server-error": "0.0.366",
+    "@teambit/design.ui.styles.ellipsis": "0.0.357",
+    "@teambit/explorer.ui.command-bar": "2.0.14",
     "@teambit/design.navigation.responsive-navbar": "0.0.7",
     "@teambit/base-ui.layout.breakpoints": "1.0.0",
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.142",
-    "@teambit/design.ui.styles.ellipsis": "0.0.357",
-    "@teambit/explorer.ui.command-bar": "2.0.14",
-    "@teambit/aspect-loader": "1.0.193",
-    "@teambit/graph": "1.0.193",
+    "@teambit/aspect-loader": "1.0.195",
+    "@teambit/graph": "1.0.195",
     "@teambit/toolbox.path.match-patterns": "0.0.15",
     "@teambit/toolbox.string.capitalize": "0.0.496",
     "@teambit/cli": "0.0.857",
     "@teambit/express": "0.0.956",
-    "@teambit/graphql": "1.0.193",
-    "@teambit/command-bar": "1.0.193",
+    "@teambit/graphql": "1.0.195",
+    "@teambit/command-bar": "1.0.195",
     "@teambit/component-package-version": "0.0.433",
-    "@teambit/preview": "1.0.193",
-    "@teambit/pubsub": "1.0.193",
-    "@teambit/react-router": "1.0.193",
+    "@teambit/preview": "1.0.195",
+    "@teambit/pubsub": "1.0.195",
+    "@teambit/react-router": "1.0.195",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.508",
-    "@teambit/ui": "1.0.193",
+    "@teambit/ui": "1.0.195",
     "@teambit/component-issues": "0.0.141",
     "@teambit/cli-table": "0.0.48",
     "@teambit/component-descriptor": "0.0.417",
     "@teambit/harmony.ui.aspect-box": "0.0.507",
-    "@teambit/compositions": "1.0.193",
-    "@teambit/deprecation": "1.0.193",
-    "@teambit/envs": "1.0.193",
+    "@teambit/envs.ui.env-icon": "0.0.505",
+    "@teambit/compositions": "1.0.195",
+    "@teambit/deprecation": "1.0.195",
+    "@teambit/envs": "1.0.195",
     "@teambit/component.ui.version-dropdown": "0.0.859",
     "@teambit/lanes.hooks.use-lanes": "0.0.264",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.216",
-    "@teambit/envs.ui.env-icon": "0.0.505"
+    "@teambit/lanes.ui.models.lanes-model": "0.0.216"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",

package/ui/top-bar-nav/top-bar-nav.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import classnames from 'classnames';
 import { useLocation } from 'react-router-dom';
-import { Link } from '@teambit/base-react.navigation.link';
+import { Link as BaseLink } from '@teambit/base-react.navigation.link';
 import { NavPluginProps } from '../menu/nav-plugin';
 
 import styles from './top-bar-nav.module.scss';
 
+// @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest
+const Link = BaseLink as any;
+
 export function TopBarNav({
   href,
   className,