@teambit/ui-foundation.ui.side-bar 0.0.935 → 0.0.936

package/component-tree/component-view/component-view.module.scss

@@ -74,6 +74,17 @@
     > :last-child() {
       margin-right: 0px;
     }
+
+    .deprecatedIcon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--bit-accent-color-warning, #f6a609);
+      // match the row's status label / canonical deprecation icon (both inherit 12px) so the
+      // glyph lines up with the adjacent "S" status rather than sitting taller next to it.
+      font-size: inherit;
+      line-height: 1;
+    }
   }
 }
 

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

@@ -3,6 +3,8 @@ import type { ComponentTreeSlot } from '@teambit/component-tree';
 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 { Icon } from '@teambit/evangelist.elements.icon';
+import satisfies from 'semver/functions/satisfies';
 import classNames from 'classnames';
 import { ComponentID } from '@teambit/component-id';
 import type { ComponentModel } from '@teambit/component';
@@ -207,6 +209,26 @@ export function ComponentView(props: ComponentViewProps) {
           (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
   }, [href, viewingMainCompOnLane, location?.pathname, component?.id.toString(), scope.name]);
 
+  const viewedVersion = React.useMemo(() => {
+    if (!location?.search) return undefined;
+    return new URLSearchParams(location.search).get('version') || undefined;
+  }, [location?.search]);
+
+  // The sidebar payload is always the component's head model, so on its own it can only reflect
+  // head deprecation. When the active component is being viewed at a historical version, surface
+  // that version's deprecation too (e.g. a range-deprecated older version of a non-deprecated head).
+  const isViewedVersionDeprecated = React.useMemo(() => {
+    if (!isActive || !viewedVersion) return false;
+    if (component.deprecation?.isDeprecate) return false; // already covered by <DeprecationIcon />
+    const range = component.deprecation?.range;
+    if (!range) return false;
+    try {
+      return satisfies(viewedVersion, range);
+    } catch {
+      return false;
+    }
+  }, [isActive, viewedVersion, component.deprecation?.isDeprecate, component.deprecation?.range]);
+
   if (isMissingCompOrEnvId) return null;
 
   const isCompModified =
@@ -240,6 +262,13 @@ export function ComponentView(props: ComponentViewProps) {
 
       <div className={styles.right}>
         <DeprecationIcon component={component} />
+        {isViewedVersionDeprecated && (
+          <Tooltip placement="bottom" content="This version is deprecated">
+            <div className={styles.deprecatedIcon}>
+              <Icon of="note-deprecated" />
+            </div>
+          </Tooltip>
+        )}
         {/* {isInternal && <Icon of="Internal" className={styles.componentIcon} />} */}
         {treeNodeSlot &&
           treeNodeSlot.toArray().map(([id, treeNode]) => <treeNode.widget key={id} component={component} />)}

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

@@ -1,6 +1,6 @@
 import { Icon } from '@teambit/evangelist.elements.icon';
 import classNames from 'classnames';
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState } from 'react';
 import AnimateHeight from 'react-animate-height';
 import { indentClass, indentStyle } from '@teambit/base-ui.graph.tree.indent';
 import type { TreeNodeProps } from '@teambit/design.ui.tree';
