@atlaskit/renderer 131.2.0 → 131.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/react/index.js +5 -0
- package/dist/cjs/react/nodes/codeBlock/windowedCodeBlock.js +1 -1
- package/dist/cjs/react/nodes/heading-anchor.js +11 -11
- package/dist/cjs/react/nodes/index.js +1 -0
- package/dist/cjs/react/nodes/loosely-lazy.js +1 -0
- package/dist/cjs/react/nodes/mediaInline.js +13 -13
- package/dist/cjs/react/nodes/task-item-with-providers.js +11 -11
- package/dist/cjs/render-document.js +19 -3
- package/dist/cjs/text/nodes/index.js +1 -0
- package/dist/cjs/ui/MediaCard.js +26 -27
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/cjs/ui/Renderer/index.js +7 -2
- package/dist/es2019/react/index.js +5 -0
- package/dist/es2019/react/nodes/index.js +1 -0
- package/dist/es2019/react/nodes/loosely-lazy.js +1 -0
- package/dist/es2019/render-document.js +18 -1
- package/dist/es2019/text/nodes/index.js +1 -0
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +8 -2
- package/dist/esm/react/index.js +5 -0
- package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js +1 -1
- package/dist/esm/react/nodes/heading-anchor.js +11 -11
- package/dist/esm/react/nodes/index.js +1 -0
- package/dist/esm/react/nodes/loosely-lazy.js +1 -0
- package/dist/esm/react/nodes/mediaInline.js +12 -12
- package/dist/esm/react/nodes/task-item-with-providers.js +11 -11
- package/dist/esm/render-document.js +20 -4
- package/dist/esm/text/nodes/index.js +1 -0
- package/dist/esm/ui/MediaCard.js +25 -26
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/esm/ui/Renderer/index.js +7 -2
- package/dist/types/render-document.d.ts +1 -0
- package/dist/types-ts4.5/render-document.d.ts +1 -0
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 131.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`67ec466d25801`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/67ec466d25801) -
|
|
8
|
+
Add support for panel_c1 in renderer so tables in panels are displayed in view mode
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 131.2.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 131.2.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -284,6 +284,11 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
|
|
|
284
284
|
return this.getCodeBlockProps(node);
|
|
285
285
|
case 'panel':
|
|
286
286
|
return this.getPanelProps(node);
|
|
287
|
+
case 'panel_c1':
|
|
288
|
+
if ((0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
|
|
289
|
+
return this.getPanelProps(node);
|
|
290
|
+
}
|
|
291
|
+
return this.getProps(node, path);
|
|
287
292
|
default:
|
|
288
293
|
return this.getProps(node, path);
|
|
289
294
|
}
|
|
@@ -26,7 +26,7 @@ var LazyAkCodeBlock = /*#__PURE__*/(0, _react.lazy)(
|
|
|
26
26
|
// Ignored via go/ees005
|
|
27
27
|
// eslint-disable-next-line require-await
|
|
28
28
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
29
|
-
return _regenerator.default.wrap(function
|
|
29
|
+
return _regenerator.default.wrap(function (_context) {
|
|
30
30
|
while (1) switch (_context.prev = _context.next) {
|
|
31
31
|
case 0:
|
|
32
32
|
return _context.abrupt("return", Promise.resolve().then(function () {
|
|
@@ -74,28 +74,28 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
74
74
|
});
|
|
75
75
|
(0, _defineProperty2.default)(_this, "copyToClipboard", /*#__PURE__*/function () {
|
|
76
76
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
|
|
77
|
-
var copiedHeadingLinkToClipboard, failedToCopyHeadingLink;
|
|
78
|
-
return _regenerator.default.wrap(function
|
|
77
|
+
var copiedHeadingLinkToClipboard, failedToCopyHeadingLink, _t;
|
|
78
|
+
return _regenerator.default.wrap(function (_context) {
|
|
79
79
|
while (1) switch (_context.prev = _context.next) {
|
|
80
80
|
case 0:
|
|
81
81
|
copiedHeadingLinkToClipboard = _messages.headingAnchorLinkMessages.copiedHeadingLinkToClipboard, failedToCopyHeadingLink = _messages.headingAnchorLinkMessages.failedToCopyHeadingLink;
|
|
82
82
|
event.stopPropagation();
|
|
83
|
-
_context.prev =
|
|
84
|
-
_context.next =
|
|
83
|
+
_context.prev = 1;
|
|
84
|
+
_context.next = 2;
|
|
85
85
|
return _this.props.onCopyText();
|
|
86
|
-
case
|
|
86
|
+
case 2:
|
|
87
87
|
_this.setTooltipState(copiedHeadingLinkToClipboard, true);
|
|
88
|
-
_context.next =
|
|
88
|
+
_context.next = 4;
|
|
89
89
|
break;
|
|
90
|
-
case
|
|
91
|
-
_context.prev =
|
|
92
|
-
|
|
90
|
+
case 3:
|
|
91
|
+
_context.prev = 3;
|
|
92
|
+
_t = _context["catch"](1);
|
|
93
93
|
_this.setTooltipState(failedToCopyHeadingLink);
|
|
94
|
-
case
|
|
94
|
+
case 4:
|
|
95
95
|
case "end":
|
|
96
96
|
return _context.stop();
|
|
97
97
|
}
|
|
98
|
-
}, _callee, null, [[
|
|
98
|
+
}, _callee, null, [[1, 3]]);
|
|
99
99
|
}));
|
|
100
100
|
return function (_x) {
|
|
101
101
|
return _ref.apply(this, arguments);
|
|
@@ -23,7 +23,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
|
|
|
23
23
|
var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
|
|
24
24
|
var _enums = require("../../analytics/enums");
|
|
25
25
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
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
|
|
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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
27
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
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; }
|
|
29
29
|
var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
@@ -54,8 +54,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
54
54
|
}, [contextIdentifier, contextIdentifierProvider]);
|
|
55
55
|
var updateFileState = (0, _react.useCallback)( /*#__PURE__*/function () {
|
|
56
56
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(id) {
|
|
57
|
-
var options, _fileState;
|
|
58
|
-
return _regenerator.default.wrap(function
|
|
57
|
+
var options, _fileState, _t;
|
|
58
|
+
return _regenerator.default.wrap(function (_context) {
|
|
59
59
|
while (1) switch (_context.prev = _context.next) {
|
|
60
60
|
case 0:
|
|
61
61
|
options = {
|
|
@@ -63,25 +63,25 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
63
63
|
};
|
|
64
64
|
_context.prev = 1;
|
|
65
65
|
if (!mediaClient) {
|
|
66
|
-
_context.next =
|
|
66
|
+
_context.next = 3;
|
|
67
67
|
break;
|
|
68
68
|
}
|
|
69
|
-
_context.next =
|
|
69
|
+
_context.next = 2;
|
|
70
70
|
return mediaClient.file.getCurrentState(id, options);
|
|
71
|
-
case
|
|
71
|
+
case 2:
|
|
72
72
|
_fileState = _context.sent;
|
|
73
73
|
setFileState(_fileState);
|
|
74
|
-
case
|
|
75
|
-
_context.next =
|
|
74
|
+
case 3:
|
|
75
|
+
_context.next = 5;
|
|
76
76
|
break;
|
|
77
|
-
case
|
|
78
|
-
_context.prev =
|
|
79
|
-
|
|
80
|
-
case
|
|
77
|
+
case 4:
|
|
78
|
+
_context.prev = 4;
|
|
79
|
+
_t = _context["catch"](1);
|
|
80
|
+
case 5:
|
|
81
81
|
case "end":
|
|
82
82
|
return _context.stop();
|
|
83
83
|
}
|
|
84
|
-
}, _callee, null, [[1,
|
|
84
|
+
}, _callee, null, [[1, 4]]);
|
|
85
85
|
}));
|
|
86
86
|
return function (_x) {
|
|
87
87
|
return _ref2.apply(this, arguments);
|
|
@@ -24,31 +24,31 @@ function TaskItemWithProviders(props) {
|
|
|
24
24
|
setResolvedContextProvider = _React$useState2[1];
|
|
25
25
|
var updateContextIdentifierProvider = _react.default.useCallback( /*#__PURE__*/function () {
|
|
26
26
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(contextIdentifierProvider) {
|
|
27
|
-
var _resolvedContextProvider;
|
|
28
|
-
return _regenerator.default.wrap(function
|
|
27
|
+
var _resolvedContextProvider, _t;
|
|
28
|
+
return _regenerator.default.wrap(function (_context) {
|
|
29
29
|
while (1) switch (_context.prev = _context.next) {
|
|
30
30
|
case 0:
|
|
31
31
|
if (!contextIdentifierProvider) {
|
|
32
|
-
_context.next =
|
|
32
|
+
_context.next = 4;
|
|
33
33
|
break;
|
|
34
34
|
}
|
|
35
35
|
_context.prev = 1;
|
|
36
|
-
_context.next =
|
|
36
|
+
_context.next = 2;
|
|
37
37
|
return contextIdentifierProvider;
|
|
38
|
-
case
|
|
38
|
+
case 2:
|
|
39
39
|
_resolvedContextProvider = _context.sent;
|
|
40
40
|
setResolvedContextProvider(_resolvedContextProvider);
|
|
41
41
|
return _context.abrupt("return");
|
|
42
|
-
case
|
|
43
|
-
_context.prev =
|
|
44
|
-
|
|
45
|
-
case
|
|
42
|
+
case 3:
|
|
43
|
+
_context.prev = 3;
|
|
44
|
+
_t = _context["catch"](1);
|
|
45
|
+
case 4:
|
|
46
46
|
setResolvedContextProvider(undefined);
|
|
47
|
-
case
|
|
47
|
+
case 5:
|
|
48
48
|
case "end":
|
|
49
49
|
return _context.stop();
|
|
50
50
|
}
|
|
51
|
-
}, _callee, null, [[1,
|
|
51
|
+
}, _callee, null, [[1, 3]]);
|
|
52
52
|
}));
|
|
53
53
|
return function (_x) {
|
|
54
54
|
return _ref.apply(this, arguments);
|
|
@@ -93,17 +93,33 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
|
|
|
93
93
|
}
|
|
94
94
|
});
|
|
95
95
|
}
|
|
96
|
+
|
|
97
|
+
// Upgrade panel → panel_c1 where the schema allows it
|
|
98
|
+
if (result && (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
|
|
99
|
+
try {
|
|
100
|
+
var _transformContainerNo = (0, _transforms.transformContainerNodes)(result, schema),
|
|
101
|
+
_transformedAdf2 = _transformContainerNo.transformedAdf,
|
|
102
|
+
_isTransformed2 = _transformContainerNo.isTransformed;
|
|
103
|
+
if (_isTransformed2 && _transformedAdf2) {
|
|
104
|
+
// TODO: EDITOR-7175 - Add analytics
|
|
105
|
+
|
|
106
|
+
result = _transformedAdf2;
|
|
107
|
+
}
|
|
108
|
+
} catch (e) {
|
|
109
|
+
// TODO: EDITOR-7175 - Add analytics
|
|
110
|
+
}
|
|
111
|
+
}
|
|
96
112
|
if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0, _platformFeatureFlags.fg)('platform_native_embeds_rollout_non_maui_experience') && (0, _platformFeatureFlags.fg)('platform_editor_native_embeds_fallback_transform')) {
|
|
97
113
|
var _nativeEmbedsFallback = (0, _transforms.nativeEmbedsFallbackTransform)(result, schema),
|
|
98
|
-
|
|
114
|
+
_transformedAdf3 = _nativeEmbedsFallback.transformedAdf,
|
|
99
115
|
hasValidTransform = _nativeEmbedsFallback.hasValidTransform;
|
|
100
|
-
if (hasValidTransform &&
|
|
116
|
+
if (hasValidTransform && _transformedAdf3) {
|
|
101
117
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
102
118
|
action: _analytics.ACTION.NATIVE_EMBEDS_TRANSFORMED,
|
|
103
119
|
actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
|
|
104
120
|
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
105
121
|
});
|
|
106
|
-
result =
|
|
122
|
+
result = _transformedAdf3;
|
|
107
123
|
}
|
|
108
124
|
}
|
|
109
125
|
return result;
|
package/dist/cjs/ui/MediaCard.js
CHANGED
|
@@ -24,7 +24,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
|
24
24
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
25
25
|
var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
|
|
26
26
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
27
|
-
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
|
|
27
|
+
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 _t4 in e) "default" !== _t4 && {}.hasOwnProperty.call(e, _t4) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t4)) && (i.get || i.set) ? o(f, _t4, i) : f[_t4] = e[_t4]); return f; })(e, t); }
|
|
28
28
|
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; }
|
|
29
29
|
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; }
|
|
30
30
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
@@ -72,37 +72,37 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
72
72
|
(0, _defineProperty2.default)(_this, "state", {});
|
|
73
73
|
(0, _defineProperty2.default)(_this, "saveFileState", /*#__PURE__*/function () {
|
|
74
74
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(id) {
|
|
75
|
-
var _this$props, collectionName, mediaClient, options, fileState;
|
|
76
|
-
return _regenerator.default.wrap(function
|
|
75
|
+
var _this$props, collectionName, mediaClient, options, fileState, _t;
|
|
76
|
+
return _regenerator.default.wrap(function (_context) {
|
|
77
77
|
while (1) switch (_context.prev = _context.next) {
|
|
78
78
|
case 0:
|
|
79
79
|
_this$props = _this.props, collectionName = _this$props.collection, mediaClient = _this$props.mediaClient;
|
|
80
80
|
options = {
|
|
81
81
|
collectionName: collectionName
|
|
82
82
|
};
|
|
83
|
-
_context.prev =
|
|
83
|
+
_context.prev = 1;
|
|
84
84
|
if (!mediaClient) {
|
|
85
|
-
_context.next =
|
|
85
|
+
_context.next = 3;
|
|
86
86
|
break;
|
|
87
87
|
}
|
|
88
|
-
_context.next =
|
|
88
|
+
_context.next = 2;
|
|
89
89
|
return mediaClient.file.getCurrentState(id, options);
|
|
90
|
-
case
|
|
90
|
+
case 2:
|
|
91
91
|
fileState = _context.sent;
|
|
92
92
|
_this.setState({
|
|
93
93
|
fileState: fileState
|
|
94
94
|
});
|
|
95
|
-
case
|
|
96
|
-
_context.next =
|
|
95
|
+
case 3:
|
|
96
|
+
_context.next = 5;
|
|
97
97
|
break;
|
|
98
|
-
case
|
|
99
|
-
_context.prev =
|
|
100
|
-
|
|
101
|
-
case
|
|
98
|
+
case 4:
|
|
99
|
+
_context.prev = 4;
|
|
100
|
+
_t = _context["catch"](1);
|
|
101
|
+
case 5:
|
|
102
102
|
case "end":
|
|
103
103
|
return _context.stop();
|
|
104
104
|
}
|
|
105
|
-
}, _callee, null, [[
|
|
105
|
+
}, _callee, null, [[1, 4]]);
|
|
106
106
|
}));
|
|
107
107
|
return function (_x) {
|
|
108
108
|
return _ref.apply(this, arguments);
|
|
@@ -161,25 +161,24 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
161
161
|
key: "componentDidMount",
|
|
162
162
|
value: function () {
|
|
163
163
|
var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
164
|
-
var _this$props4, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
|
|
165
|
-
return _regenerator.default.wrap(function
|
|
164
|
+
var _this$props4, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache, _t2, _t3;
|
|
165
|
+
return _regenerator.default.wrap(function (_context2) {
|
|
166
166
|
while (1) switch (_context2.prev = _context2.next) {
|
|
167
167
|
case 0:
|
|
168
168
|
_this$props4 = this.props, rendererContext = _this$props4.rendererContext, contextIdentifierProvider = _this$props4.contextIdentifierProvider, id = _this$props4.id, url = _this$props4.url, collectionName = _this$props4.collection;
|
|
169
169
|
if (!contextIdentifierProvider) {
|
|
170
|
-
_context2.next =
|
|
170
|
+
_context2.next = 2;
|
|
171
171
|
break;
|
|
172
172
|
}
|
|
173
|
-
|
|
174
|
-
_context2.next =
|
|
173
|
+
_t2 = this;
|
|
174
|
+
_context2.next = 1;
|
|
175
175
|
return contextIdentifierProvider;
|
|
176
|
-
case
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
contextIdentifierProvider:
|
|
180
|
-
};
|
|
181
|
-
|
|
182
|
-
case 8:
|
|
176
|
+
case 1:
|
|
177
|
+
_t3 = _context2.sent;
|
|
178
|
+
_t2.setState.call(_t2, {
|
|
179
|
+
contextIdentifierProvider: _t3
|
|
180
|
+
});
|
|
181
|
+
case 2:
|
|
183
182
|
nodeIsInCache = id && mediaIdentifierMap.has(id) || url && mediaIdentifierMap.has(url);
|
|
184
183
|
if (rendererContext && rendererContext.adDoc && !nodeIsInCache) {
|
|
185
184
|
getListOfIdentifiersFromDoc(rendererContext.adDoc).forEach(function (identifier) {
|
|
@@ -195,7 +194,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
195
194
|
if (id) {
|
|
196
195
|
this.saveFileState(id);
|
|
197
196
|
}
|
|
198
|
-
case
|
|
197
|
+
case 3:
|
|
199
198
|
case "end":
|
|
200
199
|
return _context2.stop();
|
|
201
200
|
}
|
|
@@ -2183,7 +2183,7 @@ var syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineP
|
|
|
2183
2183
|
marginTop: 0
|
|
2184
2184
|
}
|
|
2185
2185
|
}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.error), {
|
|
2186
|
-
backgroundColor: "var(--ds-background-disabled, #
|
|
2186
|
+
backgroundColor: "var(--ds-background-disabled, #0515240F)"
|
|
2187
2187
|
}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
|
|
2188
2188
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
2189
2189
|
}));
|
|
@@ -18,6 +18,7 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
18
18
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
19
19
|
var _react2 = require("@emotion/react");
|
|
20
20
|
var _browser = require("@atlaskit/editor-common/browser");
|
|
21
|
+
var _nesting = require("@atlaskit/editor-common/nesting");
|
|
21
22
|
var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
|
|
22
23
|
var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
|
|
23
24
|
var _navigation = require("@atlaskit/editor-common/performance/navigation");
|
|
@@ -71,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
71
72
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
72
73
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
73
74
|
var packageName = "@atlaskit/renderer";
|
|
74
|
-
var packageVersion = "131.1
|
|
75
|
+
var packageVersion = "131.2.1";
|
|
75
76
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
76
77
|
containerName: 'ak-renderer-wrapper',
|
|
77
78
|
containerType: 'inline-size'
|
|
@@ -450,7 +451,11 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
450
451
|
try {
|
|
451
452
|
var _rendererContext$feat, _props$media;
|
|
452
453
|
var schema = getSchema(props.schema, props.adfStage);
|
|
453
|
-
var
|
|
454
|
+
var allowTableInPanel = (0, _nesting.isPanelNestingTableSupported)(schema);
|
|
455
|
+
var validationOverrides = allowTableInPanel ? _objectSpread(_objectSpread({}, props.validationOverrides), {}, {
|
|
456
|
+
allowTableInPanel: true
|
|
457
|
+
}) : props.validationOverrides;
|
|
458
|
+
var _renderDocument = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
|
|
454
459
|
result = _renderDocument.result,
|
|
455
460
|
stat = _renderDocument.stat,
|
|
456
461
|
pmDoc = _renderDocument.pmDoc;
|
|
@@ -267,6 +267,11 @@ export default class ReactSerializer {
|
|
|
267
267
|
return this.getCodeBlockProps(node);
|
|
268
268
|
case 'panel':
|
|
269
269
|
return this.getPanelProps(node);
|
|
270
|
+
case 'panel_c1':
|
|
271
|
+
if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
|
|
272
|
+
return this.getPanelProps(node);
|
|
273
|
+
}
|
|
274
|
+
return this.getProps(node, path);
|
|
270
275
|
default:
|
|
271
276
|
return this.getProps(node, path);
|
|
272
277
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Entry file in package.json
|
|
3
3
|
|
|
4
4
|
import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
|
|
5
|
-
import { nativeEmbedsFallbackTransform, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
|
|
5
|
+
import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
|
|
6
6
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
7
7
|
import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
|
|
8
8
|
import { getValidDocument } from '@atlaskit/editor-common/validator';
|
|
@@ -87,6 +87,23 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
|
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
|
+
|
|
91
|
+
// Upgrade panel → panel_c1 where the schema allows it
|
|
92
|
+
if (result && expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
|
|
93
|
+
try {
|
|
94
|
+
const {
|
|
95
|
+
transformedAdf,
|
|
96
|
+
isTransformed
|
|
97
|
+
} = transformContainerNodes(result, schema);
|
|
98
|
+
if (isTransformed && transformedAdf) {
|
|
99
|
+
// TODO: EDITOR-7175 - Add analytics
|
|
100
|
+
|
|
101
|
+
result = transformedAdf;
|
|
102
|
+
}
|
|
103
|
+
} catch (e) {
|
|
104
|
+
// TODO: EDITOR-7175 - Add analytics
|
|
105
|
+
}
|
|
106
|
+
}
|
|
90
107
|
if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && !fg('platform_native_embeds_rollout_non_maui_experience') && fg('platform_editor_native_embeds_fallback_transform')) {
|
|
91
108
|
const {
|
|
92
109
|
transformedAdf,
|
|
@@ -2783,7 +2783,7 @@ const syncBlockStyles = css({
|
|
|
2783
2783
|
}
|
|
2784
2784
|
},
|
|
2785
2785
|
[`.${SyncBlockSharedCssClassName.error}`]: {
|
|
2786
|
-
backgroundColor: "var(--ds-background-disabled, #
|
|
2786
|
+
backgroundColor: "var(--ds-background-disabled, #0515240F)"
|
|
2787
2787
|
},
|
|
2788
2788
|
[`.${SyncBlockSharedCssClassName.loading}`]: {
|
|
2789
2789
|
boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`
|
|
@@ -12,6 +12,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
|
12
12
|
import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
|
|
13
13
|
|
|
14
14
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
15
|
+
import { isPanelNestingTableSupported } from '@atlaskit/editor-common/nesting';
|
|
15
16
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
16
17
|
import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
|
|
17
18
|
import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
|
|
@@ -57,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
57
58
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
58
59
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
59
60
|
const packageName = "@atlaskit/renderer";
|
|
60
|
-
const packageVersion = "131.1
|
|
61
|
+
const packageVersion = "131.2.1";
|
|
61
62
|
const setAsQueryContainerStyles = css({
|
|
62
63
|
containerName: 'ak-renderer-wrapper',
|
|
63
64
|
containerType: 'inline-size'
|
|
@@ -440,11 +441,16 @@ export const RendererFunctionalComponent = props => {
|
|
|
440
441
|
try {
|
|
441
442
|
var _rendererContext$feat, _props$media;
|
|
442
443
|
const schema = getSchema(props.schema, props.adfStage);
|
|
444
|
+
const allowTableInPanel = isPanelNestingTableSupported(schema);
|
|
445
|
+
const validationOverrides = allowTableInPanel ? {
|
|
446
|
+
...props.validationOverrides,
|
|
447
|
+
allowTableInPanel: true
|
|
448
|
+
} : props.validationOverrides;
|
|
443
449
|
const {
|
|
444
450
|
result,
|
|
445
451
|
stat,
|
|
446
452
|
pmDoc
|
|
447
|
-
} = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation,
|
|
453
|
+
} = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides);
|
|
448
454
|
if (props.onComplete) {
|
|
449
455
|
props.onComplete(stat);
|
|
450
456
|
}
|
package/dist/esm/react/index.js
CHANGED
|
@@ -277,6 +277,11 @@ var ReactSerializer = /*#__PURE__*/function () {
|
|
|
277
277
|
return this.getCodeBlockProps(node);
|
|
278
278
|
case 'panel':
|
|
279
279
|
return this.getPanelProps(node);
|
|
280
|
+
case 'panel_c1':
|
|
281
|
+
if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
|
|
282
|
+
return this.getPanelProps(node);
|
|
283
|
+
}
|
|
284
|
+
return this.getProps(node, path);
|
|
280
285
|
default:
|
|
281
286
|
return this.getProps(node, path);
|
|
282
287
|
}
|
|
@@ -19,7 +19,7 @@ var LazyAkCodeBlock = /*#__PURE__*/lazy(
|
|
|
19
19
|
// Ignored via go/ees005
|
|
20
20
|
// eslint-disable-next-line require-await
|
|
21
21
|
_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
22
|
-
return _regeneratorRuntime.wrap(function
|
|
22
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
23
23
|
while (1) switch (_context.prev = _context.next) {
|
|
24
24
|
case 0:
|
|
25
25
|
return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_renderer-codeBlock" */
|
|
@@ -68,28 +68,28 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
68
68
|
});
|
|
69
69
|
_defineProperty(_this, "copyToClipboard", /*#__PURE__*/function () {
|
|
70
70
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
|
|
71
|
-
var copiedHeadingLinkToClipboard, failedToCopyHeadingLink;
|
|
72
|
-
return _regeneratorRuntime.wrap(function
|
|
71
|
+
var copiedHeadingLinkToClipboard, failedToCopyHeadingLink, _t;
|
|
72
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
73
73
|
while (1) switch (_context.prev = _context.next) {
|
|
74
74
|
case 0:
|
|
75
75
|
copiedHeadingLinkToClipboard = headingAnchorLinkMessages.copiedHeadingLinkToClipboard, failedToCopyHeadingLink = headingAnchorLinkMessages.failedToCopyHeadingLink;
|
|
76
76
|
event.stopPropagation();
|
|
77
|
-
_context.prev =
|
|
78
|
-
_context.next =
|
|
77
|
+
_context.prev = 1;
|
|
78
|
+
_context.next = 2;
|
|
79
79
|
return _this.props.onCopyText();
|
|
80
|
-
case
|
|
80
|
+
case 2:
|
|
81
81
|
_this.setTooltipState(copiedHeadingLinkToClipboard, true);
|
|
82
|
-
_context.next =
|
|
82
|
+
_context.next = 4;
|
|
83
83
|
break;
|
|
84
|
-
case
|
|
85
|
-
_context.prev =
|
|
86
|
-
|
|
84
|
+
case 3:
|
|
85
|
+
_context.prev = 3;
|
|
86
|
+
_t = _context["catch"](1);
|
|
87
87
|
_this.setTooltipState(failedToCopyHeadingLink);
|
|
88
|
-
case
|
|
88
|
+
case 4:
|
|
89
89
|
case "end":
|
|
90
90
|
return _context.stop();
|
|
91
91
|
}
|
|
92
|
-
}, _callee, null, [[
|
|
92
|
+
}, _callee, null, [[1, 3]]);
|
|
93
93
|
}));
|
|
94
94
|
return function (_x) {
|
|
95
95
|
return _ref.apply(this, arguments);
|
|
@@ -45,8 +45,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
45
45
|
}, [contextIdentifier, contextIdentifierProvider]);
|
|
46
46
|
var updateFileState = useCallback( /*#__PURE__*/function () {
|
|
47
47
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
|
|
48
|
-
var options, _fileState;
|
|
49
|
-
return _regeneratorRuntime.wrap(function
|
|
48
|
+
var options, _fileState, _t;
|
|
49
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
50
50
|
while (1) switch (_context.prev = _context.next) {
|
|
51
51
|
case 0:
|
|
52
52
|
options = {
|
|
@@ -54,25 +54,25 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
54
54
|
};
|
|
55
55
|
_context.prev = 1;
|
|
56
56
|
if (!mediaClient) {
|
|
57
|
-
_context.next =
|
|
57
|
+
_context.next = 3;
|
|
58
58
|
break;
|
|
59
59
|
}
|
|
60
|
-
_context.next =
|
|
60
|
+
_context.next = 2;
|
|
61
61
|
return mediaClient.file.getCurrentState(id, options);
|
|
62
|
-
case
|
|
62
|
+
case 2:
|
|
63
63
|
_fileState = _context.sent;
|
|
64
64
|
setFileState(_fileState);
|
|
65
|
-
case
|
|
66
|
-
_context.next =
|
|
65
|
+
case 3:
|
|
66
|
+
_context.next = 5;
|
|
67
67
|
break;
|
|
68
|
-
case
|
|
69
|
-
_context.prev =
|
|
70
|
-
|
|
71
|
-
case
|
|
68
|
+
case 4:
|
|
69
|
+
_context.prev = 4;
|
|
70
|
+
_t = _context["catch"](1);
|
|
71
|
+
case 5:
|
|
72
72
|
case "end":
|
|
73
73
|
return _context.stop();
|
|
74
74
|
}
|
|
75
|
-
}, _callee, null, [[1,
|
|
75
|
+
}, _callee, null, [[1, 4]]);
|
|
76
76
|
}));
|
|
77
77
|
return function (_x) {
|
|
78
78
|
return _ref2.apply(this, arguments);
|
|
@@ -17,31 +17,31 @@ export default function TaskItemWithProviders(props) {
|
|
|
17
17
|
setResolvedContextProvider = _React$useState2[1];
|
|
18
18
|
var updateContextIdentifierProvider = React.useCallback( /*#__PURE__*/function () {
|
|
19
19
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(contextIdentifierProvider) {
|
|
20
|
-
var _resolvedContextProvider;
|
|
21
|
-
return _regeneratorRuntime.wrap(function
|
|
20
|
+
var _resolvedContextProvider, _t;
|
|
21
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
22
22
|
while (1) switch (_context.prev = _context.next) {
|
|
23
23
|
case 0:
|
|
24
24
|
if (!contextIdentifierProvider) {
|
|
25
|
-
_context.next =
|
|
25
|
+
_context.next = 4;
|
|
26
26
|
break;
|
|
27
27
|
}
|
|
28
28
|
_context.prev = 1;
|
|
29
|
-
_context.next =
|
|
29
|
+
_context.next = 2;
|
|
30
30
|
return contextIdentifierProvider;
|
|
31
|
-
case
|
|
31
|
+
case 2:
|
|
32
32
|
_resolvedContextProvider = _context.sent;
|
|
33
33
|
setResolvedContextProvider(_resolvedContextProvider);
|
|
34
34
|
return _context.abrupt("return");
|
|
35
|
-
case
|
|
36
|
-
_context.prev =
|
|
37
|
-
|
|
38
|
-
case
|
|
35
|
+
case 3:
|
|
36
|
+
_context.prev = 3;
|
|
37
|
+
_t = _context["catch"](1);
|
|
38
|
+
case 4:
|
|
39
39
|
setResolvedContextProvider(undefined);
|
|
40
|
-
case
|
|
40
|
+
case 5:
|
|
41
41
|
case "end":
|
|
42
42
|
return _context.stop();
|
|
43
43
|
}
|
|
44
|
-
}, _callee, null, [[1,
|
|
44
|
+
}, _callee, null, [[1, 3]]);
|
|
45
45
|
}));
|
|
46
46
|
return function (_x) {
|
|
47
47
|
return _ref.apply(this, arguments);
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
// Entry file in package.json
|
|
4
4
|
|
|
5
5
|
import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
|
|
6
|
-
import { nativeEmbedsFallbackTransform, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
|
|
6
|
+
import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
|
|
7
7
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
8
8
|
import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
|
|
9
9
|
import { getValidDocument } from '@atlaskit/editor-common/validator';
|
|
@@ -86,17 +86,33 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
|
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
|
+
|
|
90
|
+
// Upgrade panel → panel_c1 where the schema allows it
|
|
91
|
+
if (result && expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
|
|
92
|
+
try {
|
|
93
|
+
var _transformContainerNo = transformContainerNodes(result, schema),
|
|
94
|
+
_transformedAdf2 = _transformContainerNo.transformedAdf,
|
|
95
|
+
_isTransformed2 = _transformContainerNo.isTransformed;
|
|
96
|
+
if (_isTransformed2 && _transformedAdf2) {
|
|
97
|
+
// TODO: EDITOR-7175 - Add analytics
|
|
98
|
+
|
|
99
|
+
result = _transformedAdf2;
|
|
100
|
+
}
|
|
101
|
+
} catch (e) {
|
|
102
|
+
// TODO: EDITOR-7175 - Add analytics
|
|
103
|
+
}
|
|
104
|
+
}
|
|
89
105
|
if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && !fg('platform_native_embeds_rollout_non_maui_experience') && fg('platform_editor_native_embeds_fallback_transform')) {
|
|
90
106
|
var _nativeEmbedsFallback = nativeEmbedsFallbackTransform(result, schema),
|
|
91
|
-
|
|
107
|
+
_transformedAdf3 = _nativeEmbedsFallback.transformedAdf,
|
|
92
108
|
hasValidTransform = _nativeEmbedsFallback.hasValidTransform;
|
|
93
|
-
if (hasValidTransform &&
|
|
109
|
+
if (hasValidTransform && _transformedAdf3) {
|
|
94
110
|
dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
|
|
95
111
|
action: ACTION.NATIVE_EMBEDS_TRANSFORMED,
|
|
96
112
|
actionSubject: ACTION_SUBJECT.RENDERER,
|
|
97
113
|
eventType: EVENT_TYPE.OPERATIONAL
|
|
98
114
|
});
|
|
99
|
-
result =
|
|
115
|
+
result = _transformedAdf3;
|
|
100
116
|
}
|
|
101
117
|
}
|
|
102
118
|
return result;
|
package/dist/esm/ui/MediaCard.js
CHANGED
|
@@ -63,37 +63,37 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
63
63
|
_defineProperty(_this, "state", {});
|
|
64
64
|
_defineProperty(_this, "saveFileState", /*#__PURE__*/function () {
|
|
65
65
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
|
|
66
|
-
var _this$props, collectionName, mediaClient, options, fileState;
|
|
67
|
-
return _regeneratorRuntime.wrap(function
|
|
66
|
+
var _this$props, collectionName, mediaClient, options, fileState, _t;
|
|
67
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
68
68
|
while (1) switch (_context.prev = _context.next) {
|
|
69
69
|
case 0:
|
|
70
70
|
_this$props = _this.props, collectionName = _this$props.collection, mediaClient = _this$props.mediaClient;
|
|
71
71
|
options = {
|
|
72
72
|
collectionName: collectionName
|
|
73
73
|
};
|
|
74
|
-
_context.prev =
|
|
74
|
+
_context.prev = 1;
|
|
75
75
|
if (!mediaClient) {
|
|
76
|
-
_context.next =
|
|
76
|
+
_context.next = 3;
|
|
77
77
|
break;
|
|
78
78
|
}
|
|
79
|
-
_context.next =
|
|
79
|
+
_context.next = 2;
|
|
80
80
|
return mediaClient.file.getCurrentState(id, options);
|
|
81
|
-
case
|
|
81
|
+
case 2:
|
|
82
82
|
fileState = _context.sent;
|
|
83
83
|
_this.setState({
|
|
84
84
|
fileState: fileState
|
|
85
85
|
});
|
|
86
|
-
case
|
|
87
|
-
_context.next =
|
|
86
|
+
case 3:
|
|
87
|
+
_context.next = 5;
|
|
88
88
|
break;
|
|
89
|
-
case
|
|
90
|
-
_context.prev =
|
|
91
|
-
|
|
92
|
-
case
|
|
89
|
+
case 4:
|
|
90
|
+
_context.prev = 4;
|
|
91
|
+
_t = _context["catch"](1);
|
|
92
|
+
case 5:
|
|
93
93
|
case "end":
|
|
94
94
|
return _context.stop();
|
|
95
95
|
}
|
|
96
|
-
}, _callee, null, [[
|
|
96
|
+
}, _callee, null, [[1, 4]]);
|
|
97
97
|
}));
|
|
98
98
|
return function (_x) {
|
|
99
99
|
return _ref.apply(this, arguments);
|
|
@@ -152,25 +152,24 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
152
152
|
key: "componentDidMount",
|
|
153
153
|
value: function () {
|
|
154
154
|
var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
155
|
-
var _this$props4, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
|
|
156
|
-
return _regeneratorRuntime.wrap(function
|
|
155
|
+
var _this$props4, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache, _t2, _t3;
|
|
156
|
+
return _regeneratorRuntime.wrap(function (_context2) {
|
|
157
157
|
while (1) switch (_context2.prev = _context2.next) {
|
|
158
158
|
case 0:
|
|
159
159
|
_this$props4 = this.props, rendererContext = _this$props4.rendererContext, contextIdentifierProvider = _this$props4.contextIdentifierProvider, id = _this$props4.id, url = _this$props4.url, collectionName = _this$props4.collection;
|
|
160
160
|
if (!contextIdentifierProvider) {
|
|
161
|
-
_context2.next =
|
|
161
|
+
_context2.next = 2;
|
|
162
162
|
break;
|
|
163
163
|
}
|
|
164
|
-
|
|
165
|
-
_context2.next =
|
|
164
|
+
_t2 = this;
|
|
165
|
+
_context2.next = 1;
|
|
166
166
|
return contextIdentifierProvider;
|
|
167
|
-
case
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
contextIdentifierProvider:
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
case 8:
|
|
167
|
+
case 1:
|
|
168
|
+
_t3 = _context2.sent;
|
|
169
|
+
_t2.setState.call(_t2, {
|
|
170
|
+
contextIdentifierProvider: _t3
|
|
171
|
+
});
|
|
172
|
+
case 2:
|
|
174
173
|
nodeIsInCache = id && mediaIdentifierMap.has(id) || url && mediaIdentifierMap.has(url);
|
|
175
174
|
if (rendererContext && rendererContext.adDoc && !nodeIsInCache) {
|
|
176
175
|
getListOfIdentifiersFromDoc(rendererContext.adDoc).forEach(function (identifier) {
|
|
@@ -186,7 +185,7 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
|
|
|
186
185
|
if (id) {
|
|
187
186
|
this.saveFileState(id);
|
|
188
187
|
}
|
|
189
|
-
case
|
|
188
|
+
case 3:
|
|
190
189
|
case "end":
|
|
191
190
|
return _context2.stop();
|
|
192
191
|
}
|
|
@@ -2176,7 +2176,7 @@ var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty(_defin
|
|
|
2176
2176
|
marginTop: 0
|
|
2177
2177
|
}
|
|
2178
2178
|
}), ".".concat(SyncBlockSharedCssClassName.error), {
|
|
2179
|
-
backgroundColor: "var(--ds-background-disabled, #
|
|
2179
|
+
backgroundColor: "var(--ds-background-disabled, #0515240F)"
|
|
2180
2180
|
}), ".".concat(SyncBlockSharedCssClassName.loading), {
|
|
2181
2181
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
2182
2182
|
}));
|
|
@@ -17,6 +17,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
|
17
17
|
import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
|
|
18
18
|
|
|
19
19
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
20
|
+
import { isPanelNestingTableSupported } from '@atlaskit/editor-common/nesting';
|
|
20
21
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
21
22
|
import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
|
|
22
23
|
import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
|
|
@@ -62,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
62
63
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
63
64
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
64
65
|
var packageName = "@atlaskit/renderer";
|
|
65
|
-
var packageVersion = "131.1
|
|
66
|
+
var packageVersion = "131.2.1";
|
|
66
67
|
var setAsQueryContainerStyles = css({
|
|
67
68
|
containerName: 'ak-renderer-wrapper',
|
|
68
69
|
containerType: 'inline-size'
|
|
@@ -441,7 +442,11 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
441
442
|
try {
|
|
442
443
|
var _rendererContext$feat, _props$media;
|
|
443
444
|
var schema = getSchema(props.schema, props.adfStage);
|
|
444
|
-
var
|
|
445
|
+
var allowTableInPanel = isPanelNestingTableSupported(schema);
|
|
446
|
+
var validationOverrides = allowTableInPanel ? _objectSpread(_objectSpread({}, props.validationOverrides), {}, {
|
|
447
|
+
allowTableInPanel: true
|
|
448
|
+
}) : props.validationOverrides;
|
|
449
|
+
var _renderDocument = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
|
|
445
450
|
result = _renderDocument.result,
|
|
446
451
|
stat = _renderDocument.stat,
|
|
447
452
|
pmDoc = _renderDocument.pmDoc;
|
|
@@ -22,5 +22,6 @@ export interface ResultWithTime<T> {
|
|
|
22
22
|
type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
|
|
23
23
|
export declare const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, useSpecBasedValidator?: boolean, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance, includeNodesCountInStats?: boolean, skipValidation?: boolean, validationOverrides?: {
|
|
24
24
|
allowNestedTables?: boolean;
|
|
25
|
+
allowTableInPanel?: boolean;
|
|
25
26
|
}) => RenderOutput<T | null>;
|
|
26
27
|
export {};
|
|
@@ -22,5 +22,6 @@ export interface ResultWithTime<T> {
|
|
|
22
22
|
type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
|
|
23
23
|
export declare const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, useSpecBasedValidator?: boolean, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance, includeNodesCountInStats?: boolean, skipValidation?: boolean, validationOverrides?: {
|
|
24
24
|
allowNestedTables?: boolean;
|
|
25
|
+
allowTableInPanel?: boolean;
|
|
25
26
|
}) => RenderOutput<T | null>;
|
|
26
27
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "131.2.
|
|
3
|
+
"version": "131.2.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@atlaskit/adf-schema": "^52.15.0",
|
|
34
|
-
"@atlaskit/adf-utils": "^19.
|
|
34
|
+
"@atlaskit/adf-utils": "^19.32.0",
|
|
35
35
|
"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
|
|
36
36
|
"@atlaskit/analytics-listeners": "^10.1.0",
|
|
37
37
|
"@atlaskit/analytics-namespaced-context": "^7.3.0",
|
|
@@ -39,19 +39,19 @@
|
|
|
39
39
|
"@atlaskit/browser-apis": "^0.0.2",
|
|
40
40
|
"@atlaskit/button": "^23.11.0",
|
|
41
41
|
"@atlaskit/code": "^17.5.0",
|
|
42
|
-
"@atlaskit/editor-json-transformer": "^8.
|
|
42
|
+
"@atlaskit/editor-json-transformer": "^8.33.0",
|
|
43
43
|
"@atlaskit/editor-palette": "^2.2.0",
|
|
44
44
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
45
45
|
"@atlaskit/editor-shared-styles": "^3.11.0",
|
|
46
46
|
"@atlaskit/editor-smart-link-draggable": "^0.5.0",
|
|
47
|
-
"@atlaskit/emoji": "^70.
|
|
47
|
+
"@atlaskit/emoji": "^70.14.0",
|
|
48
48
|
"@atlaskit/feature-gate-js-client": "^5.7.0",
|
|
49
49
|
"@atlaskit/icon": "^35.3.0",
|
|
50
50
|
"@atlaskit/link": "^3.4.0",
|
|
51
|
-
"@atlaskit/link-datasource": "^5.
|
|
51
|
+
"@atlaskit/link-datasource": "^5.5.0",
|
|
52
52
|
"@atlaskit/link-extractors": "^2.7.0",
|
|
53
53
|
"@atlaskit/linking-common": "^9.12.0",
|
|
54
|
-
"@atlaskit/media-card": "^80.
|
|
54
|
+
"@atlaskit/media-card": "^80.6.0",
|
|
55
55
|
"@atlaskit/media-client": "^36.3.0",
|
|
56
56
|
"@atlaskit/media-client-react": "^5.1.0",
|
|
57
57
|
"@atlaskit/media-common": "^13.3.0",
|
|
@@ -61,14 +61,14 @@
|
|
|
61
61
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
62
62
|
"@atlaskit/platform-feature-flags-react": "^0.5.0",
|
|
63
63
|
"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
|
|
64
|
-
"@atlaskit/react-ufo": "^6.
|
|
65
|
-
"@atlaskit/smart-card": "^44.
|
|
64
|
+
"@atlaskit/react-ufo": "^6.4.0",
|
|
65
|
+
"@atlaskit/smart-card": "^44.18.0",
|
|
66
66
|
"@atlaskit/status": "^4.1.0",
|
|
67
67
|
"@atlaskit/task-decision": "^20.1.0",
|
|
68
68
|
"@atlaskit/theme": "^25.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
70
|
-
"@atlaskit/tokens": "^13.
|
|
71
|
-
"@atlaskit/tooltip": "^22.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^85.0.0",
|
|
70
|
+
"@atlaskit/tokens": "^13.1.0",
|
|
71
|
+
"@atlaskit/tooltip": "^22.5.0",
|
|
72
72
|
"@atlaskit/visually-hidden": "^3.1.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
74
74
|
"@compiled/react": "^0.20.0",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"uuid": "^3.1.0"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|
|
83
|
-
"@atlaskit/editor-common": "^114.
|
|
83
|
+
"@atlaskit/editor-common": "^114.51.0",
|
|
84
84
|
"@atlaskit/link-provider": "^4.4.0",
|
|
85
85
|
"@atlaskit/media-core": "^37.1.0",
|
|
86
86
|
"react": "^18.2.0",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"@atlaskit/checkbox": "^17.3.0",
|
|
95
95
|
"@atlaskit/editor-card-provider": "^6.8.0",
|
|
96
96
|
"@atlaskit/link-provider": "^4.4.0",
|
|
97
|
-
"@atlaskit/link-test-helpers": "^10.
|
|
97
|
+
"@atlaskit/link-test-helpers": "^10.4.0",
|
|
98
98
|
"@atlaskit/media-core": "^37.1.0",
|
|
99
99
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
100
100
|
"@atlaskit/media-test-helpers": "^41.2.0",
|