@teambit/scope 0.0.881 → 0.0.883

package/dist/ui/scope.js

@@ -1,180 +1,126 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Scope = Scope;
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 require("reset-css");
-
 function _classnames() {
   const data = _interopRequireDefault(require("classnames"));
-
   _classnames = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiSurfacesSplitPane() {
   const data = require("@teambit/base-ui.surfaces.split-pane.split-pane");
-
   _baseUiSurfacesSplitPane = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiReactRouter() {
   const data = require("@teambit/ui-foundation.ui.react-router.slot-router");
-
   _uiFoundationUiReactRouter = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi() {
   const data = require("@teambit/ui-foundation.ui.corner");
-
   _uiFoundationUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiButtons() {
   const data = require("@teambit/ui-foundation.ui.buttons.collapser");
-
   _uiFoundationUiButtons = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiSurfacesSplitPane2() {
   const data = require("@teambit/base-ui.surfaces.split-pane.hover-splitter");
-
   _baseUiSurfacesSplitPane2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi2() {
   const data = require("@teambit/ui-foundation.ui.top-bar");
-
   _uiFoundationUi2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiUtils() {
   const data = require("@teambit/base-ui.utils.composer");
-
   _baseUiUtils = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUi3() {
   const data = require("@teambit/ui-foundation.ui.full-loader");
-
   _uiFoundationUi3 = function () {
     return data;
   };
-
   return data;
 }
-
 function _reactRouterDom() {
   const data = require("react-router-dom");
-
   _reactRouterDom = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiHooks() {
   const data = require("@teambit/ui-foundation.ui.hooks.use-is-mobile");
-
   _uiFoundationUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUiHooks() {
   const data = require("@teambit/scope.ui.hooks.scope-context");
-
   _scopeUiHooks = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeUiHooks2() {
   const data = require("@teambit/scope.ui.hooks.use-scope");
-
   _scopeUiHooks2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeOverview() {
   const data = require("./scope-overview");
-
   _scopeOverview = function () {
     return data;
   };
-
   return data;
 }
-
 function _scopeModule() {
   const data = _interopRequireDefault(require("./scope.module.scss"));
-
   _scopeModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * root component of the scope
  */
@@ -201,11 +147,9 @@ function Scope({
   const isMobile = (0, _uiFoundationUiHooks().useIsMobile)();
   const [isSidebarOpen, handleSidebarToggle] = (0, _react().useReducer)(x => !x, !isMobile);
   const sidebarOpenness = isSidebarOpen ? _baseUiSurfacesSplitPane().Layout.row : _baseUiSurfacesSplitPane().Layout.right;
-
   if (!scope) {
     return /*#__PURE__*/_react().default.createElement(_uiFoundationUi3().FullLoader, null);
   }
-
   const CornerOverride = TargetCorner || (cornerSlot === null || cornerSlot === void 0 ? void 0 : cornerSlot.values()[0]);
   scopeUi.setComponents(scope.components);
   const Context = context.map(ctx => [ctx, {
@@ -273,7 +217,6 @@ function Scope({
     })
   })))))));
 }
-
 function PaneContainer({
   children,
   Wrapper

package/dist/ui/scope.js.map

@@ -1 +1 @@
-{"version":3,"names":["Scope","routeSlot","menuSlot","sidebar","scopeUi","badgeSlot","overviewLineSlot","cornerSlot","PaneWrapper","context","paneClassName","TargetScopeOverview","TargetCorner","onSidebarTogglerChange","userUseScopeQuery","scopeClassName","scope","useScopeQuery","isMobile","useIsMobile","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","CornerOverride","values","setComponents","components","Context","map","ctx","classNames","styles","topbar","name","whiteCorner","main","splitter","e","stopPropagation","pane","PaneContainer","children","Wrapper"],"sources":["scope.tsx"],"sourcesContent":["import React, { useReducer, ComponentType, ReactNode } from 'react';\nimport 'reset-css';\nimport classNames from 'classnames';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\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 { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { Composer, ComponentTuple } from '@teambit/base-ui.utils.composer';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport { Route } from 'react-router-dom';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { ScopeProvider } from '@teambit/scope.ui.hooks.scope-context';\nimport { useScopeQuery } from '@teambit/scope.ui.hooks.use-scope';\nimport { ScopeOverview } from './scope-overview';\nimport styles from './scope.module.scss';\nimport ScopeUI, { ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';\nimport { ScopeModel } from '..';\n\nexport type ScopeProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: JSX.Element;\n  scopeUi: ScopeUI;\n  badgeSlot: ScopeBadgeSlot;\n  overviewLineSlot: OverviewLineSlot;\n  cornerSlot: CornerSlot;\n  context: ScopeContextType[];\n  TargetScopeOverview?: ComponentType;\n  userUseScopeQuery?: () => { scope: ScopeModel | undefined };\n  onSidebarTogglerChange: (callback: () => void) => void;\n  TargetCorner?: ComponentType;\n  paneClassName?: string;\n  scopeClassName?: string;\n  PaneWrapper?: ComponentType<{ children: ReactNode }>;\n};\n\n/**\n * root component of the scope\n */\nexport function Scope({\n  routeSlot,\n  menuSlot,\n  sidebar,\n  scopeUi,\n  badgeSlot,\n  overviewLineSlot,\n  cornerSlot,\n  PaneWrapper,\n  context = [],\n  paneClassName,\n  TargetScopeOverview,\n  TargetCorner,\n  onSidebarTogglerChange,\n  userUseScopeQuery,\n  scopeClassName,\n}: ScopeProps) {\n  const { scope } = userUseScopeQuery ? userUseScopeQuery() : useScopeQuery();\n  const isMobile = useIsMobile();\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, !isMobile);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  if (!scope) {\n    return <FullLoader />;\n  }\n  const CornerOverride = TargetCorner || cornerSlot?.values()[0];\n  scopeUi.setComponents(scope.components);\n  const Context = context.map((ctx) => [ctx, { scope }] as ComponentTuple);\n\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  return (\n    <ScopeProvider scope={scope}>\n      <Composer components={Context}>\n        <div className={classNames(styles.scope, scopeClassName)}>\n          <TopBar\n            className={styles.topbar}\n            Corner={() => {\n              if (CornerOverride) return <CornerOverride />;\n              return <Corner name={scope.name} className={styles.whiteCorner} />;\n            }}\n            menu={menuSlot}\n          />\n\n          <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>\n            <Pane className={styles.sidebar}>{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\n            {\n              /**\n               * @hack - discuss with Ran why we need a PaneWrapper as a parent of the Pane\n               * conditionally rendering it makes sure that it doesn't break the code tab layout\n               */\n              (PaneWrapper && (\n                <PaneContainer Wrapper={PaneWrapper}>\n                  <Pane className={classNames(paneClassName, styles.pane)}>\n                    <SlotRouter slot={routeSlot}>\n                      <Route\n                        index\n                        element={\n                          <ScopeOverview\n                            badgeSlot={badgeSlot}\n                            overviewSlot={overviewLineSlot}\n                            TargetOverview={TargetScopeOverview}\n                          />\n                        }\n                      />\n                    </SlotRouter>\n                  </Pane>\n                </PaneContainer>\n              )) || (\n                <Pane className={classNames(paneClassName, styles.pane)}>\n                  <SlotRouter slot={routeSlot}>\n                    <Route\n                      index\n                      element={\n                        <ScopeOverview\n                          badgeSlot={badgeSlot}\n                          overviewSlot={overviewLineSlot}\n                          TargetOverview={TargetScopeOverview}\n                        />\n                      }\n                    />\n                  </SlotRouter>\n                </Pane>\n              )\n            }\n          </SplitPane>\n        </div>\n      </Composer>\n    </ScopeProvider>\n  );\n}\n\nfunction PaneContainer({\n  children,\n  Wrapper,\n}: {\n  children: ReactNode;\n  Wrapper: ComponentType<{ children: ReactNode }>;\n}) {\n  return <Wrapper>{children}</Wrapper>;\n}\n"],"mappings":"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"}
+{"version":3,"names":["Scope","routeSlot","menuSlot","sidebar","scopeUi","badgeSlot","overviewLineSlot","cornerSlot","PaneWrapper","context","paneClassName","TargetScopeOverview","TargetCorner","onSidebarTogglerChange","userUseScopeQuery","scopeClassName","scope","useScopeQuery","isMobile","useIsMobile","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","CornerOverride","values","setComponents","components","Context","map","ctx","classNames","styles","topbar","name","whiteCorner","main","splitter","e","stopPropagation","pane","PaneContainer","children","Wrapper"],"sources":["scope.tsx"],"sourcesContent":["import React, { useReducer, ComponentType, ReactNode } from 'react';\nimport 'reset-css';\nimport classNames from 'classnames';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\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 { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { Composer, ComponentTuple } from '@teambit/base-ui.utils.composer';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport { Route } from 'react-router-dom';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { ScopeProvider } from '@teambit/scope.ui.hooks.scope-context';\nimport { useScopeQuery } from '@teambit/scope.ui.hooks.use-scope';\nimport { ScopeOverview } from './scope-overview';\nimport styles from './scope.module.scss';\nimport ScopeUI, { ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';\nimport { ScopeModel } from '..';\n\nexport type ScopeProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: JSX.Element;\n  scopeUi: ScopeUI;\n  badgeSlot: ScopeBadgeSlot;\n  overviewLineSlot: OverviewLineSlot;\n  cornerSlot: CornerSlot;\n  context: ScopeContextType[];\n  TargetScopeOverview?: ComponentType;\n  userUseScopeQuery?: () => { scope: ScopeModel | undefined };\n  onSidebarTogglerChange: (callback: () => void) => void;\n  TargetCorner?: ComponentType;\n  paneClassName?: string;\n  scopeClassName?: string;\n  PaneWrapper?: ComponentType<{ children: ReactNode }>;\n};\n\n/**\n * root component of the scope\n */\nexport function Scope({\n  routeSlot,\n  menuSlot,\n  sidebar,\n  scopeUi,\n  badgeSlot,\n  overviewLineSlot,\n  cornerSlot,\n  PaneWrapper,\n  context = [],\n  paneClassName,\n  TargetScopeOverview,\n  TargetCorner,\n  onSidebarTogglerChange,\n  userUseScopeQuery,\n  scopeClassName,\n}: ScopeProps) {\n  const { scope } = userUseScopeQuery ? userUseScopeQuery() : useScopeQuery();\n  const isMobile = useIsMobile();\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, !isMobile);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  if (!scope) {\n    return <FullLoader />;\n  }\n  const CornerOverride = TargetCorner || cornerSlot?.values()[0];\n  scopeUi.setComponents(scope.components);\n  const Context = context.map((ctx) => [ctx, { scope }] as ComponentTuple);\n\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  return (\n    <ScopeProvider scope={scope}>\n      <Composer components={Context}>\n        <div className={classNames(styles.scope, scopeClassName)}>\n          <TopBar\n            className={styles.topbar}\n            Corner={() => {\n              if (CornerOverride) return <CornerOverride />;\n              return <Corner name={scope.name} className={styles.whiteCorner} />;\n            }}\n            menu={menuSlot}\n          />\n\n          <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>\n            <Pane className={styles.sidebar}>{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\n            {\n              /**\n               * @hack - discuss with Ran why we need a PaneWrapper as a parent of the Pane\n               * conditionally rendering it makes sure that it doesn't break the code tab layout\n               */\n              (PaneWrapper && (\n                <PaneContainer Wrapper={PaneWrapper}>\n                  <Pane className={classNames(paneClassName, styles.pane)}>\n                    <SlotRouter slot={routeSlot}>\n                      <Route\n                        index\n                        element={\n                          <ScopeOverview\n                            badgeSlot={badgeSlot}\n                            overviewSlot={overviewLineSlot}\n                            TargetOverview={TargetScopeOverview}\n                          />\n                        }\n                      />\n                    </SlotRouter>\n                  </Pane>\n                </PaneContainer>\n              )) || (\n                <Pane className={classNames(paneClassName, styles.pane)}>\n                  <SlotRouter slot={routeSlot}>\n                    <Route\n                      index\n                      element={\n                        <ScopeOverview\n                          badgeSlot={badgeSlot}\n                          overviewSlot={overviewLineSlot}\n                          TargetOverview={TargetScopeOverview}\n                        />\n                      }\n                    />\n                  </SlotRouter>\n                </Pane>\n              )\n            }\n          </SplitPane>\n        </div>\n      </Composer>\n    </ScopeProvider>\n  );\n}\n\nfunction PaneContainer({\n  children,\n  Wrapper,\n}: {\n  children: ReactNode;\n  Wrapper: ComponentType<{ children: ReactNode }>;\n}) {\n  return <Wrapper>{children}</Wrapper>;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/scope",
-  "version": "0.0.881",
+  "version": "0.0.883",
   "homepage": "https://bit.dev/teambit/scope/scope",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.scope",
     "name": "scope",
-    "version": "0.0.881"
+    "version": "0.0.883"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -28,19 +28,19 @@
     "@teambit/scope.models.scope-model": "0.0.248",
     "@teambit/scope.ui.hooks.scope-context": "0.0.248",
     "@teambit/cli": "0.0.591",
-    "@teambit/component": "0.0.881",
+    "@teambit/component": "0.0.883",
     "@teambit/logger": "0.0.684",
-    "@teambit/aspect-loader": "0.0.881",
+    "@teambit/aspect-loader": "0.0.883",
     "@teambit/bit-error": "0.0.400",
-    "@teambit/builder": "0.0.881",
-    "@teambit/compiler": "0.0.881",
-    "@teambit/envs": "0.0.881",
+    "@teambit/builder": "0.0.883",
+    "@teambit/compiler": "0.0.883",
+    "@teambit/envs": "0.0.883",
     "@teambit/express": "0.0.689",
-    "@teambit/graphql": "0.0.881",
+    "@teambit/graphql": "0.0.883",
     "@teambit/harmony.modules.requireable-component": "0.0.490",
-    "@teambit/isolator": "0.0.881",
+    "@teambit/isolator": "0.0.883",
     "@teambit/legacy-bit-id": "0.0.414",
-    "@teambit/ui": "0.0.881",
+    "@teambit/ui": "0.0.883",
     "@teambit/workspace.modules.match-pattern": "0.0.495",
     "@teambit/component-id": "0.0.418",
     "@teambit/component.ui.component-drawer": "0.0.145",
@@ -48,14 +48,14 @@
     "@teambit/lanes.hooks.use-lane-components": "0.0.50",
     "@teambit/lanes.hooks.use-lanes": "0.0.51",
     "@teambit/ui-foundation.ui.side-bar": "0.0.662",
-    "@teambit/command-bar": "0.0.881",
-    "@teambit/component-tree": "0.0.669",
+    "@teambit/command-bar": "0.0.883",
+    "@teambit/component-tree": "0.0.671",
     "@teambit/component.modules.component-url": "0.0.141",
     "@teambit/component.ui.component-filters.component-filter-context": "0.0.20",
     "@teambit/component.ui.component-filters.deprecate-filter": "0.0.20",
     "@teambit/component.ui.component-filters.env-filter": "0.0.26",
     "@teambit/component.ui.component-filters.show-main-filter": "0.0.13",
-    "@teambit/sidebar": "0.0.881",
+    "@teambit/sidebar": "0.0.883",
     "@teambit/ui-foundation.ui.main-dropdown": "0.0.493",
     "@teambit/ui-foundation.ui.menu": "0.0.493",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.496",
@@ -68,13 +68,13 @@
     "@teambit/ui-foundation.ui.full-loader": "0.0.492",
     "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.185",
     "@teambit/ui-foundation.ui.top-bar": "0.0.499",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.122",
-    "@teambit/ui-foundation.ui.use-box.scope-menu": "0.0.122",
     "@teambit/explorer.ui.gallery.component-card": "0.0.503",
     "@teambit/explorer.ui.gallery.component-grid": "0.0.492",
     "@teambit/preview.ui.preview-placeholder": "0.0.493",
     "@teambit/scope.ui.empty-scope": "0.0.500",
-    "@teambit/scope.ui.scope-details": "0.0.508"
+    "@teambit/scope.ui.scope-details": "0.0.508",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.122",
+    "@teambit/ui-foundation.ui.use-box.scope-menu": "0.0.122"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/{preview-1666409808293.js → preview-1666582798766.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.881/dist/scope.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.881/dist/scope.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.883/dist/scope.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.883/dist/scope.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];