@atlaskit/smart-card 35.0.2 → 35.1.0
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 +23 -0
- package/dist/cjs/extractors/common/lozenge/extractLozenge.js +10 -42
- package/dist/cjs/i18n/ja.js +6 -6
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +2 -2
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/LozengeOld.js +7 -3
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/index.js +6 -4
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.js +8 -3
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js +6 -2
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js +2 -1
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js +1 -1
- package/dist/cjs/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js +8 -4
- package/dist/cjs/view/InlineCard/ForbiddenView/index.js +9 -5
- package/dist/cjs/view/InlineCard/ResolvedView/index.js +2 -1
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/extractors/common/lozenge/extractLozenge.js +6 -36
- package/dist/es2019/i18n/ja.js +6 -6
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +2 -2
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/LozengeOld.js +7 -3
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/index.js +5 -3
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.js +8 -3
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js +6 -2
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js +2 -1
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js +1 -1
- package/dist/es2019/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js +8 -4
- package/dist/es2019/view/InlineCard/ForbiddenView/index.js +9 -5
- package/dist/es2019/view/InlineCard/ResolvedView/index.js +2 -1
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/extractors/common/lozenge/extractLozenge.js +10 -42
- package/dist/esm/i18n/ja.js +6 -6
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +2 -2
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/LozengeOld.js +7 -3
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js +6 -4
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.js +8 -3
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.js +6 -2
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/LozengeActionTriggerOld.js +2 -1
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js +1 -1
- package/dist/esm/view/InlineCard/ForbiddenView/InlineCardForbiddenViewOld.js +8 -4
- package/dist/esm/view/InlineCard/ForbiddenView/index.js +9 -5
- package/dist/esm/view/InlineCard/ResolvedView/index.js +2 -1
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/package.json +8 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 35.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#116662](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/116662)
|
|
8
|
+
[`323ed1cdbef54`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/323ed1cdbef54) -
|
|
9
|
+
Remove linking_platform_show_lozenge_atlassian_state flag
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#119127](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119127)
|
|
14
|
+
[`3b91cbd29a8b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b91cbd29a8b9) -
|
|
15
|
+
Exclude UnsupportedError unresolved events from FE reliability SLO
|
|
16
|
+
|
|
17
|
+
## 35.0.3
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- [#118812](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118812)
|
|
22
|
+
[`574d65e0a2fb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/574d65e0a2fb7) -
|
|
23
|
+
[ux] Update lozenge color to bold
|
|
24
|
+
- Updated dependencies
|
|
25
|
+
|
|
3
26
|
## 35.0.2
|
|
4
27
|
|
|
5
28
|
### Patch Changes
|
|
@@ -5,61 +5,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.extractLozenge = void 0;
|
|
7
7
|
var _linkExtractors = require("@atlaskit/link-extractors");
|
|
8
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
9
8
|
var _extractState = require("./extractState");
|
|
10
9
|
var _extractTag = require("./extractTag");
|
|
11
10
|
var _extractTaskStatus = require("./extractTaskStatus");
|
|
12
11
|
var _extractTaskType = require("./extractTaskType");
|
|
13
|
-
var DOC_TYPES = ['schema:BlogPosting', 'schema:TextDigitalDocument', 'schema:DigitalDocument', 'schema:PresentationDigitalDocument', 'schema:SpreadsheetDigitalDocument'];
|
|
14
12
|
var extractLozenge = exports.extractLozenge = function extractLozenge(jsonLd) {
|
|
15
13
|
var type = (0, _linkExtractors.extractType)(jsonLd);
|
|
16
14
|
if (type) {
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
|
|
24
|
-
}
|
|
25
|
-
if (type.includes('atlassian:UndefinedLink')) {
|
|
26
|
-
return {
|
|
27
|
-
text: 'UNDEFINED',
|
|
28
|
-
appearance: 'inprogress'
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
// casting it because `extractState` can safely handle missing properties
|
|
33
|
-
return (0, _extractState.extractState)(jsonLd);
|
|
15
|
+
if (type.includes('atlassian:Task')) {
|
|
16
|
+
var jsonLdTask = jsonLd;
|
|
17
|
+
var lozengeFromTag = (0, _extractTag.extractTag)(jsonLdTask);
|
|
18
|
+
var lozengeFromStatus = (0, _extractTaskStatus.extractTaskStatus)(jsonLdTask);
|
|
19
|
+
var lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
|
|
20
|
+
return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
|
|
34
21
|
}
|
|
35
|
-
if (type.includes('atlassian:
|
|
36
|
-
return (0, _extractState.extractState)(jsonLd);
|
|
37
|
-
} else if (type.includes('atlassian:Task')) {
|
|
38
|
-
var _jsonLdTask = jsonLd;
|
|
39
|
-
var _lozengeFromTag = (0, _extractTag.extractTag)(_jsonLdTask);
|
|
40
|
-
var _lozengeFromStatus = (0, _extractTaskStatus.extractTaskStatus)(_jsonLdTask);
|
|
41
|
-
var _lozengeFromTaskType = extractLozengeFromTaskType(_jsonLdTask);
|
|
42
|
-
return _lozengeFromTag || _lozengeFromStatus || _lozengeFromTaskType;
|
|
43
|
-
} else if (type.some(function (types) {
|
|
44
|
-
return DOC_TYPES.includes(types);
|
|
45
|
-
})) {
|
|
46
|
-
var jsonLdDocument = jsonLd;
|
|
47
|
-
var lozengeFromState = (0, _extractState.extractState)(jsonLdDocument);
|
|
48
|
-
return lozengeFromState;
|
|
49
|
-
} else if (type.includes('atlassian:Goal')) {
|
|
50
|
-
var jsonLdProject = jsonLd;
|
|
51
|
-
var _lozengeFromState = (0, _extractState.extractState)(jsonLdProject);
|
|
52
|
-
return _lozengeFromState;
|
|
53
|
-
} else if (type.includes('atlassian:Project')) {
|
|
54
|
-
var _jsonLdProject = jsonLd;
|
|
55
|
-
var _lozengeFromState2 = (0, _extractState.extractState)(_jsonLdProject);
|
|
56
|
-
return _lozengeFromState2;
|
|
57
|
-
} else if (type.includes('atlassian:UndefinedLink')) {
|
|
22
|
+
if (type.includes('atlassian:UndefinedLink')) {
|
|
58
23
|
return {
|
|
59
24
|
text: 'UNDEFINED',
|
|
60
25
|
appearance: 'inprogress'
|
|
61
26
|
};
|
|
62
27
|
}
|
|
28
|
+
|
|
29
|
+
// casting it because `extractState` can safely handle missing properties
|
|
30
|
+
return (0, _extractState.extractState)(jsonLd);
|
|
63
31
|
}
|
|
64
32
|
};
|
|
65
33
|
var extractLozengeFromTaskType = function extractLozengeFromTaskType(jsonLdTask) {
|
package/dist/cjs/i18n/ja.js
CHANGED
|
@@ -82,9 +82,9 @@ var _default = exports.default = {
|
|
|
82
82
|
'fabric.linking.download_file': 'ファイルをダウンロード',
|
|
83
83
|
'fabric.linking.edit': '編集',
|
|
84
84
|
'fabric.linking.follow': 'フォロー',
|
|
85
|
-
'fabric.linking.follow_goal': '
|
|
86
|
-
'fabric.linking.follow_goal_description': '
|
|
87
|
-
'fabric.linking.follow_goal_error': '
|
|
85
|
+
'fabric.linking.follow_goal': 'ゴールをフォロー',
|
|
86
|
+
'fabric.linking.follow_goal_description': 'このゴールをフォローすると、最新情報の通知が届きます',
|
|
87
|
+
'fabric.linking.follow_goal_error': 'ゴールをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
88
88
|
'fabric.linking.follow_project': 'プロジェクトをフォロー',
|
|
89
89
|
'fabric.linking.follow_project_description': 'フォローすると、このプロジェクトの通知が届きます',
|
|
90
90
|
'fabric.linking.follow_project_error': 'プロジェクトをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
@@ -163,9 +163,9 @@ var _default = exports.default = {
|
|
|
163
163
|
'fabric.linking.unauthorised_account_name': '{context} の非公開ページは表示できません',
|
|
164
164
|
'fabric.linking.unauthorised_account_name_no_provider': '非公開ページは表示できません',
|
|
165
165
|
'fabric.linking.unfollow': 'フォローを解除',
|
|
166
|
-
'fabric.linking.unfollow_goal': '
|
|
167
|
-
'fabric.linking.unfollow_goal_description': '
|
|
168
|
-
'fabric.linking.unfollow_goal_error': '
|
|
166
|
+
'fabric.linking.unfollow_goal': 'ゴールをフォロー解除',
|
|
167
|
+
'fabric.linking.unfollow_goal_description': 'フォロー解除すると、このゴールの通知が届かなくなります',
|
|
168
|
+
'fabric.linking.unfollow_goal_error': 'ゴールをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
169
169
|
'fabric.linking.unfollow_project': 'プロジェクトをフォロー解除',
|
|
170
170
|
'fabric.linking.unfollow_project_description': 'フォロー解除すると、プロジェクトの通知が届かなくなります',
|
|
171
171
|
'fabric.linking.unfollow_project_error': 'プロジェクトをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
@@ -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: "35.0
|
|
14
|
+
packageVersion: "35.1.0"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -118,7 +118,7 @@ function Component(_ref) {
|
|
|
118
118
|
(0, _react.useEffect)(function () {
|
|
119
119
|
measure.mark(id, state.status);
|
|
120
120
|
if (state.status !== 'pending' && state.status !== 'resolving') {
|
|
121
|
-
var _state$error;
|
|
121
|
+
var _state$error, _state$error2;
|
|
122
122
|
measure.create(id, state.status);
|
|
123
123
|
if (state.status === 'resolved') {
|
|
124
124
|
var _measure$getMeasure$d, _measure$getMeasure;
|
|
@@ -126,7 +126,7 @@ function Component(_ref) {
|
|
|
126
126
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
127
127
|
duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
|
|
128
128
|
});
|
|
129
|
-
} else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError') {
|
|
129
|
+
} else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError') {
|
|
130
130
|
fireEvent('operational.smartLink.unresolved', {
|
|
131
131
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
132
132
|
reason: state.status,
|
|
@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
9
|
var _react = require("@emotion/react");
|
|
9
10
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
11
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
10
12
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
11
13
|
var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
|
|
12
14
|
/**
|
|
@@ -47,13 +49,15 @@ var LozengeOld = function LozengeOld(_ref) {
|
|
|
47
49
|
testId: testId,
|
|
48
50
|
text: text,
|
|
49
51
|
zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
|
|
50
|
-
}) : (0, _react.jsx)(_lozenge.default, {
|
|
52
|
+
}) : (0, _react.jsx)(_lozenge.default, (0, _extends2.default)({
|
|
51
53
|
appearance: appearance
|
|
54
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
55
|
+
isBold: true
|
|
56
|
+
} : undefined, {
|
|
52
57
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
53
|
-
,
|
|
54
58
|
style: style,
|
|
55
59
|
testId: "".concat(testId, "-lozenge")
|
|
56
|
-
}, text);
|
|
60
|
+
}), text);
|
|
57
61
|
return (0, _react.jsx)("span", {
|
|
58
62
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
59
63
|
css: [styles, overrideCss],
|
|
@@ -10,8 +10,8 @@ exports.default = void 0;
|
|
|
10
10
|
require("./index.compiled.css");
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
16
16
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
17
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
@@ -48,13 +48,15 @@ var LozengeNew = function LozengeNew(_ref) {
|
|
|
48
48
|
testId: testId,
|
|
49
49
|
text: text,
|
|
50
50
|
zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
|
|
51
|
-
}) : /*#__PURE__*/React.createElement(_lozenge.default, {
|
|
51
|
+
}) : /*#__PURE__*/React.createElement(_lozenge.default, (0, _extends2.default)({
|
|
52
52
|
appearance: appearance
|
|
53
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
54
|
+
isBold: true
|
|
55
|
+
} : undefined, {
|
|
53
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
54
|
-
,
|
|
55
57
|
style: style,
|
|
56
58
|
testId: "".concat(testId, "-lozenge")
|
|
57
|
-
}, text);
|
|
59
|
+
}), text);
|
|
58
60
|
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, 'data-fit-to-content', true), {
|
|
59
61
|
"data-smart-element": name,
|
|
60
62
|
"data-smart-element-lozenge": true,
|
|
@@ -6,19 +6,24 @@ 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 _reactErrorBoundary = require("react-error-boundary");
|
|
11
12
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
13
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
16
|
var withErrorBoundary = function withErrorBoundary(Component) {
|
|
15
17
|
return function (props) {
|
|
16
18
|
var fallback = (0, _react.useMemo)(function () {
|
|
17
19
|
var _props$testId;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
19
|
-
appearance: props === null || props === void 0 ? void 0 : props.appearance
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
21
|
+
appearance: props === null || props === void 0 ? void 0 : props.appearance
|
|
22
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
23
|
+
isBold: true
|
|
24
|
+
} : undefined, {
|
|
20
25
|
testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback")
|
|
21
|
-
}, props === null || props === void 0 ? void 0 : props.text);
|
|
26
|
+
}), props === null || props === void 0 ? void 0 : props.text);
|
|
22
27
|
}, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
|
|
23
28
|
return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
|
|
24
29
|
fallback: fallback
|
|
@@ -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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
16
|
var LozengeActionItem = function LozengeActionItem(_ref) {
|
|
@@ -37,9 +39,11 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
|
|
|
37
39
|
}, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
|
|
38
40
|
onClick: handleClick,
|
|
39
41
|
testId: testId
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
41
43
|
appearance: appearance
|
|
42
|
-
},
|
|
44
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
45
|
+
isBold: true
|
|
46
|
+
} : undefined), text)))
|
|
43
47
|
);
|
|
44
48
|
};
|
|
45
49
|
var _default = exports.default = LozengeActionItem;
|
|
@@ -12,6 +12,7 @@ var _react = require("react");
|
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
|
|
14
14
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
15
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
16
|
var _primitives = require("@atlaskit/primitives");
|
|
16
17
|
var _styled = require("../styled");
|
|
17
18
|
var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
|
|
@@ -44,7 +45,7 @@ var LozengeActionTriggerOld = function LozengeActionTriggerOld(_ref) {
|
|
|
44
45
|
var lozenge = (0, _react.useMemo)(function () {
|
|
45
46
|
return (0, _react2.jsx)(_lozenge.default, {
|
|
46
47
|
appearance: appearance,
|
|
47
|
-
isBold: isBold
|
|
48
|
+
isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? true : isBold
|
|
48
49
|
}, (0, _react2.jsx)("span", {
|
|
49
50
|
css: _styled.triggerLozengeStyles
|
|
50
51
|
}, (0, _react2.jsx)("span", null, text), (0, _react2.jsx)(_primitives.Box, {
|
|
@@ -48,7 +48,7 @@ var LozengeActionTriggerNew = function LozengeActionTriggerNew(_ref) {
|
|
|
48
48
|
var lozenge = (0, _react.useMemo)(function () {
|
|
49
49
|
return /*#__PURE__*/React.createElement(_lozenge.default, {
|
|
50
50
|
appearance: appearance,
|
|
51
|
-
isBold: isBold
|
|
51
|
+
isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? true : isBold
|
|
52
52
|
}, /*#__PURE__*/React.createElement("span", {
|
|
53
53
|
className: (0, _runtime.ax)(["_4cvr1h6o _1e0c1txw"])
|
|
54
54
|
}, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
@@ -150,9 +150,11 @@ var InlineCardForbiddenViewOld = exports.InlineCardForbiddenViewOld = /*#__PURE_
|
|
|
150
150
|
xcss: actionButtonLozengeStyle,
|
|
151
151
|
onClick: _this.handleRetry,
|
|
152
152
|
testId: "button-connect-other-account"
|
|
153
|
-
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
153
|
+
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
154
154
|
appearance: 'moved'
|
|
155
|
-
},
|
|
155
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
156
|
+
isBold: true
|
|
157
|
+
} : undefined), _this.renderForbiddenAccessMessage())));
|
|
156
158
|
}
|
|
157
159
|
return /*#__PURE__*/_react.default.createElement(Button, {
|
|
158
160
|
spacing: "none",
|
|
@@ -160,9 +162,11 @@ var InlineCardForbiddenViewOld = exports.InlineCardForbiddenViewOld = /*#__PURE_
|
|
|
160
162
|
appearance: "subtle-link",
|
|
161
163
|
testId: "button-connect-other-account",
|
|
162
164
|
role: "button"
|
|
163
|
-
}, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
165
|
+
}, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
164
166
|
appearance: 'moved'
|
|
165
|
-
},
|
|
167
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
168
|
+
isBold: true
|
|
169
|
+
} : undefined), _this.renderForbiddenAccessMessage())));
|
|
166
170
|
}
|
|
167
171
|
return null;
|
|
168
172
|
});
|
|
@@ -116,9 +116,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
|
|
|
116
116
|
xcss: styles.actionButtonLozengeStyle,
|
|
117
117
|
onClick: handleRetry,
|
|
118
118
|
testId: "button-connect-other-account"
|
|
119
|
-
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
120
|
-
appearance:
|
|
121
|
-
},
|
|
119
|
+
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
120
|
+
appearance: "moved"
|
|
121
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
122
|
+
isBold: true
|
|
123
|
+
} : undefined), renderForbiddenAccessMessage())));
|
|
122
124
|
}
|
|
123
125
|
return /*#__PURE__*/_react.default.createElement(Button, {
|
|
124
126
|
spacing: "none",
|
|
@@ -126,9 +128,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
|
|
|
126
128
|
appearance: "subtle-link",
|
|
127
129
|
testId: "button-connect-other-account",
|
|
128
130
|
role: "button"
|
|
129
|
-
}, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
131
|
+
}, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
130
132
|
appearance: 'moved'
|
|
131
|
-
},
|
|
133
|
+
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
|
|
134
|
+
isBold: true
|
|
135
|
+
} : undefined), renderForbiddenAccessMessage())));
|
|
132
136
|
}
|
|
133
137
|
return null;
|
|
134
138
|
}, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
|
|
@@ -12,6 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
15
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
16
|
var _HoverCard = require("../../HoverCard");
|
|
16
17
|
var _Frame = require("../Frame");
|
|
17
18
|
var _IconAndTitleLayout = require("../IconAndTitleLayout");
|
|
@@ -37,7 +38,7 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
|
|
|
37
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
38
39
|
,
|
|
39
40
|
style: lozenge.style,
|
|
40
|
-
isBold: lozenge.isBold
|
|
41
|
+
isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
41
42
|
}, lozenge.text));
|
|
42
43
|
}
|
|
43
44
|
}, {
|
|
@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
20
20
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
21
21
|
var PACKAGE_DATA = {
|
|
22
22
|
packageName: "@atlaskit/smart-card",
|
|
23
|
-
packageVersion: "35.0
|
|
23
|
+
packageVersion: "35.1.0",
|
|
24
24
|
componentName: 'linkUrl'
|
|
25
25
|
};
|
|
26
26
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -1,57 +1,27 @@
|
|
|
1
1
|
import { extractType } from '@atlaskit/link-extractors';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
2
|
import { extractState } from './extractState';
|
|
4
3
|
import { extractTag } from './extractTag';
|
|
5
4
|
import { extractTaskStatus } from './extractTaskStatus';
|
|
6
5
|
import { extractTaskType } from './extractTaskType';
|
|
7
|
-
const DOC_TYPES = ['schema:BlogPosting', 'schema:TextDigitalDocument', 'schema:DigitalDocument', 'schema:PresentationDigitalDocument', 'schema:SpreadsheetDigitalDocument'];
|
|
8
6
|
export const extractLozenge = jsonLd => {
|
|
9
7
|
const type = extractType(jsonLd);
|
|
10
8
|
if (type) {
|
|
11
|
-
if (
|
|
12
|
-
if (type.includes('atlassian:Task')) {
|
|
13
|
-
const jsonLdTask = jsonLd;
|
|
14
|
-
const lozengeFromTag = extractTag(jsonLdTask);
|
|
15
|
-
const lozengeFromStatus = extractTaskStatus(jsonLdTask);
|
|
16
|
-
const lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
|
|
17
|
-
return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
|
|
18
|
-
}
|
|
19
|
-
if (type.includes('atlassian:UndefinedLink')) {
|
|
20
|
-
return {
|
|
21
|
-
text: 'UNDEFINED',
|
|
22
|
-
appearance: 'inprogress'
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
// casting it because `extractState` can safely handle missing properties
|
|
27
|
-
return extractState(jsonLd);
|
|
28
|
-
}
|
|
29
|
-
if (type.includes('atlassian:SourceCodePullRequest')) {
|
|
30
|
-
return extractState(jsonLd);
|
|
31
|
-
} else if (type.includes('atlassian:Task')) {
|
|
9
|
+
if (type.includes('atlassian:Task')) {
|
|
32
10
|
const jsonLdTask = jsonLd;
|
|
33
11
|
const lozengeFromTag = extractTag(jsonLdTask);
|
|
34
12
|
const lozengeFromStatus = extractTaskStatus(jsonLdTask);
|
|
35
13
|
const lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
|
|
36
14
|
return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
const lozengeFromState = extractState(jsonLdDocument);
|
|
40
|
-
return lozengeFromState;
|
|
41
|
-
} else if (type.includes('atlassian:Goal')) {
|
|
42
|
-
const jsonLdProject = jsonLd;
|
|
43
|
-
const lozengeFromState = extractState(jsonLdProject);
|
|
44
|
-
return lozengeFromState;
|
|
45
|
-
} else if (type.includes('atlassian:Project')) {
|
|
46
|
-
const jsonLdProject = jsonLd;
|
|
47
|
-
const lozengeFromState = extractState(jsonLdProject);
|
|
48
|
-
return lozengeFromState;
|
|
49
|
-
} else if (type.includes('atlassian:UndefinedLink')) {
|
|
15
|
+
}
|
|
16
|
+
if (type.includes('atlassian:UndefinedLink')) {
|
|
50
17
|
return {
|
|
51
18
|
text: 'UNDEFINED',
|
|
52
19
|
appearance: 'inprogress'
|
|
53
20
|
};
|
|
54
21
|
}
|
|
22
|
+
|
|
23
|
+
// casting it because `extractState` can safely handle missing properties
|
|
24
|
+
return extractState(jsonLd);
|
|
55
25
|
}
|
|
56
26
|
};
|
|
57
27
|
const extractLozengeFromTaskType = jsonLdTask => {
|
package/dist/es2019/i18n/ja.js
CHANGED
|
@@ -76,9 +76,9 @@ export default {
|
|
|
76
76
|
'fabric.linking.download_file': 'ファイルをダウンロード',
|
|
77
77
|
'fabric.linking.edit': '編集',
|
|
78
78
|
'fabric.linking.follow': 'フォロー',
|
|
79
|
-
'fabric.linking.follow_goal': '
|
|
80
|
-
'fabric.linking.follow_goal_description': '
|
|
81
|
-
'fabric.linking.follow_goal_error': '
|
|
79
|
+
'fabric.linking.follow_goal': 'ゴールをフォロー',
|
|
80
|
+
'fabric.linking.follow_goal_description': 'このゴールをフォローすると、最新情報の通知が届きます',
|
|
81
|
+
'fabric.linking.follow_goal_error': 'ゴールをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
82
82
|
'fabric.linking.follow_project': 'プロジェクトをフォロー',
|
|
83
83
|
'fabric.linking.follow_project_description': 'フォローすると、このプロジェクトの通知が届きます',
|
|
84
84
|
'fabric.linking.follow_project_error': 'プロジェクトをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
@@ -157,9 +157,9 @@ export default {
|
|
|
157
157
|
'fabric.linking.unauthorised_account_name': '{context} の非公開ページは表示できません',
|
|
158
158
|
'fabric.linking.unauthorised_account_name_no_provider': '非公開ページは表示できません',
|
|
159
159
|
'fabric.linking.unfollow': 'フォローを解除',
|
|
160
|
-
'fabric.linking.unfollow_goal': '
|
|
161
|
-
'fabric.linking.unfollow_goal_description': '
|
|
162
|
-
'fabric.linking.unfollow_goal_error': '
|
|
160
|
+
'fabric.linking.unfollow_goal': 'ゴールをフォロー解除',
|
|
161
|
+
'fabric.linking.unfollow_goal_description': 'フォロー解除すると、このゴールの通知が届かなくなります',
|
|
162
|
+
'fabric.linking.unfollow_goal_error': 'ゴールをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
163
163
|
'fabric.linking.unfollow_project': 'プロジェクトをフォロー解除',
|
|
164
164
|
'fabric.linking.unfollow_project_description': 'フォロー解除すると、プロジェクトの通知が届かなくなります',
|
|
165
165
|
'fabric.linking.unfollow_project_error': 'プロジェクトをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
@@ -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: "35.0
|
|
5
|
+
packageVersion: "35.1.0"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -106,7 +106,7 @@ function Component({
|
|
|
106
106
|
useEffect(() => {
|
|
107
107
|
measure.mark(id, state.status);
|
|
108
108
|
if (state.status !== 'pending' && state.status !== 'resolving') {
|
|
109
|
-
var _state$error;
|
|
109
|
+
var _state$error, _state$error2;
|
|
110
110
|
measure.create(id, state.status);
|
|
111
111
|
if (state.status === 'resolved') {
|
|
112
112
|
var _measure$getMeasure$d, _measure$getMeasure;
|
|
@@ -114,7 +114,7 @@ function Component({
|
|
|
114
114
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
115
115
|
duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
|
|
116
116
|
});
|
|
117
|
-
} else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError') {
|
|
117
|
+
} else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError') {
|
|
118
118
|
fireEvent('operational.smartLink.unresolved', {
|
|
119
119
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
120
120
|
reason: state.status,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
/**
|
|
2
3
|
* @jsxRuntime classic
|
|
3
4
|
* @jsx jsx
|
|
@@ -5,6 +6,7 @@
|
|
|
5
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
7
|
import { css, jsx } from '@emotion/react';
|
|
7
8
|
import AtlaskitLozenge from '@atlaskit/lozenge';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
|
|
9
11
|
import LozengeAction from './lozenge-action';
|
|
10
12
|
const styles = css({
|
|
@@ -38,13 +40,15 @@ const LozengeOld = ({
|
|
|
38
40
|
testId: testId,
|
|
39
41
|
text: text,
|
|
40
42
|
zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
|
|
41
|
-
}) : jsx(AtlaskitLozenge, {
|
|
43
|
+
}) : jsx(AtlaskitLozenge, _extends({
|
|
42
44
|
appearance: appearance
|
|
45
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
46
|
+
isBold: true
|
|
47
|
+
} : undefined, {
|
|
43
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
44
|
-
,
|
|
45
49
|
style: style,
|
|
46
50
|
testId: `${testId}-lozenge`
|
|
47
|
-
}, text);
|
|
51
|
+
}), text);
|
|
48
52
|
return jsx("span", {
|
|
49
53
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
50
54
|
css: [styles, overrideCss],
|
|
@@ -36,13 +36,15 @@ const LozengeNew = ({
|
|
|
36
36
|
testId: testId,
|
|
37
37
|
text: text,
|
|
38
38
|
zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
|
|
39
|
-
}) : /*#__PURE__*/React.createElement(AtlaskitLozenge, {
|
|
39
|
+
}) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
|
|
40
40
|
appearance: appearance
|
|
41
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
42
|
+
isBold: true
|
|
43
|
+
} : undefined, {
|
|
41
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
42
|
-
,
|
|
43
45
|
style: style,
|
|
44
46
|
testId: `${testId}-lozenge`
|
|
45
|
-
}, text);
|
|
47
|
+
}), text);
|
|
46
48
|
return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
|
|
47
49
|
['data-fit-to-content']: true
|
|
48
50
|
}, {
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
import React, { useMemo } from 'react';
|
|
2
3
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
3
4
|
import Lozenge from '@atlaskit/lozenge';
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
6
|
const withErrorBoundary = Component => props => {
|
|
5
7
|
const fallback = useMemo(() => {
|
|
6
8
|
var _props$testId;
|
|
7
|
-
return /*#__PURE__*/React.createElement(Lozenge, {
|
|
8
|
-
appearance: props === null || props === void 0 ? void 0 : props.appearance
|
|
9
|
+
return /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
10
|
+
appearance: props === null || props === void 0 ? void 0 : props.appearance
|
|
11
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
12
|
+
isBold: true
|
|
13
|
+
} : undefined, {
|
|
9
14
|
testId: `${(_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action'}-fallback`
|
|
10
|
-
}, props === null || props === void 0 ? void 0 : props.text);
|
|
15
|
+
}), props === null || props === void 0 ? void 0 : props.text);
|
|
11
16
|
}, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
|
|
12
17
|
return /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
13
18
|
fallback: fallback
|
|
@@ -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,
|
|
@@ -28,9 +30,11 @@ const LozengeActionItem = ({
|
|
|
28
30
|
}, /*#__PURE__*/React.createElement(DropdownItem, {
|
|
29
31
|
onClick: handleClick,
|
|
30
32
|
testId: testId
|
|
31
|
-
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
33
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
32
34
|
appearance: appearance
|
|
33
|
-
},
|
|
35
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
36
|
+
isBold: true
|
|
37
|
+
} : undefined), text)))
|
|
34
38
|
);
|
|
35
39
|
};
|
|
36
40
|
export default LozengeActionItem;
|
|
@@ -9,6 +9,7 @@ import { useCallback, useMemo, useState } from 'react';
|
|
|
9
9
|
import { jsx } from '@emotion/react';
|
|
10
10
|
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
11
11
|
import Lozenge from '@atlaskit/lozenge';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
13
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
13
14
|
import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
|
|
14
15
|
const chevronDownStyles = xcss({
|
|
@@ -28,7 +29,7 @@ const LozengeActionTriggerOld = ({
|
|
|
28
29
|
const onMouseLeave = useCallback(() => setIsBold(false), []);
|
|
29
30
|
const lozenge = useMemo(() => jsx(Lozenge, {
|
|
30
31
|
appearance: appearance,
|
|
31
|
-
isBold: isBold
|
|
32
|
+
isBold: fg('platform-component-visual-refresh') ? true : isBold
|
|
32
33
|
}, jsx("span", {
|
|
33
34
|
css: triggerLozengeStyles
|
|
34
35
|
}, jsx("span", null, text), jsx(Box, {
|
|
@@ -29,7 +29,7 @@ const LozengeActionTriggerNew = ({
|
|
|
29
29
|
const onMouseLeave = useCallback(() => setIsBold(false), []);
|
|
30
30
|
const lozenge = useMemo(() => /*#__PURE__*/React.createElement(Lozenge, {
|
|
31
31
|
appearance: appearance,
|
|
32
|
-
isBold: isBold
|
|
32
|
+
isBold: fg('platform-component-visual-refresh') ? true : isBold
|
|
33
33
|
}, /*#__PURE__*/React.createElement("span", {
|
|
34
34
|
className: ax(["_4cvr1h6o _1e0c1txw"])
|
|
35
35
|
}, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(Box, {
|
|
@@ -137,9 +137,11 @@ export class InlineCardForbiddenViewOld extends React.Component {
|
|
|
137
137
|
xcss: actionButtonLozengeStyle,
|
|
138
138
|
onClick: this.handleRetry,
|
|
139
139
|
testId: "button-connect-other-account"
|
|
140
|
-
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
140
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
141
141
|
appearance: 'moved'
|
|
142
|
-
},
|
|
142
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
143
|
+
isBold: true
|
|
144
|
+
} : undefined), this.renderForbiddenAccessMessage())));
|
|
143
145
|
}
|
|
144
146
|
return /*#__PURE__*/React.createElement(Button, {
|
|
145
147
|
spacing: "none",
|
|
@@ -147,9 +149,11 @@ export class InlineCardForbiddenViewOld extends React.Component {
|
|
|
147
149
|
appearance: "subtle-link",
|
|
148
150
|
testId: "button-connect-other-account",
|
|
149
151
|
role: "button"
|
|
150
|
-
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
152
|
+
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
151
153
|
appearance: 'moved'
|
|
152
|
-
},
|
|
154
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
155
|
+
isBold: true
|
|
156
|
+
} : undefined), this.renderForbiddenAccessMessage())));
|
|
153
157
|
}
|
|
154
158
|
return null;
|
|
155
159
|
});
|
|
@@ -106,9 +106,11 @@ const InlineCardForbiddenViewNew = ({
|
|
|
106
106
|
xcss: styles.actionButtonLozengeStyle,
|
|
107
107
|
onClick: handleRetry,
|
|
108
108
|
testId: "button-connect-other-account"
|
|
109
|
-
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
110
|
-
appearance:
|
|
111
|
-
},
|
|
109
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
110
|
+
appearance: "moved"
|
|
111
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
112
|
+
isBold: true
|
|
113
|
+
} : undefined), renderForbiddenAccessMessage())));
|
|
112
114
|
}
|
|
113
115
|
return /*#__PURE__*/React.createElement(Button, {
|
|
114
116
|
spacing: "none",
|
|
@@ -116,9 +118,11 @@ const InlineCardForbiddenViewNew = ({
|
|
|
116
118
|
appearance: "subtle-link",
|
|
117
119
|
testId: "button-connect-other-account",
|
|
118
120
|
role: "button"
|
|
119
|
-
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
121
|
+
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
120
122
|
appearance: 'moved'
|
|
121
|
-
},
|
|
123
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
124
|
+
isBold: true
|
|
125
|
+
} : undefined), renderForbiddenAccessMessage())));
|
|
122
126
|
}
|
|
123
127
|
return null;
|
|
124
128
|
}, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Lozenge from '@atlaskit/lozenge';
|
|
3
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
4
|
import { HoverCard } from '../../HoverCard';
|
|
4
5
|
import { Frame } from '../Frame';
|
|
5
6
|
import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
|
|
@@ -18,7 +19,7 @@ export class InlineCardResolvedView extends React.Component {
|
|
|
18
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
19
20
|
,
|
|
20
21
|
style: lozenge.style,
|
|
21
|
-
isBold: lozenge.isBold
|
|
22
|
+
isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
22
23
|
}, lozenge.text));
|
|
23
24
|
}
|
|
24
25
|
render() {
|
|
@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
10
10
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
11
11
|
const PACKAGE_DATA = {
|
|
12
12
|
packageName: "@atlaskit/smart-card",
|
|
13
|
-
packageVersion: "35.0
|
|
13
|
+
packageVersion: "35.1.0",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -1,59 +1,27 @@
|
|
|
1
1
|
import { extractType } from '@atlaskit/link-extractors';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
2
|
import { extractState } from './extractState';
|
|
4
3
|
import { extractTag } from './extractTag';
|
|
5
4
|
import { extractTaskStatus } from './extractTaskStatus';
|
|
6
5
|
import { extractTaskType } from './extractTaskType';
|
|
7
|
-
var DOC_TYPES = ['schema:BlogPosting', 'schema:TextDigitalDocument', 'schema:DigitalDocument', 'schema:PresentationDigitalDocument', 'schema:SpreadsheetDigitalDocument'];
|
|
8
6
|
export var extractLozenge = function extractLozenge(jsonLd) {
|
|
9
7
|
var type = extractType(jsonLd);
|
|
10
8
|
if (type) {
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
|
|
18
|
-
}
|
|
19
|
-
if (type.includes('atlassian:UndefinedLink')) {
|
|
20
|
-
return {
|
|
21
|
-
text: 'UNDEFINED',
|
|
22
|
-
appearance: 'inprogress'
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
// casting it because `extractState` can safely handle missing properties
|
|
27
|
-
return extractState(jsonLd);
|
|
9
|
+
if (type.includes('atlassian:Task')) {
|
|
10
|
+
var jsonLdTask = jsonLd;
|
|
11
|
+
var lozengeFromTag = extractTag(jsonLdTask);
|
|
12
|
+
var lozengeFromStatus = extractTaskStatus(jsonLdTask);
|
|
13
|
+
var lozengeFromTaskType = extractLozengeFromTaskType(jsonLdTask);
|
|
14
|
+
return lozengeFromTag || lozengeFromStatus || lozengeFromTaskType;
|
|
28
15
|
}
|
|
29
|
-
if (type.includes('atlassian:
|
|
30
|
-
return extractState(jsonLd);
|
|
31
|
-
} else if (type.includes('atlassian:Task')) {
|
|
32
|
-
var _jsonLdTask = jsonLd;
|
|
33
|
-
var _lozengeFromTag = extractTag(_jsonLdTask);
|
|
34
|
-
var _lozengeFromStatus = extractTaskStatus(_jsonLdTask);
|
|
35
|
-
var _lozengeFromTaskType = extractLozengeFromTaskType(_jsonLdTask);
|
|
36
|
-
return _lozengeFromTag || _lozengeFromStatus || _lozengeFromTaskType;
|
|
37
|
-
} else if (type.some(function (types) {
|
|
38
|
-
return DOC_TYPES.includes(types);
|
|
39
|
-
})) {
|
|
40
|
-
var jsonLdDocument = jsonLd;
|
|
41
|
-
var lozengeFromState = extractState(jsonLdDocument);
|
|
42
|
-
return lozengeFromState;
|
|
43
|
-
} else if (type.includes('atlassian:Goal')) {
|
|
44
|
-
var jsonLdProject = jsonLd;
|
|
45
|
-
var _lozengeFromState = extractState(jsonLdProject);
|
|
46
|
-
return _lozengeFromState;
|
|
47
|
-
} else if (type.includes('atlassian:Project')) {
|
|
48
|
-
var _jsonLdProject = jsonLd;
|
|
49
|
-
var _lozengeFromState2 = extractState(_jsonLdProject);
|
|
50
|
-
return _lozengeFromState2;
|
|
51
|
-
} else if (type.includes('atlassian:UndefinedLink')) {
|
|
16
|
+
if (type.includes('atlassian:UndefinedLink')) {
|
|
52
17
|
return {
|
|
53
18
|
text: 'UNDEFINED',
|
|
54
19
|
appearance: 'inprogress'
|
|
55
20
|
};
|
|
56
21
|
}
|
|
22
|
+
|
|
23
|
+
// casting it because `extractState` can safely handle missing properties
|
|
24
|
+
return extractState(jsonLd);
|
|
57
25
|
}
|
|
58
26
|
};
|
|
59
27
|
var extractLozengeFromTaskType = function extractLozengeFromTaskType(jsonLdTask) {
|
package/dist/esm/i18n/ja.js
CHANGED
|
@@ -76,9 +76,9 @@ export default {
|
|
|
76
76
|
'fabric.linking.download_file': 'ファイルをダウンロード',
|
|
77
77
|
'fabric.linking.edit': '編集',
|
|
78
78
|
'fabric.linking.follow': 'フォロー',
|
|
79
|
-
'fabric.linking.follow_goal': '
|
|
80
|
-
'fabric.linking.follow_goal_description': '
|
|
81
|
-
'fabric.linking.follow_goal_error': '
|
|
79
|
+
'fabric.linking.follow_goal': 'ゴールをフォロー',
|
|
80
|
+
'fabric.linking.follow_goal_description': 'このゴールをフォローすると、最新情報の通知が届きます',
|
|
81
|
+
'fabric.linking.follow_goal_error': 'ゴールをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
82
82
|
'fabric.linking.follow_project': 'プロジェクトをフォロー',
|
|
83
83
|
'fabric.linking.follow_project_description': 'フォローすると、このプロジェクトの通知が届きます',
|
|
84
84
|
'fabric.linking.follow_project_error': 'プロジェクトをフォローする際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
@@ -157,9 +157,9 @@ export default {
|
|
|
157
157
|
'fabric.linking.unauthorised_account_name': '{context} の非公開ページは表示できません',
|
|
158
158
|
'fabric.linking.unauthorised_account_name_no_provider': '非公開ページは表示できません',
|
|
159
159
|
'fabric.linking.unfollow': 'フォローを解除',
|
|
160
|
-
'fabric.linking.unfollow_goal': '
|
|
161
|
-
'fabric.linking.unfollow_goal_description': '
|
|
162
|
-
'fabric.linking.unfollow_goal_error': '
|
|
160
|
+
'fabric.linking.unfollow_goal': 'ゴールをフォロー解除',
|
|
161
|
+
'fabric.linking.unfollow_goal_description': 'フォロー解除すると、このゴールの通知が届かなくなります',
|
|
162
|
+
'fabric.linking.unfollow_goal_error': 'ゴールをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
163
163
|
'fabric.linking.unfollow_project': 'プロジェクトをフォロー解除',
|
|
164
164
|
'fabric.linking.unfollow_project_description': 'フォロー解除すると、プロジェクトの通知が届かなくなります',
|
|
165
165
|
'fabric.linking.unfollow_project_error': 'プロジェクトをフォロー解除する際にエラーが発生しました。接続を確認するか、ページを更新してもう一度お試しください。',
|
|
@@ -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: "35.0
|
|
7
|
+
packageVersion: "35.1.0"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -108,7 +108,7 @@ function Component(_ref) {
|
|
|
108
108
|
useEffect(function () {
|
|
109
109
|
measure.mark(id, state.status);
|
|
110
110
|
if (state.status !== 'pending' && state.status !== 'resolving') {
|
|
111
|
-
var _state$error;
|
|
111
|
+
var _state$error, _state$error2;
|
|
112
112
|
measure.create(id, state.status);
|
|
113
113
|
if (state.status === 'resolved') {
|
|
114
114
|
var _measure$getMeasure$d, _measure$getMeasure;
|
|
@@ -116,7 +116,7 @@ function Component(_ref) {
|
|
|
116
116
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
117
117
|
duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
|
|
118
118
|
});
|
|
119
|
-
} else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError') {
|
|
119
|
+
} else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError') {
|
|
120
120
|
fireEvent('operational.smartLink.unresolved', {
|
|
121
121
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
122
122
|
reason: state.status,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
/**
|
|
2
3
|
* @jsxRuntime classic
|
|
3
4
|
* @jsx jsx
|
|
@@ -5,6 +6,7 @@
|
|
|
5
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
7
|
import { css, jsx } from '@emotion/react';
|
|
7
8
|
import AtlaskitLozenge from '@atlaskit/lozenge';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
|
|
9
11
|
import LozengeAction from './lozenge-action';
|
|
10
12
|
var styles = css({
|
|
@@ -39,13 +41,15 @@ var LozengeOld = function LozengeOld(_ref) {
|
|
|
39
41
|
testId: testId,
|
|
40
42
|
text: text,
|
|
41
43
|
zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
|
|
42
|
-
}) : jsx(AtlaskitLozenge, {
|
|
44
|
+
}) : jsx(AtlaskitLozenge, _extends({
|
|
43
45
|
appearance: appearance
|
|
46
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
47
|
+
isBold: true
|
|
48
|
+
} : undefined, {
|
|
44
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
45
|
-
,
|
|
46
50
|
style: style,
|
|
47
51
|
testId: "".concat(testId, "-lozenge")
|
|
48
|
-
}, text);
|
|
52
|
+
}), text);
|
|
49
53
|
return jsx("span", {
|
|
50
54
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
51
55
|
css: [styles, overrideCss],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import "./index.compiled.css";
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -38,13 +38,15 @@ var LozengeNew = function LozengeNew(_ref) {
|
|
|
38
38
|
testId: testId,
|
|
39
39
|
text: text,
|
|
40
40
|
zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
|
|
41
|
-
}) : /*#__PURE__*/React.createElement(AtlaskitLozenge, {
|
|
41
|
+
}) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
|
|
42
42
|
appearance: appearance
|
|
43
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
44
|
+
isBold: true
|
|
45
|
+
} : undefined, {
|
|
43
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
44
|
-
,
|
|
45
47
|
style: style,
|
|
46
48
|
testId: "".concat(testId, "-lozenge")
|
|
47
|
-
}, text);
|
|
49
|
+
}), text);
|
|
48
50
|
return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, 'data-fit-to-content', true), {
|
|
49
51
|
"data-smart-element": name,
|
|
50
52
|
"data-smart-element-lozenge": true,
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
import React, { useMemo } from 'react';
|
|
2
3
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
3
4
|
import Lozenge from '@atlaskit/lozenge';
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
6
|
var withErrorBoundary = function withErrorBoundary(Component) {
|
|
5
7
|
return function (props) {
|
|
6
8
|
var fallback = useMemo(function () {
|
|
7
9
|
var _props$testId;
|
|
8
|
-
return /*#__PURE__*/React.createElement(Lozenge, {
|
|
9
|
-
appearance: props === null || props === void 0 ? void 0 : props.appearance
|
|
10
|
+
return /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
11
|
+
appearance: props === null || props === void 0 ? void 0 : props.appearance
|
|
12
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
13
|
+
isBold: true
|
|
14
|
+
} : undefined, {
|
|
10
15
|
testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback")
|
|
11
|
-
}, props === null || props === void 0 ? void 0 : props.text);
|
|
16
|
+
}), props === null || props === void 0 ? void 0 : props.text);
|
|
12
17
|
}, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
|
|
13
18
|
return /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
14
19
|
fallback: fallback
|
|
@@ -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,
|
|
@@ -27,9 +29,11 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
|
|
|
27
29
|
}, /*#__PURE__*/React.createElement(DropdownItem, {
|
|
28
30
|
onClick: handleClick,
|
|
29
31
|
testId: testId
|
|
30
|
-
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
32
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
31
33
|
appearance: appearance
|
|
32
|
-
},
|
|
34
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
35
|
+
isBold: true
|
|
36
|
+
} : undefined), text)))
|
|
33
37
|
);
|
|
34
38
|
};
|
|
35
39
|
export default LozengeActionItem;
|
|
@@ -12,6 +12,7 @@ import { useCallback, useMemo, useState } from 'react';
|
|
|
12
12
|
import { jsx } from '@emotion/react';
|
|
13
13
|
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
14
14
|
import Lozenge from '@atlaskit/lozenge';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
16
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
16
17
|
import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
|
|
17
18
|
var chevronDownStyles = xcss({
|
|
@@ -38,7 +39,7 @@ var LozengeActionTriggerOld = function LozengeActionTriggerOld(_ref) {
|
|
|
38
39
|
var lozenge = useMemo(function () {
|
|
39
40
|
return jsx(Lozenge, {
|
|
40
41
|
appearance: appearance,
|
|
41
|
-
isBold: isBold
|
|
42
|
+
isBold: fg('platform-component-visual-refresh') ? true : isBold
|
|
42
43
|
}, jsx("span", {
|
|
43
44
|
css: triggerLozengeStyles
|
|
44
45
|
}, jsx("span", null, text), jsx(Box, {
|
|
@@ -39,7 +39,7 @@ var LozengeActionTriggerNew = function LozengeActionTriggerNew(_ref) {
|
|
|
39
39
|
var lozenge = useMemo(function () {
|
|
40
40
|
return /*#__PURE__*/React.createElement(Lozenge, {
|
|
41
41
|
appearance: appearance,
|
|
42
|
-
isBold: isBold
|
|
42
|
+
isBold: fg('platform-component-visual-refresh') ? true : isBold
|
|
43
43
|
}, /*#__PURE__*/React.createElement("span", {
|
|
44
44
|
className: ax(["_4cvr1h6o _1e0c1txw"])
|
|
45
45
|
}, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(Box, {
|
|
@@ -143,9 +143,11 @@ export var InlineCardForbiddenViewOld = /*#__PURE__*/function (_React$Component)
|
|
|
143
143
|
xcss: actionButtonLozengeStyle,
|
|
144
144
|
onClick: _this.handleRetry,
|
|
145
145
|
testId: "button-connect-other-account"
|
|
146
|
-
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
146
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
147
147
|
appearance: 'moved'
|
|
148
|
-
},
|
|
148
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
149
|
+
isBold: true
|
|
150
|
+
} : undefined), _this.renderForbiddenAccessMessage())));
|
|
149
151
|
}
|
|
150
152
|
return /*#__PURE__*/React.createElement(Button, {
|
|
151
153
|
spacing: "none",
|
|
@@ -153,9 +155,11 @@ export var InlineCardForbiddenViewOld = /*#__PURE__*/function (_React$Component)
|
|
|
153
155
|
appearance: "subtle-link",
|
|
154
156
|
testId: "button-connect-other-account",
|
|
155
157
|
role: "button"
|
|
156
|
-
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
158
|
+
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
157
159
|
appearance: 'moved'
|
|
158
|
-
},
|
|
160
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
161
|
+
isBold: true
|
|
162
|
+
} : undefined), _this.renderForbiddenAccessMessage())));
|
|
159
163
|
}
|
|
160
164
|
return null;
|
|
161
165
|
});
|
|
@@ -109,9 +109,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
|
|
|
109
109
|
xcss: styles.actionButtonLozengeStyle,
|
|
110
110
|
onClick: handleRetry,
|
|
111
111
|
testId: "button-connect-other-account"
|
|
112
|
-
}, /*#__PURE__*/React.createElement(Lozenge, {
|
|
113
|
-
appearance:
|
|
114
|
-
},
|
|
112
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
113
|
+
appearance: "moved"
|
|
114
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
115
|
+
isBold: true
|
|
116
|
+
} : undefined), renderForbiddenAccessMessage())));
|
|
115
117
|
}
|
|
116
118
|
return /*#__PURE__*/React.createElement(Button, {
|
|
117
119
|
spacing: "none",
|
|
@@ -119,9 +121,11 @@ var InlineCardForbiddenViewNew = function InlineCardForbiddenViewNew(_ref) {
|
|
|
119
121
|
appearance: "subtle-link",
|
|
120
122
|
testId: "button-connect-other-account",
|
|
121
123
|
role: "button"
|
|
122
|
-
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
124
|
+
}, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
123
125
|
appearance: 'moved'
|
|
124
|
-
},
|
|
126
|
+
}, fg('platform-component-visual-refresh') ? {
|
|
127
|
+
isBold: true
|
|
128
|
+
} : undefined), renderForbiddenAccessMessage())));
|
|
125
129
|
}
|
|
126
130
|
return null;
|
|
127
131
|
}, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
|
|
@@ -7,6 +7,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
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
9
|
import Lozenge from '@atlaskit/lozenge';
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
11
|
import { HoverCard } from '../../HoverCard';
|
|
11
12
|
import { Frame } from '../Frame';
|
|
12
13
|
import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
|
|
@@ -30,7 +31,7 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
|
|
|
30
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
31
32
|
,
|
|
32
33
|
style: lozenge.style,
|
|
33
|
-
isBold: lozenge.isBold
|
|
34
|
+
isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
|
|
34
35
|
}, lozenge.text));
|
|
35
36
|
}
|
|
36
37
|
}, {
|
|
@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
13
13
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
14
14
|
var PACKAGE_DATA = {
|
|
15
15
|
packageName: "@atlaskit/smart-card",
|
|
16
|
-
packageVersion: "35.0
|
|
16
|
+
packageVersion: "35.1.0",
|
|
17
17
|
componentName: 'linkUrl'
|
|
18
18
|
};
|
|
19
19
|
var Anchor = withLinkClickedEvent('a');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "35.0
|
|
3
|
+
"version": "35.1.0",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"@atlaskit/dropdown-menu": "^13.0.0",
|
|
39
39
|
"@atlaskit/form": "^12.0.0",
|
|
40
40
|
"@atlaskit/frontend-utilities": "^3.0.0",
|
|
41
|
-
"@atlaskit/heading": "^5.
|
|
41
|
+
"@atlaskit/heading": "^5.1.0",
|
|
42
42
|
"@atlaskit/icon": "^24.1.0",
|
|
43
43
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
44
|
-
"@atlaskit/icon-lab": "^3.
|
|
44
|
+
"@atlaskit/icon-lab": "^3.2.0",
|
|
45
45
|
"@atlaskit/icon-object": "^7.0.0",
|
|
46
46
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
47
47
|
"@atlaskit/legacy-custom-icons": "^0.22.0",
|
|
@@ -53,19 +53,19 @@
|
|
|
53
53
|
"@atlaskit/linking-types": "^9.6.0",
|
|
54
54
|
"@atlaskit/logo": "^16.0.0",
|
|
55
55
|
"@atlaskit/lozenge": "^12.0.0",
|
|
56
|
-
"@atlaskit/menu": "^3.
|
|
56
|
+
"@atlaskit/menu": "^3.1.0",
|
|
57
57
|
"@atlaskit/modal-dialog": "^13.0.0",
|
|
58
58
|
"@atlaskit/outbound-auth-flow-client": "^3.4.0",
|
|
59
59
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
60
60
|
"@atlaskit/popup": "^2.0.0",
|
|
61
|
-
"@atlaskit/primitives": "^14.
|
|
61
|
+
"@atlaskit/primitives": "^14.1.0",
|
|
62
62
|
"@atlaskit/section-message": "^8.0.0",
|
|
63
63
|
"@atlaskit/select": "^19.0.0",
|
|
64
64
|
"@atlaskit/spinner": "^18.0.0",
|
|
65
65
|
"@atlaskit/textarea": "^8.0.0",
|
|
66
66
|
"@atlaskit/textfield": "^8.0.0",
|
|
67
67
|
"@atlaskit/theme": "^17.0.0",
|
|
68
|
-
"@atlaskit/tokens": "^4.
|
|
68
|
+
"@atlaskit/tokens": "^4.2.0",
|
|
69
69
|
"@atlaskit/tooltip": "^20.0.0",
|
|
70
70
|
"@atlaskit/ufo": "^0.4.0",
|
|
71
71
|
"@babel/runtime": "^7.0.0",
|
|
@@ -98,12 +98,12 @@
|
|
|
98
98
|
"@atlaskit/css-reset": "^7.0.0",
|
|
99
99
|
"@atlaskit/link-test-helpers": "^8.0.0",
|
|
100
100
|
"@atlaskit/media-test-helpers": "^35.0.0",
|
|
101
|
-
"@atlaskit/react-ufo": "^3.
|
|
101
|
+
"@atlaskit/react-ufo": "^3.1.0",
|
|
102
102
|
"@atlaskit/ssr": "*",
|
|
103
103
|
"@atlaskit/visual-regression": "*",
|
|
104
104
|
"@atlassian/analytics-tooling": "*",
|
|
105
105
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
106
|
-
"@atlassian/gemini": "1.16.
|
|
106
|
+
"@atlassian/gemini": "1.16.4",
|
|
107
107
|
"@testing-library/dom": "^10.1.0",
|
|
108
108
|
"@testing-library/jest-dom": "^6.4.5",
|
|
109
109
|
"@testing-library/react": "^13.4.0",
|
|
@@ -183,9 +183,6 @@
|
|
|
183
183
|
"type": "boolean",
|
|
184
184
|
"showOnWebsiteForTransitiveDependencies": true
|
|
185
185
|
},
|
|
186
|
-
"linking_platform_show_lozenge_atlassian_state": {
|
|
187
|
-
"type": "boolean"
|
|
188
|
-
},
|
|
189
186
|
"smart_links_for_plans_platform": {
|
|
190
187
|
"type": "boolean"
|
|
191
188
|
},
|