@atlaskit/renderer 128.6.3 → 128.7.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 +17 -0
- package/dist/cjs/react/nodes/inlineCard.js +13 -6
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/inlineCard.js +13 -6
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/inlineCard.js +13 -6
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/types/types/smartLinksOptions.d.ts +7 -7
- package/dist/types-ts4.5/types/smartLinksOptions.d.ts +7 -7
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 128.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`8ba54e820b3bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ba54e820b3bb) -
|
|
8
|
+
Remove smartLinkDraggableChangeboardConfig, no longer used, will send changeboard via Post Office
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 128.6.4
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 128.6.3
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -182,7 +182,9 @@ var InlineCard = function InlineCard(props) {
|
|
|
182
182
|
var _ref3 = smartLinks || {},
|
|
183
183
|
hideHoverPreview = _ref3.hideHoverPreview,
|
|
184
184
|
actionOptions = _ref3.actionOptions,
|
|
185
|
-
ssr = _ref3.ssr
|
|
185
|
+
ssr = _ref3.ssr,
|
|
186
|
+
getResolvingPlaceholder = _ref3.getResolvingPlaceholder;
|
|
187
|
+
var resolvingPlaceholder = url && getResolvingPlaceholder ? getResolvingPlaceholder(url) : undefined;
|
|
186
188
|
var analyticsData = {
|
|
187
189
|
attributes: {
|
|
188
190
|
location: 'renderer'
|
|
@@ -228,7 +230,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
228
230
|
url: url,
|
|
229
231
|
showHoverPreview: !hideHoverPreview,
|
|
230
232
|
actionOptions: actionOptions,
|
|
231
|
-
onClick: onClick
|
|
233
|
+
onClick: onClick,
|
|
234
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
232
235
|
})))));
|
|
233
236
|
}
|
|
234
237
|
return (0, _react2.jsx)(_editorSmartLinkDraggable.SmartLinkDraggable, {
|
|
@@ -242,7 +245,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
242
245
|
url: url,
|
|
243
246
|
showHoverPreview: !hideHoverPreview,
|
|
244
247
|
actionOptions: actionOptions,
|
|
245
|
-
onClick: onClick
|
|
248
|
+
onClick: onClick,
|
|
249
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
246
250
|
})), CompetitorPromptComponent));
|
|
247
251
|
} else if ((ssr || cardState && (0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
|
|
248
252
|
exposure: true
|
|
@@ -277,7 +281,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
277
281
|
url: url,
|
|
278
282
|
showHoverPreview: !hideHoverPreview,
|
|
279
283
|
actionOptions: actionOptions,
|
|
280
|
-
onClick: onClick
|
|
284
|
+
onClick: onClick,
|
|
285
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
281
286
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
282
287
|
,
|
|
283
288
|
onResolve: function onResolve(data) {
|
|
@@ -309,7 +314,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
309
314
|
url: url,
|
|
310
315
|
showHoverPreview: !hideHoverPreview,
|
|
311
316
|
actionOptions: actionOptions,
|
|
312
|
-
onClick: onClick
|
|
317
|
+
onClick: onClick,
|
|
318
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
313
319
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
314
320
|
,
|
|
315
321
|
onResolve: function onResolve(data) {
|
|
@@ -353,7 +359,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
353
359
|
}, wrapWithSuspense((0, _react2.jsx)(_smartCard.Card, (0, _extends2.default)({
|
|
354
360
|
appearance: "inline",
|
|
355
361
|
showHoverPreview: !hideHoverPreview,
|
|
356
|
-
actionOptions: actionOptions
|
|
362
|
+
actionOptions: actionOptions,
|
|
363
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
357
364
|
// Ignored via go/ees005
|
|
358
365
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
359
366
|
}, cardProps, {
|
|
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
71
71
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
72
72
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
73
73
|
var packageName = "@atlaskit/renderer";
|
|
74
|
-
var packageVersion = "128.6.
|
|
74
|
+
var packageVersion = "128.6.4";
|
|
75
75
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
76
|
containerName: 'ak-renderer-wrapper',
|
|
77
77
|
containerType: 'inline-size'
|
|
@@ -165,8 +165,10 @@ const InlineCard = props => {
|
|
|
165
165
|
const {
|
|
166
166
|
hideHoverPreview,
|
|
167
167
|
actionOptions,
|
|
168
|
-
ssr
|
|
168
|
+
ssr,
|
|
169
|
+
getResolvingPlaceholder
|
|
169
170
|
} = smartLinks || {};
|
|
171
|
+
const resolvingPlaceholder = url && getResolvingPlaceholder ? getResolvingPlaceholder(url) : undefined;
|
|
170
172
|
const analyticsData = {
|
|
171
173
|
attributes: {
|
|
172
174
|
location: 'renderer'
|
|
@@ -213,7 +215,8 @@ const InlineCard = props => {
|
|
|
213
215
|
url: url,
|
|
214
216
|
showHoverPreview: !hideHoverPreview,
|
|
215
217
|
actionOptions: actionOptions,
|
|
216
|
-
onClick: onClick
|
|
218
|
+
onClick: onClick,
|
|
219
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
217
220
|
})))));
|
|
218
221
|
}
|
|
219
222
|
return jsx(SmartLinkDraggable, {
|
|
@@ -227,7 +230,8 @@ const InlineCard = props => {
|
|
|
227
230
|
url: url,
|
|
228
231
|
showHoverPreview: !hideHoverPreview,
|
|
229
232
|
actionOptions: actionOptions,
|
|
230
|
-
onClick: onClick
|
|
233
|
+
onClick: onClick,
|
|
234
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
231
235
|
})), CompetitorPromptComponent));
|
|
232
236
|
} else if ((ssr || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
|
|
233
237
|
exposure: true
|
|
@@ -262,7 +266,8 @@ const InlineCard = props => {
|
|
|
262
266
|
url: url,
|
|
263
267
|
showHoverPreview: !hideHoverPreview,
|
|
264
268
|
actionOptions: actionOptions,
|
|
265
|
-
onClick: onClick
|
|
269
|
+
onClick: onClick,
|
|
270
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
266
271
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
267
272
|
,
|
|
268
273
|
onResolve: data => {
|
|
@@ -294,7 +299,8 @@ const InlineCard = props => {
|
|
|
294
299
|
url: url,
|
|
295
300
|
showHoverPreview: !hideHoverPreview,
|
|
296
301
|
actionOptions: actionOptions,
|
|
297
|
-
onClick: onClick
|
|
302
|
+
onClick: onClick,
|
|
303
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
298
304
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
299
305
|
,
|
|
300
306
|
onResolve: data => {
|
|
@@ -338,7 +344,8 @@ const InlineCard = props => {
|
|
|
338
344
|
}, wrapWithSuspense(jsx(Card, _extends({
|
|
339
345
|
appearance: "inline",
|
|
340
346
|
showHoverPreview: !hideHoverPreview,
|
|
341
|
-
actionOptions: actionOptions
|
|
347
|
+
actionOptions: actionOptions,
|
|
348
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
342
349
|
// Ignored via go/ees005
|
|
343
350
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
344
351
|
}, cardProps, {
|
|
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
57
57
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
58
58
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
59
59
|
const packageName = "@atlaskit/renderer";
|
|
60
|
-
const packageVersion = "128.6.
|
|
60
|
+
const packageVersion = "128.6.4";
|
|
61
61
|
const setAsQueryContainerStyles = css({
|
|
62
62
|
containerName: 'ak-renderer-wrapper',
|
|
63
63
|
containerType: 'inline-size'
|
|
@@ -173,7 +173,9 @@ var InlineCard = function InlineCard(props) {
|
|
|
173
173
|
var _ref3 = smartLinks || {},
|
|
174
174
|
hideHoverPreview = _ref3.hideHoverPreview,
|
|
175
175
|
actionOptions = _ref3.actionOptions,
|
|
176
|
-
ssr = _ref3.ssr
|
|
176
|
+
ssr = _ref3.ssr,
|
|
177
|
+
getResolvingPlaceholder = _ref3.getResolvingPlaceholder;
|
|
178
|
+
var resolvingPlaceholder = url && getResolvingPlaceholder ? getResolvingPlaceholder(url) : undefined;
|
|
177
179
|
var analyticsData = {
|
|
178
180
|
attributes: {
|
|
179
181
|
location: 'renderer'
|
|
@@ -219,7 +221,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
219
221
|
url: url,
|
|
220
222
|
showHoverPreview: !hideHoverPreview,
|
|
221
223
|
actionOptions: actionOptions,
|
|
222
|
-
onClick: onClick
|
|
224
|
+
onClick: onClick,
|
|
225
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
223
226
|
})))));
|
|
224
227
|
}
|
|
225
228
|
return jsx(SmartLinkDraggable, {
|
|
@@ -233,7 +236,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
233
236
|
url: url,
|
|
234
237
|
showHoverPreview: !hideHoverPreview,
|
|
235
238
|
actionOptions: actionOptions,
|
|
236
|
-
onClick: onClick
|
|
239
|
+
onClick: onClick,
|
|
240
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
237
241
|
})), CompetitorPromptComponent));
|
|
238
242
|
} else if ((ssr || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
|
|
239
243
|
exposure: true
|
|
@@ -268,7 +272,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
268
272
|
url: url,
|
|
269
273
|
showHoverPreview: !hideHoverPreview,
|
|
270
274
|
actionOptions: actionOptions,
|
|
271
|
-
onClick: onClick
|
|
275
|
+
onClick: onClick,
|
|
276
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
272
277
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
273
278
|
,
|
|
274
279
|
onResolve: function onResolve(data) {
|
|
@@ -300,7 +305,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
300
305
|
url: url,
|
|
301
306
|
showHoverPreview: !hideHoverPreview,
|
|
302
307
|
actionOptions: actionOptions,
|
|
303
|
-
onClick: onClick
|
|
308
|
+
onClick: onClick,
|
|
309
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
304
310
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
305
311
|
,
|
|
306
312
|
onResolve: function onResolve(data) {
|
|
@@ -344,7 +350,8 @@ var InlineCard = function InlineCard(props) {
|
|
|
344
350
|
}, wrapWithSuspense(jsx(Card, _extends({
|
|
345
351
|
appearance: "inline",
|
|
346
352
|
showHoverPreview: !hideHoverPreview,
|
|
347
|
-
actionOptions: actionOptions
|
|
353
|
+
actionOptions: actionOptions,
|
|
354
|
+
resolvingPlaceholder: resolvingPlaceholder
|
|
348
355
|
// Ignored via go/ees005
|
|
349
356
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
350
357
|
}, cardProps, {
|
|
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
62
62
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
63
63
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
64
64
|
var packageName = "@atlaskit/renderer";
|
|
65
|
-
var packageVersion = "128.6.
|
|
65
|
+
var packageVersion = "128.6.4";
|
|
66
66
|
var setAsQueryContainerStyles = css({
|
|
67
67
|
containerName: 'ak-renderer-wrapper',
|
|
68
68
|
containerType: 'inline-size'
|
|
@@ -25,6 +25,13 @@ export interface SmartLinksOptions {
|
|
|
25
25
|
* Component: embed
|
|
26
26
|
*/
|
|
27
27
|
frameStyle?: CardProps['frameStyle'];
|
|
28
|
+
/**
|
|
29
|
+
* Returns a placeholder string for an inline smart link while it is in a resolving state.
|
|
30
|
+
* Used to show a preloaded title instead of the raw URL.
|
|
31
|
+
*
|
|
32
|
+
* Component: inline
|
|
33
|
+
*/
|
|
34
|
+
getResolvingPlaceholder?: (url: string) => string | undefined;
|
|
28
35
|
/**
|
|
29
36
|
* A flag to disable hover preview on inline Smart Link.
|
|
30
37
|
* Default is false.
|
|
@@ -32,13 +39,6 @@ export interface SmartLinksOptions {
|
|
|
32
39
|
* Component: inline
|
|
33
40
|
*/
|
|
34
41
|
hideHoverPreview?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Changeboard configuration for Smart Link Draggable feature
|
|
37
|
-
*/
|
|
38
|
-
smartLinkDraggableChangeboardConfig?: {
|
|
39
|
-
onClose: () => void;
|
|
40
|
-
shouldShow: boolean;
|
|
41
|
-
};
|
|
42
42
|
/**
|
|
43
43
|
* A flag to enable inline Smart Link to render without lazy loading.
|
|
44
44
|
* Default is false.
|
|
@@ -25,6 +25,13 @@ export interface SmartLinksOptions {
|
|
|
25
25
|
* Component: embed
|
|
26
26
|
*/
|
|
27
27
|
frameStyle?: CardProps['frameStyle'];
|
|
28
|
+
/**
|
|
29
|
+
* Returns a placeholder string for an inline smart link while it is in a resolving state.
|
|
30
|
+
* Used to show a preloaded title instead of the raw URL.
|
|
31
|
+
*
|
|
32
|
+
* Component: inline
|
|
33
|
+
*/
|
|
34
|
+
getResolvingPlaceholder?: (url: string) => string | undefined;
|
|
28
35
|
/**
|
|
29
36
|
* A flag to disable hover preview on inline Smart Link.
|
|
30
37
|
* Default is false.
|
|
@@ -32,13 +39,6 @@ export interface SmartLinksOptions {
|
|
|
32
39
|
* Component: inline
|
|
33
40
|
*/
|
|
34
41
|
hideHoverPreview?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Changeboard configuration for Smart Link Draggable feature
|
|
37
|
-
*/
|
|
38
|
-
smartLinkDraggableChangeboardConfig?: {
|
|
39
|
-
onClose: () => void;
|
|
40
|
-
shouldShow: boolean;
|
|
41
|
-
};
|
|
42
42
|
/**
|
|
43
43
|
* A flag to enable inline Smart Link to render without lazy loading.
|
|
44
44
|
* Default is false.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "128.
|
|
3
|
+
"version": "128.7.0",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
37
37
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
38
38
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
39
|
-
"@atlaskit/editor-smart-link-draggable": "^0.
|
|
39
|
+
"@atlaskit/editor-smart-link-draggable": "^0.4.0",
|
|
40
40
|
"@atlaskit/emoji": "^69.10.0",
|
|
41
41
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
42
42
|
"@atlaskit/icon": "^33.1.0",
|
|
@@ -54,14 +54,14 @@
|
|
|
54
54
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
55
55
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
56
56
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
57
|
-
"@atlaskit/react-ufo": "^5.
|
|
58
|
-
"@atlaskit/smart-card": "^43.
|
|
57
|
+
"@atlaskit/react-ufo": "^5.8.0",
|
|
58
|
+
"@atlaskit/smart-card": "^43.29.0",
|
|
59
59
|
"@atlaskit/status": "^3.2.0",
|
|
60
60
|
"@atlaskit/task-decision": "^19.3.0",
|
|
61
61
|
"@atlaskit/theme": "^22.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^52.0.0",
|
|
63
63
|
"@atlaskit/tokens": "^11.4.0",
|
|
64
|
-
"@atlaskit/tooltip": "^21.
|
|
64
|
+
"@atlaskit/tooltip": "^21.1.0",
|
|
65
65
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
66
66
|
"@babel/runtime": "^7.0.0",
|
|
67
67
|
"@emotion/react": "^11.7.1",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"uuid": "^3.1.0"
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|
|
76
|
-
"@atlaskit/editor-common": "^112.
|
|
76
|
+
"@atlaskit/editor-common": "^112.14.0",
|
|
77
77
|
"@atlaskit/link-provider": "^4.3.0",
|
|
78
78
|
"@atlaskit/media-core": "^37.0.0",
|
|
79
79
|
"react": "^18.2.0",
|
|
@@ -90,14 +90,14 @@
|
|
|
90
90
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
91
91
|
"@atlaskit/media-test-helpers": "^40.0.0",
|
|
92
92
|
"@atlaskit/mention": "^24.6.0",
|
|
93
|
-
"@atlaskit/modal-dialog": "^14.
|
|
93
|
+
"@atlaskit/modal-dialog": "^14.14.0",
|
|
94
94
|
"@atlaskit/navigation-system": "^7.1.0",
|
|
95
|
-
"@atlaskit/profilecard": "^24.
|
|
95
|
+
"@atlaskit/profilecard": "^24.46.0",
|
|
96
96
|
"@atlaskit/side-nav-items": "^1.12.0",
|
|
97
97
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
98
|
-
"@atlassian/a11y-jest-testing": "^0.
|
|
98
|
+
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
99
99
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
100
|
-
"@atlassian/testing-library": "^0.
|
|
100
|
+
"@atlassian/testing-library": "^0.5.0",
|
|
101
101
|
"@testing-library/react": "^16.3.0",
|
|
102
102
|
"@testing-library/user-event": "^14.4.3",
|
|
103
103
|
"@types/react-loadable": "^5.4.1",
|