@atlaskit/renderer 137.1.9 → 137.1.10
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 +8 -0
- package/dist/cjs/react/nodes/table/colgroup.js +1 -2
- package/dist/cjs/react/nodes/table/sticky.js +2 -4
- package/dist/cjs/react/nodes/table/table.js +1 -12
- package/dist/cjs/react/nodes/table.js +471 -203
- package/dist/cjs/ui/Renderer/breakout-ssr.js +1 -2
- package/dist/cjs/ui/Renderer/index.js +3 -3
- package/dist/es2019/react/nodes/table/colgroup.js +1 -2
- package/dist/es2019/react/nodes/table/sticky.js +2 -3
- package/dist/es2019/react/nodes/table/table.js +1 -12
- package/dist/es2019/react/nodes/table.js +457 -190
- package/dist/es2019/ui/Renderer/breakout-ssr.js +1 -2
- package/dist/es2019/ui/Renderer/index.js +3 -3
- package/dist/esm/react/nodes/table/colgroup.js +1 -2
- package/dist/esm/react/nodes/table/sticky.js +2 -4
- package/dist/esm/react/nodes/table/table.js +1 -12
- package/dist/esm/react/nodes/table.js +471 -202
- package/dist/esm/ui/Renderer/breakout-ssr.js +1 -2
- package/dist/esm/ui/Renderer/index.js +3 -3
- package/dist/types/react/nodes/table/sticky.d.ts +1 -2
- package/dist/types/react/nodes/table.d.ts +78 -8
- package/package.json +4 -7
- package/dist/cjs/react/nodes/tableNew.js +0 -1020
- package/dist/es2019/react/nodes/tableNew.js +0 -956
- package/dist/esm/react/nodes/tableNew.js +0 -1014
- package/dist/types/react/nodes/tableNew.d.ts +0 -189
|
@@ -37,7 +37,7 @@ function BreakoutSSRInlineScript(_ref) {
|
|
|
37
37
|
}
|
|
38
38
|
var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
|
|
39
39
|
var shouldSkipScript = {
|
|
40
|
-
table:
|
|
40
|
+
table: true
|
|
41
41
|
};
|
|
42
42
|
return /*#__PURE__*/_react.default.createElement("script", {
|
|
43
43
|
"data-breakout-script-id": id
|
|
@@ -96,7 +96,6 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
|
|
|
96
96
|
return;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
// Remove with feature gate 'platform-ssr-table-resize'
|
|
100
99
|
// Ignored via go/ees005
|
|
101
100
|
// eslint-disable-next-line @atlaskit/editor/no-as-casting
|
|
102
101
|
if (item.target.classList.contains('ak-renderer-document')) {
|
|
@@ -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.1.
|
|
77
|
+
var packageVersion = "137.1.9";
|
|
78
78
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
79
79
|
containerName: 'ak-renderer-wrapper',
|
|
80
80
|
containerType: 'inline-size'
|
|
@@ -784,7 +784,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
784
784
|
//
|
|
785
785
|
|
|
786
786
|
// allowRendererContainerStyles is not needed for comment container styling as container should always be set for comments
|
|
787
|
-
if (appearance === 'comment' && isTopLevelRenderer
|
|
787
|
+
if (appearance === 'comment' && isTopLevelRenderer) {
|
|
788
788
|
return (0, _react2.jsx)("div", {
|
|
789
789
|
css: setAsQueryContainerStyles
|
|
790
790
|
}, renderer);
|
|
@@ -797,7 +797,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
797
797
|
return (appearance === 'full-page' || appearance === 'full-width' || ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max') &&
|
|
798
798
|
// In case of having excerpt-include on page there are multiple renderers nested.
|
|
799
799
|
// Make sure only the root renderer is set to be query container.
|
|
800
|
-
isTopLevelRenderer && allowRendererContainerStyles
|
|
800
|
+
isTopLevelRenderer && allowRendererContainerStyles ? (0, _react2.jsx)("div", {
|
|
801
801
|
css: setAsQueryContainerStyles
|
|
802
802
|
}, renderer) : renderer;
|
|
803
803
|
});
|
|
@@ -259,11 +259,10 @@ const renderScaleDownColgroup = props => {
|
|
|
259
259
|
}
|
|
260
260
|
// scaling down
|
|
261
261
|
else if (renderWidth < tableWidth && !isTableWidthFixed) {
|
|
262
|
-
const shouldTable100ScaleDown = rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width);
|
|
263
262
|
scaleDownPercent = calcScalePercent({
|
|
264
263
|
renderWidth,
|
|
265
264
|
tableWidth,
|
|
266
|
-
maxScale:
|
|
265
|
+
maxScale: maxScalingPercent,
|
|
267
266
|
isNumberColumnEnabled: isNumberColumnEnabled
|
|
268
267
|
});
|
|
269
268
|
}
|
|
@@ -123,7 +123,6 @@ export const StickyTable = ({
|
|
|
123
123
|
tableNode,
|
|
124
124
|
rendererAppearance,
|
|
125
125
|
allowTableResizing,
|
|
126
|
-
fixTableSSRResizing = false,
|
|
127
126
|
allowFixedColumnWidthOption
|
|
128
127
|
}) => {
|
|
129
128
|
let styles;
|
|
@@ -160,7 +159,7 @@ export const StickyTable = ({
|
|
|
160
159
|
style: {
|
|
161
160
|
width: tableWidth,
|
|
162
161
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
163
|
-
marginBottom:
|
|
162
|
+
marginBottom: 0
|
|
164
163
|
}
|
|
165
164
|
}, jsx("div", {
|
|
166
165
|
ref: innerRef
|
|
@@ -178,7 +177,7 @@ export const StickyTable = ({
|
|
|
178
177
|
renderWidth: renderWidth,
|
|
179
178
|
tableNode: tableNode,
|
|
180
179
|
rendererAppearance: rendererAppearance,
|
|
181
|
-
fixTableSSRResizing:
|
|
180
|
+
fixTableSSRResizing: true,
|
|
182
181
|
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
183
182
|
},
|
|
184
183
|
/**
|
|
@@ -31,21 +31,10 @@ export const Table = /*#__PURE__*/React.memo(({
|
|
|
31
31
|
if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
|
|
32
32
|
tableWidth = 'inherit';
|
|
33
33
|
}
|
|
34
|
-
if (rendererAppearance === 'comment' && !allowTableResizing) {
|
|
35
|
-
// in the case we have css container stylings,
|
|
36
|
-
// we don't need to calculate width here as this
|
|
37
|
-
// is done via css
|
|
38
|
-
if (!fg('platform-ssr-table-resize')) {
|
|
39
|
-
tableWidth = renderWidth;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
34
|
// for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
|
|
44
35
|
// scales up the columns width. This ensures columns always have 42px.
|
|
45
36
|
if (rendererAppearance === 'comment') {
|
|
46
|
-
|
|
47
|
-
tableColumnWidths = columnWidths && colWidthSum(columnWidths) ? columnWidths : undefined;
|
|
48
|
-
}
|
|
37
|
+
tableColumnWidths = columnWidths && colWidthSum(columnWidths) ? columnWidths : undefined;
|
|
49
38
|
}
|
|
50
39
|
const tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
|
|
51
40
|
const tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
|