@teambit/component.ui.version-dropdown 0.0.925 → 0.0.927
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/{preview-1779298653501.js → preview-1782326787671.js} +2 -2
- package/dist/version-info/version-info.js +6 -1
- package/dist/version-info/version-info.js.map +1 -1
- package/dist/version-info/version-info.module.scss +11 -0
- package/package.json +5 -4
- package/version-info/version-info.module.scss +11 -0
- package/version-info/version-info.tsx +10 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@0.0.
|
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@0.0.
|
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@0.0.927/dist/version-dropdown.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@0.0.927/dist/version-dropdown.docs.js';
|
|
3
3
|
|
|
4
4
|
export const compositions = [compositions_0];
|
|
5
5
|
export const overview = [overview_0];
|
|
@@ -40,13 +40,15 @@ exports.VersionInfo = void 0;
|
|
|
40
40
|
const design_ui_surfaces_menu_link_item_1 = require("@teambit/design.ui.surfaces.menu.link-item");
|
|
41
41
|
const design_ui_time_ago_1 = require("@teambit/design.ui.time-ago");
|
|
42
42
|
const component_ui_version_label_1 = require("@teambit/component.ui.version-label");
|
|
43
|
+
const evangelist_elements_icon_1 = require("@teambit/evangelist.elements.icon");
|
|
44
|
+
const design_ui_tooltip_1 = require("@teambit/design.ui.tooltip");
|
|
43
45
|
const react_1 = __importStar(require("react"));
|
|
44
46
|
const design_ui_avatar_1 = require("@teambit/design.ui.avatar");
|
|
45
47
|
const design_ui_styles_ellipsis_1 = require("@teambit/design.ui.styles.ellipsis");
|
|
46
48
|
const classnames_1 = __importDefault(require("classnames"));
|
|
47
49
|
const version_info_module_scss_1 = __importDefault(require("./version-info.module.scss"));
|
|
48
50
|
exports.VersionInfo = react_1.default.memo(react_1.default.forwardRef(_VersionInfo));
|
|
49
|
-
function _VersionInfo({ version, currentVersion, latestVersion, date, username, displayName, email, overrideVersionHref, showDetails, message, tag, profileImage, onVersionClicked, }, ref) {
|
|
51
|
+
function _VersionInfo({ version, currentVersion, latestVersion, date, username, displayName, email, overrideVersionHref, showDetails, message, tag, profileImage, deprecated, onVersionClicked, }, ref) {
|
|
50
52
|
const isCurrent = version === currentVersion;
|
|
51
53
|
const author = (0, react_1.useMemo)(() => {
|
|
52
54
|
return {
|
|
@@ -75,6 +77,9 @@ function _VersionInfo({ version, currentVersion, latestVersion, date, username,
|
|
|
75
77
|
react_1.default.createElement(design_ui_avatar_1.UserAvatar, { size: 24, account: author, className: version_info_module_scss_1.default.versionUserAvatar, showTooltip: true }),
|
|
76
78
|
react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: (0, classnames_1.default)(version_info_module_scss_1.default.versionName) }, formattedVersion),
|
|
77
79
|
isLatest && react_1.default.createElement(component_ui_version_label_1.VersionLabel, { status: "latest" }),
|
|
80
|
+
deprecated && (react_1.default.createElement(design_ui_tooltip_1.Tooltip, { placement: "bottom", content: "Deprecated" },
|
|
81
|
+
react_1.default.createElement("div", { className: version_info_module_scss_1.default.deprecatedIcon },
|
|
82
|
+
react_1.default.createElement(evangelist_elements_icon_1.Icon, { of: "note-deprecated" })))),
|
|
78
83
|
react_1.default.createElement(CommitMessage, { message: message, showDetails: showDetails })),
|
|
79
84
|
react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis, { className: version_info_module_scss_1.default.versionTimestamp },
|
|
80
85
|
react_1.default.createElement(design_ui_time_ago_1.TimeAgo, { date: timestamp })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version-info.js","sourceRoot":"","sources":["../../version-info/version-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kGAA0E;AAC1E,oEAAsD;AACtD,oFAAmE;AACnE,+CAA0D;AAC1D,gEAAuD;AACvD,kFAA8D;AAC9D,4DAAoC;AAEpC,0FAAgD;AAUnC,QAAA,WAAW,GAAG,eAAK,CAAC,IAAI,CAAC,eAAK,CAAC,UAAU,CAAmC,YAAY,CAAC,CAAC,CAAC;AACxG,SAAS,YAAY,CACnB,EACE,OAAO,EACP,cAAc,EACd,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,GAAG,EACH,YAAY,EACZ,gBAAgB,GACC,EACnB,GAAwC;IAExC,MAAM,SAAS,GAAG,OAAO,KAAK,cAAc,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACL,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE;YAC9B,KAAK;YACL,IAAI,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE;YACpB,YAAY;SACb,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9G,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,EAAE,CAAC;YACd,MAAA,iBAAiB,CAAC,OAAO,0CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,IAAI,GAAG,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,OAAO,EAAE,CAAC;IAExF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,OAAO,KAAK,aAAa,CAAC;IAE3C,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,IAAI,iBAAiB,EAAE,OAAO,EAAE,gBAAgB;QAC3D,8BAAC,gDAAY,IAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kCAAM,CAAC,UAAU;YACvE,uCAAK,SAAS,EAAE,kCAAM,CAAC,OAAO;gBAC5B,8BAAC,6BAAU,IAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,kCAAM,CAAC,iBAAiB,EAAE,WAAW,EAAE,IAAI,GAAI;gBACjG,8BAAC,oCAAQ,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,kCAAM,CAAC,WAAW,CAAC,IAAG,gBAAgB,CAAY;gBACjF,QAAQ,IAAI,8BAAC,yCAAY,IAAC,MAAM,EAAC,QAAQ,GAAG;
|
|
1
|
+
{"version":3,"file":"version-info.js","sourceRoot":"","sources":["../../version-info/version-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,17 @@
|
|
|
40
40
|
min-width: fit-content;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
+
.deprecatedIcon {
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
flex: none;
|
|
48
|
+
margin: 0 4px;
|
|
49
|
+
color: var(--bit-accent-color-warning, #f6a609);
|
|
50
|
+
font-size: 14px;
|
|
51
|
+
line-height: 1;
|
|
52
|
+
}
|
|
53
|
+
|
|
43
54
|
.commitMessage {
|
|
44
55
|
flex-grow: 1;
|
|
45
56
|
padding: 0px 8px;
|
package/package.json
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/component.ui.version-dropdown",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.927",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/component/ui/version-dropdown",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.component",
|
|
8
8
|
"name": "ui/version-dropdown",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.927"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "^2.5.1",
|
|
13
13
|
"semver": "7.7.1",
|
|
14
14
|
"core-js": "^3.0.0",
|
|
15
15
|
"@teambit/base-ui.loaders.skeleton": "1.0.2",
|
|
16
|
+
"@teambit/design.ui.avatar": "1.1.34",
|
|
16
17
|
"@teambit/design.ui.pill-label": "0.0.360",
|
|
17
18
|
"@teambit/design.ui.styles.ellipsis": "0.0.357",
|
|
18
19
|
"@teambit/design.ui.time-ago": "0.0.384",
|
|
@@ -21,10 +22,10 @@
|
|
|
21
22
|
"@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
|
|
22
23
|
"@teambit/evangelist.surfaces.dropdown": "1.0.3",
|
|
23
24
|
"@teambit/lanes.ui.models.lanes-model": "0.0.233",
|
|
25
|
+
"@teambit/legacy-component-log": "0.0.419",
|
|
24
26
|
"@teambit/ui-foundation.ui.use-box.tab": "0.0.122",
|
|
25
27
|
"@teambit/component.ui.version-label": "0.0.509",
|
|
26
|
-
"@teambit/design.ui.
|
|
27
|
-
"@teambit/legacy-component-log": "0.0.418"
|
|
28
|
+
"@teambit/design.ui.tooltip": "0.0.383"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
31
|
"@types/classnames": "^2.3.4",
|
|
@@ -40,6 +40,17 @@
|
|
|
40
40
|
min-width: fit-content;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
+
.deprecatedIcon {
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
flex: none;
|
|
48
|
+
margin: 0 4px;
|
|
49
|
+
color: var(--bit-accent-color-warning, #f6a609);
|
|
50
|
+
font-size: 14px;
|
|
51
|
+
line-height: 1;
|
|
52
|
+
}
|
|
53
|
+
|
|
43
54
|
.commitMessage {
|
|
44
55
|
flex-grow: 1;
|
|
45
56
|
padding: 0px 8px;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';
|
|
2
2
|
import { TimeAgo } from '@teambit/design.ui.time-ago';
|
|
3
3
|
import { VersionLabel } from '@teambit/component.ui.version-label';
|
|
4
|
+
import { Icon } from '@teambit/evangelist.elements.icon';
|
|
5
|
+
import { Tooltip } from '@teambit/design.ui.tooltip';
|
|
4
6
|
import React, { useMemo, useRef, useEffect } from 'react';
|
|
5
7
|
import { UserAvatar } from '@teambit/design.ui.avatar';
|
|
6
8
|
import { Ellipsis } from '@teambit/design.ui.styles.ellipsis';
|
|
@@ -31,6 +33,7 @@ function _VersionInfo(
|
|
|
31
33
|
message,
|
|
32
34
|
tag,
|
|
33
35
|
profileImage,
|
|
36
|
+
deprecated,
|
|
34
37
|
onVersionClicked,
|
|
35
38
|
}: VersionInfoProps,
|
|
36
39
|
ref?: React.ForwardedRef<HTMLDivElement>
|
|
@@ -69,6 +72,13 @@ function _VersionInfo(
|
|
|
69
72
|
<UserAvatar size={24} account={author} className={styles.versionUserAvatar} showTooltip={true} />
|
|
70
73
|
<Ellipsis className={classNames(styles.versionName)}>{formattedVersion}</Ellipsis>
|
|
71
74
|
{isLatest && <VersionLabel status="latest" />}
|
|
75
|
+
{deprecated && (
|
|
76
|
+
<Tooltip placement="bottom" content="Deprecated">
|
|
77
|
+
<div className={styles.deprecatedIcon}>
|
|
78
|
+
<Icon of="note-deprecated" />
|
|
79
|
+
</div>
|
|
80
|
+
</Tooltip>
|
|
81
|
+
)}
|
|
72
82
|
<CommitMessage message={message} showDetails={showDetails} />
|
|
73
83
|
</div>
|
|
74
84
|
<Ellipsis className={styles.versionTimestamp}>
|