@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 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.0"
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
  });
@@ -75,6 +75,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react2
75
75
  testId: testId,
76
76
  ref: embedIframeRef,
77
77
  onIframeDwell: onIframeDwell,
78
- onIframeFocus: onIframeFocus
78
+ onIframeFocus: onIframeFocus,
79
+ title: text
79
80
  }));
80
81
  });
@@ -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.0",
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.0"
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
  });
@@ -65,6 +65,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
65
65
  testId: testId,
66
66
  ref: embedIframeRef,
67
67
  onIframeDwell: onIframeDwell,
68
- onIframeFocus: onIframeFocus
68
+ onIframeFocus: onIframeFocus,
69
+ title: text
69
70
  }));
70
71
  });
@@ -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.0",
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.0"
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
  });
@@ -67,6 +67,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
67
67
  testId: testId,
68
68
  ref: embedIframeRef,
69
69
  onIframeDwell: onIframeDwell,
70
- onIframeFocus: onIframeFocus
70
+ onIframeFocus: onIframeFocus,
71
+ title: text
71
72
  }));
72
73
  });
@@ -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.0",
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.0",
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": "^13.7.0",
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",