@teambit/ui-foundation.ui.side-bar 0.0.518 → 0.0.521
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/component-tree/component-tree.tsx +9 -4
- package/dist/component-tree/component-tree.d.ts +3 -3
- package/dist/component-tree/component-tree.js +2 -2
- package/dist/component-tree/component-tree.js.map +1 -1
- package/package-tar/teambit-ui-foundation.ui.side-bar-0.0.521.tgz +0 -0
- package/package.json +3 -3
- /package/{preview-1647973488567.js → preview-1648142274038.js} +0 -0
- package/package-tar/teambit-ui-foundation.ui.side-bar-0.0.518.tgz +0 -0
|
@@ -14,9 +14,14 @@ type ComponentTreeProps = {
|
|
|
14
14
|
components: ComponentModel[];
|
|
15
15
|
TreeNode?: TreeNodeRenderer<PayloadType>;
|
|
16
16
|
isCollapsed?: boolean;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export function ComponentTree({
|
|
17
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
18
|
+
|
|
19
|
+
export function ComponentTree({
|
|
20
|
+
components,
|
|
21
|
+
isCollapsed,
|
|
22
|
+
className,
|
|
23
|
+
TreeNode = DefaultTreeNodeRenderer,
|
|
24
|
+
}: ComponentTreeProps) {
|
|
20
25
|
const { pathname } = useLocation();
|
|
21
26
|
|
|
22
27
|
const activeComponent = useMemo(() => {
|
|
@@ -41,7 +46,7 @@ export function ComponentTree({ components, isCollapsed, TreeNode = DefaultTreeN
|
|
|
41
46
|
|
|
42
47
|
return (
|
|
43
48
|
<TreeContextProvider>
|
|
44
|
-
<div style={indentStyle(1)}>
|
|
49
|
+
<div style={indentStyle(1)} className={className}>
|
|
45
50
|
<Tree TreeNode={TreeNode} activePath={activeComponent} tree={rootNode} isCollapsed={isCollapsed} />
|
|
46
51
|
</div>
|
|
47
52
|
</TreeContextProvider>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ComponentModel } from '@teambit/component';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { TreeNodeRenderer } from '@teambit/design.ui.tree';
|
|
4
4
|
import { PayloadType } from './payload-type';
|
|
5
5
|
declare type ComponentTreeProps = {
|
|
6
6
|
components: ComponentModel[];
|
|
7
7
|
TreeNode?: TreeNodeRenderer<PayloadType>;
|
|
8
8
|
isCollapsed?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare function ComponentTree({ components, isCollapsed, TreeNode }: ComponentTreeProps): JSX.Element;
|
|
9
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
10
|
+
export declare function ComponentTree({ components, isCollapsed, className, TreeNode, }: ComponentTreeProps): JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -29,7 +29,7 @@ const base_ui_graph_tree_tree_context_1 = require("@teambit/base-ui.graph.tree.t
|
|
|
29
29
|
const payload_type_1 = require("./payload-type");
|
|
30
30
|
const default_tree_node_renderer_1 = require("./default-tree-node-renderer");
|
|
31
31
|
const componentIdUrlRegex = '[\\w\\/-]*[\\w-]';
|
|
32
|
-
function ComponentTree({ components, isCollapsed, TreeNode = default_tree_node_renderer_1.DefaultTreeNodeRenderer }) {
|
|
32
|
+
function ComponentTree({ components, isCollapsed, className, TreeNode = default_tree_node_renderer_1.DefaultTreeNodeRenderer, }) {
|
|
33
33
|
const { pathname } = (0, base_ui_routing_routing_provider_1.useLocation)();
|
|
34
34
|
const activeComponent = (0, react_1.useMemo)(() => {
|
|
35
35
|
var _a;
|
|
@@ -48,7 +48,7 @@ function ComponentTree({ components, isCollapsed, TreeNode = default_tree_node_r
|
|
|
48
48
|
return tree;
|
|
49
49
|
}, [components]);
|
|
50
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) },
|
|
51
|
+
react_1.default.createElement("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(1), className: className },
|
|
52
52
|
react_1.default.createElement(design_ui_tree_1.Tree, { TreeNode: TreeNode, activePath: activeComponent, tree: rootNode, isCollapsed: isCollapsed }))));
|
|
53
53
|
}
|
|
54
54
|
exports.ComponentTree = ComponentTree;
|
|
@@ -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,8FAA+E;AAC/E,iDAA2D;AAC3D,6EAAuE;AAEvE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC;AAQ/C,SAAgB,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"component-tree.js","sourceRoot":"","sources":["../../component-tree/component-tree.tsx"],"names":[],"mappings":"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"}
|
|
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.521",
|
|
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.521"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"@teambit/base-ui.theme.colors": "1.0.0",
|
|
23
23
|
"@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
|
|
24
24
|
"@teambit/design.ui.tree": "0.0.5",
|
|
25
|
-
"@teambit/lanes.ui.lanes": "0.0.
|
|
25
|
+
"@teambit/lanes.ui.lanes": "0.0.24",
|
|
26
26
|
"@teambit/component.ui.deprecation-icon": "0.0.493",
|
|
27
27
|
"@teambit/design.ui.tooltip": "0.0.352",
|
|
28
28
|
"@teambit/envs.ui.env-icon": "0.0.486"
|
|
File without changes
|
|
Binary file
|