@teambit/scope 1.0.106 → 1.0.108

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","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","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 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={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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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiSurfacesSplitPane","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_baseUiUtils","_uiFoundationUi3","_reactRouterDom","_uiFoundationUiHooks","_scopeUiHooks","_scopeUiHooks2","_scopeOverview","_scopeModule","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","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 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={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":";;;;;;AAAA,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;AACA,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;AACA,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;AACA,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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAtB,wBAAAsB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAsBzC;AACA;AACA;AACO,SAASY,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,oBAAO1D,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACzD,gBAAA,GAAA0D,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,oBACE/D,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACtD,aAAA,GAAA+D,aAAa;IAACrB,KAAK,EAAEA;EAAM,gBAC1B1D,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC1D,YAAA,GAAAoE,QAAQ;IAACL,UAAU,EAAEC;EAAQ,gBAC5B5E,MAAA,GAAAsB,OAAA,CAAAgD,aAAA;IAAKW,SAAS,EAAE,IAAAC,qBAAU,EAACC,sBAAM,CAACzB,KAAK,EAAED,cAAc;EAAE,gBACvDzD,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC3D,gBAAA,GAAAyE,MAAM;IACLH,SAAS,EAAEE,sBAAM,CAACE,MAAO;IACzBC,MAAM,EAAEA,CAAA,KAAM;MACZ,IAAId,cAAc,EAAE,oBAAOxE,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACE,cAAc,MAAE,CAAC;MAC7C,oBAAOxE,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC9D,eAAA,GAAA8E,MAAM;QAACC,IAAI,EAAE7B,KAAK,CAAC6B,IAAK;QAACN,SAAS,EAAEE,sBAAM,CAACK;MAAY,CAAE,CAAC;IACpE,CAAE;IACFC,IAAI,EAAE7C;EAAS,CAChB,CAAC,eAEF5C,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAChE,wBAAA,GAAAoF,SAAS;IAACT,SAAS,EAAEE,sBAAM,CAACQ,IAAK;IAACC,IAAI,EAAE,GAAI;IAACC,MAAM,EAAE3B;EAAgB,gBACpElE,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAChE,wBAAA,GAAAwF,IAAI;IAACb,SAAS,EAAE,IAAAC,qBAAU,EAACC,sBAAM,CAACtC,OAAO,EAAE,CAACiB,aAAa,IAAIqB,sBAAM,CAACY,SAAS;EAAE,GAAElD,OAAc,CAAC,eACjG7C,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC5D,yBAAA,GAAAsF,aAAa;IAACf,SAAS,EAAEE,sBAAM,CAACc;EAAS,gBACxCjG,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC7D,sBAAA,GAAAyF,SAAS;IACRC,MAAM,EAAErC,aAAc;IACtBsC,WAAW,EAAG5E,CAAC,IAAKA,CAAC,CAAC6E,eAAe,CAAC,CAAE,CAAC;IAAA;IACzCC,OAAO,EAAEvC,mBAAoB;IAC7BwC,cAAc,EAAG,GAAEzC,aAAa,GAAG,MAAM,GAAG,MAAO;EAAa,CACjE,CACY,CAAC;EAGd;AACd;AACA;AACA;EACeZ,WAAW,iBACVlD,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACkC,aAAa;IAACC,OAAO,EAAEvD;EAAY,gBAClClD,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAChE,wBAAA,GAAAwF,IAAI;IAACb,SAAS,EAAE,IAAAC,qBAAU,EAAC9B,aAAa,EAAE+B,sBAAM,CAACuB,IAAI;EAAE,gBACtD1G,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC/D,0BAAA,GAAAoG,UAAU;IAACC,IAAI,EAAEjE;EAAU,gBAC1B3C,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACxD,eAAA,GAAA+F,KAAK;IACJC,KAAK;IACLC,OAAO,eACL/G,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACpD,cAAA,GAAA8F,aAAa;MACZjE,SAAS,EAAEA,SAAU;MACrBkE,YAAY,EAAEjE,gBAAiB;MAC/BkE,cAAc,EAAE7D;IAAoB,CACrC;EACF,CACF,CACS,CACR,CACO,CAChB,iBACCrD,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAChE,wBAAA,GAAAwF,IAAI;IAACb,SAAS,EAAE,IAAAC,qBAAU,EAAC9B,aAAa,EAAE+B,sBAAM,CAACuB,IAAI;EAAE,gBACtD1G,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAAC/D,0BAAA,GAAAoG,UAAU;IAACC,IAAI,EAAEjE;EAAU,gBAC1B3C,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACxD,eAAA,GAAA+F,KAAK;IACJC,KAAK;IACLC,OAAO,eACL/G,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACpD,cAAA,GAAA8F,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,oBAAOzG,MAAA,GAAAsB,OAAA,CAAAgD,aAAA,CAACmC,OAAO,QAAEU,QAAkB,CAAC;AACtC"}

package/get-scope-options.ts

@@ -0,0 +1,16 @@
+import { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';
+import { ComponentType, ReactNode } from 'react';
+import { ComponentUrlResolver } from '@teambit/component.modules.component-url';
+import { ScopeModel } from '.';
+
+export type GetScopeOptions = {
+  useScope?: () => { scope: ScopeModel | undefined };
+  Corner?: ComponentType;
+  paneClassName?: string;
+  scopeClassName?: string;
+  TargetScopeOverview?: ComponentType;
+  PaneWrapper?: ComponentType<{ children: ReactNode }>;
+  overrideDrawers?: DrawerType[];
+  onSidebarToggle?: (callback: () => void) => void;
+  getComponentUrl?: ComponentUrlResolver
+};

package/index.ts

@@ -0,0 +1,11 @@
+import { ScopeAspect } from './scope.aspect';
+
+export { ComponentNotFound, NoIdMatchPattern } from './exceptions';
+export { ScopeComponentCard } from './ui/scope-overview/scope-overview';
+export type { ScopeMain } from './scope.main.runtime';
+export type { ScopeModel } from '@teambit/scope.models.scope-model';
+export { ScopeContext } from '@teambit/scope.ui.hooks.scope-context';
+export type { StagedConfig } from './staged-config';
+export type { ScopeUI, ScopeBadgeSlot, ScopeOverview, ScopeOverviewSlot, OverviewLineSlot } from './scope.ui.runtime';
+export { ScopeAspect };
+export default ScopeAspect;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/scope",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/scope/scope",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.scope",
     "name": "scope",
-    "version": "1.0.106"
+    "version": "1.0.108"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
@@ -19,8 +19,6 @@
     "multimatch": "5.0.0",
     "classnames": "2.2.6",
     "reset-css": "5.0.1",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/ui-foundation.ui.tree.drawer": "0.0.517",
     "@teambit/harmony": "0.4.6",
     "@teambit/bit-error": "0.0.404",
@@ -59,48 +57,46 @@
     "@teambit/ui-foundation.ui.use-box.dropdown": "0.0.141",
     "@teambit/ui-foundation.ui.use-box.scope-menu": "0.0.145",
     "@teambit/component.modules.component-url": "0.0.165",
-    "@teambit/scope.models.scope-model": "0.0.496",
-    "@teambit/scope.ui.hooks.scope-context": "0.0.490",
-    "@teambit/aspect-loader": "1.0.106",
-    "@teambit/cli": "0.0.839",
-    "@teambit/compiler": "1.0.106",
-    "@teambit/component": "1.0.106",
-    "@teambit/dependency-resolver": "1.0.106",
-    "@teambit/envs": "1.0.106",
-    "@teambit/global-config": "0.0.841",
+    "@teambit/scope.ui.hooks.scope-context": "0.0.491",
+    "@teambit/scope.models.scope-model": "0.0.497",
+    "@teambit/aspect-loader": "1.0.108",
+    "@teambit/cli": "0.0.840",
+    "@teambit/compiler": "1.0.108",
+    "@teambit/component": "1.0.108",
+    "@teambit/dependency-resolver": "1.0.108",
+    "@teambit/envs": "1.0.108",
+    "@teambit/global-config": "0.0.842",
     "@teambit/harmony.modules.requireable-component": "0.0.495",
-    "@teambit/isolator": "1.0.106",
-    "@teambit/logger": "0.0.932",
-    "@teambit/builder": "1.0.106",
-    "@teambit/express": "0.0.938",
-    "@teambit/graph": "1.0.106",
-    "@teambit/graphql": "1.0.106",
-    "@teambit/ui": "1.0.106",
+    "@teambit/isolator": "1.0.108",
+    "@teambit/logger": "0.0.933",
+    "@teambit/builder": "1.0.108",
+    "@teambit/express": "0.0.939",
+    "@teambit/graph": "1.0.108",
+    "@teambit/graphql": "1.0.108",
+    "@teambit/ui": "1.0.108",
     "@teambit/workspace.modules.match-pattern": "0.0.502",
-    "@teambit/component.ui.component-drawer": "0.0.380",
-    "@teambit/command-bar": "1.0.106",
-    "@teambit/component-tree": "1.0.106",
-    "@teambit/sidebar": "1.0.106",
+    "@teambit/component.ui.component-drawer": "0.0.381",
+    "@teambit/command-bar": "1.0.108",
+    "@teambit/component-tree": "1.0.108",
+    "@teambit/sidebar": "1.0.108",
     "@teambit/preview.ui.preview-placeholder": "0.0.504"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/fs-extra": "9.0.7",
     "@types/lodash": "4.14.165",
     "@types/semver": "7.3.4",
     "@types/classnames": "2.2.11",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@teambit/scope.content.scope-overview": "1.95.0"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/scope.content.scope-overview": "1.95.0",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
-    "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.8.1",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -114,7 +110,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -123,12 +119,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }