@teambit/lanes.ui.inputs.lane-selector 0.0.215 → 0.0.217
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-grouped-menu-item.js.map +1 -1
- package/dist/lane-grouped-menu-item.module.scss +1 -1
- package/dist/lane-menu-item.js +1 -1
- package/dist/lane-menu-item.js.map +1 -1
- package/dist/lane-menu-item.module.scss +4 -0
- package/dist/lane-placeholder.d.ts +2 -1
- package/dist/lane-placeholder.js +4 -2
- package/dist/lane-placeholder.js.map +1 -1
- package/dist/lane-selector-list.d.ts +1 -1
- package/dist/lane-selector-list.js +5 -7
- package/dist/lane-selector-list.js.map +1 -1
- package/dist/lane-selector.d.ts +1 -0
- package/dist/lane-selector.js +27 -6
- package/dist/lane-selector.js.map +1 -1
- package/dist/lane-selector.module.scss +5 -1
- package/lane-grouped-menu-item.module.scss +1 -1
- package/lane-grouped-menu-item.tsx +1 -1
- package/lane-menu-item.module.scss +4 -0
- package/lane-menu-item.tsx +1 -1
- package/lane-placeholder.tsx +5 -1
- package/lane-selector-list.tsx +4 -5
- package/lane-selector.module.scss +5 -1
- package/lane-selector.tsx +38 -9
- package/package.json +5 -3
- /package/dist/{preview-1705406853442.js → preview-1708958940676.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-grouped-menu-item.js","sourceRoot":"","sources":["../lane-grouped-menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,gFAAyD;AAEzD,4DAAoC;AAEpC,qDAAgD;AAEhD,8GAA0D;AAa1D,SAAgB,mBAAmB,CAAC,EAWT;QAXS,EAClC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,SAAS,EACT,IAAI,GAAG,8BAAC,+BAAI,IAAC,SAAS,EAAE,4CAAM,CAAC,gBAAgB,EAAE,EAAE,EAAC,iBAAiB,GAAG,EACxE,OAAO,EACP,cAAc,EACd,SAAS,OAEgB,EADtB,IAAI,cAV2B,4GAWnC,CADQ;IAEP,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE;QACrD,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,OAAO,CACL,8BAAC,6BAAY,IACX,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC3B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;KACH;IAED,MAAM,sBAAsB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"lane-grouped-menu-item.js","sourceRoot":"","sources":["../lane-grouped-menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,gFAAyD;AAEzD,4DAAoC;AAEpC,qDAAgD;AAEhD,8GAA0D;AAa1D,SAAgB,mBAAmB,CAAC,EAWT;QAXS,EAClC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,SAAS,EACT,IAAI,GAAG,8BAAC,+BAAI,IAAC,SAAS,EAAE,4CAAM,CAAC,gBAAgB,EAAE,EAAE,EAAC,iBAAiB,GAAG,EACxE,OAAO,EACP,cAAc,EACd,SAAS,OAEgB,EADtB,IAAI,cAV2B,4GAWnC,CADQ;IAEP,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE;QACrD,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,OAAO,CACL,8BAAC,6BAAY,IACX,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC3B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;KACH;IAED,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAE1D,OAAO,CACL,qDAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,4CAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,IAAI;QACrE,uCAAK,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,4CAAM,CAAC,KAAK;YAC3D,uCAAK,SAAS,EAAE,4CAAM,CAAC,SAAS,IAAG,IAAI,CAAO;YAC9C,uCAAK,SAAS,EAAE,4CAAM,CAAC,SAAS,IAAG,KAAK,CAAO,CAC3C;QACL,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,8BAAC,6BAAY,IACX,GAAG,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,EAAE,CAAC,EACzB,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EACvB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,GAC5B,CACH,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAhDD,kDAgDC"}
|
package/dist/lane-menu-item.js
CHANGED
|
@@ -75,6 +75,6 @@ exports.LaneMenuItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
75
75
|
react_1.default.createElement("div", { className: lane_menu_item_module_scss_1.default.bottom },
|
|
76
76
|
!isDefaultLane && react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: lane_menu_item_module_scss_1.default.laneName }, laneName),
|
|
77
77
|
formattedTimestamp && (react_1.default.createElement("div", { className: lane_menu_item_module_scss_1.default.timeStamp },
|
|
78
|
-
react_1.default.createElement(design_ui_time_ago_1.TimeAgo, { date: formattedTimestamp }))))))));
|
|
78
|
+
react_1.default.createElement(design_ui_time_ago_1.TimeAgo, { date: formattedTimestamp, className: lane_menu_item_module_scss_1.default.laneUpdated }))))))));
|
|
79
79
|
});
|
|
80
80
|
//# sourceMappingURL=lane-menu-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,6 @@ export declare type LanePlaceholderProps = {
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
showScope?: boolean;
|
|
7
7
|
loading?: boolean;
|
|
8
|
+
placeholderText?: string;
|
|
8
9
|
} & HTMLAttributes<HTMLDivElement>;
|
|
9
|
-
export declare function LanePlaceholder({ selectedLaneId, disabled, className, showScope, loading, ...rest }: LanePlaceholderProps): React.JSX.Element;
|
|
10
|
+
export declare function LanePlaceholder({ selectedLaneId, disabled, className, showScope, loading, placeholderText: placeholderTextFromProps, ...rest }: LanePlaceholderProps): React.JSX.Element;
|
package/dist/lane-placeholder.js
CHANGED
|
@@ -22,16 +22,18 @@ 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, loading } = _a, rest = __rest(_a, ["selectedLaneId", "disabled", "className", "showScope", "loading"]);
|
|
25
|
+
var { selectedLaneId, disabled, className, showScope = true, loading, placeholderText: placeholderTextFromProps } = _a, rest = __rest(_a, ["selectedLaneId", "disabled", "className", "showScope", "loading", "placeholderText"]);
|
|
26
|
+
const nothingSelected = !selectedLaneId;
|
|
26
27
|
const laneIdStr = (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.isDefault())
|
|
27
28
|
? selectedLaneId.name
|
|
28
29
|
: (showScope && (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.toString())) || (selectedLaneId === null || selectedLaneId === void 0 ? void 0 : selectedLaneId.name);
|
|
30
|
+
const placeholderText = nothingSelected ? placeholderTextFromProps || 'Select lane' : laneIdStr;
|
|
29
31
|
if (loading) {
|
|
30
32
|
return null;
|
|
31
33
|
}
|
|
32
34
|
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) }),
|
|
33
35
|
react_1.default.createElement(lanes_ui_icons_lane_icon_1.LaneIcon, { className: lane_placeholder_module_scss_1.default.icon }),
|
|
34
|
-
react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: lane_placeholder_module_scss_1.default.placeholderText },
|
|
36
|
+
react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: lane_placeholder_module_scss_1.default.placeholderText }, placeholderText),
|
|
35
37
|
!disabled && react_1.default.createElement(evangelist_elements_icon_1.Icon, { of: "fat-arrow-down" })));
|
|
36
38
|
}
|
|
37
39
|
exports.LanePlaceholder = LanePlaceholder;
|
|
@@ -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;AAUpD,SAAgB,eAAe,CAAC,EAQT;QARS,EAC9B,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,eAAe,EAAE,wBAAwB,OAEpB,EADlB,IAAI,cAPuB,sFAQ/B,CADQ;IAEP,MAAM,eAAe,GAAG,CAAC,cAAc,CAAC;IACxC,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;IACtE,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,CAAC,wBAAwB,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhG,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,eAAe,CAAY;QACxE,CAAC,QAAQ,IAAI,8BAAC,+BAAI,IAAC,EAAE,EAAC,gBAAgB,GAAG,CACtC,CACP,CAAC;AACJ,CAAC;AA1BD,0CA0BC"}
|
|
@@ -20,7 +20,6 @@ export declare type LaneSelectorListProps = {
|
|
|
20
20
|
initialOffset?: number;
|
|
21
21
|
forwardedRef?: React.Ref<HTMLDivElement>;
|
|
22
22
|
} & HTMLAttributes<HTMLDivElement>;
|
|
23
|
-
export declare function _LaneSelectorList({ selectedLaneId: selectedLaneIdFromProps, mainLane, nonMainLanes, className, groupByScope, getHref, onLaneSelected, search, mainIcon, scopeIconLookup, loading, hasMore, fetchMore, forwardedRef, ...rest }: LaneSelectorListProps): React.JSX.Element;
|
|
24
23
|
export declare const LaneSelectorList: React.ForwardRefExoticComponent<{
|
|
25
24
|
selectedLaneId?: LaneId;
|
|
26
25
|
mainLane?: LaneModel;
|
|
@@ -39,3 +38,4 @@ export declare const LaneSelectorList: React.ForwardRefExoticComponent<{
|
|
|
39
38
|
initialOffset?: number;
|
|
40
39
|
forwardedRef?: React.Ref<HTMLDivElement>;
|
|
41
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): React.JSX.Element;
|
|
@@ -37,7 +37,7 @@ 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.
|
|
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"));
|
|
@@ -46,6 +46,9 @@ const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-mo
|
|
|
46
46
|
const lane_menu_item_1 = require("./lane-menu-item");
|
|
47
47
|
const lane_grouped_menu_item_1 = require("./lane-grouped-menu-item");
|
|
48
48
|
const lane_selector_list_module_scss_1 = __importDefault(require("./lane-selector-list.module.scss"));
|
|
49
|
+
exports.LaneSelectorList = react_1.default.forwardRef(function _(props, ref) {
|
|
50
|
+
return react_1.default.createElement(_LaneSelectorList, Object.assign({}, props, { forwardedRef: ref }));
|
|
51
|
+
});
|
|
49
52
|
function _LaneSelectorList(_a) {
|
|
50
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"]);
|
|
51
54
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
@@ -204,12 +207,7 @@ function _LaneSelectorList(_a) {
|
|
|
204
207
|
} }));
|
|
205
208
|
}),
|
|
206
209
|
!groupByScope &&
|
|
207
|
-
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,
|
|
208
|
-
// timestamp={sortOptions?.includes(LaneSelectorSortBy.UPDATED) ? lane.updatedAt : lane.createdAt}
|
|
209
|
-
icon: (lane.id.isDefault() && mainIcon) || undefined })))));
|
|
210
|
+
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, icon: (lane.id.isDefault() && mainIcon) || undefined })))));
|
|
210
211
|
}
|
|
211
212
|
exports._LaneSelectorList = _LaneSelectorList;
|
|
212
|
-
exports.LaneSelectorList = react_1.default.forwardRef(function _(props, ref) {
|
|
213
|
-
return react_1.default.createElement(_LaneSelectorList, Object.assign({}, props, { forwardedRef: ref }));
|
|
214
|
-
});
|
|
215
213
|
//# 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,+CAAiG;AACjG,uDAA+C;AAC/C,4DAAoC;AACpC,mCAA6C;AAC7C,sFAA6E;AAI7E,qDAAgD;AAChD,qEAA+D;AAE/D,sGAAsD;
|
|
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
|
@@ -16,6 +16,7 @@ export declare type LaneSelectorProps = {
|
|
|
16
16
|
fetchMoreLanes?: FetchMoreLanes;
|
|
17
17
|
initialOffset?: number;
|
|
18
18
|
searchLanes?: (search?: string) => LanesModel | undefined | null;
|
|
19
|
+
placeholderText?: string;
|
|
19
20
|
} & HTMLAttributes<HTMLDivElement>;
|
|
20
21
|
export declare type GroupedLaneDropdownItem = [scope: string, lanes: LaneModel[]];
|
|
21
22
|
export declare type LaneDropdownItems = Array<LaneModel> | Array<GroupedLaneDropdownItem>;
|
package/dist/lane-selector.js
CHANGED
|
@@ -54,6 +54,7 @@ const lodash_1 = require("lodash");
|
|
|
54
54
|
const design_inputs_dropdown_1 = require("@teambit/design.inputs.dropdown");
|
|
55
55
|
const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-model");
|
|
56
56
|
const design_inputs_input_text_1 = require("@teambit/design.inputs.input-text");
|
|
57
|
+
const fuse_js_1 = __importDefault(require("fuse.js"));
|
|
57
58
|
// import { ToggleButton } from '@teambit/design.inputs.toggle-button';
|
|
58
59
|
const design_elements_icon_1 = require("@teambit/design.elements.icon");
|
|
59
60
|
const lane_selector_list_1 = require("./lane-selector-list");
|
|
@@ -71,10 +72,8 @@ function LaneSelector(props) {
|
|
|
71
72
|
const { className,
|
|
72
73
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
73
74
|
mainLane, nonMainLanes, selectedLaneId, groupByScope = true, getHref, onLaneSelected,
|
|
74
|
-
// sortBy: sortByFromProps = LaneSelectorSortBy.ALPHABETICAL,
|
|
75
|
-
// sortOptions = [LaneSelectorSortBy.ALPHABETICAL, LaneSelectorSortBy.CREATED],
|
|
76
75
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
77
|
-
mainIcon, scopeIconLookup, loading, hasMore, fetchMoreLanes, searchLanes, initialOffset = 0 } = props, rest = __rest(props, ["className", "mainLane", "nonMainLanes", "selectedLaneId", "groupByScope", "getHref", "onLaneSelected", "mainIcon", "scopeIconLookup", "loading", "hasMore", "fetchMoreLanes", "searchLanes", "initialOffset"]);
|
|
76
|
+
mainIcon, scopeIconLookup, loading, hasMore, fetchMoreLanes, searchLanes: searchLanesFromProps, initialOffset = 0, placeholderText } = props, rest = __rest(props, ["className", "mainLane", "nonMainLanes", "selectedLaneId", "groupByScope", "getHref", "onLaneSelected", "mainIcon", "scopeIconLookup", "loading", "hasMore", "fetchMoreLanes", "searchLanes", "initialOffset", "placeholderText"]);
|
|
78
77
|
// const compareFn = useCallback((_sortBy: LaneSelectorSortBy) => {
|
|
79
78
|
// switch (_sortBy) {
|
|
80
79
|
// case LaneSelectorSortBy.UPDATED:
|
|
@@ -99,9 +98,31 @@ function LaneSelector(props) {
|
|
|
99
98
|
const [hasMoreState, setHasMore] = (0, react_1.useState)(hasMore !== null && hasMore !== void 0 ? hasMore : false);
|
|
100
99
|
const [allLanes, setAllLanes] = (0, react_1.useState)([]);
|
|
101
100
|
const [loadingState, setLoading] = (0, react_1.useState)(loading !== null && loading !== void 0 ? loading : false);
|
|
101
|
+
const defaultSearchLanes = react_1.default.useCallback((searchParam) => {
|
|
102
|
+
if (!searchParam)
|
|
103
|
+
return new lanes_ui_models_lanes_model_1.LanesModel({
|
|
104
|
+
lanes: allLanes,
|
|
105
|
+
defaultLane: allLanes.find((lane) => lane.id.isDefault()),
|
|
106
|
+
});
|
|
107
|
+
const fuseOptions = {
|
|
108
|
+
keys: ['id.name', 'id.scope', 'log.username', 'log.email', 'log.displayName'],
|
|
109
|
+
threshold: searchParam.length === 1 ? 0 : 0.3,
|
|
110
|
+
findAllMatches: true,
|
|
111
|
+
location: 0,
|
|
112
|
+
distance: searchParam.length === 1 ? 0 : 100,
|
|
113
|
+
minMatchCharLength: 1,
|
|
114
|
+
ignoreLocation: true,
|
|
115
|
+
shouldSort: false,
|
|
116
|
+
includeScore: true,
|
|
117
|
+
};
|
|
118
|
+
const fuse = new fuse_js_1.default(allLanes, fuseOptions);
|
|
119
|
+
const lanes = fuse.search(searchParam).map((result) => result.item);
|
|
120
|
+
return new lanes_ui_models_lanes_model_1.LanesModel({ lanes, defaultLane: lanes.find((lane) => lane.id.isDefault()) });
|
|
121
|
+
}, [allLanes]);
|
|
122
|
+
const searchLanes = searchLanesFromProps !== null && searchLanesFromProps !== void 0 ? searchLanesFromProps : defaultSearchLanes;
|
|
102
123
|
(0, react_1.useEffect)(() => {
|
|
103
124
|
if (hasMore !== hasMoreState)
|
|
104
|
-
setHasMore(
|
|
125
|
+
setHasMore(Boolean(hasMore));
|
|
105
126
|
}, [hasMore]);
|
|
106
127
|
(0, react_1.useEffect)(() => {
|
|
107
128
|
if (loading !== loadingState)
|
|
@@ -244,11 +265,11 @@ function LaneSelector(props) {
|
|
|
244
265
|
searchedLanes,
|
|
245
266
|
]);
|
|
246
267
|
return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, lane_selector_module_scss_1.default.laneSelector), ref: containerRef }),
|
|
247
|
-
react_1.default.createElement(design_inputs_dropdown_1.Dropdown, { dropClass: lane_selector_module_scss_1.default.menu, position: "bottom", clickPlaceholderToggles: multipleLanes, clickToggles: multipleLanes, open: dropdownOpen, onPlaceholderToggle: react_1.default.useCallback(() => {
|
|
268
|
+
react_1.default.createElement(design_inputs_dropdown_1.Dropdown, { dropClass: lane_selector_module_scss_1.default.menu, position: "bottom", clickPlaceholderToggles: multipleLanes, onClickOutside: () => setDropdownOpen(false), clickToggles: multipleLanes, open: dropdownOpen, onPlaceholderToggle: react_1.default.useCallback(() => {
|
|
248
269
|
if (!multipleLanes)
|
|
249
270
|
return;
|
|
250
271
|
setDropdownOpen((v) => !v);
|
|
251
|
-
}, [multipleLanes]), 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) }, LaneList)));
|
|
272
|
+
}, [multipleLanes]), placeholderContent: react_1.default.createElement(lane_placeholder_1.LanePlaceholder, { loading: loading, disabled: !multipleLanes, selectedLaneId: selectedLaneId, showScope: groupByScope, placeholderText: placeholderText }), className: (0, classnames_1.default)(lane_selector_module_scss_1.default.dropdown, !multipleLanes && lane_selector_module_scss_1.default.disabled) }, LaneList)));
|
|
252
273
|
}
|
|
253
274
|
exports.LaneSelector = LaneSelector;
|
|
254
275
|
//# sourceMappingURL=lane-selector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4G;AAC5G,4DAAoC;AACpC,uDAA+C;AAC/C,mCAAiC;AAEjC,4EAA2D;AAC3D,sFAA6E;AAC7E,gFAA6E;AAC7E,uEAAuE;AACvE,wEAAqD;AAKrD,6DAAwD;AACxD,yDAAqD;AAErD,4FAAiD;
|
|
1
|
+
{"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
.dropdown {
|
|
4
4
|
// otherwise when the dropdown is open it clashes with the content of the tree
|
|
5
5
|
// (this is bizarre, the tree has no position absolute)
|
|
6
|
-
|
|
6
|
+
// todo - check why this is commented out in cloud
|
|
7
|
+
// z-index: $modal-z-index;
|
|
7
8
|
border-radius: 8px;
|
|
8
9
|
width: 100%;
|
|
9
10
|
|
|
@@ -50,6 +51,9 @@
|
|
|
50
51
|
.searchInput {
|
|
51
52
|
// otherwise, search input defaults to 12px for 's' inputSize
|
|
52
53
|
font-size: var(--bit-p-xs, '14px') !important;
|
|
54
|
+
&:focus {
|
|
55
|
+
border: 1px solid var(--border-high-color);
|
|
56
|
+
}
|
|
53
57
|
}
|
|
54
58
|
|
|
55
59
|
.toolbar {
|
|
@@ -45,7 +45,7 @@ export function LaneGroupedMenuItem({
|
|
|
45
45
|
);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
const onClickStopPropagation = (e
|
|
48
|
+
const onClickStopPropagation = (e) => e.stopPropagation();
|
|
49
49
|
|
|
50
50
|
return (
|
|
51
51
|
<div className={classnames(styles.groupedMenuItem, className)} {...rest}>
|
package/lane-menu-item.tsx
CHANGED
|
@@ -78,7 +78,7 @@ export const LaneMenuItem = forwardRef<HTMLDivElement, LaneMenuItemProps>(
|
|
|
78
78
|
|
|
79
79
|
{formattedTimestamp && (
|
|
80
80
|
<div className={styles.timeStamp}>
|
|
81
|
-
<TimeAgo date={formattedTimestamp} />
|
|
81
|
+
<TimeAgo date={formattedTimestamp} className={styles.laneUpdated} />
|
|
82
82
|
</div>
|
|
83
83
|
)}
|
|
84
84
|
</div>
|
package/lane-placeholder.tsx
CHANGED
|
@@ -12,6 +12,7 @@ export type LanePlaceholderProps = {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
showScope?: boolean;
|
|
14
14
|
loading?: boolean;
|
|
15
|
+
placeholderText?: string;
|
|
15
16
|
} & HTMLAttributes<HTMLDivElement>;
|
|
16
17
|
|
|
17
18
|
export function LanePlaceholder({
|
|
@@ -20,11 +21,14 @@ export function LanePlaceholder({
|
|
|
20
21
|
className,
|
|
21
22
|
showScope = true,
|
|
22
23
|
loading,
|
|
24
|
+
placeholderText: placeholderTextFromProps,
|
|
23
25
|
...rest
|
|
24
26
|
}: LanePlaceholderProps) {
|
|
27
|
+
const nothingSelected = !selectedLaneId;
|
|
25
28
|
const laneIdStr = selectedLaneId?.isDefault()
|
|
26
29
|
? selectedLaneId.name
|
|
27
30
|
: (showScope && selectedLaneId?.toString()) || selectedLaneId?.name;
|
|
31
|
+
const placeholderText = nothingSelected ? placeholderTextFromProps || 'Select lane' : laneIdStr;
|
|
28
32
|
|
|
29
33
|
if (loading) {
|
|
30
34
|
return null;
|
|
@@ -33,7 +37,7 @@ export function LanePlaceholder({
|
|
|
33
37
|
return (
|
|
34
38
|
<div {...rest} className={classnames(styles.placeholder, className, disabled && styles.disabled)}>
|
|
35
39
|
<LaneIcon className={styles.icon} />
|
|
36
|
-
<Ellipsis className={styles.placeholderText}>{
|
|
40
|
+
<Ellipsis className={styles.placeholderText}>{placeholderText}</Ellipsis>
|
|
37
41
|
{!disabled && <Icon of="fat-arrow-down" />}
|
|
38
42
|
</div>
|
|
39
43
|
);
|
package/lane-selector-list.tsx
CHANGED
|
@@ -30,6 +30,10 @@ export type LaneSelectorListProps = {
|
|
|
30
30
|
forwardedRef?: React.Ref<HTMLDivElement>;
|
|
31
31
|
} & HTMLAttributes<HTMLDivElement>;
|
|
32
32
|
|
|
33
|
+
export const LaneSelectorList = React.forwardRef<HTMLDivElement, LaneSelectorListProps>(function _(props, ref) {
|
|
34
|
+
return <_LaneSelectorList {...props} forwardedRef={ref} />;
|
|
35
|
+
});
|
|
36
|
+
|
|
33
37
|
export function _LaneSelectorList({
|
|
34
38
|
selectedLaneId: selectedLaneIdFromProps,
|
|
35
39
|
mainLane,
|
|
@@ -263,14 +267,9 @@ export function _LaneSelectorList({
|
|
|
263
267
|
selected={selectedLaneId}
|
|
264
268
|
current={lane}
|
|
265
269
|
timestamp={lane.updatedAt || lane.createdAt}
|
|
266
|
-
// timestamp={sortOptions?.includes(LaneSelectorSortBy.UPDATED) ? lane.updatedAt : lane.createdAt}
|
|
267
270
|
icon={(lane.id.isDefault() && mainIcon) || undefined}
|
|
268
271
|
></LaneMenuItem>
|
|
269
272
|
))}
|
|
270
273
|
</div>
|
|
271
274
|
);
|
|
272
275
|
}
|
|
273
|
-
|
|
274
|
-
export const LaneSelectorList = React.forwardRef<HTMLDivElement, LaneSelectorListProps>(function _(props, ref) {
|
|
275
|
-
return <_LaneSelectorList {...props} forwardedRef={ref} />;
|
|
276
|
-
});
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
.dropdown {
|
|
4
4
|
// otherwise when the dropdown is open it clashes with the content of the tree
|
|
5
5
|
// (this is bizarre, the tree has no position absolute)
|
|
6
|
-
|
|
6
|
+
// todo - check why this is commented out in cloud
|
|
7
|
+
// z-index: $modal-z-index;
|
|
7
8
|
border-radius: 8px;
|
|
8
9
|
width: 100%;
|
|
9
10
|
|
|
@@ -50,6 +51,9 @@
|
|
|
50
51
|
.searchInput {
|
|
51
52
|
// otherwise, search input defaults to 12px for 's' inputSize
|
|
52
53
|
font-size: var(--bit-p-xs, '14px') !important;
|
|
54
|
+
&:focus {
|
|
55
|
+
border: 1px solid var(--border-high-color);
|
|
56
|
+
}
|
|
53
57
|
}
|
|
54
58
|
|
|
55
59
|
.toolbar {
|
package/lane-selector.tsx
CHANGED
|
@@ -6,6 +6,7 @@ import { LaneId } from '@teambit/lane-id';
|
|
|
6
6
|
import { Dropdown } from '@teambit/design.inputs.dropdown';
|
|
7
7
|
import { LaneModel, LanesModel } from '@teambit/lanes.ui.models.lanes-model';
|
|
8
8
|
import { InputText as SearchInput } from '@teambit/design.inputs.input-text';
|
|
9
|
+
import Fuse from 'fuse.js';
|
|
9
10
|
// import { ToggleButton } from '@teambit/design.inputs.toggle-button';
|
|
10
11
|
import { Icon } from '@teambit/design.elements.icon';
|
|
11
12
|
// import { CheckboxItem } from '@teambit/design.inputs.selectors.checkbox-item';
|
|
@@ -25,14 +26,13 @@ export type LaneSelectorProps = {
|
|
|
25
26
|
getHref?: (laneId: LaneId) => string;
|
|
26
27
|
onLaneSelected?: (laneId: LaneId, lane: LaneModel) => void;
|
|
27
28
|
mainIcon?: React.ReactNode;
|
|
28
|
-
// sortBy?: LaneSelectorSortBy;
|
|
29
|
-
// sortOptions?: LaneSelectorSortBy[];
|
|
30
29
|
scopeIconLookup?: Map<string, React.ReactNode>;
|
|
31
30
|
loading?: boolean;
|
|
32
31
|
hasMore?: boolean;
|
|
33
32
|
fetchMoreLanes?: FetchMoreLanes;
|
|
34
33
|
initialOffset?: number;
|
|
35
34
|
searchLanes?: (search?: string) => LanesModel | undefined | null;
|
|
35
|
+
placeholderText?: string;
|
|
36
36
|
} & HTMLAttributes<HTMLDivElement>;
|
|
37
37
|
|
|
38
38
|
export type GroupedLaneDropdownItem = [scope: string, lanes: LaneModel[]];
|
|
@@ -59,19 +59,17 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
59
59
|
groupByScope = true,
|
|
60
60
|
getHref,
|
|
61
61
|
onLaneSelected,
|
|
62
|
-
// sortBy: sortByFromProps = LaneSelectorSortBy.ALPHABETICAL,
|
|
63
|
-
// sortOptions = [LaneSelectorSortBy.ALPHABETICAL, LaneSelectorSortBy.CREATED],
|
|
64
62
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
65
63
|
mainIcon,
|
|
66
64
|
scopeIconLookup,
|
|
67
65
|
loading,
|
|
68
66
|
hasMore,
|
|
69
67
|
fetchMoreLanes,
|
|
70
|
-
searchLanes,
|
|
68
|
+
searchLanes: searchLanesFromProps,
|
|
71
69
|
initialOffset = 0,
|
|
70
|
+
placeholderText,
|
|
72
71
|
...rest
|
|
73
72
|
} = props;
|
|
74
|
-
|
|
75
73
|
// const compareFn = useCallback((_sortBy: LaneSelectorSortBy) => {
|
|
76
74
|
// switch (_sortBy) {
|
|
77
75
|
// case LaneSelectorSortBy.UPDATED:
|
|
@@ -98,8 +96,37 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
98
96
|
const [allLanes, setAllLanes] = useState<LaneModel[]>([]);
|
|
99
97
|
const [loadingState, setLoading] = useState<boolean>(loading ?? false);
|
|
100
98
|
|
|
99
|
+
const defaultSearchLanes = React.useCallback(
|
|
100
|
+
(searchParam?: string) => {
|
|
101
|
+
if (!searchParam)
|
|
102
|
+
return new LanesModel({
|
|
103
|
+
lanes: allLanes,
|
|
104
|
+
defaultLane: allLanes.find((lane) => lane.id.isDefault()),
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
const fuseOptions = {
|
|
108
|
+
keys: ['id.name', 'id.scope', 'log.username', 'log.email', 'log.displayName'],
|
|
109
|
+
threshold: searchParam.length === 1 ? 0 : 0.3,
|
|
110
|
+
findAllMatches: true,
|
|
111
|
+
location: 0,
|
|
112
|
+
distance: searchParam.length === 1 ? 0 : 100,
|
|
113
|
+
minMatchCharLength: 1,
|
|
114
|
+
ignoreLocation: true,
|
|
115
|
+
shouldSort: false,
|
|
116
|
+
includeScore: true,
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
const fuse = new Fuse(allLanes, fuseOptions);
|
|
120
|
+
const lanes = fuse.search(searchParam).map((result) => result.item);
|
|
121
|
+
return new LanesModel({ lanes, defaultLane: lanes.find((lane) => lane.id.isDefault()) });
|
|
122
|
+
},
|
|
123
|
+
[allLanes]
|
|
124
|
+
);
|
|
125
|
+
|
|
126
|
+
const searchLanes = searchLanesFromProps ?? defaultSearchLanes;
|
|
127
|
+
|
|
101
128
|
useEffect(() => {
|
|
102
|
-
if (hasMore !== hasMoreState) setHasMore(
|
|
129
|
+
if (hasMore !== hasMoreState) setHasMore(Boolean(hasMore));
|
|
103
130
|
}, [hasMore]);
|
|
104
131
|
|
|
105
132
|
useEffect(() => {
|
|
@@ -180,7 +207,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
180
207
|
setSearch(searchTerm || '');
|
|
181
208
|
};
|
|
182
209
|
|
|
183
|
-
const handleSearchIconClicked = (e
|
|
210
|
+
const handleSearchIconClicked = (e) => {
|
|
184
211
|
// prevent dropdown from closing
|
|
185
212
|
e.stopPropagation();
|
|
186
213
|
if (searchIconRef.current !== CLEAR_SEARCH_ICON) return;
|
|
@@ -189,7 +216,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
189
216
|
setFilteredLanes(allLanes);
|
|
190
217
|
};
|
|
191
218
|
|
|
192
|
-
const handleSearchOnClick = (e
|
|
219
|
+
const handleSearchOnClick = (e) => {
|
|
193
220
|
// prevent dropdown from closing
|
|
194
221
|
e.stopPropagation();
|
|
195
222
|
};
|
|
@@ -331,6 +358,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
331
358
|
dropClass={styles.menu}
|
|
332
359
|
position="bottom"
|
|
333
360
|
clickPlaceholderToggles={multipleLanes}
|
|
361
|
+
onClickOutside={() => setDropdownOpen(false)}
|
|
334
362
|
clickToggles={multipleLanes}
|
|
335
363
|
open={dropdownOpen}
|
|
336
364
|
onPlaceholderToggle={React.useCallback(() => {
|
|
@@ -343,6 +371,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
343
371
|
disabled={!multipleLanes}
|
|
344
372
|
selectedLaneId={selectedLaneId}
|
|
345
373
|
showScope={groupByScope}
|
|
374
|
+
placeholderText={placeholderText}
|
|
346
375
|
/>
|
|
347
376
|
}
|
|
348
377
|
className={classnames(styles.dropdown, !multipleLanes && styles.disabled)}
|
package/package.json
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/lanes.ui.inputs.lane-selector",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.217",
|
|
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.217"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
13
13
|
"lodash": "4.17.21",
|
|
14
|
+
"fuse.js": "6.6.2",
|
|
14
15
|
"core-js": "^3.0.0",
|
|
15
16
|
"@teambit/evangelist.elements.icon": "1.0.2",
|
|
16
17
|
"@teambit/lane-id": "0.0.311",
|
|
@@ -24,12 +25,13 @@
|
|
|
24
25
|
"@teambit/design.inputs.dropdown": "1.2.16",
|
|
25
26
|
"@teambit/design.inputs.input-text": "1.0.21",
|
|
26
27
|
"@teambit/lanes.ui.models.lanes-model": "0.0.212",
|
|
27
|
-
"@teambit/lanes.hooks.use-lanes": "0.0.
|
|
28
|
+
"@teambit/lanes.hooks.use-lanes": "0.0.260"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
31
|
"@types/classnames": "2.2.11",
|
|
31
32
|
"@types/react": "^17.0.8",
|
|
32
33
|
"@types/lodash": "4.14.165",
|
|
34
|
+
"@types/react-router-dom": "5.3.3",
|
|
33
35
|
"@types/mocha": "9.1.0",
|
|
34
36
|
"@types/node": "12.20.4",
|
|
35
37
|
"@types/react-dom": "^17.0.5",
|
|
File without changes
|