@atlaskit/smart-card 35.0.2 → 35.0.3
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 +9 -0
- package/dist/cjs/i18n/ja.js +6 -6
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- 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/i18n/ja.js +6 -6
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- 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/i18n/ja.js +6 -6
- package/dist/esm/utils/analytics/analytics.js +1 -1
- 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 +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 35.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#118812](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118812)
|
|
8
|
+
[`574d65e0a2fb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/574d65e0a2fb7) -
|
|
9
|
+
[ux] Update lozenge color to bold
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 35.0.2
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
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.0.3"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -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.0.3",
|
|
24
24
|
componentName: 'linkUrl'
|
|
25
25
|
};
|
|
26
26
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
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.0.3"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -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.0.3",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
const Anchor = withLinkClickedEvent('a');
|
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.0.3"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -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.0.3",
|
|
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.0.3",
|
|
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,7 +98,7 @@
|
|
|
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": "*",
|