@atlaskit/smart-card 40.7.0 → 40.7.1
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 +12 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js +1 -2
- package/dist/cjs/view/InlineCard/ForbiddenView/index.compiled.css +0 -2
- package/dist/cjs/view/InlineCard/ForbiddenView/index.js +8 -22
- package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.compiled.css +0 -4
- package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js +2 -25
- package/dist/cjs/view/InlineCard/ResolvedView/index.js +8 -19
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +8 -4
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js +1 -2
- package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css +0 -2
- package/dist/es2019/view/InlineCard/ForbiddenView/index.js +9 -23
- package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.compiled.css +0 -4
- package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js +0 -22
- package/dist/es2019/view/InlineCard/ResolvedView/index.js +9 -20
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +8 -4
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js +1 -2
- package/dist/esm/view/InlineCard/ForbiddenView/index.compiled.css +0 -2
- package/dist/esm/view/InlineCard/ForbiddenView/index.js +9 -23
- package/dist/esm/view/InlineCard/IconAndTitleLayout/index.compiled.css +0 -4
- package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js +1 -24
- package/dist/esm/view/InlineCard/ResolvedView/index.js +9 -20
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +8 -4
- package/dist/types/view/InlineCard/IconAndTitleLayout/index.d.ts +0 -1
- package/dist/types-ts4.5/view/InlineCard/IconAndTitleLayout/index.d.ts +0 -1
- package/package.json +5 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 40.7.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#195804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195804)
|
|
8
|
+
[`203fd19c46105`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/203fd19c46105) -
|
|
9
|
+
NAVX-1055 cleaning up platform-linking-visual-refresh-inline-lozenge
|
|
10
|
+
- [#195804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195804)
|
|
11
|
+
[`567fff99a23f5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/567fff99a23f5) -
|
|
12
|
+
NAVX-1304 Remove `autofocus=false` from RelatedLinksModal for a11y
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 40.7.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -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: "40.
|
|
14
|
+
packageVersion: "40.7.0"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -13,7 +13,6 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
15
|
var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _loadingSkeleton = require("../loading-skeleton");
|
|
18
17
|
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); }
|
|
19
18
|
var styles = {
|
|
@@ -43,7 +42,7 @@ var ImageIcon = function ImageIcon(_ref) {
|
|
|
43
42
|
if (hasImageErrored) {
|
|
44
43
|
return defaultIcon;
|
|
45
44
|
}
|
|
46
|
-
if (hideLoadingSkeleton
|
|
45
|
+
if (hideLoadingSkeleton) {
|
|
47
46
|
return /*#__PURE__*/React.createElement("img", {
|
|
48
47
|
src: url,
|
|
49
48
|
"data-testid": "".concat(testId, "-image"),
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
3
|
-
._1e0cbu77{display:inline flex}
|
|
4
|
-
._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
|
|
5
3
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
6
4
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
7
5
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
@@ -14,7 +14,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
14
14
|
var _reactIntlNext = require("react-intl-next");
|
|
15
15
|
var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
|
|
16
16
|
var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
|
|
17
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
18
17
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
19
|
var _colors = require("@atlaskit/theme/colors");
|
|
@@ -25,9 +24,7 @@ var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"))
|
|
|
25
24
|
var _Frame = require("../Frame");
|
|
26
25
|
var _IconAndTitleLayout = require("../IconAndTitleLayout");
|
|
27
26
|
var styles = {
|
|
28
|
-
|
|
29
|
-
actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
30
|
-
actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
|
|
27
|
+
actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
|
|
31
28
|
};
|
|
32
29
|
var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
|
|
33
30
|
return /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
|
|
@@ -88,29 +85,18 @@ var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineC
|
|
|
88
85
|
}, renderForbiddenAccessMessage());
|
|
89
86
|
}
|
|
90
87
|
if (onAuthorise) {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
xcss: styles.actionButtonLozengeStyleNew,
|
|
94
|
-
onClick: handleRetry,
|
|
95
|
-
style: {
|
|
96
|
-
font: "inherit"
|
|
97
|
-
},
|
|
98
|
-
testId: "button-connect-other-account"
|
|
99
|
-
}, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
|
|
100
|
-
appearance: "moved"
|
|
101
|
-
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
102
|
-
isBold: true
|
|
103
|
-
} : undefined), renderForbiddenAccessMessage()));
|
|
104
|
-
}
|
|
105
|
-
return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
|
|
106
|
-
xcss: styles.actionButtonLozengeStyleOld,
|
|
88
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
|
|
89
|
+
xcss: styles.actionButtonLozengeStyle,
|
|
107
90
|
onClick: handleRetry,
|
|
91
|
+
style: {
|
|
92
|
+
font: "inherit"
|
|
93
|
+
},
|
|
108
94
|
testId: "button-connect-other-account"
|
|
109
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
95
|
+
}, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
|
|
110
96
|
appearance: "moved"
|
|
111
97
|
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
112
98
|
isBold: true
|
|
113
|
-
} : undefined), renderForbiddenAccessMessage()))
|
|
99
|
+
} : undefined), renderForbiddenAccessMessage()));
|
|
114
100
|
}
|
|
115
101
|
return null;
|
|
116
102
|
}, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
|
|
@@ -5,9 +5,7 @@
|
|
|
5
5
|
._154i1ssb{top:50%}
|
|
6
6
|
._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
|
|
7
7
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
8
|
-
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
9
8
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
10
|
-
._19pkidpf{margin-top:0}
|
|
11
9
|
._1bsb1osq{width:100%}
|
|
12
10
|
._1bsb7vkz{width:1pc}
|
|
13
11
|
._1e0c116y{display:inline-flex}
|
|
@@ -23,9 +21,7 @@
|
|
|
23
21
|
._kqswstnw{position:absolute}
|
|
24
22
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
25
23
|
._o5721jtm{white-space:pre-wrap}
|
|
26
|
-
._otyridpf{margin-bottom:0}
|
|
27
24
|
._p12f7vkz{max-width:1pc}
|
|
28
|
-
._s7n4t94y{vertical-align:1px}
|
|
29
25
|
._syaz131l{color:var(--ds-text-subtlest,#626f86)}
|
|
30
26
|
._syaz1y58{color:var(--ds-link,#0052cc)}
|
|
31
27
|
._t9ec1ooe{transform:translate(-50%,-50%)}
|
|
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
value: true
|
|
8
8
|
});
|
|
9
|
-
exports.
|
|
9
|
+
exports.IconTitleWrapper = exports.IconAndTitleLayout = void 0;
|
|
10
10
|
require("./index.compiled.css");
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
@@ -19,8 +19,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
|
|
|
19
19
|
var _colors = require("@atlaskit/theme/colors");
|
|
20
20
|
var _utils = require("../../../utils");
|
|
21
21
|
var _Icon = require("../Icon");
|
|
22
|
-
var _excluded = ["as", "style"]
|
|
23
|
-
_excluded2 = ["as", "style"];
|
|
22
|
+
var _excluded = ["as", "style"];
|
|
24
23
|
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); }
|
|
25
24
|
var iconWrapperStyle = null;
|
|
26
25
|
var iconImageStyle = null;
|
|
@@ -169,26 +168,4 @@ var IconTitleWrapper = exports.IconTitleWrapper = function IconTitleWrapper(prop
|
|
|
169
168
|
as: "span",
|
|
170
169
|
xcss: styles.iconTitleWrapperStyle
|
|
171
170
|
}, props));
|
|
172
|
-
};
|
|
173
|
-
|
|
174
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
175
|
-
var LozengeWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref3, __cmplr) {
|
|
176
|
-
var _ref3$as = _ref3.as,
|
|
177
|
-
C = _ref3$as === void 0 ? "span" : _ref3$as,
|
|
178
|
-
__cmpls = _ref3.style,
|
|
179
|
-
__cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
|
|
180
|
-
return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
|
|
181
|
-
style: __cmpls,
|
|
182
|
-
ref: __cmplr,
|
|
183
|
-
className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
|
|
184
|
-
}));
|
|
185
|
-
});
|
|
186
|
-
|
|
187
|
-
// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
|
|
188
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
189
|
-
LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
|
|
190
|
-
}
|
|
191
|
-
var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(props) {
|
|
192
|
-
// note: This is just to get the types to work due to compiled css weirdness.
|
|
193
|
-
return /*#__PURE__*/_react.default.createElement(LozengeWrapperOldVisualRefresh, props);
|
|
194
171
|
};
|
|
@@ -11,7 +11,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
11
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
15
14
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
15
|
var _HoverCard = require("../../HoverCard");
|
|
17
16
|
var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
|
|
@@ -28,31 +27,21 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
|
|
|
28
27
|
return (0, _createClass2.default)(InlineCardResolvedView, [{
|
|
29
28
|
key: "renderLozenge",
|
|
30
29
|
value: function renderLozenge() {
|
|
30
|
+
var _lozenge$style, _lozenge$style2;
|
|
31
31
|
var lozenge = this.props.lozenge;
|
|
32
32
|
if (!lozenge) {
|
|
33
33
|
return null;
|
|
34
34
|
}
|
|
35
35
|
var appearance = lozenge.appearance || 'default';
|
|
36
|
-
|
|
37
|
-
var _lozenge$style, _lozenge$style2;
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
|
|
39
|
-
testId: "inline-card-resolved-view-lozenge",
|
|
40
|
-
appearance: appearance,
|
|
41
|
-
style: {
|
|
42
|
-
backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
|
|
43
|
-
color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
|
|
44
|
-
},
|
|
45
|
-
isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
46
|
-
}, lozenge.text);
|
|
47
|
-
}
|
|
48
|
-
return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
|
|
49
37
|
testId: "inline-card-resolved-view-lozenge",
|
|
50
|
-
appearance: appearance
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
38
|
+
appearance: appearance,
|
|
39
|
+
style: {
|
|
40
|
+
backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
|
|
41
|
+
color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
|
|
42
|
+
},
|
|
54
43
|
isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
55
|
-
}, lozenge.text)
|
|
44
|
+
}, lozenge.text);
|
|
56
45
|
}
|
|
57
46
|
}, {
|
|
58
47
|
key: "render",
|
|
@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
19
19
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
20
20
|
var PACKAGE_DATA = {
|
|
21
21
|
packageName: "@atlaskit/smart-card",
|
|
22
|
-
packageVersion: "40.
|
|
22
|
+
packageVersion: "40.7.0",
|
|
23
23
|
componentName: 'linkUrl'
|
|
24
24
|
};
|
|
25
25
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -10,9 +10,11 @@ exports.default = void 0;
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
14
|
var _reactIntlNext = require("react-intl-next");
|
|
14
15
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
15
16
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
17
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
18
|
var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
|
|
17
19
|
var _messages = require("../../../messages");
|
|
18
20
|
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); }
|
|
@@ -36,15 +38,17 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
|
|
|
36
38
|
});
|
|
37
39
|
onClose === null || onClose === void 0 || onClose();
|
|
38
40
|
}, [fireEvent, onClose]);
|
|
39
|
-
return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, {
|
|
41
|
+
return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, (0, _extends2.default)({
|
|
40
42
|
testId: "related-links-modal",
|
|
41
43
|
onClose: closeHandler,
|
|
42
|
-
width: fixedWidth
|
|
43
|
-
|
|
44
|
+
width: fixedWidth
|
|
45
|
+
}, (0, _platformFeatureFlags.fg)('navx-1304-related-links-remove-false-autofocus') ? {} : {
|
|
46
|
+
autoFocus: false
|
|
47
|
+
}, {
|
|
44
48
|
shouldReturnFocus: false,
|
|
45
49
|
onOpenComplete: openCompleteHandler,
|
|
46
50
|
height: '504px'
|
|
47
|
-
}, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
|
|
51
|
+
}), /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
|
|
48
52
|
appearance: "primary",
|
|
49
53
|
onClick: closeHandler
|
|
50
54
|
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
|
|
@@ -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: "40.
|
|
5
|
+
packageVersion: "40.7.0"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -4,7 +4,6 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { useEffect, useState } from 'react';
|
|
6
6
|
import ImageLoader from 'react-render-image';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { LoadingSkeleton } from '../loading-skeleton';
|
|
9
8
|
const styles = {
|
|
10
9
|
roundImg: "_2rko14q2"
|
|
@@ -29,7 +28,7 @@ const ImageIcon = ({
|
|
|
29
28
|
if (hasImageErrored) {
|
|
30
29
|
return defaultIcon;
|
|
31
30
|
}
|
|
32
|
-
if (hideLoadingSkeleton
|
|
31
|
+
if (hideLoadingSkeleton) {
|
|
33
32
|
return /*#__PURE__*/React.createElement("img", {
|
|
34
33
|
src: url,
|
|
35
34
|
"data-testid": `${testId}-image`,
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
3
|
-
._1e0cbu77{display:inline flex}
|
|
4
|
-
._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
|
|
5
3
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
6
4
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
7
5
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
@@ -6,7 +6,6 @@ import React from 'react';
|
|
|
6
6
|
import { FormattedMessage } from 'react-intl-next';
|
|
7
7
|
import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
|
|
8
8
|
import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
|
|
9
|
-
import Lozenge from '@atlaskit/lozenge';
|
|
10
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
12
11
|
import { N500 } from '@atlaskit/theme/colors';
|
|
@@ -15,11 +14,9 @@ import { HoverCard } from '../../HoverCard';
|
|
|
15
14
|
import { ActionButton } from '../common/action-button';
|
|
16
15
|
import InlineLozenge from '../common/inline-lozenge';
|
|
17
16
|
import { Frame } from '../Frame';
|
|
18
|
-
import { IconAndTitleLayout
|
|
17
|
+
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
19
18
|
const styles = {
|
|
20
|
-
|
|
21
|
-
actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
22
|
-
actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
|
|
19
|
+
actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
|
|
23
20
|
};
|
|
24
21
|
const fallbackForbiddenIcon = () => {
|
|
25
22
|
return /*#__PURE__*/React.createElement(LockLockedIcon, {
|
|
@@ -78,29 +75,18 @@ export const InlineCardForbiddenView = ({
|
|
|
78
75
|
}, renderForbiddenAccessMessage());
|
|
79
76
|
}
|
|
80
77
|
if (onAuthorise) {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
xcss: styles.actionButtonLozengeStyleNew,
|
|
84
|
-
onClick: handleRetry,
|
|
85
|
-
style: {
|
|
86
|
-
font: `inherit`
|
|
87
|
-
},
|
|
88
|
-
testId: "button-connect-other-account"
|
|
89
|
-
}, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
|
|
90
|
-
appearance: "moved"
|
|
91
|
-
}, fg('platform-component-visual-refresh') ? {
|
|
92
|
-
isBold: true
|
|
93
|
-
} : undefined), renderForbiddenAccessMessage()));
|
|
94
|
-
}
|
|
95
|
-
return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
|
|
96
|
-
xcss: styles.actionButtonLozengeStyleOld,
|
|
78
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
79
|
+
xcss: styles.actionButtonLozengeStyle,
|
|
97
80
|
onClick: handleRetry,
|
|
81
|
+
style: {
|
|
82
|
+
font: `inherit`
|
|
83
|
+
},
|
|
98
84
|
testId: "button-connect-other-account"
|
|
99
|
-
}, /*#__PURE__*/React.createElement(
|
|
85
|
+
}, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
|
|
100
86
|
appearance: "moved"
|
|
101
87
|
}, fg('platform-component-visual-refresh') ? {
|
|
102
88
|
isBold: true
|
|
103
|
-
} : undefined), renderForbiddenAccessMessage()))
|
|
89
|
+
} : undefined), renderForbiddenAccessMessage()));
|
|
104
90
|
}
|
|
105
91
|
return null;
|
|
106
92
|
}, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
|
|
@@ -5,9 +5,7 @@
|
|
|
5
5
|
._154i1ssb{top:50%}
|
|
6
6
|
._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
|
|
7
7
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
8
|
-
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
9
8
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
10
|
-
._19pkidpf{margin-top:0}
|
|
11
9
|
._1bsb1osq{width:100%}
|
|
12
10
|
._1bsb7vkz{width:1pc}
|
|
13
11
|
._1e0c116y{display:inline-flex}
|
|
@@ -23,9 +21,7 @@
|
|
|
23
21
|
._kqswstnw{position:absolute}
|
|
24
22
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
25
23
|
._o5721jtm{white-space:pre-wrap}
|
|
26
|
-
._otyridpf{margin-bottom:0}
|
|
27
24
|
._p12f7vkz{max-width:1pc}
|
|
28
|
-
._s7n4t94y{vertical-align:1px}
|
|
29
25
|
._syaz131l{color:var(--ds-text-subtlest,#626f86)}
|
|
30
26
|
._syaz1y58{color:var(--ds-link,#0052cc)}
|
|
31
27
|
._t9ec1ooe{transform:translate(-50%,-50%)}
|
|
@@ -158,26 +158,4 @@ export const IconTitleWrapper = props => {
|
|
|
158
158
|
as: "span",
|
|
159
159
|
xcss: styles.iconTitleWrapperStyle
|
|
160
160
|
}, props));
|
|
161
|
-
};
|
|
162
|
-
|
|
163
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
164
|
-
const LozengeWrapperOldVisualRefresh = forwardRef(({
|
|
165
|
-
as: C = "span",
|
|
166
|
-
style: __cmpls,
|
|
167
|
-
...__cmplp
|
|
168
|
-
}, __cmplr) => {
|
|
169
|
-
return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
|
|
170
|
-
style: __cmpls,
|
|
171
|
-
ref: __cmplr,
|
|
172
|
-
className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
|
|
173
|
-
}));
|
|
174
|
-
});
|
|
175
|
-
|
|
176
|
-
// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
|
|
177
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
178
|
-
LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
|
|
179
|
-
}
|
|
180
|
-
export const LozengeWrapper = props => {
|
|
181
|
-
// note: This is just to get the types to work due to compiled css weirdness.
|
|
182
|
-
return /*#__PURE__*/React.createElement(LozengeWrapperOldVisualRefresh, props);
|
|
183
161
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Lozenge from '@atlaskit/lozenge';
|
|
3
2
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { HoverCard } from '../../HoverCard';
|
|
5
4
|
import InlineLozenge from '../common/inline-lozenge';
|
|
6
5
|
import { Frame } from '../Frame';
|
|
7
|
-
import { IconAndTitleLayout
|
|
6
|
+
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
8
7
|
export class InlineCardResolvedView extends React.Component {
|
|
9
8
|
renderLozenge() {
|
|
9
|
+
var _lozenge$style, _lozenge$style2;
|
|
10
10
|
const {
|
|
11
11
|
lozenge
|
|
12
12
|
} = this.props;
|
|
@@ -14,26 +14,15 @@ export class InlineCardResolvedView extends React.Component {
|
|
|
14
14
|
return null;
|
|
15
15
|
}
|
|
16
16
|
const appearance = lozenge.appearance || 'default';
|
|
17
|
-
|
|
18
|
-
var _lozenge$style, _lozenge$style2;
|
|
19
|
-
return /*#__PURE__*/React.createElement(InlineLozenge, {
|
|
20
|
-
testId: "inline-card-resolved-view-lozenge",
|
|
21
|
-
appearance: appearance,
|
|
22
|
-
style: {
|
|
23
|
-
backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
|
|
24
|
-
color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
|
|
25
|
-
},
|
|
26
|
-
isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
27
|
-
}, lozenge.text);
|
|
28
|
-
}
|
|
29
|
-
return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
17
|
+
return /*#__PURE__*/React.createElement(InlineLozenge, {
|
|
30
18
|
testId: "inline-card-resolved-view-lozenge",
|
|
31
|
-
appearance: appearance
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
appearance: appearance,
|
|
20
|
+
style: {
|
|
21
|
+
backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
|
|
22
|
+
color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
|
|
23
|
+
},
|
|
35
24
|
isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
36
|
-
}, lozenge.text)
|
|
25
|
+
}, lozenge.text);
|
|
37
26
|
}
|
|
38
27
|
render() {
|
|
39
28
|
const {
|
|
@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
9
9
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
10
10
|
const PACKAGE_DATA = {
|
|
11
11
|
packageName: "@atlaskit/smart-card",
|
|
12
|
-
packageVersion: "40.
|
|
12
|
+
packageVersion: "40.7.0",
|
|
13
13
|
componentName: 'linkUrl'
|
|
14
14
|
};
|
|
15
15
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
5
|
import { useCallback, useRef } from 'react';
|
|
5
6
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
7
|
import Button from '@atlaskit/button/new';
|
|
7
8
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
|
|
9
11
|
import { messages } from '../../../messages';
|
|
10
12
|
const fixedWidth = 'small'; // pre-defined 400px by Atlaskit
|
|
@@ -29,15 +31,17 @@ const RelatedLinksBaseModal = ({
|
|
|
29
31
|
});
|
|
30
32
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
31
33
|
}, [fireEvent, onClose]);
|
|
32
|
-
return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
|
|
34
|
+
return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, _extends({
|
|
33
35
|
testId: "related-links-modal",
|
|
34
36
|
onClose: closeHandler,
|
|
35
|
-
width: fixedWidth
|
|
36
|
-
|
|
37
|
+
width: fixedWidth
|
|
38
|
+
}, fg('navx-1304-related-links-remove-false-autofocus') ? {} : {
|
|
39
|
+
autoFocus: false
|
|
40
|
+
}, {
|
|
37
41
|
shouldReturnFocus: false,
|
|
38
42
|
onOpenComplete: openCompleteHandler,
|
|
39
43
|
height: '504px'
|
|
40
|
-
}, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
|
|
44
|
+
}), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
|
|
41
45
|
appearance: "primary",
|
|
42
46
|
onClick: closeHandler
|
|
43
47
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
|
|
@@ -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: "40.
|
|
7
|
+
packageVersion: "40.7.0"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -5,7 +5,6 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { useEffect, useState } from 'react';
|
|
7
7
|
import ImageLoader from 'react-render-image';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { LoadingSkeleton } from '../loading-skeleton';
|
|
10
9
|
var styles = {
|
|
11
10
|
roundImg: "_2rko14q2"
|
|
@@ -34,7 +33,7 @@ var ImageIcon = function ImageIcon(_ref) {
|
|
|
34
33
|
if (hasImageErrored) {
|
|
35
34
|
return defaultIcon;
|
|
36
35
|
}
|
|
37
|
-
if (hideLoadingSkeleton
|
|
36
|
+
if (hideLoadingSkeleton) {
|
|
38
37
|
return /*#__PURE__*/React.createElement("img", {
|
|
39
38
|
src: url,
|
|
40
39
|
"data-testid": "".concat(testId, "-image"),
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
3
|
-
._1e0cbu77{display:inline flex}
|
|
4
|
-
._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
|
|
5
3
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
6
4
|
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
7
5
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
@@ -7,7 +7,6 @@ import React from 'react';
|
|
|
7
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
8
8
|
import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
|
|
9
9
|
import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
|
|
10
|
-
import Lozenge from '@atlaskit/lozenge';
|
|
11
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
13
12
|
import { N500 } from '@atlaskit/theme/colors';
|
|
@@ -16,11 +15,9 @@ import { HoverCard } from '../../HoverCard';
|
|
|
16
15
|
import { ActionButton } from '../common/action-button';
|
|
17
16
|
import InlineLozenge from '../common/inline-lozenge';
|
|
18
17
|
import { Frame } from '../Frame';
|
|
19
|
-
import { IconAndTitleLayout
|
|
18
|
+
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
20
19
|
var styles = {
|
|
21
|
-
|
|
22
|
-
actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
23
|
-
actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
|
|
20
|
+
actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
|
|
24
21
|
};
|
|
25
22
|
var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
|
|
26
23
|
return /*#__PURE__*/React.createElement(LockLockedIcon, {
|
|
@@ -81,29 +78,18 @@ export var InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
|
|
|
81
78
|
}, renderForbiddenAccessMessage());
|
|
82
79
|
}
|
|
83
80
|
if (onAuthorise) {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
xcss: styles.actionButtonLozengeStyleNew,
|
|
87
|
-
onClick: handleRetry,
|
|
88
|
-
style: {
|
|
89
|
-
font: "inherit"
|
|
90
|
-
},
|
|
91
|
-
testId: "button-connect-other-account"
|
|
92
|
-
}, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
|
|
93
|
-
appearance: "moved"
|
|
94
|
-
}, fg('platform-component-visual-refresh') ? {
|
|
95
|
-
isBold: true
|
|
96
|
-
} : undefined), renderForbiddenAccessMessage()));
|
|
97
|
-
}
|
|
98
|
-
return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
|
|
99
|
-
xcss: styles.actionButtonLozengeStyleOld,
|
|
81
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
82
|
+
xcss: styles.actionButtonLozengeStyle,
|
|
100
83
|
onClick: handleRetry,
|
|
84
|
+
style: {
|
|
85
|
+
font: "inherit"
|
|
86
|
+
},
|
|
101
87
|
testId: "button-connect-other-account"
|
|
102
|
-
}, /*#__PURE__*/React.createElement(
|
|
88
|
+
}, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
|
|
103
89
|
appearance: "moved"
|
|
104
90
|
}, fg('platform-component-visual-refresh') ? {
|
|
105
91
|
isBold: true
|
|
106
|
-
} : undefined), renderForbiddenAccessMessage()))
|
|
92
|
+
} : undefined), renderForbiddenAccessMessage()));
|
|
107
93
|
}
|
|
108
94
|
return null;
|
|
109
95
|
}, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
|
|
@@ -5,9 +5,7 @@
|
|
|
5
5
|
._154i1ssb{top:50%}
|
|
6
6
|
._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
|
|
7
7
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
8
|
-
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
9
8
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
10
|
-
._19pkidpf{margin-top:0}
|
|
11
9
|
._1bsb1osq{width:100%}
|
|
12
10
|
._1bsb7vkz{width:1pc}
|
|
13
11
|
._1e0c116y{display:inline-flex}
|
|
@@ -23,9 +21,7 @@
|
|
|
23
21
|
._kqswstnw{position:absolute}
|
|
24
22
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
25
23
|
._o5721jtm{white-space:pre-wrap}
|
|
26
|
-
._otyridpf{margin-bottom:0}
|
|
27
24
|
._p12f7vkz{max-width:1pc}
|
|
28
|
-
._s7n4t94y{vertical-align:1px}
|
|
29
25
|
._syaz131l{color:var(--ds-text-subtlest,#626f86)}
|
|
30
26
|
._syaz1y58{color:var(--ds-link,#0052cc)}
|
|
31
27
|
._t9ec1ooe{transform:translate(-50%,-50%)}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["as", "style"]
|
|
5
|
-
_excluded2 = ["as", "style"];
|
|
4
|
+
var _excluded = ["as", "style"];
|
|
6
5
|
import "./index.compiled.css";
|
|
7
6
|
import { forwardRef } from 'react';
|
|
8
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -161,26 +160,4 @@ export var IconTitleWrapper = function IconTitleWrapper(props) {
|
|
|
161
160
|
as: "span",
|
|
162
161
|
xcss: styles.iconTitleWrapperStyle
|
|
163
162
|
}, props));
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
167
|
-
var LozengeWrapperOldVisualRefresh = forwardRef(function (_ref3, __cmplr) {
|
|
168
|
-
var _ref3$as = _ref3.as,
|
|
169
|
-
C = _ref3$as === void 0 ? "span" : _ref3$as,
|
|
170
|
-
__cmpls = _ref3.style,
|
|
171
|
-
__cmplp = _objectWithoutProperties(_ref3, _excluded2);
|
|
172
|
-
return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
|
|
173
|
-
style: __cmpls,
|
|
174
|
-
ref: __cmplr,
|
|
175
|
-
className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
|
|
176
|
-
}));
|
|
177
|
-
});
|
|
178
|
-
|
|
179
|
-
// Remove on platform-linking-visual-refresh-inline-lozenge cleanup
|
|
180
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
181
|
-
LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
|
|
182
|
-
}
|
|
183
|
-
export var LozengeWrapper = function LozengeWrapper(props) {
|
|
184
|
-
// note: This is just to get the types to work due to compiled css weirdness.
|
|
185
|
-
return /*#__PURE__*/React.createElement(LozengeWrapperOldVisualRefresh, props);
|
|
186
163
|
};
|
|
@@ -6,12 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
6
6
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
7
7
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
8
|
import React from 'react';
|
|
9
|
-
import Lozenge from '@atlaskit/lozenge';
|
|
10
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { HoverCard } from '../../HoverCard';
|
|
12
11
|
import InlineLozenge from '../common/inline-lozenge';
|
|
13
12
|
import { Frame } from '../Frame';
|
|
14
|
-
import { IconAndTitleLayout
|
|
13
|
+
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
15
14
|
export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
|
|
16
15
|
function InlineCardResolvedView() {
|
|
17
16
|
_classCallCheck(this, InlineCardResolvedView);
|
|
@@ -21,31 +20,21 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
|
|
|
21
20
|
return _createClass(InlineCardResolvedView, [{
|
|
22
21
|
key: "renderLozenge",
|
|
23
22
|
value: function renderLozenge() {
|
|
23
|
+
var _lozenge$style, _lozenge$style2;
|
|
24
24
|
var lozenge = this.props.lozenge;
|
|
25
25
|
if (!lozenge) {
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
28
|
var appearance = lozenge.appearance || 'default';
|
|
29
|
-
|
|
30
|
-
var _lozenge$style, _lozenge$style2;
|
|
31
|
-
return /*#__PURE__*/React.createElement(InlineLozenge, {
|
|
32
|
-
testId: "inline-card-resolved-view-lozenge",
|
|
33
|
-
appearance: appearance,
|
|
34
|
-
style: {
|
|
35
|
-
backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
|
|
36
|
-
color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
|
|
37
|
-
},
|
|
38
|
-
isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
39
|
-
}, lozenge.text);
|
|
40
|
-
}
|
|
41
|
-
return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
29
|
+
return /*#__PURE__*/React.createElement(InlineLozenge, {
|
|
42
30
|
testId: "inline-card-resolved-view-lozenge",
|
|
43
|
-
appearance: appearance
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
31
|
+
appearance: appearance,
|
|
32
|
+
style: {
|
|
33
|
+
backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
|
|
34
|
+
color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
|
|
35
|
+
},
|
|
47
36
|
isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
48
|
-
}, lozenge.text)
|
|
37
|
+
}, lozenge.text);
|
|
49
38
|
}
|
|
50
39
|
}, {
|
|
51
40
|
key: "render",
|
|
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
12
12
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
13
13
|
var PACKAGE_DATA = {
|
|
14
14
|
packageName: "@atlaskit/smart-card",
|
|
15
|
-
packageVersion: "40.
|
|
15
|
+
packageVersion: "40.7.0",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
5
|
import { useCallback, useRef } from 'react';
|
|
5
6
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
7
|
import Button from '@atlaskit/button/new';
|
|
7
8
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
|
|
9
11
|
import { messages } from '../../../messages';
|
|
10
12
|
var fixedWidth = 'small'; // pre-defined 400px by Atlaskit
|
|
@@ -27,15 +29,17 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
|
|
|
27
29
|
});
|
|
28
30
|
onClose === null || onClose === void 0 || onClose();
|
|
29
31
|
}, [fireEvent, onClose]);
|
|
30
|
-
return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
|
|
32
|
+
return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, _extends({
|
|
31
33
|
testId: "related-links-modal",
|
|
32
34
|
onClose: closeHandler,
|
|
33
|
-
width: fixedWidth
|
|
34
|
-
|
|
35
|
+
width: fixedWidth
|
|
36
|
+
}, fg('navx-1304-related-links-remove-false-autofocus') ? {} : {
|
|
37
|
+
autoFocus: false
|
|
38
|
+
}, {
|
|
35
39
|
shouldReturnFocus: false,
|
|
36
40
|
onOpenComplete: openCompleteHandler,
|
|
37
41
|
height: '504px'
|
|
38
|
-
}, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
|
|
42
|
+
}), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
|
|
39
43
|
appearance: "primary",
|
|
40
44
|
onClick: closeHandler
|
|
41
45
|
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
|
|
@@ -23,4 +23,3 @@ export interface IconAndTitleLayoutProps {
|
|
|
23
23
|
}
|
|
24
24
|
export declare const IconAndTitleLayout: ({ icon, emoji, defaultIcon, onClick, children, title, titleColor, titleTextColor, link, rightSide, testId, type, }: IconAndTitleLayoutProps) => JSX.Element;
|
|
25
25
|
export declare const IconTitleWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
|
|
26
|
-
export declare const LozengeWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
|
|
@@ -23,4 +23,3 @@ export interface IconAndTitleLayoutProps {
|
|
|
23
23
|
}
|
|
24
24
|
export declare const IconAndTitleLayout: ({ icon, emoji, defaultIcon, onClick, children, title, titleColor, titleTextColor, link, rightSide, testId, type, }: IconAndTitleLayoutProps) => JSX.Element;
|
|
25
25
|
export declare const IconTitleWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
|
|
26
|
-
export declare const LozengeWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "40.7.
|
|
3
|
+
"version": "40.7.1",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/icon": "^27.9.0",
|
|
42
42
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
43
43
|
"@atlaskit/icon-lab": "^5.3.0",
|
|
44
|
-
"@atlaskit/icon-object": "^7.
|
|
44
|
+
"@atlaskit/icon-object": "^7.2.0",
|
|
45
45
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
46
46
|
"@atlaskit/image": "^3.0.0",
|
|
47
47
|
"@atlaskit/json-ld-types": "^1.4.0",
|
|
@@ -181,9 +181,6 @@
|
|
|
181
181
|
"platform-smart-card-shift-key": {
|
|
182
182
|
"type": "boolean"
|
|
183
183
|
},
|
|
184
|
-
"icon-object-migration": {
|
|
185
|
-
"type": "boolean"
|
|
186
|
-
},
|
|
187
184
|
"confluence-issue-terminology-refresh": {
|
|
188
185
|
"type": "boolean"
|
|
189
186
|
},
|
|
@@ -193,9 +190,6 @@
|
|
|
193
190
|
"platform_smart_links_controlled_dsp_export_view": {
|
|
194
191
|
"type": "boolean"
|
|
195
192
|
},
|
|
196
|
-
"platform-linking-visual-refresh-inline-lozenge": {
|
|
197
|
-
"type": "boolean"
|
|
198
|
-
},
|
|
199
193
|
"smart_links_noun_support": {
|
|
200
194
|
"type": "boolean"
|
|
201
195
|
},
|
|
@@ -217,9 +211,6 @@
|
|
|
217
211
|
"prompt_whiteboard_competitor_link_gate": {
|
|
218
212
|
"type": "boolean"
|
|
219
213
|
},
|
|
220
|
-
"platform_fix_block_card_img_icon_vc": {
|
|
221
|
-
"type": "boolean"
|
|
222
|
-
},
|
|
223
214
|
"platform-linking-team-member-count-component": {
|
|
224
215
|
"type": "boolean"
|
|
225
216
|
},
|
|
@@ -246,6 +237,9 @@
|
|
|
246
237
|
},
|
|
247
238
|
"navx-1184-fix-smart-link-a11y-interactive-states": {
|
|
248
239
|
"type": "boolean"
|
|
240
|
+
},
|
|
241
|
+
"navx-1304-related-links-remove-false-autofocus": {
|
|
242
|
+
"type": "boolean"
|
|
249
243
|
}
|
|
250
244
|
},
|
|
251
245
|
"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"
|