@atlaskit/smart-card 38.9.3 → 38.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/utils/flexible.js +3 -6
- package/dist/cjs/view/BlockCard/views/utils/index.js +11 -19
- package/dist/cjs/view/CardWithUrl/component.js +2 -3
- package/dist/cjs/view/CardWithUrl/loader.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/container/index.js +4 -8
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/utils/flexible.js +3 -6
- package/dist/es2019/view/BlockCard/views/utils/index.js +11 -19
- package/dist/es2019/view/CardWithUrl/component.js +2 -3
- package/dist/es2019/view/CardWithUrl/loader.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/container/index.js +4 -8
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/utils/flexible.js +3 -6
- package/dist/esm/view/BlockCard/views/utils/index.js +11 -19
- package/dist/esm/view/CardWithUrl/component.js +2 -3
- package/dist/esm/view/CardWithUrl/loader.js +1 -2
- package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/container/index.js +4 -8
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/package.json +3 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 38.10.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#172494](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172494)
|
|
8
|
+
[`03472aefbbb00`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/03472aefbbb00) -
|
|
9
|
+
Feature gate cleanup for platform-linking-flexible-card-openness, surfacing the feaure for
|
|
10
|
+
ui.removeBlockRestriction
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 38.10.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- [#172142](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172142)
|
|
18
|
+
[`8073537f9214d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8073537f9214d) -
|
|
19
|
+
Clearing `expandable_smart_links_for_scorecards_v2` feature-gate after release
|
|
20
|
+
|
|
3
21
|
## 38.9.3
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
11
11
|
var context = exports.context = {
|
|
12
12
|
componentName: 'smart-cards',
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "38.
|
|
14
|
+
packageVersion: "38.10.1"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -7,17 +7,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.isStyleCacheProvider = exports.isFlexibleUiTitleBlock = exports.isFlexibleUiPreviewBlock = exports.isFlexibleUiFooterBlock = exports.isFlexibleUiElement = exports.isFlexibleUiCard = exports.isFlexibleUiBlock = void 0;
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
10
|
var _blocks = _interopRequireWildcard(require("../view/FlexibleCard/components/blocks"));
|
|
12
11
|
var Blocks = _blocks;
|
|
13
12
|
var Elements = _interopRequireWildcard(require("../view/FlexibleCard/components/elements"));
|
|
14
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
var isFlexibleUiCard = exports.isFlexibleUiCard = function isFlexibleUiCard(children, ui) {
|
|
16
|
-
if (
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return children && ((_React$Children$toArr = _react.default.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
|
|
20
|
-
}
|
|
15
|
+
if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
|
|
16
|
+
var _React$Children$toArr;
|
|
17
|
+
return children && ((_React$Children$toArr = _react.default.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
|
|
21
18
|
}
|
|
22
19
|
if (children && _react.default.Children.toArray(children).some(function (child) {
|
|
23
20
|
return _isFlexibleUiTitleBlock(child);
|
|
@@ -63,25 +63,17 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
|
|
|
63
63
|
bottomMetadata: defaultBottomMetadata
|
|
64
64
|
};
|
|
65
65
|
case 'dragonfruit-object-provider':
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
};
|
|
78
|
-
} else {
|
|
79
|
-
return {
|
|
80
|
-
titleMetadata: defaultTitleMetadata,
|
|
81
|
-
topMetadata: defaultTopMetadata,
|
|
82
|
-
bottomMetadata: defaultBottomMetadata
|
|
83
|
-
};
|
|
84
|
-
}
|
|
66
|
+
return {
|
|
67
|
+
titleMetadata: defaultTitleMetadata,
|
|
68
|
+
topMetadata: (0, _utils.extractOwnedBy)(data) ? [{
|
|
69
|
+
name: _constants.ElementName.OwnedByGroup
|
|
70
|
+
}, {
|
|
71
|
+
name: _constants.ElementName.OwnedBy
|
|
72
|
+
}].concat(baseTopMetadata) : defaultTopMetadata,
|
|
73
|
+
bottomMetadata: [{
|
|
74
|
+
name: _constants.ElementName.AppliedToComponentsCount
|
|
75
|
+
}].concat(baseBottomMetaData)
|
|
76
|
+
};
|
|
85
77
|
case 'confluence-object-provider':
|
|
86
78
|
return {
|
|
87
79
|
titleMetadata: defaultTitleMetadata,
|
|
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.CardWithUrlContent = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
13
12
|
var _constants = require("../../constants");
|
|
14
13
|
var _state = require("../../state");
|
|
@@ -73,7 +72,7 @@ function Component(_ref) {
|
|
|
73
72
|
var resourceType = (0, _helpers.getResourceType)(state.details);
|
|
74
73
|
var services = (0, _helpers.getServices)(state.details);
|
|
75
74
|
var isFlexibleUi = (0, _react.useMemo)(function () {
|
|
76
|
-
return (0, _flexible.isFlexibleUiCard)(children,
|
|
75
|
+
return (0, _flexible.isFlexibleUiCard)(children, ui);
|
|
77
76
|
}, [children, ui]);
|
|
78
77
|
var actionOptions = (0, _combineActionOptions.combineActionOptions)({
|
|
79
78
|
actionOptions: actionOptionsProp,
|
|
@@ -300,7 +299,7 @@ function Component(_ref) {
|
|
|
300
299
|
}
|
|
301
300
|
}
|
|
302
301
|
var CardWithUrlContent = exports.CardWithUrlContent = function CardWithUrlContent(props) {
|
|
303
|
-
var display = (0, _flexible.isFlexibleUiCard)(props.children,
|
|
302
|
+
var display = (0, _flexible.isFlexibleUiCard)(props.children, props === null || props === void 0 ? void 0 : props.ui) ? _constants.CardDisplay.Flexible : props.appearance;
|
|
304
303
|
return /*#__PURE__*/_react.default.createElement(_modal.SmartLinkModalProvider, null, /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
|
|
305
304
|
url: props.url,
|
|
306
305
|
id: props.id,
|
|
@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _reactErrorBoundary = require("react-error-boundary");
|
|
14
14
|
var _reactMagneticDi = require("react-magnetic-di");
|
|
15
15
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
18
17
|
var _analytics = require("../../state/analytics");
|
|
19
18
|
var _utils = require("../../utils");
|
|
@@ -72,7 +71,7 @@ function CardWithURLRenderer(props) {
|
|
|
72
71
|
resolvingPlaceholder = props.resolvingPlaceholder,
|
|
73
72
|
truncateInline = props.truncateInline,
|
|
74
73
|
CompetitorPrompt = props.CompetitorPrompt;
|
|
75
|
-
var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children,
|
|
74
|
+
var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, ui);
|
|
76
75
|
var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
|
|
77
76
|
display: isFlexibleUi ? 'flexible' : appearance,
|
|
78
77
|
id: id,
|
|
@@ -203,7 +203,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
|
|
|
203
203
|
};
|
|
204
204
|
var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
|
|
205
205
|
var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
|
|
206
|
-
if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction
|
|
206
|
+
if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
|
|
207
207
|
return /*#__PURE__*/_react.default.createElement(ActionButtonRefreshNewWithOverrideCss, props);
|
|
208
208
|
}
|
|
209
209
|
return /*#__PURE__*/_react.default.createElement(ActionButtonNew, props);
|
|
@@ -46,10 +46,8 @@ var getChildrenOptions = exports.getChildrenOptions = function getChildrenOption
|
|
|
46
46
|
return options;
|
|
47
47
|
};
|
|
48
48
|
var filterChildren = function filterChildren(children, removeBlockRestriction) {
|
|
49
|
-
if (
|
|
50
|
-
|
|
51
|
-
return children;
|
|
52
|
-
}
|
|
49
|
+
if (removeBlockRestriction) {
|
|
50
|
+
return children;
|
|
53
51
|
}
|
|
54
52
|
return _react.default.Children.map(children, function (child) {
|
|
55
53
|
return /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child) ? child : undefined;
|
|
@@ -93,10 +91,8 @@ var renderChildren = function renderChildren(children, containerSize, containerT
|
|
|
93
91
|
status: status
|
|
94
92
|
});
|
|
95
93
|
}
|
|
96
|
-
if (
|
|
97
|
-
|
|
98
|
-
return child;
|
|
99
|
-
}
|
|
94
|
+
if (removeBlockRestriction) {
|
|
95
|
+
return child;
|
|
100
96
|
}
|
|
101
97
|
});
|
|
102
98
|
};
|
|
@@ -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: "38.
|
|
23
|
+
packageVersion: "38.10.1",
|
|
24
24
|
componentName: 'linkUrl'
|
|
25
25
|
};
|
|
26
26
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -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: "38.
|
|
5
|
+
packageVersion: "38.10.1"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
2
|
import * as Blocks from '../view/FlexibleCard/components/blocks';
|
|
4
3
|
import { FooterBlock, PreviewBlock, TitleBlock } from '../view/FlexibleCard/components/blocks';
|
|
5
4
|
import * as Elements from '../view/FlexibleCard/components/elements';
|
|
6
5
|
export const isFlexibleUiCard = (children, ui) => {
|
|
7
|
-
if (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
|
|
11
|
-
}
|
|
6
|
+
if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
|
|
7
|
+
var _React$Children$toArr;
|
|
8
|
+
return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
|
|
12
9
|
}
|
|
13
10
|
if (children && React.Children.toArray(children).some(child => isFlexibleUiTitleBlock(child))) {
|
|
14
11
|
return true;
|
|
@@ -57,25 +57,17 @@ export const getSimulatedBetterMetadata = cardDetails => {
|
|
|
57
57
|
bottomMetadata: defaultBottomMetadata
|
|
58
58
|
};
|
|
59
59
|
case 'dragonfruit-object-provider':
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
};
|
|
72
|
-
} else {
|
|
73
|
-
return {
|
|
74
|
-
titleMetadata: defaultTitleMetadata,
|
|
75
|
-
topMetadata: defaultTopMetadata,
|
|
76
|
-
bottomMetadata: defaultBottomMetadata
|
|
77
|
-
};
|
|
78
|
-
}
|
|
60
|
+
return {
|
|
61
|
+
titleMetadata: defaultTitleMetadata,
|
|
62
|
+
topMetadata: extractOwnedBy(data) ? [{
|
|
63
|
+
name: ElementName.OwnedByGroup
|
|
64
|
+
}, {
|
|
65
|
+
name: ElementName.OwnedBy
|
|
66
|
+
}, ...baseTopMetadata] : defaultTopMetadata,
|
|
67
|
+
bottomMetadata: [{
|
|
68
|
+
name: ElementName.AppliedToComponentsCount
|
|
69
|
+
}, ...baseBottomMetaData]
|
|
70
|
+
};
|
|
79
71
|
case 'confluence-object-provider':
|
|
80
72
|
return {
|
|
81
73
|
titleMetadata: defaultTitleMetadata,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
2
2
|
import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
5
4
|
import { CardDisplay } from '../../constants';
|
|
6
5
|
import { useSmartLink } from '../../state';
|
|
@@ -67,7 +66,7 @@ function Component({
|
|
|
67
66
|
const extensionKey = getExtensionKey(state.details);
|
|
68
67
|
const resourceType = getResourceType(state.details);
|
|
69
68
|
const services = getServices(state.details);
|
|
70
|
-
let isFlexibleUi = useMemo(() => isFlexibleUiCard(children,
|
|
69
|
+
let isFlexibleUi = useMemo(() => isFlexibleUiCard(children, ui), [children, ui]);
|
|
71
70
|
const actionOptions = combineActionOptions({
|
|
72
71
|
actionOptions: actionOptionsProp,
|
|
73
72
|
platform
|
|
@@ -289,7 +288,7 @@ function Component({
|
|
|
289
288
|
}
|
|
290
289
|
}
|
|
291
290
|
export const CardWithUrlContent = props => {
|
|
292
|
-
const display = isFlexibleUiCard(props.children,
|
|
291
|
+
const display = isFlexibleUiCard(props.children, props === null || props === void 0 ? void 0 : props.ui) ? CardDisplay.Flexible : props.appearance;
|
|
293
292
|
return /*#__PURE__*/React.createElement(SmartLinkModalProvider, null, /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
|
|
294
293
|
url: props.url,
|
|
295
294
|
id: props.id,
|
|
@@ -2,7 +2,6 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
|
|
|
2
2
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
3
3
|
import { di } from 'react-magnetic-di';
|
|
4
4
|
import uuid from 'uuid';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
7
6
|
import { failUfoExperience, startUfoExperience } from '../../state/analytics';
|
|
8
7
|
import { importWithRetry } from '../../utils';
|
|
@@ -51,7 +50,7 @@ export function CardWithURLRenderer(props) {
|
|
|
51
50
|
truncateInline,
|
|
52
51
|
CompetitorPrompt
|
|
53
52
|
} = props;
|
|
54
|
-
const isFlexibleUi = isFlexibleUiCard(children,
|
|
53
|
+
const isFlexibleUi = isFlexibleUiCard(children, ui);
|
|
55
54
|
const analyticsContext = useSmartLinkAnalyticsContext({
|
|
56
55
|
display: isFlexibleUi ? 'flexible' : appearance,
|
|
57
56
|
id,
|
|
@@ -184,7 +184,7 @@ const ActionButtonNew = ({
|
|
|
184
184
|
};
|
|
185
185
|
const ActionButtonHideLegacyButton = props => {
|
|
186
186
|
const ui = useFlexibleUiOptionContext();
|
|
187
|
-
if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction
|
|
187
|
+
if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
|
|
188
188
|
return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
|
|
189
189
|
}
|
|
190
190
|
return /*#__PURE__*/React.createElement(ActionButtonNew, props);
|
|
@@ -36,10 +36,8 @@ export const getChildrenOptions = (children, context) => {
|
|
|
36
36
|
return options;
|
|
37
37
|
};
|
|
38
38
|
const filterChildren = (children, removeBlockRestriction) => {
|
|
39
|
-
if (
|
|
40
|
-
|
|
41
|
-
return children;
|
|
42
|
-
}
|
|
39
|
+
if (removeBlockRestriction) {
|
|
40
|
+
return children;
|
|
43
41
|
}
|
|
44
42
|
return React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child) ? child : undefined);
|
|
45
43
|
};
|
|
@@ -86,10 +84,8 @@ const renderChildren = (children, containerSize, containerTheme, status, retry,
|
|
|
86
84
|
status
|
|
87
85
|
});
|
|
88
86
|
}
|
|
89
|
-
if (
|
|
90
|
-
|
|
91
|
-
return child;
|
|
92
|
-
}
|
|
87
|
+
if (removeBlockRestriction) {
|
|
88
|
+
return child;
|
|
93
89
|
}
|
|
94
90
|
});
|
|
95
91
|
};
|
|
@@ -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: "38.
|
|
13
|
+
packageVersion: "38.10.1",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -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: "38.
|
|
7
|
+
packageVersion: "38.10.1"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
2
|
import * as Blocks from '../view/FlexibleCard/components/blocks';
|
|
4
3
|
import { FooterBlock, PreviewBlock, TitleBlock } from '../view/FlexibleCard/components/blocks';
|
|
5
4
|
import * as Elements from '../view/FlexibleCard/components/elements';
|
|
6
5
|
export var isFlexibleUiCard = function isFlexibleUiCard(children, ui) {
|
|
7
|
-
if (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
|
|
11
|
-
}
|
|
6
|
+
if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
|
|
7
|
+
var _React$Children$toArr;
|
|
8
|
+
return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
|
|
12
9
|
}
|
|
13
10
|
if (children && React.Children.toArray(children).some(function (child) {
|
|
14
11
|
return _isFlexibleUiTitleBlock(child);
|
|
@@ -57,25 +57,17 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
|
|
|
57
57
|
bottomMetadata: defaultBottomMetadata
|
|
58
58
|
};
|
|
59
59
|
case 'dragonfruit-object-provider':
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
};
|
|
72
|
-
} else {
|
|
73
|
-
return {
|
|
74
|
-
titleMetadata: defaultTitleMetadata,
|
|
75
|
-
topMetadata: defaultTopMetadata,
|
|
76
|
-
bottomMetadata: defaultBottomMetadata
|
|
77
|
-
};
|
|
78
|
-
}
|
|
60
|
+
return {
|
|
61
|
+
titleMetadata: defaultTitleMetadata,
|
|
62
|
+
topMetadata: extractOwnedBy(data) ? [{
|
|
63
|
+
name: ElementName.OwnedByGroup
|
|
64
|
+
}, {
|
|
65
|
+
name: ElementName.OwnedBy
|
|
66
|
+
}].concat(baseTopMetadata) : defaultTopMetadata,
|
|
67
|
+
bottomMetadata: [{
|
|
68
|
+
name: ElementName.AppliedToComponentsCount
|
|
69
|
+
}].concat(baseBottomMetaData)
|
|
70
|
+
};
|
|
79
71
|
case 'confluence-object-provider':
|
|
80
72
|
return {
|
|
81
73
|
titleMetadata: defaultTitleMetadata,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
2
2
|
import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
5
4
|
import { CardDisplay } from '../../constants';
|
|
6
5
|
import { useSmartLink } from '../../state';
|
|
@@ -64,7 +63,7 @@ function Component(_ref) {
|
|
|
64
63
|
var resourceType = getResourceType(state.details);
|
|
65
64
|
var services = getServices(state.details);
|
|
66
65
|
var isFlexibleUi = useMemo(function () {
|
|
67
|
-
return isFlexibleUiCard(children,
|
|
66
|
+
return isFlexibleUiCard(children, ui);
|
|
68
67
|
}, [children, ui]);
|
|
69
68
|
var actionOptions = combineActionOptions({
|
|
70
69
|
actionOptions: actionOptionsProp,
|
|
@@ -291,7 +290,7 @@ function Component(_ref) {
|
|
|
291
290
|
}
|
|
292
291
|
}
|
|
293
292
|
export var CardWithUrlContent = function CardWithUrlContent(props) {
|
|
294
|
-
var display = isFlexibleUiCard(props.children,
|
|
293
|
+
var display = isFlexibleUiCard(props.children, props === null || props === void 0 ? void 0 : props.ui) ? CardDisplay.Flexible : props.appearance;
|
|
295
294
|
return /*#__PURE__*/React.createElement(SmartLinkModalProvider, null, /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
|
|
296
295
|
url: props.url,
|
|
297
296
|
id: props.id,
|
|
@@ -6,7 +6,6 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
|
|
|
6
6
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
7
7
|
import { di } from 'react-magnetic-di';
|
|
8
8
|
import uuid from 'uuid';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
11
10
|
import { failUfoExperience, startUfoExperience } from '../../state/analytics';
|
|
12
11
|
import { importWithRetry } from '../../utils';
|
|
@@ -60,7 +59,7 @@ export function CardWithURLRenderer(props) {
|
|
|
60
59
|
resolvingPlaceholder = props.resolvingPlaceholder,
|
|
61
60
|
truncateInline = props.truncateInline,
|
|
62
61
|
CompetitorPrompt = props.CompetitorPrompt;
|
|
63
|
-
var isFlexibleUi = isFlexibleUiCard(children,
|
|
62
|
+
var isFlexibleUi = isFlexibleUiCard(children, ui);
|
|
64
63
|
var analyticsContext = useSmartLinkAnalyticsContext({
|
|
65
64
|
display: isFlexibleUi ? 'flexible' : appearance,
|
|
66
65
|
id: id,
|
|
@@ -194,7 +194,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
|
|
|
194
194
|
};
|
|
195
195
|
var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
|
|
196
196
|
var ui = useFlexibleUiOptionContext();
|
|
197
|
-
if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction
|
|
197
|
+
if (ui !== null && ui !== void 0 && ui.hideLegacyButton || ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
|
|
198
198
|
return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
|
|
199
199
|
}
|
|
200
200
|
return /*#__PURE__*/React.createElement(ActionButtonNew, props);
|
|
@@ -40,10 +40,8 @@ export var getChildrenOptions = function getChildrenOptions(children, context) {
|
|
|
40
40
|
return options;
|
|
41
41
|
};
|
|
42
42
|
var filterChildren = function filterChildren(children, removeBlockRestriction) {
|
|
43
|
-
if (
|
|
44
|
-
|
|
45
|
-
return children;
|
|
46
|
-
}
|
|
43
|
+
if (removeBlockRestriction) {
|
|
44
|
+
return children;
|
|
47
45
|
}
|
|
48
46
|
return React.Children.map(children, function (child) {
|
|
49
47
|
return /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child) ? child : undefined;
|
|
@@ -87,10 +85,8 @@ var renderChildren = function renderChildren(children, containerSize, containerT
|
|
|
87
85
|
status: status
|
|
88
86
|
});
|
|
89
87
|
}
|
|
90
|
-
if (
|
|
91
|
-
|
|
92
|
-
return child;
|
|
93
|
-
}
|
|
88
|
+
if (removeBlockRestriction) {
|
|
89
|
+
return child;
|
|
94
90
|
}
|
|
95
91
|
});
|
|
96
92
|
};
|
|
@@ -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: "38.
|
|
16
|
+
packageVersion: "38.10.1",
|
|
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": "38.
|
|
3
|
+
"version": "38.10.1",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@atlaskit/button": "^23.2.0",
|
|
36
36
|
"@atlaskit/checkbox": "^17.1.0",
|
|
37
37
|
"@atlaskit/css": "^0.10.0",
|
|
38
|
-
"@atlaskit/dropdown-menu": "^16.
|
|
38
|
+
"@atlaskit/dropdown-menu": "^16.1.0",
|
|
39
39
|
"@atlaskit/form": "^12.0.0",
|
|
40
40
|
"@atlaskit/frontend-utilities": "^3.0.0",
|
|
41
41
|
"@atlaskit/heading": "^5.2.0",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@atlaskit/visual-regression": "workspace:^",
|
|
103
103
|
"@atlassian/analytics-tooling": "^0.5.0",
|
|
104
104
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
105
|
-
"@atlassian/gemini": "^1.
|
|
105
|
+
"@atlassian/gemini": "^1.19.0",
|
|
106
106
|
"@testing-library/dom": "^10.1.0",
|
|
107
107
|
"@testing-library/jest-dom": "^6.4.5",
|
|
108
108
|
"@testing-library/react": "^13.4.0",
|
|
@@ -187,9 +187,6 @@
|
|
|
187
187
|
"smart_links_for_plans_platform": {
|
|
188
188
|
"type": "boolean"
|
|
189
189
|
},
|
|
190
|
-
"expandable_smart_links_for_scorecards_v2": {
|
|
191
|
-
"type": "boolean"
|
|
192
|
-
},
|
|
193
190
|
"platform_bandicoots-smartlink-unresolved-error-key": {
|
|
194
191
|
"type": "boolean"
|
|
195
192
|
},
|
|
@@ -227,9 +224,6 @@
|
|
|
227
224
|
"platform-linking-visual-refresh-inline-lozenge": {
|
|
228
225
|
"type": "boolean"
|
|
229
226
|
},
|
|
230
|
-
"platform-linking-flexible-card-openness": {
|
|
231
|
-
"type": "boolean"
|
|
232
|
-
},
|
|
233
227
|
"platform-linking-flexible-card-unresolved-action": {
|
|
234
228
|
"type": "boolean"
|
|
235
229
|
},
|