@teambit/ui-foundation.ui.side-bar 0.0.885 → 0.0.886

package/component-tree/component-tree.tsx

@@ -6,6 +6,7 @@ import { inflateToTree, attachPayload } from '@teambit/base-ui.graph.tree.inflat
 import { Tree, TreeNodeRenderer, TreeNode as TreeNodeType } 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 { LanesContext } from '@teambit/lanes.hooks.use-lanes';
 import { PayloadType, ScopePayload } from './payload-type';
 import { DefaultTreeNodeRenderer } from './default-tree-node-renderer';
 
@@ -14,6 +15,7 @@ type ComponentTreeProps = {
   transformTree?: (rootNode: TreeNodeType) => TreeNodeType;
   TreeNode?: TreeNodeRenderer<PayloadType>;
   isCollapsed?: boolean;
+  lanesModel?: LanesModel;
   // assumeScopeInUrl?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
 
@@ -31,6 +33,7 @@ export function ComponentTree({
   isCollapsed,
   className,
   transformTree,
+  lanesModel,
   // assumeScopeInUrl = false,
   TreeNode = DefaultTreeNodeRenderer,
 }: ComponentTreeProps) {
@@ -57,12 +60,12 @@ export function ComponentTree({
   }, [components.length]);
 
   return (
-    <TreeContextProvider>
-      <div style={indentStyle(1)} className={className}>
-        <Tree TreeNode={TreeNode} activePath={activeComponent} tree={rootNode} isCollapsed={isCollapsed} />
-      </div>
-    </TreeContextProvider>
+    <LanesContext.Provider value={{ lanesModel }}>
+      <TreeContextProvider>
+        <div style={indentStyle(1)} className={className}>
+          <Tree TreeNode={TreeNode} activePath={activeComponent} tree={rootNode} isCollapsed={isCollapsed} />
+        </div>
+      </TreeContextProvider>
+    </LanesContext.Provider>
   );
 }
-
-

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

@@ -12,7 +12,7 @@ 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 { TreeNodeProps } from '@teambit/base-ui.graph.tree.recursive-tree';
-import { useLanes } from '@teambit/lanes.hooks.use-lanes';
+import { LanesContext } from '@teambit/lanes.hooks.use-lanes';
 import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
 import { getName } from '../utils/get-name';
 
@@ -20,16 +20,17 @@ import styles from './component-view.module.scss';
 
 export type ComponentViewProps<Payload = any> = {
   treeNodeSlot?: ComponentTreeSlot;
-  useLanes?: () => { lanesModel?: LanesModel };
   scopeName?: string;
 } & TreeNodeProps<Payload>;
 
 export function ComponentView(props: ComponentViewProps) {
-  const { node, scopeName, useLanes: useLanesFromProps, treeNodeSlot } = props;
+  const { node, scopeName, treeNodeSlot } = props;
+
   let component = node.payload;
 
   const { onSelect } = useContext(TreeContext);
-  const { lanesModel } = (useLanesFromProps || useLanes)();
+  const lanesContextModel = useContext(LanesContext);
+  const lanesModel = lanesContextModel?.lanesModel;
 
   const handleClick = useCallback(
     (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
@@ -41,13 +42,13 @@ export function ComponentView(props: ComponentViewProps) {
   const location = useLocation();
   const scope = { name: scopeName };
 
-  if (!component.id || !component.environment.id) return null;
+  const isMissingCompOrEnvId = !component?.id || !component?.environment?.id;
 
   component = component as ComponentModel;
 
-  const envId = ComponentID.fromString(component.environment?.id as string);
+  const envId = !isMissingCompOrEnvId ? ComponentID.fromString(component.environment?.id as string) : undefined;
 
-  const envTooltip = (
+  const envTooltip = envId ? (
     <Link
       external
       className={styles.envLink}
@@ -63,11 +64,14 @@ export function ComponentView(props: ComponentViewProps) {
       <div className={styles.componentEnvTitle}>Environment</div>
       <div>{component.environment?.id}</div>
     </Link>
-  );
+  ) : null;
 
-  const href = lanesModel?.getLaneComponentUrlByVersion(component.id as any, lanesModel.viewedLane?.id, !scope.name);
+  const href = !isMissingCompOrEnvId
+    ? lanesModel?.getLaneComponentUrlByVersion(component.id as any, lanesModel.viewedLane?.id, !scope.name)
+    : undefined;
 
   const viewingMainCompOnLane = React.useMemo(() => {
+    if (isMissingCompOrEnvId) return false;
     return (
       !component.status?.isNew &&
       !lanesModel?.viewedLane?.id.isDefault() &&
@@ -75,8 +79,6 @@ export function ComponentView(props: ComponentViewProps) {
     );
   }, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
 
-
-
   /**
    * this covers the following use cases when matching the active component's href with location
    *
@@ -119,7 +121,7 @@ export function ComponentView(props: ComponentViewProps) {
    * @todo - move this logic to a util function
    */
   const isActive = React.useMemo(() => {
-    if (!href || !location) return false;
+    if (!href || !location || !component?.id) return false;
 
     const scopeFromQueryParams = location.search.split('scope=')[1];
 
@@ -178,16 +180,18 @@ export function ComponentView(props: ComponentViewProps) {
     return !scopeFromQueryParams
       ? laneCompIdFromUrl?.toString() === compIdStr || laneCompIdFromUrl.fullName === compIdName
       : laneCompIdFromUrl?.toString() === compIdStr ||
-      (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
-  }, [href, viewingMainCompOnLane, location?.pathname, component.id.toString(), scope.name]);
+          (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
+  }, [href, viewingMainCompOnLane, location?.pathname, component?.id.toString(), scope.name]);
+
+  if (isMissingCompOrEnvId) return null;
 
-  const isCompModified = component.status?.modifyInfo?.hasModifiedFiles
-    || component.status?.modifyInfo?.hasModifiedDependencies;
+  const isCompModified =
+    component.status?.modifyInfo?.hasModifiedFiles || component.status?.modifyInfo?.hasModifiedDependencies;
 
   const addOpacity = viewingMainCompOnLane && !isCompModified;
 
   const Name = viewingMainCompOnLane ? (
-    <Tooltip className={styles.tooltip} placement="top" content='On Main'>
+    <Tooltip className={styles.tooltip} placement="top" content="On Main">
       <span className={classNames(addOpacity && styles.opacity)}>{getName(node.id)}</span>
     </Tooltip>
   ) : (
@@ -213,9 +217,8 @@ export function ComponentView(props: ComponentViewProps) {
       <div className={styles.right}>
         <DeprecationIcon component={component} />
         {/* {isInternal && <Icon of="Internal" className={styles.componentIcon} />} */}
-        {
-          treeNodeSlot
-          && 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/component-view/index.ts

@@ -1 +1 @@
-export * from './component-view';
+export { ComponentView } from './component-view';

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

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

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

@@ -7,6 +7,7 @@ import { inflateToTree, attachPayload } from '@teambit/base-ui.graph.tree.inflat
 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 { LanesContext } from '@teambit/lanes.hooks.use-lanes';
 import { ScopePayload } from './payload-type';
 import { DefaultTreeNodeRenderer } from './default-tree-node-renderer';
 function calcPayload(components) {
@@ -15,7 +16,7 @@ function calcPayload(components) {
     scopeIds.forEach((x) => x && payloadMap.set(`${x}/`, new ScopePayload()));
     return payloadMap;
 }
-export function ComponentTree({ components, isCollapsed, className, transformTree, 
+export function ComponentTree({ components, isCollapsed, className, transformTree, lanesModel, 
 // assumeScopeInUrl = false,
 TreeNode = DefaultTreeNodeRenderer, }) {
     const { pathname = '/' } = useLocation() || {};
@@ -36,6 +37,6 @@ TreeNode = DefaultTreeNodeRenderer, }) {
             return transformTree(tree);
         return tree;
     }, [components.length]);
-    return (_jsx(TreeContextProvider, { children: _jsx("div", { style: indentStyle(1), className: className, children: _jsx(Tree, { TreeNode: TreeNode, activePath: activeComponent, tree: rootNode, isCollapsed: isCollapsed }) }) }));
+    return (_jsx(LanesContext.Provider, { value: { lanesModel }, children: _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":";AAAA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,IAAI,EAA8C,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAWvE,SAAS,WAAW,CAAC,UAA4B;IAC/C,MAAM,UAAU,GAAG,IAAI,GAAG,CAAsB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpH,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,YAAY,EAAE,CAAC,CAAC,CAAC;IAE1E,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,UAAU;AACV,4BAA4B;AAC5B,QAAQ,GAAG,uBAAuB,GACf;IACnB,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,CAAC;IAC/C,qEAAqE;IACrE,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACnC,OAAO,cAAc,IAAI,CAAC,cAAc,KAAK,CAAC,CAAC,EAAE,CAAC,QAAQ,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE,CAAC,sBAAsB,EAAE,CAAC,CAAC;QAClH,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,IAAI,GAAG,aAAa,CAA8B,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAEnH,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QAE3C,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEhC,IAAI,aAAa;YAAE,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAC1C,KAAC,mBAAmB,cAClB,cAAK,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,YAC9C,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,GAC/F,GACc,GACA,CACzB,CAAC;AACJ,CAAC"}

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

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

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

@@ -9,33 +9,37 @@ 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 { LanesContext } 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;
+    const { node, scopeName, treeNodeSlot } = props;
     let component = node.payload;
     const { onSelect } = useContext(TreeContext);
-    const { lanesModel } = (useLanesFromProps || useLanes)();
+    const lanesContextModel = useContext(LanesContext);
+    const lanesModel = lanesContextModel?.lanesModel;
     const handleClick = useCallback((event) => {
         onSelect?.(node.id, event);
     }, [onSelect, node.id]);
     const location = useLocation();
     const scope = { name: scopeName };
-    if (!component.id || !component.environment.id)
-        return null;
+    const isMissingCompOrEnvId = !component?.id || !component?.environment?.id;
     component = component;
-    const envId = ComponentID.fromString(component.environment?.id);
-    const envTooltip = (_jsxs(Link, { external: true, className: styles.envLink, href: ComponentUrl.toUrl(envId, {
+    const envId = !isMissingCompOrEnvId ? ComponentID.fromString(component.environment?.id) : undefined;
+    const envTooltip = envId ? (_jsxs(Link, { external: true, className: styles.envLink, href: ComponentUrl.toUrl(envId, {
             includeVersion: true,
             useLocationOrigin: !window.location.host.startsWith('localhost'),
         }), onClick: (event) => {
             // do not trigger component selection
             event.stopPropagation();
-        }, 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);
+        }, children: [_jsx("div", { className: styles.componentEnvTitle, children: "Environment" }), _jsx("div", { children: component.environment?.id })] })) : null;
+    const href = !isMissingCompOrEnvId
+        ? lanesModel?.getLaneComponentUrlByVersion(component.id, lanesModel.viewedLane?.id, !scope.name)
+        : undefined;
     const viewingMainCompOnLane = React.useMemo(() => {
+        if (isMissingCompOrEnvId)
+            return false;
         return (!component.status?.isNew &&
             !lanesModel?.viewedLane?.id.isDefault() &&
             lanesModel?.isComponentOnMainButNotOnLane(component.id, undefined, lanesModel?.viewedLane?.id));
@@ -82,7 +86,7 @@ export function ComponentView(props) {
      * @todo - move this logic to a util function
      */
     const isActive = React.useMemo(() => {
-        if (!href || !location)
+        if (!href || !location || !component?.id)
             return false;
         const scopeFromQueryParams = location.search.split('scope=')[1];
         const pathname = location.pathname.substring(1).split('?')[0];
@@ -127,14 +131,15 @@ export function ComponentView(props) {
             ? laneCompIdFromUrl?.toString() === compIdStr || laneCompIdFromUrl.fullName === compIdName
             : laneCompIdFromUrl?.toString() === compIdStr ||
                 (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
-    }, [href, viewingMainCompOnLane, location?.pathname, component.id.toString(), scope.name]);
-    const isCompModified = component.status?.modifyInfo?.hasModifiedFiles
-        || component.status?.modifyInfo?.hasModifiedDependencies;
+    }, [href, viewingMainCompOnLane, location?.pathname, component?.id.toString(), scope.name]);
+    if (isMissingCompOrEnvId)
+        return null;
+    const isCompModified = component.status?.modifyInfo?.hasModifiedFiles || component.status?.modifyInfo?.hasModifiedDependencies;
     const addOpacity = viewingMainCompOnLane && !isCompModified;
-    const Name = viewingMainCompOnLane ? (_jsx(Tooltip, { className: styles.tooltip, placement: "top", content: 'On Main', children: _jsx("span", { className: classNames(addOpacity && styles.opacity), children: getName(node.id) }) })) : (_jsx("span", { children: getName(node.id) }));
+    const Name = viewingMainCompOnLane ? (_jsx(Tooltip, { className: styles.tooltip, placement: "top", content: "On Main", children: _jsx("span", { className: classNames(addOpacity && styles.opacity), children: getName(node.id) }) })) : (_jsx("span", { children: getName(node.id) }));
     return (_jsxs(Link, { href: href, className: classNames(indentClass, styles.component), activeClassName: styles.active, onClick: handleClick, 
         // exact={true}
-        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))] })] }));
+        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))] })] }));
 }
 //# 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,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAOlD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAEhD,IAAI,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC7C,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,iBAAiB,EAAE,UAAU,CAAC;IAEjD,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,MAAM,oBAAoB,GAAG,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC;IAE3E,SAAS,GAAG,SAA2B,CAAC;IAExC,MAAM,KAAK,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,EAAE,EAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9G,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CACzB,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,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,IAAI,GAAG,CAAC,oBAAoB;QAChC,CAAC,CAAC,UAAU,EAAE,4BAA4B,CAAC,SAAS,CAAC,EAAS,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;QACvG,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,IAAI,oBAAoB;YAAE,OAAO,KAAK,CAAC;QACvC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCG;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE,EAAE;YAAE,OAAO,KAAK,CAAC;QAEvD,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;gBACzC,CAAC,iBAAiB,CAAC,QAAQ,KAAK,UAAU,IAAI,cAAc,KAAK,oBAAoB,CAAC,CAAC;IAC/F,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAE5F,IAAI,oBAAoB;QAAE,OAAO,IAAI,CAAC;IAEtC,MAAM,cAAc,GAClB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,gBAAgB,IAAI,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,uBAAuB,CAAC;IAE1G,MAAM,UAAU,GAAG,qBAAqB,IAAI,CAAC,cAAc,CAAC;IAE5D,MAAM,IAAI,GAAG,qBAAqB,CAAC,CAAC,CAAC,CACnC,KAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,YACnE,eAAM,SAAS,EAAE,UAAU,CAAC,UAAU,IAAI,MAAM,CAAC,OAAO,CAAC,YAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,GAAQ,GAC5E,CACX,CAAC,CAAC,CAAC,CACF,yBAAO,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,GAAQ,CAChC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,EACpD,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;wBACX,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,IAChG,IACD,CACR,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-export * from './component-view';
+export { ComponentView } from './component-view';

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

@@ -1,2 +1,2 @@
-export * from './component-view';
+export { ComponentView } 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,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/component-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -1 +1,2 @@
-export { ComponentTree, ComponentView, ScopeTreeNode, NamespaceTreeNode, PayloadType, ScopePayload, } from './component-tree';
+export { ComponentTree, ComponentView, ScopeTreeNode, NamespaceTreeNode, ScopePayload } from './component-tree';
+export type { PayloadType } from './component-tree';

package/dist/index.js

@@ -1,2 +1,2 @@
-export { ComponentTree, ComponentView, ScopeTreeNode, NamespaceTreeNode, ScopePayload, } from './component-tree';
+export { ComponentTree, ComponentView, ScopeTreeNode, NamespaceTreeNode, ScopePayload } from './component-tree';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,iBAAiB,EAEjB,YAAY,GACb,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/preview-1727839291394.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/index.ts

@@ -1,8 +1,3 @@
-export {
-  ComponentTree,
-  ComponentView,
-  ScopeTreeNode,
-  NamespaceTreeNode,
-  PayloadType,
-  ScopePayload,
-} from './component-tree';
+export { ComponentTree, ComponentView, ScopeTreeNode, NamespaceTreeNode, ScopePayload } from './component-tree';
+
+export type { PayloadType } from './component-tree';

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.885",
+  "version": "0.0.886",
   "homepage": "https://bit.cloud/teambit/ui-foundation/ui/side-bar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "0.0.885"
+    "version": "0.0.886"
   },
   "dependencies": {
     "classnames": "2.2.6",
     "react-animate-height": "2.0.23",
-    "@teambit/base-react.navigation.link": "2.0.31",
     "@teambit/base-ui.graph.tree.indent": "1.0.0",
     "@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
     "@teambit/base-ui.graph.tree.tree-context": "1.0.0",
@@ -19,24 +18,25 @@
     "@teambit/lanes.ui.models.lanes-model": "0.0.221",
     "@teambit/base-ui.theme.colors": "1.0.0",
     "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
-    "@teambit/component-id": "1.2.0",
-    "@teambit/component.modules.component-url": "0.0.167",
+    "@teambit/component-id": "1.2.2",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
-    "@teambit/design.ui.tooltip": "0.0.361",
-    "@teambit/envs.ui.env-icon": "0.0.505",
-    "@teambit/lanes.hooks.use-lanes": "0.0.272",
-    "@teambit/evangelist.elements.icon": "1.0.2"
+    "@teambit/evangelist.elements.icon": "1.0.2",
+    "@teambit/lanes.hooks.use-lanes": "0.0.274",
+    "@teambit/component.modules.component-url": "0.0.169",
+    "@teambit/design.ui.tooltip": "0.0.371",
+    "@teambit/envs.ui.env-icon": "0.0.505"
   },
   "devDependencies": {
     "@types/classnames": "2.2.11",
     "@types/mocha": "9.1.0",
-    "@teambit/react.v17.react-env": "1.1.53"
+    "@teambit/react.v17.react-env": "1.1.71"
   },
   "peerDependencies": {
     "react": "17.0.2",
     "@types/react-dom": "^17.0.0",
     "@types/react": "^17.0.0",
-    "react-dom": "17.0.2"
+    "react-dom": "17.0.2",
+    "@teambit/base-react.navigation.link": "2.0.31"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},

package/types/asset.d.ts

@@ -0,0 +1,41 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+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;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}