@teambit/lanes.ui.inputs.lane-selector 0.0.143 → 0.0.144
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/lane-menu-item.js +1 -10
- package/dist/lane-menu-item.js.map +1 -1
- package/dist/lane-placeholder.d.ts +2 -1
- package/dist/lane-placeholder.js +4 -1
- package/dist/lane-placeholder.js.map +1 -1
- package/dist/lane-selector-list.d.ts +1 -1
- package/dist/lane-selector-list.js +3 -1
- package/dist/lane-selector-list.js.map +1 -1
- package/dist/lane-selector.d.ts +1 -0
- package/dist/lane-selector.js +21 -13
- package/dist/lane-selector.js.map +1 -1
- package/dist/lane-selector.module.scss +8 -0
- package/lane-menu-item.tsx +1 -10
- package/lane-placeholder.tsx +6 -0
- package/lane-selector-list.tsx +3 -0
- package/lane-selector.module.scss +8 -0
- package/lane-selector.tsx +31 -20
- package/package-tar/teambit-lanes.ui.inputs.lane-selector-0.0.144.tgz +0 -0
- package/package.json +4 -5
- package/package-tar/teambit-lanes.ui.inputs.lane-selector-0.0.143.tgz +0 -0
- /package/dist/{preview-1686626379481.js → preview-1686799133952.js} +0 -0
package/dist/lane-menu-item.js
CHANGED
|
@@ -64,16 +64,7 @@ exports.LaneMenuItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
64
64
|
displayName: user === null || user === void 0 ? void 0 : user.name,
|
|
65
65
|
profileImage: user === null || user === void 0 ? void 0 : user.profileImage,
|
|
66
66
|
} }));
|
|
67
|
-
const
|
|
68
|
-
year: 'numeric',
|
|
69
|
-
month: '2-digit',
|
|
70
|
-
day: '2-digit',
|
|
71
|
-
hour: '2-digit',
|
|
72
|
-
minute: '2-digit',
|
|
73
|
-
second: '2-digit',
|
|
74
|
-
hour12: true,
|
|
75
|
-
};
|
|
76
|
-
const formattedTimestamp = timestamp === null || timestamp === void 0 ? void 0 : timestamp.toLocaleString(undefined, options).replace(',', '');
|
|
67
|
+
const formattedTimestamp = timestamp === null || timestamp === void 0 ? void 0 : timestamp.toString();
|
|
77
68
|
return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, lane_menu_item_module_scss_1.default.laneMenuItemContainer) }),
|
|
78
69
|
react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem, { active: isCurrent, href: href, className: lane_menu_item_module_scss_1.default.menuItem, onClick: onClick },
|
|
79
70
|
react_1.default.createElement("div", { className: lane_menu_item_module_scss_1.default.laneContainer },
|
|
@@ -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;IAC/B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/D,MAAM,QAAQ,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;IACjC,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC;IAEpD,MAAM,MAAM,GAAG,eAAe,IAAI,CAChC,8BAAC,6BAAU,IACT,IAAI,EAAE,EAAE,EACR,OAAO,EAAE;YACP,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;YAC/B,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;YACvB,YAAY,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY;SACjC,GACD,CACH,CAAC;IAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,5 +4,6 @@ export declare type LanePlaceholderProps = {
|
|
|
4
4
|
selectedLaneId?: LaneId;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
showScope?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
7
8
|
} & HTMLAttributes<HTMLDivElement>;
|
|
8
|
-
export declare function LanePlaceholder({ selectedLaneId, disabled, className, showScope, ...rest }: LanePlaceholderProps): JSX.Element;
|
|
9
|
+
export declare function LanePlaceholder({ selectedLaneId, disabled, className, showScope, loading, ...rest }: LanePlaceholderProps): JSX.Element;
|
package/dist/lane-placeholder.js
CHANGED
|
@@ -22,10 +22,13 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
22
22
|
const design_ui_styles_ellipsis_1 = require("@teambit/design.ui.styles.ellipsis");
|
|
23
23
|
const lane_placeholder_module_scss_1 = __importDefault(require("./lane-placeholder.module.scss"));
|
|
24
24
|
function LanePlaceholder(_a) {
|
|
25
|
-
var { selectedLaneId, disabled, className, showScope = true } = _a, rest = __rest(_a, ["selectedLaneId", "disabled", "className", "showScope"]);
|
|
25
|
+
var { selectedLaneId, disabled, className, showScope = true, loading } = _a, rest = __rest(_a, ["selectedLaneId", "disabled", "className", "showScope", "loading"]);
|
|
26
26
|
const laneIdStr = (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.isDefault())
|
|
27
27
|
? selectedLaneId.name
|
|
28
28
|
: (showScope && (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.toString())) || (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.name);
|
|
29
|
+
if (loading) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
29
32
|
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(lane_placeholder_module_scss_1.default.placeholder, className, disabled && lane_placeholder_module_scss_1.default.disabled) }),
|
|
30
33
|
react_1.default.createElement(lanes_ui_icons_lane_icon_1.LaneIcon, { className: lane_placeholder_module_scss_1.default.icon }),
|
|
31
34
|
react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: lane_placeholder_module_scss_1.default.placeholderText }, laneIdStr),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-placeholder.js","sourceRoot":"","sources":["../lane-placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,gFAAyD;AACzD,gFAA6D;AAE7D,4DAAoC;AACpC,kFAA8D;AAE9D,kGAAoD;
|
|
1
|
+
{"version":3,"file":"lane-placeholder.js","sourceRoot":"","sources":["../lane-placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,gFAAyD;AACzD,gFAA6D;AAE7D,4DAAoC;AACpC,kFAA8D;AAE9D,kGAAoD;AASpD,SAAgB,eAAe,CAAC,EAOT;QAPS,EAC9B,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,OAEc,EADlB,IAAI,cANuB,mEAO/B,CADQ;IAEP,MAAM,SAAS,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,EAAE;QAC3C,CAAC,CAAC,cAAc,CAAC,IAAI;QACrB,CAAC,CAAC,CAAC,SAAS,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,EAAE,CAAA,CAAC,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,CAAA,CAAC;IAEtE,IAAI,OAAO,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uDAAS,IAAI,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,sCAAM,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,sCAAM,CAAC,QAAQ,CAAC;QAC9F,8BAAC,mCAAQ,IAAC,SAAS,EAAE,sCAAM,CAAC,IAAI,GAAI;QACpC,8BAAC,oCAAQ,IAAC,SAAS,EAAE,sCAAM,CAAC,eAAe,IAAG,SAAS,CAAY;QAClE,CAAC,QAAQ,IAAI,8BAAC,+BAAI,IAAC,EAAE,EAAC,gBAAgB,GAAG,CACtC,CACP,CAAC;AACJ,CAAC;AAvBD,0CAuBC"}
|
|
@@ -8,4 +8,4 @@ export declare type LaneSelectorListProps = {
|
|
|
8
8
|
update?: number;
|
|
9
9
|
};
|
|
10
10
|
} & LaneSelectorProps & HTMLAttributes<HTMLDivElement>;
|
|
11
|
-
export declare function LaneSelectorList({ selectedLaneId: selectedLaneIdFromProps, mainLane, nonMainLanes, className, groupByScope, getHref, onLaneSelected, search, mainIcon, scopeIconLookup, sortBy, sortOptions, scopeIcon, listNavigator, forceCloseOnEnter, ...rest }: LaneSelectorListProps): JSX.Element;
|
|
11
|
+
export declare function LaneSelectorList({ selectedLaneId: selectedLaneIdFromProps, mainLane, nonMainLanes, className, groupByScope, getHref, onLaneSelected, search, mainIcon, scopeIconLookup, sortBy, sortOptions, scopeIcon, listNavigator, forceCloseOnEnter, loading, ...rest }: LaneSelectorListProps): JSX.Element;
|
|
@@ -52,7 +52,7 @@ function LaneSelectorList(_a) {
|
|
|
52
52
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
53
53
|
scopeIcon, listNavigator,
|
|
54
54
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
55
|
-
forceCloseOnEnter } = _a, rest = __rest(_a, ["selectedLaneId", "mainLane", "nonMainLanes", "className", "groupByScope", "getHref", "onLaneSelected", "search", "mainIcon", "scopeIconLookup", "sortBy", "sortOptions", "scopeIcon", "listNavigator", "forceCloseOnEnter"]);
|
|
55
|
+
forceCloseOnEnter, loading } = _a, rest = __rest(_a, ["selectedLaneId", "mainLane", "nonMainLanes", "className", "groupByScope", "getHref", "onLaneSelected", "search", "mainIcon", "scopeIconLookup", "sortBy", "sortOptions", "scopeIcon", "listNavigator", "forceCloseOnEnter", "loading"]);
|
|
56
56
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
57
57
|
const selectedNonMainLane = (!!selectedLaneIdFromProps &&
|
|
58
58
|
nonMainLanes.find((nonMainLane) => nonMainLane.id.isEqual(selectedLaneIdFromProps))) ||
|
|
@@ -149,6 +149,8 @@ function LaneSelectorList(_a) {
|
|
|
149
149
|
selectedLaneElement === null || selectedLaneElement === void 0 ? void 0 : selectedLaneElement.scrollIntoView({ block: 'nearest' });
|
|
150
150
|
}
|
|
151
151
|
}, [selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.toString()]);
|
|
152
|
+
if (loading)
|
|
153
|
+
return null;
|
|
152
154
|
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, lane_selector_list_module_scss_1.default.laneSelectorList) }),
|
|
153
155
|
groupByScope &&
|
|
154
156
|
laneDropdownItems.map(([scope, lanesByScope], index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-selector-list.js","sourceRoot":"","sources":["../lane-selector-list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoF;AACpF,uDAA+C;AAC/C,4DAAoC;AACpC,mCAAiC;AACjC,sFAA6E;AAE7E,mDAAoH;AACpH,qDAAgD;AAChD,qEAA+D;AAE/D,sGAAsD;AAatD,SAAgB,gBAAgB,CAAC,
|
|
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
|
@@ -14,6 +14,7 @@ export declare type LaneSelectorProps = {
|
|
|
14
14
|
sortOptions?: LaneSelectorSortBy[];
|
|
15
15
|
scopeIconLookup?: Map<string, React.ReactNode>;
|
|
16
16
|
forceCloseOnEnter?: boolean;
|
|
17
|
+
loading?: boolean;
|
|
17
18
|
} & HTMLAttributes<HTMLDivElement>;
|
|
18
19
|
export declare type GroupedLaneDropdownItem = [scope: string, lanes: LaneModel[]];
|
|
19
20
|
export declare type LaneDropdownItems = Array<LaneModel> | Array<GroupedLaneDropdownItem>;
|
package/dist/lane-selector.js
CHANGED
|
@@ -46,7 +46,7 @@ const design_inputs_dropdown_1 = require("@teambit/design.inputs.dropdown");
|
|
|
46
46
|
const design_inputs_input_text_1 = require("@teambit/design.inputs.input-text");
|
|
47
47
|
const design_inputs_toggle_button_1 = require("@teambit/design.inputs.toggle-button");
|
|
48
48
|
const design_elements_icon_1 = require("@teambit/design.elements.icon");
|
|
49
|
-
|
|
49
|
+
// import { CheckboxItem } from '@teambit/design.inputs.selectors.checkbox-item';
|
|
50
50
|
const design_ui_tooltip_1 = require("@teambit/design.ui.tooltip");
|
|
51
51
|
const lane_selector_list_1 = require("./lane-selector-list");
|
|
52
52
|
const lane_placeholder_1 = require("./lane-placeholder");
|
|
@@ -68,7 +68,7 @@ function LaneSelector(props) {
|
|
|
68
68
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
69
69
|
mainIcon,
|
|
70
70
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
71
|
-
scopeIcon, scopeIconLookup, forceCloseOnEnter } = props, rest = __rest(props, ["className", "mainLane", "nonMainLanes", "selectedLaneId", "groupByScope", "getHref", "onLaneSelected", "sortBy", "sortOptions", "mainIcon", "scopeIcon", "scopeIconLookup", "forceCloseOnEnter"]);
|
|
71
|
+
scopeIcon, scopeIconLookup, forceCloseOnEnter, loading } = props, rest = __rest(props, ["className", "mainLane", "nonMainLanes", "selectedLaneId", "groupByScope", "getHref", "onLaneSelected", "sortBy", "sortOptions", "mainIcon", "scopeIcon", "scopeIconLookup", "forceCloseOnEnter", "loading"]);
|
|
72
72
|
const compareFn = (0, react_1.useCallback)((_sortBy) => {
|
|
73
73
|
switch (_sortBy) {
|
|
74
74
|
case LaneSelectorSortBy.UPDATED:
|
|
@@ -96,6 +96,7 @@ function LaneSelector(props) {
|
|
|
96
96
|
return nonMainLanes.sort(compareFn(sortBy));
|
|
97
97
|
}, [sortBy, nonMainLanes.length]);
|
|
98
98
|
const [filteredLanes, setFilteredLanes] = (0, react_1.useState)(sortedNonMainLanes);
|
|
99
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
99
100
|
const [groupScope, setGroupScope] = (0, react_1.useState)(groupByScope);
|
|
100
101
|
const location = (0, react_router_dom_1.useLocation)();
|
|
101
102
|
(0, react_1.useEffect)(() => {
|
|
@@ -140,14 +141,23 @@ function LaneSelector(props) {
|
|
|
140
141
|
className: lane_selector_module_scss_1.default.searchInputContainer, inputClass: lane_selector_module_scss_1.default.searchInput, placeholder: 'Search', value: search, onChange: handleSearchOnChange, onClick: handleSearchOnClick, autoFocus: true, icon: react_1.default.createElement(design_elements_icon_1.Icon, { of: "magnifying", className: lane_selector_module_scss_1.default.searchIcon }) })))) ||
|
|
141
142
|
null);
|
|
142
143
|
}
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
144
|
+
// TBD: needs redesign
|
|
145
|
+
// function LaneGroup() {
|
|
146
|
+
// return (
|
|
147
|
+
// <div className={styles.group}>
|
|
148
|
+
// <CheckboxItem
|
|
149
|
+
// checked={groupByScope}
|
|
150
|
+
// onInputChanged={(e) => {
|
|
151
|
+
// // prevent dropdown from closing
|
|
152
|
+
// setGroupScope((v) => !v);
|
|
153
|
+
// e.stopPropagation();
|
|
154
|
+
// }}
|
|
155
|
+
// >
|
|
156
|
+
// <div className={styles.groupText}>Group By Scope</div>
|
|
157
|
+
// </CheckboxItem>
|
|
158
|
+
// </div>
|
|
159
|
+
// );
|
|
160
|
+
// }
|
|
151
161
|
const containerRef = (0, react_1.useRef)(null);
|
|
152
162
|
const [, setPlaceholderOpenStateTracker] = (0, react_1.useState)(false);
|
|
153
163
|
const [forceCloseDropdown, setForceCloseDropdown] = (0, react_1.useState)(true);
|
|
@@ -199,10 +209,8 @@ function LaneSelector(props) {
|
|
|
199
209
|
// if (!v) containerRef.current?.focus();
|
|
200
210
|
return !v;
|
|
201
211
|
});
|
|
202
|
-
}, placeholderContent: react_1.default.createElement(lane_placeholder_1.LanePlaceholder, { disabled: !multipleLanes, selectedLaneId: selectedLaneId, showScope: groupByScope }), className: (0, classnames_1.default)(lane_selector_module_scss_1.default.dropdown, !multipleLanes && lane_selector_module_scss_1.default.disabled) },
|
|
212
|
+
}, placeholderContent: react_1.default.createElement(lane_placeholder_1.LanePlaceholder, { loading: loading, disabled: !multipleLanes, selectedLaneId: selectedLaneId, showScope: groupByScope }), className: (0, classnames_1.default)(lane_selector_module_scss_1.default.dropdown, !multipleLanes && lane_selector_module_scss_1.default.disabled) },
|
|
203
213
|
multipleLanes && (react_1.default.createElement("div", { className: lane_selector_module_scss_1.default.toolbar },
|
|
204
|
-
multipleLanes && groupByScope && (react_1.default.createElement("div", { className: lane_selector_module_scss_1.default.groupBy },
|
|
205
|
-
react_1.default.createElement(LaneGroup, null))),
|
|
206
214
|
react_1.default.createElement(LaneSearch, null),
|
|
207
215
|
react_1.default.createElement("div", { className: lane_selector_module_scss_1.default.sort },
|
|
208
216
|
react_1.default.createElement(design_inputs_toggle_button_1.ToggleButton, { className: (0, classnames_1.default)(lane_selector_module_scss_1.default.sortToggle), defaultIndex: sortOptions.indexOf(sortBy), options: sortOptions.map((option) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqH;AACrH,4DAAoC;AACpC,uDAA+C;AAC/C,mCAAmC;AAEnC,4EAA2D;AAE3D,gFAA6E;AAC7E,sFAAoE;AACpE,wEAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":"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"}
|
package/lane-menu-item.tsx
CHANGED
|
@@ -58,16 +58,7 @@ export const LaneMenuItem = forwardRef<HTMLDivElement, LaneMenuItemProps>(
|
|
|
58
58
|
/>
|
|
59
59
|
);
|
|
60
60
|
|
|
61
|
-
const
|
|
62
|
-
year: 'numeric',
|
|
63
|
-
month: '2-digit',
|
|
64
|
-
day: '2-digit',
|
|
65
|
-
hour: '2-digit',
|
|
66
|
-
minute: '2-digit',
|
|
67
|
-
second: '2-digit',
|
|
68
|
-
hour12: true,
|
|
69
|
-
};
|
|
70
|
-
const formattedTimestamp = timestamp?.toLocaleString(undefined, options).replace(',', '');
|
|
61
|
+
const formattedTimestamp = timestamp?.toString();
|
|
71
62
|
|
|
72
63
|
return (
|
|
73
64
|
<div {...rest} ref={ref} className={classnames(className, styles.laneMenuItemContainer)}>
|
package/lane-placeholder.tsx
CHANGED
|
@@ -11,6 +11,7 @@ export type LanePlaceholderProps = {
|
|
|
11
11
|
selectedLaneId?: LaneId;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
showScope?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
14
15
|
} & HTMLAttributes<HTMLDivElement>;
|
|
15
16
|
|
|
16
17
|
export function LanePlaceholder({
|
|
@@ -18,12 +19,17 @@ export function LanePlaceholder({
|
|
|
18
19
|
disabled,
|
|
19
20
|
className,
|
|
20
21
|
showScope = true,
|
|
22
|
+
loading,
|
|
21
23
|
...rest
|
|
22
24
|
}: LanePlaceholderProps) {
|
|
23
25
|
const laneIdStr = selectedLaneId?.isDefault()
|
|
24
26
|
? selectedLaneId.name
|
|
25
27
|
: (showScope && selectedLaneId?.toString()) || selectedLaneId?.name;
|
|
26
28
|
|
|
29
|
+
if (loading) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
|
|
27
33
|
return (
|
|
28
34
|
<div {...rest} className={classnames(styles.placeholder, className, disabled && styles.disabled)}>
|
|
29
35
|
<LaneIcon className={styles.icon} />
|
package/lane-selector-list.tsx
CHANGED
|
@@ -39,6 +39,7 @@ export function LaneSelectorList({
|
|
|
39
39
|
listNavigator,
|
|
40
40
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
41
41
|
forceCloseOnEnter,
|
|
42
|
+
loading,
|
|
42
43
|
...rest
|
|
43
44
|
}: LaneSelectorListProps) {
|
|
44
45
|
const navigate = useNavigate();
|
|
@@ -156,6 +157,8 @@ export function LaneSelectorList({
|
|
|
156
157
|
}
|
|
157
158
|
}, [selectedLaneId?.toString()]);
|
|
158
159
|
|
|
160
|
+
if (loading) return null;
|
|
161
|
+
|
|
159
162
|
return (
|
|
160
163
|
<div {...rest} className={classnames(className, styles.laneSelectorList)}>
|
|
161
164
|
{groupByScope &&
|
package/lane-selector.tsx
CHANGED
|
@@ -8,7 +8,7 @@ import { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
|
|
|
8
8
|
import { InputText as SearchInput } from '@teambit/design.inputs.input-text';
|
|
9
9
|
import { ToggleButton } from '@teambit/design.inputs.toggle-button';
|
|
10
10
|
import { Icon } from '@teambit/design.elements.icon';
|
|
11
|
-
import { CheckboxItem } from '@teambit/design.inputs.selectors.checkbox-item';
|
|
11
|
+
// import { CheckboxItem } from '@teambit/design.inputs.selectors.checkbox-item';
|
|
12
12
|
import { Tooltip } from '@teambit/design.ui.tooltip';
|
|
13
13
|
|
|
14
14
|
import { LaneSelectorList, ListNavigatorCmd } from './lane-selector-list';
|
|
@@ -29,6 +29,7 @@ export type LaneSelectorProps = {
|
|
|
29
29
|
sortOptions?: LaneSelectorSortBy[];
|
|
30
30
|
scopeIconLookup?: Map<string, React.ReactNode>;
|
|
31
31
|
forceCloseOnEnter?: boolean;
|
|
32
|
+
loading?: boolean;
|
|
32
33
|
} & HTMLAttributes<HTMLDivElement>;
|
|
33
34
|
|
|
34
35
|
export type GroupedLaneDropdownItem = [scope: string, lanes: LaneModel[]];
|
|
@@ -61,6 +62,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
61
62
|
scopeIcon,
|
|
62
63
|
scopeIconLookup,
|
|
63
64
|
forceCloseOnEnter,
|
|
65
|
+
loading,
|
|
64
66
|
...rest
|
|
65
67
|
} = props;
|
|
66
68
|
|
|
@@ -92,6 +94,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
92
94
|
|
|
93
95
|
const [filteredLanes, setFilteredLanes] = useState<LaneModel[]>(sortedNonMainLanes);
|
|
94
96
|
|
|
97
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
95
98
|
const [groupScope, setGroupScope] = useState<boolean>(groupByScope);
|
|
96
99
|
const location = useLocation();
|
|
97
100
|
|
|
@@ -156,22 +159,25 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
156
159
|
);
|
|
157
160
|
}
|
|
158
161
|
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
162
|
+
// TBD: needs redesign
|
|
163
|
+
|
|
164
|
+
// function LaneGroup() {
|
|
165
|
+
// return (
|
|
166
|
+
// <div className={styles.group}>
|
|
167
|
+
// <CheckboxItem
|
|
168
|
+
// checked={groupByScope}
|
|
169
|
+
// onInputChanged={(e) => {
|
|
170
|
+
// // prevent dropdown from closing
|
|
171
|
+
// setGroupScope((v) => !v);
|
|
172
|
+
// e.stopPropagation();
|
|
173
|
+
// }}
|
|
174
|
+
// >
|
|
175
|
+
// <div className={styles.groupText}>Group By Scope</div>
|
|
176
|
+
// </CheckboxItem>
|
|
177
|
+
// </div>
|
|
178
|
+
// );
|
|
179
|
+
// }
|
|
180
|
+
|
|
175
181
|
const containerRef = useRef<HTMLDivElement>(null);
|
|
176
182
|
const [, setPlaceholderOpenStateTracker] = useState<boolean | undefined>(false);
|
|
177
183
|
const [forceCloseDropdown, setForceCloseDropdown] = useState<boolean | undefined>(true);
|
|
@@ -235,17 +241,22 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
235
241
|
});
|
|
236
242
|
}}
|
|
237
243
|
placeholderContent={
|
|
238
|
-
<LanePlaceholder
|
|
244
|
+
<LanePlaceholder
|
|
245
|
+
loading={loading}
|
|
246
|
+
disabled={!multipleLanes}
|
|
247
|
+
selectedLaneId={selectedLaneId}
|
|
248
|
+
showScope={groupByScope}
|
|
249
|
+
/>
|
|
239
250
|
}
|
|
240
251
|
className={classnames(styles.dropdown, !multipleLanes && styles.disabled)}
|
|
241
252
|
>
|
|
242
253
|
{multipleLanes && (
|
|
243
254
|
<div className={styles.toolbar}>
|
|
244
|
-
{multipleLanes && groupByScope && (
|
|
255
|
+
{/* {multipleLanes && groupByScope && (
|
|
245
256
|
<div className={styles.groupBy}>
|
|
246
257
|
<LaneGroup />
|
|
247
258
|
</div>
|
|
248
|
-
)}
|
|
259
|
+
)} */}
|
|
249
260
|
<LaneSearch />
|
|
250
261
|
<div className={styles.sort}>
|
|
251
262
|
<ToggleButton
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/lanes.ui.inputs.lane-selector",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.144",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/lanes/ui/inputs/lane-selector",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.lanes",
|
|
8
8
|
"name": "ui/inputs/lane-selector",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.144"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -20,11 +20,10 @@
|
|
|
20
20
|
"@teambit/design.elements.icon": "1.0.5",
|
|
21
21
|
"@teambit/design.inputs.dropdown": "1.2.16",
|
|
22
22
|
"@teambit/design.inputs.input-text": "1.0.21",
|
|
23
|
-
"@teambit/design.inputs.selectors.checkbox-item": "1.1.11",
|
|
24
23
|
"@teambit/design.inputs.toggle-button": "0.0.9",
|
|
25
24
|
"@teambit/design.ui.tooltip": "0.0.361",
|
|
26
|
-
"@teambit/lane-id": "0.0.
|
|
27
|
-
"@teambit/lanes.ui.models.lanes-model": "0.0.
|
|
25
|
+
"@teambit/lane-id": "0.0.243",
|
|
26
|
+
"@teambit/lanes.ui.models.lanes-model": "0.0.143",
|
|
28
27
|
"@teambit/lanes.ui.icons.lane-icon": "0.0.4",
|
|
29
28
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.499"
|
|
30
29
|
},
|
|
Binary file
|
|
File without changes
|