@atlaskit/renderer 109.48.0 → 109.50.0

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 (17) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/cjs/react/index.js +3 -1
  3. package/dist/cjs/react/nodes/table.js +5 -3
  4. package/dist/cjs/ui/Renderer/index.js +3 -2
  5. package/dist/es2019/react/index.js +3 -1
  6. package/dist/es2019/react/nodes/table.js +5 -3
  7. package/dist/es2019/ui/Renderer/index.js +3 -2
  8. package/dist/esm/react/index.js +3 -1
  9. package/dist/esm/react/nodes/table.js +5 -3
  10. package/dist/esm/ui/Renderer/index.js +3 -2
  11. package/dist/types/react/index.d.ts +2 -0
  12. package/dist/types/react/nodes/table.d.ts +22 -0
  13. package/dist/types/ui/renderer-props.d.ts +1 -0
  14. package/dist/types-ts4.5/react/index.d.ts +2 -0
  15. package/dist/types-ts4.5/react/nodes/table.d.ts +22 -0
  16. package/dist/types-ts4.5/ui/renderer-props.d.ts +1 -0
  17. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 109.50.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#130806](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/130806)
8
+ [`0354a6dc7bfb9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0354a6dc7bfb9) -
9
+ ENGHEALTH-9888 : Bumps React 18 in Editor
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 109.49.0
16
+
17
+ ### Minor Changes
18
+
19
+ - [#131048](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131048)
20
+ [`b6d65a4ed682d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6d65a4ed682d) -
21
+ [ux] Adds UNSTABLE_allowTableAlignment prop on Renderer to allow consumers enable Table Alignment
22
+ feature (for now available only for Confluence)
23
+
3
24
  ## 109.48.0
4
25
 
5
26
  ### Minor Changes
package/dist/cjs/react/index.js CHANGED
@@ -191,6 +191,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
191
191
  this.isInsideOfInlineExtension = init.isInsideOfInlineExtension;
192
192
  this.textHighlighter = init.textHighlighter;
193
193
  this.isCommentsOnMediaMediaInlineBugFixEnabled = init.isCommentsOnMediaMediaInlineBugFixEnabled;
194
+ this.allowTableAlignment = init.allowTableAlignment;
194
195
  }
195
196
  (0, _createClass2.default)(ReactSerializer, [{
196
197
  key: "resetState",
@@ -363,7 +364,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
363
364
  tableNode: node,
364
365
  stickyHeaders: stickyHeaders,
365
366
  isInsideOfBlockNode: isInsideOfBlockNode,
366
- isInsideMultiBodiedExtension: isInsideMultiBodiedExtension
367
+ isInsideMultiBodiedExtension: isInsideMultiBodiedExtension,
368
+ allowTableAlignment: this.allowTableAlignment
367
369
  });
368
370
  }
