@atlaskit/smart-card 43.31.9 → 43.31.10

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 (39) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-confluence-icon--default--navx-1895-new-logo-design-false.png +2 -2
  3. package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-confluence-icon--default--navx-1895-new-logo-design-true.png +2 -2
  4. package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-flexible-ui-icon--default.png +2 -2
  5. package/dist/cjs/utils/analytics/analytics.js +1 -1
  6. package/dist/cjs/utils/index.js +4 -1
  7. package/dist/cjs/view/EmbedModal/components/link-info/index.compiled.css +1 -1
  8. package/dist/cjs/view/EmbedModal/components/link-info/index.js +3 -114
  9. package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js +7 -2
  10. package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js +14 -13
  11. package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +6 -1
  12. package/dist/cjs/view/LinkUrl/index.js +1 -1
  13. package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-confluence-icon--default--navx-1895-new-logo-design-false.png +2 -2
  14. package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-confluence-icon--default--navx-1895-new-logo-design-true.png +2 -2
  15. package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-flexible-ui-icon--default.png +2 -2
  16. package/dist/es2019/utils/analytics/analytics.js +1 -1
  17. package/dist/es2019/utils/index.js +2 -1
  18. package/dist/es2019/view/EmbedModal/components/link-info/index.compiled.css +1 -1
  19. package/dist/es2019/view/EmbedModal/components/link-info/index.js +1 -109
  20. package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js +7 -2
  21. package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js +14 -13
  22. package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +6 -1
  23. package/dist/es2019/view/LinkUrl/index.js +1 -1
  24. package/dist/esm/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-confluence-icon--default--navx-1895-new-logo-design-false.png +2 -2
  25. package/dist/esm/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-confluence-icon--default--navx-1895-new-logo-design-true.png +2 -2
  26. package/dist/esm/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-flexible-ui-icon--default.png +2 -2
  27. package/dist/esm/utils/analytics/analytics.js +1 -1
  28. package/dist/esm/utils/index.js +3 -0
  29. package/dist/esm/view/EmbedModal/components/link-info/index.compiled.css +1 -1
  30. package/dist/esm/view/EmbedModal/components/link-info/index.js +3 -114
  31. package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js +7 -2
  32. package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js +14 -13
  33. package/dist/esm/view/HoverCard/components/HoverCardComponent.js +6 -1
  34. package/dist/esm/view/LinkUrl/index.js +1 -1
  35. package/dist/types/utils/index.d.ts +1 -0
  36. package/dist/types/view/EmbedModal/components/link-info/index.d.ts +2 -7
  37. package/dist/types-ts4.5/utils/index.d.ts +1 -0
  38. package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts +2 -7
  39. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 43.31.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b8367f49cec51`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b8367f49cec51) -
8
+ FG CLenup: platform_navx_sl_a11y_embed_modal
9
+ - [`406acf65287f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/406acf65287f4) -
10
+ Fix accessibility ESLint suppressions
11
+ - Updated dependencies
12
+
3
13
  ## 43.31.9
4
14
 
5
15
  ### Patch Changes
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:6c06f8839cb0945f2cab0ac802b365d5777fb87cbef26f7aee3fde0aeeb3c492
3
- size 15336
2
+ oid sha256:fbb78ea71a5746369b0084cf50849be921509c49eecf27fe1102c7066b83c308
3
+ size 17436
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:db6c75900c0c5e1690a60a1ba68377dcb1abcc0f2f15772323e5b11519f0862c
3
- size 15479
2
+ oid sha256:d9b336037c1135a1eaf5198b69f76a440925ea3373d1bf1b95eabb240890bb52
3
+ size 17591
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:6dc97ad04addf386b55440c5d25f372bd83c38f4798c7942b304fe293b591b68
3
- size 15496
2
+ oid sha256:5a123b94c0d5bde76fd5950948525b37c656f593b0245fbc92378f64b0864556
3
+ size 17631
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
11
11
  var context = exports.context = {
12
12
  componentName: 'smart-cards',
13
13
  packageName: "@atlaskit/smart-card",
14
- packageVersion: "43.31.8"
14
+ packageVersion: "43.31.9"
15
15
  };
16
16
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
17
17
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isProfileType = exports.isIntersectionObserverSupported = exports.isIframe = exports.isIconSizeLarge = exports.importWithRetry = exports.handleOnClick = exports.getPreviewUrlWithTheme = exports.getLazyIcons = exports.getIframeSandboxAttribute = exports.getIconForFileType = exports.downloadUrl = void 0;
8
+ exports.sleep = exports.openUrl = exports.noop = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isProfileType = exports.isIntersectionObserverSupported = exports.isIframe = exports.isIconSizeLarge = exports.importWithRetry = exports.handleOnClick = exports.getPreviewUrlWithTheme = exports.getLazyIcons = exports.getIframeSandboxAttribute = exports.getIconForFileType = exports.downloadUrl = void 0;
9
9
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -769,4 +769,7 @@ var isIconSizeLarge = exports.isIconSizeLarge = function isIconSizeLarge(size) {
769
769
  };
