@atlaskit/smart-card 26.5.8 → 26.5.9
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 +6 -0
- package/dist/cjs/utils/analytics/SmartLinkAnalyticsContext.js +2 -5
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +9 -5
- package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +1 -1
- package/dist/es2019/utils/analytics/SmartLinkAnalyticsContext.js +2 -5
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +11 -5
- package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +1 -1
- package/dist/esm/utils/analytics/SmartLinkAnalyticsContext.js +2 -5
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/CardWithUrl/component.js +9 -5
- package/dist/esm/view/HoverCard/components/HoverCardComponent.js +1 -1
- package/dist/types/utils/analytics/SmartLinkAnalyticsContext.d.ts +1 -2
- package/dist/types-ts4.5/utils/analytics/SmartLinkAnalyticsContext.d.ts +1 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 26.5.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`d394a5db254`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d394a5db254) - Fixes display analytics attribute provided by analytics context when the apperance is flexible
|
|
8
|
+
|
|
3
9
|
## 26.5.8
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -9,8 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
11
11
|
var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
|
|
12
|
-
var _flexible = require("../flexible");
|
|
13
|
-
var _constants = require("../../constants");
|
|
14
12
|
var _store = require("../../state/store");
|
|
15
13
|
var _LinkAnalyticsContext = require("./LinkAnalyticsContext");
|
|
16
14
|
/**
|
|
@@ -19,15 +17,14 @@ var _LinkAnalyticsContext = require("./LinkAnalyticsContext");
|
|
|
19
17
|
*/
|
|
20
18
|
var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props) {
|
|
21
19
|
var children = props.children,
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
url = props.url,
|
|
21
|
+
display = props.display;
|
|
24
22
|
var _useSmartLinkState = (0, _store.useSmartCardState)(url),
|
|
25
23
|
details = _useSmartLinkState.details,
|
|
26
24
|
status = _useSmartLinkState.status;
|
|
27
25
|
var attributes = (0, _resolvedAttributes.getResolvedAttributes)({
|
|
28
26
|
url: url
|
|
29
27
|
}, details, status);
|
|
30
|
-
var display = (0, _flexible.isFlexibleUiCard)(children) ? _constants.CardDisplay.Flexible : appearance;
|
|
31
28
|
return /*#__PURE__*/_react.default.createElement(_LinkAnalyticsContext.LinkAnalyticsContext, (0, _extends2.default)({}, props, {
|
|
32
29
|
display: display
|
|
33
30
|
}), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
package/dist/cjs/version.json
CHANGED
|
@@ -273,10 +273,14 @@ function Component(_ref) {
|
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
var CardWithUrlContent = function CardWithUrlContent(props) {
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
276
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-analytics-context')) {
|
|
277
|
+
var display = (0, _flexible.isFlexibleUiCard)(props.children) ? _constants.CardDisplay.Flexible : props.appearance;
|
|
278
|
+
return /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
|
|
279
|
+
url: props.url,
|
|
280
|
+
id: props.id,
|
|
281
|
+
display: display
|
|
282
|
+
}, /*#__PURE__*/_react.default.createElement(Component, props));
|
|
283
|
+
}
|
|
284
|
+
return /*#__PURE__*/_react.default.createElement(Component, props);
|
|
281
285
|
};
|
|
282
286
|
exports.CardWithUrlContent = CardWithUrlContent;
|
|
@@ -166,7 +166,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
166
166
|
});
|
|
167
167
|
return (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-analytics-context') ? (0, _react.jsx)(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
|
|
168
168
|
url: url,
|
|
169
|
-
|
|
169
|
+
display: _constants.CardDisplay.HoverCardPreview,
|
|
170
170
|
id: id,
|
|
171
171
|
source: HOVER_CARD_SOURCE
|
|
172
172
|
}, (0, _react.jsx)(_HoverCardContent.default, hoverCardContentProps)) : (0, _react.jsx)(_HoverCardContent.default, hoverCardContentProps);
|
|
@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
4
4
|
import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
|
|
5
|
-
import { isFlexibleUiCard } from '../flexible';
|
|
6
|
-
import { CardDisplay } from '../../constants';
|
|
7
5
|
import { useSmartCardState as useSmartLinkState } from '../../state/store';
|
|
8
6
|
import { LinkAnalyticsContext } from './LinkAnalyticsContext';
|
|
9
7
|
/**
|
|
@@ -13,8 +11,8 @@ import { LinkAnalyticsContext } from './LinkAnalyticsContext';
|
|
|
13
11
|
export const SmartLinkAnalyticsContext = props => {
|
|
14
12
|
const {
|
|
15
13
|
children,
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
url,
|
|
15
|
+
display
|
|
18
16
|
} = props;
|
|
19
17
|
const {
|
|
20
18
|
details,
|
|
@@ -23,7 +21,6 @@ export const SmartLinkAnalyticsContext = props => {
|
|
|
23
21
|
const attributes = getResolvedAttributes({
|
|
24
22
|
url
|
|
25
23
|
}, details, status);
|
|
26
|
-
const display = isFlexibleUiCard(children) ? CardDisplay.Flexible : appearance;
|
|
27
24
|
return /*#__PURE__*/React.createElement(LinkAnalyticsContext, _extends({}, props, {
|
|
28
25
|
display: display
|
|
29
26
|
}), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
package/dist/es2019/version.json
CHANGED
|
@@ -259,8 +259,14 @@ function Component({
|
|
|
259
259
|
});
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
export const CardWithUrlContent = props =>
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
262
|
+
export const CardWithUrlContent = props => {
|
|
263
|
+
if (getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context')) {
|
|
264
|
+
const display = isFlexibleUiCard(props.children) ? CardDisplay.Flexible : props.appearance;
|
|
265
|
+
return /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
|
|
266
|
+
url: props.url,
|
|
267
|
+
id: props.id,
|
|
268
|
+
display: display
|
|
269
|
+
}, /*#__PURE__*/React.createElement(Component, props));
|
|
270
|
+
}
|
|
271
|
+
return /*#__PURE__*/React.createElement(Component, props);
|
|
272
|
+
};
|
|
@@ -146,7 +146,7 @@ export const HoverCardComponent = ({
|
|
|
146
146
|
};
|
|
147
147
|
return getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context') ? jsx(SmartLinkAnalyticsContext, {
|
|
148
148
|
url: url,
|
|
149
|
-
|
|
149
|
+
display: CardDisplay.HoverCardPreview,
|
|
150
150
|
id: id,
|
|
151
151
|
source: HOVER_CARD_SOURCE
|
|
152
152
|
}, jsx(HoverCardContent, hoverCardContentProps)) : jsx(HoverCardContent, hoverCardContentProps);
|
|
@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
4
4
|
import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
|
|
5
|
-
import { isFlexibleUiCard } from '../flexible';
|
|
6
|
-
import { CardDisplay } from '../../constants';
|
|
7
5
|
import { useSmartCardState as useSmartLinkState } from '../../state/store';
|
|
8
6
|
import { LinkAnalyticsContext } from './LinkAnalyticsContext';
|
|
9
7
|
/**
|
|
@@ -12,15 +10,14 @@ import { LinkAnalyticsContext } from './LinkAnalyticsContext';
|
|
|
12
10
|
*/
|
|
13
11
|
export var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props) {
|
|
14
12
|
var children = props.children,
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
url = props.url,
|
|
14
|
+
display = props.display;
|
|
17
15
|
var _useSmartLinkState = useSmartLinkState(url),
|
|
18
16
|
details = _useSmartLinkState.details,
|
|
19
17
|
status = _useSmartLinkState.status;
|
|
20
18
|
var attributes = getResolvedAttributes({
|
|
21
19
|
url: url
|
|
22
20
|
}, details, status);
|
|
23
|
-
var display = isFlexibleUiCard(children) ? CardDisplay.Flexible : appearance;
|
|
24
21
|
return /*#__PURE__*/React.createElement(LinkAnalyticsContext, _extends({}, props, {
|
|
25
22
|
display: display
|
|
26
23
|
}), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
package/dist/esm/version.json
CHANGED
|
@@ -263,9 +263,13 @@ function Component(_ref) {
|
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
export var CardWithUrlContent = function CardWithUrlContent(props) {
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
266
|
+
if (getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context')) {
|
|
267
|
+
var display = isFlexibleUiCard(props.children) ? CardDisplay.Flexible : props.appearance;
|
|
268
|
+
return /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
|
|
269
|
+
url: props.url,
|
|
270
|
+
id: props.id,
|
|
271
|
+
display: display
|
|
272
|
+
}, /*#__PURE__*/React.createElement(Component, props));
|
|
273
|
+
}
|
|
274
|
+
return /*#__PURE__*/React.createElement(Component, props);
|
|
271
275
|
};
|
|
@@ -157,7 +157,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
157
157
|
});
|
|
158
158
|
return getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context') ? jsx(SmartLinkAnalyticsContext, {
|
|
159
159
|
url: url,
|
|
160
|
-
|
|
160
|
+
display: CardDisplay.HoverCardPreview,
|
|
161
161
|
id: id,
|
|
162
162
|
source: HOVER_CARD_SOURCE
|
|
163
163
|
}, jsx(HoverCardContent, hoverCardContentProps)) : jsx(HoverCardContent, hoverCardContentProps);
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CardInnerAppearance } from '../../view/Card/types';
|
|
3
2
|
type SmartLinkAnalyticsContextProps = {
|
|
4
3
|
url: string;
|
|
5
|
-
|
|
4
|
+
display?: string;
|
|
6
5
|
id?: string | undefined;
|
|
7
6
|
source?: string;
|
|
8
7
|
children?: React.ReactNode;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CardInnerAppearance } from '../../view/Card/types';
|
|
3
2
|
type SmartLinkAnalyticsContextProps = {
|
|
4
3
|
url: string;
|
|
5
|
-
|
|
4
|
+
display?: string;
|
|
6
5
|
id?: string | undefined;
|
|
7
6
|
source?: string;
|
|
8
7
|
children?: React.ReactNode;
|