@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
@@ -452,6 +452,6 @@ function Expand(_ref) {
452
452
  }, children)))));
453
453
  }
454
454
 
455
- // eslint-disable-next-line @typescript-eslint/ban-types
455
+ // eslint-disable-next-line @typescript-eslint/no-restricted-types
456
456
  var _default_1 = (0, _reactIntl.injectIntl)(Expand);
457
457
  var _default = exports.default = _default_1;
@@ -18,7 +18,7 @@ var _styles = require("@atlaskit/editor-common/styles");
18
18
  var _adfSchema = require("@atlaskit/adf-schema");
19
19
  var _ui = require("@atlaskit/editor-common/ui");
20
20
  var _browser = require("@atlaskit/editor-common/browser");
21
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
21
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
22
22
  var _table = require("../../react/nodes/table");
23
23
  var _table2 = require("@atlaskit/editor-common/table");
24
24
  var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
@@ -2277,8 +2277,8 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
2277
2277
  innerRef = props.innerRef,
2278
2278
  testId = props.testId,
2279
2279
  isInsideSyncBlock = props.isInsideSyncBlock;
2280
- var isAdvancedLayoutsOn = (0, _experiments.editorExperiment)('advanced_layouts', true);
2281
- var isPreviewPanelResponsivenessOn = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
2280
+ var isAdvancedLayoutsOn = (0, _editorExperiment.editorExperiment)('advanced_layouts', true);
2281
+ var isPreviewPanelResponsivenessOn = (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
2282
2282
  exposure: true
2283
2283
  });
2284
2284
  var isStickyScrollbarOn = (0, _table.isStickyScrollbarEnabled)(appearance);
@@ -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: (0, _fg.fg)('platform-ssr-table-resize')
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')) {
@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
15
15
  var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
16
16
  var _providerFactory = require("@atlaskit/editor-common/provider-factory");
17
17
  var _ui = require("@atlaskit/editor-common/ui");
18
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
18
+ var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
19
19
  var _react2 = require("@emotion/react");
20
20
  var _browser = require("@atlaskit/editor-common/browser");
21
21
  var _nesting = require("@atlaskit/editor-common/nesting");
@@ -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.8";
77
+ var packageVersion = "137.1.10";
78
78
  var setAsQueryContainerStyles = (0, _react2.css)({
79
79
  containerName: 'ak-renderer-wrapper',
80
80
  containerType: 'inline-size'
@@ -224,7 +224,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
224
224
  createAnalyticsEvent(event).fire(channel);
225
225
  }
226
226
  }, [createAnalyticsEvent]);