369
371
  }, {
package/dist/cjs/react/nodes/table.js CHANGED
@@ -298,7 +298,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
298
298
  tableNode = _this$props.tableNode,
299
299
  rendererAppearance = _this$props.rendererAppearance,
300
300
  isInsideOfBlockNode = _this$props.isInsideOfBlockNode,
301
- isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension;
301
+ isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
302
+ allowTableAlignment = _this$props.allowTableAlignment;
302
303
  var stickyMode = this.state.stickyMode;
303
304
  var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
304
305
  var left;
@@ -323,10 +324,11 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
323
324
  var tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
324
325
  var isCommentAppearanceAndTableAlignmentEnabled =
325
326
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
326
- (0, _appearance.isCommentAppearance)(rendererAppearance) && (0, _platformFeatureFlags.fg)('platform_editor_table_support_in_comment');
327
+ allowTableAlignment && (0, _platformFeatureFlags.fg)('platform_editor_table_support_in_comment');
327
328
 
328
329
  // Logic for table alignment in renderer
329
- var isTableAlignStart = ((0, _appearance.isFullWidthOrFullPageAppearance)(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && (0, _platformFeatureFlags.fg)('platform.editor.table.allow-table-alignment');
330
+ var isTableAlignStart = ((0, _appearance.isFullWidthOrFullPageAppearance)(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment && (0, _platformFeatureFlags.fg)('platform.editor.table.allow-table-alignment'); // allowTableAlignment should be used instead of fg('platform.editor.table.allow-table-alignment') after this fg cleanup
331
+
330
332
  var fullWidthLineLength = isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
331
333
  var commentLineLength = isRenderWidthValid ? renderWidth : lineLengthFixedWidth;
332
334
  var lineLength = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -60,7 +60,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
60
60
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
61
61
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
62
62
  var packageName = "@atlaskit/renderer";
63
- var packageVersion = "109.48.0";
63
+ var packageVersion = "109.50.0";
64
64
  var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
65
65
  var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
66
66
  (0, _inherits2.default)(Renderer, _PureComponent);
@@ -289,7 +289,8 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
289
289
  allowWindowedCodeBlock: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.allowWindowedCodeBlock,
290
290
  isInsideOfInlineExtension: (0, _platformFeatureFlags.fg)('platform.editor.inline_extension.extended_lcqdn') && props.isInsideOfInlineExtension,
291
291
  textHighlighter: props.UNSTABLE_textHighlighter,
292
- isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix
292
+ isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix,
293
+ allowTableAlignment: props.UNSTABLE_allowTableAlignment
293
294
  };
294
295
  }
295
296
  }, {
package/dist/es2019/react/index.js CHANGED
@@ -177,6 +177,7 @@ export default class ReactSerializer {
177
177
  this.isInsideOfInlineExtension = init.isInsideOfInlineExtension;
178
178
  this.textHighlighter = init.textHighlighter;
179
179
  this.isCommentsOnMediaMediaInlineBugFixEnabled = init.isCommentsOnMediaMediaInlineBugFixEnabled;
180
+ this.allowTableAlignment = init.allowTableAlignment;
180
181
  }
181
182
  resetState() {
182
183
  this.headingIds = [];
@@ -325,7 +326,8 @@ export default class ReactSerializer {
325
326
  tableNode: node,
326
327
  stickyHeaders,
327
328
  isInsideOfBlockNode,
328
- isInsideMultiBodiedExtension
329
+ isInsideMultiBodiedExtension,
330
+ allowTableAlignment: this.allowTableAlignment
329
331
  };
330
332
  }
331
333
  getDateProps(node, parentInfo, path = []) {
package/dist/es2019/react/nodes/table.js CHANGED
@@ -242,7 +242,8 @@ export class TableContainer extends React.Component {
242
242
  tableNode,
243
243
  rendererAppearance,
244
244
  isInsideOfBlockNode,
245
- isinsideMultiBodiedExtension
245
+ isinsideMultiBodiedExtension,
246
+ allowTableAlignment
246
247
  } = this.props;
247
248
  const {
248
249
  stickyMode
@@ -270,10 +271,11 @@ export class TableContainer extends React.Component {
270
271
  const tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
271
272
  const isCommentAppearanceAndTableAlignmentEnabled =
272
273
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
273
- isCommentAppearance(rendererAppearance) && fg('platform_editor_table_support_in_comment');
274
+ allowTableAlignment && fg('platform_editor_table_support_in_comment');
274
275
 
275
276
  // Logic for table alignment in renderer
276
- const isTableAlignStart = (isFullWidthOrFullPageAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && fg('platform.editor.table.allow-table-alignment');
277
+ const isTableAlignStart = (isFullWidthOrFullPageAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment && fg('platform.editor.table.allow-table-alignment'); // allowTableAlignment should be used instead of fg('platform.editor.table.allow-table-alignment') after this fg cleanup
278
+
277
279
  const fullWidthLineLength = isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
278
280
  const commentLineLength = isRenderWidthValid ? renderWidth : lineLengthFixedWidth;
279
281
  let lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -42,7 +42,7 @@ import { nodeToReact } from '../../react/nodes';
42
42
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
43
43
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
44
44
  const packageName = "@atlaskit/renderer";
45
- const packageVersion = "109.48.0";
45
+ const packageVersion = "109.50.0";
46
46
  export const defaultNodeComponents = nodeToReact;
47
47
  export class Renderer extends PureComponent {
48
48
  constructor(props) {
@@ -269,7 +269,8 @@ export class Renderer extends PureComponent {
269
269
  allowWindowedCodeBlock: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.allowWindowedCodeBlock,
270
270
  isInsideOfInlineExtension: fg('platform.editor.inline_extension.extended_lcqdn') && props.isInsideOfInlineExtension,
271
271
  textHighlighter: props.UNSTABLE_textHighlighter,
272
- isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix
272
+ isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix,
273
+ allowTableAlignment: props.UNSTABLE_allowTableAlignment
273
274
  };
274
275
  }
275
276
  render() {
package/dist/esm/react/index.js CHANGED
@@ -184,6 +184,7 @@ var ReactSerializer = /*#__PURE__*/function () {
184
184
  this.isInsideOfInlineExtension = init.isInsideOfInlineExtension;
185
185
  this.textHighlighter = init.textHighlighter;
186
186
  this.isCommentsOnMediaMediaInlineBugFixEnabled = init.isCommentsOnMediaMediaInlineBugFixEnabled;
187
+ this.allowTableAlignment = init.allowTableAlignment;
187
188
  }
188
189
  _createClass(ReactSerializer, [{
189
190
  key: "resetState",
@@ -356,7 +357,8 @@ var ReactSerializer = /*#__PURE__*/function () {
356
357
  tableNode: node,
357
358
  stickyHeaders: stickyHeaders,
358
359
  isInsideOfBlockNode: isInsideOfBlockNode,
359
- isInsideMultiBodiedExtension: isInsideMultiBodiedExtension
360
+ isInsideMultiBodiedExtension: isInsideMultiBodiedExtension,
361
+ allowTableAlignment: this.allowTableAlignment
360
362
  });
361
363
  }
362
364
  }, {
package/dist/esm/react/nodes/table.js CHANGED
@@ -291,7 +291,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
291
291
  tableNode = _this$props.tableNode,
292
292
  rendererAppearance = _this$props.rendererAppearance,
293
293
  isInsideOfBlockNode = _this$props.isInsideOfBlockNode,
294
- isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension;
294
+ isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
295
+ allowTableAlignment = _this$props.allowTableAlignment;
295
296
  var stickyMode = this.state.stickyMode;
296
297
  var lineLengthFixedWidth = akEditorDefaultLayoutWidth;
297
298
  var left;
@@ -316,10 +317,11 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
316
317
  var tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
317
318
  var isCommentAppearanceAndTableAlignmentEnabled =
318
319
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
319
- isCommentAppearance(rendererAppearance) && fg('platform_editor_table_support_in_comment');
320
+ allowTableAlignment && fg('platform_editor_table_support_in_comment');
320
321
 
321
322
  // Logic for table alignment in renderer
322
- var isTableAlignStart = (isFullWidthOrFullPageAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && fg('platform.editor.table.allow-table-alignment');
323
+ var isTableAlignStart = (isFullWidthOrFullPageAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment && fg('platform.editor.table.allow-table-alignment'); // allowTableAlignment should be used instead of fg('platform.editor.table.allow-table-alignment') after this fg cleanup
324
+
323
325
  var fullWidthLineLength = isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
324
326
  var commentLineLength = isRenderWidthValid ? renderWidth : lineLengthFixedWidth;
325
327
  var lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -52,7 +52,7 @@ import { nodeToReact } from '../../react/nodes';
52
52
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
53
53
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
54
54
  var packageName = "@atlaskit/renderer";
55
- var packageVersion = "109.48.0";
55
+ var packageVersion = "109.50.0";
56
56
  export var defaultNodeComponents = nodeToReact;
57
57
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
58
58
  _inherits(Renderer, _PureComponent);
@@ -281,7 +281,8 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
281
281
  allowWindowedCodeBlock: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.allowWindowedCodeBlock,
282
282
  isInsideOfInlineExtension: fg('platform.editor.inline_extension.extended_lcqdn') && props.isInsideOfInlineExtension,
283
283
  textHighlighter: props.UNSTABLE_textHighlighter,
284
- isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix
284
+ isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix,
285
+ allowTableAlignment: props.UNSTABLE_allowTableAlignment
285
286
  };
286
287
  }
287
288
  }, {
package/dist/types/react/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export interface ReactSerializerInit {
42
42
  isInsideOfInlineExtension?: boolean;
43
43
  textHighlighter?: TextHighlighter;
44
44
  isCommentsOnMediaMediaInlineBugFixEnabled?: boolean;
45
+ allowTableAlignment?: boolean;
45
46
  }
46
47
  interface ParentInfo {
47
48
  parentIsIncompleteTask: boolean;
@@ -90,6 +91,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
90
91
  private isInsideOfInlineExtension?;
91
92
  private isCommentsOnMediaMediaInlineBugFixEnabled?;
92
93
  private textHighlighter?;
94
+ private allowTableAlignment?;
93
95
  constructor(init: ReactSerializerInit);
94
96
  private resetState;
95
97
  private getNodeProps;
package/dist/types/react/nodes/table.d.ts CHANGED
@@ -14,6 +14,7 @@ export type TableProps = SharedTableProps & {
14
14
  rendererAppearance?: RendererAppearance;
15
15
  allowColumnSorting?: boolean;
16
16
  stickyHeaders?: StickyHeaderConfig;
17
+ allowTableAlignment?: boolean;
17
18
  };
18
19
  interface TableOrderStatus {
19
20
  columnIndex: number;
@@ -67,6 +68,7 @@ declare const _default: {
67
68
  rendererAppearance?: RendererAppearance;
68
69
  allowColumnSorting?: boolean | undefined;
69
70
  stickyHeaders?: StickyHeaderConfig | undefined;
71
+ allowTableAlignment?: boolean | undefined;
70
72
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps> | Readonly<import("@atlaskit/editor-common/utils").Diff<{
71
73
  renderWidth?: number | undefined;
72
74
  } & Omit<SharedTableProps & {
@@ -75,6 +77,7 @@ declare const _default: {
75
77
  rendererAppearance?: RendererAppearance;
76
78
  allowColumnSorting?: boolean | undefined;
77
79
  stickyHeaders?: StickyHeaderConfig | undefined;
80
+ allowTableAlignment?: boolean | undefined;
78
81
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>): {
79
82
  render(): JSX.Element;
80
83
  context: any;
@@ -86,6 +89,7 @@ declare const _default: {
86
89
  rendererAppearance?: RendererAppearance;
87
90
  allowColumnSorting?: boolean | undefined;
88
91
  stickyHeaders?: StickyHeaderConfig | undefined;
92
+ allowTableAlignment?: boolean | undefined;
89
93
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
90
94
  forceUpdate(callback?: (() => void) | undefined): void;
91
95
  readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
@@ -96,6 +100,7 @@ declare const _default: {
96
100
  rendererAppearance?: RendererAppearance;
97
101
  allowColumnSorting?: boolean | undefined;
98
102
  stickyHeaders?: StickyHeaderConfig | undefined;
103
+ allowTableAlignment?: boolean | undefined;
99
104
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
100
105
  children?: React.ReactNode;
101
106
  }>;
@@ -112,6 +117,7 @@ declare const _default: {
112
117
  rendererAppearance?: RendererAppearance;
113
118
  allowColumnSorting?: boolean | undefined;
114
119
  stickyHeaders?: StickyHeaderConfig | undefined;
120
+ allowTableAlignment?: boolean | undefined;
115
121
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
116
122
  componentWillUnmount?(): void;
117
123
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -123,6 +129,7 @@ declare const _default: {
123
129
  rendererAppearance?: RendererAppearance;
124
130
  allowColumnSorting?: boolean | undefined;
125
131
  stickyHeaders?: StickyHeaderConfig | undefined;
132
+ allowTableAlignment?: boolean | undefined;
126
133
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
127
134
  componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
128
135
  renderWidth?: number | undefined;
@@ -132,6 +139,7 @@ declare const _default: {
132
139
  rendererAppearance?: RendererAppearance;
133
140
  allowColumnSorting?: boolean | undefined;
134
141
  stickyHeaders?: StickyHeaderConfig | undefined;
142
+ allowTableAlignment?: boolean | undefined;
135
143
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
136
144
  componentWillMount?(): void;
137
145
  UNSAFE_componentWillMount?(): void;
@@ -143,6 +151,7 @@ declare const _default: {
143
151
  rendererAppearance?: RendererAppearance;
144
152
  allowColumnSorting?: boolean | undefined;
145
153
  stickyHeaders?: StickyHeaderConfig | undefined;
154
+ allowTableAlignment?: boolean | undefined;
146
155
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
147
156
  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
148
157
  renderWidth?: number | undefined;
@@ -152,6 +161,7 @@ declare const _default: {
152
161
  rendererAppearance?: RendererAppearance;
153
162
  allowColumnSorting?: boolean | undefined;
154
163
  stickyHeaders?: StickyHeaderConfig | undefined;
164
+ allowTableAlignment?: boolean | undefined;
155
165
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
156
166
  componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
157
167
  renderWidth?: number | undefined;
@@ -161,6 +171,7 @@ declare const _default: {
161
171
  rendererAppearance?: RendererAppearance;
162
172
  allowColumnSorting?: boolean | undefined;
163
173
  stickyHeaders?: StickyHeaderConfig | undefined;
174
+ allowTableAlignment?: boolean | undefined;
164
175
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
165
176
  UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
166
177
  renderWidth?: number | undefined;
@@ -170,6 +181,7 @@ declare const _default: {
170
181
  rendererAppearance?: RendererAppearance;
171
182
  allowColumnSorting?: boolean | undefined;
172
183
  stickyHeaders?: StickyHeaderConfig | undefined;
184
+ allowTableAlignment?: boolean | undefined;
173
185
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
174
186
  };
175
187
  new (props: import("@atlaskit/editor-common/utils").Diff<{
@@ -180,6 +192,7 @@ declare const _default: {
180
192
  rendererAppearance?: RendererAppearance;
181
193
  allowColumnSorting?: boolean | undefined;
182
194
  stickyHeaders?: StickyHeaderConfig | undefined;
195
+ allowTableAlignment?: boolean | undefined;
183
196
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>, context: any): {
184
197
  render(): JSX.Element;
185
198
  context: any;
@@ -191,6 +204,7 @@ declare const _default: {
191
204
  rendererAppearance?: RendererAppearance;
192
205
  allowColumnSorting?: boolean | undefined;
193
206
  stickyHeaders?: StickyHeaderConfig | undefined;
207
+ allowTableAlignment?: boolean | undefined;
194
208
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
195
209
  forceUpdate(callback?: (() => void) | undefined): void;
196
210
  readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
@@ -201,6 +215,7 @@ declare const _default: {
201
215
  rendererAppearance?: RendererAppearance;
202
216
  allowColumnSorting?: boolean | undefined;
203
217
  stickyHeaders?: StickyHeaderConfig | undefined;
218
+ allowTableAlignment?: boolean | undefined;
204
219
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
205
220
  children?: React.ReactNode;
206
221
  }>;
@@ -217,6 +232,7 @@ declare const _default: {
217
232
  rendererAppearance?: RendererAppearance;
218
233
  allowColumnSorting?: boolean | undefined;
219
234
  stickyHeaders?: StickyHeaderConfig | undefined;
235
+ allowTableAlignment?: boolean | undefined;
220
236
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
221
237
  componentWillUnmount?(): void;
222
238
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -228,6 +244,7 @@ declare const _default: {
228
244
  rendererAppearance?: RendererAppearance;
229
245
  allowColumnSorting?: boolean | undefined;
230
246
  stickyHeaders?: StickyHeaderConfig | undefined;
247
+ allowTableAlignment?: boolean | undefined;
231
248
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
232
249
  componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
233
250
  renderWidth?: number | undefined;
@@ -237,6 +254,7 @@ declare const _default: {
237
254
  rendererAppearance?: RendererAppearance;
238
255
  allowColumnSorting?: boolean | undefined;
239
256
  stickyHeaders?: StickyHeaderConfig | undefined;
257
+ allowTableAlignment?: boolean | undefined;
240
258
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
241
259
  componentWillMount?(): void;
242
260
  UNSAFE_componentWillMount?(): void;
@@ -248,6 +266,7 @@ declare const _default: {
248
266
  rendererAppearance?: RendererAppearance;
249
267
  allowColumnSorting?: boolean | undefined;
250
268
  stickyHeaders?: StickyHeaderConfig | undefined;
269
+ allowTableAlignment?: boolean | undefined;
251
270
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
252
271
  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
253
272
  renderWidth?: number | undefined;
@@ -257,6 +276,7 @@ declare const _default: {
257
276
  rendererAppearance?: RendererAppearance;
258
277
  allowColumnSorting?: boolean | undefined;
259
278
  stickyHeaders?: StickyHeaderConfig | undefined;
279
+ allowTableAlignment?: boolean | undefined;
260
280
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
261
281
  componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
262
282
  renderWidth?: number | undefined;
@@ -266,6 +286,7 @@ declare const _default: {
266
286
  rendererAppearance?: RendererAppearance;
267
287
  allowColumnSorting?: boolean | undefined;
268
288
  stickyHeaders?: StickyHeaderConfig | undefined;
289
+ allowTableAlignment?: boolean | undefined;
269
290
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
270
291
  UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
271
292
  renderWidth?: number | undefined;
@@ -275,6 +296,7 @@ declare const _default: {
275
296
  rendererAppearance?: RendererAppearance;
276
297
  allowColumnSorting?: boolean | undefined;
277
298
  stickyHeaders?: StickyHeaderConfig | undefined;
299
+ allowTableAlignment?: boolean | undefined;
278
300
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
279
301
  };
280
302
  contextType?: React.Context<any> | undefined;
package/dist/types/ui/renderer-props.d.ts CHANGED
@@ -116,4 +116,5 @@ export interface RendererProps {
116
116
  [featureFlag: string]: boolean;
117
117
  } | Partial<RawObjectFeatureFlags>;
118
118
  UNSTABLE_textHighlighter?: TextHighlighter;
119
+ UNSTABLE_allowTableAlignment?: boolean;
119
120
  }
package/dist/types-ts4.5/react/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export interface ReactSerializerInit {
42
42
  isInsideOfInlineExtension?: boolean;
43
43
  textHighlighter?: TextHighlighter;
44
44
  isCommentsOnMediaMediaInlineBugFixEnabled?: boolean;
45
+ allowTableAlignment?: boolean;
45
46
  }
46
47
  interface ParentInfo {
47
48
  parentIsIncompleteTask: boolean;
@@ -90,6 +91,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
90
91
  private isInsideOfInlineExtension?;
91
92
  private isCommentsOnMediaMediaInlineBugFixEnabled?;
92
93
  private textHighlighter?;
94
+ private allowTableAlignment?;
93
95
  constructor(init: ReactSerializerInit);
94
96
  private resetState;
95
97
  private getNodeProps;
package/dist/types-ts4.5/react/nodes/table.d.ts CHANGED
@@ -14,6 +14,7 @@ export type TableProps = SharedTableProps & {
14
14
  rendererAppearance?: RendererAppearance;
15
15
  allowColumnSorting?: boolean;
16
16
  stickyHeaders?: StickyHeaderConfig;
17
+ allowTableAlignment?: boolean;
17
18
  };
18
19
  interface TableOrderStatus {
19
20
  columnIndex: number;
@@ -67,6 +68,7 @@ declare const _default: {
67
68
  rendererAppearance?: RendererAppearance;
68
69
  allowColumnSorting?: boolean | undefined;
69
70
  stickyHeaders?: StickyHeaderConfig | undefined;
71
+ allowTableAlignment?: boolean | undefined;
70
72
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps> | Readonly<import("@atlaskit/editor-common/utils").Diff<{
71
73
  renderWidth?: number | undefined;
72
74
  } & Omit<SharedTableProps & {
@@ -75,6 +77,7 @@ declare const _default: {
75
77
  rendererAppearance?: RendererAppearance;
76
78
  allowColumnSorting?: boolean | undefined;
77
79
  stickyHeaders?: StickyHeaderConfig | undefined;
80
+ allowTableAlignment?: boolean | undefined;
78
81
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>): {
79
82
  render(): JSX.Element;
80
83
  context: any;
@@ -86,6 +89,7 @@ declare const _default: {
86
89
  rendererAppearance?: RendererAppearance;
87
90
  allowColumnSorting?: boolean | undefined;
88
91
  stickyHeaders?: StickyHeaderConfig | undefined;
92
+ allowTableAlignment?: boolean | undefined;
89
93
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
90
94
  forceUpdate(callback?: (() => void) | undefined): void;
91
95
  readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
@@ -96,6 +100,7 @@ declare const _default: {
96
100
  rendererAppearance?: RendererAppearance;
97
101
  allowColumnSorting?: boolean | undefined;
98
102
  stickyHeaders?: StickyHeaderConfig | undefined;
103
+ allowTableAlignment?: boolean | undefined;
99
104
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
100
105
  children?: React.ReactNode;
101
106
  }>;
@@ -112,6 +117,7 @@ declare const _default: {
112
117
  rendererAppearance?: RendererAppearance;
113
118
  allowColumnSorting?: boolean | undefined;
114
119
  stickyHeaders?: StickyHeaderConfig | undefined;
120
+ allowTableAlignment?: boolean | undefined;
115
121
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
116
122
  componentWillUnmount?(): void;
117
123
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -123,6 +129,7 @@ declare const _default: {
123
129
  rendererAppearance?: RendererAppearance;
124
130
  allowColumnSorting?: boolean | undefined;
125
131
  stickyHeaders?: StickyHeaderConfig | undefined;
132
+ allowTableAlignment?: boolean | undefined;
126
133
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
127
134
  componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
128
135
  renderWidth?: number | undefined;
@@ -132,6 +139,7 @@ declare const _default: {
132
139
  rendererAppearance?: RendererAppearance;
133
140
  allowColumnSorting?: boolean | undefined;
134
141
  stickyHeaders?: StickyHeaderConfig | undefined;
142
+ allowTableAlignment?: boolean | undefined;
135
143
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
136
144
  componentWillMount?(): void;
137
145
  UNSAFE_componentWillMount?(): void;
@@ -143,6 +151,7 @@ declare const _default: {
143
151
  rendererAppearance?: RendererAppearance;
144
152
  allowColumnSorting?: boolean | undefined;
145
153
  stickyHeaders?: StickyHeaderConfig | undefined;
154
+ allowTableAlignment?: boolean | undefined;
146
155
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
147
156
  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
148
157
  renderWidth?: number | undefined;
@@ -152,6 +161,7 @@ declare const _default: {
152
161
  rendererAppearance?: RendererAppearance;
153
162
  allowColumnSorting?: boolean | undefined;
154
163
  stickyHeaders?: StickyHeaderConfig | undefined;
164
+ allowTableAlignment?: boolean | undefined;
155
165
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
156
166
  componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
157
167
  renderWidth?: number | undefined;
@@ -161,6 +171,7 @@ declare const _default: {
161
171
  rendererAppearance?: RendererAppearance;
162
172
  allowColumnSorting?: boolean | undefined;
163
173
  stickyHeaders?: StickyHeaderConfig | undefined;
174
+ allowTableAlignment?: boolean | undefined;
164
175
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
165
176
  UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
166
177
  renderWidth?: number | undefined;
@@ -170,6 +181,7 @@ declare const _default: {
170
181
  rendererAppearance?: RendererAppearance;
171
182
  allowColumnSorting?: boolean | undefined;
172
183
  stickyHeaders?: StickyHeaderConfig | undefined;
184
+ allowTableAlignment?: boolean | undefined;
173
185
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
174
186
  };
175
187
  new (props: import("@atlaskit/editor-common/utils").Diff<{
@@ -180,6 +192,7 @@ declare const _default: {
180
192
  rendererAppearance?: RendererAppearance;
181
193
  allowColumnSorting?: boolean | undefined;
182
194
  stickyHeaders?: StickyHeaderConfig | undefined;
195
+ allowTableAlignment?: boolean | undefined;
183
196
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>, context: any): {
184
197
  render(): JSX.Element;
185
198
  context: any;
@@ -191,6 +204,7 @@ declare const _default: {
191
204
  rendererAppearance?: RendererAppearance;
192
205
  allowColumnSorting?: boolean | undefined;
193
206
  stickyHeaders?: StickyHeaderConfig | undefined;
207
+ allowTableAlignment?: boolean | undefined;
194
208
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
195
209
  forceUpdate(callback?: (() => void) | undefined): void;
196
210
  readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
@@ -201,6 +215,7 @@ declare const _default: {
201
215
  rendererAppearance?: RendererAppearance;
202
216
  allowColumnSorting?: boolean | undefined;
203
217
  stickyHeaders?: StickyHeaderConfig | undefined;
218
+ allowTableAlignment?: boolean | undefined;
204
219
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
205
220
  children?: React.ReactNode;
206
221
  }>;
@@ -217,6 +232,7 @@ declare const _default: {
217
232
  rendererAppearance?: RendererAppearance;
218
233
  allowColumnSorting?: boolean | undefined;
219
234
  stickyHeaders?: StickyHeaderConfig | undefined;
235
+ allowTableAlignment?: boolean | undefined;
220
236
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
221
237
  componentWillUnmount?(): void;
222
238
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -228,6 +244,7 @@ declare const _default: {
228
244
  rendererAppearance?: RendererAppearance;
229
245
  allowColumnSorting?: boolean | undefined;
230
246
  stickyHeaders?: StickyHeaderConfig | undefined;
247
+ allowTableAlignment?: boolean | undefined;
231
248
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
232
249
  componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
233
250
  renderWidth?: number | undefined;
@@ -237,6 +254,7 @@ declare const _default: {
237
254
  rendererAppearance?: RendererAppearance;
238
255
  allowColumnSorting?: boolean | undefined;
239
256
  stickyHeaders?: StickyHeaderConfig | undefined;
257
+ allowTableAlignment?: boolean | undefined;
240
258
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
241
259
  componentWillMount?(): void;
242
260
  UNSAFE_componentWillMount?(): void;
@@ -248,6 +266,7 @@ declare const _default: {
248
266
  rendererAppearance?: RendererAppearance;
249
267
  allowColumnSorting?: boolean | undefined;
250
268
  stickyHeaders?: StickyHeaderConfig | undefined;
269
+ allowTableAlignment?: boolean | undefined;
251
270
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
252
271
  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
253
272
  renderWidth?: number | undefined;
@@ -257,6 +276,7 @@ declare const _default: {
257
276
  rendererAppearance?: RendererAppearance;
258
277
  allowColumnSorting?: boolean | undefined;
259
278
  stickyHeaders?: StickyHeaderConfig | undefined;
279
+ allowTableAlignment?: boolean | undefined;
260
280
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
261
281
  componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
262
282
  renderWidth?: number | undefined;
@@ -266,6 +286,7 @@ declare const _default: {
266
286
  rendererAppearance?: RendererAppearance;
267
287
  allowColumnSorting?: boolean | undefined;
268
288
  stickyHeaders?: StickyHeaderConfig | undefined;
289
+ allowTableAlignment?: boolean | undefined;
269
290
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
270
291
  UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
271
292
  renderWidth?: number | undefined;
@@ -275,6 +296,7 @@ declare const _default: {
275
296
  rendererAppearance?: RendererAppearance;
276
297
  allowColumnSorting?: boolean | undefined;
277
298
  stickyHeaders?: StickyHeaderConfig | undefined;
299
+ allowTableAlignment?: boolean | undefined;
278
300
  } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
279
301
  };
280
302
  contextType?: React.Context<any> | undefined;
package/dist/types-ts4.5/ui/renderer-props.d.ts CHANGED
@@ -116,4 +116,5 @@ export interface RendererProps {
116
116
  [featureFlag: string]: boolean;
117
117
  } | Partial<RawObjectFeatureFlags>;
118
118
  UNSTABLE_textHighlighter?: TextHighlighter;
119
+ UNSTABLE_allowTableAlignment?: boolean;
119
120
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "109.48.0",
3
+ "version": "109.50.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/analytics-next": "^10.1.0",
32
32
  "@atlaskit/button": "^20.0.0",
33
33
  "@atlaskit/code": "^15.5.0",
34
- "@atlaskit/editor-common": "^87.12.0",
34
+ "@atlaskit/editor-common": "^87.13.0",
35
35
  "@atlaskit/editor-json-transformer": "^8.18.0",
36
36
  "@atlaskit/editor-palette": "1.6.0",
37
37
  "@atlaskit/editor-prosemirror": "5.0.1",
@@ -65,15 +65,15 @@
65
65
  "peerDependencies": {
66
66
  "@atlaskit/link-provider": "^1.14.0",
67
67
  "@atlaskit/media-core": "^34.3.0",
68
- "react": "^16.8.0",
69
- "react-dom": "^16.8.0"
68
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
69
+ "react-dom": "^16.8.0 || ^17.0.0 || ~18.2.0"
70
70
  },
71
71
  "devDependencies": {
72
72
  "@af/integration-testing": "*",
73
73
  "@af/visual-regression": "*",
74
74
  "@atlaskit/analytics-gas-types": "^5.1.0",
75
75
  "@atlaskit/css-reset": "^6.10.0",
76
- "@atlaskit/editor-test-helpers": "^18.30.0",
76
+ "@atlaskit/editor-test-helpers": "^18.31.0",
77
77
  "@atlaskit/link-provider": "^1.14.0",
78
78
  "@atlaskit/link-test-helpers": "^7.4.0",
79
79
  "@atlaskit/linking-common": "^5.11.0",