@@ -13,26 +13,12 @@ export type NamespaceTreeNodeProps = {} & TreeNodeProps<PayloadType>;
 
 export function NamespaceTreeNode({ node, depth }: NamespaceTreeNodeProps) {
   const { isCollapsed, activePath } = useTree();
-  const isActive = activePath?.startsWith(node.id);
+  const isActive = activePath?.startsWith(node.id) ?? false;
 
-  const initialOpen = isActive || !isCollapsed;
-  const [open, toggle] = useState<boolean | void>(initialOpen);
-
-  const firstRun = useRef(true);
-  useEffect(() => {
-    const { current } = firstRun;
-    if (current) return;
-    if (isActive === true) toggle(true);
-  }, [isActive]);
-
-  useEffect(() => {
-    if (firstRun.current) return;
-    toggle(!isCollapsed);
-  }, [isCollapsed]);
-
-  useEffect(() => {
-    firstRun.current = false;
-  }, []);
+  const [override, setOverride] = useState<{ isActive: boolean; isCollapsed?: boolean; open: boolean } | null>(null);
+  const overrideApplies = override?.isActive === isActive && override?.isCollapsed === isCollapsed;
+  const open = overrideApplies ? override!.open : isActive || !isCollapsed;
+  const toggleOpen = () => setOverride({ isActive, isCollapsed, open: !open });
 
   const displayName = getName(node.id.replace(/\/$/, ''));
   const highlighted = !open && isActive;
@@ -41,11 +27,11 @@ export function NamespaceTreeNode({ node, depth }: NamespaceTreeNodeProps) {
       {node.id && (
         <div
           className={classNames(indentClass, styles.namespace, highlighted && styles.highlighted)}
-          onClick={() => toggle(!open)}
+          onClick={toggleOpen}
           tabIndex={0}
           role="button"
           onKeyDown={(e) => {
-            if (e.key === 'Enter') toggle(!open);
+            if (e.key === 'Enter') toggleOpen();
           }}
         >
           <div className={styles.left}>

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

@@ -1,6 +1,6 @@
 import { Icon } from '@teambit/evangelist.elements.icon';
 import classNames from 'classnames';
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState } from 'react';
 import AnimateHeight from 'react-animate-height';
 
 import type { TreeNodeProps } from '@teambit/design.ui.tree';
@@ -13,31 +13,15 @@ export type ScopeTreeNodeProps = {} & TreeNodeProps<PayloadType>;
 
 export function ScopeTreeNode({ node, depth }: ScopeTreeNodeProps) {
   const { isCollapsed, activePath } = useTree();
-  const isActive = activePath?.startsWith(node.id);
+  const isActive = activePath?.startsWith(node.id) ?? false;
 
-  const initialOpen = isActive || !isCollapsed;
-
-  const [open, toggle] = useState<boolean | void>(initialOpen);
+  const [override, setOverride] = useState<{ isActive: boolean; isCollapsed?: boolean; open: boolean } | null>(null);
+  const overrideApplies = override?.isActive === isActive && override?.isCollapsed === isCollapsed;
+  const open = overrideApplies ? override!.open : isActive || !isCollapsed;
+  const toggleOpen = () => setOverride({ isActive, isCollapsed, open: !open });
 
   const displayName = getName(node.id.replace(/\/$/, ''));
 
-  const firstRun = useRef(true);
-  useEffect(() => {
-    const { current } = firstRun;
-    if (current) return;
-    if (isActive === true) toggle(true);
-  }, [isActive]);
-
-  useEffect(() => {
-    const { current } = firstRun;
-    if (current) return;
-    toggle(!isCollapsed);
-  }, [isCollapsed]);
-
-  useEffect(() => {
-    firstRun.current = false;
-  }, []);
-
   const highlighted = !open && isActive;
 
   return (
@@ -45,9 +29,9 @@ export function ScopeTreeNode({ node, depth }: ScopeTreeNodeProps) {
       {node.id && (
         <div
           className={classNames(indentClass, styles.scope, highlighted && styles.highlighted)}
-          onClick={() => toggle(!open)}
+          onClick={toggleOpen}
           onKeyDown={(e) => {
-            if (e.key === 'Enter') toggle(!open);
+            if (e.key === 'Enter') toggleOpen();
           }}
           role="button"
           tabIndex={0}

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

@@ -2,6 +2,8 @@ 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 { Icon } from '@teambit/evangelist.elements.icon';
+import satisfies from 'semver/functions/satisfies';
 import classNames from 'classnames';
 import { ComponentID } from '@teambit/component-id';
 import { ComponentUrl } from '@teambit/component.modules.component-url';
@@ -150,6 +152,29 @@ export function ComponentView(props) {
             : laneCompIdFromUrl?.toString() === compIdStr ||
                 (laneCompIdFromUrl.fullName === compIdName && componentScope === scopeFromQueryParams);
     }, [href, viewingMainCompOnLane, location?.pathname, component?.id.toString(), scope.name]);
+    const viewedVersion = React.useMemo(() => {
+        if (!location?.search)
+            return undefined;
+        return new URLSearchParams(location.search).get('version') || undefined;
+    }, [location?.search]);
+    // The sidebar payload is always the component's head model, so on its own it can only reflect
+    // head deprecation. When the active component is being viewed at a historical version, surface
+    // that version's deprecation too (e.g. a range-deprecated older version of a non-deprecated head).
+    const isViewedVersionDeprecated = React.useMemo(() => {
+        if (!isActive || !viewedVersion)
+            return false;
+        if (component.deprecation?.isDeprecate)
+            return false; // already covered by <DeprecationIcon />
+        const range = component.deprecation?.range;
+        if (!range)
+            return false;
+        try {
+            return satisfies(viewedVersion, range);
+        }
+        catch {
+            return false;
+        }
+    }, [isActive, viewedVersion, component.deprecation?.isDeprecate, component.deprecation?.range]);
     if (isMissingCompOrEnvId)
         return null;
     const isCompModified = component.status?.modifyInfo?.hasModifiedFiles || component.status?.modifyInfo?.hasModifiedDependencies;
@@ -157,7 +182,7 @@ export function ComponentView(props) {
     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 &&
+        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 }), isViewedVersionDeprecated && (_jsx(Tooltip, { placement: "bottom", content: "This version is deprecated", children: _jsx("div", { className: styles.deprecatedIcon, children: _jsx(Icon, { of: "note-deprecated" }) }) })), 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":"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"}

package/dist/component-tree/component-view/component-view.module.scss

@@ -74,6 +74,17 @@
     > :last-child() {
       margin-right: 0px;
     }
+
+    .deprecatedIcon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--bit-accent-color-warning, #f6a609);
+      // match the row's status label / canonical deprecation icon (both inherit 12px) so the
+      // glyph lines up with the adjacent "S" status rather than sitting taller next to it.
+      font-size: inherit;
+      line-height: 1;
+    }
   }
 }
 

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@teambit/evangelist.elements.icon';
 import classNames from 'classnames';
-import { useState, useEffect, useRef } from 'react';
+import { useState } from 'react';
 import AnimateHeight from 'react-animate-height';
 import { indentClass, indentStyle } from '@teambit/base-ui.graph.tree.indent';
 import { useTree, TreeLayer } from '@teambit/design.ui.tree';
@@ -9,30 +9,16 @@ import { getName } from '../utils/get-name';
 import styles from './namespace-tree-node.module.scss';
 export function NamespaceTreeNode({ node, depth }) {
     const { isCollapsed, activePath } = useTree();
-    const isActive = activePath?.startsWith(node.id);
-    const initialOpen = isActive || !isCollapsed;
-    const [open, toggle] = useState(initialOpen);
-    const firstRun = useRef(true);
-    useEffect(() => {
-        const { current } = firstRun;
-        if (current)
-            return;
-        if (isActive === true)
-            toggle(true);
-    }, [isActive]);
-    useEffect(() => {
-        if (firstRun.current)
-            return;
-        toggle(!isCollapsed);
-    }, [isCollapsed]);
-    useEffect(() => {
-        firstRun.current = false;
-    }, []);
+    const isActive = activePath?.startsWith(node.id) ?? false;
+    const [override, setOverride] = useState(null);
+    const overrideApplies = override?.isActive === isActive && override?.isCollapsed === isCollapsed;
+    const open = overrideApplies ? override.open : isActive || !isCollapsed;
+    const toggleOpen = () => setOverride({ isActive, isCollapsed, open: !open });
     const displayName = getName(node.id.replace(/\/$/, ''));
     const highlighted = !open && isActive;
-    return (_jsxs("div", { children: [node.id && (_jsx("div", { className: classNames(indentClass, styles.namespace, highlighted && styles.highlighted), onClick: () => toggle(!open), tabIndex: 0, role: "button", onKeyDown: (e) => {
+    return (_jsxs("div", { children: [node.id && (_jsx("div", { className: classNames(indentClass, styles.namespace, highlighted && styles.highlighted), onClick: toggleOpen, tabIndex: 0, role: "button", onKeyDown: (e) => {
                     if (e.key === 'Enter')
-                        toggle(!open);
+                        toggleOpen();
                 }, children: _jsxs("div", { className: styles.left, children: [_jsx(Icon, { className: classNames(styles.arrow, !open && styles.collapsed), of: "fat-arrow-down" }), _jsx("span", { className: styles.name, children: displayName })] }) })), _jsx(AnimateHeight, { height: open ? 'auto' : 0, children: _jsx("div", { style: indentStyle(depth + 1), className: classNames(styles.componentTree), children: node.children && _jsx(TreeLayer, { childNodes: node.children, depth: depth }) }) })] }));
 }
 //# sourceMappingURL=namespace-tree-node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"namespace-tree-node.js","sourceRoot":"","sources":["../../../component-tree/namespace-tree-node/namespace-tree-node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAIvD,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAA0B;IACvE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,QAAQ,IAAI,CAAC,WAAW,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAiB,WAAW,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QAC7B,IAAI,OAAO;YAAE,OAAO;QACpB,IAAI,QAAQ,KAAK,IAAI;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC7B,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC;IACtC,OAAO,CACL,0BACG,IAAI,CAAC,EAAE,IAAI,CACV,cACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAC5B,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;gBACvC,CAAC,YAED,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAC,gBAAgB,GAAG,EAC5F,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,WAAW,GAAQ,IAC9C,GACF,CACP,EACD,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YACtC,cAAK,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC,YAC5E,IAAI,CAAC,QAAQ,IAAI,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACpE,GACQ,IACZ,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"namespace-tree-node.js","sourceRoot":"","sources":["../../../component-tree/namespace-tree-node/namespace-tree-node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAIvD,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAA0B;IACvE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC;IAE1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqE,IAAI,CAAC,CAAC;IACnH,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,KAAK,QAAQ,IAAI,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC;IACjG,MAAM,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,QAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC;IACzE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC;IACtC,OAAO,CACL,0BACG,IAAI,CAAC,EAAE,IAAI,CACV,cACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC,EACvF,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBAAE,UAAU,EAAE,CAAC;gBACtC,CAAC,YAED,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAC,gBAAgB,GAAG,EAC5F,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,WAAW,GAAQ,IAC9C,GACF,CACP,EACD,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YACtC,cAAK,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC,YAC5E,IAAI,CAAC,QAAQ,IAAI,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACpE,GACQ,IACZ,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,38 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@teambit/evangelist.elements.icon';
 import classNames from 'classnames';
-import { useState, useEffect, useRef } from 'react';
+import { useState } from 'react';
 import AnimateHeight from 'react-animate-height';
 import { indentClass, indentStyle, TreeLayer, useTree } from '@teambit/design.ui.tree';
 import { getName } from '../utils/get-name';
 import styles from './scope-tree-node.module.scss';
 export function ScopeTreeNode({ node, depth }) {
     const { isCollapsed, activePath } = useTree();
-    const isActive = activePath?.startsWith(node.id);
-    const initialOpen = isActive || !isCollapsed;
-    const [open, toggle] = useState(initialOpen);
+    const isActive = activePath?.startsWith(node.id) ?? false;
+    const [override, setOverride] = useState(null);
+    const overrideApplies = override?.isActive === isActive && override?.isCollapsed === isCollapsed;
+    const open = overrideApplies ? override.open : isActive || !isCollapsed;
+    const toggleOpen = () => setOverride({ isActive, isCollapsed, open: !open });
     const displayName = getName(node.id.replace(/\/$/, ''));
-    const firstRun = useRef(true);
-    useEffect(() => {
-        const { current } = firstRun;
-        if (current)
-            return;
-        if (isActive === true)
-            toggle(true);
-    }, [isActive]);
-    useEffect(() => {
-        const { current } = firstRun;
-        if (current)
-            return;
-        toggle(!isCollapsed);
-    }, [isCollapsed]);
-    useEffect(() => {
-        firstRun.current = false;
-    }, []);
     const highlighted = !open && isActive;
-    return (_jsxs("div", { children: [node.id && (_jsx("div", { className: classNames(indentClass, styles.scope, highlighted && styles.highlighted), onClick: () => toggle(!open), onKeyDown: (e) => {
+    return (_jsxs("div", { children: [node.id && (_jsx("div", { className: classNames(indentClass, styles.scope, highlighted && styles.highlighted), onClick: toggleOpen, onKeyDown: (e) => {
                     if (e.key === 'Enter')
-                        toggle(!open);
+                        toggleOpen();
                 }, role: "button", tabIndex: 0, children: _jsxs("div", { className: styles.left, children: [_jsx(Icon, { className: classNames(styles.arrow, !open && styles.collapsed), of: "fat-arrow-down" }), _jsx(Icon, { className: styles.arrow, of: "collection-full" }), _jsx("span", { className: styles.name, children: displayName })] }) })), _jsx(AnimateHeight, { height: open ? 'auto' : 0, children: _jsx("div", { style: indentStyle(depth + 1), className: classNames(styles.componentTree), children: node.children && _jsx(TreeLayer, { childNodes: node.children, depth: depth + 1 }) }) })] }));
 }
 //# sourceMappingURL=scope-tree-node.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scope-tree-node.js","sourceRoot":"","sources":["../../../component-tree/scope-tree-node/scope-tree-node.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"scope-tree-node.js","sourceRoot":"","sources":["../../../component-tree/scope-tree-node/scope-tree-node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAGjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAInD,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAsB;IAC/D,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC;IAE1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqE,IAAI,CAAC,CAAC;IACnH,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,KAAK,QAAQ,IAAI,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC;IACjG,MAAM,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,QAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC;IACzE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC;IAEtC,OAAO,CACL,0BACG,IAAI,CAAC,EAAE,IAAI,CACV,cACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC,EACnF,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBAAE,UAAU,EAAE,CAAC;gBACtC,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,YAEX,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAC,gBAAgB,GAAG,EAC5F,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,EAAC,iBAAiB,GAAG,EACtD,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,WAAW,GAAQ,IAC9C,GACF,CACP,EACD,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YACtC,cAAK,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC,YAC5E,IAAI,CAAC,QAAQ,IAAI,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,GAAI,GACxE,GACQ,IACZ,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.935",
+  "version": "0.0.936",
   "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.935"
+    "version": "0.0.936"
   },
   "dependencies": {
     "classnames": "^2.5.1",
+    "semver": "7.7.1",
     "react-animate-height": "3.2.3",
     "@teambit/lanes.hooks.use-lanes": "0.0.293",
     "@teambit/lanes.ui.models.lanes-model": "0.0.233",
@@ -19,15 +20,16 @@
     "@teambit/design.ui.tree": "0.0.16",
     "@teambit/base-ui.theme.colors": "1.0.0",
     "@teambit/component-id": "1.2.4",
+    "@teambit/component.modules.component-url": "0.0.191",
     "@teambit/design.ui.tooltip": "0.0.383",
     "@teambit/envs.ui.env-icon": "0.0.508",
     "@teambit/base-ui.graph.tree.recursive-tree": "1.0.5",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
-    "@teambit/evangelist.elements.icon": "1.0.5",
-    "@teambit/component.modules.component-url": "0.0.191"
+    "@teambit/evangelist.elements.icon": "1.0.5"
   },
   "devDependencies": {
     "@types/classnames": "^2.3.4",
+    "@types/semver": "7.5.8",
     "@types/mocha": "9.1.0",
     "@teambit/react.v17.react-env": "1.2.6"
   },