770
770
  var isProfileType = exports.isProfileType = function isProfileType(type) {
771
771
  return !!(type && type.includes('Profile'));
772
+ };
773
+ var noop = exports.noop = function noop() {
774
+ return undefined;
772
775
  };
@@ -69,4 +69,4 @@
69
69
  ._xwbj1tcg svg{min-width:24px}
70
70
  ._yrry1tcg [data-smart-element-icon] span{height:24px}
71
71
  ._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
72
- @media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}
72
+ @media only screen and (max-width:980px){._1dt6glyw{display:none}}
@@ -17,8 +17,6 @@ var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fulls
17
17
  var _fullscreenExit = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-exit"));
18
18
  var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
19
19
  var _modalDialog = require("@atlaskit/modal-dialog");
20
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
- var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
22
20
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
23
21
  var _messages = require("../../../../messages");
24
22
  var _Icon = require("../../../common/Icon");
@@ -33,7 +31,6 @@ var iconSize = '24px';
33
31
  // Specify flex ui icon selector to increase specificity weight to 0-2-1.
34
32
  var iconCss = null;
35
33
  var titleCss = null;
36
- var actionCss = null;
37
34
  var buttonGroupCss = null;
38
35
  var listItemCSS = null;
39
36
  var resizeButtonCss = null;
@@ -50,113 +47,6 @@ var LinkInfo = function LinkInfo(_ref) {
50
47
  onClose = _useModal.onClose;
51
48
  var _useIntl = (0, _reactIntlNext.useIntl)(),
52
49
  formatMessage = _useIntl.formatMessage;
53
- var downloadButton = (0, _react.useMemo)(function () {
54
- if (onDownloadButtonClick) {
55
- return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
56
- content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
57
- icon: function icon() {
58
- return /*#__PURE__*/_react.default.createElement(_download.default, {
59
- label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : _messages.messages.download.defaultMessage,
60
- spacing: "spacious",
61
- color: "currentColor"
62
- });
63
- },
64
- label: _messages.messages.download,
65
- onClick: onDownloadButtonClick,
66
- testId: "".concat(testId, "-download")
67
- });
68
- }
69
- }, [onDownloadButtonClick, testId]);
70
- var urlButton = (0, _react.useMemo)(function () {
71
- if (onViewButtonClick) {
72
- var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
73
- return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
74
- content: content,
75
- icon: function icon() {
76
- return /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
77
- label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : _messages.messages.viewOriginal.defaultMessage,
78
- spacing: "spacious",
79
- color: "currentColor"
80
- });
81
- },
82
- label: _messages.messages.viewOriginal,
83
- onClick: onViewButtonClick,
84
- testId: "".concat(testId, "-url"),
85
- role: 'link',
86
- "aria-label": _messages.messages.viewOriginal
87
- });
88
- }
89
- }, [onViewButtonClick, providerName, testId]);
90
- var sizeButton = (0, _react.useMemo)(function () {
91
- var isFullScreen = size === _constants.MAX_MODAL_SIZE;
92
- var message = isFullScreen ? _messages.messages.preview_min_size : _messages.messages.preview_max_size;
93
- var _icon = isFullScreen ? /*#__PURE__*/_react.default.createElement(_fullscreenExit.default, {
94
- label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
95
- spacing: "spacious",
96
- color: "currentColor"
97
- }) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
98
- label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
99
- spacing: "spacious",
100
- color: "currentColor"
101
- });
102
- return (
103
- /*#__PURE__*/
104
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
105
- _react.default.createElement("span", {
106
- className: "smart-link-resize-button"
107
- }, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
108
- content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
109
- icon: function icon() {
110
- return _icon;
111
- },
112
- label: message,
113
- onClick: onResizeButtonClick,
114
- testId: "".concat(testId, "-resize")
115
- }))
116
- );
117
- }, [onResizeButtonClick, size, testId]);
118
- return /*#__PURE__*/_react.default.createElement("div", {
119
- className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
120
- }, icon && /*#__PURE__*/_react.default.createElement("div", {
121
- "data-testid": "".concat(testId, "-icon"),
122
- className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
123
- }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
124
- className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
125
- }, /*#__PURE__*/_react.default.createElement(_heading.default, {
126
- as: "h2",
127
- size: "small",
128
- color: "color.text",
129
- testId: "".concat(testId, "-title")
130
- }, title), /*#__PURE__*/_react.default.createElement("span", {
131
- tabIndex: 0,
132
- role: "button",
133
- "aria-hidden": true
134
- })), /*#__PURE__*/_react.default.createElement("div", {
135
- className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
136
- }, downloadButton, urlButton, sizeButton, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
137
- content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
138
- hideTooltipOnClick: true,
139
- tag: "span",
140
- testId: "".concat(testId, "-close-tooltip")
141
- }, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
142
- onClick: onClose,
143
- label: formatMessage(_messages.messages.preview_close),
144
- testId: testId
145
- }))));
146
- };
147
- var LinkInfoNew = function LinkInfoNew(_ref2) {
148
- var icon = _ref2.icon,
149
- providerName = _ref2.providerName,
150
- onDownloadButtonClick = _ref2.onDownloadButtonClick,
151
- onResizeButtonClick = _ref2.onResizeButtonClick,
152
- onViewButtonClick = _ref2.onViewButtonClick,
153
- size = _ref2.size,
154
- testId = _ref2.testId,
155
- title = _ref2.title;
156
- var _useModal2 = (0, _modalDialog.useModal)(),
157
- onClose = _useModal2.onClose;
158
- var _useIntl2 = (0, _reactIntlNext.useIntl)(),
159
- formatMessage = _useIntl2.formatMessage;
160
50
  var downloadButton = (0, _react.useMemo)(function () {
161
51
  return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
162
52
  content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
@@ -195,7 +85,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
195
85
  var sizeButton = (0, _react.useMemo)(function () {
196
86
  var isFullScreen = size === _constants.MAX_MODAL_SIZE;
197
87
  var message = isFullScreen ? _messages.messages.preview_min_size : _messages.messages.preview_max_size;
198
- var _icon2 = isFullScreen ? /*#__PURE__*/_react.default.createElement(_fullscreenExit.default, {
88
+ var _icon = isFullScreen ? /*#__PURE__*/_react.default.createElement(_fullscreenExit.default, {
199
89
  label: "",
200
90
  spacing: "spacious",
201
91
  color: "currentColor"
@@ -207,7 +97,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
207
97
  return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
208
98
  content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
209
99
  icon: function icon() {
210
- return _icon2;
100
+ return _icon;
211
101
  },
212
102
  label: message,
213
103
  onClick: onResizeButtonClick,
@@ -248,5 +138,4 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
248
138
  testId: testId
249
139
  })))));
250
140
  };
251
- var _default_1 = (0, _platformFeatureFlagsReact.componentWithFG)('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
252
- var _default = exports.default = _default_1;
141
+ var _default = exports.default = LinkInfo;
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
11
  var _react = _interopRequireWildcard(require("react"));
12
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
13
  var _constants = require("../../../../../constants");
14
+ var _utils = require("../../../../../utils");
12
15
  var _HoverCard = require("../../../../HoverCard");
13
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
17
  var FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
@@ -69,12 +72,14 @@ var HoverCardControl = function HoverCardControl(_ref) {
69
72
  actionOptions: actionOptions,
70
73
  url: url,
71
74
  hoverPreviewOptions: hoverPreviewOptions
72
- }, /*#__PURE__*/_react.default.createElement("span", {
75
+ }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_a11y_enghealth_46829') ? {
76
+ onBlur: _utils.noop
77
+ } : undefined, {
73
78
  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
74
79
  onMouseLeave: onMouseLeave,
75
80
  onMouseMove: onMouseMove,
76
81
  "data-testid": "".concat(testId, "-hover-card-wrapper"),
77
82
  role: 'presentation'
78
- }, children));
83
+ }), children));
79
84
  };
