@teambit/component.ui.version-dropdown 0.0.926 → 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.
Files changed (7) hide show
  1. package/dist/{preview-1781878879101.js → preview-1782326787671.js} +2 -2
  2. package/dist/version-info/version-info.js +6 -1
  3. package/dist/version-info/version-info.js.map +1 -1
  4. package/dist/version-info/version-info.module.scss +11 -0
  5. package/package.json +4 -3
  6. package/version-info/version-info.module.scss +11 -0
  7. package/version-info/version-info.tsx +10 -0
package/dist/{preview-1781878879101.js → preview-1782326787671.js} RENAMED
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_ui_version-dropdown@0.0.926/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.926/dist/version-dropdown.docs.js';
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];
package/dist/version-info/version-info.js CHANGED
@@ -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 })))));
package/dist/version-info/version-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version-info.js","sourceRoot":"","sources":["../../version-info/version-info.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"version-info.js","sourceRoot":"","sources":["../../version-info/version-info.tsx"],"names":[],"mappings":"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"}
package/dist/version-info/version-info.module.scss CHANGED
@@ -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,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/component.ui.version-dropdown",
3
- "version": "0.0.926",
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.926"
9
+ "version": "0.0.927"
10
10
  },
11
11
  "dependencies": {
12
12
  "classnames": "^2.5.1",
@@ -22,9 +22,10 @@
22
22
  "@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
23
23
  "@teambit/evangelist.surfaces.dropdown": "1.0.3",
24
24
  "@teambit/lanes.ui.models.lanes-model": "0.0.233",
25
+ "@teambit/legacy-component-log": "0.0.419",
25
26
  "@teambit/ui-foundation.ui.use-box.tab": "0.0.122",
26
27
  "@teambit/component.ui.version-label": "0.0.509",
27
- "@teambit/legacy-component-log": "0.0.419"
28
+ "@teambit/design.ui.tooltip": "0.0.383"
28
29
  },
29
30
  "devDependencies": {
30
31
  "@types/classnames": "^2.3.4",
package/version-info/version-info.module.scss CHANGED
@@ -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/version-info/version-info.tsx CHANGED
@@ -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}>