@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
|
@@ -28,7 +28,7 @@ export function BreakoutSSRInlineScript({
|
|
|
28
28
|
}
|
|
29
29
|
const id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
|
|
30
30
|
const shouldSkipScript = {
|
|
31
|
-
table:
|
|
31
|
+
table: true
|
|
32
32
|
};
|
|
33
33
|
return /*#__PURE__*/React.createElement("script", {
|
|
34
34
|
"data-breakout-script-id": id
|
|
@@ -100,7 +100,6 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript, fla
|
|
|
100
100
|
return;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
// Remove with feature gate 'platform-ssr-table-resize'
|
|
104
103
|
// Ignored via go/ees005
|
|
105
104
|
// eslint-disable-next-line @atlaskit/editor/no-as-casting
|
|
106
105
|
if (item.target.classList.contains('ak-renderer-document')) {
|
|
@@ -60,7 +60,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
60
60
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
61
61
|
const RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
62
62
|
const packageName = "@atlaskit/renderer";
|
|
63
|
-
const packageVersion = "137.1.
|
|
63
|
+
const packageVersion = "137.1.9";
|
|
64
64
|
const setAsQueryContainerStyles = css({
|
|
65
65
|
containerName: 'ak-renderer-wrapper',
|
|
66
66
|
containerType: 'inline-size'
|
|
@@ -776,7 +776,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
|
|
|
776
776
|
//
|
|
777
777
|
|
|
778
778
|
// allowRendererContainerStyles is not needed for comment container styling as container should always be set for comments
|
|
779
|
-
if (appearance === 'comment' && isTopLevelRenderer
|
|
779
|
+
if (appearance === 'comment' && isTopLevelRenderer) {
|
|
780
780
|
return jsx("div", {
|
|
781
781
|
css: setAsQueryContainerStyles
|
|
782
782
|
}, renderer);
|
|
@@ -789,7 +789,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
|
|
|
789
789
|
return (appearance === 'full-page' || appearance === 'full-width' || (expValEqualsNoExposure('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max') &&
|
|
790
790
|
// In case of having excerpt-include on page there are multiple renderers nested.
|
|
791
791
|
// Make sure only the root renderer is set to be query container.
|
|
792
|
-
isTopLevelRenderer && allowRendererContainerStyles
|
|
792
|
+
isTopLevelRenderer && allowRendererContainerStyles ? jsx("div", {
|
|
793
793
|
css: setAsQueryContainerStyles
|
|
794
794
|
}, renderer) : renderer;
|
|
795
795
|
});
|
|
@@ -281,11 +281,10 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
281
281
|
}
|
|
282
282
|
// scaling down
|
|
283
283
|
else if (renderWidth < tableWidth && !isTableWidthFixed) {
|
|
284
|
-
var shouldTable100ScaleDown = rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width);
|
|
285
284
|
scaleDownPercent = calcScalePercent({
|
|
286
285
|
renderWidth: renderWidth,
|
|
287
286
|
tableWidth: tableWidth,
|
|
288
|
-
maxScale:
|
|
287
|
+
maxScale: maxScalingPercent,
|
|
289
288
|
isNumberColumnEnabled: isNumberColumnEnabled
|
|
290
289
|
});
|
|
291
290
|
}
|
|
@@ -109,8 +109,6 @@ export var StickyTable = function StickyTable(_ref) {
|
|
|
109
109
|
tableNode = _ref.tableNode,
|
|
110
110
|
rendererAppearance = _ref.rendererAppearance,
|
|
111
111
|
allowTableResizing = _ref.allowTableResizing,
|
|
112
|
-
_ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
|
|
113
|
-
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
|
|
114
112
|
allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
|
|
115
113
|
var styles;
|
|
116
114
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -146,7 +144,7 @@ export var StickyTable = function StickyTable(_ref) {
|
|
|
146
144
|
style: {
|
|
147
145
|
width: tableWidth,
|
|
148
146
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
149
|
-
marginBottom:
|
|
147
|
+
marginBottom: 0
|
|
150
148
|
}
|
|
151
149
|
}, jsx("div", {
|
|
152
150
|
ref: innerRef
|
|
@@ -164,7 +162,7 @@ export var StickyTable = function StickyTable(_ref) {
|
|
|
164
162
|
renderWidth: renderWidth,
|
|
165
163
|
tableNode: tableNode,
|
|
166
164
|
rendererAppearance: rendererAppearance,
|
|
167
|
-
fixTableSSRResizing:
|
|
165
|
+
fixTableSSRResizing: true,
|
|
168
166
|
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
169
167
|
},
|
|
170
168
|
/**
|
|
@@ -32,21 +32,10 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
32
32
|
if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
|
|
33
33
|
tableWidth = 'inherit';
|
|
34
34
|
}
|
|
35
|
-
if (rendererAppearance === 'comment' && !allowTableResizing) {
|
|
36
|
-
// in the case we have css container stylings,
|
|
37
|
-
// we don't need to calculate width here as this
|
|
38
|
-
// is done via css
|
|
39
|
-
if (!fg('platform-ssr-table-resize')) {
|
|
40
|
-
tableWidth = renderWidth;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
35
|
// for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
|
|
45
36
|
// scales up the columns width. This ensures columns always have 42px.
|
|
46
37
|
if (rendererAppearance === 'comment') {
|
|
47
|
-
|
|
48
|
-
tableColumnWidths = columnWidths && colWidthSum(columnWidths) ? columnWidths : undefined;
|
|
49
|
-
}
|
|
38
|
+
tableColumnWidths = columnWidths && colWidthSum(columnWidths) ? columnWidths : undefined;
|
|
50
39
|
}
|
|
51
40
|
var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
|
|
52
41
|
var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
|