@atlaskit/renderer 137.2.6 → 137.3.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 +59 -0
- package/default/package.json +10 -0
- package/dist/cjs/entry-points/experimental-sync-custom-nodes/cards.js +7 -0
- package/dist/cjs/entry-points/experimental-sync-custom-nodes/media.js +7 -0
- package/dist/cjs/entry-points/experimental-sync-custom-nodes/small-nodes.js +7 -0
- package/dist/cjs/entry-points/nodes-default.js +12 -0
- package/dist/cjs/entry-points/renderer-default.js +44 -0
- package/dist/cjs/react/marks/link.js +2 -2
- package/dist/cjs/react/nodes/extension.js +2 -2
- package/dist/cjs/react/nodes/layoutColumn.js +2 -2
- package/dist/cjs/react/nodes/nodes.js +104 -0
- package/dist/cjs/react/nodes/panel.js +2 -2
- package/dist/cjs/react/utils/EditorMediaClientProvider.js +5 -5
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +4 -1
- package/dist/cjs/ui/Renderer/index.js +5 -5
- package/dist/es2019/custom-nodes.js +6 -0
- package/dist/es2019/entry-points/custom-nodes-loosely-lazy.js +7 -0
- package/dist/es2019/entry-points/experimental-sync-custom-nodes/cards.js +7 -0
- package/dist/es2019/entry-points/experimental-sync-custom-nodes/media.js +7 -0
- package/dist/es2019/entry-points/experimental-sync-custom-nodes/small-nodes.js +7 -0
- package/dist/es2019/entry-points/loosely-lazy.js +7 -0
- package/dist/es2019/entry-points/nodes-default.js +3 -0
- package/dist/es2019/entry-points/nodes.js +14 -1
- package/dist/es2019/entry-points/renderer-default.js +23 -0
- package/dist/es2019/entry-points/renderer.js +48 -1
- package/dist/es2019/index.js +21 -1
- package/dist/es2019/react/marks/link.js +2 -2
- package/dist/es2019/react/nodes/extension.js +2 -2
- package/dist/es2019/react/nodes/layoutColumn.js +2 -2
- package/dist/es2019/react/nodes/nodes.js +97 -0
- package/dist/es2019/react/nodes/panel.js +2 -2
- package/dist/es2019/react/utils/EditorMediaClientProvider.js +5 -5
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +9 -1
- package/dist/es2019/ui/Renderer/index.js +5 -5
- package/dist/esm/custom-nodes.js +6 -0
- package/dist/esm/entry-points/custom-nodes-loosely-lazy.js +7 -0
- package/dist/esm/entry-points/experimental-sync-custom-nodes/cards.js +7 -0
- package/dist/esm/entry-points/experimental-sync-custom-nodes/media.js +7 -0
- package/dist/esm/entry-points/experimental-sync-custom-nodes/small-nodes.js +7 -0
- package/dist/esm/entry-points/loosely-lazy.js +7 -0
- package/dist/esm/entry-points/nodes-default.js +3 -0
- package/dist/esm/entry-points/nodes.js +14 -1
- package/dist/esm/entry-points/renderer-default.js +25 -0
- package/dist/esm/entry-points/renderer.js +48 -1
- package/dist/esm/index.js +21 -1
- package/dist/esm/react/marks/link.js +2 -2
- package/dist/esm/react/nodes/extension.js +2 -2
- package/dist/esm/react/nodes/layoutColumn.js +2 -2
- package/dist/esm/react/nodes/nodes.js +97 -0
- package/dist/esm/react/nodes/panel.js +2 -2
- package/dist/esm/react/utils/EditorMediaClientProvider.js +5 -5
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +4 -1
- package/dist/esm/ui/Renderer/index.js +5 -5
- package/dist/types/custom-nodes.d.ts +5 -0
- package/dist/types/entry-points/custom-nodes-loosely-lazy.d.ts +5 -0
- package/dist/types/entry-points/experimental-sync-custom-nodes/cards.d.ts +5 -0
- package/dist/types/entry-points/experimental-sync-custom-nodes/media.d.ts +5 -0
- package/dist/types/entry-points/experimental-sync-custom-nodes/small-nodes.d.ts +5 -0
- package/dist/types/entry-points/loosely-lazy.d.ts +5 -0
- package/dist/types/entry-points/nodes-default.d.ts +2 -0
- package/dist/types/entry-points/nodes.d.ts +10 -0
- package/dist/types/entry-points/renderer-default.d.ts +6 -0
- package/dist/types/entry-points/renderer.d.ts +40 -1
- package/dist/types/index.d.ts +17 -1
- package/dist/types/react/nodes/nodes.d.ts +7 -0
- package/dist/types/ui/renderer-props.d.ts +4 -5
- package/nodes/default/package.json +10 -0
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,64 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 137.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`1f75590af7b4c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f75590af7b4c) -
|
|
8
|
+
Add `@atlaskit/renderer/default`, which includes the default synchronous node components, and
|
|
9
|
+
`@atlaskit/renderer/nodes/default`, which exports those components as a node map. Editor is moving
|
|
10
|
+
to synchronously load nodes in view mode and these entry points allow consumers to incrementally
|
|
11
|
+
migrate. The legacy renderer and node entry points will be removed in January 2027.
|
|
12
|
+
|
|
13
|
+
Before:
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
import { ReactRenderer } from '@atlaskit/renderer';
|
|
17
|
+
|
|
18
|
+
export function Page() {
|
|
19
|
+
return <ReactRenderer document={document} appearance="full-page" />;
|
|
20
|
+
}
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
After:
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
import { Renderer } from '@atlaskit/renderer/default';
|
|
27
|
+
|
|
28
|
+
export function Page() {
|
|
29
|
+
return <Renderer document={document} appearance="full-page" />;
|
|
30
|
+
}
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
Read more here:
|
|
34
|
+
https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer
|
|
35
|
+
|
|
36
|
+
### Patch Changes
|
|
37
|
+
|
|
38
|
+
- Updated dependencies
|
|
39
|
+
|
|
40
|
+
## 137.2.8
|
|
41
|
+
|
|
42
|
+
### Patch Changes
|
|
43
|
+
|
|
44
|
+
- [`929a93a3d858c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/929a93a3d858c) -
|
|
45
|
+
Fix nested renderer overflow in regular table cells behind the
|
|
46
|
+
`platform_editor_table_fit_to_content_patch_2` experiment.
|
|
47
|
+
- Updated dependencies
|
|
48
|
+
|
|
49
|
+
## 137.2.7
|
|
50
|
+
|
|
51
|
+
### Patch Changes
|
|
52
|
+
|
|
53
|
+
- [`43740d342ffe7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/43740d342ffe7) -
|
|
54
|
+
Clean up feature gate `platform_renderer_sample_high_volume_events`. This means the "started" and
|
|
55
|
+
"rendered" analytics events will only be fired 10% of the time. This is designed to reduce running
|
|
56
|
+
costs. If you need to hook into the rendered lifecycle then you should use the `onRendered` hook.
|
|
57
|
+
- [`a6c26b16402ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a6c26b16402ca) -
|
|
58
|
+
Migrate nine dogfooding editor experiments from `@atlaskit/tmp-editor-statsig` to the Platform
|
|
59
|
+
experiment API and move their tests to Platform experiment mocks.
|
|
60
|
+
- Updated dependencies
|
|
61
|
+
|
|
3
62
|
## 137.2.6
|
|
4
63
|
|
|
5
64
|
### Patch Changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/renderer/default",
|
|
3
|
+
"main": "../dist/cjs/entry-points/renderer-default.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/renderer-default.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/renderer-default.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/renderer-default.d.ts"
|
|
10
|
+
}
|
|
@@ -8,6 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _blockCard = _interopRequireDefault(require("../../react/nodes/blockCard"));
|
|
9
9
|
var _embedCard = _interopRequireDefault(require("../../react/nodes/embedCard"));
|
|
10
10
|
var _inlineCard = _interopRequireDefault(require("../../react/nodes/inlineCard"));
|
|
11
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
11
12
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
12
13
|
// Entry file in package.json
|
|
13
14
|
|
|
@@ -23,4 +24,10 @@ var nodeToReact = {
|
|
|
23
24
|
embedCard: _embedCard.default,
|
|
24
25
|
inlineCard: _inlineCard.default
|
|
25
26
|
};
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
30
|
+
* This entry point will be removed in January 2027.
|
|
31
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
32
|
+
*/
|
|
26
33
|
var _default = exports.default = nodeToReact;
|
|
@@ -9,6 +9,7 @@ var _media = _interopRequireDefault(require("../../react/nodes/media"));
|
|
|
9
9
|
var _mediaGroup = _interopRequireDefault(require("../../react/nodes/mediaGroup"));
|
|
10
10
|
var _mediaInline = _interopRequireDefault(require("../../react/nodes/mediaInline"));
|
|
11
11
|
var _mediaSingle = _interopRequireDefault(require("../../react/nodes/mediaSingle"));
|
|
12
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
12
13
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
13
14
|
// Entry file in package.json
|
|
14
15
|
|
|
@@ -25,4 +26,10 @@ var nodeToReact = {
|
|
|
25
26
|
mediaInline: _mediaInline.default,
|
|
26
27
|
mediaSingle: _mediaSingle.default
|
|
27
28
|
};
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
32
|
+
* This entry point will be removed in January 2027.
|
|
33
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
34
|
+
*/
|
|
28
35
|
var _default = exports.default = nodeToReact;
|
|
@@ -16,6 +16,7 @@ var _status = _interopRequireDefault(require("../../react/nodes/status"));
|
|
|
16
16
|
var _taskItem = _interopRequireDefault(require("../../react/nodes/taskItem"));
|
|
17
17
|
var _taskList = _interopRequireDefault(require("../../react/nodes/taskList"));
|
|
18
18
|
var _Expand = _interopRequireDefault(require("../../ui/Expand"));
|
|
19
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
19
20
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
20
21
|
// Entry file in package.json
|
|
21
22
|
|
|
@@ -41,4 +42,10 @@ var nodeToReact = {
|
|
|
41
42
|
taskList: _taskList.default,
|
|
42
43
|
expand: _Expand.default
|
|
43
44
|
};
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
48
|
+
* This entry point will be removed in January 2027.
|
|
49
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
50
|
+
*/
|
|
44
51
|
var _default = exports.default = nodeToReact;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "DEGRADED_SEVERITY_THRESHOLD", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _index.DEGRADED_SEVERITY_THRESHOLD;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "NORMAL_SEVERITY_THRESHOLD", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _index.NORMAL_SEVERITY_THRESHOLD;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
exports.RendererWithAnalytics = exports.RendererFunctionalComponent = exports.Renderer = void 0;
|
|
21
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
var _react = _interopRequireDefault(require("react"));
|
|
24
|
+
var _nodes = require("../react/nodes/nodes");
|
|
25
|
+
var _index = _interopRequireWildcard(require("../ui/Renderer/index"));
|
|
26
|
+
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); }
|
|
27
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @atlaskit/editor/no-re-export */
|
|
29
|
+
function withSyncNodes(BaseComponent) {
|
|
30
|
+
var ComponentWithSyncNodes = function ComponentWithSyncNodes(props) {
|
|
31
|
+
var nodeComponentsWithSyncNodes = _react.default.useMemo(function () {
|
|
32
|
+
return _objectSpread(_objectSpread({}, _nodes.nodes), props.nodeComponents);
|
|
33
|
+
}, [props.nodeComponents]);
|
|
34
|
+
|
|
35
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(BaseComponent, (0, _extends2.default)({}, props, {
|
|
37
|
+
nodeComponents: nodeComponentsWithSyncNodes
|
|
38
|
+
}));
|
|
39
|
+
};
|
|
40
|
+
return ComponentWithSyncNodes;
|
|
41
|
+
}
|
|
42
|
+
var Renderer = exports.Renderer = withSyncNodes(_index.default);
|
|
43
|
+
var RendererFunctionalComponent = exports.RendererFunctionalComponent = withSyncNodes(_index.RendererFunctionalComponent);
|
|
44
|
+
var RendererWithAnalytics = exports.RendererWithAnalytics = withSyncNodes(_index.RendererWithAnalytics);
|
|
@@ -8,17 +8,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = Link;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
11
12
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
12
13
|
var _utils = require("../../utils");
|
|
13
14
|
var _events = require("../../analytics/events");
|
|
14
15
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
15
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
16
|
var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
|
|
17
17
|
var _linkCompiled = require("./link-compiled");
|
|
18
18
|
var _linkEmotion = require("./link-emotion");
|
|
19
19
|
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
20
|
var LinkUrlMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
21
|
-
return (0,
|
|
21
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_renderer_static_css');
|
|
22
22
|
}, _linkCompiled.LinkUrlCompiled, _linkEmotion.LinkUrlEmotion);
|
|
23
23
|
/**
|
|
24
24
|
* Render an ADF link mark in renderer.
|
|
@@ -171,7 +171,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
|
|
|
171
171
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
172
172
|
,
|
|
173
173
|
className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
|
|
174
|
-
css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
174
|
+
css: [!(isInsideOfTable && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_2') && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
175
175
|
}, asInlineAnalytics, content));
|
|
176
176
|
return centerAlignClass ? (0, _react.jsx)("div", {
|
|
177
177
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -202,7 +202,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
|
|
|
202
202
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
203
203
|
,
|
|
204
204
|
className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
|
|
205
|
-
css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
205
|
+
css: [!(isInsideOfTable && !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_2') && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
206
206
|
}, asInlineAnalytics, content));
|
|
207
207
|
return centerAlignClass ? (0, _react.jsx)("div", {
|
|
208
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = LayoutSection;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
9
10
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
10
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
11
|
var _layoutColumnCompiled = require("./layoutColumn-compiled");
|
|
12
12
|
var _layoutColumnEmotion = require("./layoutColumn-emotion");
|
|
13
13
|
var LayoutSectionMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
14
|
-
return (0,
|
|
14
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_renderer_static_css');
|
|
15
15
|
}, _layoutColumnCompiled.LayoutSectionCompiled, _layoutColumnEmotion.LayoutSectionEmotion);
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.nodes = void 0;
|
|
8
|
+
var _ui = require("@atlaskit/editor-common/ui");
|
|
9
|
+
var _Expand = _interopRequireDefault(require("../../ui/Expand"));
|
|
10
|
+
var _blockCard = _interopRequireDefault(require("./blockCard"));
|
|
11
|
+
var _blockquote = _interopRequireDefault(require("./blockquote"));
|
|
12
|
+
var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
|
|
13
|
+
var _bodiedSyncBlock = _interopRequireDefault(require("./bodiedSyncBlock"));
|
|
14
|
+
var _bulletList = _interopRequireDefault(require("./bulletList"));
|
|
15
|
+
var _caption = _interopRequireDefault(require("./caption"));
|
|
16
|
+
var _codeBlock = _interopRequireDefault(require("./codeBlock/codeBlock"));
|
|
17
|
+
var _windowedCodeBlock = _interopRequireDefault(require("./codeBlock/windowedCodeBlock"));
|
|
18
|
+
var _date = _interopRequireDefault(require("./date"));
|
|
19
|
+
var _decisionItem = _interopRequireDefault(require("./decisionItem"));
|
|
20
|
+
var _decisionList = _interopRequireDefault(require("./decisionList"));
|
|
21
|
+
var _doc = _interopRequireDefault(require("./doc"));
|
|
22
|
+
var _embedCard = _interopRequireDefault(require("./embedCard"));
|
|
23
|
+
var _emoji = _interopRequireDefault(require("./emoji"));
|
|
24
|
+
var _extension = _interopRequireDefault(require("./extension"));
|
|
25
|
+
var _extensionFrame = _interopRequireDefault(require("./extensionFrame"));
|
|
26
|
+
var _hardBreak = _interopRequireDefault(require("./hardBreak"));
|
|
27
|
+
var _heading = _interopRequireDefault(require("./heading"));
|
|
28
|
+
var _inlineCard = _interopRequireDefault(require("./inlineCard"));
|
|
29
|
+
var _inlineExtension = _interopRequireDefault(require("./inlineExtension"));
|
|
30
|
+
var _layoutColumn = _interopRequireDefault(require("./layoutColumn"));
|
|
31
|
+
var _layoutSection = _interopRequireDefault(require("./layoutSection"));
|
|
32
|
+
var _listItem = _interopRequireDefault(require("./listItem"));
|
|
33
|
+
var _media = _interopRequireDefault(require("./media"));
|
|
34
|
+
var _mediaGroup = _interopRequireDefault(require("./mediaGroup"));
|
|
35
|
+
var _mediaInline = _interopRequireDefault(require("./mediaInline"));
|
|
36
|
+
var _mediaSingle = _interopRequireDefault(require("./mediaSingle"));
|
|
37
|
+
var _mention = _interopRequireDefault(require("./mention"));
|
|
38
|
+
var _multiBodiedExtension = _interopRequireDefault(require("./multiBodiedExtension"));
|
|
39
|
+
var _orderedList = _interopRequireDefault(require("./orderedList"));
|
|
40
|
+
var _panel = _interopRequireDefault(require("./panel"));
|
|
41
|
+
var _paragraph = _interopRequireDefault(require("./paragraph"));
|
|
42
|
+
var _placeholder = _interopRequireDefault(require("./placeholder"));
|
|
43
|
+
var _rule = _interopRequireDefault(require("./rule"));
|
|
44
|
+
var _status = _interopRequireDefault(require("./status"));
|
|
45
|
+
var _syncBlock = _interopRequireDefault(require("./syncBlock"));
|
|
46
|
+
var _table = _interopRequireDefault(require("./table"));
|
|
47
|
+
var _tableCell = require("./tableCell");
|
|
48
|
+
var _tableRow = _interopRequireDefault(require("./tableRow"));
|
|
49
|
+
var _taskItem = _interopRequireDefault(require("./taskItem"));
|
|
50
|
+
var _taskList = _interopRequireDefault(require("./taskList"));
|
|
51
|
+
var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
|
|
52
|
+
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
53
|
+
|
|
54
|
+
var nodes = exports.nodes = {
|
|
55
|
+
blockCard: _blockCard.default,
|
|
56
|
+
blockquote: _blockquote.default,
|
|
57
|
+
blockTaskItem: _taskItem.default,
|
|
58
|
+
bodiedExtension: _bodiedExtension.default,
|
|
59
|
+
bodiedSyncBlock: _bodiedSyncBlock.default,
|
|
60
|
+
bulletList: _bulletList.default,
|
|
61
|
+
caption: _caption.default,
|
|
62
|
+
codeBlock: _codeBlock.default,
|
|
63
|
+
date: _date.default,
|
|
64
|
+
decisionItem: _decisionItem.default,
|
|
65
|
+
decisionList: _decisionList.default,
|
|
66
|
+
doc: _doc.default,
|
|
67
|
+
embedCard: _embedCard.default,
|
|
68
|
+
emoji: _emoji.default,
|
|
69
|
+
expand: _Expand.default,
|
|
70
|
+
extension: _extension.default,
|
|
71
|
+
extensionFrame: _extensionFrame.default,
|
|
72
|
+
hardBreak: _hardBreak.default,
|
|
73
|
+
heading: _heading.default,
|
|
74
|
+
inlineCard: _inlineCard.default,
|
|
75
|
+
inlineExtension: _inlineExtension.default,
|
|
76
|
+
layoutColumn: _layoutColumn.default,
|
|
77
|
+
layoutSection: _layoutSection.default,
|
|
78
|
+
listItem: _listItem.default,
|
|
79
|
+
media: _media.default,
|
|
80
|
+
mediaGroup: _mediaGroup.default,
|
|
81
|
+
mediaInline: _mediaInline.default,
|
|
82
|
+
mediaSingle: _mediaSingle.default,
|
|
83
|
+
mention: _mention.default,
|
|
84
|
+
multiBodiedExtension: _multiBodiedExtension.default,
|
|
85
|
+
nestedExpand: _Expand.default,
|
|
86
|
+
orderedList: _orderedList.default,
|
|
87
|
+
panel: _panel.default,
|
|
88
|
+
panel_c1: _panel.default,
|
|
89
|
+
paragraph: _paragraph.default,
|
|
90
|
+
placeholder: _placeholder.default,
|
|
91
|
+
rule: _rule.default,
|
|
92
|
+
status: _status.default,
|
|
93
|
+
syncBlock: _syncBlock.default,
|
|
94
|
+
table: _table.default,
|
|
95
|
+
tableCell: _tableCell.TableCell,
|
|
96
|
+
tableHeader: _tableCell.TableHeader,
|
|
97
|
+
tableRow: _tableRow.default,
|
|
98
|
+
taskItem: _taskItem.default,
|
|
99
|
+
taskList: _taskList.default,
|
|
100
|
+
unknownBlock: _unknownBlock.default,
|
|
101
|
+
unsupportedBlock: _ui.UnsupportedBlock,
|
|
102
|
+
unsupportedInline: _ui.UnsupportedInline,
|
|
103
|
+
windowedCodeBlock: _windowedCodeBlock.default
|
|
104
|
+
};
|
|
@@ -11,8 +11,8 @@ var _icons = require("@atlaskit/editor-common/icons");
|
|
|
11
11
|
var _panel2 = require("@atlaskit/editor-common/panel");
|
|
12
12
|
var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
|
|
13
13
|
var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
|
|
14
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
15
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
15
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
16
|
var _emoji2 = _interopRequireDefault(require("./emoji"));
|
|
17
17
|
var _panelCompiled = require("./panel-compiled");
|
|
18
18
|
var _panelEmotion = require("./panel-emotion");
|
|
@@ -26,7 +26,7 @@ var panelIcons = {
|
|
|
26
26
|
custom: _emoji.default
|
|
27
27
|
};
|
|
28
28
|
var PanelStyledMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
29
|
-
return (0,
|
|
29
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_renderer_static_css');
|
|
30
30
|
}, _panelCompiled.PanelStyledCompiled, _panelEmotion.PanelStyledEmotion);
|
|
31
31
|
var Panel = function Panel(props) {
|
|
32
32
|
var allowCustomPanels = props.allowCustomPanels,
|
|
@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
12
12
|
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
13
13
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
14
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
15
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
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); }
|
|
17
17
|
var getMediaClientConfigForRenderer = function getMediaClientConfigForRenderer(provider) {
|
|
18
18
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -22,7 +22,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
22
22
|
var children = _ref.children,
|
|
23
23
|
ssr = _ref.ssr;
|
|
24
24
|
var _useState = (0, _react.useState)(function () {
|
|
25
|
-
return (0,
|
|
25
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements') ? ssr === null || ssr === void 0 ? void 0 : ssr.config : undefined;
|
|
26
26
|
}),
|
|
27
27
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
28
28
|
mediaClientConfig = _useState2[0],
|
|
@@ -44,7 +44,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
44
44
|
*
|
|
45
45
|
* hasProvider() is synchronous and correct from render 1, closing that window.
|
|
46
46
|
*/
|
|
47
|
-
var shouldSkipContext = (0,
|
|
47
|
+
var shouldSkipContext = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements') ? 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);
|
|
48
48
|
var contextMediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
|
|
49
49
|
|
|
50
50
|
// MediaClientProvider currently requires a mediaClientConfig
|
|
@@ -70,7 +70,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
70
70
|
// The two hooks below are mutually exclusive — only one runs per render — so there is no
|
|
71
71
|
// actual chaining of state updates at runtime. The lint rule cannot statically prove this.
|
|
72
72
|
(0, _react.useEffect)(function () {
|
|
73
|
-
if (!(0,
|
|
73
|
+
if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements')) {
|
|
74
74
|
return;
|
|
75
75
|
}
|
|
76
76
|
if (ssr !== null && ssr !== void 0 && ssr.config) {
|
|
@@ -96,7 +96,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
96
96
|
// Legacy path (experiment off): keep useLayoutEffect to preserve existing behaviour.
|
|
97
97
|
// remove this when clean up platform_editor_media_reliability_enhancements
|
|
98
98
|
(0, _react.useLayoutEffect)(function () {
|
|
99
|
-
if ((0,
|
|
99
|
+
if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements')) {
|
|
100
100
|
return;
|
|
101
101
|
}
|
|
102
102
|
if (ssr !== null && ssr !== void 0 && ssr.config) {
|
|
@@ -1674,6 +1674,9 @@ var tableContentModeScopedStyles = (0, _react.css)((0, _defineProperty2.default)
|
|
|
1674
1674
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
1675
1675
|
width: 'unset !important'
|
|
1676
1676
|
}));
|
|
1677
|
+
var tableContentModeExtensionContainmentStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] .").concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER), {
|
|
1678
|
+
containerType: 'normal'
|
|
1679
|
+
}));
|
|
1677
1680
|
var tableContentModeNestedTableStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_consts.RendererCssClassName.DOCUMENT, " table[data-initial-width-mode=\"content\"] > tbody > tr > :is(th, td) .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
|
|
1678
1681
|
width: 'max-content !important',
|
|
1679
1682
|
maxWidth: '100%'
|
|
@@ -2308,7 +2311,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
2308
2311
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
2309
2312
|
(0, _fg.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
|
|
2310
2313
|
// this should be placed after baseOtherStyles
|
|
2311
|
-
(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), forgeInlineBodiedSpacingStyle, inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, 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],
|
|
2314
|
+
(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), forgeInlineBodiedSpacingStyle, inlineExtensionRendererMarginFix, allowNestedHeaderLinks && ((0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, 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) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_2') && tableContentModeExtensionContainmentStyles, (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],
|
|
2312
2315
|
"data-testid": testId
|
|
2313
2316
|
}, children);
|
|
2314
2317
|
};
|
|
@@ -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 = "137.2.
|
|
77
|
+
var packageVersion = "137.2.8";
|
|
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 (
|
|
354
|
+
if (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:
|
|
360
|
+
sampleRate: RENDER_EVENT_SAMPLE_RATE
|
|
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:
|
|
402
|
+
sampleRate: RENDER_EVENT_SAMPLE_RATE
|
|
403
403
|
},
|
|
404
404
|
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
405
405
|
};
|
|
406
|
-
if (
|
|
406
|
+
if (Math.random() < RENDER_EVENT_SAMPLE_RATE) {
|
|
407
407
|
_fireAnalyticsEvent(event);
|
|
408
408
|
}
|
|
409
409
|
}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
3
|
// Entry file in package.json
|
|
3
4
|
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
7
|
+
* This entry point will be removed in January 2027.
|
|
8
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
9
|
+
*/
|
|
4
10
|
export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from './react/nodes/loosely-lazy';
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
6
|
+
* This entry point will be removed in January 2027.
|
|
7
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
8
|
+
*/
|
|
2
9
|
export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from '../react/nodes/loosely-lazy';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
3
|
// Entry file in package.json
|
|
3
4
|
|
|
@@ -17,4 +18,10 @@ const nodeToReact = {
|
|
|
17
18
|
embedCard: EmbedCard,
|
|
18
19
|
inlineCard: InlineCard
|
|
19
20
|
};
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
24
|
+
* This entry point will be removed in January 2027.
|
|
25
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
26
|
+
*/
|
|
20
27
|
export default nodeToReact;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
3
|
// Entry file in package.json
|
|
3
4
|
|
|
@@ -19,4 +20,10 @@ const nodeToReact = {
|
|
|
19
20
|
mediaInline: MediaInline,
|
|
20
21
|
mediaSingle: MediaSingle
|
|
21
22
|
};
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
26
|
+
* This entry point will be removed in January 2027.
|
|
27
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
28
|
+
*/
|
|
22
29
|
export default nodeToReact;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
3
|
// Entry file in package.json
|
|
3
4
|
|
|
@@ -35,4 +36,10 @@ const nodeToReact = {
|
|
|
35
36
|
taskList: TaskList,
|
|
36
37
|
expand: Expand
|
|
37
38
|
};
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
42
|
+
* This entry point will be removed in January 2027.
|
|
43
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
44
|
+
*/
|
|
38
45
|
export default nodeToReact;
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
6
|
+
* This entry point will be removed in January 2027.
|
|
7
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
8
|
+
*/
|
|
2
9
|
export { nodeToReact } from '../react/nodes/loosely-lazy';
|
|
@@ -1,2 +1,15 @@
|
|
|
1
|
+
/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
|
|
1
2
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
|
|
6
|
+
* This entry point will be removed in January 2027.
|
|
7
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
8
|
+
*/
|
|
9
|
+
export { BlockCard, Blockquote, BodiedExtension, BulletList, Caption, CodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, EmbedCard, Emoji, Expand, Extension, ExtensionFrame, HardBreak, Heading, InlineCard, InlineExtension, LayoutColumn, LayoutSection, ListItem, Media, MediaGroup, MediaInline, MediaSingle, Mention, MultiBodiedExtension, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, Table, TableCell, TableRow, TaskItem, TaskList, UnknownBlock, WindowedCodeBlock, isEmojiDoc, isText, isTextNode, isTextWrapper, mergeTextNodes, nodeToReact, toReact } from '../react/nodes/index';
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated This entry point is deprecated. Use `nodes` from `@atlaskit/renderer/nodes/default` for default renderer nodes.
|
|
13
|
+
* This entry point will be removed in January 2027.
|
|
14
|
+
* @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
|
|
15
|
+
*/
|