@atlaskit/smart-card 27.20.0 → 27.20.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 +14 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/EmbedCard/components/Frame.js +4 -2
- package/dist/cjs/view/EmbedCard/views/ResolvedView.js +2 -1
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/cjs/view/common/Icon.js +3 -3
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/EmbedCard/components/Frame.js +4 -2
- package/dist/es2019/view/EmbedCard/views/ResolvedView.js +2 -1
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/es2019/view/common/Icon.js +3 -3
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/EmbedCard/components/Frame.js +4 -2
- package/dist/esm/view/EmbedCard/views/ResolvedView.js +2 -1
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/esm/view/common/Icon.js +3 -3
- package/dist/types/view/EmbedCard/components/Frame.d.ts +1 -0
- package/dist/types-ts4.5/view/EmbedCard/components/Frame.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 27.20.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 27.20.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#136464](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136464)
|
|
14
|
+
[`6a5b8c86b4c6c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6a5b8c86b4c6c) -
|
|
15
|
+
fixing a11y violations with smart-card icon alt text and EmbedCard title
|
|
16
|
+
|
|
3
17
|
## 27.20.0
|
|
4
18
|
|
|
5
19
|
### 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.20.
|
|
25
|
+
packageVersion: "27.20.2"
|
|
26
26
|
};
|
|
27
27
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
28
28
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -48,7 +48,8 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
|
|
|
48
48
|
isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
|
|
49
49
|
testId = _ref.testId,
|
|
50
50
|
onIframeDwell = _ref.onIframeDwell,
|
|
51
|
-
onIframeFocus = _ref.onIframeFocus
|
|
51
|
+
onIframeFocus = _ref.onIframeFocus,
|
|
52
|
+
title = _ref.title;
|
|
52
53
|
var _useState = (0, _react2.useState)(false),
|
|
53
54
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
54
55
|
isIframeLoaded = _useState2[0],
|
|
@@ -136,6 +137,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
|
|
|
136
137
|
onLoad: function onLoad() {
|
|
137
138
|
setIframeLoaded(true);
|
|
138
139
|
},
|
|
139
|
-
sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted)
|
|
140
|
+
sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted),
|
|
141
|
+
title: title
|
|
140
142
|
}));
|
|
141
143
|
});
|
|
@@ -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.20.
|
|
20
|
+
packageVersion: "27.20.2",
|
|
21
21
|
componentName: 'linkUrl'
|
|
22
22
|
};
|
|
23
23
|
var Link = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -63,12 +63,12 @@ var Icon = exports.Icon = function Icon(_ref) {
|
|
|
63
63
|
color: "currentColor"
|
|
64
64
|
});
|
|
65
65
|
var image = url && (0, _react.jsx)(_reactRenderImage.default, {
|
|
66
|
-
src: url
|
|
67
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
68
|
-
,
|
|
66
|
+
src: url,
|
|
69
67
|
loaded: (0, _react.jsx)("img", {
|
|
68
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
70
69
|
css: getImageStyles(isFlexibleUi),
|
|
71
70
|
src: url,
|
|
71
|
+
alt: "",
|
|
72
72
|
"data-testid": "".concat(testId, "-image")
|
|
73
73
|
}),
|
|
74
74
|
errored: placeholder
|
|
@@ -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.20.
|
|
7
|
+
packageVersion: "27.20.2"
|
|
8
8
|
};
|
|
9
9
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -35,7 +35,8 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
|
|
|
35
35
|
isTrusted = false,
|
|
36
36
|
testId,
|
|
37
37
|
onIframeDwell,
|
|
38
|
-
onIframeFocus
|
|
38
|
+
onIframeFocus,
|
|
39
|
+
title
|
|
39
40
|
}, iframeRef) => {
|
|
40
41
|
const [isIframeLoaded, setIframeLoaded] = useState(false);
|
|
41
42
|
const [isMouseOver, setMouseOver] = useState(false);
|
|
@@ -106,6 +107,7 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
|
|
|
106
107
|
onLoad: () => {
|
|
107
108
|
setIframeLoaded(true);
|
|
108
109
|
},
|
|
109
|
-
sandbox: getIframeSandboxAttribute(isTrusted)
|
|
110
|
+
sandbox: getIframeSandboxAttribute(isTrusted),
|
|
111
|
+
title: title
|
|
110
112
|
}));
|
|
111
113
|
});
|
|
@@ -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.20.
|
|
10
|
+
packageVersion: "27.20.2",
|
|
11
11
|
componentName: 'linkUrl'
|
|
12
12
|
};
|
|
13
13
|
const Link = withLinkClickedEvent('a');
|
|
@@ -54,12 +54,12 @@ export const Icon = ({
|
|
|
54
54
|
color: "currentColor"
|
|
55
55
|
});
|
|
56
56
|
const image = url && jsx(ImageLoader, {
|
|
57
|
-
src: url
|
|
58
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
59
|
-
,
|
|
57
|
+
src: url,
|
|
60
58
|
loaded: jsx("img", {
|
|
59
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
61
60
|
css: getImageStyles(isFlexibleUi),
|
|
62
61
|
src: url,
|
|
62
|
+
alt: "",
|
|
63
63
|
"data-testid": `${testId}-image`
|
|
64
64
|
}),
|
|
65
65
|
errored: placeholder
|
|
@@ -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.20.
|
|
18
|
+
packageVersion: "27.20.2"
|
|
19
19
|
};
|
|
20
20
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -37,7 +37,8 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
|
|
|
37
37
|
isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
|
|
38
38
|
testId = _ref.testId,
|
|
39
39
|
onIframeDwell = _ref.onIframeDwell,
|
|
40
|
-
onIframeFocus = _ref.onIframeFocus
|
|
40
|
+
onIframeFocus = _ref.onIframeFocus,
|
|
41
|
+
title = _ref.title;
|
|
41
42
|
var _useState = useState(false),
|
|
42
43
|
_useState2 = _slicedToArray(_useState, 2),
|
|
43
44
|
isIframeLoaded = _useState2[0],
|
|
@@ -125,6 +126,7 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
|
|
|
125
126
|
onLoad: function onLoad() {
|
|
126
127
|
setIframeLoaded(true);
|
|
127
128
|
},
|
|
128
|
-
sandbox: getIframeSandboxAttribute(isTrusted)
|
|
129
|
+
sandbox: getIframeSandboxAttribute(isTrusted),
|
|
130
|
+
title: title
|
|
129
131
|
}));
|
|
130
132
|
});
|
|
@@ -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.20.
|
|
13
|
+
packageVersion: "27.20.2",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
var Link = withLinkClickedEvent('a');
|
|
@@ -55,12 +55,12 @@ export var Icon = function Icon(_ref) {
|
|
|
55
55
|
color: "currentColor"
|
|
56
56
|
});
|
|
57
57
|
var image = url && jsx(ImageLoader, {
|
|
58
|
-
src: url
|
|
59
|
-
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
60
|
-
,
|
|
58
|
+
src: url,
|
|
61
59
|
loaded: jsx("img", {
|
|
60
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
62
61
|
css: getImageStyles(isFlexibleUi),
|
|
63
62
|
src: url,
|
|
63
|
+
alt: "",
|
|
64
64
|
"data-testid": "".concat(testId, "-image")
|
|
65
65
|
}),
|
|
66
66
|
errored: placeholder
|
|
@@ -5,5 +5,6 @@ export interface FrameProps {
|
|
|
5
5
|
testId?: string;
|
|
6
6
|
onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
|
|
7
7
|
onIframeFocus?: () => void;
|
|
8
|
+
title?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;
|
|
@@ -5,5 +5,6 @@ export interface FrameProps {
|
|
|
5
5
|
testId?: string;
|
|
6
6
|
onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
|
|
7
7
|
onIframeFocus?: () => void;
|
|
8
|
+
title?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "27.20.
|
|
3
|
+
"version": "27.20.2",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@atlaskit/avatar-group": "^9.11.0",
|
|
32
32
|
"@atlaskit/badge": "^16.4.0",
|
|
33
33
|
"@atlaskit/button": "^20.1.0",
|
|
34
|
-
"@atlaskit/checkbox": "^
|
|
34
|
+
"@atlaskit/checkbox": "^14.0.0",
|
|
35
35
|
"@atlaskit/dropdown-menu": "^12.18.0",
|
|
36
36
|
"@atlaskit/form": "^10.5.0",
|
|
37
37
|
"@atlaskit/frontend-utilities": "^2.7.0",
|