@teambit/scope 0.0.632 → 0.0.636
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/{__preview-1643167379538.js → __preview-1643426469482.js} +0 -0
- package/dist/ui/components-drawer/components.drawer.d.ts +1 -0
- package/dist/ui/components-drawer/components.drawer.js +1 -0
- package/dist/ui/components-drawer/components.drawer.js.map +1 -1
- package/package-tar/teambit-scope-0.0.636.tgz +0 -0
- package/package.json +17 -17
- package/ui/components-drawer/components.drawer.tsx +2 -0
- package/package-tar/teambit-scope-0.0.632.tgz +0 -0
|
File without changes
|
|
@@ -4,6 +4,7 @@ import type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';
|
|
|
4
4
|
export declare class ComponentsDrawer implements DrawerType {
|
|
5
5
|
private treeNodeSlot;
|
|
6
6
|
constructor(treeNodeSlot: ComponentTreeSlot);
|
|
7
|
+
id: string;
|
|
7
8
|
name: string;
|
|
8
9
|
widget: JSX.Element;
|
|
9
10
|
Context: ({ children }: {
|
|
@@ -121,6 +121,7 @@ const ScopeTreeContext = /*#__PURE__*/(0, _react().createContext)({
|
|
|
121
121
|
class ComponentsDrawer {
|
|
122
122
|
constructor(treeNodeSlot) {
|
|
123
123
|
this.treeNodeSlot = treeNodeSlot;
|
|
124
|
+
(0, _defineProperty2().default)(this, "id", 'components-drawer');
|
|
124
125
|
(0, _defineProperty2().default)(this, "name", 'COMPONENTS');
|
|
125
126
|
(0, _defineProperty2().default)(this, "widget", /*#__PURE__*/_react().default.createElement(Widget, null));
|
|
126
127
|
(0, _defineProperty2().default)(this, "Context", ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components.drawer.tsx"],"names":["ScopeTreeContext","collapsed","setCollapsed","ComponentsDrawer","constructor","treeNodeSlot","children","scope","TreeNodeRenderer","TreeNode","props","node","payload","ScopePayload","map","childNode","id","components","length","mutedItalic","ellipsis","styles","emptyScope","Widget","icon","collapseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AASA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAEA,MAAMA,gBAAgB,gBAAG,4BAA0E;AACjGC,EAAAA,SAAS,EAAE,IADsF;AAEjGC,EAAAA,YAAY,EAAE,MAAM,CAAE;AAF2E,CAA1E,CAAzB;;AAKO,MAAMC,gBAAN,CAA6C;AAClDC,EAAAA,WAAW,CAASC,YAAT,EAA0C;AAAA,SAAjCA,YAAiC,GAAjCA,YAAiC;AAAA,
|
|
1
|
+
{"version":3,"sources":["components.drawer.tsx"],"names":["ScopeTreeContext","collapsed","setCollapsed","ComponentsDrawer","constructor","treeNodeSlot","children","scope","TreeNodeRenderer","TreeNode","props","node","payload","ScopePayload","map","childNode","id","components","length","mutedItalic","ellipsis","styles","emptyScope","Widget","icon","collapseIcon"],"mappings":"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","sourcesContent":["import React, { useCallback, useState, useContext, createContext } from 'react';\nimport classNames from 'classnames';\nimport {\n ComponentTree,\n ComponentView,\n NamespaceTreeNode,\n PayloadType,\n ScopePayload,\n} from '@teambit/ui-foundation.ui.side-bar';\nimport { TreeNodeProps } from '@teambit/base-ui.graph.tree.recursive-tree';\n\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport { ComponentTreeSlot } from '@teambit/component-tree';\nimport type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { mutedItalic } from '@teambit/design.ui.styles.muted-italic';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { useScopeQuery } from '@teambit/scope.ui.hooks.use-scope';\nimport styles from './components-drawer.module.scss';\n\nconst ScopeTreeContext = createContext<{ collapsed: boolean; setCollapsed: (x: boolean) => void }>({\n collapsed: true,\n setCollapsed: () => {},\n});\n\nexport class ComponentsDrawer implements DrawerType {\n constructor(private treeNodeSlot: ComponentTreeSlot) {}\n\n id = 'components-drawer';\n\n name = 'COMPONENTS';\n\n widget = (<Widget />);\n\n Context = ({ children }) => {\n const [collapsed, setCollapsed] = useState(true);\n return <ScopeTreeContext.Provider value={{ collapsed, setCollapsed }}>{children}</ScopeTreeContext.Provider>;\n };\n\n render = () => {\n const { scope } = useScopeQuery();\n const { collapsed } = useContext(ScopeTreeContext);\n const { treeNodeSlot } = this;\n\n const TreeNodeRenderer = useCallback(\n function TreeNode(props: TreeNodeProps<PayloadType>) {\n const children = props.node.children;\n\n if (!children) return <ComponentView {...props} treeNodeSlot={treeNodeSlot} />;\n\n // skip over scope node and render only children\n if (props.node.payload instanceof ScopePayload) {\n return (\n <>\n {children.map((childNode) => (\n <TreeNodeRenderer key={childNode.id} {...props} node={childNode}></TreeNodeRenderer>\n ))}\n </>\n );\n }\n\n return <NamespaceTreeNode {...props} />;\n },\n [treeNodeSlot]\n );\n\n if (!scope) return <FullLoader />;\n if (scope.components.length === 0)\n return <span className={classNames(mutedItalic, ellipsis, styles.emptyScope)}>Scope is empty</span>;\n return <ComponentTree components={scope.components} isCollapsed={collapsed} TreeNode={TreeNodeRenderer} />;\n };\n}\n\nfunction Widget() {\n const { collapsed, setCollapsed } = useContext(ScopeTreeContext);\n const icon = collapsed\n ? 'https://static.bit.dev/bit-icons/expand.svg'\n : 'https://static.bit.dev/bit-icons/collapse.svg';\n return <img src={icon} className={styles.collapseIcon} onClick={() => setCollapsed(!collapsed)} />;\n}\n"]}
|
|
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.636",
|
|
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.636"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"semver": "7.3.4",
|
|
@@ -27,26 +27,26 @@
|
|
|
27
27
|
"@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
|
|
28
28
|
"@teambit/scope.models.scope-model": "0.0.95",
|
|
29
29
|
"@teambit/scope.ui.hooks.scope-context": "0.0.95",
|
|
30
|
-
"@teambit/component": "0.0.
|
|
30
|
+
"@teambit/component": "0.0.636",
|
|
31
31
|
"@teambit/logger": "0.0.524",
|
|
32
|
-
"@teambit/aspect-loader": "0.0.
|
|
33
|
-
"@teambit/builder": "0.0.
|
|
32
|
+
"@teambit/aspect-loader": "0.0.636",
|
|
33
|
+
"@teambit/builder": "0.0.636",
|
|
34
34
|
"@teambit/cli": "0.0.434",
|
|
35
|
-
"@teambit/compiler": "0.0.
|
|
35
|
+
"@teambit/compiler": "0.0.636",
|
|
36
36
|
"@teambit/config": "0.0.447",
|
|
37
|
-
"@teambit/envs": "0.0.
|
|
37
|
+
"@teambit/envs": "0.0.636",
|
|
38
38
|
"@teambit/express": "0.0.528",
|
|
39
|
-
"@teambit/graphql": "0.0.
|
|
39
|
+
"@teambit/graphql": "0.0.636",
|
|
40
40
|
"@teambit/harmony.modules.requireable-component": "0.0.483",
|
|
41
|
-
"@teambit/isolator": "0.0.
|
|
41
|
+
"@teambit/isolator": "0.0.636",
|
|
42
42
|
"@teambit/legacy-bit-id": "0.0.397",
|
|
43
|
-
"@teambit/ui": "0.0.
|
|
44
|
-
"@teambit/workspace.modules.match-pattern": "0.0.
|
|
45
|
-
"@teambit/command-bar": "0.0.
|
|
46
|
-
"@teambit/component-tree": "0.0.
|
|
43
|
+
"@teambit/ui": "0.0.636",
|
|
44
|
+
"@teambit/workspace.modules.match-pattern": "0.0.488",
|
|
45
|
+
"@teambit/command-bar": "0.0.636",
|
|
46
|
+
"@teambit/component-tree": "0.0.424",
|
|
47
47
|
"@teambit/design.ui.surfaces.menu.link-item": "0.0.377",
|
|
48
|
-
"@teambit/react-router": "0.0.
|
|
49
|
-
"@teambit/sidebar": "0.0.
|
|
48
|
+
"@teambit/react-router": "0.0.636",
|
|
49
|
+
"@teambit/sidebar": "0.0.636",
|
|
50
50
|
"@teambit/ui-foundation.ui.main-dropdown": "0.0.485",
|
|
51
51
|
"@teambit/ui-foundation.ui.menu": "0.0.485",
|
|
52
52
|
"@teambit/ui-foundation.ui.react-router.slot-router": "0.0.487",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"@teambit/design.ui.styles.ellipsis": "0.0.347",
|
|
61
61
|
"@teambit/design.ui.styles.muted-italic": "0.0.35",
|
|
62
62
|
"@teambit/ui-foundation.ui.full-loader": "0.0.485",
|
|
63
|
-
"@teambit/ui-foundation.ui.side-bar": "0.0.
|
|
64
|
-
"@teambit/ui-foundation.ui.tree.drawer": "0.0.
|
|
63
|
+
"@teambit/ui-foundation.ui.side-bar": "0.0.495",
|
|
64
|
+
"@teambit/ui-foundation.ui.tree.drawer": "0.0.489",
|
|
65
65
|
"@teambit/ui-foundation.ui.use-box.dropdown": "0.0.108",
|
|
66
66
|
"@teambit/ui-foundation.ui.use-box.scope-menu": "0.0.108",
|
|
67
67
|
"@teambit/explorer.ui.gallery.component-card": "0.0.492",
|
|
@@ -25,6 +25,8 @@ const ScopeTreeContext = createContext<{ collapsed: boolean; setCollapsed: (x: b
|
|
|
25
25
|
export class ComponentsDrawer implements DrawerType {
|
|
26
26
|
constructor(private treeNodeSlot: ComponentTreeSlot) {}
|
|
27
27
|
|
|
28
|
+
id = 'components-drawer';
|
|
29
|
+
|
|
28
30
|
name = 'COMPONENTS';
|
|
29
31
|
|
|
30
32
|
widget = (<Widget />);
|
|
Binary file
|