@teambit/ui-foundation.ui.side-bar 0.0.875 → 0.0.876

package/component-tree/component-tree.tsx

@@ -14,9 +14,18 @@ type ComponentTreeProps = {
   transformTree?: (rootNode: TreeNodeType) => TreeNodeType;
   TreeNode?: TreeNodeRenderer<PayloadType>;
   isCollapsed?: boolean;
-  assumeScopeInUrl?: boolean;
+  // assumeScopeInUrl?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
 
+function calcPayload(components: ComponentModel[]) {
+  const payloadMap = new Map<string, PayloadType>(components.map((c) => [c.id.toString({ ignoreVersion: true }), c]));
+
+  const scopeIds = new Set(components.map((x) => x.id.scope).filter((x) => !!x));
+  scopeIds.forEach((x) => x && payloadMap.set(`${x}/`, new ScopePayload()));
+
+  return payloadMap;
+}
+
 export function ComponentTree({
   components,
   isCollapsed,
@@ -56,11 +65,4 @@ export function ComponentTree({
   );
 }
 
-function calcPayload(components: ComponentModel[]) {
-  const payloadMap = new Map<string, PayloadType>(components.map((c) => [c.id.toString({ ignoreVersion: true }), c]));
-
-  const scopeIds = new Set(components.map((x) => x.id.scope).filter((x) => !!x));
-  scopeIds.forEach((x) => x && payloadMap.set(`${x}/`, new ScopePayload()));
 
-  return payloadMap;
-}

package/component-tree/component-view/component-view.tsx

@@ -25,15 +25,15 @@ export type ComponentViewProps<Payload = any> = {
 } & TreeNodeProps<Payload>;
 
 export function ComponentView(props: ComponentViewProps) {
-  const { node, scopeName } = props;
+  const { node, scopeName, useLanes: useLanesFromProps, treeNodeSlot } = props;
   let component = node.payload;
 
   const { onSelect } = useContext(TreeContext);
-  const { lanesModel } = (props.useLanes || useLanes)();
+  const { lanesModel } = (useLanesFromProps || useLanes)();
 
   const handleClick = useCallback(
     (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
-      onSelect && onSelect(node.id, event);
+      onSelect?.(node.id, event);
     },
     [onSelect, node.id]
   );
@@ -49,12 +49,12 @@ export function ComponentView(props: ComponentViewProps) {
 
   const envTooltip = (
     <Link
+      external
       className={styles.envLink}
       href={ComponentUrl.toUrl(envId, {
         includeVersion: true,
         useLocationOrigin: !window.location.host.startsWith('localhost'),
       })}
-      external={true}
       onClick={(event) => {
         // do not trigger component selection
         event.stopPropagation();
@@ -76,7 +76,7 @@ export function ComponentView(props: ComponentViewProps) {
   }, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
 
   const Name = viewingMainCompOnLane ? (
-    <Tooltip className={styles.onMainTooltip} placement="top" content={'On Main'}>
+    <Tooltip className={styles.onMainTooltip} placement="top" content='On Main'>
       <span>{getName(node.id)}</span>
     </Tooltip>
   ) : (
@@ -158,8 +158,8 @@ export function ComponentView(props: ComponentViewProps) {
 
     const laneCompUrlWithSubRoutes = pathname.split(LanesModel.baseLaneComponentRoute)[1] ?? '';
 
-    const _laneCompUrl = laneCompUrlWithSubRoutes.split('/~')[0] ?? '';
-    const laneCompUrl = _laneCompUrl.startsWith('/') ? _laneCompUrl.substring(1) : _laneCompUrl;
+    const extractedLaneCompUrl = laneCompUrlWithSubRoutes.split('/~')[0] ?? '';
+    const laneCompUrl = extractedLaneCompUrl.startsWith('/') ? extractedLaneCompUrl.substring(1) : extractedLaneCompUrl;
 
     /**
      * if the laneCompUrl doesn't have the scope as part of it and you are on a bare scope
@@ -184,7 +184,7 @@ export function ComponentView(props: ComponentViewProps) {
     return !scopeFromQueryParams
       ? laneCompIdFromUrl?.toString() === compIdStr || laneCompIdFromUrl.fullName === compIdName
       : laneCompIdFromUrl?.toString() === compIdStr ||
-          (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
+      (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
   }, [href, viewingMainCompOnLane, location?.pathname, component.id.toString(), scope]);
 
   return (
@@ -206,8 +206,7 @@ export function ComponentView(props: ComponentViewProps) {
       <div className={styles.right}>
         <DeprecationIcon component={component} />
         {/* {isInternal && <Icon of="Internal" className={styles.componentIcon} />} */}
-        {props.treeNodeSlot &&
-          props.treeNodeSlot.toArray().map(([id, treeNode]) => <treeNode.widget key={id} component={component} />)}
+        {treeNodeSlot && treeNodeSlot.toArray().map(([id, treeNode]) => <treeNode.widget key={id} component={component} />)}
       </div>
     </Link>
   );

package/component-tree/default-tree-node-renderer/default-tree-node-renderer.tsx

@@ -7,10 +7,11 @@ import { ScopeTreeNode } from '../scope-tree-node';
 import { NamespaceTreeNode } from '../namespace-tree-node';
 
 export function DefaultTreeNodeRenderer(props: TreeNodeProps<PayloadType>) {
-  const children = props.node.children;
+  const { node } = props;
+  const { children, payload } = node;
   if (!children) return <ComponentView {...props} />;
 
-  if (props.node.payload instanceof ScopePayload) return <ScopeTreeNode {...props} />;
+  if (payload instanceof ScopePayload) return <ScopeTreeNode {...props} />;
 
   return <NamespaceTreeNode {...props} />;
 }

package/component-tree/namespace-tree-node/namespace-tree-node.tsx

@@ -19,7 +19,7 @@ export function NamespaceTreeNode({ node, depth }: NamespaceTreeNodeProps) {
 
   const firstRun = useRef(true);
   useEffect(() => {
-    const current = firstRun.current;
+    const { current } = firstRun;
     if (current) return;
     if (isActive === true) toggle(true);
   }, [isActive]);
@@ -41,6 +41,11 @@ export function NamespaceTreeNode({ node, depth }: NamespaceTreeNodeProps) {
         <div
           className={classNames(indentClass, styles.namespace, highlighted && styles.highlighted)}
           onClick={() => toggle(!open)}
+          tabIndex={0}
+          role="button"
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') toggle(!open);
+          }}
         >
           <div className={styles.left}>
             <Icon className={classNames(styles.arrow, !open && styles.collapsed)} of="fat-arrow-down" />

package/component-tree/scope-tree-node/scope-tree-node.tsx

@@ -22,13 +22,13 @@ export function ScopeTreeNode({ node, depth }: ScopeTreeNodeProps) {
 
   const firstRun = useRef(true);
   useEffect(() => {
-    const current = firstRun.current;
+    const { current } = firstRun;
     if (current) return;
     if (isActive === true) toggle(true);
   }, [isActive]);
 
   useEffect(() => {
-    const current = firstRun.current;
+    const { current } = firstRun;
     if (current) return;
     toggle(!isCollapsed);
   }, [isCollapsed]);
@@ -45,6 +45,11 @@ export function ScopeTreeNode({ node, depth }: ScopeTreeNodeProps) {
         <div
           className={classNames(indentClass, styles.scope, highlighted && styles.highlighted)}
           onClick={() => toggle(!open)}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') toggle(!open);
+          }}
+          role="button"
+          tabIndex={0}
         >
           <div className={styles.left}>
             <Icon className={classNames(styles.arrow, !open && styles.collapsed)} of="fat-arrow-down" />

package/dist/component-tree/component-tree.d.ts

@@ -2,12 +2,11 @@ import { ComponentModel } from '@teambit/component';
 import React from 'react';
 import { TreeNodeRenderer, TreeNode as TreeNodeType } from '@teambit/design.ui.tree';
 import { PayloadType } from './payload-type';
-declare type ComponentTreeProps = {
+type ComponentTreeProps = {
     components: ComponentModel[];
     transformTree?: (rootNode: TreeNodeType) => TreeNodeType;
     TreeNode?: TreeNodeRenderer<PayloadType>;
     isCollapsed?: boolean;
-    assumeScopeInUrl?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare function ComponentTree({ components, isCollapsed, className, transformTree, TreeNode, }: ComponentTreeProps): React.JSX.Element;
+export declare function ComponentTree({ components, isCollapsed, className, transformTree, TreeNode, }: ComponentTreeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/component-tree/component-tree.js

@@ -1,69 +1,41 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentTree = void 0;
-const component_1 = require("@teambit/component");
-const react_1 = __importStar(require("react"));
-const base_react_navigation_link_1 = require("@teambit/base-react.navigation.link");
-const base_ui_graph_tree_indent_1 = require("@teambit/base-ui.graph.tree.indent");
-const base_ui_graph_tree_inflate_paths_1 = require("@teambit/base-ui.graph.tree.inflate-paths");
-const design_ui_tree_1 = require("@teambit/design.ui.tree");
-const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-model");
-const base_ui_graph_tree_tree_context_1 = require("@teambit/base-ui.graph.tree.tree-context");
-const payload_type_1 = require("./payload-type");
-const default_tree_node_renderer_1 = require("./default-tree-node-renderer");
-function ComponentTree({ components, isCollapsed, className, transformTree, 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIdFromLocation } from '@teambit/component';
+import { useMemo } from 'react';
+import { useLocation } from '@teambit/base-react.navigation.link';
+import { indentStyle } from '@teambit/base-ui.graph.tree.indent';
+import { inflateToTree, attachPayload } from '@teambit/base-ui.graph.tree.inflate-paths';
+import { Tree } from '@teambit/design.ui.tree';
+import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
+import { TreeContextProvider } from '@teambit/base-ui.graph.tree.tree-context';
+import { ScopePayload } from './payload-type';
+import { DefaultTreeNodeRenderer } from './default-tree-node-renderer';
+function calcPayload(components) {
+    const payloadMap = new Map(components.map((c) => [c.id.toString({ ignoreVersion: true }), c]));
+    const scopeIds = new Set(components.map((x) => x.id.scope).filter((x) => !!x));
+    scopeIds.forEach((x) => x && payloadMap.set(`${x}/`, new ScopePayload()));
+    return payloadMap;
+}
+export function ComponentTree({ components, isCollapsed, className, transformTree, 
 // assumeScopeInUrl = false,
-TreeNode = default_tree_node_renderer_1.DefaultTreeNodeRenderer, }) {
-    const { pathname = '/' } = (0, base_react_navigation_link_1.useLocation)() || {};
+TreeNode = DefaultTreeNodeRenderer, }) {
+    const { pathname = '/' } = useLocation() || {};
     // override default splat from location when viewing a lane component
-    const laneCompUrl = pathname.split(lanes_ui_models_lanes_model_1.LanesModel.baseLaneComponentRoute.concat('/'))[1];
-    const idFromLocation = (0, component_1.useIdFromLocation)(laneCompUrl, true);
-    const activeComponent = (0, react_1.useMemo)(() => {
+    const laneCompUrl = pathname.split(LanesModel.baseLaneComponentRoute.concat('/'))[1];
+    const idFromLocation = useIdFromLocation(laneCompUrl, true);
+    const activeComponent = useMemo(() => {
         const active = components.find((x) => {
             return idFromLocation && (idFromLocation === x.id.fullName || idFromLocation === x.id.toStringWithoutVersion());
         });
-        return active === null || active === void 0 ? void 0 : active.id.toString({ ignoreVersion: true });
+        return active?.id.toString({ ignoreVersion: true });
     }, [components, pathname]);
-    const rootNode = (0, react_1.useMemo)(() => {
-        const tree = (0, base_ui_graph_tree_inflate_paths_1.inflateToTree)(components, (c) => c.id.toString({ ignoreVersion: true }));
+    const rootNode = useMemo(() => {
+        const tree = inflateToTree(components, (c) => c.id.toString({ ignoreVersion: true }));
         const payloadMap = calcPayload(components);
-        (0, base_ui_graph_tree_inflate_paths_1.attachPayload)(tree, payloadMap);
+        attachPayload(tree, payloadMap);
         if (transformTree)
             return transformTree(tree);
         return tree;
     }, [components]);
-    return (react_1.default.createElement(base_ui_graph_tree_tree_context_1.TreeContextProvider, null,
-        react_1.default.createElement("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(1), className: className },
-            react_1.default.createElement(design_ui_tree_1.Tree, { TreeNode: TreeNode, activePath: activeComponent, tree: rootNode, isCollapsed: isCollapsed }))));
-}
-exports.ComponentTree = ComponentTree;
-function calcPayload(components) {
-    const payloadMap = new Map(components.map((c) => [c.id.toString({ ignoreVersion: true }), c]));
-    const scopeIds = new Set(components.map((x) => x.id.scope).filter((x) => !!x));
-    scopeIds.forEach((x) => x && payloadMap.set(`${x}/`, new payload_type_1.ScopePayload()));
-    return payloadMap;
+    return (_jsx(TreeContextProvider, { children: _jsx("div", { style: indentStyle(1), className: className, children: _jsx(Tree, { TreeNode: TreeNode, activePath: activeComponent, tree: rootNode, isCollapsed: isCollapsed }) }) }));
 }
 //# sourceMappingURL=component-tree.js.map

package/dist/component-tree/component-tree.js.map

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

package/dist/component-tree/component-view/component-view.d.ts

@@ -1,12 +1,11 @@
 import { ComponentTreeSlot } from '@teambit/component-tree';
-import React from 'react';
 import { TreeNodeProps } from '@teambit/base-ui.graph.tree.recursive-tree';
 import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
-export declare type ComponentViewProps<Payload = any> = {
+export type ComponentViewProps<Payload = any> = {
     treeNodeSlot?: ComponentTreeSlot;
     useLanes?: () => {
         lanesModel?: LanesModel;
     };
     scopeName?: string;
 } & TreeNodeProps<Payload>;
-export declare function ComponentView(props: ComponentViewProps): React.JSX.Element;
+export declare function ComponentView(props: ComponentViewProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/component-tree/component-view/component-view.js

@@ -1,79 +1,46 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentView = void 0;
-const base_react_navigation_link_1 = require("@teambit/base-react.navigation.link");
-const envs_ui_env_icon_1 = require("@teambit/envs.ui.env-icon");
-const component_ui_deprecation_icon_1 = require("@teambit/component.ui.deprecation-icon");
-const classnames_1 = __importDefault(require("classnames"));
-const component_id_1 = require("@teambit/component-id");
-const component_modules_component_url_1 = require("@teambit/component.modules.component-url");
-const react_1 = __importStar(require("react"));
-const design_ui_tooltip_1 = require("@teambit/design.ui.tooltip");
-const base_ui_graph_tree_tree_context_1 = require("@teambit/base-ui.graph.tree.tree-context");
-const base_ui_graph_tree_indent_1 = require("@teambit/base-ui.graph.tree.indent");
-const lanes_hooks_use_lanes_1 = require("@teambit/lanes.hooks.use-lanes");
-const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-model");
-const get_name_1 = require("../utils/get-name");
-const component_view_module_scss_1 = __importDefault(require("./component-view.module.scss"));
-function ComponentView(props) {
-    var _a, _b, _c, _d;
-    const { node, scopeName } = props;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useLocation } from '@teambit/base-react.navigation.link';
+import { EnvIcon } from '@teambit/envs.ui.env-icon';
+import { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';
+import classNames from 'classnames';
+import { ComponentID } from '@teambit/component-id';
+import { ComponentUrl } from '@teambit/component.modules.component-url';
+import React, { useCallback, useContext } from 'react';
+import { Tooltip } from '@teambit/design.ui.tooltip';
+import { TreeContext } from '@teambit/base-ui.graph.tree.tree-context';
+import { indentClass } from '@teambit/base-ui.graph.tree.indent';
+import { useLanes } from '@teambit/lanes.hooks.use-lanes';
+import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
+import { getName } from '../utils/get-name';
+import styles from './component-view.module.scss';
+export function ComponentView(props) {
+    const { node, scopeName, useLanes: useLanesFromProps, treeNodeSlot } = props;
     let component = node.payload;
-    const { onSelect } = (0, react_1.useContext)(base_ui_graph_tree_tree_context_1.TreeContext);
-    const { lanesModel } = (props.useLanes || lanes_hooks_use_lanes_1.useLanes)();
-    const handleClick = (0, react_1.useCallback)((event) => {
-        onSelect && onSelect(node.id, event);
+    const { onSelect } = useContext(TreeContext);
+    const { lanesModel } = (useLanesFromProps || useLanes)();
+    const handleClick = useCallback((event) => {
+        onSelect?.(node.id, event);
     }, [onSelect, node.id]);
-    const location = (0, base_react_navigation_link_1.useLocation)();
+    const location = useLocation();
     const scope = { name: scopeName };
     if (!component.id || !component.environment.id)
         return null;
     component = component;
-    const envId = component_id_1.ComponentID.fromString((_a = component.environment) === null || _a === void 0 ? void 0 : _a.id);
-    const envTooltip = (react_1.default.createElement(base_react_navigation_link_1.Link, { className: component_view_module_scss_1.default.envLink, href: component_modules_component_url_1.ComponentUrl.toUrl(envId, {
+    const envId = ComponentID.fromString(component.environment?.id);
+    const envTooltip = (_jsxs(Link, { external: true, className: styles.envLink, href: ComponentUrl.toUrl(envId, {
             includeVersion: true,
             useLocationOrigin: !window.location.host.startsWith('localhost'),
-        }), external: true, onClick: (event) => {
+        }), onClick: (event) => {
             // do not trigger component selection
             event.stopPropagation();
-        } },
-        react_1.default.createElement("div", { className: component_view_module_scss_1.default.componentEnvTitle }, "Environment"),
-        react_1.default.createElement("div", null, (_b = component.environment) === null || _b === void 0 ? void 0 : _b.id)));
-    const href = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.getLaneComponentUrlByVersion(component.id, (_c = lanesModel.viewedLane) === null || _c === void 0 ? void 0 : _c.id, !scope.name);
-    const viewingMainCompOnLane = react_1.default.useMemo(() => {
-        var _a, _b, _c;
-        return (!((_a = component.status) === null || _a === void 0 ? void 0 : _a.isNew) &&
-            !((_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id.isDefault()) &&
-            (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.isComponentOnMainButNotOnLane(component.id, undefined, (_c = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _c === void 0 ? void 0 : _c.id)));
-    }, [(_d = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _d === void 0 ? void 0 : _d.id.toString(), component.id.toString()]);
-    const Name = viewingMainCompOnLane ? (react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.onMainTooltip, placement: "top", content: 'On Main' },
-        react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)))) : (react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)));
+        }, children: [_jsx("div", { className: styles.componentEnvTitle, children: "Environment" }), _jsx("div", { children: component.environment?.id })] }));
+    const href = lanesModel?.getLaneComponentUrlByVersion(component.id, lanesModel.viewedLane?.id, !scope.name);
+    const viewingMainCompOnLane = React.useMemo(() => {
+        return (!component.status?.isNew &&
+            !lanesModel?.viewedLane?.id.isDefault() &&
+            lanesModel?.isComponentOnMainButNotOnLane(component.id, undefined, lanesModel?.viewedLane?.id));
+    }, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
+    const Name = viewingMainCompOnLane ? (_jsx(Tooltip, { className: styles.onMainTooltip, placement: "top", content: 'On Main', children: _jsx("span", { children: getName(node.id) }) })) : (_jsx("span", { children: getName(node.id) }));
     /**
      * this covers the following use cases when matching the active component's href with location
      *
@@ -115,8 +82,7 @@ function ComponentView(props) {
      *
      * @todo - move this logic to a util function
      */
-    const isActive = react_1.default.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
+    const isActive = React.useMemo(() => {
         if (!href || !location)
             return false;
         const scopeFromQueryParams = location.search.split('scope=')[1];
@@ -124,13 +90,13 @@ function ComponentView(props) {
         const compIdStr = component.id.toStringWithoutVersion();
         const compIdName = component.id.fullName;
         const componentScope = component.id.scope;
-        const locationIncludesLaneId = location.pathname.includes(lanes_ui_models_lanes_model_1.LanesModel.lanesPrefix);
+        const locationIncludesLaneId = location.pathname.includes(LanesModel.lanesPrefix);
         const sanitizedHref = (href.startsWith('/') ? href.substring(1) : href).split('?')[0];
         // if you are in a workspace, the componentId might not have a scopeId, if you are viewing
         // a component on the checked out lane
-        const viewingCheckedOutLaneComp = (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.currentLane) && lanesModel.currentLane.id.toString() === ((_a = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _a === void 0 ? void 0 : _a.id.toString());
+        const viewingCheckedOutLaneComp = lanesModel?.currentLane && lanesModel.currentLane.id.toString() === lanesModel?.viewedLane?.id.toString();
         if (!locationIncludesLaneId &&
-            (((_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id.isDefault()) || viewingMainCompOnLane || viewingCheckedOutLaneComp)) {
+            (lanesModel?.viewedLane?.id.isDefault() || viewingMainCompOnLane || viewingCheckedOutLaneComp)) {
             // split out any sub routes if exist
             const compUrl = pathname.split('/~')[0];
             // may or may not contain scope
@@ -140,16 +106,17 @@ function ComponentView(props) {
                 ? sanitizedHref === compUrlWithoutScope
                 : sanitizedHref === compUrl && componentScope === scopeFromQueryParams;
         }
-        const laneCompUrlWithSubRoutes = (_c = pathname.split(lanes_ui_models_lanes_model_1.LanesModel.baseLaneComponentRoute)[1]) !== null && _c !== void 0 ? _c : '';
-        const _laneCompUrl = (_d = laneCompUrlWithSubRoutes.split('/~')[0]) !== null && _d !== void 0 ? _d : '';
-        const laneCompUrl = _laneCompUrl.startsWith('/') ? _laneCompUrl.substring(1) : _laneCompUrl;
+        const laneCompUrlWithSubRoutes = pathname.split(LanesModel.baseLaneComponentRoute)[1] ?? '';
+        const extractedLaneCompUrl = laneCompUrlWithSubRoutes.split('/~')[0] ?? '';
+        const laneCompUrl = extractedLaneCompUrl.startsWith('/') ? extractedLaneCompUrl.substring(1) : extractedLaneCompUrl;
         /**
          * if the laneCompUrl doesn't have the scope as part of it and you are on a bare scope
          * attach the bare scope to the laneCompUrl and parse it as a ComponentID
          */
-        const laneCompIdFromUrl = (_e = component_id_1.ComponentID.tryFromString(laneCompUrl)) !== null && _e !== void 0 ? _e : (scope.name ? component_id_1.ComponentID.tryFromString(`${scope.name}/${laneCompUrl}`) : undefined);
+        const laneCompIdFromUrl = ComponentID.tryFromString(laneCompUrl) ??
+            (scope.name ? ComponentID.tryFromString(`${scope.name}/${laneCompUrl}`) : undefined);
         // viewing lane component from the same scope as the lane on a workspace
-        const laneAndCompFromSameScopeOnWs = !scope.name && ((_f = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _f === void 0 ? void 0 : _f.id) && component.id.scope === ((_g = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _g === void 0 ? void 0 : _g.id.scope);
+        const laneAndCompFromSameScopeOnWs = !scope.name && lanesModel?.viewedLane?.id && component.id.scope === lanesModel?.viewedLane?.id.scope;
         if (laneAndCompFromSameScopeOnWs) {
             return !scopeFromQueryParams
                 ? compIdName === laneCompUrl
@@ -158,21 +125,12 @@ function ComponentView(props) {
         if (!laneCompIdFromUrl)
             return false;
         return !scopeFromQueryParams
-            ? (laneCompIdFromUrl === null || laneCompIdFromUrl === void 0 ? void 0 : laneCompIdFromUrl.toString()) === compIdStr || laneCompIdFromUrl.fullName === compIdName
-            : (laneCompIdFromUrl === null || laneCompIdFromUrl === void 0 ? void 0 : laneCompIdFromUrl.toString()) === compIdStr ||
+            ? laneCompIdFromUrl?.toString() === compIdStr || laneCompIdFromUrl.fullName === compIdName
+            : laneCompIdFromUrl?.toString() === compIdStr ||
                 (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
-    }, [href, viewingMainCompOnLane, location === null || location === void 0 ? void 0 : location.pathname, component.id.toString(), scope]);
-    return (react_1.default.createElement(base_react_navigation_link_1.Link, { href: href, className: (0, classnames_1.default)(base_ui_graph_tree_indent_1.indentClass, component_view_module_scss_1.default.component, viewingMainCompOnLane && component_view_module_scss_1.default.mainOnly), activeClassName: component_view_module_scss_1.default.active, onClick: handleClick, 
+    }, [href, viewingMainCompOnLane, location?.pathname, component.id.toString(), scope]);
+    return (_jsxs(Link, { href: href, className: classNames(indentClass, styles.component, viewingMainCompOnLane && styles.mainOnly), activeClassName: styles.active, onClick: handleClick, 
         // exact={true}
-        active: isActive },
-        react_1.default.createElement("div", { className: component_view_module_scss_1.default.left },
-            react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.componentEnvTooltip, placement: "top", content: envTooltip },
-                react_1.default.createElement(envs_ui_env_icon_1.EnvIcon, { component: component, className: component_view_module_scss_1.default.envIcon })),
-            Name),
-        react_1.default.createElement("div", { className: component_view_module_scss_1.default.right },
-            react_1.default.createElement(component_ui_deprecation_icon_1.DeprecationIcon, { component: component }),
-            props.treeNodeSlot &&
-                props.treeNodeSlot.toArray().map(([id, treeNode]) => react_1.default.createElement(treeNode.widget, { key: id, component: component })))));
+        active: isActive, children: [_jsxs("div", { className: styles.left, children: [_jsx(Tooltip, { className: styles.componentEnvTooltip, placement: "top", content: envTooltip, children: _jsx(EnvIcon, { component: component, className: styles.envIcon }) }), Name] }), _jsxs("div", { className: styles.right, children: [_jsx(DeprecationIcon, { component: component }), treeNodeSlot && treeNodeSlot.toArray().map(([id, treeNode]) => _jsx(treeNode.widget, { component: component }, id))] })] }));
 }
-exports.ComponentView = ComponentView;
 //# sourceMappingURL=component-view.js.map

package/dist/component-tree/component-view/component-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAQlD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC7E,IAAI,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,EAAE,GAAG,CAAC,iBAAiB,IAAI,QAAQ,CAAC,EAAE,CAAC;IAEzD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAsD,EAAE,EAAE;QACzD,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CACpB,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IAElC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE;QAAE,OAAO,IAAI,CAAC;IAE5D,SAAS,GAAG,SAA2B,CAAC;IAExC,MAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,EAAE,EAAY,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,CACjB,MAAC,IAAI,IACH,QAAQ,QACR,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE;YAC9B,cAAc,EAAE,IAAI;YACpB,iBAAiB,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC;SACjE,CAAC,EACF,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,qCAAqC;YACrC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,aAED,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,4BAAmB,EAC3D,wBAAM,SAAS,CAAC,WAAW,EAAE,EAAE,GAAO,IACjC,CACR,CAAC;IAEF,MAAM,IAAI,GAAG,UAAU,EAAE,4BAA4B,CAAC,SAAS,CAAC,EAAS,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnH,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,OAAO,CACL,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK;YACxB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,SAAS,EAAE;YACvC,UAAU,EAAE,6BAA6B,CAAC,SAAS,CAAC,EAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,CACtG,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAErE,MAAM,IAAI,GAAG,qBAAqB,CAAC,CAAC,CAAC,CACnC,KAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,YACzE,yBAAO,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,GAAQ,GACvB,CACX,CAAC,CAAC,CAAC,CACF,yBAAO,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,GAAQ,CAChC,CAAC;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCG;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC;QAErC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhE,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC,sBAAsB,EAAE,CAAC;QACxD,MAAM,UAAU,GAAG,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC;QACzC,MAAM,cAAc,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1C,MAAM,sBAAsB,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAElF,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtF,0FAA0F;QAC1F,sCAAsC;QACtC,MAAM,yBAAyB,GAC7B,UAAU,EAAE,WAAW,IAAI,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC;QAE5G,IACE,CAAC,sBAAsB;YACvB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,qBAAqB,IAAI,yBAAyB,CAAC,EAC9F,CAAC;YACD,oCAAoC;YACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,+BAA+B;YAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACtE,MAAM,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC1D,OAAO,CAAC,oBAAoB;gBAC1B,CAAC,CAAC,aAAa,KAAK,mBAAmB;gBACvC,CAAC,CAAC,aAAa,KAAK,OAAO,IAAI,cAAc,KAAK,oBAAoB,CAAC;QAC3E,CAAC;QAED,MAAM,wBAAwB,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAE5F,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC3E,MAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAEpH;;;WAGG;QACH,MAAM,iBAAiB,GACrB,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC;YACtC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAEvF,wEAAwE;QACxE,MAAM,4BAA4B,GAChC,CAAC,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE,UAAU,EAAE,EAAE,IAAI,SAAS,CAAC,EAAE,CAAC,KAAK,KAAK,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,KAAK,CAAC;QAEvG,IAAI,4BAA4B,EAAE,CAAC;YACjC,OAAO,CAAC,oBAAoB;gBAC1B,CAAC,CAAC,UAAU,KAAK,WAAW;gBAC5B,CAAC,CAAC,UAAU,KAAK,WAAW,IAAI,cAAc,KAAK,oBAAoB,CAAC;QAC5E,CAAC;QAED,IAAI,CAAC,iBAAiB;YAAE,OAAO,KAAK,CAAC;QAErC,OAAO,CAAC,oBAAoB;YAC1B,CAAC,CAAC,iBAAiB,EAAE,QAAQ,EAAE,KAAK,SAAS,IAAI,iBAAiB,CAAC,QAAQ,KAAK,UAAU;YAC1F,CAAC,CAAC,iBAAiB,EAAE,QAAQ,EAAE,KAAK,SAAS;gBAC7C,CAAC,iBAAiB,CAAC,QAAQ,KAAK,UAAU,IAAI,cAAc,KAAK,oBAAoB,CAAC,CAAC;IAC3F,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,MAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,qBAAqB,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC9F,eAAe,EAAE,MAAM,CAAC,MAAM,EAC9B,OAAO,EAAE,WAAW;QACpB,eAAe;QACf,MAAM,EAAE,QAAQ,aAEhB,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,UAAU,YACjF,KAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,GACpD,EACT,IAAI,IACD,EAEN,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI,EAExC,YAAY,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAC,QAAQ,CAAC,MAAM,IAAU,SAAS,EAAE,SAAS,IAAxB,EAAE,CAA0B,CAAC,IAC/G,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/component-tree/component-view/index.js

@@ -1,18 +1,2 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./component-view"), exports);
+export * from './component-view';
 //# sourceMappingURL=index.js.map

package/dist/component-tree/component-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/component-view/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/component-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/component-tree/default-tree-node-renderer/default-tree-node-renderer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TreeNodeProps } from '@teambit/base-ui.graph.tree.recursive-tree';
 import { PayloadType } from '../payload-type';
-export declare function DefaultTreeNodeRenderer(props: TreeNodeProps<PayloadType>): React.JSX.Element;
+export declare function DefaultTreeNodeRenderer(props: TreeNodeProps<PayloadType>): import("react/jsx-runtime").JSX.Element;