@teambit/lanes.ui.inputs.lane-selector 0.0.275 → 0.0.277
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 +3 -2
- package/dist/lane-menu-item.js.map +1 -1
- package/dist/lane-menu-item.module.scss +1 -0
- package/dist/lane-selector.js +2 -5
- package/dist/lane-selector.js.map +1 -1
- package/dist/lane-selector.module.scss +19 -10
- package/lane-menu-item.module.scss +1 -0
- package/lane-menu-item.tsx +3 -7
- package/lane-selector.module.scss +19 -10
- package/lane-selector.tsx +22 -21
- package/package.json +8 -8
- package/dist/preview-1754998249736.js +0 -7
- package/types/asset.d.ts +0 -29
- package/types/style.d.ts +0 -42
package/dist/lane-menu-item.js
CHANGED
|
@@ -45,6 +45,7 @@ const design_ui_surfaces_menu_link_item_1 = require("@teambit/design.ui.surfaces
|
|
|
45
45
|
const design_ui_avatar_1 = require("@teambit/design.ui.avatar");
|
|
46
46
|
const design_ui_time_ago_1 = require("@teambit/design.ui.time-ago");
|
|
47
47
|
const design_ui_styles_ellipsis_1 = require("@teambit/design.ui.styles.ellipsis");
|
|
48
|
+
const design_elements_icon_1 = require("@teambit/design.elements.icon");
|
|
48
49
|
const lane_menu_item_module_scss_1 = __importDefault(require("./lane-menu-item.module.scss"));
|
|
49
50
|
// TODO: @luv please fix the eslint error
|
|
50
51
|
// eslint-disable-next-line react/display-name
|
|
@@ -53,8 +54,8 @@ exports.LaneMenuItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
53
54
|
var { selected, current, className, onLaneSelected, getHref = lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl, icon, timestamp } = _a, rest = __rest(_a, ["selected", "current", "className", "onLaneSelected", "getHref", "icon", "timestamp"]);
|
|
54
55
|
const isCurrent = (selected === null || selected === void 0 ? void 0 : selected.toString()) === current.id.toString();
|
|
55
56
|
const isDefaultLane = current.id.isDefault();
|
|
56
|
-
const
|
|
57
|
-
|
|
57
|
+
const defaultIcon = react_1.default.createElement(design_elements_icon_1.Icon, { of: "changed-components" });
|
|
58
|
+
const iconWithDefault = icon || (isDefaultLane ? defaultIcon : undefined);
|
|
58
59
|
const href = getHref(current.id);
|
|
59
60
|
const onClick = () => {
|
|
60
61
|
onLaneSelected === null || onLaneSelected === void 0 ? void 0 : onLaneSelected(current.id, current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA0C;AAC1C,4DAAoC;AAGpC,sFAAkE;AAClE,kGAA0E;AAC1E,gEAAuD;AACvD,oEAAsD;AACtD,kFAA8D;
|
|
1
|
+
{"version":3,"file":"lane-menu-item.js","sourceRoot":"","sources":["../lane-menu-item.tsx"],"names":[],"mappings":"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"}
|
package/dist/lane-selector.js
CHANGED
|
@@ -211,11 +211,8 @@ function LaneSelector(props) {
|
|
|
211
211
|
};
|
|
212
212
|
function LaneSearch() {
|
|
213
213
|
const isClear = searchIconRef.current === CLEAR_SEARCH_ICON;
|
|
214
|
-
return
|
|
215
|
-
react_1.default.createElement(design_inputs_input_text_1.InputText, { activeLabel: false, inputSize:
|
|
216
|
-
// ref={inputRef}
|
|
217
|
-
className: (0, classnames_1.default)(lane_selector_module_scss_1.default.searchInputContainer, isClear && lane_selector_module_scss_1.default.pointer), 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: searchIconRef.current, className: lane_selector_module_scss_1.default.searchIcon, onClick: handleSearchIconClicked }) })))) ||
|
|
218
|
-
null);
|
|
214
|
+
return multipleLanes ? (react_1.default.createElement("div", { className: lane_selector_module_scss_1.default.search },
|
|
215
|
+
react_1.default.createElement(design_inputs_input_text_1.InputText, { activeLabel: false, inputSize: "s", className: lane_selector_module_scss_1.default.searchInputContainer, inputClass: (0, classnames_1.default)(lane_selector_module_scss_1.default.searchInput, isClear && lane_selector_module_scss_1.default.clear), placeholder: "Search", value: search, onChange: handleSearchOnChange, onClick: handleSearchOnClick, autoFocus: true, icon: react_1.default.createElement(design_elements_icon_1.Icon, { of: searchIconRef.current, onClick: handleSearchIconClicked }) }))) : null;
|
|
219
216
|
}
|
|
220
217
|
// TBD: needs redesign
|
|
221
218
|
// function LaneGroup() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,
|
|
1
|
+
{"version":3,"file":"lane-selector.js","sourceRoot":"","sources":["../lane-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
.menu {
|
|
29
29
|
width: 300px;
|
|
30
|
+
min-width: initial;
|
|
30
31
|
border-radius: 8px;
|
|
31
32
|
padding: 0;
|
|
32
33
|
// border: 1px solid var(--border-medium-color);
|
|
@@ -48,14 +49,26 @@
|
|
|
48
49
|
padding-top: 0;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
|
-
.searchInput {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
.searchInputContainer .searchInput {
|
|
53
|
+
font-size: 14px;
|
|
54
|
+
|
|
54
55
|
&:focus {
|
|
55
|
-
border: 1px solid var(--border-
|
|
56
|
+
border: 1px solid var(--border-medium-focus-color, #c6c6c6);
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
|
|
60
|
+
.searchInput + [class*='iconsHolder'] {
|
|
61
|
+
top: 50%;
|
|
62
|
+
right: 0px;
|
|
63
|
+
transform: translate(-50%, -50%);
|
|
64
|
+
font-size: 14px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.searchInput.clear + [class*='iconsHolder'] {
|
|
68
|
+
font-size: 16px;
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
}
|
|
71
|
+
|
|
59
72
|
.toolbar {
|
|
60
73
|
display: flex;
|
|
61
74
|
justify-content: space-between;
|
|
@@ -95,10 +108,6 @@
|
|
|
95
108
|
height: 14px;
|
|
96
109
|
width: 14px;
|
|
97
110
|
padding-right: 4px;
|
|
98
|
-
filter: invert(46%) sepia(8%) saturate(298%) hue-rotate(189deg)
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
.searchIcon {
|
|
102
|
-
// otherwise the search icon is not aligned with the placeholder
|
|
103
|
-
top: calc(50% - 0.5rem) !important;
|
|
111
|
+
filter: invert(46%) sepia(8%) saturate(298%) hue-rotate(189deg)
|
|
112
|
+
brightness(95%) contrast(91%);
|
|
104
113
|
}
|
package/lane-menu-item.tsx
CHANGED
|
@@ -8,7 +8,7 @@ import { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';
|
|
|
8
8
|
import { UserAvatar } from '@teambit/design.ui.avatar';
|
|
9
9
|
import { TimeAgo } from '@teambit/design.ui.time-ago';
|
|
10
10
|
import { Ellipsis } from '@teambit/design.ui.styles.ellipsis';
|
|
11
|
-
|
|
11
|
+
import { Icon } from '@teambit/design.elements.icon'
|
|
12
12
|
import styles from './lane-menu-item.module.scss';
|
|
13
13
|
|
|
14
14
|
export type LaneMenuItemProps = {
|
|
@@ -38,12 +38,8 @@ export const LaneMenuItem = forwardRef<HTMLDivElement, LaneMenuItemProps>(
|
|
|
38
38
|
) => {
|
|
39
39
|
const isCurrent = selected?.toString() === current.id.toString();
|
|
40
40
|
const isDefaultLane = current.id.isDefault();
|
|
41
|
-
const
|
|
42
|
-
|
|
43
|
-
(isDefaultLane ? (
|
|
44
|
-
<img alt="main components" src="https://static.bit.cloud/bit-icons/changed-components.svg" />
|
|
45
|
-
) : undefined);
|
|
46
|
-
|
|
41
|
+
const defaultIcon = <Icon of="changed-components" />;
|
|
42
|
+
const iconWithDefault = icon || (isDefaultLane ? defaultIcon : undefined);
|
|
47
43
|
const href = getHref(current.id);
|
|
48
44
|
|
|
49
45
|
const onClick = () => {
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
.menu {
|
|
29
29
|
width: 300px;
|
|
30
|
+
min-width: initial;
|
|
30
31
|
border-radius: 8px;
|
|
31
32
|
padding: 0;
|
|
32
33
|
// border: 1px solid var(--border-medium-color);
|
|
@@ -48,14 +49,26 @@
|
|
|
48
49
|
padding-top: 0;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
|
-
.searchInput {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
.searchInputContainer .searchInput {
|
|
53
|
+
font-size: 14px;
|
|
54
|
+
|
|
54
55
|
&:focus {
|
|
55
|
-
border: 1px solid var(--border-
|
|
56
|
+
border: 1px solid var(--border-medium-focus-color, #c6c6c6);
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
|
|
60
|
+
.searchInput + [class*='iconsHolder'] {
|
|
61
|
+
top: 50%;
|
|
62
|
+
right: 0px;
|
|
63
|
+
transform: translate(-50%, -50%);
|
|
64
|
+
font-size: 14px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.searchInput.clear + [class*='iconsHolder'] {
|
|
68
|
+
font-size: 16px;
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
}
|
|
71
|
+
|
|
59
72
|
.toolbar {
|
|
60
73
|
display: flex;
|
|
61
74
|
justify-content: space-between;
|
|
@@ -95,10 +108,6 @@
|
|
|
95
108
|
height: 14px;
|
|
96
109
|
width: 14px;
|
|
97
110
|
padding-right: 4px;
|
|
98
|
-
filter: invert(46%) sepia(8%) saturate(298%) hue-rotate(189deg)
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
.searchIcon {
|
|
102
|
-
// otherwise the search icon is not aligned with the placeholder
|
|
103
|
-
top: calc(50% - 0.5rem) !important;
|
|
111
|
+
filter: invert(46%) sepia(8%) saturate(298%) hue-rotate(189deg)
|
|
112
|
+
brightness(95%) contrast(91%);
|
|
104
113
|
}
|
package/lane-selector.tsx
CHANGED
|
@@ -226,26 +226,27 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
226
226
|
function LaneSearch() {
|
|
227
227
|
const isClear = searchIconRef.current === CLEAR_SEARCH_ICON;
|
|
228
228
|
|
|
229
|
-
return (
|
|
230
|
-
|
|
231
|
-
<
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
229
|
+
return multipleLanes ? (
|
|
230
|
+
<div className={styles.search}>
|
|
231
|
+
<SearchInput
|
|
232
|
+
activeLabel={false}
|
|
233
|
+
inputSize="s"
|
|
234
|
+
className={styles.searchInputContainer}
|
|
235
|
+
inputClass={classnames(styles.searchInput, isClear && styles.clear)}
|
|
236
|
+
placeholder="Search"
|
|
237
|
+
value={search}
|
|
238
|
+
onChange={handleSearchOnChange}
|
|
239
|
+
onClick={handleSearchOnClick}
|
|
240
|
+
autoFocus
|
|
241
|
+
icon={
|
|
242
|
+
<Icon
|
|
243
|
+
of={searchIconRef.current}
|
|
244
|
+
onClick={handleSearchIconClicked}
|
|
245
|
+
/>
|
|
246
|
+
}
|
|
247
|
+
/>
|
|
248
|
+
</div>
|
|
249
|
+
) : null;
|
|
249
250
|
}
|
|
250
251
|
// TBD: needs redesign
|
|
251
252
|
|
|
@@ -286,7 +287,7 @@ export function LaneSelector(props: LaneSelectorProps) {
|
|
|
286
287
|
if (!multipleLanes && !dropdownOpen) return null;
|
|
287
288
|
|
|
288
289
|
return (
|
|
289
|
-
<React.Fragment key=
|
|
290
|
+
<React.Fragment key='lane-selector-dropdown-root'>
|
|
290
291
|
<div className={styles.toolbar}>
|
|
291
292
|
{/* {multipleLanes && groupByScope && (
|
|
292
293
|
<div className={styles.groupBy}>
|
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.277",
|
|
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.277"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
"fuse.js": "6.6.2",
|
|
15
15
|
"core-js": "^3.0.0",
|
|
16
16
|
"@teambit/evangelist.elements.icon": "1.0.2",
|
|
17
|
-
"@teambit/lane-id": "0.0.312",
|
|
18
17
|
"@teambit/lanes.ui.models.lanes-model": "0.0.229",
|
|
18
|
+
"@teambit/lane-id": "0.0.312",
|
|
19
|
+
"@teambit/design.elements.icon": "1.0.24",
|
|
19
20
|
"@teambit/design.ui.styles.ellipsis": "0.0.357",
|
|
21
|
+
"@teambit/design.ui.avatar": "1.1.17",
|
|
20
22
|
"@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
|
|
21
23
|
"@teambit/design.ui.time-ago": "0.0.380",
|
|
22
24
|
"@teambit/lanes.ui.icons.lane-icon": "0.0.9",
|
|
23
25
|
"@teambit/lanes.hooks.use-lanes": "0.0.290",
|
|
24
26
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
|
|
25
|
-
"@teambit/design.
|
|
26
|
-
"@teambit/design.inputs.dropdown": "1.3.
|
|
27
|
-
"@teambit/design.inputs.input-text": "1.1.3",
|
|
28
|
-
"@teambit/design.ui.avatar": "1.1.16"
|
|
27
|
+
"@teambit/design.inputs.input-text": "1.1.4",
|
|
28
|
+
"@teambit/design.inputs.dropdown": "1.3.3"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@types/classnames": "2.2.11",
|
|
32
31
|
"@types/react": "^17.0.8",
|
|
32
|
+
"@types/classnames": "2.2.11",
|
|
33
33
|
"@types/lodash": "4.14.165",
|
|
34
34
|
"@types/react-router-dom": "5.3.3",
|
|
35
35
|
"@types/mocha": "9.1.0",
|
package/types/asset.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
declare module '*.png' {
|
|
2
|
-
const value: any;
|
|
3
|
-
export = value;
|
|
4
|
-
}
|
|
5
|
-
declare module '*.svg' {
|
|
6
|
-
import type { FunctionComponent, SVGProps } from 'react';
|
|
7
|
-
|
|
8
|
-
export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
|
|
9
|
-
const src: string;
|
|
10
|
-
export default src;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
// @TODO Gilad
|
|
14
|
-
declare module '*.jpg' {
|
|
15
|
-
const value: any;
|
|
16
|
-
export = value;
|
|
17
|
-
}
|
|
18
|
-
declare module '*.jpeg' {
|
|
19
|
-
const value: any;
|
|
20
|
-
export = value;
|
|
21
|
-
}
|
|
22
|
-
declare module '*.gif' {
|
|
23
|
-
const value: any;
|
|
24
|
-
export = value;
|
|
25
|
-
}
|
|
26
|
-
declare module '*.bmp' {
|
|
27
|
-
const value: any;
|
|
28
|
-
export = value;
|
|
29
|
-
}
|
package/types/style.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
declare module '*.module.css' {
|
|
2
|
-
const classes: { readonly [key: string]: string };
|
|
3
|
-
export default classes;
|
|
4
|
-
}
|
|
5
|
-
declare module '*.module.scss' {
|
|
6
|
-
const classes: { readonly [key: string]: string };
|
|
7
|
-
export default classes;
|
|
8
|
-
}
|
|
9
|
-
declare module '*.module.sass' {
|
|
10
|
-
const classes: { readonly [key: string]: string };
|
|
11
|
-
export default classes;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare module '*.module.less' {
|
|
15
|
-
const classes: { readonly [key: string]: string };
|
|
16
|
-
export default classes;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
declare module '*.less' {
|
|
20
|
-
const classes: { readonly [key: string]: string };
|
|
21
|
-
export default classes;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
declare module '*.css' {
|
|
25
|
-
const classes: { readonly [key: string]: string };
|
|
26
|
-
export default classes;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
declare module '*.sass' {
|
|
30
|
-
const classes: { readonly [key: string]: string };
|
|
31
|
-
export default classes;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
declare module '*.scss' {
|
|
35
|
-
const classes: { readonly [key: string]: string };
|
|
36
|
-
export default classes;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
declare module '*.mdx' {
|
|
40
|
-
const component: any;
|
|
41
|
-
export default component;
|
|
42
|
-
}
|