@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.
- package/CHANGELOG.md +10 -0
- 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
- 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
- package/dist/cjs/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-flexible-ui-icon--default.png +2 -2
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/utils/index.js +4 -1
- package/dist/cjs/view/EmbedModal/components/link-info/index.compiled.css +1 -1
- package/dist/cjs/view/EmbedModal/components/link-info/index.js +3 -114
- package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js +7 -2
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js +14 -13
- package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +6 -1
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- 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
- 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
- package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-flexible-ui-icon--default.png +2 -2
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/utils/index.js +2 -1
- package/dist/es2019/view/EmbedModal/components/link-info/index.compiled.css +1 -1
- package/dist/es2019/view/EmbedModal/components/link-info/index.js +1 -109
- package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js +7 -2
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js +14 -13
- package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +6 -1
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- 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
- 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
- package/dist/esm/__tests__/vr-tests/__snapshots__/embed-modal/renders-embed-modal-with-flexible-ui-icon--default.png +2 -2
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/utils/index.js +3 -0
- package/dist/esm/view/EmbedModal/components/link-info/index.compiled.css +1 -1
- package/dist/esm/view/EmbedModal/components/link-info/index.js +3 -114
- package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js +7 -2
- package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.js +14 -13
- package/dist/esm/view/HoverCard/components/HoverCardComponent.js +6 -1
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/view/EmbedModal/components/link-info/index.d.ts +2 -7
- package/dist/types-ts4.5/utils/index.d.ts +1 -0
- package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts +2 -7
- 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:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:fbb78ea71a5746369b0084cf50849be921509c49eecf27fe1102c7066b83c308
|
|
3
|
+
size 17436
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:d9b336037c1135a1eaf5198b69f76a440925ea3373d1bf1b95eabb240890bb52
|
|
3
|
+
size 17591
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
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.
|
|
14
|
+
packageVersion: "43.31.9"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -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}
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
} : {}
|
|
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.
|
|
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:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:fbb78ea71a5746369b0084cf50849be921509c49eecf27fe1102c7066b83c308
|
|
3
|
+
size 17436
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:d9b336037c1135a1eaf5198b69f76a440925ea3373d1bf1b95eabb240890bb52
|
|
3
|
+
size 17591
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
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.
|
|
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}
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
} : {}
|
|
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.
|
|
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:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:fbb78ea71a5746369b0084cf50849be921509c49eecf27fe1102c7066b83c308
|
|
3
|
+
size 17436
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:d9b336037c1135a1eaf5198b69f76a440925ea3373d1bf1b95eabb240890bb52
|
|
3
|
+
size 17591
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
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.
|
|
7
|
+
packageVersion: "43.31.9"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
package/dist/esm/utils/index.js
CHANGED
|
@@ -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}
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
} : {}
|
|
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.
|
|
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
|
|
8
|
-
export default
|
|
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
|
|
8
|
-
export default
|
|
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.
|
|
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
|
},
|