@teambit/lanes.ui.inputs.lane-selector 0.0.159 → 0.0.161
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/dist/index.d.ts +1 -1
- package/dist/lane-grouped-menu-item.d.ts +1 -1
- package/dist/lane-menu-item.d.ts +2 -2
- package/dist/lane-menu-item.js +1 -1
- package/dist/lane-menu-item.js.map +1 -1
- package/dist/lane-selector-list.d.ts +39 -9
- package/dist/lane-selector-list.js +114 -65
- package/dist/lane-selector-list.js.map +1 -1
- package/dist/lane-selector.d.ts +8 -11
- package/dist/lane-selector.js +147 -132
- package/dist/lane-selector.js.map +1 -1
- package/index.ts +1 -1
- package/lane-grouped-menu-item.tsx +1 -1
- package/lane-menu-item.tsx +2 -2
- package/lane-selector-list.tsx +170 -94
- package/lane-selector.tsx +195 -152
- package/package-tar/teambit-lanes.ui.inputs.lane-selector-0.0.161.tgz +0 -0
- package/package.json +5 -6
- package/package-tar/teambit-lanes.ui.inputs.lane-selector-0.0.159.tgz +0 -0
- /package/dist/{preview-1689131730552.js → preview-1689304690678.js} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { LaneSelector } from './lane-selector';
|
|
2
2
|
export { LaneMenuItem } from './lane-menu-item';
|
|
3
3
|
export { LanePlaceholder } from './lane-placeholder';
|
|
4
|
-
export type { LaneSelectorProps
|
|
4
|
+
export type { LaneSelectorProps } from './lane-selector';
|
|
5
5
|
export type { LanePlaceholderProps } from './lane-placeholder';
|
|
6
6
|
export type { LaneMenuItemProps } from './lane-menu-item';
|
|
@@ -6,7 +6,7 @@ export declare type LaneGroupedMenuItemProps = {
|
|
|
6
6
|
current: LaneModel[];
|
|
7
7
|
scope: string;
|
|
8
8
|
getHref?: (laneId: LaneId) => string;
|
|
9
|
-
onLaneSelected?: (laneId: LaneId) => void;
|
|
9
|
+
onLaneSelected?: (laneId: LaneId, lane: LaneModel) => void;
|
|
10
10
|
icon?: React.ReactNode;
|
|
11
11
|
timestamp?: (lane: LaneModel) => Date | undefined;
|
|
12
12
|
innerRefs?: (laneId: LaneId) => React.RefObject<HTMLDivElement> | undefined;
|
package/dist/lane-menu-item.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export declare type LaneMenuItemProps = {
|
|
|
5
5
|
selected?: LaneId;
|
|
6
6
|
current: LaneModel;
|
|
7
7
|
getHref?: (laneId: LaneId) => string;
|
|
8
|
-
onLaneSelected?: (laneId: LaneId) => void;
|
|
8
|
+
onLaneSelected?: (laneId: LaneId, lane: LaneModel) => void;
|
|
9
9
|
icon?: React.ReactNode;
|
|
10
10
|
timestamp?: Date;
|
|
11
11
|
} & HTMLAttributes<HTMLDivElement>;
|
|
@@ -13,7 +13,7 @@ export declare const LaneMenuItem: React.ForwardRefExoticComponent<{
|
|
|
13
13
|
selected?: LaneId;
|
|
14
14
|
current: LaneModel;
|
|
15
15
|
getHref?: (laneId: LaneId) => string;
|
|
16
|
-
onLaneSelected?: (laneId: LaneId) => void;
|
|
16
|
+
onLaneSelected?: (laneId: LaneId, lane: LaneModel) => void;
|
|
17
17
|
icon?: React.ReactNode;
|
|
18
18
|
timestamp?: Date;
|
|
19
19
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/lane-menu-item.js
CHANGED
|
@@ -54,7 +54,7 @@ exports.LaneMenuItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
54
54
|
const iconWithDefault = icon || (isDefaultLane ? react_1.default.createElement("img", { src: "https://static.bit.cloud/bit-icons/changed-components.svg" }) : undefined);
|
|
55
55
|
const href = getHref(current.id);
|
|
56
56
|
const onClick = () => {
|
|
57
|
-
onLaneSelected === null || onLaneSelected === void 0 ? void 0 : onLaneSelected(current.id);
|
|
57
|
+
onLaneSelected === null || onLaneSelected === void 0 ? void 0 : onLaneSelected(current.id, current);
|
|
58
58
|
};
|
|
59
59
|
const laneDisplayName = current.displayName || current.id.name;
|
|
60
60
|
const laneName = current.id.name;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,4DAAoC;AAEpC,sFAA6E;AAC7E,kGAA0E;AAC1E,gEAAuD;AACvD,oEAAsD;AACtD,kFAA8D;AAE9D,8FAAkD;AAWrC,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EASoB,EACpB,GAAG,EACH,EAAE;;QAXF,EACE,QAAQ,EACR,OAAO,EACP,SAAS,EACT,cAAc,EACd,OAAO,GAAG,wCAAU,CAAC,UAAU,EAC/B,IAAI,EACJ,SAAS,OAES,EADf,IAAI,cART,sFASC,CADQ;IAIT,MAAM,SAAS,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,MAAK,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;IACjE,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC;IAC7C,MAAM,eAAe,GACnB,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,uCAAK,GAAG,EAAC,2DAA2D,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEhH,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEjC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,OAAO,CAAC,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,41 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
|
|
3
|
+
import { LaneId } from '@teambit/lane-id';
|
|
4
|
+
import { FetchMoreLanesResult } from '@teambit/lanes.hooks.use-lanes';
|
|
4
5
|
export declare type LaneSelectorListProps = {
|
|
6
|
+
selectedLaneId?: LaneId;
|
|
7
|
+
mainLane?: LaneModel;
|
|
8
|
+
nonMainLanes: LaneModel[];
|
|
9
|
+
className?: string;
|
|
10
|
+
groupByScope?: boolean;
|
|
11
|
+
getHref?: (laneId: LaneId) => string;
|
|
12
|
+
onLaneSelected?: (selectedLaneId: LaneId, selectedLane: LaneModel) => void;
|
|
5
13
|
search?: string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
14
|
+
mainIcon?: React.ReactNode;
|
|
15
|
+
scopeIconLookup?: Map<string, React.ReactNode>;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
hasMore: boolean;
|
|
18
|
+
fetchMore: () => Promise<FetchMoreLanesResult | undefined>;
|
|
19
|
+
fetchMoreLanes?: () => Promise<FetchMoreLanesResult | undefined>;
|
|
20
|
+
initialOffset?: number;
|
|
21
|
+
forwardedRef?: React.Ref<HTMLDivElement>;
|
|
22
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
23
|
+
export declare const LaneSelectorList: React.ForwardRefExoticComponent<{
|
|
24
|
+
selectedLaneId?: LaneId;
|
|
25
|
+
mainLane?: LaneModel;
|
|
26
|
+
nonMainLanes: LaneModel[];
|
|
27
|
+
className?: string;
|
|
28
|
+
groupByScope?: boolean;
|
|
29
|
+
getHref?: (laneId: LaneId) => string;
|
|
30
|
+
onLaneSelected?: (selectedLaneId: LaneId, selectedLane: LaneModel) => void;
|
|
31
|
+
search?: string;
|
|
32
|
+
mainIcon?: React.ReactNode;
|
|
33
|
+
scopeIconLookup?: Map<string, React.ReactNode>;
|
|
34
|
+
loading?: boolean;
|
|
35
|
+
hasMore: boolean;
|
|
36
|
+
fetchMore: () => Promise<FetchMoreLanesResult | undefined>;
|
|
37
|
+
fetchMoreLanes?: () => Promise<FetchMoreLanesResult | undefined>;
|
|
38
|
+
initialOffset?: number;
|
|
39
|
+
forwardedRef?: React.Ref<HTMLDivElement>;
|
|
40
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
41
|
+
export declare function _LaneSelectorList({ selectedLaneId: selectedLaneIdFromProps, mainLane, nonMainLanes, className, groupByScope, getHref, onLaneSelected, search, mainIcon, scopeIconLookup, loading, hasMore, fetchMore, forwardedRef, ...rest }: LaneSelectorListProps): JSX.Element;
|
|
@@ -37,28 +37,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.LaneSelectorList = void 0;
|
|
40
|
+
exports._LaneSelectorList = exports.LaneSelectorList = void 0;
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
42
|
const react_router_dom_1 = require("react-router-dom");
|
|
43
43
|
const classnames_1 = __importDefault(require("classnames"));
|
|
44
44
|
const lodash_1 = require("lodash");
|
|
45
45
|
const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-model");
|
|
46
|
-
const lane_selector_1 = require("./lane-selector");
|
|
47
46
|
const lane_menu_item_1 = require("./lane-menu-item");
|
|
48
47
|
const lane_grouped_menu_item_1 = require("./lane-grouped-menu-item");
|
|
49
48
|
const lane_selector_list_module_scss_1 = __importDefault(require("./lane-selector-list.module.scss"));
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
forceCloseOnEnter, loading } = _a, rest = __rest(_a, ["selectedLaneId", "mainLane", "nonMainLanes", "className", "groupByScope", "getHref", "onLaneSelected", "search", "mainIcon", "scopeIconLookup", "sortBy", "sortOptions", "scopeIcon", "listNavigator", "forceCloseOnEnter", "loading"]);
|
|
49
|
+
exports.LaneSelectorList = react_1.default.forwardRef(function _(props, ref) {
|
|
50
|
+
return react_1.default.createElement(_LaneSelectorList, Object.assign({}, props, { forwardedRef: ref }));
|
|
51
|
+
});
|
|
52
|
+
function _LaneSelectorList(_a) {
|
|
53
|
+
var { selectedLaneId: selectedLaneIdFromProps, mainLane, nonMainLanes, className, groupByScope, getHref = lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl, onLaneSelected, search = '', mainIcon, scopeIconLookup, loading, hasMore, fetchMore, forwardedRef } = _a, rest = __rest(_a, ["selectedLaneId", "mainLane", "nonMainLanes", "className", "groupByScope", "getHref", "onLaneSelected", "search", "mainIcon", "scopeIconLookup", "loading", "hasMore", "fetchMore", "forwardedRef"]);
|
|
56
54
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
55
|
+
const observer = (0, react_1.useRef)(null);
|
|
56
|
+
const laneDOMRefs = (0, react_1.useRef)(new Map());
|
|
57
|
+
const laneRefs = (0, react_1.useRef)([]);
|
|
58
|
+
const lastLaneDomRef = (0, react_1.useRef)(null);
|
|
59
|
+
const lastLaneElementRef = (0, react_1.useCallback)((node) => {
|
|
60
|
+
var _a;
|
|
61
|
+
if (loading)
|
|
62
|
+
return;
|
|
63
|
+
(_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
64
|
+
observer.current = new IntersectionObserver((entries) => {
|
|
65
|
+
if (entries[0].isIntersecting && hasMore) {
|
|
66
|
+
fetchMore().catch(() => { });
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
if (node) {
|
|
70
|
+
observer.current.observe(node);
|
|
71
|
+
lastLaneDomRef.current = node;
|
|
72
|
+
}
|
|
73
|
+
}, [loading, hasMore, fetchMore]);
|
|
57
74
|
const selectedNonMainLane = (!!selectedLaneIdFromProps &&
|
|
58
75
|
nonMainLanes.find((nonMainLane) => nonMainLane.id.isEqual(selectedLaneIdFromProps))) ||
|
|
59
76
|
undefined;
|
|
60
|
-
const laneDOMRefs = (0, react_1.useRef)(new Map());
|
|
61
|
-
const laneRefs = (0, react_1.useRef)([]);
|
|
62
77
|
const [selectedLaneId, setSelectedLaneId] = (0, react_1.useState)(selectedLaneIdFromProps);
|
|
63
78
|
(0, react_1.useEffect)(() => {
|
|
64
79
|
if (selectedLaneIdFromProps && (selectedLaneIdFromProps === null || selectedLaneIdFromProps === void 0 ? void 0 : selectedLaneIdFromProps.toString()) !== (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.toString())) {
|
|
@@ -70,96 +85,130 @@ function LaneSelectorList(_a) {
|
|
|
70
85
|
laneRefs.current = [];
|
|
71
86
|
if (nonMainLanes.length === 0)
|
|
72
87
|
return [];
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
const
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
88
|
+
const isSearchMatch = (lane) => search === '' || (lane === null || lane === void 0 ? void 0 : lane.id.name.toLowerCase().includes(search.toLowerCase()));
|
|
89
|
+
const createLaneRefs = (lanes) => {
|
|
90
|
+
lanes.forEach((lane, index) => {
|
|
91
|
+
const isLastLane = index === lanes.length - 1;
|
|
92
|
+
const ref = isLastLane ? lastLaneElementRef : react_1.default.createRef();
|
|
93
|
+
laneDOMRefs.current.set(lane.id.toString(), ref);
|
|
94
|
+
laneRefs.current.push(lane.id);
|
|
95
|
+
});
|
|
80
96
|
};
|
|
81
97
|
if (groupByScope) {
|
|
82
98
|
const groupedNonMainLanes = lanes_ui_models_lanes_model_1.LanesModel.groupLanesByScope(nonMainLanes);
|
|
99
|
+
let grouped = [];
|
|
83
100
|
if (selectedNonMainLane) {
|
|
84
|
-
const
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
];
|
|
91
|
-
return grouped;
|
|
101
|
+
const selectedScopeLanes = (_a = groupedNonMainLanes.get(selectedNonMainLane.id.scope)) !== null && _a !== void 0 ? _a : [];
|
|
102
|
+
const selectedScopeLanesWithoutSelected = selectedScopeLanes.filter((lane) => !lane.id.isEqual(selectedNonMainLane.id));
|
|
103
|
+
groupedNonMainLanes.set(selectedNonMainLane.id.scope, selectedScopeLanesWithoutSelected);
|
|
104
|
+
const selectedGroup = [selectedNonMainLane.id.scope, [selectedNonMainLane]];
|
|
105
|
+
const mainGroup = mainLane ? ['', [mainLane]] : undefined;
|
|
106
|
+
const remainingGroups = Array.from(groupedNonMainLanes.entries()).map(([scope, lanes]) => [scope, lanes]);
|
|
107
|
+
grouped = (0, lodash_1.compact)([selectedGroup, mainGroup, ...remainingGroups]);
|
|
92
108
|
}
|
|
93
|
-
|
|
94
|
-
['',
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
laneDOMRefs.current.set(lane.id.toString(), react_1.default.createRef());
|
|
100
|
-
laneRefs.current.push(lane.id);
|
|
101
|
-
});
|
|
102
|
-
});
|
|
109
|
+
else {
|
|
110
|
+
const mainGroup = mainLane ? ['', [mainLane]] : undefined;
|
|
111
|
+
const remainingGroups = Array.from(groupedNonMainLanes.entries()).map(([scope, lanes]) => [scope, lanes]);
|
|
112
|
+
grouped = (0, lodash_1.compact)([mainGroup, ...remainingGroups]);
|
|
113
|
+
}
|
|
114
|
+
grouped.forEach(([, lanes]) => createLaneRefs(lanes));
|
|
103
115
|
return grouped;
|
|
104
116
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
117
|
+
let lanesToRender = nonMainLanes;
|
|
118
|
+
if (mainLane && isSearchMatch(mainLane)) {
|
|
119
|
+
lanesToRender.unshift(mainLane);
|
|
120
|
+
}
|
|
121
|
+
if (selectedNonMainLane) {
|
|
122
|
+
lanesToRender = lanesToRender.filter((lane) => !lane.id.isEqual(selectedNonMainLane.id));
|
|
123
|
+
lanesToRender.unshift(selectedNonMainLane);
|
|
124
|
+
}
|
|
125
|
+
createLaneRefs(lanesToRender);
|
|
110
126
|
return lanesToRender;
|
|
111
127
|
}, [
|
|
112
128
|
nonMainLanes.length,
|
|
113
129
|
search,
|
|
114
|
-
sortBy,
|
|
115
130
|
groupByScope,
|
|
116
|
-
selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.toString(),
|
|
117
131
|
selectedNonMainLane === null || selectedNonMainLane === void 0 ? void 0 : selectedNonMainLane.id.toString(),
|
|
132
|
+
lastLaneElementRef,
|
|
133
|
+
mainLane === null || mainLane === void 0 ? void 0 : mainLane.id.name,
|
|
118
134
|
]);
|
|
119
135
|
(0, react_1.useEffect)(() => {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
136
|
+
if (selectedLaneId) {
|
|
137
|
+
setTimeout(() => {
|
|
138
|
+
var _a, _b;
|
|
139
|
+
const lastLaneRef = laneRefs.current.slice(-1)[0];
|
|
140
|
+
if (selectedLaneId.toString() === (lastLaneRef === null || lastLaneRef === void 0 ? void 0 : lastLaneRef.toString())) {
|
|
141
|
+
(_a = lastLaneDomRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
const selectedLaneElement = (_b = laneDOMRefs.current.get(selectedLaneId.toString())) === null || _b === void 0 ? void 0 : _b.current;
|
|
145
|
+
selectedLaneElement === null || selectedLaneElement === void 0 ? void 0 : selectedLaneElement.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
|
|
146
|
+
}, 0);
|
|
147
|
+
}
|
|
148
|
+
}, [selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.toString(), laneDropdownItems]);
|
|
149
|
+
const handleKeyDown = (0, react_1.useCallback)((e) => {
|
|
150
|
+
switch (e.key) {
|
|
124
151
|
case 'Enter': {
|
|
125
|
-
|
|
126
|
-
|
|
152
|
+
setSelectedLaneId((currentSelectedLaneId) => {
|
|
153
|
+
const selectedLane = (currentSelectedLaneId &&
|
|
154
|
+
nonMainLanes.find((nonMainLane) => nonMainLane.id.isEqual(currentSelectedLaneId))) ||
|
|
155
|
+
mainLane;
|
|
156
|
+
currentSelectedLaneId && selectedLane && (onLaneSelected === null || onLaneSelected === void 0 ? void 0 : onLaneSelected(currentSelectedLaneId, selectedLane));
|
|
157
|
+
currentSelectedLaneId && selectedLane && navigate(getHref(currentSelectedLaneId));
|
|
158
|
+
return currentSelectedLaneId;
|
|
159
|
+
});
|
|
127
160
|
break;
|
|
128
161
|
}
|
|
129
|
-
case '
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
162
|
+
case 'ArrowUp': {
|
|
163
|
+
setSelectedLaneId((currentSelectedLaneId) => {
|
|
164
|
+
const selectedIndex = currentSelectedLaneId
|
|
165
|
+
? laneRefs.current.findIndex((lane) => lane.toString() === currentSelectedLaneId.toString())
|
|
166
|
+
: undefined;
|
|
167
|
+
const updatedIndex = (selectedIndex !== undefined &&
|
|
168
|
+
(laneRefs.current[selectedIndex - 1] ? selectedIndex - 1 : laneRefs.current.length - 1)) ||
|
|
169
|
+
0;
|
|
170
|
+
return laneRefs.current[updatedIndex];
|
|
171
|
+
});
|
|
134
172
|
break;
|
|
135
173
|
}
|
|
136
|
-
case '
|
|
137
|
-
|
|
138
|
-
|
|
174
|
+
case 'ArrowDown': {
|
|
175
|
+
setSelectedLaneId((currentSelectedLaneId) => {
|
|
176
|
+
const selectedIndex = currentSelectedLaneId
|
|
177
|
+
? laneRefs.current.findIndex((lane) => lane.toString() === currentSelectedLaneId.toString())
|
|
178
|
+
: undefined;
|
|
179
|
+
const updatedIndex = (selectedIndex !== undefined && (laneRefs.current[selectedIndex + 1] ? selectedIndex + 1 : 0)) || 0;
|
|
180
|
+
return laneRefs.current[updatedIndex];
|
|
181
|
+
});
|
|
139
182
|
break;
|
|
140
183
|
}
|
|
141
184
|
default:
|
|
142
185
|
break;
|
|
143
186
|
}
|
|
144
|
-
}, [
|
|
187
|
+
}, [nonMainLanes, nonMainLanes.length, laneRefs.current.length]);
|
|
145
188
|
(0, react_1.useEffect)(() => {
|
|
146
|
-
|
|
147
|
-
if (
|
|
148
|
-
|
|
149
|
-
selectedLaneElement === null || selectedLaneElement === void 0 ? void 0 : selectedLaneElement.scrollIntoView({ block: 'nearest' });
|
|
189
|
+
const containerElement = forwardedRef && !(0, lodash_1.isFunction)(forwardedRef) ? forwardedRef === null || forwardedRef === void 0 ? void 0 : forwardedRef.current : undefined;
|
|
190
|
+
if (containerElement) {
|
|
191
|
+
containerElement === null || containerElement === void 0 ? void 0 : containerElement.addEventListener('keydown', handleKeyDown);
|
|
150
192
|
}
|
|
151
|
-
|
|
193
|
+
return () => {
|
|
194
|
+
if (containerElement) {
|
|
195
|
+
containerElement === null || containerElement === void 0 ? void 0 : containerElement.removeEventListener('keydown', handleKeyDown);
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
}, [forwardedRef]);
|
|
152
199
|
if (loading)
|
|
153
200
|
return null;
|
|
154
201
|
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, lane_selector_list_module_scss_1.default.laneSelectorList) }),
|
|
155
202
|
groupByScope &&
|
|
156
203
|
laneDropdownItems.map(([scope, lanesByScope], index) => {
|
|
157
|
-
return (react_1.default.createElement(lane_grouped_menu_item_1.LaneGroupedMenuItem, { key: `${scope !== null && scope !== void 0 ? scope : 'main'}-${index}`, onLaneSelected: onLaneSelected, getHref: getHref, scope: scope, selected: selectedLaneId, current: lanesByScope, icon: scopeIconLookup === null || scopeIconLookup === void 0 ? void 0 : scopeIconLookup.get(scope), timestamp: (lane) =>
|
|
204
|
+
return (react_1.default.createElement(lane_grouped_menu_item_1.LaneGroupedMenuItem, { key: `${scope !== null && scope !== void 0 ? scope : 'main'}-${index}`, onLaneSelected: onLaneSelected, getHref: getHref, scope: scope, selected: selectedLaneId, current: lanesByScope, icon: scopeIconLookup === null || scopeIconLookup === void 0 ? void 0 : scopeIconLookup.get(scope), timestamp: (lane) => lane.updatedAt || lane.createdAt, innerRefs: (laneId) => {
|
|
158
205
|
return laneDOMRefs.current.get(laneId.toString());
|
|
159
206
|
} }));
|
|
160
207
|
}),
|
|
161
208
|
!groupByScope &&
|
|
162
|
-
laneDropdownItems.map((lane, index) => (react_1.default.createElement(lane_menu_item_1.LaneMenuItem, { ref: laneDOMRefs.current.get(lane.id.toString()), onLaneSelected: onLaneSelected, key: `${lane.id.toString()}-${index}`, getHref: getHref, selected: selectedLaneId, current: lane, timestamp:
|
|
209
|
+
laneDropdownItems.map((lane, index) => (react_1.default.createElement(lane_menu_item_1.LaneMenuItem, { ref: laneDOMRefs.current.get(lane.id.toString()), onLaneSelected: onLaneSelected, key: `${lane.id.toString()}-${index}`, getHref: getHref, selected: selectedLaneId, current: lane, timestamp: lane.updatedAt || lane.createdAt,
|
|
210
|
+
// timestamp={sortOptions?.includes(LaneSelectorSortBy.UPDATED) ? lane.updatedAt : lane.createdAt}
|
|
211
|
+
icon: (lane.id.isDefault() && mainIcon) || undefined })))));
|
|
163
212
|
}
|
|
164
|
-
exports.
|
|
213
|
+
exports._LaneSelectorList = _LaneSelectorList;
|
|
165
214
|
//# sourceMappingURL=lane-selector-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-selector-list.js","sourceRoot":"","sources":["../lane-selector-list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"lane-selector-list.js","sourceRoot":"","sources":["../lane-selector-list.tsx"],"names":[],"mappings":"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"}
|
package/dist/lane-selector.d.ts
CHANGED
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
import { LaneId } from '@teambit/lane-id';
|
|
3
|
-
import { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
|
|
3
|
+
import { LaneModel, LanesModel } from '@teambit/lanes.ui.models.lanes-model';
|
|
4
|
+
import { FetchMoreLanes } from '@teambit/lanes.hooks.use-lanes';
|
|
4
5
|
export declare type LaneSelectorProps = {
|
|
5
6
|
nonMainLanes: Array<LaneModel>;
|
|
6
7
|
mainLane?: LaneModel;
|
|
7
8
|
selectedLaneId?: LaneId;
|
|
8
9
|
groupByScope?: boolean;
|
|
9
10
|
getHref?: (laneId: LaneId) => string;
|
|
10
|
-
onLaneSelected?: (laneId: LaneId) => void;
|
|
11
|
+
onLaneSelected?: (laneId: LaneId, lane: LaneModel) => void;
|
|
11
12
|
mainIcon?: React.ReactNode;
|
|
12
|
-
scopeIcon?: (scopeName: string) => React.ReactNode;
|
|
13
|
-
sortBy?: LaneSelectorSortBy;
|
|
14
|
-
sortOptions?: LaneSelectorSortBy[];
|
|
15
13
|
scopeIconLookup?: Map<string, React.ReactNode>;
|
|
16
|
-
forceCloseOnEnter?: boolean;
|
|
17
14
|
loading?: boolean;
|
|
15
|
+
hasMore?: boolean;
|
|
16
|
+
fetchMoreLanes?: FetchMoreLanes;
|
|
17
|
+
initialOffset?: number;
|
|
18
|
+
searchLanes?: (search?: string) => LanesModel | undefined | null;
|
|
18
19
|
} & HTMLAttributes<HTMLDivElement>;
|
|
19
20
|
export declare type GroupedLaneDropdownItem = [scope: string, lanes: LaneModel[]];
|
|
20
21
|
export declare type LaneDropdownItems = Array<LaneModel> | Array<GroupedLaneDropdownItem>;
|
|
21
|
-
export declare
|
|
22
|
-
UPDATED = "UPDATED",
|
|
23
|
-
CREATED = "CREATED",
|
|
24
|
-
ALPHABETICAL = "ALPHABETICAL"
|
|
25
|
-
}
|
|
22
|
+
export declare const LIMIT = 5;
|
|
26
23
|
export declare function LaneSelector(props: LaneSelectorProps): JSX.Element;
|