227
- var _fireAnalyticsEvent = (0, _experiments.editorExperiment)('platform_renderer_fix_analytics_memo_callback', true, {
227
+ var _fireAnalyticsEvent = (0, _editorExperiment.editorExperiment)('platform_renderer_fix_analytics_memo_callback', true, {
228
228
  exposure: true
229
229
  }) ? fireAnalyticsEventNew : fireAnalyticsEventOld;
230
230
  var deriveSerializerProps = (0, _react.useCallback)(function (props) {
@@ -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 && (0, _fg.fg)('platform-ssr-table-resize')) {
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 && (0, _fg.fg)('platform-ssr-table-resize') ? (0, _react2.jsx)("div", {
800
+ isTopLevelRenderer && allowRendererContainerStyles ? (0, _react2.jsx)("div", {
801
801
  css: setAsQueryContainerStyles
802
802
  }, renderer) : renderer;
803
803
  });
@@ -817,7 +817,7 @@ function RendererActionsInternalUpdater(_ref2) {
817
817
  // be incorrect (nested renderers use a fake document which represents a subset
818
818
  // of the actual document).
819
819
  var _doc;
820
- if ((0, _experiments.editorExperiment)('comment_on_bodied_extensions', true) && rootRendererContextValue) {
820
+ if ((0, _editorExperiment.editorExperiment)('comment_on_bodied_extensions', true) && rootRendererContextValue) {
821
821
  // If rootRendererContextValue is set -- we are inside a nested renderer
822
822
  // and should always use the doc from the root renderer
823
823
  _doc = rootRendererContextValue.doc;
@@ -836,7 +836,7 @@ function RendererActionsInternalUpdater(_ref2) {
836
836
  return actions._privateUnregisterRenderer();
837
837
  };
838
838
  }, [actions, schema, _doc, onAnalyticsEvent]);
839
- if ((0, _experiments.editorExperiment)('comment_on_bodied_extensions', true)) {
839
+ if ((0, _editorExperiment.editorExperiment)('comment_on_bodied_extensions', true)) {
840
840
  return (
841
841
  // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
842
842
  (0, _react2.jsx)(RootRendererContext.Provider, {
package/dist/cjs/utils.js CHANGED
@@ -10,7 +10,7 @@ exports.getText = exports.getEventHandler = void 0;
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
12
  var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
13
- var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
13
+ var _JSONTransformer = require("@atlaskit/editor-json-transformer/JSONTransformer-2");
14
14
  /* eslint-disable @atlaskit/editor/no-re-export */
15
15
  // Entry file in package.json
16
16
 
@@ -28,7 +28,7 @@ var ADFEncoder = exports.ADFEncoder = /*#__PURE__*/(0, _createClass2.default)(
28
28
  function ADFEncoder(createTransformerWithSchema) {
29
29
  (0, _classCallCheck2.default)(this, ADFEncoder);
30
30
  var transformer = createTransformerWithSchema(_schemaDefault.defaultSchema);
31
- this.encode = createEncoder(transformer, new _editorJsonTransformer.JSONTransformer());
31
+ this.encode = createEncoder(transformer, new _JSONTransformer.JSONTransformer());
32
32
  });
33
33
  var getText = exports.getText = function getText(node) {
34
34
  return node.text || node.attrs && (node.attrs.text || node.attrs.shortName) || "[".concat(typeof node.type === 'string' ? node.type : node.type.name, "]");
@@ -1,7 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { AnnotationTypes } from '@atlaskit/adf-schema';
3
3
  import { canApplyAnnotationOnRange, getAnnotationIdsFromRange, getAnnotationInlineNodeTypes, isEmptyTextSelectionRenderer } from '@atlaskit/editor-common/utils';
4
- import { JSONTransformer } from '@atlaskit/editor-json-transformer';
4
+ import { JSONTransformer } from '@atlaskit/editor-json-transformer/JSONTransformer-2';
5
5
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
6
6
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
7
7
  import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React from 'react';
4
4
  import { MarkType } from '@atlaskit/editor-prosemirror/model';
5
5
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
6
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
7
7
  import { mergeExpandBodyText, withExpandBodyBlock } from '../ui/utils/expand-body';
8
8
  import { Doc, DocWithSelectAllTrap, isTextNode, isTextWrapper, mergeTextNodes, toReact } from './nodes';
9
9
  import TextWrapperComponent from './nodes/text-wrapper';
@@ -6,7 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
6
6
  /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
7
7
  import { jsx, css } from '@emotion/react';
8
8
  import { akEditorFullWidthLayoutWidth, akEditorMaxLayoutWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
9
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
9
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
10
10
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
11
  import { RendererCssClassName } from '../../consts';
12
12
  const flexWrapperStyles = css({
@@ -18,6 +18,6 @@ export function CodeWithIntl(props) {
18
18
  // eslint-disable-next-line react/jsx-props-no-spreading
19
19
  }, props.dataAttributes), props.children);
20
20
  }
21
- // eslint-disable-next-line @typescript-eslint/ban-types
21
+ // eslint-disable-next-line @typescript-eslint/no-restricted-types
22
22
  const _default_1 = injectIntl(CodeWithIntl);
23
23
  export default _default_1;
@@ -30,7 +30,7 @@ const Date = /*#__PURE__*/memo(function Date(props) {
30
30
  }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl, timeZone) : timestampToString(timestamp, intl)));
31
31
  });
32
32
 
33
- // eslint-disable-next-line @typescript-eslint/ban-types
33
+ // eslint-disable-next-line @typescript-eslint/no-restricted-types
34
34
  export const DateComponent = injectIntl(Date);
35
35
  function DateWithFormatContext(props) {
36
36
  const [isChecked] = useTaskItemsFormatContext();
@@ -14,7 +14,7 @@ import { WidthConsumer, UnsupportedBlock, MediaSingle as UIMediaSingle, WidthCon
14
14
  import { akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
15
15
  import { fg } from '@atlaskit/platform-feature-flags/fg';
16
16
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
17
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
18
18
  import { CardErrorBoundary } from './fallback';
19
19
  import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
20
20
  import { RendererCssClassName } from '../../consts';
@@ -152,6 +152,6 @@ class HeadingAnchor extends React.PureComponent {
152
152
  }
153
153
  }
154
154
 
155
- // eslint-disable-next-line @typescript-eslint/ban-types
155
+ // eslint-disable-next-line @typescript-eslint/no-restricted-types
156
156
  const _default_1 = injectIntl(HeadingAnchor);
157
157
  export default _default_1;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
2
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
3
3
  export default function LayoutSection(props) {
4
4
  var _ref, _props$content, _props$getContent;
5
5
  const 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;
@@ -183,6 +183,6 @@ const MediaInline = props => {
183
183
  });
184
184
  };
185
185
 
186
- // eslint-disable-next-line @typescript-eslint/ban-types
186
+ // eslint-disable-next-line @typescript-eslint/no-restricted-types
187
187
  const _default_1 = injectIntl(MediaInline);
188
188
  export default _default_1;
@@ -275,6 +275,6 @@ const MediaSingle = props => {
275
275
  }));
276
276
  };
277
277
 
278
- // eslint-disable-next-line @typescript-eslint/ban-types
278
+ // eslint-disable-next-line @typescript-eslint/no-restricted-types
279
279
  const _default_1 = injectIntl(MediaSingle);
280
280
  export default _default_1;
@@ -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: fg('platform-ssr-table-resize') ? maxScalingPercent : shouldTable100ScaleDown ? 1 : maxScalingPercent,
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: fixTableSSRResizing ? 0 : ''
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: 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
- if (fg('platform-ssr-table-resize')) {
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;