@atlaskit/renderer 138.0.1 → 138.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 +35 -0
- package/dist/cjs/react/nodes/blockCard.js +1 -1
- package/dist/cjs/react/nodes/embedCard.js +1 -1
- package/dist/cjs/react/nodes/inlineCard.js +1 -1
- package/dist/cjs/react/utils/getCardClickHandler.js +3 -9
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/blockCard.js +1 -1
- package/dist/es2019/react/nodes/embedCard.js +1 -1
- package/dist/es2019/react/nodes/inlineCard.js +1 -1
- package/dist/es2019/react/utils/getCardClickHandler.js +4 -8
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/blockCard.js +1 -1
- package/dist/esm/react/nodes/embedCard.js +1 -1
- package/dist/esm/react/nodes/inlineCard.js +1 -1
- package/dist/esm/react/utils/getCardClickHandler.js +3 -9
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +9 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,40 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 138.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`297ace14c7245`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/297ace14c7245) -
|
|
8
|
+
Enable compatibility with React 19.2.0
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [`b94131fcee276`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b94131fcee276) -
|
|
13
|
+
Removes the `platform_smartlink_xpc_url_wrapping` feature gate and makes cross-product URL
|
|
14
|
+
wrapping for Smart Links permanent, on for all consumers.
|
|
15
|
+
|
|
16
|
+
What this behavior does: when a resolved Smart Link points to a first-party Atlassian destination
|
|
17
|
+
(e.g. a Jira issue, Confluence page), the URL used for navigation — via click, "Open link", or any
|
|
18
|
+
other destination-URL usage — now has a short-lived interaction-session query parameter (`xpis`)
|
|
19
|
+
appended automatically. This lets the destination product attribute the visit back to the product
|
|
20
|
+
and surface the link was opened from, powering cross-product usage analytics. It has no effect on:
|
|
21
|
+
- third-party (non-Atlassian) links,
|
|
22
|
+
- links that are not yet resolved,
|
|
23
|
+
- URLs that already contain the parameter.
|
|
24
|
+
|
|
25
|
+
No API shape changes: this only affects the resolved value returned by existing Smart Link
|
|
26
|
+
URL/navigation behavior (e.g. `Card`, `useSmartLinkDestinationUrl`, inline/block/embed card
|
|
27
|
+
click-through, and datasource table link cells). No new props, exports, or configuration are
|
|
28
|
+
introduced, and no action is required from consumers.
|
|
29
|
+
|
|
30
|
+
- Updated dependencies
|
|
31
|
+
|
|
32
|
+
## 138.0.2
|
|
33
|
+
|
|
34
|
+
### Patch Changes
|
|
35
|
+
|
|
36
|
+
- Updated dependencies
|
|
37
|
+
|
|
3
38
|
## 138.0.1
|
|
4
39
|
|
|
5
40
|
### Patch Changes
|
|
@@ -61,7 +61,7 @@ function BlockCard(props) {
|
|
|
61
61
|
var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
|
|
62
62
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
63
63
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
64
|
-
var onConsumerClick = (0,
|
|
64
|
+
var onConsumerClick = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
|
|
65
65
|
var platform = 'web';
|
|
66
66
|
var cardProps = {
|
|
67
67
|
url: url,
|
|
@@ -69,7 +69,7 @@ function EmbedCardInternal(props) {
|
|
|
69
69
|
var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
|
|
70
70
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
71
71
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
72
|
-
var onConsumerClick = (0,
|
|
72
|
+
var onConsumerClick = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
|
|
73
73
|
var _ref = smartLinks || {},
|
|
74
74
|
actionOptions = _ref.actionOptions;
|
|
75
75
|
var platform = 'web';
|
|
@@ -169,7 +169,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
169
169
|
var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
|
|
170
170
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
171
171
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
172
|
-
var onConsumerClick = (0,
|
|
172
|
+
var onConsumerClick = (0, _utils2.getEventHandler)(eventHandlers, 'smartCard');
|
|
173
173
|
var cardProps = {
|
|
174
174
|
url: url,
|
|
175
175
|
data: data,
|
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getCardClickHandler = void 0;
|
|
7
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
8
7
|
var _utils = require("../../utils");
|
|
9
8
|
var getCardClickHandler = exports.getCardClickHandler = function getCardClickHandler(eventHandlers, url) {
|
|
10
9
|
var handler = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
|
|
15
|
-
} : undefined;
|
|
16
|
-
}
|
|
17
|
-
return handler ? function (e) {
|
|
18
|
-
return handler(e, url);
|
|
10
|
+
return handler ? function (e, data) {
|
|
11
|
+
var _ref, _data$destinationUrl;
|
|
12
|
+
return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
|
|
19
13
|
} : undefined;
|
|
20
14
|
};
|
|
@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
73
73
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
74
74
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
75
75
|
var packageName = "@atlaskit/renderer";
|
|
76
|
-
var packageVersion = "138.0.
|
|
76
|
+
var packageVersion = "138.0.2";
|
|
77
77
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
78
78
|
containerName: 'ak-renderer-wrapper',
|
|
79
79
|
containerType: 'inline-size'
|
|
@@ -56,7 +56,7 @@ export default function BlockCard(props) {
|
|
|
56
56
|
const onClick = getCardClickHandler(eventHandlers, url);
|
|
57
57
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
58
58
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
59
|
-
const onConsumerClick =
|
|
59
|
+
const onConsumerClick = getEventHandler(eventHandlers, 'smartCard');
|
|
60
60
|
const platform = 'web';
|
|
61
61
|
const cardProps = {
|
|
62
62
|
url,
|
|
@@ -62,7 +62,7 @@ function EmbedCardInternal(props) {
|
|
|
62
62
|
const onClick = getCardClickHandler(eventHandlers, url);
|
|
63
63
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
64
64
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
65
|
-
const onConsumerClick =
|
|
65
|
+
const onConsumerClick = getEventHandler(eventHandlers, 'smartCard');
|
|
66
66
|
const {
|
|
67
67
|
actionOptions
|
|
68
68
|
} = smartLinks || {};
|
|
@@ -154,7 +154,7 @@ const InlineCard = props => {
|
|
|
154
154
|
const onClick = getCardClickHandler(eventHandlers, url);
|
|
155
155
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
156
156
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
157
|
-
const onConsumerClick =
|
|
157
|
+
const onConsumerClick = getEventHandler(eventHandlers, 'smartCard');
|
|
158
158
|
const cardProps = {
|
|
159
159
|
url,
|
|
160
160
|
data,
|
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
2
1
|
import { getEventHandler } from '../../utils';
|
|
3
2
|
export const getCardClickHandler = (eventHandlers, url) => {
|
|
4
3
|
const handler = getEventHandler(eventHandlers, 'smartCard');
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} : undefined;
|
|
10
|
-
}
|
|
11
|
-
return handler ? e => handler(e, url) : undefined;
|
|
4
|
+
return handler ? (e, data) => {
|
|
5
|
+
var _ref, _data$destinationUrl;
|
|
6
|
+
return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
|
|
7
|
+
} : undefined;
|
|
12
8
|
};
|
|
@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
59
59
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
60
60
|
const RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
61
61
|
const packageName = "@atlaskit/renderer";
|
|
62
|
-
const packageVersion = "138.0.
|
|
62
|
+
const packageVersion = "138.0.2";
|
|
63
63
|
const setAsQueryContainerStyles = css({
|
|
64
64
|
containerName: 'ak-renderer-wrapper',
|
|
65
65
|
containerType: 'inline-size'
|
|
@@ -53,7 +53,7 @@ export default function BlockCard(props) {
|
|
|
53
53
|
var onClick = getCardClickHandler(eventHandlers, url);
|
|
54
54
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
55
55
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
56
|
-
var onConsumerClick =
|
|
56
|
+
var onConsumerClick = getEventHandler(eventHandlers, 'smartCard');
|
|
57
57
|
var platform = 'web';
|
|
58
58
|
var cardProps = {
|
|
59
59
|
url: url,
|
|
@@ -61,7 +61,7 @@ function EmbedCardInternal(props) {
|
|
|
61
61
|
var onClick = getCardClickHandler(eventHandlers, url);
|
|
62
62
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
63
63
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
64
|
-
var onConsumerClick =
|
|
64
|
+
var onConsumerClick = getEventHandler(eventHandlers, 'smartCard');
|
|
65
65
|
var _ref = smartLinks || {},
|
|
66
66
|
actionOptions = _ref.actionOptions;
|
|
67
67
|
var platform = 'web';
|
|
@@ -160,7 +160,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
160
160
|
var onClick = getCardClickHandler(eventHandlers, url);
|
|
161
161
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
162
162
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
163
|
-
var onConsumerClick =
|
|
163
|
+
var onConsumerClick = getEventHandler(eventHandlers, 'smartCard');
|
|
164
164
|
var cardProps = {
|
|
165
165
|
url: url,
|
|
166
166
|
data: data,
|
|
@@ -1,14 +1,8 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
2
1
|
import { getEventHandler } from '../../utils';
|
|
3
2
|
export var getCardClickHandler = function getCardClickHandler(eventHandlers, url) {
|
|
4
3
|
var handler = getEventHandler(eventHandlers, 'smartCard');
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
|
|
9
|
-
} : undefined;
|
|
10
|
-
}
|
|
11
|
-
return handler ? function (e) {
|
|
12
|
-
return handler(e, url);
|
|
4
|
+
return handler ? function (e, data) {
|
|
5
|
+
var _ref, _data$destinationUrl;
|
|
6
|
+
return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
|
|
13
7
|
} : undefined;
|
|
14
8
|
};
|
|
@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
64
64
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
65
65
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
66
66
|
var packageName = "@atlaskit/renderer";
|
|
67
|
-
var packageVersion = "138.0.
|
|
67
|
+
var packageVersion = "138.0.2";
|
|
68
68
|
var setAsQueryContainerStyles = css({
|
|
69
69
|
containerName: 'ak-renderer-wrapper',
|
|
70
70
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "138.0
|
|
3
|
+
"version": "138.1.0",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -50,11 +50,11 @@
|
|
|
50
50
|
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
51
51
|
"@atlaskit/icon": "^37.6.0",
|
|
52
52
|
"@atlaskit/link": "^5.1.0",
|
|
53
|
-
"@atlaskit/link-datasource": "^6.
|
|
53
|
+
"@atlaskit/link-datasource": "^6.12.0",
|
|
54
54
|
"@atlaskit/link-extractors": "^4.2.0",
|
|
55
55
|
"@atlaskit/linking-common": "^12.1.0",
|
|
56
56
|
"@atlaskit/media-card": "^81.10.0",
|
|
57
|
-
"@atlaskit/media-client": "^
|
|
57
|
+
"@atlaskit/media-client": "^38.0.0",
|
|
58
58
|
"@atlaskit/media-client-react": "^6.4.0",
|
|
59
59
|
"@atlaskit/media-common": "^14.6.0",
|
|
60
60
|
"@atlaskit/media-filmstrip": "^52.4.0",
|
|
@@ -66,11 +66,11 @@
|
|
|
66
66
|
"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
|
|
67
67
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
68
68
|
"@atlaskit/react-ufo": "^7.8.0",
|
|
69
|
-
"@atlaskit/smart-card": "^45.
|
|
69
|
+
"@atlaskit/smart-card": "^45.21.0",
|
|
70
70
|
"@atlaskit/status": "^5.9.0",
|
|
71
71
|
"@atlaskit/task-decision": "^21.9.0",
|
|
72
72
|
"@atlaskit/theme": "^28.2.0",
|
|
73
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
73
|
+
"@atlaskit/tmp-editor-statsig": "^180.0.0",
|
|
74
74
|
"@atlaskit/tokens": "^16.11.0",
|
|
75
75
|
"@atlaskit/tooltip": "^24.3.0",
|
|
76
76
|
"@atlaskit/visually-hidden": "^4.4.0",
|
|
@@ -88,8 +88,8 @@
|
|
|
88
88
|
"@atlaskit/editor-common": "^121.1.0",
|
|
89
89
|
"@atlaskit/link-provider": "^5.5.0",
|
|
90
90
|
"@atlaskit/media-core": "^38.2.0",
|
|
91
|
-
"react": "^18.2.0",
|
|
92
|
-
"react-dom": "^18.2.0",
|
|
91
|
+
"react": "^18.2.0 || ^19.2.0",
|
|
92
|
+
"react-dom": "^18.2.0 || ^19.2.0",
|
|
93
93
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|
|
@@ -127,18 +127,16 @@
|
|
|
127
127
|
"@testing-library/react": "^16.3.0",
|
|
128
128
|
"@testing-library/user-event": "^14.4.3",
|
|
129
129
|
"@types/react-loadable": "^5.4.1",
|
|
130
|
-
"@types/react-test-renderer": "^18.0.6",
|
|
131
130
|
"ajv": "^6.12.6",
|
|
132
131
|
"jsdom": "^25.0.0",
|
|
133
132
|
"mockdate": "^3.0.5",
|
|
134
133
|
"puppeteer": "13.7.0",
|
|
135
|
-
"react": "^
|
|
136
|
-
"react-dom": "^
|
|
134
|
+
"react": "^19.2.0",
|
|
135
|
+
"react-dom": "^19.2.0",
|
|
137
136
|
"react-intl": "^7.0.0",
|
|
138
137
|
"react-live-clock": "^5.0.0",
|
|
139
138
|
"react-magnetic-di": "^3.1.4",
|
|
140
139
|
"react-moment": "^1.1.2",
|
|
141
|
-
"react-test-renderer": "^18.2.0",
|
|
142
140
|
"rxjs": "^5.5.0",
|
|
143
141
|
"sinon": "^2.2.0",
|
|
144
142
|
"worker-plugin": "^4.0.2"
|
|
@@ -231,10 +229,6 @@
|
|
|
231
229
|
"platform-dst-lozenge-tag-badge-visual-uplifts": {
|
|
232
230
|
"type": "boolean"
|
|
233
231
|
},
|
|
234
|
-
"platform_smartlink_xpc_url_wrapping": {
|
|
235
|
-
"type": "boolean",
|
|
236
|
-
"referenceOnly": true
|
|
237
|
-
},
|
|
238
232
|
"platform_nested_table_style_override": {
|
|
239
233
|
"type": "boolean"
|
|
240
234
|
},
|