80
85
  var _default = exports.default = HoverCardControl;
@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
10
  var _react = _interopRequireWildcard(require("react"));
10
11
  var _dropdownMenu = require("@atlaskit/dropdown-menu");
11
12
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
13
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
14
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
15
  var LozengeActionItem = function LozengeActionItem(_ref) {
14
16
  var appearance = _ref.appearance,
@@ -28,19 +30,18 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
28
30
  var _e$currentTarget;
29
31
  (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.focus();
30
32
  }, []);
31
- return (
32
- /*#__PURE__*/
33
+ return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_sl_a11y_enghealth_46829') ? {
34
+ onFocus: handleMouseEnter
35
+ } : undefined, {
33
36
  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
34
- _react.default.createElement("span", {
35
- onMouseEnter: handleMouseEnter,
36
- role: "presentation"
37
- }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
38
- onClick: handleClick,
39
- testId: testId
40
- }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
41
- appearance: appearance,
42
- isBold: true
43
- }, text)))
44
- );
37
+ onMouseEnter: handleMouseEnter,
38
+ role: "presentation"
39
+ }), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
40
+ onClick: handleClick,
41
+ testId: testId
42
+ }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
43
+ appearance: appearance,
44
+ isBold: true
45
+ }, text)));
45
46
  };
46
47
  var _default = exports.default = LozengeActionItem;
@@ -17,6 +17,7 @@ var _constants = require("../../../constants");
17
17
  var _actions = require("../../../state/actions");
18
18
  var _renderers = require("../../../state/renderers");
19
19
  var _store = require("../../../state/store");
20
+ var _utils = require("../../../utils");
20
21
  var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnalyticsContext");
21
22
  var _CustomPopupContainer = require("../components/CustomPopupContainer");
22
23
  var _HoverCardContent = _interopRequireDefault(require("../components/HoverCardContent"));
@@ -259,7 +260,11 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
259
260
  "data-testid": HOVER_CARD_TRIGGER_WRAPPER
260
261
  }, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) ? {
261
262
  className: HOVER_CARD_TRIGGER_WRAPPER
262
- } : {}), children));
263
+ } : {}, (0, _platformFeatureFlags.fg)('platform_sl_a11y_enghealth_46829') ? {
264
+ onFocus: _utils.noop,
265
+ onBlur: _utils.noop,
266
+ role: 'none'
267
+ } : undefined), children));
263
268
  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
