@atlaskit/smart-card 27.13.0 → 27.13.2
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/CHANGELOG.md +15 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js +3 -0
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +7 -4
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js +3 -0
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +7 -4
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js +3 -0
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +7 -4
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 27.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 27.13.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#127454](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127454)
|
|
14
|
+
[`e869f31dbe200`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e869f31dbe200) -
|
|
15
|
+
[ux] Migrates away from legacy icons behind a feature flag.
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 27.13.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
22
22
|
var context = exports.context = {
|
|
23
23
|
componentName: 'smart-cards',
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "27.13.
|
|
25
|
+
packageVersion: "27.13.2"
|
|
26
26
|
};
|
|
27
27
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
28
28
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -30,9 +30,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
30
30
|
var getIconFF = function getIconFF() {
|
|
31
31
|
if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
|
|
32
32
|
if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.action-icon-redesign')) {
|
|
33
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
33
34
|
return _actualSize.default;
|
|
34
35
|
}
|
|
35
36
|
}
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
36
38
|
return _vidFullScreenOn.default;
|
|
37
39
|
};
|
|
38
40
|
var PreviewAction = function PreviewAction(_ref) {
|
|
@@ -81,6 +83,7 @@ var PreviewAction = function PreviewAction(_ref) {
|
|
|
81
83
|
}
|
|
82
84
|
}, [analytics, data, invoke, onClickCallback]);
|
|
83
85
|
var isStackItem = props.as === 'stack-item';
|
|
86
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
84
87
|
var Icon = isStackItem ? _actualSize.default : getIconFF();
|
|
85
88
|
var tooltipMessage = isStackItem ? _messages.messages.preview_description : _messages.messages.preview_improved;
|
|
86
89
|
return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
|
|
@@ -9,8 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/
|
|
13
|
-
var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/
|
|
12
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
|
|
13
|
+
var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up"));
|
|
14
14
|
var _primitives = require("@atlaskit/primitives");
|
|
15
15
|
var _react2 = require("@emotion/react");
|
|
16
16
|
var _messages = require("../../../../../../../messages");
|
|
@@ -49,9 +49,11 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
|
|
|
49
49
|
testId: "".concat(testId, "-expand-title"),
|
|
50
50
|
backgroundColor: "color.background.neutral.subtle",
|
|
51
51
|
"aria-expanded": !!isOpen,
|
|
52
|
-
padding: "space.0"
|
|
52
|
+
padding: "space.0",
|
|
53
|
+
paddingInlineEnd: "space.050"
|
|
53
54
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
|
|
54
55
|
alignBlock: "center",
|
|
56
|
+
space: "space.050",
|
|
55
57
|
spread: "space-between"
|
|
56
58
|
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
57
59
|
overrideCss: (0, _react2.css)({
|
|
@@ -61,8 +63,9 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
|
|
|
61
63
|
descriptor: title
|
|
62
64
|
}
|
|
63
65
|
}), /*#__PURE__*/_react.default.createElement(ChevronComponent, {
|
|
66
|
+
LEGACY_margin: "0 -4px",
|
|
64
67
|
label: (0, _utils.getFormattedMessageAsString)(intl, title),
|
|
65
|
-
|
|
68
|
+
color: "currentColor"
|
|
66
69
|
}))), isOpen && /*#__PURE__*/_react.default.createElement(_resolvedResultStack.default, {
|
|
67
70
|
resolvedResults: resolvedResults,
|
|
68
71
|
testId: testId,
|
|
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
|
17
17
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
18
18
|
var PACKAGE_DATA = {
|
|
19
19
|
packageName: "@atlaskit/smart-card",
|
|
20
|
-
packageVersion: "27.13.
|
|
20
|
+
packageVersion: "27.13.2",
|
|
21
21
|
componentName: 'linkUrl'
|
|
22
22
|
};
|
|
23
23
|
var Link = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export const context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "27.13.
|
|
7
|
+
packageVersion: "27.13.2"
|
|
8
8
|
};
|
|
9
9
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -13,9 +13,11 @@ import Action from '../action';
|
|
|
13
13
|
const getIconFF = () => {
|
|
14
14
|
if (fg('platform.linking-platform.smart-card.hover-card-action-redesign')) {
|
|
15
15
|
if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
16
17
|
return MediaServicesActualSizeIcon;
|
|
17
18
|
}
|
|
18
19
|
}
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
19
21
|
return VidFullScreenOnIcon;
|
|
20
22
|
};
|
|
21
23
|
const PreviewAction = ({
|
|
@@ -50,6 +52,7 @@ const PreviewAction = ({
|
|
|
50
52
|
}
|
|
51
53
|
}, [analytics, data, invoke, onClickCallback]);
|
|
52
54
|
const isStackItem = props.as === 'stack-item';
|
|
55
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
53
56
|
const Icon = isStackItem ? MediaServicesActualSizeIcon : getIconFF();
|
|
54
57
|
const tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
|
|
55
58
|
return data ? /*#__PURE__*/React.createElement(Action, _extends({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useCallback, useState } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl-next';
|
|
3
|
-
import ChevronDownIcon from '@atlaskit/icon/
|
|
4
|
-
import ChevronUpIcon from '@atlaskit/icon/
|
|
3
|
+
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
4
|
+
import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up';
|
|
5
5
|
import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
7
|
import { css } from '@emotion/react';
|
|
@@ -33,9 +33,11 @@ const RelatedUrlList = ({
|
|
|
33
33
|
testId: `${testId}-expand-title`,
|
|
34
34
|
backgroundColor: "color.background.neutral.subtle",
|
|
35
35
|
"aria-expanded": !!isOpen,
|
|
36
|
-
padding: "space.0"
|
|
36
|
+
padding: "space.0",
|
|
37
|
+
paddingInlineEnd: "space.050"
|
|
37
38
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
38
39
|
alignBlock: "center",
|
|
40
|
+
space: "space.050",
|
|
39
41
|
spread: "space-between"
|
|
40
42
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
41
43
|
overrideCss: css({
|
|
@@ -45,8 +47,9 @@ const RelatedUrlList = ({
|
|
|
45
47
|
descriptor: title
|
|
46
48
|
}
|
|
47
49
|
}), /*#__PURE__*/React.createElement(ChevronComponent, {
|
|
50
|
+
LEGACY_margin: "0 -4px",
|
|
48
51
|
label: getFormattedMessageAsString(intl, title),
|
|
49
|
-
|
|
52
|
+
color: "currentColor"
|
|
50
53
|
}))), isOpen && /*#__PURE__*/React.createElement(ResolvedResultsStack, {
|
|
51
54
|
resolvedResults: resolvedResults,
|
|
52
55
|
testId: testId,
|
|
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
|
|
|
7
7
|
import LinkWarningModal from './LinkWarningModal';
|
|
8
8
|
const PACKAGE_DATA = {
|
|
9
9
|
packageName: "@atlaskit/smart-card",
|
|
10
|
-
packageVersion: "27.13.
|
|
10
|
+
packageVersion: "27.13.2",
|
|
11
11
|
componentName: 'linkUrl'
|
|
12
12
|
};
|
|
13
13
|
const Link = withLinkClickedEvent('a');
|
|
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
15
15
|
export var context = {
|
|
16
16
|
componentName: 'smart-cards',
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "27.13.
|
|
18
|
+
packageVersion: "27.13.2"
|
|
19
19
|
};
|
|
20
20
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -20,9 +20,11 @@ import Action from '../action';
|
|
|
20
20
|
var getIconFF = function getIconFF() {
|
|
21
21
|
if (fg('platform.linking-platform.smart-card.hover-card-action-redesign')) {
|
|
22
22
|
if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
23
24
|
return MediaServicesActualSizeIcon;
|
|
24
25
|
}
|
|
25
26
|
}
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
26
28
|
return VidFullScreenOnIcon;
|
|
27
29
|
};
|
|
28
30
|
var PreviewAction = function PreviewAction(_ref) {
|
|
@@ -71,6 +73,7 @@ var PreviewAction = function PreviewAction(_ref) {
|
|
|
71
73
|
}
|
|
72
74
|
}, [analytics, data, invoke, onClickCallback]);
|
|
73
75
|
var isStackItem = props.as === 'stack-item';
|
|
76
|
+
// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20003
|
|
74
77
|
var Icon = isStackItem ? MediaServicesActualSizeIcon : getIconFF();
|
|
75
78
|
var tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
|
|
76
79
|
return data ? /*#__PURE__*/React.createElement(Action, _extends({
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import React, { useCallback, useState } from 'react';
|
|
3
3
|
import { useIntl } from 'react-intl-next';
|
|
4
|
-
import ChevronDownIcon from '@atlaskit/icon/
|
|
5
|
-
import ChevronUpIcon from '@atlaskit/icon/
|
|
4
|
+
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
5
|
+
import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up';
|
|
6
6
|
import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css } from '@emotion/react';
|
|
@@ -38,9 +38,11 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
|
|
|
38
38
|
testId: "".concat(testId, "-expand-title"),
|
|
39
39
|
backgroundColor: "color.background.neutral.subtle",
|
|
40
40
|
"aria-expanded": !!isOpen,
|
|
41
|
-
padding: "space.0"
|
|
41
|
+
padding: "space.0",
|
|
42
|
+
paddingInlineEnd: "space.050"
|
|
42
43
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
43
44
|
alignBlock: "center",
|
|
45
|
+
space: "space.050",
|
|
44
46
|
spread: "space-between"
|
|
45
47
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
46
48
|
overrideCss: css({
|
|
@@ -50,8 +52,9 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
|
|
|
50
52
|
descriptor: title
|
|
51
53
|
}
|
|
52
54
|
}), /*#__PURE__*/React.createElement(ChevronComponent, {
|
|
55
|
+
LEGACY_margin: "0 -4px",
|
|
53
56
|
label: getFormattedMessageAsString(intl, title),
|
|
54
|
-
|
|
57
|
+
color: "currentColor"
|
|
55
58
|
}))), isOpen && /*#__PURE__*/React.createElement(ResolvedResultsStack, {
|
|
56
59
|
resolvedResults: resolvedResults,
|
|
57
60
|
testId: testId,
|
|
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
|
|
|
10
10
|
import LinkWarningModal from './LinkWarningModal';
|
|
11
11
|
var PACKAGE_DATA = {
|
|
12
12
|
packageName: "@atlaskit/smart-card",
|
|
13
|
-
packageVersion: "27.13.
|
|
13
|
+
packageVersion: "27.13.2",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
var Link = withLinkClickedEvent('a');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "27.13.
|
|
3
|
+
"version": "27.13.2",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -30,41 +30,41 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/analytics-gas-types": "^5.1.0",
|
|
33
|
-
"@atlaskit/analytics-next": "^
|
|
34
|
-
"@atlaskit/avatar": "^21.
|
|
35
|
-
"@atlaskit/avatar-group": "^9.
|
|
33
|
+
"@atlaskit/analytics-next": "^10.0.0",
|
|
34
|
+
"@atlaskit/avatar": "^21.13.0",
|
|
35
|
+
"@atlaskit/avatar-group": "^9.10.0",
|
|
36
36
|
"@atlaskit/badge": "^16.3.0",
|
|
37
37
|
"@atlaskit/button": "^19.1.0",
|
|
38
38
|
"@atlaskit/checkbox": "^13.6.0",
|
|
39
|
-
"@atlaskit/dropdown-menu": "^12.
|
|
39
|
+
"@atlaskit/dropdown-menu": "^12.16.0",
|
|
40
40
|
"@atlaskit/form": "^10.4.0",
|
|
41
41
|
"@atlaskit/frontend-utilities": "^2.7.0",
|
|
42
42
|
"@atlaskit/heading": "^2.4.0",
|
|
43
|
-
"@atlaskit/icon": "^22.
|
|
43
|
+
"@atlaskit/icon": "^22.11.0",
|
|
44
44
|
"@atlaskit/icon-file-type": "^6.4.0",
|
|
45
45
|
"@atlaskit/icon-object": "^6.4.0",
|
|
46
46
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
47
47
|
"@atlaskit/link-analytics": "^8.4.0",
|
|
48
|
-
"@atlaskit/link-client-extension": "^
|
|
48
|
+
"@atlaskit/link-client-extension": "^2.0.0",
|
|
49
49
|
"@atlaskit/link-extractors": "^1.6.0",
|
|
50
50
|
"@atlaskit/linking-common": "^5.9.0",
|
|
51
|
-
"@atlaskit/linking-types": "^
|
|
51
|
+
"@atlaskit/linking-types": "^9.0.0",
|
|
52
52
|
"@atlaskit/logo": "^14.1.0",
|
|
53
53
|
"@atlaskit/lozenge": "^11.9.0",
|
|
54
|
-
"@atlaskit/menu": "^2.
|
|
54
|
+
"@atlaskit/menu": "^2.10.0",
|
|
55
55
|
"@atlaskit/modal-dialog": "^12.14.0",
|
|
56
56
|
"@atlaskit/outbound-auth-flow-client": "^3.4.0",
|
|
57
57
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
58
|
-
"@atlaskit/popup": "^1.
|
|
58
|
+
"@atlaskit/popup": "^1.21.0",
|
|
59
59
|
"@atlaskit/primitives": "^11.1.0",
|
|
60
60
|
"@atlaskit/section-message": "^6.5.0",
|
|
61
|
-
"@atlaskit/select": "^17.
|
|
61
|
+
"@atlaskit/select": "^17.12.0",
|
|
62
62
|
"@atlaskit/spinner": "^16.2.0",
|
|
63
63
|
"@atlaskit/textarea": "^5.5.0",
|
|
64
64
|
"@atlaskit/textfield": "^6.4.0",
|
|
65
65
|
"@atlaskit/theme": "^12.11.0",
|
|
66
66
|
"@atlaskit/tokens": "^1.57.0",
|
|
67
|
-
"@atlaskit/tooltip": "^18.
|
|
67
|
+
"@atlaskit/tooltip": "^18.6.0",
|
|
68
68
|
"@atlaskit/ufo": "^0.2.0",
|
|
69
69
|
"@babel/runtime": "^7.0.0",
|
|
70
70
|
"@emotion/react": "^11.7.1",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@af/visual-regression": "*",
|
|
94
94
|
"@atlaskit/analytics-listeners": "^8.10.0",
|
|
95
95
|
"@atlaskit/css-reset": "^6.9.0",
|
|
96
|
-
"@atlaskit/link-test-helpers": "^7.
|
|
96
|
+
"@atlaskit/link-test-helpers": "^7.3.0",
|
|
97
97
|
"@atlaskit/media-test-helpers": "^34.0.0",
|
|
98
98
|
"@atlaskit/ssr": "*",
|
|
99
99
|
"@atlaskit/visual-regression": "*",
|