@atlaskit/renderer 126.9.4 → 126.9.5
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
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 126.9.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`d26d9cd9d451a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d26d9cd9d451a) -
|
|
8
|
+
NO-ISSUE Clean up feature gate `platform_editor_content_mode_render_context` and revert to it's
|
|
9
|
+
"off" state as it was never launched due to being problematic
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 126.9.4
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -193,19 +193,16 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
193
193
|
return props.dataProviders || new _providerFactory.ProviderFactory();
|
|
194
194
|
}, [props.dataProviders]);
|
|
195
195
|
var _useRendererContext = (0, _rendererContext.useRendererContext)(),
|
|
196
|
-
parentContextContentMode = _useRendererContext.contentMode,
|
|
197
196
|
nestedRendererType = _useRendererContext.nestedRendererType;
|
|
198
197
|
var createRendererContext = (0, _react.useMemo)(function () {
|
|
199
|
-
return function (featureFlags, isTopLevelRenderer
|
|
198
|
+
return function (featureFlags, isTopLevelRenderer) {
|
|
200
199
|
var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags);
|
|
201
|
-
return
|
|
200
|
+
return {
|
|
202
201
|
featureFlags: normalizedFeatureFlags,
|
|
203
202
|
isTopLevelRenderer: isTopLevelRenderer === undefined
|
|
204
|
-
}
|
|
205
|
-
contentMode: contentMode || parentContextContentMode
|
|
206
|
-
});
|
|
203
|
+
};
|
|
207
204
|
};
|
|
208
|
-
}, [
|
|
205
|
+
}, []);
|
|
209
206
|
var fireAnalyticsEventOld = (0, _react.useCallback)(function (event) {
|
|
210
207
|
var createAnalyticsEvent = props.createAnalyticsEvent;
|
|
211
208
|
if (createAnalyticsEvent) {
|
|
@@ -227,7 +224,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
227
224
|
var stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
|
|
228
225
|
var annotationProvider = props.annotationProvider;
|
|
229
226
|
var allowAnnotationsDraftMode = Boolean(annotationProvider && annotationProvider.inlineComment && annotationProvider.inlineComment.allowDraftMode);
|
|
230
|
-
var _createRendererContex = createRendererContext(props.featureFlags, props.isTopLevelRenderer
|
|
227
|
+
var _createRendererContex = createRendererContext(props.featureFlags, props.isTopLevelRenderer),
|
|
231
228
|
featureFlags = _createRendererContex.featureFlags;
|
|
232
229
|
return {
|
|
233
230
|
startPos: (_props$startPos = props.startPos) !== null && _props$startPos !== void 0 ? _props$startPos : 0,
|
|
@@ -438,10 +435,10 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
438
435
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
439
436
|
}, []);
|
|
440
437
|
var rendererContext = (0, _react.useMemo)(function () {
|
|
441
|
-
return _objectSpread(_objectSpread({}, createRendererContext(props.featureFlags, props.isTopLevelRenderer
|
|
438
|
+
return _objectSpread(_objectSpread({}, createRendererContext(props.featureFlags, props.isTopLevelRenderer)), {}, {
|
|
442
439
|
timeZone: props.timeZone
|
|
443
440
|
});
|
|
444
|
-
}, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.
|
|
441
|
+
}, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.timeZone]);
|
|
445
442
|
(0, _useScrollToBlock.useScrollToBlock)(editorRef, props.document);
|
|
446
443
|
try {
|
|
447
444
|
var _rendererContext$feat, _props$media;
|
|
@@ -468,7 +465,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
468
465
|
}, (0, _react2.jsx)(RendererWrapper, {
|
|
469
466
|
allowAnnotations: props.allowAnnotations,
|
|
470
467
|
appearance: props.appearance,
|
|
471
|
-
contentMode:
|
|
468
|
+
contentMode: props.contentMode || 'standard',
|
|
472
469
|
allowNestedHeaderLinks: (0, _links.isNestedHeaderLinksEnabled)(props.allowHeadingAnchorLinks),
|
|
473
470
|
allowColumnSorting: props.allowColumnSorting,
|
|
474
471
|
allowCopyToClipboard: props.allowCopyToClipboard,
|
|
@@ -507,7 +504,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
507
504
|
return (0, _react2.jsx)(RendererWrapper, {
|
|
508
505
|
allowAnnotations: props.allowAnnotations,
|
|
509
506
|
appearance: props.appearance,
|
|
510
|
-
contentMode:
|
|
507
|
+
contentMode: props.contentMode || 'standard',
|
|
511
508
|
allowCopyToClipboard: props.allowCopyToClipboard,
|
|
512
509
|
allowWrapCodeBlock: props.allowWrapCodeBlock,
|
|
513
510
|
allowPlaceholderText: props.allowPlaceholderText,
|
|
@@ -181,19 +181,15 @@ export const RendererFunctionalComponent = props => {
|
|
|
181
181
|
const mouseDownSelection = useRef(undefined);
|
|
182
182
|
const providerFactory = useMemo(() => props.dataProviders || new ProviderFactory(), [props.dataProviders]);
|
|
183
183
|
const {
|
|
184
|
-
contentMode: parentContextContentMode,
|
|
185
184
|
nestedRendererType
|
|
186
185
|
} = useRendererContext();
|
|
187
|
-
const createRendererContext = useMemo(() => (featureFlags, isTopLevelRenderer
|
|
186
|
+
const createRendererContext = useMemo(() => (featureFlags, isTopLevelRenderer) => {
|
|
188
187
|
const normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
|
|
189
188
|
return {
|
|
190
189
|
featureFlags: normalizedFeatureFlags,
|
|
191
|
-
isTopLevelRenderer: isTopLevelRenderer === undefined
|
|
192
|
-
...(fg('platform_editor_content_mode_render_context') && {
|
|
193
|
-
contentMode: contentMode || parentContextContentMode
|
|
194
|
-
})
|
|
190
|
+
isTopLevelRenderer: isTopLevelRenderer === undefined
|
|
195
191
|
};
|
|
196
|
-
}, [
|
|
192
|
+
}, []);
|
|
197
193
|
const fireAnalyticsEventOld = useCallback(event => {
|
|
198
194
|
const {
|
|
199
195
|
createAnalyticsEvent
|
|
@@ -221,7 +217,7 @@ export const RendererFunctionalComponent = props => {
|
|
|
221
217
|
const allowAnnotationsDraftMode = Boolean(annotationProvider && annotationProvider.inlineComment && annotationProvider.inlineComment.allowDraftMode);
|
|
222
218
|
const {
|
|
223
219
|
featureFlags
|
|
224
|
-
} = createRendererContext(props.featureFlags, props.isTopLevelRenderer
|
|
220
|
+
} = createRendererContext(props.featureFlags, props.isTopLevelRenderer);
|
|
225
221
|
return {
|
|
226
222
|
startPos: (_props$startPos = props.startPos) !== null && _props$startPos !== void 0 ? _props$startPos : 0,
|
|
227
223
|
providers: providerFactory,
|
|
@@ -431,9 +427,9 @@ export const RendererFunctionalComponent = props => {
|
|
|
431
427
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
432
428
|
}, []);
|
|
433
429
|
const rendererContext = useMemo(() => ({
|
|
434
|
-
...createRendererContext(props.featureFlags, props.isTopLevelRenderer
|
|
430
|
+
...createRendererContext(props.featureFlags, props.isTopLevelRenderer),
|
|
435
431
|
timeZone: props.timeZone
|
|
436
|
-
}), [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.
|
|
432
|
+
}), [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.timeZone]);
|
|
437
433
|
useScrollToBlock(editorRef, props.document);
|
|
438
434
|
try {
|
|
439
435
|
var _rendererContext$feat, _props$media;
|
|
@@ -459,7 +455,7 @@ export const RendererFunctionalComponent = props => {
|
|
|
459
455
|
}, jsx(RendererWrapper, {
|
|
460
456
|
allowAnnotations: props.allowAnnotations,
|
|
461
457
|
appearance: props.appearance,
|
|
462
|
-
contentMode:
|
|
458
|
+
contentMode: props.contentMode || 'standard',
|
|
463
459
|
allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
|
|
464
460
|
allowColumnSorting: props.allowColumnSorting,
|
|
465
461
|
allowCopyToClipboard: props.allowCopyToClipboard,
|
|
@@ -496,7 +492,7 @@ export const RendererFunctionalComponent = props => {
|
|
|
496
492
|
return jsx(RendererWrapper, {
|
|
497
493
|
allowAnnotations: props.allowAnnotations,
|
|
498
494
|
appearance: props.appearance,
|
|
499
|
-
contentMode:
|
|
495
|
+
contentMode: props.contentMode || 'standard',
|
|
500
496
|
allowCopyToClipboard: props.allowCopyToClipboard,
|
|
501
497
|
allowWrapCodeBlock: props.allowWrapCodeBlock,
|
|
502
498
|
allowPlaceholderText: props.allowPlaceholderText,
|
|
@@ -184,19 +184,16 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
184
184
|
return props.dataProviders || new ProviderFactory();
|
|
185
185
|
}, [props.dataProviders]);
|
|
186
186
|
var _useRendererContext = useRendererContext(),
|
|
187
|
-
parentContextContentMode = _useRendererContext.contentMode,
|
|
188
187
|
nestedRendererType = _useRendererContext.nestedRendererType;
|
|
189
188
|
var createRendererContext = useMemo(function () {
|
|
190
|
-
return function (featureFlags, isTopLevelRenderer
|
|
189
|
+
return function (featureFlags, isTopLevelRenderer) {
|
|
191
190
|
var normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
|
|
192
|
-
return
|
|
191
|
+
return {
|
|
193
192
|
featureFlags: normalizedFeatureFlags,
|
|
194
193
|
isTopLevelRenderer: isTopLevelRenderer === undefined
|
|
195
|
-
}
|
|
196
|
-
contentMode: contentMode || parentContextContentMode
|
|
197
|
-
});
|
|
194
|
+
};
|
|
198
195
|
};
|
|
199
|
-
}, [
|
|
196
|
+
}, []);
|
|
200
197
|
var fireAnalyticsEventOld = useCallback(function (event) {
|
|
201
198
|
var createAnalyticsEvent = props.createAnalyticsEvent;
|
|
202
199
|
if (createAnalyticsEvent) {
|
|
@@ -218,7 +215,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
218
215
|
var stickyHeaders = props.stickyHeaders ? props.stickyHeaders === true ? {} : props.stickyHeaders : undefined;
|
|
219
216
|
var annotationProvider = props.annotationProvider;
|
|
220
217
|
var allowAnnotationsDraftMode = Boolean(annotationProvider && annotationProvider.inlineComment && annotationProvider.inlineComment.allowDraftMode);
|
|
221
|
-
var _createRendererContex = createRendererContext(props.featureFlags, props.isTopLevelRenderer
|
|
218
|
+
var _createRendererContex = createRendererContext(props.featureFlags, props.isTopLevelRenderer),
|
|
222
219
|
featureFlags = _createRendererContex.featureFlags;
|
|
223
220
|
return {
|
|
224
221
|
startPos: (_props$startPos = props.startPos) !== null && _props$startPos !== void 0 ? _props$startPos : 0,
|
|
@@ -429,10 +426,10 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
429
426
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
430
427
|
}, []);
|
|
431
428
|
var rendererContext = useMemo(function () {
|
|
432
|
-
return _objectSpread(_objectSpread({}, createRendererContext(props.featureFlags, props.isTopLevelRenderer
|
|
429
|
+
return _objectSpread(_objectSpread({}, createRendererContext(props.featureFlags, props.isTopLevelRenderer)), {}, {
|
|
433
430
|
timeZone: props.timeZone
|
|
434
431
|
});
|
|
435
|
-
}, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.
|
|
432
|
+
}, [props.featureFlags, props.isTopLevelRenderer, createRendererContext, props.timeZone]);
|
|
436
433
|
useScrollToBlock(editorRef, props.document);
|
|
437
434
|
try {
|
|
438
435
|
var _rendererContext$feat, _props$media;
|
|
@@ -459,7 +456,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
459
456
|
}, jsx(RendererWrapper, {
|
|
460
457
|
allowAnnotations: props.allowAnnotations,
|
|
461
458
|
appearance: props.appearance,
|
|
462
|
-
contentMode:
|
|
459
|
+
contentMode: props.contentMode || 'standard',
|
|
463
460
|
allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
|
|
464
461
|
allowColumnSorting: props.allowColumnSorting,
|
|
465
462
|
allowCopyToClipboard: props.allowCopyToClipboard,
|
|
@@ -498,7 +495,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
498
495
|
return jsx(RendererWrapper, {
|
|
499
496
|
allowAnnotations: props.allowAnnotations,
|
|
500
497
|
appearance: props.appearance,
|
|
501
|
-
contentMode:
|
|
498
|
+
contentMode: props.contentMode || 'standard',
|
|
502
499
|
allowCopyToClipboard: props.allowCopyToClipboard,
|
|
503
500
|
allowWrapCodeBlock: props.allowWrapCodeBlock,
|
|
504
501
|
allowPlaceholderText: props.allowPlaceholderText,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FeatureFlags } from '@atlaskit/editor-common/types';
|
|
3
|
-
import type {
|
|
3
|
+
import type { NestedRendererType } from './ui/Renderer/types';
|
|
4
4
|
export type RendererContextProps = {
|
|
5
|
-
contentMode?: RendererContentMode;
|
|
6
5
|
featureFlags?: FeatureFlags;
|
|
7
6
|
isTopLevelRenderer?: boolean;
|
|
8
7
|
nestedRendererType?: NestedRendererType;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FeatureFlags } from '@atlaskit/editor-common/types';
|
|
3
|
-
import type {
|
|
3
|
+
import type { NestedRendererType } from './ui/Renderer/types';
|
|
4
4
|
export type RendererContextProps = {
|
|
5
|
-
contentMode?: RendererContentMode;
|
|
6
5
|
featureFlags?: FeatureFlags;
|
|
7
6
|
isTopLevelRenderer?: boolean;
|
|
8
7
|
nestedRendererType?: NestedRendererType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "126.9.
|
|
3
|
+
"version": "126.9.5",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@atlaskit/status": "^3.1.0",
|
|
58
58
|
"@atlaskit/task-decision": "^19.2.0",
|
|
59
59
|
"@atlaskit/theme": "^21.0.0",
|
|
60
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
60
|
+
"@atlaskit/tmp-editor-statsig": "^28.0.0",
|
|
61
61
|
"@atlaskit/tokens": "^11.0.0",
|
|
62
62
|
"@atlaskit/tooltip": "^20.14.0",
|
|
63
63
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -205,9 +205,6 @@
|
|
|
205
205
|
"jfp-magma-ssr-iv-editor-links": {
|
|
206
206
|
"type": "boolean"
|
|
207
207
|
},
|
|
208
|
-
"platform_editor_content_mode_render_context": {
|
|
209
|
-
"type": "boolean"
|
|
210
|
-
},
|
|
211
208
|
"hot-121622_lazy_load_expand_content": {
|
|
212
209
|
"type": "boolean"
|
|
213
210
|
},
|