264
269
  var popupComponent = (0, _react.useMemo)(
265
270
  // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
22
22
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
23
23
  var PACKAGE_DATA = {
24
24
  packageName: "@atlaskit/smart-card",
25
- packageVersion: "43.31.8",
25
+ packageVersion: "43.31.9",
26
26
  componentName: 'linkUrl'
27
27
  };
28
28
  var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:6c06f8839cb0945f2cab0ac802b365d5777fb87cbef26f7aee3fde0aeeb3c492
3
- size 15336
2
+ oid sha256:fbb78ea71a5746369b0084cf50849be921509c49eecf27fe1102c7066b83c308
3
+ size 17436
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:db6c75900c0c5e1690a60a1ba68377dcb1abcc0f2f15772323e5b11519f0862c
3
- size 15479
2
+ oid sha256:d9b336037c1135a1eaf5198b69f76a440925ea3373d1bf1b95eabb240890bb52
3
+ size 17591
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:6dc97ad04addf386b55440c5d25f372bd83c38f4798c7942b304fe293b591b68
3
- size 15496
2
+ oid sha256:5a123b94c0d5bde76fd5950948525b37c656f593b0245fbc92378f64b0864556
3
+ size 17631
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
2
2
  export const context = {
3
3
  componentName: 'smart-cards',
4
4
  packageName: "@atlaskit/smart-card",
5
- packageVersion: "43.31.8"
5
+ packageVersion: "43.31.9"
6
6
  };
7
7
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
8
8
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -378,4 +378,5 @@ export const getPreviewUrlWithTheme = (previewUrl, themeState) => {
378
378
  }
379
379
  };
380
380
  export const isIconSizeLarge = size => size && [SmartLinkSize.Large, SmartLinkSize.XLarge].includes(size);
381
- export const isProfileType = type => !!(type && type.includes('Profile'));
381
+ export const isProfileType = type => !!(type && type.includes('Profile'));
382
+ export const noop = () => undefined;
@@ -69,4 +69,4 @@
69
69
  ._xwbj1tcg svg{min-width:24px}
70
70
  ._yrry1tcg [data-smart-element-icon] span{height:24px}
71
71
  ._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
72
- @media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}
72
+ @media only screen and (max-width:980px){._1dt6glyw{display:none}}
@@ -9,8 +9,6 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
9
9
  import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
10
10
  import ShortcutIcon from '@atlaskit/icon/core/link-external';
11
11
  import { CloseButton, useModal } from '@atlaskit/modal-dialog';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
- import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
14
12
  import Tooltip from '@atlaskit/tooltip';
15
13
  import { messages } from '../../../../messages';
16
14
  import { Icon } from '../../../common/Icon';
@@ -24,7 +22,6 @@ const iconSize = '24px';
24
22
  // Specify flex ui icon selector to increase specificity weight to 0-2-1.
25
23
  const iconCss = null;
26
24
  const titleCss = null;
27
- const actionCss = null;
28
25
  const buttonGroupCss = null;
29
26
  const listItemCSS = null;
30
27
  const resizeButtonCss = null;
@@ -37,110 +34,6 @@ const LinkInfo = ({
37
34
  size,
38
35
  testId,
39
36
  title
40
- }) => {
41
- const {
42
- onClose
43
- } = useModal();
44
- const {
45
- formatMessage
46
- } = useIntl();
47
- const downloadButton = useMemo(() => {
48
- if (onDownloadButtonClick) {
49
- return /*#__PURE__*/React.createElement(LinkInfoButton, {
50
- content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
51
- icon: () => /*#__PURE__*/React.createElement(DownloadIcon, {
52
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.download.defaultMessage,
53
- spacing: "spacious",
54
- color: "currentColor"
55
- }),
56
- label: messages.download,
57
- onClick: onDownloadButtonClick,
58
- testId: `${testId}-download`
59
- });
60
- }
61
- }, [onDownloadButtonClick, testId]);
62
- const urlButton = useMemo(() => {
63
- if (onViewButtonClick) {
64
- const content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
65
- return /*#__PURE__*/React.createElement(LinkInfoButton, {
66
- content: content,
67
- icon: () => /*#__PURE__*/React.createElement(ShortcutIcon, {
68
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.viewOriginal.defaultMessage,
69
- spacing: "spacious",
70
- color: "currentColor"
71
- }),
72
- label: messages.viewOriginal,
73
- onClick: onViewButtonClick,
74
- testId: `${testId}-url`,
75
- role: 'link',
76
- "aria-label": messages.viewOriginal
77
- });
78
- }
79
- }, [onViewButtonClick, providerName, testId]);
80
- const sizeButton = useMemo(() => {
81
- const isFullScreen = size === MAX_MODAL_SIZE;
82
- const message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
83
- const icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
84
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
85
- spacing: "spacious",
86
- color: "currentColor"
87
- }) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
88
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
89
- spacing: "spacious",
90
- color: "currentColor"
91
- });
92
- return (
93
- /*#__PURE__*/
94
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
95
- React.createElement("span", {
96
- className: "smart-link-resize-button"
97
- }, /*#__PURE__*/React.createElement(LinkInfoButton, {
98
- content: /*#__PURE__*/React.createElement(FormattedMessage, message),
99
- icon: () => icon,
100
- label: message,
101
- onClick: onResizeButtonClick,
102
- testId: `${testId}-resize`
103
- }))
104
- );
105
- }, [onResizeButtonClick, size, testId]);
106
- return /*#__PURE__*/React.createElement("div", {
107
- className: ax(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
108
- }, icon && /*#__PURE__*/React.createElement("div", {
109
- "data-testid": `${testId}-icon`,
110
- className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
111
- }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
112
- className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
113
- }, /*#__PURE__*/React.createElement(Heading, {
114
- as: "h2",
115
- size: "small",
116
- color: "color.text",
117
- testId: `${testId}-title`
118
- }, title), /*#__PURE__*/React.createElement("span", {
119
- tabIndex: 0,
120
- role: "button",
121
- "aria-hidden": true
122
- })), /*#__PURE__*/React.createElement("div", {
123
- className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
124
- }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(Tooltip, {
125
- content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
126
- hideTooltipOnClick: true,
127
- tag: "span",
128
- testId: `${testId}-close-tooltip`
129
- }, /*#__PURE__*/React.createElement(CloseButton, {
130
- onClick: onClose,
131
- label: formatMessage(messages.preview_close),
132
- testId: testId
133
- }))));
134
- };
135
- const LinkInfoNew = ({
136
- icon,
137
- providerName,
138
- onDownloadButtonClick,
139
- onResizeButtonClick,
140
- onViewButtonClick,
141
- size,
142
- testId,
143
- title
144
37
  }) => {
145
38
  const {
146
39
  onClose
@@ -231,5 +124,4 @@ const LinkInfoNew = ({
231
124
  testId: testId
232
125
  })))));
