@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.
Files changed (65) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/actions/index.js +2 -2
  3. package/dist/cjs/react/index.js +2 -2
  4. package/dist/cjs/react/marks/breakout.js +3 -3
  5. package/dist/cjs/react/marks/code.js +1 -1
  6. package/dist/cjs/react/nodes/date.js +1 -1
  7. package/dist/cjs/react/nodes/embedCard.js +2 -2
  8. package/dist/cjs/react/nodes/heading-anchor.js +1 -1
  9. package/dist/cjs/react/nodes/layoutSection.js +2 -2
  10. package/dist/cjs/react/nodes/mediaInline.js +1 -1
  11. package/dist/cjs/react/nodes/mediaSingle/index.js +1 -1
  12. package/dist/cjs/react/nodes/table/colgroup.js +1 -2
  13. package/dist/cjs/react/nodes/table/sticky.js +2 -4
  14. package/dist/cjs/react/nodes/table/table.js +1 -12
  15. package/dist/cjs/react/nodes/table.js +474 -206
  16. package/dist/cjs/ui/Expand.js +1 -1
  17. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +3 -3
  18. package/dist/cjs/ui/Renderer/breakout-ssr.js +1 -2
  19. package/dist/cjs/ui/Renderer/index.js +7 -7
  20. package/dist/cjs/utils.js +2 -2
  21. package/dist/es2019/actions/index.js +1 -1
  22. package/dist/es2019/react/index.js +1 -1
  23. package/dist/es2019/react/marks/breakout.js +1 -1
  24. package/dist/es2019/react/marks/code.js +1 -1
  25. package/dist/es2019/react/nodes/date.js +1 -1
  26. package/dist/es2019/react/nodes/embedCard.js +1 -1
  27. package/dist/es2019/react/nodes/heading-anchor.js +1 -1
  28. package/dist/es2019/react/nodes/layoutSection.js +1 -1
  29. package/dist/es2019/react/nodes/mediaInline.js +1 -1
  30. package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
  31. package/dist/es2019/react/nodes/table/colgroup.js +1 -2
  32. package/dist/es2019/react/nodes/table/sticky.js +2 -3
  33. package/dist/es2019/react/nodes/table/table.js +1 -12
  34. package/dist/es2019/react/nodes/table.js +458 -191
  35. package/dist/es2019/ui/Expand.js +1 -1
  36. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -1
  37. package/dist/es2019/ui/Renderer/breakout-ssr.js +1 -2
  38. package/dist/es2019/ui/Renderer/index.js +4 -4
  39. package/dist/es2019/utils.js +1 -1
  40. package/dist/esm/actions/index.js +1 -1
  41. package/dist/esm/react/index.js +1 -1
  42. package/dist/esm/react/marks/breakout.js +1 -1
  43. package/dist/esm/react/marks/code.js +1 -1
  44. package/dist/esm/react/nodes/date.js +1 -1
  45. package/dist/esm/react/nodes/embedCard.js +1 -1
  46. package/dist/esm/react/nodes/heading-anchor.js +1 -1
  47. package/dist/esm/react/nodes/layoutSection.js +1 -1
  48. package/dist/esm/react/nodes/mediaInline.js +1 -1
  49. package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
  50. package/dist/esm/react/nodes/table/colgroup.js +1 -2
  51. package/dist/esm/react/nodes/table/sticky.js +2 -4
  52. package/dist/esm/react/nodes/table/table.js +1 -12
  53. package/dist/esm/react/nodes/table.js +472 -203
  54. package/dist/esm/ui/Expand.js +1 -1
  55. package/dist/esm/ui/Renderer/RendererStyleContainer.js +1 -1
  56. package/dist/esm/ui/Renderer/breakout-ssr.js +1 -2
  57. package/dist/esm/ui/Renderer/index.js +4 -4
  58. package/dist/esm/utils.js +1 -1
  59. package/dist/types/react/nodes/table/sticky.d.ts +1 -2
  60. package/dist/types/react/nodes/table.d.ts +78 -8
  61. package/package.json +5 -7
  62. package/dist/cjs/react/nodes/tableNew.js +0 -1020
  63. package/dist/es2019/react/nodes/tableNew.js +0 -956
  64. package/dist/esm/react/nodes/tableNew.js +0 -1014
  65. 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 _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
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 _editorJsonTransformer.JSONTransformer();
36
+ this.transformer = new _JSONTransformer.JSONTransformer();
37
37
  }
38
38
 
39
39
  //#region private
@@ -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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
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, _experiments.editorExperiment)('comment_on_bodied_extensions', true)) {
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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
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, _experiments.editorExperiment)('advanced_layouts', true) && width) {
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, _experiments.editorExperiment)('advanced_layouts', true) && {
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/ban-types
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/ban-types
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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
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, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
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/ban-types
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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
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, _experiments.editorExperiment)('advanced_layouts', true) ?
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/ban-types
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/ban-types
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: (0, _fg.fg)('platform-ssr-table-resize') ? maxScalingPercent : shouldTable100ScaleDown ? 1 : maxScalingPercent,
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: fixTableSSRResizing ? 0 : ''
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: 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
- if ((0, _fg.fg)('platform-ssr-table-resize')) {
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;