@teambit/workspace 1.0.580 → 1.0.582

package/dist/{preview-1743132131338.js → preview-1743650367252.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.580/dist/workspace.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.580/dist/workspace.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.582/dist/workspace.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.582/dist/workspace.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/ui/workspace/workspace.js

@@ -153,16 +153,22 @@ function Workspace({
   } = (0, _useWorkspace().useWorkspace)(reactions);
   const theme = (0, _baseReactThemes().useThemePicker)();
   const currentTheme = theme?.current;
-  const [isSidebarOpen, handleSidebarToggle] = (0, _react().useReducer)(x => !x, true);
+  const [isSidebarOpen, setSidebarOpen] = (0, _react().useState)(null);
+  const handleSidebarToggle = (0, _react().useCallback)(() => {
+    setSidebarOpen(prev => !prev);
+  }, []);
   const sidebarOpenness = isSidebarOpen ? _baseUiSurfacesSplitPane().Layout.row : _baseUiSurfacesSplitPane().Layout.right;
   const themeName = currentTheme?.themeName || 'light';
   onSidebarTogglerChange(handleSidebarToggle);
   (0, _react().useEffect)(() => {
     if (!window) return;
     if (window.innerWidth <= 1024) {
-      handleSidebarToggle();
+      setSidebarOpen(false);
     }
   }, []);
+  (0, _react().useLayoutEffect)(() => {
+    setSidebarOpen(!isMinimal);
+  }, [isMinimal]);
   if (!workspace) {
     return /*#__PURE__*/_react().default.createElement("div", {
       className: _workspaceModule().default.emptyContainer
@@ -177,8 +183,8 @@ function Workspace({
     className: (0, _classnames().default)(_workspaceModule().default.topbar, _workspaceModule().default[themeName]),
     Corner: () => /*#__PURE__*/_react().default.createElement(_uiFoundationUi().Corner, {
       className: (0, _classnames().default)(isMinimal && _workspaceModule().default.minimalCorner || _workspaceModule().default.corner, _workspaceModule().default[themeName]),
-      name: workspace.name,
-      icon: workspace.icon
+      name: isMinimal ? '' : workspace.name,
+      icon: isMinimal ? 'https://static.bit.dev/bit-icons/house.svg' : workspace.icon
     })
     // @ts-ignore - getting an error of "Types have separate declarations of a private property 'registerFn'." for some reason after upgrading teambit.harmony/harmony from 0.4.6 to 0.4.7
     ,
@@ -192,7 +198,7 @@ function Workspace({
   }, sidebar), /*#__PURE__*/_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter, {
     className: _workspaceModule().default.splitter
   }, /*#__PURE__*/_react().default.createElement(_uiFoundationUiButtons().Collapser, {
-    isOpen: isSidebarOpen,
+    isOpen: Boolean(isSidebarOpen),
     onMouseDown: e => e.stopPropagation() // avoid split-pane drag
     ,
     onClick: handleSidebarToggle,

package/dist/ui/workspace/workspace.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","_pluralize","data","_interopRequireDefault","_react","_interopRequireWildcard","_reactRouterDom","_uiFoundationUiNotifications","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane","_baseReactThemes","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_workspaceUi","_classnames","_workspaceUi2","_useWorkspace","_workspaceOverview","_workspaceProvider","_workspaceModule","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Workspace","routeSlot","menuSlot","sidebar","workspaceUI","onSidebarTogglerChange","isMinimal","useWorkspaceMode","reactions","useComponentNotifications","workspace","useWorkspace","theme","useThemePicker","currentTheme","current","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","themeName","useEffect","window","innerWidth","createElement","className","styles","emptyContainer","setComponents","components","WorkspaceProvider","PreserveWorkspaceMode","workspaceWrapper","TopBar","classNames","topbar","Corner","minimalCorner","corner","name","icon","menu","SplitPane","main","size","layout","Pane","closed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","stopPropagation","onClick","tooltipContent","SlotRouter","slot","Route","index","element","WorkspaceOverview","notifications","useNotifications","useMemo","onComponentAdded","comps","notificationId","log","pluralize","length","map","comp","id","toString","join","setTimeout","dismiss","onComponentRemoved","ids"],"sources":["workspace.tsx"],"sourcesContent":["import 'reset-css';\nimport pluralize from 'pluralize';\nimport React, { useReducer, useMemo, useEffect } from 'react';\nimport { Route } from 'react-router-dom';\nimport type { ComponentModel } from '@teambit/component';\nimport type { ComponentID } from '@teambit/component-id';\nimport { useNotifications } from '@teambit/ui-foundation.ui.notifications.notification-context';\nimport { SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Corner } from '@teambit/ui-foundation.ui.corner';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { PreserveWorkspaceMode } from '@teambit/workspace.ui.preserve-workspace-mode';\nimport classNames from 'classnames';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\n\nimport { useWorkspace } from './use-workspace';\nimport { WorkspaceOverview } from './workspace-overview';\nimport { WorkspaceProvider } from './workspace-provider';\nimport styles from './workspace.module.scss';\nimport { WorkspaceUI } from '../../workspace.ui.runtime';\n\nexport type WorkspaceProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: JSX.Element;\n  workspaceUI: WorkspaceUI;\n  onSidebarTogglerChange: (callback: () => void) => void;\n};\n\n/**\n * main workspace component.\n */\nexport function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebarTogglerChange }: WorkspaceProps) {\n  const { isMinimal } = useWorkspaceMode();\n  const reactions = useComponentNotifications();\n  const { workspace } = useWorkspace(reactions);\n  const theme = useThemePicker();\n  const currentTheme = theme?.current;\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, true);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  const themeName = currentTheme?.themeName || 'light';\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  useEffect(() => {\n    if (!window) return;\n    if (window.innerWidth <= 1024) {\n      handleSidebarToggle();\n    }\n  }, []);\n\n  if (!workspace) {\n    return <div className={styles.emptyContainer}></div>;\n  }\n\n  workspaceUI.setComponents(workspace.components);\n\n  return (\n    <WorkspaceProvider workspace={workspace}>\n      <PreserveWorkspaceMode>\n        <div className={styles.workspaceWrapper}>\n          {\n            <TopBar\n              className={classNames(styles.topbar, styles[themeName])}\n              Corner={() => (\n                <Corner\n                  className={classNames((isMinimal && styles.minimalCorner) || styles.corner, styles[themeName])}\n                  name={workspace.name}\n                  icon={workspace.icon}\n                />\n              )}\n              // @ts-ignore - getting an error of \"Types have separate declarations of a private property 'registerFn'.\" for some reason after upgrading teambit.harmony/harmony from 0.4.6 to 0.4.7\n              menu={menuSlot}\n            />\n          }\n          <SplitPane className={styles.main} size={246} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, styles[themeName], !isSidebarOpen && styles.closed)}>\n              {sidebar}\n            </Pane>\n            <HoverSplitter className={styles.splitter}>\n              <Collapser\n                isOpen={isSidebarOpen}\n                onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n                onClick={handleSidebarToggle}\n                tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}\n              />\n            </HoverSplitter>\n            <Pane>\n              <SlotRouter slot={routeSlot}>\n                <Route index element={<WorkspaceOverview />} />\n              </SlotRouter>\n            </Pane>\n          </SplitPane>\n        </div>\n      </PreserveWorkspaceMode>\n    </WorkspaceProvider>\n  );\n}\nfunction useComponentNotifications() {\n  const notifications = useNotifications();\n\n  // memo not really needed, but for peace of mind\n  return useMemo(\n    () => ({\n      onComponentAdded: (comps: ComponentModel[]) => {\n        const notificationId = notifications.log(\n          `added ${pluralize('component', comps.length)}: ${comps.map((comp) => comp.id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n\n      onComponentRemoved: (ids: ComponentID[]) => {\n        const notificationId = notifications.log(\n          `removed ${pluralize('component', ids.length)} ${ids.map((id) => id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n    }),\n    [notifications]\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["require","_pluralize","data","_interopRequireDefault","_react","_interopRequireWildcard","_reactRouterDom","_uiFoundationUiNotifications","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane","_baseReactThemes","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_workspaceUi","_classnames","_workspaceUi2","_useWorkspace","_workspaceOverview","_workspaceProvider","_workspaceModule","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Workspace","routeSlot","menuSlot","sidebar","workspaceUI","onSidebarTogglerChange","isMinimal","useWorkspaceMode","reactions","useComponentNotifications","workspace","useWorkspace","theme","useThemePicker","currentTheme","current","isSidebarOpen","setSidebarOpen","useState","handleSidebarToggle","useCallback","prev","sidebarOpenness","Layout","row","right","themeName","useEffect","window","innerWidth","useLayoutEffect","createElement","className","styles","emptyContainer","setComponents","components","WorkspaceProvider","PreserveWorkspaceMode","workspaceWrapper","TopBar","classNames","topbar","Corner","minimalCorner","corner","name","icon","menu","SplitPane","main","size","layout","Pane","closed","HoverSplitter","splitter","Collapser","isOpen","Boolean","onMouseDown","stopPropagation","onClick","tooltipContent","SlotRouter","slot","Route","index","element","WorkspaceOverview","notifications","useNotifications","useMemo","onComponentAdded","comps","notificationId","log","pluralize","length","map","comp","id","toString","join","setTimeout","dismiss","onComponentRemoved","ids"],"sources":["workspace.tsx"],"sourcesContent":["import 'reset-css';\nimport pluralize from 'pluralize';\nimport React, { useState, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';\nimport { Route } from 'react-router-dom';\nimport type { ComponentModel } from '@teambit/component';\nimport type { ComponentID } from '@teambit/component-id';\nimport { useNotifications } from '@teambit/ui-foundation.ui.notifications.notification-context';\nimport { SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Corner } from '@teambit/ui-foundation.ui.corner';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { PreserveWorkspaceMode } from '@teambit/workspace.ui.preserve-workspace-mode';\nimport classNames from 'classnames';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\n\nimport { useWorkspace } from './use-workspace';\nimport { WorkspaceOverview } from './workspace-overview';\nimport { WorkspaceProvider } from './workspace-provider';\nimport styles from './workspace.module.scss';\nimport { WorkspaceUI } from '../../workspace.ui.runtime';\n\nexport type WorkspaceProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: JSX.Element;\n  workspaceUI: WorkspaceUI;\n  onSidebarTogglerChange: (callback: () => void) => void;\n};\n\n/**\n * main workspace component.\n */\nexport function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebarTogglerChange }: WorkspaceProps) {\n  const { isMinimal } = useWorkspaceMode();\n  const reactions = useComponentNotifications();\n  const { workspace } = useWorkspace(reactions);\n  const theme = useThemePicker();\n  const currentTheme = theme?.current;\n  const [isSidebarOpen, setSidebarOpen] = useState<boolean | null>(null);\n  const handleSidebarToggle = useCallback(() => {\n    setSidebarOpen(prev => !prev);\n  }, []);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  const themeName = currentTheme?.themeName || 'light';\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  useEffect(() => {\n    if (!window) return;\n    if (window.innerWidth <= 1024) {\n      setSidebarOpen(false);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    setSidebarOpen(!isMinimal);\n  }, [isMinimal]);\n\n  if (!workspace) {\n    return <div className={styles.emptyContainer}></div>;\n  }\n\n  workspaceUI.setComponents(workspace.components);\n\n  return (\n    <WorkspaceProvider workspace={workspace}>\n      <PreserveWorkspaceMode>\n        <div className={styles.workspaceWrapper}>\n          {\n            <TopBar\n              className={classNames(styles.topbar, styles[themeName])}\n              Corner={() => (\n                <Corner\n                  className={classNames((isMinimal && styles.minimalCorner) || styles.corner, styles[themeName])}\n                  name={isMinimal ? '' : workspace.name}\n                  icon={isMinimal ? 'https://static.bit.dev/bit-icons/house.svg' : workspace.icon}\n                />\n              )}\n              // @ts-ignore - getting an error of \"Types have separate declarations of a private property 'registerFn'.\" for some reason after upgrading teambit.harmony/harmony from 0.4.6 to 0.4.7\n              menu={menuSlot}\n            />\n          }\n          <SplitPane className={styles.main} size={246} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, styles[themeName], !isSidebarOpen && styles.closed)}>\n              {sidebar}\n            </Pane>\n            <HoverSplitter className={styles.splitter}>\n              <Collapser\n                isOpen={Boolean(isSidebarOpen)}\n                onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n                onClick={handleSidebarToggle}\n                tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}\n              />\n            </HoverSplitter>\n            <Pane>\n              <SlotRouter slot={routeSlot}>\n                <Route index element={<WorkspaceOverview />} />\n              </SlotRouter>\n            </Pane>\n          </SplitPane>\n        </div>\n      </PreserveWorkspaceMode>\n    </WorkspaceProvider>\n  );\n}\nfunction useComponentNotifications() {\n  const notifications = useNotifications();\n\n  // memo not really needed, but for peace of mind\n  return useMemo(\n    () => ({\n      onComponentAdded: (comps: ComponentModel[]) => {\n        const notificationId = notifications.log(\n          `added ${pluralize('component', comps.length)}: ${comps.map((comp) => comp.id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n\n      onComponentRemoved: (ids: ComponentID[]) => {\n        const notificationId = notifications.log(\n          `removed ${pluralize('component', ids.length)} ${ids.map((id) => id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n    }),\n    [notifications]\n  );\n}\n"],"mappings":";;;;;;AAAAA,OAAA;AACA,SAAAC,WAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAH,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,OAAA;EAAA,MAAAF,IAAA,GAAAG,uBAAA,CAAAL,OAAA;EAAAI,MAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAF,OAAA;EAAAM,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAK,6BAAA;EAAA,MAAAL,IAAA,GAAAF,OAAA;EAAAO,4BAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,2BAAA;EAAA,MAAAN,IAAA,GAAAF,OAAA;EAAAQ,0BAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAO,gBAAA;EAAA,MAAAP,IAAA,GAAAF,OAAA;EAAAS,eAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,uBAAA;EAAA,MAAAR,IAAA,GAAAF,OAAA;EAAAU,sBAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAS,yBAAA;EAAA,MAAAT,IAAA,GAAAF,OAAA;EAAAW,wBAAA,YAAAA,CAAA;IAAA,OAAAT,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAU,iBAAA;EAAA,MAAAV,IAAA,GAAAF,OAAA;EAAAY,gBAAA,YAAAA,CAAA;IAAA,OAAAV,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAW,0BAAA;EAAA,MAAAX,IAAA,GAAAF,OAAA;EAAAa,yBAAA,YAAAA,CAAA;IAAA,OAAAX,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAY,iBAAA;EAAA,MAAAZ,IAAA,GAAAF,OAAA;EAAAc,gBAAA,YAAAA,CAAA;IAAA,OAAAZ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAa,aAAA;EAAA,MAAAb,IAAA,GAAAF,OAAA;EAAAe,YAAA,YAAAA,CAAA;IAAA,OAAAb,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAc,YAAA;EAAA,MAAAd,IAAA,GAAAC,sBAAA,CAAAH,OAAA;EAAAgB,WAAA,YAAAA,CAAA;IAAA,OAAAd,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAe,cAAA;EAAA,MAAAf,IAAA,GAAAF,OAAA;EAAAiB,aAAA,YAAAA,CAAA;IAAA,OAAAf,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAgB,cAAA;EAAA,MAAAhB,IAAA,GAAAF,OAAA;EAAAkB,aAAA,YAAAA,CAAA;IAAA,OAAAhB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAiB,mBAAA;EAAA,MAAAjB,IAAA,GAAAF,OAAA;EAAAmB,kBAAA,YAAAA,CAAA;IAAA,OAAAjB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAkB,mBAAA;EAAA,MAAAlB,IAAA,GAAAF,OAAA;EAAAoB,kBAAA,YAAAA,CAAA;IAAA,OAAAlB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAmB,iBAAA;EAAA,MAAAnB,IAAA,GAAAC,sBAAA,CAAAH,OAAA;EAAAqB,gBAAA,YAAAA,CAAA;IAAA,OAAAnB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA6C,SAAAoB,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAlB,wBAAAkB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAA5B,uBAAAoB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAW7C;AACA;AACA;AACO,SAASmB,SAASA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAAuC,CAAC,EAAE;EAC/G,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,gCAAgB,EAAC,CAAC;EACxC,MAAMC,SAAS,GAAGC,yBAAyB,CAAC,CAAC;EAC7C,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAY,EAACH,SAAS,CAAC;EAC7C,MAAMI,KAAK,GAAG,IAAAC,iCAAc,EAAC,CAAC;EAC9B,MAAMC,YAAY,GAAGF,KAAK,EAAEG,OAAO;EACnC,MAAM,CAACC,aAAa,EAAEC,cAAc,CAAC,GAAG,IAAAC,iBAAQ,EAAiB,IAAI,CAAC;EACtE,MAAMC,mBAAmB,GAAG,IAAAC,oBAAW,EAAC,MAAM;IAC5CH,cAAc,CAACI,IAAI,IAAI,CAACA,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EACN,MAAMC,eAAe,GAAGN,aAAa,GAAGO,iCAAM,CAACC,GAAG,GAAGD,iCAAM,CAACE,KAAK;EACjE,MAAMC,SAAS,GAAGZ,YAAY,EAAEY,SAAS,IAAI,OAAO;EACpDrB,sBAAsB,CAACc,mBAAmB,CAAC;EAE3C,IAAAQ,kBAAS,EAAC,MAAM;IACd,IAAI,CAACC,MAAM,EAAE;IACb,IAAIA,MAAM,CAACC,UAAU,IAAI,IAAI,EAAE;MAC7BZ,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAa,wBAAe,EAAC,MAAM;IACpBb,cAAc,CAAC,CAACX,SAAS,CAAC;EAC5B,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAI,CAACI,SAAS,EAAE;IACd,oBAAOhD,MAAA,GAAAwB,OAAA,CAAA6C,aAAA;MAAKC,SAAS,EAAEC,0BAAM,CAACC;IAAe,CAAM,CAAC;EACtD;EAEA9B,WAAW,CAAC+B,aAAa,CAACzB,SAAS,CAAC0B,UAAU,CAAC;EAE/C,oBACE1E,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAACrD,kBAAA,GAAA2D,iBAAiB;IAAC3B,SAAS,EAAEA;EAAU,gBACtChD,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC1D,YAAA,GAAAiE,qBAAqB,qBACpB5E,MAAA,GAAAwB,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEC,0BAAM,CAACM;EAAiB,gBAEpC7E,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC3D,gBAAA,GAAAoE,MAAM;IACLR,SAAS,EAAE,IAAAS,qBAAU,EAACR,0BAAM,CAACS,MAAM,EAAET,0BAAM,CAACP,SAAS,CAAC,CAAE;IACxDiB,MAAM,EAAEA,CAAA,kBACNjF,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAChE,eAAA,GAAA4E,MAAM;MACLX,SAAS,EAAE,IAAAS,qBAAU,EAAEnC,SAAS,IAAI2B,0BAAM,CAACW,aAAa,IAAKX,0BAAM,CAACY,MAAM,EAAEZ,0BAAM,CAACP,SAAS,CAAC,CAAE;MAC/FoB,IAAI,EAAExC,SAAS,GAAG,EAAE,GAAGI,SAAS,CAACoC,IAAK;MACtCC,IAAI,EAAEzC,SAAS,GAAG,4CAA4C,GAAGI,SAAS,CAACqC;IAAK,CACjF;IAEH;IAAA;IACAC,IAAI,EAAE9C;EAAS,CAChB,CAAC,eAEJxC,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC9D,wBAAA,GAAAgF,SAAS;IAACjB,SAAS,EAAEC,0BAAM,CAACiB,IAAK;IAACC,IAAI,EAAE,GAAI;IAACC,MAAM,EAAE9B;EAAgB,gBACpE5D,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC9D,wBAAA,GAAAoF,IAAI;IAACrB,SAAS,EAAE,IAAAS,qBAAU,EAACR,0BAAM,CAAC9B,OAAO,EAAE8B,0BAAM,CAACP,SAAS,CAAC,EAAE,CAACV,aAAa,IAAIiB,0BAAM,CAACqB,MAAM;EAAE,GAC7FnD,OACG,CAAC,eACPzC,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC5D,yBAAA,GAAAoF,aAAa;IAACvB,SAAS,EAAEC,0BAAM,CAACuB;EAAS,gBACxC9F,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC/D,sBAAA,GAAAyF,SAAS;IACRC,MAAM,EAAEC,OAAO,CAAC3C,aAAa,CAAE;IAC/B4C,WAAW,EAAG/E,CAAC,IAAKA,CAAC,CAACgF,eAAe,CAAC,CAAE,CAAC;IAAA;IACzCC,OAAO,EAAE3C,mBAAoB;IAC7B4C,cAAc,EAAE,GAAG/C,aAAa,GAAG,MAAM,GAAG,MAAM;EAAc,CACjE,CACY,CAAC,eAChBtD,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAAC9D,wBAAA,GAAAoF,IAAI,qBACH3F,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAACjE,0BAAA,GAAAkG,UAAU;IAACC,IAAI,EAAEhE;EAAU,gBAC1BvC,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAACnE,eAAA,GAAAsG,KAAK;IAACC,KAAK;IAACC,OAAO,eAAE1G,MAAA,GAAAwB,OAAA,CAAA6C,aAAA,CAACtD,kBAAA,GAAA4F,iBAAiB,MAAE;EAAE,CAAE,CACpC,CACR,CACG,CACR,CACgB,CACN,CAAC;AAExB;AACA,SAAS5D,yBAAyBA,CAAA,EAAG;EACnC,MAAM6D,aAAa,GAAG,IAAAC,+CAAgB,EAAC,CAAC;;EAExC;EACA,OAAO,IAAAC,gBAAO,EACZ,OAAO;IACLC,gBAAgB,EAAGC,KAAuB,IAAK;MAC7C,MAAMC,cAAc,GAAGL,aAAa,CAACM,GAAG,CACtC,SAAS,IAAAC,oBAAS,EAAC,WAAW,EAAEH,KAAK,CAACI,MAAM,CAAC,KAAKJ,KAAK,CAACK,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,EAAE,CAACC,QAAQ,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,EACtG,CAAC;MACDC,UAAU,CAAC,MAAMd,aAAa,CAACe,OAAO,CAACV,cAAc,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IACpE,CAAC;IAEDW,kBAAkB,EAAGC,GAAkB,IAAK;MAC1C,MAAMZ,cAAc,GAAGL,aAAa,CAACM,GAAG,CACtC,WAAW,IAAAC,oBAAS,EAAC,WAAW,EAAEU,GAAG,CAACT,MAAM,CAAC,IAAIS,GAAG,CAACR,GAAG,CAAEE,EAAE,IAAKA,EAAE,CAACC,QAAQ,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,EAC5F,CAAC;MACDC,UAAU,CAAC,MAAMd,aAAa,CAACe,OAAO,CAACV,cAAc,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IACpE;EACF,CAAC,CAAC,EACF,CAACL,aAAa,CAChB,CAAC;AACH","ignoreList":[]}

package/dist/ui/workspace/workspace.module.scss

@@ -6,6 +6,7 @@
 
 .corner {
   width: 300px;
+
   &.dark {
     --bit-border-color-lightest: #333333;
     --bit-text-color-heavy: white;
@@ -13,11 +14,27 @@
 }
 
 .minimalCorner {
-  width: 130px;
+  width: fit-content;
+
   &.dark {
     --bit-border-color-lightest: #333333;
     --bit-text-color-heavy: white;
   }
+
+  >a {
+    &[aria-current="page"]>img {
+      filter: invert(31%) sepia(75%) saturate(3183%) hue-rotate(235deg) brightness(99%) contrast(108%);
+    }
+
+    >img {
+      width: 22px;
+      height: 22px;
+
+      &:hover {
+        filter: invert(31%) sepia(75%) saturate(3183%) hue-rotate(235deg) brightness(99%) contrast(108%);
+      }
+    }
+  }
 }
 
 .workspaceWrapper {
@@ -29,28 +46,34 @@
 
 .topbar {
   flex: none;
+
   &.dark {
     --bit-bg-heaviest: #333333;
     --bit-accent-color: #6a57fd;
     --bit-bg-heavy: #2c2b36;
+
     div[class*='versionMenuContainer'] {
       --bit-bg-heavy: #f4f5f6;
     }
+
     div[class*='useBox'] {
       div[class*='placeholder'] {
         --bit-bg-color: transparent;
+
         &:hover {
           color: #2b2b2b;
         }
       }
+
       &[data-open='true'] {
         div[class*='placeholder'] {
           color: #2b2b2b;
         }
       }
     }
+
     div[class*='iconAnchor'] {
-      > span {
+      >span {
         color: white;
       }
     }
@@ -84,12 +107,14 @@
   &.closed {
     overflow: hidden;
   }
+
   &.dark {
     background-color: #333333;
+
     a[class*='laneGalleryIcon'] {
-      > img {
+      >img {
         filter: invert(1);
       }
     }
   }
-}
+}

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

@@ -77,7 +77,7 @@ export declare class WorkspaceUI {
     private menuItems;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static slots: (((registerFn: () => string) => SlotRegistry<ComponentTreeNode>) | ((registerFn: () => string) => SlotRegistry<RouteProps>) | ((registerFn: () => string) => SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => SlotRegistry<DrawerWidgetSlot>) | ((registerFn: () => string) => SlotRegistry<MenuWidgetSlot>))[];
+    static slots: (((registerFn: () => string) => SlotRegistry<RouteProps>) | ((registerFn: () => string) => SlotRegistry<ComponentTreeNode>) | ((registerFn: () => string) => SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => SlotRegistry<DrawerWidgetSlot>) | ((registerFn: () => string) => SlotRegistry<MenuWidgetSlot>))[];
     static provider([ui, componentUi, sidebar, componentTree, commandBarUI, graphUI]: [
         UiUI,
         ComponentUI,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "1.0.580",
+  "version": "1.0.582",
   "homepage": "https://bit.cloud/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "1.0.580"
+    "version": "1.0.582"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -52,9 +52,9 @@
     "@teambit/explorer.ui.gallery.component-grid": "0.0.496",
     "@teambit/scopes.scope-id": "0.0.7",
     "@teambit/workspace.ui.empty-workspace": "0.0.509",
-    "@teambit/component": "1.0.580",
-    "@teambit/dependency-resolver": "1.0.580",
-    "@teambit/envs": "1.0.580",
+    "@teambit/component": "1.0.582",
+    "@teambit/dependency-resolver": "1.0.582",
+    "@teambit/envs": "1.0.582",
     "@teambit/legacy.extension-data": "0.0.47",
     "@teambit/legacy.scope": "0.0.45",
     "@teambit/legacy.consumer-component": "0.0.46",
@@ -62,29 +62,29 @@
     "@teambit/legacy.bit-map": "0.0.102",
     "@teambit/toolbox.fs.last-modified": "0.0.5",
     "@teambit/toolbox.path.path": "0.0.8",
-    "@teambit/logger": "0.0.1250",
-    "@teambit/objects": "0.0.87",
-    "@teambit/scope": "1.0.580",
-    "@teambit/graph": "1.0.580",
-    "@teambit/cli": "0.0.1157",
-    "@teambit/isolator": "1.0.580",
-    "@teambit/component-tree": "1.0.580",
+    "@teambit/logger": "0.0.1252",
+    "@teambit/objects": "0.0.89",
+    "@teambit/scope": "1.0.582",
+    "@teambit/graph": "1.0.582",
+    "@teambit/cli": "0.0.1159",
+    "@teambit/isolator": "1.0.582",
+    "@teambit/component-tree": "1.0.582",
     "@teambit/legacy.constants": "0.0.11",
     "@teambit/harmony.modules.resolved-component": "0.0.502",
     "@teambit/legacy.utils": "0.0.19",
-    "@teambit/watcher": "1.0.580",
-    "@teambit/aspect-loader": "1.0.580",
-    "@teambit/config-store": "0.0.37",
-    "@teambit/config": "0.0.1331",
+    "@teambit/watcher": "1.0.582",
+    "@teambit/aspect-loader": "1.0.582",
+    "@teambit/config-store": "0.0.39",
+    "@teambit/config": "0.0.1333",
     "@teambit/harmony.modules.requireable-component": "0.0.502",
     "@teambit/toolbox.modules.module-resolver": "0.0.11",
     "@teambit/workspace.modules.node-modules-linker": "0.0.273",
-    "@teambit/graphql": "1.0.580",
-    "@teambit/bundler": "1.0.580",
-    "@teambit/global-config": "0.0.1160",
+    "@teambit/graphql": "1.0.582",
+    "@teambit/bundler": "1.0.582",
+    "@teambit/global-config": "0.0.1162",
     "@teambit/legacy.consumer-config": "0.0.45",
-    "@teambit/ui": "1.0.580",
-    "@teambit/variants": "0.0.1424",
+    "@teambit/ui": "1.0.582",
+    "@teambit/variants": "0.0.1426",
     "@teambit/component-issues": "0.0.157",
     "@teambit/component.sources": "0.0.97",
     "@teambit/harmony.modules.in-memory-cache": "0.0.13",
@@ -99,19 +99,19 @@
     "@teambit/lanes.hooks.use-lanes": "0.0.285",
     "@teambit/lanes.ui.models.lanes-model": "0.0.225",
     "@teambit/ui-foundation.ui.side-bar": "0.0.906",
-    "@teambit/command-bar": "1.0.580",
+    "@teambit/command-bar": "1.0.582",
     "@teambit/component.ui.component-filters.component-filter-context": "0.0.235",
     "@teambit/component.ui.component-filters.deprecate-filter": "0.0.233",
     "@teambit/component.ui.component-filters.env-filter": "0.0.250",
     "@teambit/component.ui.component-filters.show-main-filter": "0.0.226",
-    "@teambit/sidebar": "1.0.580",
+    "@teambit/sidebar": "1.0.582",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.516",
-    "@teambit/pubsub": "1.0.580",
+    "@teambit/pubsub": "1.0.582",
     "@teambit/harmony.modules.concurrency": "0.0.12",
     "@teambit/toolbox.promise.map-pool": "0.0.6",
     "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
     "@teambit/component-descriptor": "0.0.433",
-    "@teambit/deprecation": "1.0.580",
+    "@teambit/deprecation": "1.0.582",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.227",
     "@teambit/workspace.ui.preserve-workspace-mode": "0.0.2",
     "@teambit/cloud.hooks.use-cloud-scopes": "0.0.8",

package/ui/workspace/workspace.module.scss

@@ -6,6 +6,7 @@
 
 .corner {
   width: 300px;
+
   &.dark {
     --bit-border-color-lightest: #333333;
     --bit-text-color-heavy: white;
@@ -13,11 +14,27 @@
 }
 
 .minimalCorner {
-  width: 130px;
+  width: fit-content;
+
   &.dark {
     --bit-border-color-lightest: #333333;
     --bit-text-color-heavy: white;
   }
+
+  >a {
+    &[aria-current="page"]>img {
+      filter: invert(31%) sepia(75%) saturate(3183%) hue-rotate(235deg) brightness(99%) contrast(108%);
+    }
+
+    >img {
+      width: 22px;
+      height: 22px;
+
+      &:hover {
+        filter: invert(31%) sepia(75%) saturate(3183%) hue-rotate(235deg) brightness(99%) contrast(108%);
+      }
+    }
+  }
 }
 
 .workspaceWrapper {
@@ -29,28 +46,34 @@
 
 .topbar {
   flex: none;
+
   &.dark {
     --bit-bg-heaviest: #333333;
     --bit-accent-color: #6a57fd;
     --bit-bg-heavy: #2c2b36;
+
     div[class*='versionMenuContainer'] {
       --bit-bg-heavy: #f4f5f6;
     }
+
     div[class*='useBox'] {
       div[class*='placeholder'] {
         --bit-bg-color: transparent;
+
         &:hover {
           color: #2b2b2b;
         }
       }
+
       &[data-open='true'] {
         div[class*='placeholder'] {
           color: #2b2b2b;
         }
       }
     }
+
     div[class*='iconAnchor'] {
-      > span {
+      >span {
         color: white;
       }
     }
@@ -84,12 +107,14 @@
   &.closed {
     overflow: hidden;
   }
+
   &.dark {
     background-color: #333333;
+
     a[class*='laneGalleryIcon'] {
-      > img {
+      >img {
         filter: invert(1);
       }
     }
   }
-}
+}

package/ui/workspace/workspace.tsx

@@ -1,6 +1,6 @@
 import 'reset-css';
 import pluralize from 'pluralize';
-import React, { useReducer, useMemo, useEffect } from 'react';
+import React, { useState, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
 import { Route } from 'react-router-dom';
 import type { ComponentModel } from '@teambit/component';
 import type { ComponentID } from '@teambit/component-id';
@@ -40,7 +40,10 @@ export function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebar
   const { workspace } = useWorkspace(reactions);
   const theme = useThemePicker();
   const currentTheme = theme?.current;
-  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, true);
+  const [isSidebarOpen, setSidebarOpen] = useState<boolean | null>(null);
+  const handleSidebarToggle = useCallback(() => {
+    setSidebarOpen(prev => !prev);
+  }, []);
   const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;
   const themeName = currentTheme?.themeName || 'light';
   onSidebarTogglerChange(handleSidebarToggle);
@@ -48,10 +51,14 @@ export function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebar
   useEffect(() => {
     if (!window) return;
     if (window.innerWidth <= 1024) {
-      handleSidebarToggle();
+      setSidebarOpen(false);
     }
   }, []);
 
+  useLayoutEffect(() => {
+    setSidebarOpen(!isMinimal);
+  }, [isMinimal]);
+
   if (!workspace) {
     return <div className={styles.emptyContainer}></div>;
   }
@@ -68,8 +75,8 @@ export function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebar
               Corner={() => (
                 <Corner
                   className={classNames((isMinimal && styles.minimalCorner) || styles.corner, styles[themeName])}
-                  name={workspace.name}
-                  icon={workspace.icon}
+                  name={isMinimal ? '' : workspace.name}
+                  icon={isMinimal ? 'https://static.bit.dev/bit-icons/house.svg' : workspace.icon}
                 />
               )}
               // @ts-ignore - getting an error of "Types have separate declarations of a private property 'registerFn'." for some reason after upgrading teambit.harmony/harmony from 0.4.6 to 0.4.7
@@ -82,7 +89,7 @@ export function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebar
             </Pane>
             <HoverSplitter className={styles.splitter}>
               <Collapser
-                isOpen={isSidebarOpen}
+                isOpen={Boolean(isSidebarOpen)}
                 onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag
                 onClick={handleSidebarToggle}
                 tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}