@teambit/ui-foundation.ui.side-bar 0.0.842 → 0.0.844

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.
Files changed (5) hide show
  1. package/component-tree/component-view/component-view.tsx +91 -4
  2. package/dist/component-tree/component-view/component-view.js +77 -2
  3. package/dist/component-tree/component-view/component-view.js.map +1 -1
  4. package/package.json +7 -6
  5. /package/dist/{preview-1693797525205.js → preview-1693970363618.js} +0 -0
package/component-tree/component-view/component-view.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ComponentTreeSlot } from '@teambit/component-tree';
2
- import { Link } from '@teambit/base-react.navigation.link';
2
+ import { Link, useLocation } from '@teambit/base-react.navigation.link';
3
3
  import { EnvIcon } from '@teambit/envs.ui.env-icon';
4
4
  import { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';
5
5
  import classNames from 'classnames';
@@ -11,6 +11,7 @@ import { TreeContext } from '@teambit/base-ui.graph.tree.tree-context';
11
11
  import { indentClass } from '@teambit/base-ui.graph.tree.indent';
12
12
  import { TreeNodeProps } from '@teambit/base-ui.graph.tree.recursive-tree';
13
13
  import { useLanes } from '@teambit/lanes.hooks.use-lanes';
14
+ import { useScope } from '@teambit/scope.ui.hooks.scope-context';
14
15
  import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
15
16
  import { PayloadType } from '../payload-type';
16
17
  import { getName } from '../utils/get-name';
@@ -35,7 +36,11 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
35
36
  [onSelect, node.id]
36
37
  );
37
38
 
39
+ const location = useLocation();
40
+ const scope = useScope();
41
+
38
42
  if (!(component instanceof ComponentModel)) return null;
43
+
39
44
  const envId = ComponentID.fromString(component.environment?.id as string);
40
45
 
41
46
  const envTooltip = (
@@ -57,8 +62,14 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
57
62
  );
58
63
 
59
64
  const href = lanesModel?.getLaneComponentUrlByVersion(component.id, lanesModel.viewedLane?.id);
