@teambit/scope 0.0.876 → 0.0.878
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/get-scope-options.js.map +1 -1
- package/dist/ui/scope.js +18 -3
- package/dist/ui/scope.js.map +1 -1
- package/package-tar/teambit-scope-0.0.878.tgz +0 -0
- package/package.json +34 -34
- package/{preview-1665459720186.js → preview-1665718844698.js} +2 -2
- package/ui/scope.tsx +40 -17
- package/package-tar/teambit-scope-0.0.876.tgz +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["get-scope-options.ts"],"sourcesContent":["import { ComponentType, ReactNode } from 'react';\nimport { ScopeModel } from '.';\n\nexport type GetScopeOptions = {\n useScope?: () => { scope: ScopeModel | undefined };\n Corner?: ComponentType;\n paneClassName?: string;\n scopeClassName?: string;\n TargetScopeOverview?: ComponentType
|
|
1
|
+
{"version":3,"names":[],"sources":["get-scope-options.ts"],"sourcesContent":["import { ComponentType, ReactNode } from 'react';\nimport { ScopeModel } from '.';\n\nexport type GetScopeOptions = {\n useScope?: () => { scope: ScopeModel | undefined };\n Corner?: ComponentType;\n paneClassName?: string;\n scopeClassName?: string;\n TargetScopeOverview?: ComponentType;\n PaneWrapper?: ComponentType<{ children: ReactNode }>;\n};\n"],"mappings":""}
|
package/dist/ui/scope.js
CHANGED
|
@@ -242,7 +242,12 @@ function Scope({
|
|
|
242
242
|
,
|
|
243
243
|
onClick: handleSidebarToggle,
|
|
244
244
|
tooltipContent: `${isSidebarOpen ? 'Hide' : 'Show'} side panel`
|
|
245
|
-
})),
|
|
245
|
+
})),
|
|
246
|
+
/**
|
|
247
|
+
* @hack - discuss with Ran why we need a PaneWrapper as a parent of the Pane
|
|
248
|
+
* conditionally rendering it makes sure that it doesn't break the code tab layout
|
|
249
|
+
*/
|
|
250
|
+
PaneWrapper && /*#__PURE__*/_react().default.createElement(PaneContainer, {
|
|
246
251
|
Wrapper: PaneWrapper
|
|
247
252
|
}, /*#__PURE__*/_react().default.createElement(_baseUiSurfacesSplitPane().Pane, {
|
|
248
253
|
className: (0, _classnames().default)(paneClassName, _scopeModule().default.pane)
|
|
@@ -255,14 +260,24 @@ function Scope({
|
|
|
255
260
|
overviewSlot: overviewLineSlot,
|
|
256
261
|
TargetOverview: TargetScopeOverview
|
|
257
262
|
})
|
|
258
|
-
}))))))
|
|
263
|
+
})))) || /*#__PURE__*/_react().default.createElement(_baseUiSurfacesSplitPane().Pane, {
|
|
264
|
+
className: (0, _classnames().default)(paneClassName, _scopeModule().default.pane)
|
|
265
|
+
}, /*#__PURE__*/_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter, {
|
|
266
|
+
slot: routeSlot
|
|
267
|
+
}, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
|
|
268
|
+
index: true,
|
|
269
|
+
element: /*#__PURE__*/_react().default.createElement(_scopeOverview().ScopeOverview, {
|
|
270
|
+
badgeSlot: badgeSlot,
|
|
271
|
+
overviewSlot: overviewLineSlot,
|
|
272
|
+
TargetOverview: TargetScopeOverview
|
|
273
|
+
})
|
|
274
|
+
})))))));
|
|
259
275
|
}
|
|
260
276
|
|
|
261
277
|
function PaneContainer({
|
|
262
278
|
children,
|
|
263
279
|
Wrapper
|
|
264
280
|
}) {
|
|
265
|
-
if (!Wrapper) return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, children);
|
|
266
281
|
return /*#__PURE__*/_react().default.createElement(Wrapper, null, children);
|
|
267
282
|
}
|
|
268
283
|
|
package/dist/ui/scope.js.map
CHANGED
|
@@ -1 +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 <PaneContainer Wrapper={PaneWrapper}>\n
|
|
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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"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/scope",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.878",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/scope/scope",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.scope",
|
|
8
8
|
"name": "scope",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.878"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"chalk": "2.4.2",
|
|
@@ -25,45 +25,45 @@
|
|
|
25
25
|
"@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.0",
|
|
26
26
|
"@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
|
|
27
27
|
"@teambit/base-ui.utils.composer": "1.0.0",
|
|
28
|
-
"@teambit/scope.models.scope-model": "0.0.
|
|
29
|
-
"@teambit/scope.ui.hooks.scope-context": "0.0.
|
|
30
|
-
"@teambit/cli": "0.0.
|
|
31
|
-
"@teambit/component": "0.0.
|
|
32
|
-
"@teambit/logger": "0.0.
|
|
33
|
-
"@teambit/aspect-loader": "0.0.
|
|
28
|
+
"@teambit/scope.models.scope-model": "0.0.245",
|
|
29
|
+
"@teambit/scope.ui.hooks.scope-context": "0.0.245",
|
|
30
|
+
"@teambit/cli": "0.0.588",
|
|
31
|
+
"@teambit/component": "0.0.878",
|
|
32
|
+
"@teambit/logger": "0.0.681",
|
|
33
|
+
"@teambit/aspect-loader": "0.0.878",
|
|
34
34
|
"@teambit/bit-error": "0.0.400",
|
|
35
|
-
"@teambit/builder": "0.0.
|
|
36
|
-
"@teambit/compiler": "0.0.
|
|
37
|
-
"@teambit/envs": "0.0.
|
|
38
|
-
"@teambit/express": "0.0.
|
|
39
|
-
"@teambit/graphql": "0.0.
|
|
35
|
+
"@teambit/builder": "0.0.878",
|
|
36
|
+
"@teambit/compiler": "0.0.878",
|
|
37
|
+
"@teambit/envs": "0.0.878",
|
|
38
|
+
"@teambit/express": "0.0.686",
|
|
39
|
+
"@teambit/graphql": "0.0.878",
|
|
40
40
|
"@teambit/harmony.modules.requireable-component": "0.0.490",
|
|
41
|
-
"@teambit/isolator": "0.0.
|
|
41
|
+
"@teambit/isolator": "0.0.878",
|
|
42
42
|
"@teambit/legacy-bit-id": "0.0.414",
|
|
43
|
-
"@teambit/ui": "0.0.
|
|
43
|
+
"@teambit/ui": "0.0.878",
|
|
44
44
|
"@teambit/workspace.modules.match-pattern": "0.0.495",
|
|
45
|
-
"@teambit/component-id": "0.0.
|
|
46
|
-
"@teambit/component.ui.component-drawer": "0.0.
|
|
45
|
+
"@teambit/component-id": "0.0.418",
|
|
46
|
+
"@teambit/component.ui.component-drawer": "0.0.142",
|
|
47
47
|
"@teambit/design.ui.tree": "0.0.12",
|
|
48
|
-
"@teambit/lanes.hooks.use-lane-components": "0.0.
|
|
49
|
-
"@teambit/lanes.hooks.use-lanes": "0.0.
|
|
50
|
-
"@teambit/ui-foundation.ui.side-bar": "0.0.
|
|
51
|
-
"@teambit/command-bar": "0.0.
|
|
52
|
-
"@teambit/component-tree": "0.0.
|
|
53
|
-
"@teambit/component.modules.component-url": "0.0.
|
|
54
|
-
"@teambit/component.ui.component-filters.component-filter-context": "0.0.
|
|
55
|
-
"@teambit/component.ui.component-filters.deprecate-filter": "0.0.
|
|
56
|
-
"@teambit/component.ui.component-filters.env-filter": "0.0.
|
|
57
|
-
"@teambit/component.ui.component-filters.show-main-filter": "0.0.
|
|
58
|
-
"@teambit/sidebar": "0.0.
|
|
48
|
+
"@teambit/lanes.hooks.use-lane-components": "0.0.47",
|
|
49
|
+
"@teambit/lanes.hooks.use-lanes": "0.0.48",
|
|
50
|
+
"@teambit/ui-foundation.ui.side-bar": "0.0.659",
|
|
51
|
+
"@teambit/command-bar": "0.0.878",
|
|
52
|
+
"@teambit/component-tree": "0.0.666",
|
|
53
|
+
"@teambit/component.modules.component-url": "0.0.141",
|
|
54
|
+
"@teambit/component.ui.component-filters.component-filter-context": "0.0.17",
|
|
55
|
+
"@teambit/component.ui.component-filters.deprecate-filter": "0.0.17",
|
|
56
|
+
"@teambit/component.ui.component-filters.env-filter": "0.0.23",
|
|
57
|
+
"@teambit/component.ui.component-filters.show-main-filter": "0.0.10",
|
|
58
|
+
"@teambit/sidebar": "0.0.878",
|
|
59
59
|
"@teambit/ui-foundation.ui.main-dropdown": "0.0.493",
|
|
60
60
|
"@teambit/ui-foundation.ui.menu": "0.0.493",
|
|
61
61
|
"@teambit/ui-foundation.ui.react-router.slot-router": "0.0.496",
|
|
62
|
-
"@teambit/ui-foundation.ui.tree.drawer": "0.0.
|
|
63
|
-
"@teambit/lane-id": "0.0.
|
|
62
|
+
"@teambit/ui-foundation.ui.tree.drawer": "0.0.506",
|
|
63
|
+
"@teambit/lane-id": "0.0.106",
|
|
64
64
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.494",
|
|
65
|
-
"@teambit/scope.ui.hooks.use-scope": "0.0.
|
|
66
|
-
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.
|
|
65
|
+
"@teambit/scope.ui.hooks.use-scope": "0.0.250",
|
|
66
|
+
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.202",
|
|
67
67
|
"@teambit/ui-foundation.ui.corner": "0.0.504",
|
|
68
68
|
"@teambit/ui-foundation.ui.full-loader": "0.0.492",
|
|
69
69
|
"@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.185",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@teambit/explorer.ui.gallery.component-grid": "0.0.492",
|
|
75
75
|
"@teambit/preview.ui.preview-placeholder": "0.0.493",
|
|
76
76
|
"@teambit/scope.ui.empty-scope": "0.0.500",
|
|
77
|
-
"@teambit/scope.ui.scope-details": "0.0.
|
|
77
|
+
"@teambit/scope.ui.scope-details": "0.0.508"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
80
|
"@types/react": "^17.0.8",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
},
|
|
92
92
|
"peerDependencies": {
|
|
93
93
|
"react-router-dom": "^6.0.0",
|
|
94
|
-
"@teambit/legacy": "1.0.
|
|
94
|
+
"@teambit/legacy": "1.0.369",
|
|
95
95
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
96
96
|
"react": "^16.8.0 || ^17.0.0"
|
|
97
97
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.
|
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.
|
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.878/dist/scope.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.878/dist/scope.docs.mdx';
|
|
3
3
|
|
|
4
4
|
export const compositions = [compositions_0];
|
|
5
5
|
export const overview = [overview_0];
|
package/ui/scope.tsx
CHANGED
|
@@ -92,22 +92,46 @@ export function Scope({
|
|
|
92
92
|
tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}
|
|
93
93
|
/>
|
|
94
94
|
</HoverSplitter>
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
95
|
+
|
|
96
|
+
{
|
|
97
|
+
/**
|
|
98
|
+
* @hack - discuss with Ran why we need a PaneWrapper as a parent of the Pane
|
|
99
|
+
* conditionally rendering it makes sure that it doesn't break the code tab layout
|
|
100
|
+
*/
|
|
101
|
+
(PaneWrapper && (
|
|
102
|
+
<PaneContainer Wrapper={PaneWrapper}>
|
|
103
|
+
<Pane className={classNames(paneClassName, styles.pane)}>
|
|
104
|
+
<SlotRouter slot={routeSlot}>
|
|
105
|
+
<Route
|
|
106
|
+
index
|
|
107
|
+
element={
|
|
108
|
+
<ScopeOverview
|
|
109
|
+
badgeSlot={badgeSlot}
|
|
110
|
+
overviewSlot={overviewLineSlot}
|
|
111
|
+
TargetOverview={TargetScopeOverview}
|
|
112
|
+
/>
|
|
113
|
+
}
|
|
105
114
|
/>
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
</
|
|
109
|
-
|
|
110
|
-
|
|
115
|
+
</SlotRouter>
|
|
116
|
+
</Pane>
|
|
117
|
+
</PaneContainer>
|
|
118
|
+
)) || (
|
|
119
|
+
<Pane className={classNames(paneClassName, styles.pane)}>
|
|
120
|
+
<SlotRouter slot={routeSlot}>
|
|
121
|
+
<Route
|
|
122
|
+
index
|
|
123
|
+
element={
|
|
124
|
+
<ScopeOverview
|
|
125
|
+
badgeSlot={badgeSlot}
|
|
126
|
+
overviewSlot={overviewLineSlot}
|
|
127
|
+
TargetOverview={TargetScopeOverview}
|
|
128
|
+
/>
|
|
129
|
+
}
|
|
130
|
+
/>
|
|
131
|
+
</SlotRouter>
|
|
132
|
+
</Pane>
|
|
133
|
+
)
|
|
134
|
+
}
|
|
111
135
|
</SplitPane>
|
|
112
136
|
</div>
|
|
113
137
|
</Composer>
|
|
@@ -120,8 +144,7 @@ function PaneContainer({
|
|
|
120
144
|
Wrapper,
|
|
121
145
|
}: {
|
|
122
146
|
children: ReactNode;
|
|
123
|
-
Wrapper
|
|
147
|
+
Wrapper: ComponentType<{ children: ReactNode }>;
|
|
124
148
|
}) {
|
|
125
|
-
if (!Wrapper) return <>{children}</>;
|
|
126
149
|
return <Wrapper>{children}</Wrapper>;
|
|
127
150
|
}
|
|
Binary file
|