233
126
  };
234
- const _default_1 = componentWithFG('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
235
- export default _default_1;
127
+ export default LinkInfo;
@@ -1,5 +1,8 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import React, { useCallback, useEffect, useRef, useState } from 'react';
3
+ import { fg } from '@atlaskit/platform-feature-flags';
2
4
  import { ElementName } from '../../../../../constants';
5
+ import { noop } from '../../../../../utils';
3
6
  import { HoverCard } from '../../../../HoverCard';
4
7
  const FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
5
8
  const HoverCardControl = ({
@@ -56,12 +59,14 @@ const HoverCardControl = ({
56
59
  actionOptions: actionOptions,
57
60
  url: url,
58
61
  hoverPreviewOptions: hoverPreviewOptions
59
- }, /*#__PURE__*/React.createElement("span", {
62
+ }, /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
63
+ onBlur: noop
64
+ } : undefined, {
60
65
  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
61
66
  onMouseLeave: onMouseLeave,
62
67
  onMouseMove: onMouseMove,
63
68
  "data-testid": `${testId}-hover-card-wrapper`,
64
69
  role: 'presentation'
65
- }, children));
70
+ }), children));
66
71
  };
67
72
  export default HoverCardControl;
@@ -1,6 +1,8 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import React, { useCallback } from 'react';
2
3
  import { DropdownItem } from '@atlaskit/dropdown-menu';
3
4
  import Lozenge from '@atlaskit/lozenge';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
4
6
  const LozengeActionItem = ({
5
7
  appearance,
6
8
  id,
@@ -20,19 +22,18 @@ const LozengeActionItem = ({
20
22
  var _e$currentTarget, _e$currentTarget$firs;
21
23
  (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
22
24
  }, []);
23
- return (
24
- /*#__PURE__*/
25
+ return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
26
+ onFocus: handleMouseEnter
27
+ } : undefined, {
25
28
  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
26
- React.createElement("span", {
27
- onMouseEnter: handleMouseEnter,
28
- role: "presentation"
29
- }, /*#__PURE__*/React.createElement(DropdownItem, {
30
- onClick: handleClick,
31
- testId: testId
32
- }, /*#__PURE__*/React.createElement(Lozenge, {
33
- appearance: appearance,
34
- isBold: true
35
- }, text)))
36
- );
29
+ onMouseEnter: handleMouseEnter,
30
+ role: "presentation"
31
+ }), /*#__PURE__*/React.createElement(DropdownItem, {
32
+ onClick: handleClick,
33
+ testId: testId
34
+ }, /*#__PURE__*/React.createElement(Lozenge, {
35
+ appearance: appearance,
36
+ isBold: true
37
+ }, text)));
37
38
  };
38
39
  export default LozengeActionItem;
@@ -7,6 +7,7 @@ import { ActionName, CardDisplay } from '../../../constants';
7
7
  import { useSmartCardActions } from '../../../state/actions';
8
8
  import { useSmartLinkRenderers } from '../../../state/renderers';
9
9
  import { useSmartCardState as useLinkState } from '../../../state/store';
10
+ import { noop } from '../../../utils';
10
11
  import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
11
12
  import { createCustomPopupContainer } from '../components/CustomPopupContainer';
12
13
  import HoverCardContent from '../components/HoverCardContent';
