@atlaskit/renderer 137.1.9 → 137.1.11
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/actions/index.js +2 -2
- package/dist/cjs/react/index.js +2 -2
- package/dist/cjs/react/marks/breakout.js +3 -3
- package/dist/cjs/react/marks/code.js +1 -1
- package/dist/cjs/react/nodes/date.js +1 -1
- package/dist/cjs/react/nodes/embedCard.js +2 -2
- package/dist/cjs/react/nodes/heading-anchor.js +1 -1
- package/dist/cjs/react/nodes/layoutSection.js +2 -2
- package/dist/cjs/react/nodes/mediaInline.js +1 -1
- package/dist/cjs/react/nodes/mediaSingle/index.js +1 -1
- 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 +474 -206
- package/dist/cjs/ui/Expand.js +1 -1
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +3 -3
- package/dist/cjs/ui/Renderer/breakout-ssr.js +1 -2
- package/dist/cjs/ui/Renderer/index.js +7 -7
- package/dist/cjs/utils.js +2 -2
- package/dist/es2019/actions/index.js +1 -1
- package/dist/es2019/react/index.js +1 -1
- package/dist/es2019/react/marks/breakout.js +1 -1
- package/dist/es2019/react/marks/code.js +1 -1
- package/dist/es2019/react/nodes/date.js +1 -1
- package/dist/es2019/react/nodes/embedCard.js +1 -1
- package/dist/es2019/react/nodes/heading-anchor.js +1 -1
- package/dist/es2019/react/nodes/layoutSection.js +1 -1
- package/dist/es2019/react/nodes/mediaInline.js +1 -1
- package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
- 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 +458 -191
- package/dist/es2019/ui/Expand.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/es2019/ui/Renderer/breakout-ssr.js +1 -2
- package/dist/es2019/ui/Renderer/index.js +4 -4
- package/dist/es2019/utils.js +1 -1
- package/dist/esm/actions/index.js +1 -1
- package/dist/esm/react/index.js +1 -1
- package/dist/esm/react/marks/breakout.js +1 -1
- package/dist/esm/react/marks/code.js +1 -1
- package/dist/esm/react/nodes/date.js +1 -1
- package/dist/esm/react/nodes/embedCard.js +1 -1
- package/dist/esm/react/nodes/heading-anchor.js +1 -1
- package/dist/esm/react/nodes/layoutSection.js +1 -1
- package/dist/esm/react/nodes/mediaInline.js +1 -1
- package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
- 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 +472 -203
- package/dist/esm/ui/Expand.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +1 -1
- package/dist/esm/ui/Renderer/breakout-ssr.js +1 -2
- package/dist/esm/ui/Renderer/index.js +4 -4
- package/dist/esm/utils.js +1 -1
- package/dist/types/react/nodes/table/sticky.d.ts +1 -2
- package/dist/types/react/nodes/table.d.ts +78 -8
- package/package.json +5 -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
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 137.1.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 137.1.10
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`2e56a5fbd0f35`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e56a5fbd0f35) -
|
|
14
|
+
Clean up feature gate `platform-ssr-table-resize`
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 137.1.9
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
11
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
12
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
13
13
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
14
|
-
var
|
|
14
|
+
var _JSONTransformer = require("@atlaskit/editor-json-transformer/JSONTransformer-2");
|
|
15
15
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
16
16
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
17
17
|
var _transform = require("@atlaskit/editor-prosemirror/transform");
|
|
@@ -33,7 +33,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
|
|
|
33
33
|
// the <RendererContext> component for now.
|
|
34
34
|
(0, _defineProperty2.default)(this, "initFromContext", false);
|
|
35
35
|
this.initFromContext = initFromContext;
|
|
36
|
-
this.transformer = new
|
|
36
|
+
this.transformer = new _JSONTransformer.JSONTransformer();
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
//#region private
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
16
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
|
-
var
|
|
17
|
+
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
18
18
|
var _expandBody = require("../ui/utils/expand-body");
|
|
19
19
|
var _nodes = require("./nodes");
|
|
20
20
|
var _textWrapper = _interopRequireDefault(require("./nodes/text-wrapper"));
|
|
@@ -184,7 +184,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
|
|
|
184
184
|
});
|
|
185
185
|
return props;
|
|
186
186
|
});
|
|
187
|
-
if ((0,
|
|
187
|
+
if ((0, _editorExperiment.editorExperiment)('comment_on_bodied_extensions', true)) {
|
|
188
188
|
this.initStartPos = init.startPos || 1;
|
|
189
189
|
this.startPos = init.startPos || 1;
|
|
190
190
|
} else {
|
|
@@ -8,7 +8,7 @@ exports.default = Breakout;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
11
|
-
var
|
|
11
|
+
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
12
12
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
13
13
|
var _consts = require("../../consts");
|
|
14
14
|
/**
|
|
@@ -28,7 +28,7 @@ var innerWrapperStyles = (0, _react.css)({
|
|
|
28
28
|
flexShrink: 0
|
|
29
29
|
});
|
|
30
30
|
var getWidth = function getWidth(width, mode) {
|
|
31
|
-
if ((0,
|
|
31
|
+
if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true) && width) {
|
|
32
32
|
return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
|
|
33
33
|
} else {
|
|
34
34
|
if ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) {
|
|
@@ -67,7 +67,7 @@ function Breakout(props) {
|
|
|
67
67
|
"data-mode": props.mode
|
|
68
68
|
// Ignored via go/ees005
|
|
69
69
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
70
|
-
}, (0,
|
|
70
|
+
}, (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && {
|
|
71
71
|
'data-has-width': !!props.width,
|
|
72
72
|
'data-width': props.width
|
|
73
73
|
}, {
|
|
@@ -26,6 +26,6 @@ function CodeWithIntl(props) {
|
|
|
26
26
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
27
27
|
}, props.dataAttributes), props.children);
|
|
28
28
|
}
|
|
29
|
-
// eslint-disable-next-line @typescript-eslint/
|
|
29
|
+
// eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
30
30
|
var _default_1 = (0, _reactIntl.injectIntl)(CodeWithIntl);
|
|
31
31
|
var _default = exports.default = _default_1;
|
|
@@ -37,7 +37,7 @@ var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
|
|
|
37
37
|
}, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl, timeZone) : (0, _utils.timestampToString)(timestamp, intl)));
|
|
38
38
|
});
|
|
39
39
|
|
|
40
|
-
// eslint-disable-next-line @typescript-eslint/
|
|
40
|
+
// eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
41
41
|
var DateComponent = exports.DateComponent = (0, _reactIntl.injectIntl)(Date);
|
|
42
42
|
function DateWithFormatContext(props) {
|
|
43
43
|
var _useTaskItemsFormatCo = (0, _TaskItemsFormatContext.useTaskItemsFormatContext)(),
|
|
@@ -16,7 +16,7 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
18
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
19
|
-
var
|
|
19
|
+
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
20
20
|
var _fallback = require("./fallback");
|
|
21
21
|
var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
|
|
22
22
|
var _consts = require("../../consts");
|
|
@@ -286,7 +286,7 @@ var EmbedOrBlockCardInternal = exports.EmbedOrBlockCardInternal = function Embed
|
|
|
286
286
|
});
|
|
287
287
|
};
|
|
288
288
|
var EmbedCardWithCondition = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
289
|
-
return (0,
|
|
289
|
+
return (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
290
290
|
exposure: true
|
|
291
291
|
});
|
|
292
292
|
}, EmbedOrBlockCardInternal, EmbedCardInternal);
|
|
@@ -186,6 +186,6 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
186
186
|
return this.renderAnchorButton();
|
|
187
187
|
}
|
|
188
188
|
}]);
|
|
189
|
-
}(_react.default.PureComponent); // eslint-disable-next-line @typescript-eslint/
|
|
189
|
+
}(_react.default.PureComponent); // eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
190
190
|
var _default_1 = (0, _reactIntl.injectIntl)(HeadingAnchor);
|
|
191
191
|
var _default = exports.default = _default_1;
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = LayoutSection;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
10
10
|
function LayoutSection(props) {
|
|
11
11
|
var _ref, _props$content, _props$getContent;
|
|
12
12
|
var columnCount = (_ref = (_props$content = props.content) !== null && _props$content !== void 0 ? _props$content : (_props$getContent = props.getContent) === null || _props$getContent === void 0 ? void 0 : _props$getContent.call(props)) === null || _ref === void 0 ? void 0 : _ref.length;
|
|
13
|
-
return (0,
|
|
13
|
+
return (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ?
|
|
14
14
|
/*#__PURE__*/
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
16
16
|
_react.default.createElement("div", {
|
|
@@ -218,6 +218,6 @@ var MediaInline = function MediaInline(props) {
|
|
|
218
218
|
});
|
|
219
219
|
};
|
|
220
220
|
|
|
221
|
-
// eslint-disable-next-line @typescript-eslint/
|
|
221
|
+
// eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
222
222
|
var _default_1 = (0, _reactIntl.injectIntl)(MediaInline);
|
|
223
223
|
var _default = exports.default = _default_1;
|
|
@@ -289,6 +289,6 @@ var MediaSingle = function MediaSingle(props) {
|
|
|
289
289
|
}));
|
|
290
290
|
};
|
|
291
291
|
|
|
292
|
-
// eslint-disable-next-line @typescript-eslint/
|
|
292
|
+
// eslint-disable-next-line @typescript-eslint/no-restricted-types
|
|
293
293
|
var _default_1 = (0, _reactIntl.injectIntl)(MediaSingle);
|
|
294
294
|
var _default = exports.default = _default_1;
|
|
@@ -289,11 +289,10 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
289
289
|
}
|
|
290
290
|
// scaling down
|
|
291
291
|
else if (renderWidth < tableWidth && !isTableWidthFixed) {
|
|
292
|
-
var shouldTable100ScaleDown = rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width);
|
|
293
292
|
scaleDownPercent = calcScalePercent({
|
|
294
293
|
renderWidth: renderWidth,
|
|
295
294
|
tableWidth: tableWidth,
|
|
296
|
-
maxScale:
|
|
295
|
+
maxScale: maxScalingPercent,
|
|
297
296
|
isNumberColumnEnabled: isNumberColumnEnabled
|
|
298
297
|
});
|
|
299
298
|
}
|
|
@@ -118,8 +118,6 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
|
|
|
118
118
|
tableNode = _ref.tableNode,
|
|
119
119
|
rendererAppearance = _ref.rendererAppearance,
|
|
120
120
|
allowTableResizing = _ref.allowTableResizing,
|
|
121
|
-
_ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
|
|
122
|
-
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
|
|
123
121
|
allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
|
|
124
122
|
var styles;
|
|
125
123
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -155,7 +153,7 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
|
|
|
155
153
|
style: {
|
|
156
154
|
width: tableWidth,
|
|
157
155
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
158
|
-
marginBottom:
|
|
156
|
+
marginBottom: 0
|
|
159
157
|
}
|
|
160
158
|
}, (0, _react2.jsx)("div", {
|
|
161
159
|
ref: innerRef
|
|
@@ -173,7 +171,7 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
|
|
|
173
171
|
renderWidth: renderWidth,
|
|
174
172
|
tableNode: tableNode,
|
|
175
173
|
rendererAppearance: rendererAppearance,
|
|
176
|
-
fixTableSSRResizing:
|
|
174
|
+
fixTableSSRResizing: true,
|
|
177
175
|
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
178
176
|
},
|
|
179
177
|
/**
|
|
@@ -39,21 +39,10 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
39
39
|
if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
|
|
40
40
|
tableWidth = 'inherit';
|
|
41
41
|
}
|
|
42
|
-
if (rendererAppearance === 'comment' && !allowTableResizing) {
|
|
43
|
-
// in the case we have css container stylings,
|
|
44
|
-
// we don't need to calculate width here as this
|
|
45
|
-
// is done via css
|
|
46
|
-
if (!(0, _fg.fg)('platform-ssr-table-resize')) {
|
|
47
|
-
tableWidth = renderWidth;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
42
|
// for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
|
|
52
43
|
// scales up the columns width. This ensures columns always have 42px.
|
|
53
44
|
if (rendererAppearance === 'comment') {
|
|
54
|
-
|
|
55
|
-
tableColumnWidths = columnWidths && (0, _colgroup.colWidthSum)(columnWidths) ? columnWidths : undefined;
|
|
56
|
-
}
|
|
45
|
+
tableColumnWidths = columnWidths && (0, _colgroup.colWidthSum)(columnWidths) ? columnWidths : undefined;
|
|
57
46
|
}
|
|
58
47
|
var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
|
|
59
48
|
var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
|