60
- const viewingMainCompOnLane =
61
- !lanesModel?.viewedLane?.id.isDefault() && lanesModel?.isComponentOnMainButNotOnLane(component.id);
65
+
66
+ const viewingMainCompOnLane = React.useMemo(() => {
67
+ return (
68
+ !lanesModel?.viewedLane?.id.isDefault() &&
69
+ lanesModel?.isComponentOnMainButNotOnLane(component.id, undefined, lanesModel?.viewedLane?.id)
70
+ );
71
+ }, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
72
+
62
73
  const Name = viewingMainCompOnLane ? (
63
74
  <Tooltip className={styles.onMainTooltip} placement="right" content={'On Main'}>
64
75
  <span>{getName(node.id)}</span>
@@ -67,13 +78,89 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
67
78
  <span>{getName(node.id)}</span>
68
79
  );
69
80
 
81
+ /**
82
+ * this covers the following use cases when matching the active component's href with location
83
+ *
84
+ * 1. viewing main component
85
+ *
86
+ * - /<component-id>/
87
+ * - /<component-id>/~sub-route
88
+ * - /<component-id>/~sub-route/another-sub-route
89
+ * - /<component-id>/~sub-route?version=<version>
90
+ *
91
+ * 2. viewing a lane component
92
+ *
93
+ * - /~lane/<lane-id>/<component-id>/
94
+ * - /~lane/<lane-id>/<component-id>/~sub-route
95
+ * - /~lane/<lane-id>/<component-id>/~sub-route/another-sub-route
96
+ * - /~lane/<lane-id>/<component-id>/~sub-route?version=<version>
97
+ *
98
+ * 3. viewing a main component when on a lane
99
+ *
100
+ * - /?lane=<lane-id>/<component-id>/
101
+ * - /?lane=<lane-id>/<component-id>/~sub-route
102
+ * - /?lane=<lane-id>/<component-id>/~sub-route/another-sub-route
103
+ * - /?lane=<lane-id>/<component-id>/~sub-route?version=<version>
104
+ *
105
+ * 4. viewing currently checked out lane component on workspace
106
+ *
107
+ * - /<component-id-without-scope>/
108
+ *
109
+ * 5. viewing lane component from the same scope as the lane on a workspace
110
+ *
111
+ * - /~lane/<lane-id>/<component-id-without-scope>/
112
+ *
113
+ * @todo - move this logic to a util function
114
+ */
115
+ const isActive = React.useMemo(() => {
116
+ if (!href || !location) return false;
117
+
118
+ const pathname = location.pathname.substring(1).split('?')[0];
119
+ const compIdStr = component.id.toStringWithoutVersion();
120
+ const compIdName = component.id.fullName;
121
+
122
+ const sanitizedHref = (href.startsWith('/') ? href.substring(1) : href).split('?')[0];
123
+ // if you are in a workspace, the componentId might not have a scopeId, if you are viewing
124
+ // a component on the checked out lane
125
+ const viewingCheckedOutLaneComp =
126
+ lanesModel?.currentLane && lanesModel.currentLane.id.toString() === lanesModel?.viewedLane?.id.toString();
127
+
128
+ if (lanesModel?.viewedLane?.id.isDefault() || viewingMainCompOnLane || viewingCheckedOutLaneComp) {
129
+ // split out any sub routes if exist
130
+ const compUrl = pathname.split('/~')[0];
131
+ // may or may not contain scope
132
+ const scopeUrl = scope.name ? `${scope.name.replace('.', '/')}/` : '';
133
+ return sanitizedHref === compUrl.replace(scopeUrl, '');
134
+ }
135
+
136
+ const laneCompUrlWithSubRoutes = pathname.split(LanesModel.baseLaneComponentRoute)[1] ?? '';
137
+
138
+ const _laneCompUrl = laneCompUrlWithSubRoutes.split('/~')[0] ?? '';
139
+ const laneCompUrl = _laneCompUrl.startsWith('/') ? _laneCompUrl.substring(1) : _laneCompUrl;
140
+
141
+ const laneCompIdFromUrl = ComponentID.tryFromString(laneCompUrl);
142
+
143
+ // viewing lane component from the same scope as the lane on a workspace
144
+ const laneAndCompFromSameScopeOnWs =
145
+ !scope.name && lanesModel?.viewedLane?.id && component.id.scope === lanesModel?.viewedLane?.id.scope;
146
+
147
+ if (laneAndCompFromSameScopeOnWs) {
148
+ return compIdName === laneCompUrl;
149
+ }
150
+
151
+ if (!laneCompIdFromUrl) return false;
152
+
153
+ return laneCompIdFromUrl?.toString() === compIdStr || laneCompIdFromUrl.fullName === compIdName;
154
+ }, [href, viewingMainCompOnLane, location?.pathname, component.id.toString(), scope]);
155
+
70
156
  return (
71
157
  <Link
72
158
  href={href}
73
159
  className={classNames(indentClass, styles.component, viewingMainCompOnLane && styles.mainOnly)}
74
160
  activeClassName={styles.active}
75
161
  onClick={handleClick}
76
- exact={true}
162
+ // exact={true}
163
+ active={isActive}
77
164
  >
78
165
  <div className={styles.left}>
79
166
  <Tooltip className={styles.componentEnvTooltip} placement="right" content={envTooltip}>
package/dist/component-tree/component-view/component-view.js CHANGED
@@ -38,6 +38,8 @@ const design_ui_tooltip_1 = require("@teambit/design.ui.tooltip");
38
38
  const base_ui_graph_tree_tree_context_1 = require("@teambit/base-ui.graph.tree.tree-context");
39
39
  const base_ui_graph_tree_indent_1 = require("@teambit/base-ui.graph.tree.indent");
40
40
  const lanes_hooks_use_lanes_1 = require("@teambit/lanes.hooks.use-lanes");
41
+ const scope_ui_hooks_scope_context_1 = require("@teambit/scope.ui.hooks.scope-context");
42
+ const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-model");
41
43
  const get_name_1 = require("../utils/get-name");
42
44
  const component_view_module_scss_1 = __importDefault(require("./component-view.module.scss"));
43
45
  function ComponentView(props) {
@@ -49,6 +51,8 @@ function ComponentView(props) {
49
51
  const handleClick = (0, react_1.useCallback)((event) => {
50
52
  onSelect && onSelect(node.id, event);
51
53
  }, [onSelect, node.id]);
54
+ const location = (0, base_react_navigation_link_1.useLocation)();
55
+ const scope = (0, scope_ui_hooks_scope_context_1.useScope)();
52
56
  if (!(component instanceof component_1.ComponentModel))
53
57
  return null;
54
58
  const envId = component_1.ComponentID.fromString((_a = component.environment) === null || _a === void 0 ? void 0 : _a.id);
@@ -62,10 +66,81 @@ function ComponentView(props) {
62
66
  react_1.default.createElement("div", { className: component_view_module_scss_1.default.componentEnvTitle }, "Environment"),
63
67
  react_1.default.createElement("div", null, (_b = component.environment) === null || _b === void 0 ? void 0 : _b.id)));
64
68
  const href = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.getLaneComponentUrlByVersion(component.id, (_c = lanesModel.viewedLane) === null || _c === void 0 ? void 0 : _c.id);
65
- const viewingMainCompOnLane = !((_d = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _d === void 0 ? void 0 : _d.id.isDefault()) && (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.isComponentOnMainButNotOnLane(component.id));
69
+ const viewingMainCompOnLane = react_1.default.useMemo(() => {
70
+ var _a, _b;
71
+ return (!((_a = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _a === void 0 ? void 0 : _a.id.isDefault()) &&
72
+ (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.isComponentOnMainButNotOnLane(component.id, undefined, (_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id)));
73
+ }, [(_d = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _d === void 0 ? void 0 : _d.id.toString(), component.id.toString()]);
66
74
  const Name = viewingMainCompOnLane ? (react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.onMainTooltip, placement: "right", content: 'On Main' },
67
75
  react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)))) : (react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)));
68
- return (react_1.default.createElement(base_react_navigation_link_1.Link, { href: href, className: (0, classnames_1.default)(base_ui_graph_tree_indent_1.indentClass, component_view_module_scss_1.default.component, viewingMainCompOnLane && component_view_module_scss_1.default.mainOnly), activeClassName: component_view_module_scss_1.default.active, onClick: handleClick, exact: true },
76
+ /**
77
+ * this covers the following use cases when matching the active component's href with location
78
+ *
79
+ * 1. viewing main component
80
+ *
81
+ * - /<component-id>/
82
+ * - /<component-id>/~sub-route
83
+ * - /<component-id>/~sub-route/another-sub-route
84
+ * - /<component-id>/~sub-route?version=<version>
85
+ *
86
+ * 2. viewing a lane component
87
+ *
88
+ * - /~lane/<lane-id>/<component-id>/
89
+ * - /~lane/<lane-id>/<component-id>/~sub-route
90
+ * - /~lane/<lane-id>/<component-id>/~sub-route/another-sub-route
91
+ * - /~lane/<lane-id>/<component-id>/~sub-route?version=<version>
92
+ *
93
+ * 3. viewing a main component when on a lane
94
+ *
95
+ * - /?lane=<lane-id>/<component-id>/
96
+ * - /?lane=<lane-id>/<component-id>/~sub-route
97
+ * - /?lane=<lane-id>/<component-id>/~sub-route/another-sub-route
98
+ * - /?lane=<lane-id>/<component-id>/~sub-route?version=<version>
99
+ *
100
+ * 4. viewing currently checked out lane component on workspace
101
+ *
102
+ * - /<component-id-without-scope>/
103
+ *
104
+ * 5. viewing lane component from the same scope as the lane on a workspace
105
+ *
106
+ * - /~lane/<lane-id>/<component-id-without-scope>/
107
+ *
108
+ * @todo - move this logic to a util function
109
+ */
110
+ const isActive = react_1.default.useMemo(() => {
111
+ var _a, _b, _c, _d, _e, _f;
112
+ if (!href || !location)
113
+ return false;
114
+ const pathname = location.pathname.substring(1).split('?')[0];
115
+ const compIdStr = component.id.toStringWithoutVersion();
116
+ const compIdName = component.id.fullName;
117
+ const sanitizedHref = (href.startsWith('/') ? href.substring(1) : href).split('?')[0];
118
+ // if you are in a workspace, the componentId might not have a scopeId, if you are viewing
119
+ // a component on the checked out lane
120
+ const viewingCheckedOutLaneComp = (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.currentLane) && lanesModel.currentLane.id.toString() === ((_a = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _a === void 0 ? void 0 : _a.id.toString());
121
+ if (((_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id.isDefault()) || viewingMainCompOnLane || viewingCheckedOutLaneComp) {
122
+ // split out any sub routes if exist
123
+ const compUrl = pathname.split('/~')[0];
124
+ // may or may not contain scope
125
+ const scopeUrl = scope.name ? `${scope.name.replace('.', '/')}/` : '';
126
+ return sanitizedHref === compUrl.replace(scopeUrl, '');
127
+ }
128
+ const laneCompUrlWithSubRoutes = (_c = pathname.split(lanes_ui_models_lanes_model_1.LanesModel.baseLaneComponentRoute)[1]) !== null && _c !== void 0 ? _c : '';
129
+ const _laneCompUrl = (_d = laneCompUrlWithSubRoutes.split('/~')[0]) !== null && _d !== void 0 ? _d : '';
130
+ const laneCompUrl = _laneCompUrl.startsWith('/') ? _laneCompUrl.substring(1) : _laneCompUrl;
131
+ const laneCompIdFromUrl = component_1.ComponentID.tryFromString(laneCompUrl);
132
+ // viewing lane component from the same scope as the lane on a workspace
133
+ const laneAndCompFromSameScopeOnWs = !scope.name && ((_e = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _e === void 0 ? void 0 : _e.id) && component.id.scope === ((_f = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _f === void 0 ? void 0 : _f.id.scope);
134
+ if (laneAndCompFromSameScopeOnWs) {
135
+ return compIdName === laneCompUrl;
136
+ }
137
+ if (!laneCompIdFromUrl)
138
+ return false;
139
+ return (laneCompIdFromUrl === null || laneCompIdFromUrl === void 0 ? void 0 : laneCompIdFromUrl.toString()) === compIdStr || laneCompIdFromUrl.fullName === compIdName;
140
+ }, [href, viewingMainCompOnLane, location === null || location === void 0 ? void 0 : location.pathname, component.id.toString(), scope]);
141
+ return (react_1.default.createElement(base_react_navigation_link_1.Link, { href: href, className: (0, classnames_1.default)(base_ui_graph_tree_indent_1.indentClass, component_view_module_scss_1.default.component, viewingMainCompOnLane && component_view_module_scss_1.default.mainOnly), activeClassName: component_view_module_scss_1.default.active, onClick: handleClick,
142
+ // exact={true}
143
+ active: isActive },
69
144
  react_1.default.createElement("div", { className: component_view_module_scss_1.default.left },
70
145
  react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.componentEnvTooltip, placement: "right", content: envTooltip },
71
146
  react_1.default.createElement(envs_ui_env_icon_1.EnvIcon, { component: component, className: component_view_module_scss_1.default.envIcon })),
package/dist/component-tree/component-view/component-view.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/ui-foundation.ui.side-bar",
3
- "version": "0.0.842",
3
+ "version": "0.0.844",
4
4
  "homepage": "https://bit.cloud/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.842"
9
+ "version": "0.0.844"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "2.2.6",
@@ -17,15 +17,16 @@
17
17
  "@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
18
18
  "@teambit/base-ui.graph.tree.tree-context": "1.0.0",
19
19
  "@teambit/design.ui.tree": "0.0.15",
20
- "@teambit/base-ui.theme.colors": "1.0.0",
21
20
  "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
22
- "@teambit/design.ui.tooltip": "0.0.361",
21
+ "@teambit/base-ui.theme.colors": "1.0.0",
23
22
  "@teambit/evangelist.elements.icon": "1.0.2",
24
- "@teambit/lanes.ui.models.lanes-model": "0.0.182",
23
+ "@teambit/design.ui.tooltip": "0.0.361",
24
+ "@teambit/lanes.ui.models.lanes-model": "0.0.183",
25
25
  "@teambit/component.modules.component-url": "0.0.151",
26
26
  "@teambit/component.ui.deprecation-icon": "0.0.504",
27
27
  "@teambit/envs.ui.env-icon": "0.0.495",
28
- "@teambit/lanes.hooks.use-lanes": "0.0.229"
28
+ "@teambit/lanes.hooks.use-lanes": "0.0.230",
29
+ "@teambit/scope.ui.hooks.scope-context": "0.0.424"
29
30
  },
30
31
  "devDependencies": {
31
32
  "@types/react": "^17.0.8",