@teambit/ui-foundation.ui.side-bar 0.0.497 → 0.0.500

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.
@@ -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
- <div style={indentStyle(1)}>
43
- <Tree TreeNode={TreeNode} activePath={activeComponent} tree={rootNode} isCollapsed={isCollapsed} />
44
- </div>
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("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(1) },
50
- react_1.default.createElement(design_ui_tree_1.Tree, { TreeNode: TreeNode, activePath: activeComponent, tree: rootNode, isCollapsed: isCollapsed })));
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;QACxB,8BAAC,qBAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC/F,CACP,CAAC;AACJ,CAAC;AA5BD,sCA4BC;AAED,SAAS,WAAW,CAAC,UAA4B;IAC/C,MAAM,UAAU,GAAG,IAAI,GAAG,CAAsB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpH,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,2BAAY,EAAE,CAAC,CAAC,CAAC;IAE1E,OAAO,UAAU,CAAC;AACpB,CAAC"}
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,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,8BAAC,qDAAmB;QAClB,uCAAK,KAAK,EAAE,IAAA,uCAAW,EAAC,CAAC,CAAC;YACxB,8BAAC,qBAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC/F,CACc,CACvB,CAAC;AACJ,CAAC;AA9BD,sCA8BC;AAED,SAAS,WAAW,CAAC,UAA4B;IAC/C,MAAM,UAAU,GAAG,IAAI,GAAG,CAAsB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpH,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,2BAAY,EAAE,CAAC,CAAC,CAAC;IAE1E,OAAO,UAAU,CAAC;AACpB,CAAC"}
@@ -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":";;;AAEA,MAAa,YAAY;IACvB,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAJD,oCAIC"}
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"}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/ui-foundation.ui.side-bar",
3
- "version": "0.0.497",
3
+ "version": "0.0.500",
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.497"
9
+ "version": "0.0.500"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "2.2.6",
@@ -14,14 +14,15 @@
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
22
  "@teambit/base-ui.theme.colors": "1.0.0",
22
23
  "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
23
- "@teambit/base-ui.graph.tree.tree-context": "1.0.0",
24
24
  "@teambit/design.ui.tree": "0.0.5",
25
+ "@teambit/lanes.ui.lanes": "0.0.3",
25
26
  "@teambit/component.ui.deprecation-icon": "0.0.493",
26
27
  "@teambit/design.ui.tooltip": "0.0.352",
27
28
  "@teambit/envs.ui.env-icon": "0.0.486"