@@ -233,7 +234,11 @@ export const HoverCardComponent = ({
233
234
  "data-testid": HOVER_CARD_TRIGGER_WRAPPER
234
235
  }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
235
236
  className: HOVER_CARD_TRIGGER_WRAPPER
236
- } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
237
+ } : {}, fg('platform_sl_a11y_enghealth_46829') ? {
238
+ onFocus: noop,
239
+ onBlur: noop,
240
+ role: 'none'
241
+ } : undefined), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
237
242
  const popupComponent = useMemo(
238
243
  // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
239
244
  // as it is assumed that the custom popup container has the desired styles
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
12
12
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
13
13
  const PACKAGE_DATA = {
14
14
  packageName: "@atlaskit/smart-card",
15
- packageVersion: "43.31.8",
15
+ packageVersion: "43.31.9",
16
16
  componentName: 'linkUrl'
17
17
  };
18
18
  const Anchor = withLinkClickedEvent('a');
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:6c06f8839cb0945f2cab0ac802b365d5777fb87cbef26f7aee3fde0aeeb3c492
3
- size 15336
2
+ oid sha256:fbb78ea71a5746369b0084cf50849be921509c49eecf27fe1102c7066b83c308
3
+ size 17436
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:db6c75900c0c5e1690a60a1ba68377dcb1abcc0f2f15772323e5b11519f0862c
3
- size 15479
2
+ oid sha256:d9b336037c1135a1eaf5198b69f76a440925ea3373d1bf1b95eabb240890bb52
3
+ size 17591
@@ -1,3 +1,3 @@
1
1
  version https://git-lfs.github.com/spec/v1
2
- oid sha256:6dc97ad04addf386b55440c5d25f372bd83c38f4798c7942b304fe293b591b68
3
- size 15496
2
+ oid sha256:5a123b94c0d5bde76fd5950948525b37c656f593b0245fbc92378f64b0864556
3
+ size 17631
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
4
4
  export var context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "43.31.8"
7
+ packageVersion: "43.31.9"
8
8
  };
9
9
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -579,4 +579,7 @@ export var isIconSizeLarge = function isIconSizeLarge(size) {
579
579
  };
580
580
  export var isProfileType = function isProfileType(type) {
581
581
  return !!(type && type.includes('Profile'));
582
+ };
583
+ export var noop = function noop() {
584
+ return undefined;
582
585
  };
@@ -69,4 +69,4 @@
69
69
  ._xwbj1tcg svg{min-width:24px}
70
70
  ._yrry1tcg [data-smart-element-icon] span{height:24px}
71
71
  ._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
72
- @media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}
72
+ @media only screen and (max-width:980px){._1dt6glyw{display:none}}
@@ -9,8 +9,6 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
9
9
  import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
10
10
  import ShortcutIcon from '@atlaskit/icon/core/link-external';
11
11
  import { CloseButton, useModal } from '@atlaskit/modal-dialog';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
- import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
14
12
  import Tooltip from '@atlaskit/tooltip';
15
13
  import { messages } from '../../../../messages';
16
14
  import { Icon } from '../../../common/Icon';
@@ -24,7 +22,6 @@ var iconSize = '24px';
24
22
  // Specify flex ui icon selector to increase specificity weight to 0-2-1.
25
23
  var iconCss = null;
26
24
  var titleCss = null;
27
- var actionCss = null;
28
25
  var buttonGroupCss = null;
29
26
  var listItemCSS = null;
30
27
  var resizeButtonCss = null;
