@teambit/workspace 1.0.2 → 1.0.3

package/dist/preview-1695271419280.js

@@ -0,0 +1,7 @@
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@1.0.3/dist/workspace.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.workspace_workspace@1.0.3/dist/workspace.docs.mdx';
+
+export const compositions = [compositions_0];
+export const overview = [overview_0];
+
+export const compositions_metadata = {"compositions":[{"displayName":"Logo","identifier":"Logo"}]};

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import 'reset-css';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
-import WorkspaceUI from '../../workspace.ui.runtime';
+import { WorkspaceUI } from '../../workspace.ui.runtime';
 export declare type WorkspaceProps = {
     routeSlot: RouteSlot;
     menuSlot: RouteSlot;

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

@@ -1 +1 @@
-{"version":3,"names":["require","_pluralize","data","_interopRequireDefault","_react","_interopRequireWildcard","_reactRouterDom","_uiFoundationUiNotifications","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_classnames","_useWorkspace","_workspaceOverview","_workspaceProvider","_workspaceModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Workspace","routeSlot","menuSlot","sidebar","workspaceUI","onSidebarTogglerChange","reactions","useComponentNotifications","workspace","useWorkspace","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","createElement","className","styles","emptyContainer","setComponents","components","WorkspaceProvider","workspaceWrapper","TopBar","topbar","Corner","corner","name","icon","menu","SplitPane","main","size","layout","Pane","classNames","closed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","e","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 } 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 { RouteSlot, SlotRouter } 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 { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport classNames from 'classnames';\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 reactions = useComponentNotifications();\n  const { workspace } = useWorkspace(reactions);\n\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, true);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n\n  onSidebarTogglerChange(handleSidebarToggle);\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      <div className={styles.workspaceWrapper}>\n        <TopBar\n          className={styles.topbar}\n          Corner={() => <Corner className={styles.corner} name={workspace.name} icon={workspace.icon} />}\n          menu={menuSlot}\n        />\n\n        <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>\n          <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.closed)}>{sidebar}</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    </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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"}
+{"version":3,"names":["require","_pluralize","data","_interopRequireDefault","_react","_interopRequireWildcard","_reactRouterDom","_uiFoundationUiNotifications","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_classnames","_useWorkspace","_workspaceOverview","_workspaceProvider","_workspaceModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Workspace","routeSlot","menuSlot","sidebar","workspaceUI","onSidebarTogglerChange","reactions","useComponentNotifications","workspace","useWorkspace","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","createElement","className","styles","emptyContainer","setComponents","components","WorkspaceProvider","workspaceWrapper","TopBar","topbar","Corner","corner","name","icon","menu","SplitPane","main","size","layout","Pane","classNames","closed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","e","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 } 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 { RouteSlot, SlotRouter } 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 { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport classNames from 'classnames';\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 reactions = useComponentNotifications();\n  const { workspace } = useWorkspace(reactions);\n\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, true);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n\n  onSidebarTogglerChange(handleSidebarToggle);\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      <div className={styles.workspaceWrapper}>\n        <TopBar\n          className={styles.topbar}\n          Corner={() => <Corner className={styles.corner} name={workspace.name} icon={workspace.icon} />}\n          menu={menuSlot}\n        />\n\n        <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>\n          <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.closed)}>{sidebar}</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    </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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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "homepage": "https://bit.cloud/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "1.0.2"
+    "version": "1.0.3"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -36,53 +36,53 @@
     "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
     "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
     "@teambit/explorer.ui.gallery.component-grid": "0.0.496",
-    "@teambit/component": "1.0.2",
-    "@teambit/dependency-resolver": "1.0.2",
-    "@teambit/envs": "1.0.2",
+    "@teambit/component": "1.0.3",
+    "@teambit/dependency-resolver": "1.0.3",
+    "@teambit/envs": "1.0.3",
     "@teambit/bit-error": "0.0.404",
-    "@teambit/lane-id": "0.0.297",
-    "@teambit/logger": "0.0.877",
-    "@teambit/scope": "1.0.2",
-    "@teambit/graph": "1.0.2",
-    "@teambit/cli": "0.0.784",
-    "@teambit/isolator": "1.0.2",
-    "@teambit/component-tree": "1.0.2",
+    "@teambit/lane-id": "0.0.298",
+    "@teambit/logger": "0.0.878",
+    "@teambit/scope": "1.0.3",
+    "@teambit/graph": "1.0.3",
+    "@teambit/cli": "0.0.785",
+    "@teambit/isolator": "1.0.3",
+    "@teambit/component-tree": "1.0.3",
     "@teambit/component.ui.component-status-resolver": "0.0.510",
     "@teambit/harmony.modules.resolved-component": "0.0.493",
-    "@teambit/compiler": "1.0.2",
-    "@teambit/aspect-loader": "1.0.2",
-    "@teambit/config": "0.0.799",
-    "@teambit/global-config": "0.0.786",
+    "@teambit/compiler": "1.0.3",
+    "@teambit/aspect-loader": "1.0.3",
+    "@teambit/config": "0.0.800",
+    "@teambit/global-config": "0.0.787",
     "@teambit/harmony.modules.requireable-component": "0.0.493",
     "@teambit/toolbox.modules.module-resolver": "0.0.3",
-    "@teambit/workspace.modules.node-modules-linker": "0.0.126",
-    "@teambit/graphql": "1.0.2",
-    "@teambit/bundler": "1.0.2",
-    "@teambit/pubsub": "1.0.2",
-    "@teambit/ui": "1.0.2",
-    "@teambit/variants": "0.0.891",
+    "@teambit/workspace.modules.node-modules-linker": "0.0.127",
+    "@teambit/graphql": "1.0.3",
+    "@teambit/bundler": "1.0.3",
+    "@teambit/pubsub": "1.0.3",
+    "@teambit/ui": "1.0.3",
+    "@teambit/variants": "0.0.892",
     "@teambit/component-issues": "0.0.97",
     "@teambit/component-version": "1.0.2",
     "@teambit/dependencies.modules.packages-excluder": "1.0.4",
     "@teambit/workspace.modules.match-pattern": "0.0.500",
-    "@teambit/component.ui.component-drawer": "0.0.343",
-    "@teambit/lanes.hooks.use-lane-components": "0.0.245",
-    "@teambit/lanes.hooks.use-lanes": "0.0.246",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.199",
-    "@teambit/ui-foundation.ui.side-bar": "0.0.860",
-    "@teambit/command-bar": "1.0.2",
-    "@teambit/component.ui.component-filters.component-filter-context": "0.0.206",
-    "@teambit/component.ui.component-filters.deprecate-filter": "0.0.206",
-    "@teambit/component.ui.component-filters.env-filter": "0.0.212",
-    "@teambit/component.ui.component-filters.show-main-filter": "0.0.199",
-    "@teambit/sidebar": "1.0.2",
+    "@teambit/component.ui.component-drawer": "0.0.344",
+    "@teambit/lanes.hooks.use-lane-components": "0.0.246",
+    "@teambit/lanes.hooks.use-lanes": "0.0.247",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.200",
+    "@teambit/ui-foundation.ui.side-bar": "0.0.861",
+    "@teambit/command-bar": "1.0.3",
+    "@teambit/component.ui.component-filters.component-filter-context": "0.0.207",
+    "@teambit/component.ui.component-filters.deprecate-filter": "0.0.207",
+    "@teambit/component.ui.component-filters.env-filter": "0.0.213",
+    "@teambit/component.ui.component-filters.show-main-filter": "0.0.200",
+    "@teambit/sidebar": "1.0.3",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.502",
     "@teambit/ui-foundation.ui.menu": "0.0.502",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.506",
     "@teambit/ui-foundation.ui.tree.drawer": "0.0.517",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.505",
-    "@teambit/component-descriptor": "0.0.351",
-    "@teambit/deprecation": "1.0.2",
+    "@teambit/component-descriptor": "0.0.352",
+    "@teambit/deprecation": "1.0.3",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.212",
     "@teambit/ui-foundation.ui.corner": "0.0.517",
@@ -110,7 +110,7 @@
   "peerDependencies": {
     "@apollo/client": "^3.6.0",
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.566",
+    "@teambit/legacy": "1.0.567",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },

package/ui/workspace/workspace.tsx

@@ -17,7 +17,7 @@ import { useWorkspace } from './use-workspace';
 import { WorkspaceOverview } from './workspace-overview';
 import { WorkspaceProvider } from './workspace-provider';
 import styles from './workspace.module.scss';
-import WorkspaceUI from '../../workspace.ui.runtime';
+import { WorkspaceUI } from '../../workspace.ui.runtime';
 
 export type WorkspaceProps = {
   routeSlot: RouteSlot;

package/dist/preview-1695239591785.js

@@ -1,7 +0,0 @@
-import * as compositions_0 from '/Users/davidfirst/Library/Caches/Bit/capsules/633786a8db5eb76897544549d9cae6b12f050100/teambit.workspace_workspace@1.0.2/dist/workspace.composition.js';
-import * as overview_0 from '/Users/davidfirst/Library/Caches/Bit/capsules/633786a8db5eb76897544549d9cae6b12f050100/teambit.workspace_workspace@1.0.2/dist/workspace.docs.mdx';
-
-export const compositions = [compositions_0];
-export const overview = [overview_0];
-
-export const compositions_metadata = {"compositions":[{"displayName":"Logo","identifier":"Logo"}]};