@atlaskit/renderer 136.2.4 → 136.2.6
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 +18 -0
- package/dist/cjs/actions/get-renderer-range-inline-node-names.js +3 -3
- package/dist/cjs/actions/index.js +2 -2
- package/dist/cjs/react/index.js +6 -8
- package/dist/cjs/react/marks/breakout.js +10 -38
- package/dist/cjs/react/marks/code.js +2 -2
- package/dist/cjs/react/marks/link.js +4 -4
- package/dist/cjs/react/nodes/TableStickyScrollbar.js +3 -3
- package/dist/cjs/react/nodes/blockCard.js +9 -21
- package/dist/cjs/react/nodes/bodiedExtension.js +2 -2
- package/dist/cjs/react/nodes/codeBlock/codeBlock.js +2 -2
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +3 -3
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockDownloadButton.js +4 -4
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +3 -3
- package/dist/cjs/react/nodes/embedCard.js +8 -20
- package/dist/cjs/react/nodes/emoji.js +3 -3
- package/dist/cjs/react/nodes/extension.js +5 -5
- package/dist/cjs/react/nodes/fallback.js +1 -1
- package/dist/cjs/react/nodes/heading-anchor.js +3 -3
- package/dist/cjs/react/nodes/heading.js +2 -2
- package/dist/cjs/react/nodes/inlineCard.js +9 -9
- package/dist/cjs/react/nodes/layoutColumn-compiled.js +2 -2
- package/dist/cjs/react/nodes/layoutColumn-emotion.js +2 -2
- package/dist/cjs/react/nodes/layoutColumn.js +2 -2
- package/dist/cjs/react/nodes/media/index.js +7 -7
- package/dist/cjs/react/nodes/mediaGroup.js +2 -2
- package/dist/cjs/react/nodes/mediaInline.js +9 -8
- package/dist/cjs/react/nodes/mediaSingle/index.js +2 -2
- package/dist/cjs/react/nodes/mention.js +2 -2
- package/dist/cjs/react/nodes/multiBodiedExtension.js +2 -2
- package/dist/cjs/react/nodes/panel.js +2 -2
- package/dist/cjs/react/nodes/status.js +9 -9
- package/dist/cjs/react/nodes/table/colgroup.js +4 -4
- package/dist/cjs/react/nodes/table/table.js +4 -4
- package/dist/cjs/react/nodes/table.js +2 -2
- package/dist/cjs/react/nodes/tableNew.js +6 -6
- package/dist/cjs/react/nodes/taskItem.js +2 -2
- package/dist/cjs/react/utils/EditorMediaClientProvider.js +7 -6
- package/dist/cjs/react/utils/getCardClickHandler.js +2 -2
- package/dist/cjs/render-document.js +3 -3
- package/dist/cjs/steps/index.js +6 -6
- package/dist/cjs/text/nodes/status.js +2 -2
- package/dist/cjs/ui/Expand.js +6 -6
- package/dist/cjs/ui/MediaCard.js +2 -2
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +8 -13
- package/dist/cjs/ui/Renderer/breakout-ssr.js +3 -3
- package/dist/cjs/ui/Renderer/index.js +11 -11
- package/dist/cjs/ui/RendererActionsContext/index.js +7 -7
- package/dist/cjs/ui/annotations/element/mark.js +4 -4
- package/dist/cjs/ui/annotations/element/useInlineAnnotationProps.js +2 -2
- package/dist/cjs/ui/annotations/index.js +2 -2
- package/dist/cjs/ui/annotations/selection/mounter.js +2 -2
- package/dist/es2019/actions/get-renderer-range-inline-node-names.js +1 -1
- package/dist/es2019/actions/index.js +1 -1
- package/dist/es2019/react/index.js +3 -5
- package/dist/es2019/react/marks/breakout.js +10 -39
- package/dist/es2019/react/marks/code.js +1 -1
- package/dist/es2019/react/marks/link.js +2 -2
- package/dist/es2019/react/nodes/TableStickyScrollbar.js +1 -1
- package/dist/es2019/react/nodes/blockCard.js +5 -17
- package/dist/es2019/react/nodes/bodiedExtension.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/codeBlock.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -2
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockDownloadButton.js +2 -2
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -2
- package/dist/es2019/react/nodes/embedCard.js +4 -16
- package/dist/es2019/react/nodes/emoji.js +1 -1
- package/dist/es2019/react/nodes/extension.js +3 -3
- package/dist/es2019/react/nodes/fallback.js +1 -1
- package/dist/es2019/react/nodes/heading-anchor.js +1 -1
- package/dist/es2019/react/nodes/heading.js +1 -1
- package/dist/es2019/react/nodes/inlineCard.js +3 -3
- package/dist/es2019/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/es2019/react/nodes/layoutColumn-emotion.js +1 -1
- package/dist/es2019/react/nodes/layoutColumn.js +1 -1
- package/dist/es2019/react/nodes/media/index.js +3 -3
- package/dist/es2019/react/nodes/mediaGroup.js +1 -1
- package/dist/es2019/react/nodes/mediaInline.js +4 -3
- package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
- package/dist/es2019/react/nodes/mention.js +1 -1
- package/dist/es2019/react/nodes/multiBodiedExtension.js +2 -2
- package/dist/es2019/react/nodes/panel.js +1 -1
- package/dist/es2019/react/nodes/status.js +2 -2
- package/dist/es2019/react/nodes/table/colgroup.js +1 -1
- package/dist/es2019/react/nodes/table/table.js +1 -1
- package/dist/es2019/react/nodes/table.js +1 -1
- package/dist/es2019/react/nodes/tableNew.js +1 -1
- package/dist/es2019/react/nodes/taskItem.js +1 -1
- package/dist/es2019/react/utils/EditorMediaClientProvider.js +3 -2
- package/dist/es2019/react/utils/getCardClickHandler.js +1 -1
- package/dist/es2019/render-document.js +1 -1
- package/dist/es2019/steps/index.js +1 -1
- package/dist/es2019/text/nodes/status.js +1 -1
- package/dist/es2019/ui/Expand.js +2 -2
- package/dist/es2019/ui/MediaCard.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +5 -14
- package/dist/es2019/ui/Renderer/breakout-ssr.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +3 -3
- package/dist/es2019/ui/RendererActionsContext/index.js +3 -3
- package/dist/es2019/ui/annotations/element/mark.js +1 -1
- package/dist/es2019/ui/annotations/element/useInlineAnnotationProps.js +1 -1
- package/dist/es2019/ui/annotations/index.js +1 -1
- package/dist/es2019/ui/annotations/selection/mounter.js +1 -1
- package/dist/esm/actions/get-renderer-range-inline-node-names.js +1 -1
- package/dist/esm/actions/index.js +1 -1
- package/dist/esm/react/index.js +3 -5
- package/dist/esm/react/marks/breakout.js +10 -39
- package/dist/esm/react/marks/code.js +1 -1
- package/dist/esm/react/marks/link.js +2 -2
- package/dist/esm/react/nodes/TableStickyScrollbar.js +1 -1
- package/dist/esm/react/nodes/blockCard.js +5 -17
- package/dist/esm/react/nodes/bodiedExtension.js +1 -1
- package/dist/esm/react/nodes/codeBlock/codeBlock.js +1 -1
- package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -2
- package/dist/esm/react/nodes/codeBlock/components/codeBlockDownloadButton.js +2 -2
- package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -2
- package/dist/esm/react/nodes/embedCard.js +4 -16
- package/dist/esm/react/nodes/emoji.js +1 -1
- package/dist/esm/react/nodes/extension.js +3 -3
- package/dist/esm/react/nodes/fallback.js +1 -1
- package/dist/esm/react/nodes/heading-anchor.js +1 -1
- package/dist/esm/react/nodes/heading.js +1 -1
- package/dist/esm/react/nodes/inlineCard.js +3 -3
- package/dist/esm/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/esm/react/nodes/layoutColumn-emotion.js +1 -1
- package/dist/esm/react/nodes/layoutColumn.js +1 -1
- package/dist/esm/react/nodes/media/index.js +3 -3
- package/dist/esm/react/nodes/mediaGroup.js +1 -1
- package/dist/esm/react/nodes/mediaInline.js +4 -3
- package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
- package/dist/esm/react/nodes/mention.js +1 -1
- package/dist/esm/react/nodes/multiBodiedExtension.js +2 -2
- package/dist/esm/react/nodes/panel.js +1 -1
- package/dist/esm/react/nodes/status.js +2 -2
- package/dist/esm/react/nodes/table/colgroup.js +1 -1
- package/dist/esm/react/nodes/table/table.js +1 -1
- package/dist/esm/react/nodes/table.js +1 -1
- package/dist/esm/react/nodes/tableNew.js +1 -1
- package/dist/esm/react/nodes/taskItem.js +1 -1
- package/dist/esm/react/utils/EditorMediaClientProvider.js +3 -2
- package/dist/esm/react/utils/getCardClickHandler.js +1 -1
- package/dist/esm/render-document.js +1 -1
- package/dist/esm/steps/index.js +1 -1
- package/dist/esm/text/nodes/status.js +1 -1
- package/dist/esm/ui/Expand.js +2 -2
- package/dist/esm/ui/MediaCard.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +6 -11
- package/dist/esm/ui/Renderer/breakout-ssr.js +1 -1
- package/dist/esm/ui/Renderer/index.js +3 -3
- package/dist/esm/ui/RendererActionsContext/index.js +3 -3
- package/dist/esm/ui/annotations/element/mark.js +1 -1
- package/dist/esm/ui/annotations/element/useInlineAnnotationProps.js +1 -1
- package/dist/esm/ui/annotations/index.js +1 -1
- package/dist/esm/ui/annotations/selection/mounter.js +1 -1
- package/dist/types/actions/index.d.ts +2 -2
- package/dist/types/react/nodes/codeBlock/codeBlock.d.ts +1 -1
- package/dist/types/react/nodes/fallback.d.ts +1 -1
- package/dist/types/types/mediaOptions.d.ts +1 -1
- package/dist/types/ui/MediaCard.d.ts +1 -1
- package/dist/types/ui/Renderer/ErrorBoundary.d.ts +1 -1
- package/dist/types/ui/Renderer/rendererHelper.d.ts +1 -1
- package/dist/types/ui/annotations/hooks/use-events.d.ts +1 -1
- package/dist/types/ui/annotations/hooks/use-load-annotations.d.ts +1 -1
- package/dist/types/ui/annotations/hover/mounter.d.ts +1 -1
- package/dist/types/ui/annotations/hover/range-validator.d.ts +1 -1
- package/dist/types/ui/annotations/selection/mounter.d.ts +1 -1
- package/dist/types/ui/annotations/selection/range-validator.d.ts +1 -1
- package/dist/types/ui/annotations/types.d.ts +1 -1
- package/dist/types/ui/annotations/view/index.d.ts +1 -1
- package/dist/types/ui/annotations/wrapper.d.ts +1 -1
- package/dist/types/ui/renderer-props.d.ts +1 -1
- package/package.json +13 -3
|
@@ -8,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.EditorMediaClientProvider = void 0;
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
11
|
+
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
12
|
+
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
12
13
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
13
|
-
var
|
|
14
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
14
15
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
17
|
var getMediaClientConfigForRenderer = function getMediaClientConfigForRenderer(provider) {
|
|
17
18
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
18
|
-
return provider.viewAndUploadMediaClientConfig && (0,
|
|
19
|
+
return provider.viewAndUploadMediaClientConfig && (0, _fg.fg)('platform_media_video_captions') && (0, _fg.fg)('platform_editor_video_caption_commit') ? provider.viewAndUploadMediaClientConfig : provider.viewMediaClientConfig;
|
|
19
20
|
};
|
|
20
21
|
var EditorMediaClientProvider = exports.EditorMediaClientProvider = function EditorMediaClientProvider(_ref) {
|
|
21
22
|
var children = _ref.children,
|
|
@@ -44,13 +45,13 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
44
45
|
* hasProvider() is synchronous and correct from render 1, closing that window.
|
|
45
46
|
*/
|
|
46
47
|
var shouldSkipContext = (0, _expValEquals.expValEquals)('platform_editor_media_reliability_enhancements', 'isEnabled', true) ? Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || providerFactory.hasProvider('mediaProvider') || mediaProvider) : Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
|
|
47
|
-
var contextMediaClient = (0, _react.useContext)(
|
|
48
|
+
var contextMediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
|
|
48
49
|
|
|
49
50
|
// MediaClientProvider currently requires a mediaClientConfig
|
|
50
51
|
// And inserting the MediaClientProvider will cause a re-render
|
|
51
52
|
// We should use MediaClientProvider once it no longer requires a config
|
|
52
53
|
var mediaClient = (0, _react.useMemo)(function () {
|
|
53
|
-
return mediaClientConfig ? (0,
|
|
54
|
+
return mediaClientConfig ? (0, _getMediaClient.getMediaClient)(mediaClientConfig) : undefined;
|
|
54
55
|
}, [mediaClientConfig]);
|
|
55
56
|
|
|
56
57
|
// Consumers can override the mediaClient for renderer,
|
|
@@ -106,7 +107,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
106
107
|
});
|
|
107
108
|
}
|
|
108
109
|
}, [mediaProvider, ssr === null || ssr === void 0 ? void 0 : ssr.config]);
|
|
109
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_mediaClientProvider.MediaClientContext.Provider, {
|
|
110
111
|
value: shouldSkipContext ? mediaClient : contextMediaClient
|
|
111
112
|
}, children);
|
|
112
113
|
};
|
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getCardClickHandler = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
8
8
|
var _utils = require("../../utils");
|
|
9
9
|
var getCardClickHandler = exports.getCardClickHandler = function getCardClickHandler(eventHandlers, url) {
|
|
10
10
|
var handler = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
|
|
11
|
-
if ((0,
|
|
11
|
+
if ((0, _fg.fg)('platform_smartlink_xpc_url_wrapping')) {
|
|
12
12
|
return handler ? function (e, data) {
|
|
13
13
|
var _ref, _data$destinationUrl;
|
|
14
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);
|
|
@@ -12,7 +12,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
|
|
|
12
12
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
13
13
|
var _validator = require("@atlaskit/editor-common/validator");
|
|
14
14
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
15
|
-
var
|
|
15
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
16
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
17
|
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
18
18
|
var _events = require("./analytics/events");
|
|
@@ -134,7 +134,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
|
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0,
|
|
137
|
+
if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0, _fg.fg)('platform_native_embeds_rollout_non_maui_experience') && (0, _fg.fg)('platform_editor_native_embeds_fallback_transform')) {
|
|
138
138
|
var _nativeEmbedsFallback = (0, _transforms.nativeEmbedsFallbackTransform)(result, schema),
|
|
139
139
|
_transformedAdf3 = _nativeEmbedsFallback.transformedAdf,
|
|
140
140
|
hasValidTransform = _nativeEmbedsFallback.hasValidTransform;
|
|
@@ -277,7 +277,7 @@ var renderDocument = exports.renderDocument = function renderDocument(doc, seria
|
|
|
277
277
|
var stat = {
|
|
278
278
|
sanitizeTime: 0
|
|
279
279
|
};
|
|
280
|
-
if ((0,
|
|
280
|
+
if ((0, _fg.fg)('platform_editor_renderer_rm_usespecbasedvalidator')) {
|
|
281
281
|
useSpecBasedValidator = true;
|
|
282
282
|
}
|
|
283
283
|
var _withStopwatch = withStopwatch(function () {
|
package/dist/cjs/steps/index.js
CHANGED
|
@@ -9,7 +9,7 @@ exports.getPosFromRange = getPosFromRange;
|
|
|
9
9
|
exports.getStartPos = getStartPos;
|
|
10
10
|
exports.isRendererRoot = isRendererRoot;
|
|
11
11
|
exports.resolvePos = resolvePos;
|
|
12
|
-
var
|
|
12
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _transform = require("@atlaskit/editor-prosemirror/transform");
|
|
14
14
|
/* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
|
|
15
15
|
|
|
@@ -100,7 +100,7 @@ function isNodeInlineTextMark(node) {
|
|
|
100
100
|
*/
|
|
101
101
|
function hasInlineNodeDescendant(node) {
|
|
102
102
|
if (isElementNode(node)) {
|
|
103
|
-
if ((0,
|
|
103
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
104
104
|
if (node.dataset.annotationInlineNode === 'true') {
|
|
105
105
|
return true;
|
|
106
106
|
}
|
|
@@ -126,7 +126,7 @@ function resolveNodePos(node) {
|
|
|
126
126
|
if (prev && (isTextNode(prev) || isHighlightTextNode(prev))) {
|
|
127
127
|
resolvedPos += (prev.textContent || '').length;
|
|
128
128
|
} else if (prev) {
|
|
129
|
-
if ((0,
|
|
129
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
130
130
|
if (isNodeInlineTextMark(prev) && prev.textContent) {
|
|
131
131
|
resolvedPos += prev.textContent.length;
|
|
132
132
|
} else {
|
|
@@ -153,10 +153,10 @@ function resolvePos(node, offset) {
|
|
|
153
153
|
if (!node) {
|
|
154
154
|
return false;
|
|
155
155
|
}
|
|
156
|
-
if ((0,
|
|
156
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
157
157
|
var _node$parentElement;
|
|
158
158
|
var startPosAncestor = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.closest('[data-renderer-start-pos');
|
|
159
|
-
var potentialParent = (0,
|
|
159
|
+
var potentialParent = (0, _fg.fg)('editor_inline_comments_on_inline_nodes') ? 'data-annotation-mark' : 'data-inline-card';
|
|
160
160
|
if (startPosAncestor !== null && startPosAncestor !== void 0 && startPosAncestor.hasAttribute(potentialParent)) {
|
|
161
161
|
if (findEnd) {
|
|
162
162
|
return parseInt((startPosAncestor === null || startPosAncestor === void 0 ? void 0 : startPosAncestor.getAttribute('data-renderer-start-pos')) || '-1', 10) + 1;
|
|
@@ -202,7 +202,7 @@ function resolvePos(node, offset) {
|
|
|
202
202
|
// If our range is inside an inline node
|
|
203
203
|
// We need to move our pointers to parent element
|
|
204
204
|
// since we don't want to count text inside inline nodes at all
|
|
205
|
-
if ((0,
|
|
205
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
206
206
|
if (!(isNodeInlineTextMark(preParentPointer) || isHighlightTextNode(preParentPointer))) {
|
|
207
207
|
current = current.parentElement;
|
|
208
208
|
offset = 0;
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _utils = require("../../utils");
|
|
8
|
-
var
|
|
8
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
9
9
|
var status = function status(node, _schema) {
|
|
10
|
-
return node.attrs.text ? node.attrs.style === 'mixedCase' && (0,
|
|
10
|
+
return node.attrs.text ? node.attrs.style === 'mixedCase' && (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
|
|
11
11
|
};
|
|
12
12
|
var _default = exports.default = status;
|
package/dist/cjs/ui/Expand.js
CHANGED
|
@@ -15,8 +15,8 @@ var _analytics = require("@atlaskit/editor-common/analytics");
|
|
|
15
15
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
18
|
-
var
|
|
19
|
-
var
|
|
18
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
19
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
20
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
21
|
var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
|
|
22
22
|
var _reactIntl = require("react-intl");
|
|
@@ -266,7 +266,7 @@ function Expand(_ref2) {
|
|
|
266
266
|
// children haven't been loaded yet. When lazy load is OFF, children are
|
|
267
267
|
// always in the DOM — hidden="until-found" on the wrapper already makes
|
|
268
268
|
// them searchable by browser find, so no placeholder is needed.
|
|
269
|
-
var shouldRenderBrowserFindText = !shouldRenderLazyChildren && searchText && (0,
|
|
269
|
+
var shouldRenderBrowserFindText = !shouldRenderLazyChildren && searchText && (0, _fg.fg)('hot-121622_lazy_load_expand_content') && (0, _expValEquals.expValEquals)('platform_editor_close_expand_find', 'isEnabled', true);
|
|
270
270
|
|
|
271
271
|
// Feature-detect hidden="until-found" support via the beforematch event.
|
|
272
272
|
// Chrome 102+ and Firefox 130+ support it; Safari does not yet.
|
|
@@ -333,9 +333,9 @@ function Expand(_ref2) {
|
|
|
333
333
|
// Browser find path: keep a lightweight text mirror in the closed expand
|
|
334
334
|
// so Ctrl+F can index it without mounting the rich children tree.
|
|
335
335
|
expandContent = (0, _react.jsx)("span", null, searchText);
|
|
336
|
-
} else if (!shouldRenderLazyChildren && (0,
|
|
336
|
+
} else if (!shouldRenderLazyChildren && (0, _fg.fg)('hot-121622_lazy_load_expand_content')) {
|
|
337
337
|
expandContent = null;
|
|
338
|
-
} else if ((0,
|
|
338
|
+
} else if ((0, _fg.fg)('hot-121622_lazy_load_expand_content')) {
|
|
339
339
|
expandContent = (0, _react.jsx)(_react2.Suspense, {
|
|
340
340
|
fallback: (0, _react.jsx)("div", null, intl.formatMessage(_ui.expandMessages.loading))
|
|
341
341
|
}, (0, _react.jsx)(LazyChildren, null, children));
|
|
@@ -387,7 +387,7 @@ function Expand(_ref2) {
|
|
|
387
387
|
label: label,
|
|
388
388
|
spacing: "spacious",
|
|
389
389
|
size: "small"
|
|
390
|
-
})) : (0, _react.jsx)(
|
|
390
|
+
})) : (0, _react.jsx)(_Tooltip.default, {
|
|
391
391
|
content: label,
|
|
392
392
|
position: "top"
|
|
393
393
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
package/dist/cjs/ui/MediaCard.js
CHANGED
|
@@ -18,7 +18,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
19
|
var _traverse = require("@atlaskit/adf-utils/traverse");
|
|
20
20
|
var _mediaCard = require("@atlaskit/media-card");
|
|
21
|
-
var
|
|
21
|
+
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
22
22
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
23
23
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
24
24
|
var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
|
|
@@ -410,7 +410,7 @@ var getClipboardAttrs = exports.getClipboardAttrs = function getClipboardAttrs(_
|
|
|
410
410
|
};
|
|
411
411
|
};
|
|
412
412
|
var MediaCardInternal = exports.MediaCardInternal = function MediaCardInternal(props) {
|
|
413
|
-
var mediaClient = (0, _react.useContext)(
|
|
413
|
+
var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
|
|
414
414
|
return /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Consumer, null, function (_ref3) {
|
|
415
415
|
var fireAnalyticsEvent = _ref3.fireAnalyticsEvent;
|
|
416
416
|
return /*#__PURE__*/_react.default.createElement(MediaCardView
|
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _style = require("./style");
|
|
11
11
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
12
|
-
var
|
|
12
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _consts = require("../../consts");
|
|
14
14
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
15
15
|
var _mediaInline = require("@atlaskit/editor-common/media-inline");
|
|
@@ -29,7 +29,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
|
29
29
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
30
30
|
var _syncBlock = require("@atlaskit/editor-common/sync-block");
|
|
31
31
|
var _collapsibleHeadingsDom = require("../collapsible-headings-dom");
|
|
32
|
-
var _css9, _$concat3, _$
|
|
32
|
+
var _css9, _$concat3, _$concat5;
|
|
33
33
|
/* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
|
|
34
34
|
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
35
35
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
@@ -1045,7 +1045,7 @@ var headerSmartCardStyles = (0, _react.css)({
|
|
|
1045
1045
|
}
|
|
1046
1046
|
});
|
|
1047
1047
|
|
|
1048
|
-
// Flex wrapper for centering without transform
|
|
1048
|
+
// Flex wrapper for centering without transform.
|
|
1049
1049
|
// flex: 1 1 0% + minWidth: 0 so the wrapper takes full width when it's a flex item (full-width nodes otherwise render narrow).
|
|
1050
1050
|
// flexShrink: 0 on child so the node keeps size.
|
|
1051
1051
|
var centerWrapperStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.FLEX_CENTER_WRAPPER), {
|
|
@@ -1148,11 +1148,6 @@ var baseOtherStylesDuplicateAnchor = (0, _react.css)((0, _defineProperty2.defaul
|
|
|
1148
1148
|
var hideExtensionStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.EXTENSION, ":has([data-extension-key='hide'])"), {
|
|
1149
1149
|
marginTop: 0
|
|
1150
1150
|
}));
|
|
1151
|
-
var extensionCenterAlignLegacyStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT), (0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.EXTENSION_CENTER_ALIGN), {
|
|
1152
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
1153
|
-
marginLeft: '50%',
|
|
1154
|
-
transform: 'translateX(-50%)'
|
|
1155
|
-
})));
|
|
1156
1151
|
var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
1157
1152
|
'& .UnknownBlock': {
|
|
1158
1153
|
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
@@ -1214,7 +1209,7 @@ var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineP
|
|
|
1214
1209
|
overflowX: 'auto'
|
|
1215
1210
|
}), "& .".concat(_consts.RendererCssClassName.EXTENSION, ":first-child"), {
|
|
1216
1211
|
marginTop: 0
|
|
1217
|
-
})), ".".concat(_consts.RendererCssClassName.DOCUMENT), (_$
|
|
1212
|
+
})), ".".concat(_consts.RendererCssClassName.DOCUMENT), (_$concat5 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$concat5, ".".concat(_consts.RendererCssClassName.EXTENSION), {
|
|
1218
1213
|
marginTop: "".concat(_editorSharedStyles.blockNodesVerticalMargin)
|
|
1219
1214
|
}), ".".concat(_consts.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER, " .").concat(_consts.RendererCssClassName.EXTENSION), {
|
|
1220
1215
|
marginBottom: 0
|
|
@@ -1235,7 +1230,7 @@ var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineP
|
|
|
1235
1230
|
marginBottom: 0
|
|
1236
1231
|
}), ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
|
|
1237
1232
|
overflowX: 'auto'
|
|
1238
|
-
}), (0, _defineProperty2.default)(_$
|
|
1233
|
+
}), (0, _defineProperty2.default)(_$concat5, ".".concat(_ui.shadowObserverClassNames.SHADOW_CONTAINER, " .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER), {
|
|
1239
1234
|
display: 'flex'
|
|
1240
1235
|
}))));
|
|
1241
1236
|
var alignedHeadingAnchorStyleDuplicateAnchor = (0, _react.css)({
|
|
@@ -2294,13 +2289,13 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2294
2289
|
}),
|
|
2295
2290
|
css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_schema', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
|
|
2296
2291
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2297
|
-
textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0,
|
|
2292
|
+
textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _fg.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
|
|
2298
2293
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
2299
|
-
(0,
|
|
2294
|
+
(0, _fg.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
|
|
2300
2295
|
// this should be placed after baseOtherStyles
|
|
2301
2296
|
(0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
|
|
2302
2297
|
// merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
|
|
2303
|
-
(0,
|
|
2298
|
+
(0, _fg.fg)('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, (0, _fg.fg)('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && (0, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, (0, _expValEquals.expValEquals)('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
|
|
2304
2299
|
"data-testid": testId
|
|
2305
2300
|
}, children);
|
|
2306
2301
|
};
|
|
@@ -9,7 +9,7 @@ exports.calcLineLength = exports.breakoutInlineScriptContext = void 0;
|
|
|
9
9
|
exports.createBreakoutInlineScript = createBreakoutInlineScript;
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
12
|
-
var
|
|
12
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _style = require("./style");
|
|
14
14
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
15
|
/* eslint-disable jsdoc/require-jsdoc -- SSR inline script helpers */
|
|
@@ -37,7 +37,7 @@ function BreakoutSSRInlineScript(_ref) {
|
|
|
37
37
|
}
|
|
38
38
|
var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
|
|
39
39
|
var shouldSkipScript = {
|
|
40
|
-
table: (0,
|
|
40
|
+
table: (0, _fg.fg)('platform-ssr-table-resize')
|
|
41
41
|
};
|
|
42
42
|
return /*#__PURE__*/_react.default.createElement("script", {
|
|
43
43
|
"data-breakout-script-id": id
|
|
@@ -52,7 +52,7 @@ function BreakoutSSRInlineScript(_ref) {
|
|
|
52
52
|
}
|
|
53
53
|
function createBreakoutInlineScript(id, shouldSkipScript) {
|
|
54
54
|
var flags = {
|
|
55
|
-
platform_editor_fix_media_in_renderer: (0,
|
|
55
|
+
platform_editor_fix_media_in_renderer: (0, _fg.fg)('platform_editor_fix_media_in_renderer'),
|
|
56
56
|
platform_editor_renderer_extension_width_fix: (0, _expValEquals.expValEquals)('platform_editor_renderer_extension_width_fix', 'isEnabled', true)
|
|
57
57
|
};
|
|
58
58
|
return "(function(window){\nif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) { return; }\n".concat(breakoutInlineScriptContext, ";\n(").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(JSON.stringify(shouldSkipScript), ", ").concat(JSON.stringify(flags), ");\n})(window);\n");
|
|
@@ -25,9 +25,9 @@ var _navigation = require("@atlaskit/editor-common/performance/navigation");
|
|
|
25
25
|
var _useScrollToBlock = require("../hooks/useScrollToBlock");
|
|
26
26
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
27
27
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
28
|
-
var
|
|
28
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
29
29
|
var _types = require("@atlaskit/analytics-listeners/types");
|
|
30
|
-
var
|
|
30
|
+
var _FabricEditorAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext");
|
|
31
31
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
32
32
|
var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
|
|
33
33
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
@@ -74,7 +74,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
74
74
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
75
75
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
76
76
|
var packageName = "@atlaskit/renderer";
|
|
77
|
-
var packageVersion = "136.2.
|
|
77
|
+
var packageVersion = "136.2.5";
|
|
78
78
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
79
79
|
containerName: 'ak-renderer-wrapper',
|
|
80
80
|
containerType: 'inline-size'
|
|
@@ -351,13 +351,13 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
351
351
|
var heightWidthAnalyticsRicID;
|
|
352
352
|
var heightWidthAnalyticsRafID;
|
|
353
353
|
var handleAnalytics = function handleAnalytics() {
|
|
354
|
-
if (!(0,
|
|
354
|
+
if (!(0, _fg.fg)('platform_renderer_sample_high_volume_events') || Math.random() < RENDER_EVENT_SAMPLE_RATE) {
|
|
355
355
|
_fireAnalyticsEvent({
|
|
356
356
|
action: _analytics.ACTION.STARTED,
|
|
357
357
|
actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
|
|
358
358
|
attributes: {
|
|
359
359
|
platform: _events.PLATFORM.WEB,
|
|
360
|
-
sampleRate: (0,
|
|
360
|
+
sampleRate: (0, _fg.fg)('platform_renderer_sample_high_volume_events') ? RENDER_EVENT_SAMPLE_RATE : 1
|
|
361
361
|
},
|
|
362
362
|
eventType: _analytics.EVENT_TYPE.UI
|
|
363
363
|
});
|
|
@@ -399,11 +399,11 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
399
399
|
nodes: nodes,
|
|
400
400
|
nestedRendererType: nestedRendererType,
|
|
401
401
|
severity: severity,
|
|
402
|
-
sampleRate: (0,
|
|
402
|
+
sampleRate: (0, _fg.fg)('platform_renderer_sample_high_volume_events') ? RENDER_EVENT_SAMPLE_RATE : 1
|
|
403
403
|
},
|
|
404
404
|
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
405
405
|
};
|
|
406
|
-
if (!(0,
|
|
406
|
+
if (!(0, _fg.fg)('platform_renderer_sample_high_volume_events') || Math.random() < RENDER_EVENT_SAMPLE_RATE) {
|
|
407
407
|
_fireAnalyticsEvent(event);
|
|
408
408
|
}
|
|
409
409
|
}
|
|
@@ -425,7 +425,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
425
425
|
if (payload) {
|
|
426
426
|
_fireAnalyticsEvent(payload);
|
|
427
427
|
}
|
|
428
|
-
if ((0,
|
|
428
|
+
if ((0, _fg.fg)('platform_editor_table_height_analytics_event')) {
|
|
429
429
|
var payloadHeight = (0, _analyticsUtils.getHeightInfoPayload)(renderer);
|
|
430
430
|
if (payloadHeight) {
|
|
431
431
|
_fireAnalyticsEvent(payloadHeight);
|
|
@@ -622,7 +622,7 @@ function Renderer(props) {
|
|
|
622
622
|
// Used by Confluence for View page renderer
|
|
623
623
|
// For the nested renderers - see RendererWithAnnotationSelection.
|
|
624
624
|
var RendererWithAnalytics = exports.RendererWithAnalytics = /*#__PURE__*/_react.default.memo(function (props) {
|
|
625
|
-
return (0, _react2.jsx)(
|
|
625
|
+
return (0, _react2.jsx)(_FabricEditorAnalyticsContext.FabricEditorAnalyticsContext
|
|
626
626
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
627
627
|
, {
|
|
628
628
|
data: {
|
|
@@ -784,7 +784,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
784
784
|
//
|
|
785
785
|
|
|
786
786
|
// allowRendererContainerStyles is not needed for comment container styling as container should always be set for comments
|
|
787
|
-
if (appearance === 'comment' && isTopLevelRenderer && (0,
|
|
787
|
+
if (appearance === 'comment' && isTopLevelRenderer && (0, _fg.fg)('platform-ssr-table-resize')) {
|
|
788
788
|
return (0, _react2.jsx)("div", {
|
|
789
789
|
css: setAsQueryContainerStyles
|
|
790
790
|
}, renderer);
|
|
@@ -797,7 +797,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
797
797
|
return (appearance === 'full-page' || appearance === 'full-width' || ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max') &&
|
|
798
798
|
// In case of having excerpt-include on page there are multiple renderers nested.
|
|
799
799
|
// Make sure only the root renderer is set to be query container.
|
|
800
|
-
isTopLevelRenderer && allowRendererContainerStyles && (0,
|
|
800
|
+
isTopLevelRenderer && allowRendererContainerStyles && (0, _fg.fg)('platform-ssr-table-resize') ? (0, _react2.jsx)("div", {
|
|
801
801
|
css: setAsQueryContainerStyles
|
|
802
802
|
}, renderer) : renderer;
|
|
803
803
|
});
|
|
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.RendererActionsContext = RendererActionsContext;
|
|
9
9
|
exports.RendererContext = exports.RendererActionsContextConsumer = void 0;
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
11
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
12
|
+
var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
|
|
13
|
+
var _types = require("@atlaskit/analytics-listeners/types");
|
|
14
14
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
15
15
|
var _index = _interopRequireDefault(require("../../actions/index"));
|
|
16
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -20,14 +20,14 @@ var RendererContext = exports.RendererContext = /*#__PURE__*/_react.default.crea
|
|
|
20
20
|
function RendererActionsContext(_ref) {
|
|
21
21
|
var children = _ref.children,
|
|
22
22
|
context = _ref.context;
|
|
23
|
-
var _useAnalyticsEvents = (0,
|
|
23
|
+
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
|
|
24
24
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
25
25
|
var actions = (0, _react.useMemo)(function () {
|
|
26
26
|
return new _index.default(true);
|
|
27
27
|
}, []);
|
|
28
28
|
|
|
29
29
|
// Remove this eventually when root cause is assessed
|
|
30
|
-
if (_react.default.Children.count(children) > 1 && (0,
|
|
30
|
+
if (_react.default.Children.count(children) > 1 && (0, _fg.fg)('confluence_frontend_fix_view_page_slo')) {
|
|
31
31
|
// Send event when we get more than 1 child
|
|
32
32
|
|
|
33
33
|
try {
|
|
@@ -44,11 +44,11 @@ function RendererActionsContext(_ref) {
|
|
|
44
44
|
numChildren: _react.default.Children.count(children),
|
|
45
45
|
stackTrace: stack
|
|
46
46
|
}
|
|
47
|
-
}).fire(
|
|
47
|
+
}).fire(_types.FabricChannel.editor);
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
return /*#__PURE__*/_react.default.createElement(RendererContext.Provider, {
|
|
51
51
|
value: context || actions
|
|
52
|
-
}, (0,
|
|
52
|
+
}, (0, _fg.fg)('confluence_frontend_fix_view_page_slo') ? _react.default.Children.only(children) : children);
|
|
53
53
|
}
|
|
54
54
|
var RendererActionsContextConsumer = exports.RendererActionsContextConsumer = RendererContext.Consumer;
|
|
@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
13
|
-
var
|
|
13
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
14
14
|
var _reactIntl = require("react-intl");
|
|
15
15
|
var _messages = require("../../../messages");
|
|
16
16
|
var _AnnotationManagerContext = require("../contexts/AnnotationManagerContext");
|
|
@@ -156,7 +156,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
|
|
|
156
156
|
if (event.defaultPrevented || state !== _adfSchema.AnnotationMarkStates.ACTIVE) {
|
|
157
157
|
return;
|
|
158
158
|
}
|
|
159
|
-
if ((0,
|
|
159
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
160
160
|
// We only want to interfere with click events if the click is on some ui inside the renderer document
|
|
161
161
|
// This is to prevent the click events from portaled content (such as link previews and mention profiles)
|
|
162
162
|
if (event.target instanceof HTMLElement && event.target.closest('.ak-renderer-document')) {
|
|
@@ -216,8 +216,8 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
|
|
|
216
216
|
return (0, _react2.jsx)(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)({
|
|
217
217
|
ref: id === currentSelectedAnnotationId ? markRef : undefined,
|
|
218
218
|
id: id
|
|
219
|
-
}, (0,
|
|
220
|
-
css: [markStyles, markStylesLayeringFix, (0,
|
|
219
|
+
}, (0, _fg.fg)('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
|
|
220
|
+
css: [markStyles, markStylesLayeringFix, (0, _fg.fg)('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() && accessibilityStylesNew, markStylesWithUpdatedShadow],
|
|
221
221
|
style: {
|
|
222
222
|
'--ak-renderer-annotation-startmarker': "\"".concat(intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart), "\""),
|
|
223
223
|
'--ak-renderer-annotation-endmarker': "\"".concat(intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd), "\"")
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useInlineAnnotationProps = useInlineAnnotationProps;
|
|
7
|
-
var
|
|
7
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
8
8
|
var _AnnotationRangeContext = require("../contexts/AnnotationRangeContext");
|
|
9
9
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
10
10
|
|
|
11
11
|
function useInlineAnnotationProps(props) {
|
|
12
12
|
var _useAnnotationRangeSt = (0, _AnnotationRangeContext.useAnnotationRangeState)(),
|
|
13
13
|
draftPosition = _useAnnotationRangeSt.selectionDraftDocumentPosition;
|
|
14
|
-
if (!(0,
|
|
14
|
+
if (!(0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
15
15
|
return {};
|
|
16
16
|
}
|
|
17
17
|
if (!props.dataAttributes) {
|
|
@@ -12,7 +12,7 @@ var _wrapper = require("./wrapper");
|
|
|
12
12
|
var _context = require("./context");
|
|
13
13
|
var _useLoadAnnotations = require("./hooks/use-load-annotations");
|
|
14
14
|
var _useEvents = require("./hooks/use-events");
|
|
15
|
-
var
|
|
15
|
+
var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
|
|
16
16
|
var _AnnotationRangeContext = require("./contexts/AnnotationRangeContext");
|
|
17
17
|
var _AnnotationHoverContext = require("./contexts/AnnotationHoverContext");
|
|
18
18
|
var _AnnotationManagerContext = require("./contexts/AnnotationManagerContext");
|
|
@@ -49,7 +49,7 @@ var AnnotationsWrapperInner = exports.AnnotationsWrapperInner = function Annotat
|
|
|
49
49
|
type: _adfSchema.AnnotationTypes.INLINE_COMMENT,
|
|
50
50
|
updateSubscriber: updateSubscriber || null
|
|
51
51
|
});
|
|
52
|
-
var _useAnalyticsEvents = (0,
|
|
52
|
+
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
|
|
53
53
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
54
54
|
return /*#__PURE__*/_react.default.createElement(_context.InlineCommentsStateContext.Provider, {
|
|
55
55
|
value: inlineCommentAnnotationsState
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.SelectionInlineCommentMounter = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
|
-
var
|
|
11
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
12
12
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
13
13
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
14
14
|
var _dom = require("../draft/dom");
|
|
@@ -144,7 +144,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
144
144
|
// - platform_editor_comments_api_manager is on (existing behaviour), OR
|
|
145
145
|
// - COMMENTS-6594 experiment is on (fix: avoids stale closure value)
|
|
146
146
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
147
|
-
var positionToAnnotate = (0,
|
|
147
|
+
var positionToAnnotate = (0, _fg.fg)('platform_editor_comments_api_manager') || (0, _expValEquals.expValEquals)('confluence_inline_comments_fix_stale_selection', 'isEnabled', true) ? documentPosition : selectionDraftDocumentPosition || documentPosition;
|
|
148
148
|
if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
|
|
149
149
|
if (createAnalyticsEvent) {
|
|
150
150
|
createAnalyticsEvent({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getRangeInlineNodeNames, getRangeAncestorNodeNames } from '@atlaskit/editor-common/utils';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
3
3
|
export function getRendererRangeInlineNodeNames({
|
|
4
4
|
actions,
|
|
5
5
|
pos
|
|
@@ -5,7 +5,7 @@ import { JSONTransformer } from '@atlaskit/editor-json-transformer';
|
|
|
5
5
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
6
6
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
7
7
|
import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
9
|
import { createAnnotationStep, getPosFromRange } from '../steps';
|
|
10
10
|
import { getRendererRangeInlineNodeNames, getRendererRangeAncestorNodeNames } from './get-renderer-range-inline-node-names';
|
|
11
11
|
import { getIndexMatch } from './matches-utils';
|
|
@@ -10,11 +10,11 @@ import { isNestedHeaderLinksEnabled } from './utils/links';
|
|
|
10
10
|
import { getColumnWidths } from '@atlaskit/editor-common/utils';
|
|
11
11
|
import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
|
|
12
12
|
import { findChildrenByMark, findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
14
14
|
import { getText } from '../utils';
|
|
15
15
|
import { isAnnotationMark, toReact as markToReact } from './marks';
|
|
16
16
|
import { isCodeMark } from './marks/code';
|
|
17
|
-
import { getNestedUnderNodes, insideBlockNode,
|
|
17
|
+
import { getNestedUnderNodes, insideBlockNode, insideMultiBodiedExtension, insideTable } from './renderer-node';
|
|
18
18
|
import { renderTextSegments } from './utils/render-text-segments';
|
|
19
19
|
import { segmentText } from './utils/segment-text';
|
|
20
20
|
import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
|
|
@@ -413,9 +413,7 @@ export default class ReactSerializer {
|
|
|
413
413
|
const isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
|
|
414
414
|
const isInsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
|
|
415
415
|
const isInsideOfTable = insideTable(path, node.type.schema);
|
|
416
|
-
const
|
|
417
|
-
const isInsideBreakoutExpand = !isStickySafeCenteringEnabled && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && insideBreakoutExpand(path);
|
|
418
|
-
const stickyHeaders = isStickySafeCenteringEnabled ? !isInsideOfTable ? this.stickyHeaders : undefined : !isInsideOfTable && !insideBreakoutLayout(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
|
|
416
|
+
const stickyHeaders = !isInsideOfTable ? this.stickyHeaders : undefined;
|
|
419
417
|
return {
|
|
420
418
|
...this.getProps(node),
|
|
421
419
|
allowColumnSorting: this.allowColumnSorting,
|