@@ -41,113 +38,6 @@ var LinkInfo = function LinkInfo(_ref) {
41
38
  onClose = _useModal.onClose;
42
39
  var _useIntl = useIntl(),
43
40
  formatMessage = _useIntl.formatMessage;
44
- var downloadButton = useMemo(function () {
45
- if (onDownloadButtonClick) {
46
- return /*#__PURE__*/React.createElement(LinkInfoButton, {
47
- content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
48
- icon: function icon() {
49
- return /*#__PURE__*/React.createElement(DownloadIcon, {
50
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.download.defaultMessage,
51
- spacing: "spacious",
52
- color: "currentColor"
53
- });
54
- },
55
- label: messages.download,
56
- onClick: onDownloadButtonClick,
57
- testId: "".concat(testId, "-download")
58
- });
59
- }
60
- }, [onDownloadButtonClick, testId]);
61
- var urlButton = useMemo(function () {
62
- if (onViewButtonClick) {
63
- var content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
64
- return /*#__PURE__*/React.createElement(LinkInfoButton, {
65
- content: content,
66
- icon: function icon() {
67
- return /*#__PURE__*/React.createElement(ShortcutIcon, {
68
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.viewOriginal.defaultMessage,
69
- spacing: "spacious",
70
- color: "currentColor"
71
- });
72
- },
73
- label: messages.viewOriginal,
74
- onClick: onViewButtonClick,
75
- testId: "".concat(testId, "-url"),
76
- role: 'link',
77
- "aria-label": messages.viewOriginal
78
- });
79
- }
80
- }, [onViewButtonClick, providerName, testId]);
81
- var sizeButton = useMemo(function () {
82
- var isFullScreen = size === MAX_MODAL_SIZE;
83
- var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
84
- var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
85
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
86
- spacing: "spacious",
87
- color: "currentColor"
88
- }) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
89
- label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
90
- spacing: "spacious",
91
- color: "currentColor"
92
- });
93
- return (
94
- /*#__PURE__*/
95
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
96
- React.createElement("span", {
97
- className: "smart-link-resize-button"
98
- }, /*#__PURE__*/React.createElement(LinkInfoButton, {
99
- content: /*#__PURE__*/React.createElement(FormattedMessage, message),
100
- icon: function icon() {
101
- return _icon;
102
- },
103
- label: message,
104
- onClick: onResizeButtonClick,
105
- testId: "".concat(testId, "-resize")
106
- }))
107
- );
108
- }, [onResizeButtonClick, size, testId]);
109
- return /*#__PURE__*/React.createElement("div", {
110
- className: ax(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
111
- }, icon && /*#__PURE__*/React.createElement("div", {
112
- "data-testid": "".concat(testId, "-icon"),
113
- className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
114
- }, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
115
- className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
116
- }, /*#__PURE__*/React.createElement(Heading, {
117
- as: "h2",
118
- size: "small",
119
- color: "color.text",
120
- testId: "".concat(testId, "-title")
121
- }, title), /*#__PURE__*/React.createElement("span", {
122
- tabIndex: 0,
123
- role: "button",
124
- "aria-hidden": true
125
- })), /*#__PURE__*/React.createElement("div", {
126
- className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
127
- }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(Tooltip, {
128
- content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
129
- hideTooltipOnClick: true,
130
- tag: "span",
131
- testId: "".concat(testId, "-close-tooltip")
132
- }, /*#__PURE__*/React.createElement(CloseButton, {
133
- onClick: onClose,
134
- label: formatMessage(messages.preview_close),
135
- testId: testId
136
- }))));
137
- };
138
- var LinkInfoNew = function LinkInfoNew(_ref2) {
139
- var icon = _ref2.icon,
140
- providerName = _ref2.providerName,
141
- onDownloadButtonClick = _ref2.onDownloadButtonClick,
142
- onResizeButtonClick = _ref2.onResizeButtonClick,
143
- onViewButtonClick = _ref2.onViewButtonClick,
144
- size = _ref2.size,
145
- testId = _ref2.testId,
146
- title = _ref2.title;
147
- var _useModal2 = useModal(),
148
- onClose = _useModal2.onClose;
149
- var _useIntl2 = useIntl(),
150
- formatMessage = _useIntl2.formatMessage;
151
41
  var downloadButton = useMemo(function () {
152
42
  return /*#__PURE__*/React.createElement(LinkInfoButton, {
153
43
  content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
@@ -186,7 +76,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
186
76
  var sizeButton = useMemo(function () {
187
77
  var isFullScreen = size === MAX_MODAL_SIZE;
188
78
  var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
189
- var _icon2 = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
79
+ var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
190
80
  label: "",
191
81
  spacing: "spacious",
192
82
  color: "currentColor"
@@ -198,7 +88,7 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
198
88
  return /*#__PURE__*/React.createElement(LinkInfoButton, {
199
89
  content: /*#__PURE__*/React.createElement(FormattedMessage, message),
200
90
  icon: function icon() {
201
- return _icon2;
91
+ return _icon;
202
92
  },
203
93
  label: message,
204
94
  onClick: onResizeButtonClick,
@@ -239,5 +129,4 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
239
129
  testId: testId
240
130
  })))));
241
131
  };
242
- var _default_1 = componentWithFG('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
243
- export default _default_1;
132
+ export default LinkInfo;
@@ -1,6 +1,9 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
3
  import React, { useCallback, useEffect, useRef, useState } from 'react';
4
+ import { fg } from '@atlaskit/platform-feature-flags';
3
5
  import { ElementName } from '../../../../../constants';
6
+ import { noop } from '../../../../../utils';
4
7
  import { HoverCard } from '../../../../HoverCard';
5
8
  var FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
6
9
  var HoverCardControl = function HoverCardControl(_ref) {
@@ -60,12 +63,14 @@ var HoverCardControl = function HoverCardControl(_ref) {
60
63
  actionOptions: actionOptions,
61
64
  url: url,
62
65
  hoverPreviewOptions: hoverPreviewOptions
63
- }, /*#__PURE__*/React.createElement("span", {
66
+ }, /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
67
+ onBlur: noop
68
+ } : undefined, {
64
69
  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
65
70
  onMouseLeave: onMouseLeave,
66
71
  onMouseMove: onMouseMove,
67
72
  "data-testid": "".concat(testId, "-hover-card-wrapper"),
68
73
  role: 'presentation'
69
- }, children));
74
+ }), children));
70
75
  };
71
76
  export default HoverCardControl;
@@ -1,6 +1,8 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import React, { useCallback } from 'react';
2
3
  import { DropdownItem } from '@atlaskit/dropdown-menu';
3
4
  import Lozenge from '@atlaskit/lozenge';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
