@teambit/ui-foundation.ui.side-bar 0.0.496 → 0.0.499
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-1644176887286.js → __preview-1645673006381.js} +0 -0
- package/component-tree/component-tree.tsx +6 -3
- package/component-tree/payload-type.tsx +2 -1
- package/dist/component-tree/component-tree.js +4 -2
- package/dist/component-tree/component-tree.js.map +1 -1
- package/dist/component-tree/payload-type.d.ts +2 -1
- package/dist/component-tree/payload-type.js.map +1 -1
- package/package-tar/teambit-ui-foundation.ui.side-bar-0.0.499.tgz +0 -0
- package/package.json +9 -8
- package/package-tar/teambit-ui-foundation.ui.side-bar-0.0.496.tgz +0 -0
|
File without changes
|
|
@@ -4,6 +4,7 @@ import { useLocation } from '@teambit/base-ui.routing.routing-provider';
|
|
|
4
4
|
import { indentStyle } from '@teambit/base-ui.graph.tree.indent';
|
|
5
5
|
import { inflateToTree, attachPayload } from '@teambit/base-ui.graph.tree.inflate-paths';
|
|
6
6
|
import { Tree, TreeNodeRenderer } from '@teambit/design.ui.tree';
|
|
7
|
+
import { TreeContextProvider } from '@teambit/base-ui.graph.tree.tree-context';
|
|
7
8
|
import { PayloadType, ScopePayload } from './payload-type';
|
|
8
9
|
import { DefaultTreeNodeRenderer } from './default-tree-node-renderer';
|
|
9
10
|
|
|
@@ -39,9 +40,11 @@ export function ComponentTree({ components, isCollapsed, TreeNode = DefaultTreeN
|
|
|
39
40
|
}, [components]);
|
|
40
41
|
|
|
41
42
|
return (
|
|
42
|
-
<
|
|
43
|
-
<
|
|
44
|
-
|
|
43
|
+
<TreeContextProvider>
|
|
44
|
+
<div style={indentStyle(1)}>
|
|
45
|
+
<Tree TreeNode={TreeNode} activePath={activeComponent} tree={rootNode} isCollapsed={isCollapsed} />
|
|
46
|
+
</div>
|
|
47
|
+
</TreeContextProvider>
|
|
45
48
|
);
|
|
46
49
|
}
|
|
47
50
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ComponentModel } from '@teambit/component';
|
|
2
|
+
import { LaneModel } from '@teambit/lanes.ui.lanes';
|
|
2
3
|
|
|
3
4
|
export class ScopePayload {
|
|
4
5
|
get isScope() {
|
|
@@ -6,4 +7,4 @@ export class ScopePayload {
|
|
|
6
7
|
}
|
|
7
8
|
}
|
|
8
9
|
|
|
9
|
-
export type PayloadType = ComponentModel | ScopePayload | undefined;
|
|
10
|
+
export type PayloadType = ComponentModel | ScopePayload | LaneModel | undefined;
|
|
@@ -25,6 +25,7 @@ const base_ui_routing_routing_provider_1 = require("@teambit/base-ui.routing.rou
|
|
|
25
25
|
const base_ui_graph_tree_indent_1 = require("@teambit/base-ui.graph.tree.indent");
|
|
26
26
|
const base_ui_graph_tree_inflate_paths_1 = require("@teambit/base-ui.graph.tree.inflate-paths");
|
|
27
27
|
const design_ui_tree_1 = require("@teambit/design.ui.tree");
|
|
28
|
+
const base_ui_graph_tree_tree_context_1 = require("@teambit/base-ui.graph.tree.tree-context");
|
|
28
29
|
const payload_type_1 = require("./payload-type");
|
|
29
30
|
const default_tree_node_renderer_1 = require("./default-tree-node-renderer");
|
|
30
31
|
const componentIdUrlRegex = '[\\w\\/-]*[\\w-]';
|
|
@@ -46,8 +47,9 @@ function ComponentTree({ components, isCollapsed, TreeNode = default_tree_node_r
|
|
|
46
47
|
(0, base_ui_graph_tree_inflate_paths_1.attachPayload)(tree, payloadMap);
|
|
47
48
|
return tree;
|
|
48
49
|
}, [components]);
|
|
49
|
-
return (react_1.default.createElement(
|
|
50
|
-
react_1.default.createElement(
|
|
50
|
+
return (react_1.default.createElement(base_ui_graph_tree_tree_context_1.TreeContextProvider, null,
|
|
51
|
+
react_1.default.createElement("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(1) },
|
|
52
|
+
react_1.default.createElement(design_ui_tree_1.Tree, { TreeNode: TreeNode, activePath: activeComponent, tree: rootNode, isCollapsed: isCollapsed }))));
|
|
51
53
|
}
|
|
52
54
|
exports.ComponentTree = ComponentTree;
|
|
53
55
|
function calcPayload(components) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-tree.js","sourceRoot":"","sources":["../../component-tree/component-tree.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,+CAAuC;AACvC,gGAAwE;AACxE,kFAAiE;AACjE,gGAAyF;AACzF,4DAAiE;AACjE,iDAA2D;AAC3D,6EAAuE;AAEvE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAQ/C,SAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,GAAG,oDAAuB,EAAsB;IAC/G,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8CAAW,GAAE,CAAC;IAEnC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QACnC,MAAM,iBAAiB,GAAG,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAC1D,MAAM,IAAI,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC1E,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,0CAAG,CAAC,CAAC,CAAC,CAAC,yFAAyF;QAC7I,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACnC,OAAO,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,IAAI,GAAG,IAAA,gDAAa,EAA8B,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAEnH,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;QAE3C,IAAA,gDAAa,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEhC,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,uCAAK,KAAK,EAAE,IAAA,uCAAW,EAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"component-tree.js","sourceRoot":"","sources":["../../component-tree/component-tree.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComponentModel } from '@teambit/component';
|
|
2
|
+
import { LaneModel } from '@teambit/lanes.ui.lanes';
|
|
2
3
|
export declare class ScopePayload {
|
|
3
4
|
get isScope(): boolean;
|
|
4
5
|
}
|
|
5
|
-
export declare type PayloadType = ComponentModel | ScopePayload | undefined;
|
|
6
|
+
export declare type PayloadType = ComponentModel | ScopePayload | LaneModel | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"payload-type.js","sourceRoot":"","sources":["../../component-tree/payload-type.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"payload-type.js","sourceRoot":"","sources":["../../component-tree/payload-type.tsx"],"names":[],"mappings":";;;AAGA,MAAa,YAAY;IACvB,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAJD,oCAIC"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/ui-foundation.ui.side-bar",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.499",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/ui-foundation/ui/side-bar",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.ui-foundation",
|
|
8
8
|
"name": "ui/side-bar",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.499"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -14,22 +14,23 @@
|
|
|
14
14
|
"core-js": "^3.0.0",
|
|
15
15
|
"@teambit/base-ui.graph.tree.indent": "1.0.0",
|
|
16
16
|
"@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
|
|
17
|
+
"@teambit/base-ui.graph.tree.tree-context": "1.0.0",
|
|
17
18
|
"@teambit/base-ui.routing.routing-provider": "1.0.0",
|
|
18
19
|
"@teambit/base-ui.routing.nav-link": "1.0.0",
|
|
19
20
|
"@teambit/documenter.ui.separator": "4.1.1",
|
|
20
21
|
"@teambit/evangelist.elements.icon": "1.0.2",
|
|
21
|
-
"@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
|
|
22
22
|
"@teambit/base-ui.theme.colors": "1.0.0",
|
|
23
|
-
"@teambit/base-ui.graph.tree.tree
|
|
23
|
+
"@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
|
|
24
24
|
"@teambit/design.ui.tree": "0.0.5",
|
|
25
|
-
"@teambit/
|
|
25
|
+
"@teambit/lanes.ui.lanes": "0.0.2",
|
|
26
|
+
"@teambit/component.ui.deprecation-icon": "0.0.493",
|
|
26
27
|
"@teambit/design.ui.tooltip": "0.0.352",
|
|
27
|
-
"@teambit/envs.ui.env-icon": "0.0.
|
|
28
|
+
"@teambit/envs.ui.env-icon": "0.0.486"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
31
|
"@types/react": "^17.0.8",
|
|
31
32
|
"@types/classnames": "2.2.11",
|
|
32
|
-
"@types/mocha": "
|
|
33
|
+
"@types/mocha": "9.1.0",
|
|
33
34
|
"@types/testing-library__jest-dom": "5.9.5",
|
|
34
35
|
"@babel/runtime": "7.12.18",
|
|
35
36
|
"@types/jest": "^26.0.0",
|
|
@@ -53,7 +54,7 @@
|
|
|
53
54
|
},
|
|
54
55
|
"devDependencies": {
|
|
55
56
|
"@teambit/legacy": "-",
|
|
56
|
-
"@types/mocha": "
|
|
57
|
+
"@types/mocha": "9.1.0",
|
|
57
58
|
"@types/testing-library__jest-dom": "5.9.5",
|
|
58
59
|
"@babel/runtime": "7.12.18",
|
|
59
60
|
"@types/jest": "^26.0.0",
|
|
Binary file
|