@teambit/scope 0.0.876 → 0.0.877
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/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.877",
|
|
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.877"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"chalk": "2.4.2",
|
|
@@ -25,44 +25,44 @@
|
|
|
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.244",
|
|
29
|
+
"@teambit/scope.ui.hooks.scope-context": "0.0.244",
|
|
30
|
+
"@teambit/cli": "0.0.587",
|
|
31
|
+
"@teambit/component": "0.0.877",
|
|
32
|
+
"@teambit/logger": "0.0.680",
|
|
33
|
+
"@teambit/aspect-loader": "0.0.877",
|
|
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.877",
|
|
36
|
+
"@teambit/compiler": "0.0.877",
|
|
37
|
+
"@teambit/envs": "0.0.877",
|
|
38
|
+
"@teambit/express": "0.0.685",
|
|
39
|
+
"@teambit/graphql": "0.0.877",
|
|
40
40
|
"@teambit/harmony.modules.requireable-component": "0.0.490",
|
|
41
|
-
"@teambit/isolator": "0.0.
|
|
41
|
+
"@teambit/isolator": "0.0.877",
|
|
42
42
|
"@teambit/legacy-bit-id": "0.0.414",
|
|
43
|
-
"@teambit/ui": "0.0.
|
|
43
|
+
"@teambit/ui": "0.0.877",
|
|
44
44
|
"@teambit/workspace.modules.match-pattern": "0.0.495",
|
|
45
45
|
"@teambit/component-id": "0.0.417",
|
|
46
|
-
"@teambit/component.ui.component-drawer": "0.0.
|
|
46
|
+
"@teambit/component.ui.component-drawer": "0.0.141",
|
|
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.
|
|
48
|
+
"@teambit/lanes.hooks.use-lane-components": "0.0.46",
|
|
49
|
+
"@teambit/lanes.hooks.use-lanes": "0.0.47",
|
|
50
|
+
"@teambit/ui-foundation.ui.side-bar": "0.0.658",
|
|
51
|
+
"@teambit/command-bar": "0.0.877",
|
|
52
|
+
"@teambit/component-tree": "0.0.665",
|
|
53
53
|
"@teambit/component.modules.component-url": "0.0.140",
|
|
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.
|
|
54
|
+
"@teambit/component.ui.component-filters.component-filter-context": "0.0.16",
|
|
55
|
+
"@teambit/component.ui.component-filters.deprecate-filter": "0.0.16",
|
|
56
|
+
"@teambit/component.ui.component-filters.env-filter": "0.0.22",
|
|
57
|
+
"@teambit/component.ui.component-filters.show-main-filter": "0.0.9",
|
|
58
|
+
"@teambit/sidebar": "0.0.877",
|
|
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
62
|
"@teambit/ui-foundation.ui.tree.drawer": "0.0.505",
|
|
63
|
-
"@teambit/lane-id": "0.0.
|
|
63
|
+
"@teambit/lane-id": "0.0.105",
|
|
64
64
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.494",
|
|
65
|
-
"@teambit/scope.ui.hooks.use-scope": "0.0.
|
|
65
|
+
"@teambit/scope.ui.hooks.use-scope": "0.0.249",
|
|
66
66
|
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.201",
|
|
67
67
|
"@teambit/ui-foundation.ui.corner": "0.0.504",
|
|
68
68
|
"@teambit/ui-foundation.ui.full-loader": "0.0.492",
|
|
@@ -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.368",
|
|
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.877/dist/scope.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.scope_scope@0.0.877/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
|