@teambit/scope 1.0.992 → 1.0.993

package/dist/{preview-1779199603540.js → preview-1779204000743.js}

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

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

@@ -189,7 +189,7 @@ export declare class ScopeUI {
     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<ScopeBadge>) | ((registerFn: () => string) => SlotRegistry<MenuWidget[]>) | ((registerFn: () => string) => SlotRegistry<CornerSlot>) | ((registerFn: () => string) => SlotRegistry<DrawerWidgetSlot>))[];
+    static slots: (((registerFn: () => string) => SlotRegistry<ComponentTreeNode>) | ((registerFn: () => string) => SlotRegistry<RouteProps>) | ((registerFn: () => string) => SlotRegistry<ScopeBadge>) | ((registerFn: () => string) => SlotRegistry<MenuWidget[]>) | ((registerFn: () => string) => SlotRegistry<MenuItemSlot>) | ((registerFn: () => string) => SlotRegistry<CornerSlot>) | ((registerFn: () => string) => SlotRegistry<OverviewLineSlot>) | ((registerFn: () => string) => SlotRegistry<SidebarItemSlot>) | ((registerFn: () => string) => SlotRegistry<ContextSlot>) | ((registerFn: () => string) => SlotRegistry<DrawerWidgetSlot>) | ((registerFn: () => string) => SlotRegistry<ComponentFiltersSlot>))[];
     static defaultConfig: {
         showGallery: boolean;
     };

package/dist/ui/scope.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentType, ReactNode } from 'react';
+import React from 'react';
 import 'reset-css';
 import type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import type { ScopeModel } from '@teambit/scope.models.scope-model';