4
6
  var LozengeActionItem = function LozengeActionItem(_ref) {
5
7
  var appearance = _ref.appearance,
6
8
  id = _ref.id,
@@ -19,19 +21,18 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
19
21
  var _e$currentTarget;
20
22
  (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || (_e$currentTarget = _e$currentTarget.firstElementChild) === null || _e$currentTarget === void 0 || _e$currentTarget.focus();
21
23
  }, []);
22
- return (
23
- /*#__PURE__*/
24
+ return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform_sl_a11y_enghealth_46829') ? {
25
+ onFocus: handleMouseEnter
26
+ } : undefined, {
24
27
  // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
25
- React.createElement("span", {
26
- onMouseEnter: handleMouseEnter,
27
- role: "presentation"
28
- }, /*#__PURE__*/React.createElement(DropdownItem, {
29
- onClick: handleClick,
30
- testId: testId
31
- }, /*#__PURE__*/React.createElement(Lozenge, {
32
- appearance: appearance,
33
- isBold: true
34
- }, text)))
35
- );
28
+ onMouseEnter: handleMouseEnter,
29
+ role: "presentation"
30
+ }), /*#__PURE__*/React.createElement(DropdownItem, {
31
+ onClick: handleClick,
32
+ testId: testId
33
+ }, /*#__PURE__*/React.createElement(Lozenge, {
34
+ appearance: appearance,
35
+ isBold: true
36
+ }, text)));
36
37
  };
37
38
  export default LozengeActionItem;
@@ -10,6 +10,7 @@ import { ActionName, CardDisplay } from '../../../constants';
10
10
  import { useSmartCardActions } from '../../../state/actions';
11
11
  import { useSmartLinkRenderers } from '../../../state/renderers';
12
12
  import { useSmartCardState as useLinkState } from '../../../state/store';
13
+ import { noop } from '../../../utils';
13
14
  import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
14
15
  import { createCustomPopupContainer } from '../components/CustomPopupContainer';
15
16
  import HoverCardContent from '../components/HoverCardContent';
@@ -250,7 +251,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
250
251
  "data-testid": HOVER_CARD_TRIGGER_WRAPPER
251
252
  }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
252
253
  className: HOVER_CARD_TRIGGER_WRAPPER
253
- } : {}), children));
254
+ } : {}, fg('platform_sl_a11y_enghealth_46829') ? {
255
+ onFocus: noop,
256
+ onBlur: noop,
257
+ role: 'none'
258
+ } : undefined), children));
254
259
  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, handleKeyDown]);
255
260
  var popupComponent = useMemo(
256
261
  // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
15
15
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
16
16
  var PACKAGE_DATA = {
17
17
  packageName: "@atlaskit/smart-card",
18
- packageVersion: "43.31.8",
18
+ packageVersion: "43.31.9",
19
19
  componentName: 'linkUrl'
20
20
  };
21
21
  var Anchor = withLinkClickedEvent('a');
@@ -36,3 +36,4 @@ export declare const openUrl: (url?: string) => Promise<void>;
36
36
  export declare const getPreviewUrlWithTheme: (previewUrl: string, themeState: Partial<ActiveThemeState>) => string;
37
37
  export declare const isIconSizeLarge: (size?: SmartLinkSize) => boolean | undefined;
38
38
  export declare const isProfileType: (type?: string[]) => boolean;
39
+ export declare const noop: () => undefined;
@@ -1,8 +1,3 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
1
  import { type LinkInfoProps } from './types';
7
- declare const _default_1: React.FC<LinkInfoProps>;
8
- export default _default_1;
2
+ declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => JSX.Element;
3
+ export default LinkInfo;
@@ -36,3 +36,4 @@ export declare const openUrl: (url?: string) => Promise<void>;
36
36
  export declare const getPreviewUrlWithTheme: (previewUrl: string, themeState: Partial<ActiveThemeState>) => string;
37
37
  export declare const isIconSizeLarge: (size?: SmartLinkSize) => boolean | undefined;
38
38
  export declare const isProfileType: (type?: string[]) => boolean;
39
+ export declare const noop: () => undefined;
@@ -1,8 +1,3 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
1
  import { type LinkInfoProps } from './types';
7
- declare const _default_1: React.FC<LinkInfoProps>;
8
- export default _default_1;
2
+ declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => JSX.Element;
3
+ export default LinkInfo;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "43.31.9",
3
+ "version": "43.31.10",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -219,9 +219,6 @@
219
219
  "platform_navx_flex_card_status_dropdown_a11y_fix": {
220
220
  "type": "boolean"
221
221
  },
222
- "platform_navx_sl_a11y_embed_modal": {
223
- "type": "boolean"
224
- },
225
222
  "platform_navx_lp_invalid_url_error": {
226
223
  "type": "boolean"
227
224
  },
@@ -237,6 +234,9 @@
237
234
  "fix_hover_card_on_focus_a11y": {
238
235
  "type": "boolean"
239
236
  },
237
+ "platform_sl_a11y_enghealth_46829": {
238
+ "type": "boolean"
239
+ },
240
240
  "platform_sl_3p_preauth_better_hovercard_killswitch": {
241
241
  "type": "boolean"
242
242
  },