@atlaskit/renderer 121.3.0 → 122.0.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 +14 -0
- package/dist/cjs/react/nodes/inlineCard.js +70 -8
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/inlineCard.js +71 -9
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/inlineCard.js +70 -8
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 122.0.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 121.3.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`e8bb67ae70797`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e8bb67ae70797) -
|
|
14
|
+
[ux] Update CardSSR to have HoverLinkOverlay shown on hover
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 121.3.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -131,7 +131,14 @@ var InlineCard = function InlineCard(props) {
|
|
|
131
131
|
sourceUrl: url,
|
|
132
132
|
linkType: "inline"
|
|
133
133
|
}) : null;
|
|
134
|
-
|
|
134
|
+
var onError = function onError(_ref3) {
|
|
135
|
+
var err = _ref3.err;
|
|
136
|
+
if (err) {
|
|
137
|
+
throw err;
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
|
|
141
|
+
if (ssr && url && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
|
|
135
142
|
if (
|
|
136
143
|
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
137
144
|
(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
@@ -160,14 +167,69 @@ var InlineCard = function InlineCard(props) {
|
|
|
160
167
|
actionOptions: actionOptions,
|
|
161
168
|
onClick: onClick
|
|
162
169
|
}));
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
170
|
+
} else if (ssr && url && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
|
|
171
|
+
if (
|
|
172
|
+
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
173
|
+
(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
174
|
+
return (0, _react2.jsx)("span", {
|
|
175
|
+
"data-inline-card": true,
|
|
176
|
+
"data-card-data": data ? JSON.stringify(data) : undefined,
|
|
177
|
+
"data-card-url": url,
|
|
178
|
+
"data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
|
|
179
|
+
"data-annotation-draft-mark": inlineAnnotationProps['data-annotation-draft-mark'],
|
|
180
|
+
"data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
|
|
181
|
+
"data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
|
|
182
|
+
"data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
|
|
183
|
+
}, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
|
|
184
|
+
data: analyticsData
|
|
185
|
+
}, (0, _react2.jsx)(MaybeOverlay, {
|
|
186
|
+
url: url || '',
|
|
187
|
+
rendererAppearance: rendererAppearance,
|
|
188
|
+
isResolvedViewRendered: isResolvedViewRendered
|
|
189
|
+
}, (0, _react2.jsx)(_ssr.CardSSR, {
|
|
190
|
+
appearance: "inline",
|
|
191
|
+
url: url,
|
|
192
|
+
showHoverPreview: !hideHoverPreview,
|
|
193
|
+
actionOptions: actionOptions,
|
|
194
|
+
onClick: onClick,
|
|
195
|
+
onResolve: function onResolve(data) {
|
|
196
|
+
if (!data.url || !data.title) {
|
|
197
|
+
return;
|
|
198
|
+
}
|
|
199
|
+
props.smartCardStorage.set(data.url, data.title);
|
|
200
|
+
if (data.title) {
|
|
201
|
+
setIsResolvedViewRendered(true);
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
onError: onError,
|
|
205
|
+
disablePreviewPanel: true
|
|
206
|
+
}))));
|
|
168
207
|
}
|
|
169
|
-
|
|
170
|
-
|
|
208
|
+
return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
|
|
209
|
+
data: analyticsData
|
|
210
|
+
}, (0, _react2.jsx)(MaybeOverlay, {
|
|
211
|
+
url: url || '',
|
|
212
|
+
rendererAppearance: rendererAppearance,
|
|
213
|
+
isResolvedViewRendered: isResolvedViewRendered
|
|
214
|
+
}, (0, _react2.jsx)(_ssr.CardSSR, {
|
|
215
|
+
appearance: "inline",
|
|
216
|
+
url: url,
|
|
217
|
+
showHoverPreview: !hideHoverPreview,
|
|
218
|
+
actionOptions: actionOptions,
|
|
219
|
+
onClick: onClick,
|
|
220
|
+
onResolve: function onResolve(data) {
|
|
221
|
+
if (!data.url || !data.title) {
|
|
222
|
+
return;
|
|
223
|
+
}
|
|
224
|
+
props.smartCardStorage.set(data.url, data.title);
|
|
225
|
+
if (data.title) {
|
|
226
|
+
setIsResolvedViewRendered(true);
|
|
227
|
+
}
|
|
228
|
+
},
|
|
229
|
+
onError: onError,
|
|
230
|
+
disablePreviewPanel: true
|
|
231
|
+
})));
|
|
232
|
+
}
|
|
171
233
|
return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
|
|
172
234
|
data: analyticsData
|
|
173
235
|
}, (0, _react2.jsx)("span", (0, _extends2.default)({
|
|
@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
63
63
|
var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
64
64
|
var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
65
65
|
var packageName = "@atlaskit/renderer";
|
|
66
|
-
var packageVersion = "
|
|
66
|
+
var packageVersion = "121.3.1";
|
|
67
67
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
68
68
|
containerName: 'ak-renderer-wrapper',
|
|
69
69
|
containerType: 'inline-size'
|
|
@@ -114,7 +114,15 @@ const InlineCard = props => {
|
|
|
114
114
|
sourceUrl: url,
|
|
115
115
|
linkType: "inline"
|
|
116
116
|
}) : null;
|
|
117
|
-
|
|
117
|
+
const onError = ({
|
|
118
|
+
err
|
|
119
|
+
}) => {
|
|
120
|
+
if (err) {
|
|
121
|
+
throw err;
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
const MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
|
|
125
|
+
if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
|
|
118
126
|
if (
|
|
119
127
|
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
120
128
|
fg('editor_inline_comments_on_inline_nodes')) {
|
|
@@ -143,15 +151,69 @@ const InlineCard = props => {
|
|
|
143
151
|
actionOptions: actionOptions,
|
|
144
152
|
onClick: onClick
|
|
145
153
|
}));
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
154
|
+
} else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
|
|
155
|
+
if (
|
|
156
|
+
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
157
|
+
fg('editor_inline_comments_on_inline_nodes')) {
|
|
158
|
+
return jsx("span", {
|
|
159
|
+
"data-inline-card": true,
|
|
160
|
+
"data-card-data": data ? JSON.stringify(data) : undefined,
|
|
161
|
+
"data-card-url": url,
|
|
162
|
+
"data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
|
|
163
|
+
"data-annotation-draft-mark": inlineAnnotationProps['data-annotation-draft-mark'],
|
|
164
|
+
"data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
|
|
165
|
+
"data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
|
|
166
|
+
"data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
|
|
167
|
+
}, jsx(AnalyticsContext, {
|
|
168
|
+
data: analyticsData
|
|
169
|
+
}, jsx(MaybeOverlay, {
|
|
170
|
+
url: url || '',
|
|
171
|
+
rendererAppearance: rendererAppearance,
|
|
172
|
+
isResolvedViewRendered: isResolvedViewRendered
|
|
173
|
+
}, jsx(CardSSR, {
|
|
174
|
+
appearance: "inline",
|
|
175
|
+
url: url,
|
|
176
|
+
showHoverPreview: !hideHoverPreview,
|
|
177
|
+
actionOptions: actionOptions,
|
|
178
|
+
onClick: onClick,
|
|
179
|
+
onResolve: data => {
|
|
180
|
+
if (!data.url || !data.title) {
|
|
181
|
+
return;
|
|
182
|
+
}
|
|
183
|
+
props.smartCardStorage.set(data.url, data.title);
|
|
184
|
+
if (data.title) {
|
|
185
|
+
setIsResolvedViewRendered(true);
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
onError: onError,
|
|
189
|
+
disablePreviewPanel: true
|
|
190
|
+
}))));
|
|
152
191
|
}
|
|
153
|
-
|
|
154
|
-
|
|
192
|
+
return jsx(AnalyticsContext, {
|
|
193
|
+
data: analyticsData
|
|
194
|
+
}, jsx(MaybeOverlay, {
|
|
195
|
+
url: url || '',
|
|
196
|
+
rendererAppearance: rendererAppearance,
|
|
197
|
+
isResolvedViewRendered: isResolvedViewRendered
|
|
198
|
+
}, jsx(CardSSR, {
|
|
199
|
+
appearance: "inline",
|
|
200
|
+
url: url,
|
|
201
|
+
showHoverPreview: !hideHoverPreview,
|
|
202
|
+
actionOptions: actionOptions,
|
|
203
|
+
onClick: onClick,
|
|
204
|
+
onResolve: data => {
|
|
205
|
+
if (!data.url || !data.title) {
|
|
206
|
+
return;
|
|
207
|
+
}
|
|
208
|
+
props.smartCardStorage.set(data.url, data.title);
|
|
209
|
+
if (data.title) {
|
|
210
|
+
setIsResolvedViewRendered(true);
|
|
211
|
+
}
|
|
212
|
+
},
|
|
213
|
+
onError: onError,
|
|
214
|
+
disablePreviewPanel: true
|
|
215
|
+
})));
|
|
216
|
+
}
|
|
155
217
|
return jsx(AnalyticsContext, {
|
|
156
218
|
data: analyticsData
|
|
157
219
|
}, jsx("span", _extends({
|
|
@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
|
|
|
49
49
|
export const NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
50
50
|
export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
51
51
|
const packageName = "@atlaskit/renderer";
|
|
52
|
-
const packageVersion = "
|
|
52
|
+
const packageVersion = "121.3.1";
|
|
53
53
|
const setAsQueryContainerStyles = css({
|
|
54
54
|
containerName: 'ak-renderer-wrapper',
|
|
55
55
|
containerType: 'inline-size'
|
|
@@ -122,7 +122,14 @@ var InlineCard = function InlineCard(props) {
|
|
|
122
122
|
sourceUrl: url,
|
|
123
123
|
linkType: "inline"
|
|
124
124
|
}) : null;
|
|
125
|
-
|
|
125
|
+
var onError = function onError(_ref3) {
|
|
126
|
+
var err = _ref3.err;
|
|
127
|
+
if (err) {
|
|
128
|
+
throw err;
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
|
|
132
|
+
if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
|
|
126
133
|
if (
|
|
127
134
|
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
128
135
|
fg('editor_inline_comments_on_inline_nodes')) {
|
|
@@ -151,14 +158,69 @@ var InlineCard = function InlineCard(props) {
|
|
|
151
158
|
actionOptions: actionOptions,
|
|
152
159
|
onClick: onClick
|
|
153
160
|
}));
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
161
|
+
} else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
|
|
162
|
+
if (
|
|
163
|
+
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
164
|
+
fg('editor_inline_comments_on_inline_nodes')) {
|
|
165
|
+
return jsx("span", {
|
|
166
|
+
"data-inline-card": true,
|
|
167
|
+
"data-card-data": data ? JSON.stringify(data) : undefined,
|
|
168
|
+
"data-card-url": url,
|
|
169
|
+
"data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
|
|
170
|
+
"data-annotation-draft-mark": inlineAnnotationProps['data-annotation-draft-mark'],
|
|
171
|
+
"data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
|
|
172
|
+
"data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
|
|
173
|
+
"data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
|
|
174
|
+
}, jsx(AnalyticsContext, {
|
|
175
|
+
data: analyticsData
|
|
176
|
+
}, jsx(MaybeOverlay, {
|
|
177
|
+
url: url || '',
|
|
178
|
+
rendererAppearance: rendererAppearance,
|
|
179
|
+
isResolvedViewRendered: isResolvedViewRendered
|
|
180
|
+
}, jsx(CardSSR, {
|
|
181
|
+
appearance: "inline",
|
|
182
|
+
url: url,
|
|
183
|
+
showHoverPreview: !hideHoverPreview,
|
|
184
|
+
actionOptions: actionOptions,
|
|
185
|
+
onClick: onClick,
|
|
186
|
+
onResolve: function onResolve(data) {
|
|
187
|
+
if (!data.url || !data.title) {
|
|
188
|
+
return;
|
|
189
|
+
}
|
|
190
|
+
props.smartCardStorage.set(data.url, data.title);
|
|
191
|
+
if (data.title) {
|
|
192
|
+
setIsResolvedViewRendered(true);
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
onError: onError,
|
|
196
|
+
disablePreviewPanel: true
|
|
197
|
+
}))));
|
|
159
198
|
}
|
|
160
|
-
|
|
161
|
-
|
|
199
|
+
return jsx(AnalyticsContext, {
|
|
200
|
+
data: analyticsData
|
|
201
|
+
}, jsx(MaybeOverlay, {
|
|
202
|
+
url: url || '',
|
|
203
|
+
rendererAppearance: rendererAppearance,
|
|
204
|
+
isResolvedViewRendered: isResolvedViewRendered
|
|
205
|
+
}, jsx(CardSSR, {
|
|
206
|
+
appearance: "inline",
|
|
207
|
+
url: url,
|
|
208
|
+
showHoverPreview: !hideHoverPreview,
|
|
209
|
+
actionOptions: actionOptions,
|
|
210
|
+
onClick: onClick,
|
|
211
|
+
onResolve: function onResolve(data) {
|
|
212
|
+
if (!data.url || !data.title) {
|
|
213
|
+
return;
|
|
214
|
+
}
|
|
215
|
+
props.smartCardStorage.set(data.url, data.title);
|
|
216
|
+
if (data.title) {
|
|
217
|
+
setIsResolvedViewRendered(true);
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
onError: onError,
|
|
221
|
+
disablePreviewPanel: true
|
|
222
|
+
})));
|
|
223
|
+
}
|
|
162
224
|
return jsx(AnalyticsContext, {
|
|
163
225
|
data: analyticsData
|
|
164
226
|
}, jsx("span", _extends({
|
|
@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
|
|
|
54
54
|
export var NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
55
55
|
export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
56
56
|
var packageName = "@atlaskit/renderer";
|
|
57
|
-
var packageVersion = "
|
|
57
|
+
var packageVersion = "121.3.1";
|
|
58
58
|
var setAsQueryContainerStyles = css({
|
|
59
59
|
containerName: 'ak-renderer-wrapper',
|
|
60
60
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "122.0.0",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@atlaskit/adf-schema": "^
|
|
26
|
+
"@atlaskit/adf-schema": "^51.0.0",
|
|
27
27
|
"@atlaskit/adf-utils": "^19.21.0",
|
|
28
28
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
29
29
|
"@atlaskit/analytics-namespaced-context": "^7.0.0",
|
|
@@ -49,13 +49,13 @@
|
|
|
49
49
|
"@atlaskit/media-viewer": "^52.4.0",
|
|
50
50
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
51
51
|
"@atlaskit/platform-feature-flags-react": "^0.3.0",
|
|
52
|
-
"@atlaskit/react-ufo": "^4.
|
|
53
|
-
"@atlaskit/smart-card": "^40.
|
|
52
|
+
"@atlaskit/react-ufo": "^4.6.0",
|
|
53
|
+
"@atlaskit/smart-card": "^40.21.0",
|
|
54
54
|
"@atlaskit/status": "^3.0.0",
|
|
55
55
|
"@atlaskit/task-decision": "^19.2.0",
|
|
56
56
|
"@atlaskit/theme": "^20.0.0",
|
|
57
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
58
|
-
"@atlaskit/tokens": "^6.
|
|
57
|
+
"@atlaskit/tmp-editor-statsig": "^12.9.0",
|
|
58
|
+
"@atlaskit/tokens": "^6.3.0",
|
|
59
59
|
"@atlaskit/tooltip": "^20.4.0",
|
|
60
60
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
61
61
|
"@babel/runtime": "^7.0.0",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"uuid": "^3.1.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@atlaskit/editor-common": "^
|
|
71
|
+
"@atlaskit/editor-common": "^109.0.0",
|
|
72
72
|
"@atlaskit/link-provider": "^3.7.0",
|
|
73
73
|
"@atlaskit/media-core": "^37.0.0",
|
|
74
74
|
"react": "^18.2.0",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"@types/react-test-renderer": "^18.0.6",
|
|
100
100
|
"ajv": "^6.12.6",
|
|
101
101
|
"enzyme": "^3.10.0",
|
|
102
|
-
"jsdom": "
|
|
102
|
+
"jsdom": "root:*",
|
|
103
103
|
"mockdate": "^3.0.5",
|
|
104
104
|
"puppeteer": "13.7.0",
|
|
105
105
|
"react-live-clock": "^5.0.0",
|