@@ -6,7 +7,7 @@ import type { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLin
 export type ScopeProps = {
     routeSlot: RouteSlot;
     menuSlot: RouteSlot;
-    sidebar: JSX.Element;
+    sidebar: React.JSX.Element;
     scopeUi: ScopeUI;
     badgeSlot: ScopeBadgeSlot;
     overviewLineSlot: OverviewLineSlot;

package/dist/ui/scope.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiSurfacesSplitPane","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_baseUiUtils","_uiFoundationUi3","_reactRouterDom","_uiFoundationUiHooks","_scopeUiHooks","_scopeUiHooks2","_scopeOverview","_scopeModule","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","createElement","FullLoader","CornerOverride","values","setComponents","components","Context","map","ctx","ScopeProvider","Composer","className","classNames","styles","TopBar","topbar","Corner","name","whiteCorner","menu","SplitPane","main","size","layout","Pane","collapsed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","stopPropagation","onClick","tooltipContent","PaneContainer","Wrapper","pane","SlotRouter","slot","Route","index","element","ScopeOverview","overviewSlot","TargetOverview","children"],"sources":["scope.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport React, { useReducer } from 'react';\nimport 'reset-css';\nimport classNames from 'classnames';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\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 { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport type { ComponentTuple } from '@teambit/base-ui.utils.composer';\nimport { Composer } 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 type { ScopeModel } from '@teambit/scope.models.scope-model';\nimport { ScopeOverview } from './scope-overview';\nimport styles from './scope.module.scss';\nimport type { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';\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            // @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={264} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.collapsed)}>{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":";;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,uBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACAE,OAAA;AACA,SAAAC,YAAA;EAAA,MAAAH,IAAA,GAAAI,sBAAA,CAAAF,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,yBAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,wBAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,2BAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,0BAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAO,gBAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,eAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,uBAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,sBAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAS,0BAAA;EAAA,MAAAT,IAAA,GAAAE,OAAA;EAAAO,yBAAA,YAAAA,CAAA;IAAA,OAAAT,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAU,iBAAA;EAAA,MAAAV,IAAA,GAAAE,OAAA;EAAAQ,gBAAA,YAAAA,CAAA;IAAA,OAAAV,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAW,aAAA;EAAA,MAAAX,IAAA,GAAAE,OAAA;EAAAS,YAAA,YAAAA,CAAA;IAAA,OAAAX,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAY,iBAAA;EAAA,MAAAZ,IAAA,GAAAE,OAAA;EAAAU,gBAAA,YAAAA,CAAA;IAAA,OAAAZ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAa,gBAAA;EAAA,MAAAb,IAAA,GAAAE,OAAA;EAAAW,eAAA,YAAAA,CAAA;IAAA,OAAAb,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAc,qBAAA;EAAA,MAAAd,IAAA,GAAAE,OAAA;EAAAY,oBAAA,YAAAA,CAAA;IAAA,OAAAd,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAe,cAAA;EAAA,MAAAf,IAAA,GAAAE,OAAA;EAAAa,aAAA,YAAAA,CAAA;IAAA,OAAAf,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAgB,eAAA;EAAA,MAAAhB,IAAA,GAAAE,OAAA;EAAAc,cAAA,YAAAA,CAAA;IAAA,OAAAhB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAiB,eAAA;EAAA,MAAAjB,IAAA,GAAAE,OAAA;EAAAe,cAAA,YAAAA,CAAA;IAAA,OAAAjB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAkB,aAAA;EAAA,MAAAlB,IAAA,GAAAI,sBAAA,CAAAF,OAAA;EAAAgB,YAAA,YAAAA,CAAA;IAAA,OAAAlB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyC,SAAAI,uBAAAe,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAlB,wBAAAkB,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAtB,uBAAA,YAAAA,CAAAkB,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAqBzC;AACA;AACA;AACO,SAASgB,KAAKA,CAAC;EACpBC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,gBAAgB;EAChBC,UAAU;EACVC,WAAW;EACXC,OAAO,GAAG,EAAE;EACZC,aAAa;EACbC,mBAAmB;EACnBC,YAAY;EACZC,sBAAsB;EACtBC,iBAAiB;EACjBC;AACU,CAAC,EAAE;EACb,MAAM;IAAEC;EAAM,CAAC,GAAGF,iBAAiB,GAAGA,iBAAiB,CAAC,CAAC,GAAG,IAAAG,8BAAa,EAAC,CAAC;EAC3E,MAAMC,QAAQ,GAAG,IAAAC,kCAAW,EAAC,CAAC;EAC9B,MAAM,CAACC,aAAa,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,CAAC,IAAK,CAACA,CAAC,EAAE,CAACL,QAAQ,CAAC;EAC7E,MAAMM,eAAe,GAAGJ,aAAa,GAAGK,iCAAM,CAACC,GAAG,GAAGD,iCAAM,CAACE,KAAK;EACjE,IAAI,CAACX,KAAK,EAAE;IACV,oBAAOvD,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACtD,gBAAA,GAAAuD,UAAU,MAAE,CAAC;EACvB;EACA,MAAMC,cAAc,GAAGlB,YAAY,IAAIL,UAAU,EAAEwB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9D3B,OAAO,CAAC4B,aAAa,CAAChB,KAAK,CAACiB,UAAU,CAAC;EACvC,MAAMC,OAAO,GAAGzB,OAAO,CAAC0B,GAAG,CAAEC,GAAG,IAAK,CAACA,GAAG,EAAE;IAAEpB;EAAM,CAAC,CAAmB,CAAC;EAExEH,sBAAsB,CAACQ,mBAAmB,CAAC;EAE3C,oBACE5D,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACnD,aAAA,GAAA4D,aAAa;IAACrB,KAAK,EAAEA;EAAM,gBAC1BvD,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACvD,YAAA,GAAAiE,QAAQ;IAACL,UAAU,EAAEC;EAAQ,gBAC5BzE,MAAA,GAAAsB,OAAA,CAAA6C,aAAA;IAAKW,SAAS,EAAE,IAAAC,qBAAU,EAACC,sBAAM,CAACzB,KAAK,EAAED,cAAc;EAAE,gBACvDtD,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACxD,gBAAA,GAAAsE,MAAM;IACLH,SAAS,EAAEE,sBAAM,CAACE,MAAO;IACzBC,MAAM,EAAEA,CAAA,KAAM;MACZ,IAAId,cAAc,EAAE,oBAAOrE,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACE,cAAc,MAAE,CAAC;MAC7C,oBAAOrE,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC3D,eAAA,GAAA2E,MAAM;QAACC,IAAI,EAAE7B,KAAK,CAAC6B,IAAK;QAACN,SAAS,EAAEE,sBAAM,CAACK;MAAY,CAAE,CAAC;IACpE;IACA;IAAA;IACAC,IAAI,EAAE7C;EAAS,CAChB,CAAC,eAEFzC,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC7D,wBAAA,GAAAiF,SAAS;IAACT,SAAS,EAAEE,sBAAM,CAACQ,IAAK;IAACC,IAAI,EAAE,GAAI;IAACC,MAAM,EAAE3B;EAAgB,gBACpE/D,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC7D,wBAAA,GAAAqF,IAAI;IAACb,SAAS,EAAE,IAAAC,qBAAU,EAACC,sBAAM,CAACtC,OAAO,EAAE,CAACiB,aAAa,IAAIqB,sBAAM,CAACY,SAAS;EAAE,GAAElD,OAAc,CAAC,eACjG1C,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACzD,yBAAA,GAAAmF,aAAa;IAACf,SAAS,EAAEE,sBAAM,CAACc;EAAS,gBACxC9F,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC1D,sBAAA,GAAAsF,SAAS;IACRC,MAAM,EAAErC,aAAc;IACtBsC,WAAW,EAAG7E,CAAC,IAAKA,CAAC,CAAC8E,eAAe,CAAC,CAAE,CAAC;IAAA;IACzCC,OAAO,EAAEvC,mBAAoB;IAC7BwC,cAAc,EAAE,GAAGzC,aAAa,GAAG,MAAM,GAAG,MAAM;EAAc,CACjE,CACY,CAAC;EAGd;AACd;AACA;AACA;EACeZ,WAAW,iBACV/C,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACkC,aAAa;IAACC,OAAO,EAAEvD;EAAY,gBAClC/C,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC7D,wBAAA,GAAAqF,IAAI;IAACb,SAAS,EAAE,IAAAC,qBAAU,EAAC9B,aAAa,EAAE+B,sBAAM,CAACuB,IAAI;EAAE,gBACtDvG,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC5D,0BAAA,GAAAiG,UAAU;IAACC,IAAI,EAAEjE;EAAU,gBAC1BxC,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACrD,eAAA,GAAA4F,KAAK;IACJC,KAAK;IACLC,OAAO,eACL5G,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACjD,cAAA,GAAA2F,aAAa;MACZjE,SAAS,EAAEA,SAAU;MACrBkE,YAAY,EAAEjE,gBAAiB;MAC/BkE,cAAc,EAAE7D;IAAoB,CACrC;EACF,CACF,CACS,CACR,CACO,CAChB,iBACClD,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC7D,wBAAA,GAAAqF,IAAI;IAACb,SAAS,EAAE,IAAAC,qBAAU,EAAC9B,aAAa,EAAE+B,sBAAM,CAACuB,IAAI;EAAE,gBACtDvG,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAAC5D,0BAAA,GAAAiG,UAAU;IAACC,IAAI,EAAEjE;EAAU,gBAC1BxC,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACrD,eAAA,GAAA4F,KAAK;IACJC,KAAK;IACLC,OAAO,eACL5G,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACjD,cAAA,GAAA2F,aAAa;MACZjE,SAAS,EAAEA,SAAU;MACrBkE,YAAY,EAAEjE,gBAAiB;MAC/BkE,cAAc,EAAE7D;IAAoB,CACrC;EACF,CACF,CACS,CACR,CAGD,CACR,CACG,CACG,CAAC;AAEpB;AAEA,SAASmD,aAAaA,CAAC;EACrBW,QAAQ;EACRV;AAIF,CAAC,EAAE;EACD,oBAAOtG,MAAA,GAAAsB,OAAA,CAAA6C,aAAA,CAACmC,OAAO,QAAEU,QAAkB,CAAC;AACtC","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiSurfacesSplitPane","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_baseUiUtils","_uiFoundationUi3","_reactRouterDom","_uiFoundationUiHooks","_scopeUiHooks","_scopeUiHooks2","_scopeOverview","_scopeModule","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","createElement","FullLoader","CornerOverride","values","setComponents","components","Context","map","ctx","ScopeProvider","Composer","className","classNames","styles","TopBar","topbar","Corner","name","whiteCorner","menu","SplitPane","main","size","layout","Pane","collapsed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","stopPropagation","onClick","tooltipContent","PaneContainer","Wrapper","pane","SlotRouter","slot","Route","index","element","ScopeOverview","overviewSlot","TargetOverview","children"],"sources":["scope.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport React, { useReducer } from 'react';\nimport 'reset-css';\nimport classNames from 'classnames';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\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 { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport type { ComponentTuple } from '@teambit/base-ui.utils.composer';\nimport { Composer } 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 type { ScopeModel } from '@teambit/scope.models.scope-model';\nimport { ScopeOverview } from './scope-overview';\nimport styles from './scope.module.scss';\nimport type { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';\n\nexport type ScopeProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: React.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            // @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={264} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.collapsed)}>{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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","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/scope",
-  "version": "1.0.992",
+  "version": "1.0.993",
   "homepage": "https://bit.cloud/teambit/scope/scope",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.scope",
     "name": "scope",
-    "version": "1.0.992"
+    "version": "1.0.993"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
@@ -23,14 +23,10 @@
     "@teambit/component.modules.component-url": "0.0.189",
     "@teambit/scope.models.scope-model": "0.0.548",
     "@teambit/ui-foundation.ui.tree.drawer": "1.0.0",
-    "@teambit/scope.ui.hooks.scope-context": "0.0.543",
     "@teambit/bit-error": "0.0.404",
-    "@teambit/cli": "0.0.1325",
-    "@teambit/config-store": "0.0.206",
     "@teambit/harmony.modules.requireable-component": "0.0.513",
     "@teambit/harmony": "0.4.7",
     "@teambit/legacy.constants": "0.0.26",
-    "@teambit/logger": "0.0.1418",
     "@teambit/harmony.modules.in-memory-cache": "0.0.30",
     "@teambit/legacy.consumer-component": "0.0.117",
     "@teambit/bit.get-bit-version": "0.0.15",
@@ -38,7 +34,6 @@
     "@teambit/legacy.scope-api": "0.0.171",
     "@teambit/component-id": "1.2.4",
     "@teambit/component.snap-distance": "0.0.117",
-    "@teambit/express": "0.0.1424",
     "@teambit/graph.cleargraph": "0.0.11",
     "@teambit/legacy-bit-id": "1.1.3",
     "@teambit/legacy.extension-data": "0.0.118",
@@ -48,54 +43,59 @@
     "@teambit/scope.remote-actions": "0.0.116",
     "@teambit/scope.remotes": "0.0.116",
     "@teambit/workspace.modules.match-pattern": "0.0.520",
-    "@teambit/component.ui.component-drawer": "0.0.480",
-    "@teambit/lanes.hooks.use-lane-components": "0.0.300",
-    "@teambit/lanes.hooks.use-lanes": "0.0.292",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.232",
-    "@teambit/ui-foundation.ui.side-bar": "0.0.932",
     "@teambit/design.ui.tree": "0.0.16",
-    "@teambit/component.ui.component-filters.component-filter-context": "0.0.241",
-    "@teambit/component.ui.component-filters.deprecate-filter": "0.0.243",
-    "@teambit/component.ui.component-filters.env-filter": "0.0.273",
-    "@teambit/component.ui.component-filters.show-main-filter": "0.0.236",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.505",
-    "@teambit/ui-foundation.ui.menu": "0.0.503",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.522",
     "@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
+    "@teambit/ui-foundation.ui.main-dropdown": "0.0.505",
+    "@teambit/ui-foundation.ui.menu": "0.0.503",
     "@teambit/lane-id": "0.0.312",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
     "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.1",
     "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
     "@teambit/base-ui.utils.composer": "1.0.0",
     "@teambit/scope.ui.hooks.use-scope": "0.0.456",
-    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.233",
     "@teambit/ui-foundation.ui.corner": "0.0.520",
     "@teambit/ui-foundation.ui.full-loader": "0.0.500",
     "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.200",
     "@teambit/ui-foundation.ui.top-bar": "0.0.515",
+    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.151",
+    "@teambit/ui-foundation.ui.use-box.scope-menu": "0.0.147",
     "@teambit/component-descriptor": "0.0.450",
-    "@teambit/design.ui.tooltip": "0.0.382",
-    "@teambit/explorer.ui.gallery.component-grid": "0.0.496",
-    "@teambit/preview.ui.preview-placeholder": "0.0.564",
     "@teambit/scopes.scope-id": "0.0.9",
     "@teambit/explorer.ui.component-card": "0.0.52",
+    "@teambit/explorer.ui.gallery.component-grid": "0.0.496",
     "@teambit/scope.ui.empty-scope": "0.0.510",
     "@teambit/scope.ui.scope-details": "0.0.526",
-    "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.151",
-    "@teambit/ui-foundation.ui.use-box.scope-menu": "0.0.147",
-    "@teambit/aspect-loader": "1.0.992",
-    "@teambit/compiler": "1.0.992",
-    "@teambit/component": "1.0.992",
-    "@teambit/dependency-resolver": "1.0.992",
-    "@teambit/envs": "1.0.992",
-    "@teambit/isolator": "1.0.992",
-    "@teambit/objects": "0.0.499",
-    "@teambit/graph": "1.0.992",
-    "@teambit/graphql": "1.0.992",
-    "@teambit/ui": "1.0.992",
-    "@teambit/command-bar": "1.0.992",
-    "@teambit/component-tree": "1.0.992",
-    "@teambit/sidebar": "1.0.992"
+    "@teambit/scope.ui.hooks.scope-context": "0.0.544",
+    "@teambit/aspect-loader": "1.0.993",
+    "@teambit/cli": "0.0.1326",
+    "@teambit/compiler": "1.0.993",
+    "@teambit/component": "1.0.993",
+    "@teambit/config-store": "0.0.207",
+    "@teambit/dependency-resolver": "1.0.993",
+    "@teambit/envs": "1.0.993",
+    "@teambit/isolator": "1.0.993",
+    "@teambit/logger": "0.0.1419",
+    "@teambit/objects": "0.0.500",
+    "@teambit/express": "0.0.1425",
+    "@teambit/graph": "1.0.993",
+    "@teambit/graphql": "1.0.993",
+    "@teambit/ui": "1.0.993",
+    "@teambit/component.ui.component-drawer": "0.0.481",
+    "@teambit/lanes.hooks.use-lane-components": "0.0.301",
+    "@teambit/lanes.hooks.use-lanes": "0.0.293",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.233",
+    "@teambit/ui-foundation.ui.side-bar": "0.0.933",
+    "@teambit/command-bar": "1.0.993",
+    "@teambit/component-tree": "1.0.993",
+    "@teambit/component.ui.component-filters.component-filter-context": "0.0.242",
+    "@teambit/component.ui.component-filters.deprecate-filter": "0.0.244",
+    "@teambit/component.ui.component-filters.env-filter": "0.0.274",
+    "@teambit/component.ui.component-filters.show-main-filter": "0.0.237",
+    "@teambit/sidebar": "1.0.993",
+    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.234",
+    "@teambit/design.ui.tooltip": "0.0.383",
+    "@teambit/preview.ui.preview-placeholder": "0.0.565"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.7",

package/ui/scope.tsx

@@ -24,7 +24,7 @@ import type { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLin
 export type ScopeProps = {
   routeSlot: RouteSlot;
   menuSlot: RouteSlot;
-  sidebar: JSX.Element;
+  sidebar: React.JSX.Element;
   scopeUi: ScopeUI;
   badgeSlot: ScopeBadgeSlot;
   overviewLineSlot: OverviewLineSlot;