@atlaskit/renderer 119.3.0 → 120.0.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,51 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 120.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#181024](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181024)
8
+ [`8e80c487ca307`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e80c487ca307) - ##
9
+ Make `@atlaskit/editor-common` a peer dependency
10
+
11
+ **WHAT:** `@atlaskit/editor-common` has been moved from `dependencies` to `peerDependencies` in
12
+ all editor plugin packages.
13
+
14
+ **WHY:** This change ensures that only a single version of `@atlaskit/editor-common` is used in
15
+ consuming applications, preventing issues caused by multiple versions of singleton libraries (such
16
+ as context mismatches or duplicated state). This is especially important for packages that rely on
17
+ shared context or singletons.
18
+
19
+ **HOW TO ADJUST:**
20
+
21
+ - Consumers must now explicitly install `@atlaskit/editor-common` in their own project if they use
22
+ any of these editor plugins.
23
+ - Ensure the version you install matches the version required by the plugins.
24
+ - You can use the
25
+ [`check-peer-dependencies`](https://www.npmjs.com/package/check-peer-dependencies) package to
26
+ verify that all required peer dependencies are installed and compatible.
27
+ - Example install command:
28
+ ```
29
+ npm install @atlaskit/editor-common
30
+ ```
31
+ or
32
+ ```
33
+ yarn add @atlaskit/editor-common
34
+ ```
35
+
36
+ **Note:** This is a breaking change. If `@atlaskit/editor-common` is not installed at the
37
+ application level, you may see errors or unexpected behavior.
38
+
39
+ ### Patch Changes
40
+
41
+ - Updated dependencies
42
+
43
+ ## 119.3.1
44
+
45
+ ### Patch Changes
46
+
47
+ - Updated dependencies
48
+
3
49
  ## 119.3.0
4
50
 
5
51
  ### Minor Changes
@@ -35,9 +35,6 @@
35
35
  {
36
36
  "path": "../../../design-system/code/afm-cc/tsconfig.json"
37
37
  },
38
- {
39
- "path": "../../editor-common/afm-cc/tsconfig.json"
40
- },
41
38
  {
42
39
  "path": "../../editor-json-transformer/afm-cc/tsconfig.json"
43
40
  },
@@ -119,6 +116,9 @@
119
116
  {
120
117
  "path": "../../../design-system/visually-hidden/afm-cc/tsconfig.json"
121
118
  },
119
+ {
120
+ "path": "../../editor-common/afm-cc/tsconfig.json"
121
+ },
122
122
  {
123
123
  "path": "../../../linking-platform/link-provider/afm-cc/tsconfig.json"
124
124
  },
@@ -35,9 +35,6 @@
35
35
  {
36
36
  "path": "../../../design-system/code/afm-jira/tsconfig.json"
37
37
  },
38
- {
39
- "path": "../../editor-common/afm-jira/tsconfig.json"
40
- },
41
38
  {
42
39
  "path": "../../editor-json-transformer/afm-jira/tsconfig.json"
43
40
  },
@@ -119,6 +116,9 @@
119
116
  {
120
117
  "path": "../../../design-system/visually-hidden/afm-jira/tsconfig.json"
121
118
  },
119
+ {
120
+ "path": "../../editor-common/afm-jira/tsconfig.json"
121
+ },
122
122
  {
123
123
  "path": "../../../linking-platform/link-provider/afm-jira/tsconfig.json"
124
124
  },
@@ -35,9 +35,6 @@
35
35
  {
36
36
  "path": "../../../design-system/code/afm-post-office/tsconfig.json"
37
37
  },
38
- {
39
- "path": "../../editor-common/afm-post-office/tsconfig.json"
40
- },
41
38
  {
42
39
  "path": "../../editor-json-transformer/afm-post-office/tsconfig.json"
43
40
  },
@@ -119,6 +116,9 @@
119
116
  {
120
117
  "path": "../../../design-system/visually-hidden/afm-post-office/tsconfig.json"
121
118
  },
119
+ {
120
+ "path": "../../editor-common/afm-post-office/tsconfig.json"
121
+ },
122
122
  {
123
123
  "path": "../../../linking-platform/link-provider/afm-post-office/tsconfig.json"
124
124
  },
@@ -0,0 +1,129 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.volt.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../volt/tsDist/@atlaskit__renderer/app",
7
+ "rootDir": "../",
8
+ "composite": true
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*"
18
+ ],
19
+ "references": [
20
+ {
21
+ "path": "../../adf-utils/afm-volt/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../analytics/analytics-listeners/afm-volt/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../../analytics/analytics-namespaced-context/afm-volt/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../analytics/analytics-next/afm-volt/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../../design-system/button/afm-volt/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../../design-system/code/afm-volt/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../editor-common/afm-volt/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../editor-json-transformer/afm-volt/tsconfig.json"
43
+ },
44
+ {
45
+ "path": "../../editor-palette/afm-volt/tsconfig.json"
46
+ },
47
+ {
48
+ "path": "../../editor-shared-styles/afm-volt/tsconfig.json"
49
+ },
50
+ {
51
+ "path": "../../editor-tables/afm-volt/tsconfig.json"
52
+ },
53
+ {
54
+ "path": "../../../elements/emoji/afm-volt/tsconfig.json"
55
+ },
56
+ {
57
+ "path": "../../../measurement/feature-gate-js-client/afm-volt/tsconfig.json"
58
+ },
59
+ {
60
+ "path": "../../../design-system/icon/afm-volt/tsconfig.json"
61
+ },
62
+ {
63
+ "path": "../../../design-system/link/afm-volt/tsconfig.json"
64
+ },
65
+ {
66
+ "path": "../../../linking-platform/link-datasource/afm-volt/tsconfig.json"
67
+ },
68
+ {
69
+ "path": "../../../media/media-card/afm-volt/tsconfig.json"
70
+ },
71
+ {
72
+ "path": "../../../media/media-client/afm-volt/tsconfig.json"
73
+ },
74
+ {
75
+ "path": "../../../media/media-client-react/afm-volt/tsconfig.json"
76
+ },
77
+ {
78
+ "path": "../../../media/media-common/afm-volt/tsconfig.json"
79
+ },
80
+ {
81
+ "path": "../../../media/media-filmstrip/afm-volt/tsconfig.json"
82
+ },
83
+ {
84
+ "path": "../../../media/media-ui/afm-volt/tsconfig.json"
85
+ },
86
+ {
87
+ "path": "../../../media/media-viewer/afm-volt/tsconfig.json"
88
+ },
89
+ {
90
+ "path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
91
+ },
92
+ {
93
+ "path": "../../../platform/feature-flags-react/afm-volt/tsconfig.json"
94
+ },
95
+ {
96
+ "path": "../../../react-ufo/atlaskit/afm-volt/tsconfig.json"
97
+ },
98
+ {
99
+ "path": "../../../linking-platform/smart-card/afm-volt/tsconfig.json"
100
+ },
101
+ {
102
+ "path": "../../../elements/status/afm-volt/tsconfig.json"
103
+ },
104
+ {
105
+ "path": "../../../elements/task-decision/afm-volt/tsconfig.json"
106
+ },
107
+ {
108
+ "path": "../../../design-system/theme/afm-volt/tsconfig.json"
109
+ },
110
+ {
111
+ "path": "../../tmp-editor-statsig/afm-volt/tsconfig.json"
112
+ },
113
+ {
114
+ "path": "../../../design-system/tokens/afm-volt/tsconfig.json"
115
+ },
116
+ {
117
+ "path": "../../../design-system/tooltip/afm-volt/tsconfig.json"
118
+ },
119
+ {
120
+ "path": "../../../design-system/visually-hidden/afm-volt/tsconfig.json"
121
+ },
122
+ {
123
+ "path": "../../../linking-platform/link-provider/afm-volt/tsconfig.json"
124
+ },
125
+ {
126
+ "path": "../../../media/media-core/afm-volt/tsconfig.json"
127
+ }
128
+ ]
129
+ }
@@ -206,6 +206,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
206
206
  this.allowTableAlignment = init.allowTableAlignment;
207
207
  this.allowTableResizing = init.allowTableResizing;
208
208
  this.isPresentational = init.isPresentational;
209
+ this.disableTableOverflowShadow = init.disableTableOverflowShadow;
209
210
  }
210
211
  return (0, _createClass2.default)(ReactSerializer, [{
211
212
  key: "resetState",
@@ -415,7 +416,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
415
416
  isInsideMultiBodiedExtension: isInsideMultiBodiedExtension,
416
417
  allowTableAlignment: this.allowTableAlignment,
417
418
  allowTableResizing: this.allowTableResizing,
418
- isPresentational: (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') ? this.isPresentational : false
419
+ isPresentational: (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') ? this.isPresentational : false,
420
+ disableTableOverflowShadow: this.disableTableOverflowShadow
419
421
  });
420
422
  }
421
423
  }, {
@@ -89,7 +89,10 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
89
89
  // appearance == comment && allowTableResizing && !tableNode?.attrs.width, means it is a comment
90
90
  // appearance == comment && !allowTableResizing && !tableNode?.attrs.width, means it is a inline comment
91
91
  // When comment and inline comment table width inherits from the parent container, we want tableContainerWidth === renderWidth
92
- var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested ? renderWidth : (0, _nodeWidth.getTableContainerWidth)(tableNode);
92
+
93
+ // Tables with numbered columns inside of extensions cannot use the renderWidth when it is 0. In this case, it should
94
+ // explicitly use the width coming from the table node as the final table container width.
95
+ var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!(0, _platformFeatureFlags.fg)('platform_fix_nested_num_column_scaling') || !isNumberColumnEnabled) ? renderWidth : (0, _nodeWidth.getTableContainerWidth)(tableNode);
93
96
  if (allowTableResizing && !isInsideOfBlockNode && !isInsideOfTable && !isinsideMultiBodiedExtension && !tableColumnResized) {
94
97
  // when no columns are resized, each column should have equal width, equals to tableWidth / noOfColumns
95
98
  var _tableWidth2 = (isNumberColumnEnabled ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
@@ -62,7 +62,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
62
62
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
63
63
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "119.2.0";
65
+ var packageVersion = "119.3.1";
66
66
  var setAsQueryContainerStyles = (0, _react2.css)({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
@@ -251,7 +251,8 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
251
251
  isPresentational: props.UNSTABLE_isPresentational,
252
252
  textHighlighter: props.textHighlighter || props.UNSTABLE_textHighlighter,
253
253
  allowTableAlignment: props.UNSTABLE_allowTableAlignment,
254
- allowTableResizing: props.UNSTABLE_allowTableResizing
254
+ allowTableResizing: props.UNSTABLE_allowTableResizing,
255
+ disableTableOverflowShadow: props.disableTableOverflowShadow
255
256
  };
256
257
  }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
257
258
  var serializer = (0, _useMemoFromPropsDerivative.useMemoFromPropsDerivative)(function (serializerProps) {
@@ -192,6 +192,7 @@ export default class ReactSerializer {
192
192
  this.allowTableAlignment = init.allowTableAlignment;
193
193
  this.allowTableResizing = init.allowTableResizing;
194
194
  this.isPresentational = init.isPresentational;
195
+ this.disableTableOverflowShadow = init.disableTableOverflowShadow;
195
196
  }
196
197
  resetState() {
197
198
  this.headingIds = [];
@@ -383,7 +384,8 @@ export default class ReactSerializer {
383
384
  isInsideMultiBodiedExtension,
384
385
  allowTableAlignment: this.allowTableAlignment,
385
386
  allowTableResizing: this.allowTableResizing,
386
- isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false
387
+ isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false,
388
+ disableTableOverflowShadow: this.disableTableOverflowShadow
387
389
  };
388
390
  }
389
391
  getDateProps(node, parentInfo, path = []) {
@@ -77,7 +77,10 @@ const renderScaleDownColgroup = props => {
77
77
  // appearance == comment && allowTableResizing && !tableNode?.attrs.width, means it is a comment
78
78
  // appearance == comment && !allowTableResizing && !tableNode?.attrs.width, means it is a inline comment
79
79
  // When comment and inline comment table width inherits from the parent container, we want tableContainerWidth === renderWidth
80
- const tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested ? renderWidth : getTableContainerWidth(tableNode);
80
+
81
+ // Tables with numbered columns inside of extensions cannot use the renderWidth when it is 0. In this case, it should
82
+ // explicitly use the width coming from the table node as the final table container width.
83
+ const tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!fg('platform_fix_nested_num_column_scaling') || !isNumberColumnEnabled) ? renderWidth : getTableContainerWidth(tableNode);
81
84
  if (allowTableResizing && !isInsideOfBlockNode && !isInsideOfTable && !isinsideMultiBodiedExtension && !tableColumnResized) {
82
85
  // when no columns are resized, each column should have equal width, equals to tableWidth / noOfColumns
83
86
  const tableWidth = (isNumberColumnEnabled ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
48
48
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
49
49
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
50
50
  const packageName = "@atlaskit/renderer";
51
- const packageVersion = "119.2.0";
51
+ const packageVersion = "119.3.1";
52
52
  const setAsQueryContainerStyles = css({
53
53
  containerName: 'ak-renderer-wrapper',
54
54
  containerType: 'inline-size'
@@ -243,7 +243,8 @@ export const RendererFunctionalComponent = props => {
243
243
  isPresentational: props.UNSTABLE_isPresentational,
244
244
  textHighlighter: props.textHighlighter || props.UNSTABLE_textHighlighter,
245
245
  allowTableAlignment: props.UNSTABLE_allowTableAlignment,
246
- allowTableResizing: props.UNSTABLE_allowTableResizing
246
+ allowTableResizing: props.UNSTABLE_allowTableResizing,
247
+ disableTableOverflowShadow: props.disableTableOverflowShadow
247
248
  };
248
249
  }, [createRendererContext, providerFactory, fireAnalyticsEvent]);
249
250
  const serializer = useMemoFromPropsDerivative(serializerProps => {
@@ -199,6 +199,7 @@ var ReactSerializer = /*#__PURE__*/function () {
199
199
  this.allowTableAlignment = init.allowTableAlignment;
200
200
  this.allowTableResizing = init.allowTableResizing;
201
201
  this.isPresentational = init.isPresentational;
202
+ this.disableTableOverflowShadow = init.disableTableOverflowShadow;
202
203
  }
203
204
  return _createClass(ReactSerializer, [{
204
205
  key: "resetState",
@@ -408,7 +409,8 @@ var ReactSerializer = /*#__PURE__*/function () {
408
409
  isInsideMultiBodiedExtension: isInsideMultiBodiedExtension,
409
410
  allowTableAlignment: this.allowTableAlignment,
410
411
  allowTableResizing: this.allowTableResizing,
411
- isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false
412
+ isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false,
413
+ disableTableOverflowShadow: this.disableTableOverflowShadow
412
414
  });
413
415
  }
414
416
  }, {
@@ -83,7 +83,10 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
83
83
  // appearance == comment && allowTableResizing && !tableNode?.attrs.width, means it is a comment
84
84
  // appearance == comment && !allowTableResizing && !tableNode?.attrs.width, means it is a inline comment
85
85
  // When comment and inline comment table width inherits from the parent container, we want tableContainerWidth === renderWidth
86
- var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested ? renderWidth : getTableContainerWidth(tableNode);
86
+
87
+ // Tables with numbered columns inside of extensions cannot use the renderWidth when it is 0. In this case, it should
88
+ // explicitly use the width coming from the table node as the final table container width.
89
+ var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!fg('platform_fix_nested_num_column_scaling') || !isNumberColumnEnabled) ? renderWidth : getTableContainerWidth(tableNode);
87
90
  if (allowTableResizing && !isInsideOfBlockNode && !isInsideOfTable && !isinsideMultiBodiedExtension && !tableColumnResized) {
88
91
  // when no columns are resized, each column should have equal width, equals to tableWidth / noOfColumns
89
92
  var _tableWidth2 = (isNumberColumnEnabled ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
53
53
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
54
54
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  var packageName = "@atlaskit/renderer";
56
- var packageVersion = "119.2.0";
56
+ var packageVersion = "119.3.1";
57
57
  var setAsQueryContainerStyles = css({
58
58
  containerName: 'ak-renderer-wrapper',
59
59
  containerType: 'inline-size'
@@ -242,7 +242,8 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
242
242
  isPresentational: props.UNSTABLE_isPresentational,
243
243
  textHighlighter: props.textHighlighter || props.UNSTABLE_textHighlighter,
244
244
  allowTableAlignment: props.UNSTABLE_allowTableAlignment,
245
- allowTableResizing: props.UNSTABLE_allowTableResizing
245
+ allowTableResizing: props.UNSTABLE_allowTableResizing,
246
+ disableTableOverflowShadow: props.disableTableOverflowShadow
246
247
  };
247
248
  }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
248
249
  var serializer = useMemoFromPropsDerivative(function (serializerProps) {
@@ -51,6 +51,7 @@ export interface ReactSerializerInit {
51
51
  allowTableAlignment?: boolean;
52
52
  allowTableResizing?: boolean;
53
53
  isPresentational?: boolean;
54
+ disableTableOverflowShadow?: boolean;
54
55
  }
55
56
  interface ParentInfo {
56
57
  parentIsIncompleteTask: boolean;
@@ -103,6 +104,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
103
104
  private allowTableAlignment?;
104
105
  private allowTableResizing?;
105
106
  private isPresentational?;
107
+ private disableTableOverflowShadow?;
106
108
  constructor(init: ReactSerializerInit);
107
109
  private resetState;
108
110
  private getNodeProps;
@@ -27,14 +27,13 @@ type RenderExtensionOptions = {
27
27
  } & AllOrNone<OverflowShadowProps>;
28
28
  export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[]) => React.JSX.Element;
29
29
  declare const _default: {
30
- new (props: Props | Readonly<Props>): {
30
+ new (props: (Props & OverflowShadowProps) | Readonly<Props & OverflowShadowProps>): {
31
31
  overflowContainer?: HTMLElement | null | undefined;
32
32
  container?: HTMLElement | undefined;
33
33
  shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
34
34
  overflowContainerWidth: number;
35
35
  scrollable?: NodeList | undefined;
36
36
  diff?: number | undefined;
37
- visibilityManager?: import("@atlaskit/editor-common/node-visibility").NodeVisibilityManager | undefined;
38
37
  state: {
39
38
  showLeftShadow: boolean;
40
39
  showRightShadow: boolean;
@@ -50,31 +49,30 @@ declare const _default: {
50
49
  initShadowObserver(): void;
51
50
  render(): React.JSX.Element;
52
51
  context: unknown;
53
- setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
52
+ setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
54
53
  forceUpdate(callback?: (() => void) | undefined): void;
55
- readonly props: Readonly<Props>;
54
+ readonly props: Readonly<Props & OverflowShadowProps>;
56
55
  refs: {
57
56
  [key: string]: React.ReactInstance;
58
57
  };
59
58
  componentDidMount?(): void;
60
- shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
59
+ shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
61
60
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
62
- getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
61
+ getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
63
62
  componentWillMount?(): void;
64
63
  UNSAFE_componentWillMount?(): void;
65
- componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
66
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
67
- componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
68
- UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
64
+ componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
65
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
66
+ componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
67
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
69
68
  };
70
- new (props: Props, context: any): {
69
+ new (props: Props & OverflowShadowProps, context: any): {
71
70
  overflowContainer?: HTMLElement | null | undefined;
72
71
  container?: HTMLElement | undefined;
73
72
  shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
74
73
  overflowContainerWidth: number;
75
74
  scrollable?: NodeList | undefined;
76
75
  diff?: number | undefined;
77
- visibilityManager?: import("@atlaskit/editor-common/node-visibility").NodeVisibilityManager | undefined;
78
76
  state: {
79
77
  showLeftShadow: boolean;
80
78
  showRightShadow: boolean;
@@ -90,22 +88,22 @@ declare const _default: {
90
88
  initShadowObserver(): void;
91
89
  render(): React.JSX.Element;
92
90
  context: unknown;
93
- setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
91
+ setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
94
92
  forceUpdate(callback?: (() => void) | undefined): void;
95
- readonly props: Readonly<Props>;
93
+ readonly props: Readonly<Props & OverflowShadowProps>;
96
94
  refs: {
97
95
  [key: string]: React.ReactInstance;
98
96
  };
99
97
  componentDidMount?(): void;
100
- shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
98
+ shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
101
99
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
102
- getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
100
+ getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
103
101
  componentWillMount?(): void;
104
102
  UNSAFE_componentWillMount?(): void;
105
- componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
106
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
107
- componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
108
- UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
103
+ componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
104
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
105
+ componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
106
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
109
107
  };
110
108
  contextType?: React.Context<any> | undefined;
111
109
  };
@@ -29,6 +29,7 @@ export type TableProps = SharedTableProps & {
29
29
  allowTableAlignment?: boolean;
30
30
  allowTableResizing?: boolean;
31
31
  isPresentational?: boolean;
32
+ disableTableOverflowShadow?: boolean;
32
33
  };
33
34
  export declare const isHeaderRowEnabled: (rows: (React.ReactChild | React.ReactFragment | React.ReactPortal)[]) => any;
34
35
  export declare const tableCanBeSticky: (node: PMNode | undefined, children: (React.ReactChild | React.ReactFragment | React.ReactPortal)[]) => any;
@@ -87,6 +87,11 @@ export interface RendererProps {
87
87
  * Elements currently affected: Tables.
88
88
  */
89
89
  UNSTABLE_isPresentational?: boolean;
90
+ /**
91
+ * When true, disables the overflow shadow (visual indication) on the edges
92
+ * of tables.
93
+ */
94
+ disableTableOverflowShadow?: boolean;
90
95
  /**
91
96
  * @default undefined
92
97
  * @description
@@ -51,6 +51,7 @@ export interface ReactSerializerInit {
51
51
  allowTableAlignment?: boolean;
52
52
  allowTableResizing?: boolean;
53
53
  isPresentational?: boolean;
54
+ disableTableOverflowShadow?: boolean;
54
55
  }
55
56
  interface ParentInfo {
56
57
  parentIsIncompleteTask: boolean;
@@ -103,6 +104,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
103
104
  private allowTableAlignment?;
104
105
  private allowTableResizing?;
105
106
  private isPresentational?;
107
+ private disableTableOverflowShadow?;
106
108
  constructor(init: ReactSerializerInit);
107
109
  private resetState;
108
110
  private getNodeProps;
@@ -27,14 +27,13 @@ type RenderExtensionOptions = {
27
27
  } & AllOrNone<OverflowShadowProps>;
28
28
  export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[]) => React.JSX.Element;
29
29
  declare const _default: {
30
- new (props: Props | Readonly<Props>): {
30
+ new (props: (Props & OverflowShadowProps) | Readonly<Props & OverflowShadowProps>): {
31
31
  overflowContainer?: HTMLElement | null | undefined;
32
32
  container?: HTMLElement | undefined;
33
33
  shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
34
34
  overflowContainerWidth: number;
35
35
  scrollable?: NodeList | undefined;
36
36
  diff?: number | undefined;
37
- visibilityManager?: import("@atlaskit/editor-common/node-visibility").NodeVisibilityManager | undefined;
38
37
  state: {
39
38
  showLeftShadow: boolean;
40
39
  showRightShadow: boolean;
@@ -50,31 +49,30 @@ declare const _default: {
50
49
  initShadowObserver(): void;
51
50
  render(): React.JSX.Element;
52
51
  context: unknown;
53
- setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
52
+ setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
54
53
  forceUpdate(callback?: (() => void) | undefined): void;
55
- readonly props: Readonly<Props>;
54
+ readonly props: Readonly<Props & OverflowShadowProps>;
56
55
  refs: {
57
56
  [key: string]: React.ReactInstance;
58
57
  };
59
58
  componentDidMount?(): void;
60
- shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
59
+ shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
61
60
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
62
- getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
61
+ getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
63
62
  componentWillMount?(): void;
64
63
  UNSAFE_componentWillMount?(): void;
65
- componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
66
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
67
- componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
68
- UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
64
+ componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
65
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
66
+ componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
67
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
69
68
  };
70
- new (props: Props, context: any): {
69
+ new (props: Props & OverflowShadowProps, context: any): {
71
70
  overflowContainer?: HTMLElement | null | undefined;
72
71
  container?: HTMLElement | undefined;
73
72
  shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
74
73
  overflowContainerWidth: number;
75
74
  scrollable?: NodeList | undefined;
76
75
  diff?: number | undefined;
77
- visibilityManager?: import("@atlaskit/editor-common/node-visibility").NodeVisibilityManager | undefined;
78
76
  state: {
79
77
  showLeftShadow: boolean;
80
78
  showRightShadow: boolean;
@@ -90,22 +88,22 @@ declare const _default: {
90
88
  initShadowObserver(): void;
91
89
  render(): React.JSX.Element;
92
90
  context: unknown;
93
- setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
91
+ setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props & OverflowShadowProps>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
94
92
  forceUpdate(callback?: (() => void) | undefined): void;
95
- readonly props: Readonly<Props>;
93
+ readonly props: Readonly<Props & OverflowShadowProps>;
96
94
  refs: {
97
95
  [key: string]: React.ReactInstance;
98
96
  };
99
97
  componentDidMount?(): void;
100
- shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
98
+ shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
101
99
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
102
- getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
100
+ getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
103
101
  componentWillMount?(): void;
104
102
  UNSAFE_componentWillMount?(): void;
105
- componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
106
- UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
107
- componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
108
- UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
103
+ componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
104
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
105
+ componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
106
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
109
107
  };
110
108
  contextType?: React.Context<any> | undefined;
111
109
  };
@@ -29,6 +29,7 @@ export type TableProps = SharedTableProps & {
29
29
  allowTableAlignment?: boolean;
30
30
  allowTableResizing?: boolean;
31
31
  isPresentational?: boolean;
32
+ disableTableOverflowShadow?: boolean;
32
33
  };
33
34
  export declare const isHeaderRowEnabled: (rows: (React.ReactChild | React.ReactFragment | React.ReactPortal)[]) => any;
34
35
  export declare const tableCanBeSticky: (node: PMNode | undefined, children: (React.ReactChild | React.ReactFragment | React.ReactPortal)[]) => any;
@@ -87,6 +87,11 @@ export interface RendererProps {
87
87
  * Elements currently affected: Tables.
88
88
  */
89
89
  UNSTABLE_isPresentational?: boolean;
90
+ /**
91
+ * When true, disables the overflow shadow (visual indication) on the edges
92
+ * of tables.
93
+ */
94
+ disableTableOverflowShadow?: boolean;
90
95
  /**
91
96
  * @default undefined
92
97
  * @description
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "119.3.0",
3
+ "version": "120.0.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -20,8 +20,7 @@
20
20
  "team": "Editor",
21
21
  "website": {
22
22
  "name": "Renderer"
23
- },
24
- "runReact18": true
23
+ }
25
24
  },
26
25
  "dependencies": {
27
26
  "@atlaskit/adf-schema": "^47.6.0",
@@ -31,7 +30,6 @@
31
30
  "@atlaskit/analytics-next": "^11.1.0",
32
31
  "@atlaskit/button": "^23.2.0",
33
32
  "@atlaskit/code": "^17.2.0",
34
- "@atlaskit/editor-common": "^107.3.0",
35
33
  "@atlaskit/editor-json-transformer": "^8.24.0",
36
34
  "@atlaskit/editor-palette": "^2.1.0",
37
35
  "@atlaskit/editor-prosemirror": "7.0.0",
@@ -41,22 +39,22 @@
41
39
  "@atlaskit/feature-gate-js-client": "^5.5.0",
42
40
  "@atlaskit/icon": "^27.2.0",
43
41
  "@atlaskit/link": "^3.2.0",
44
- "@atlaskit/link-datasource": "^4.11.0",
42
+ "@atlaskit/link-datasource": "^4.12.0",
45
43
  "@atlaskit/media-card": "^79.3.0",
46
- "@atlaskit/media-client": "^34.2.0",
44
+ "@atlaskit/media-client": "^35.0.0",
47
45
  "@atlaskit/media-client-react": "^4.1.0",
48
46
  "@atlaskit/media-common": "^12.3.0",
49
47
  "@atlaskit/media-filmstrip": "^51.0.0",
50
- "@atlaskit/media-ui": "^28.5.0",
48
+ "@atlaskit/media-ui": "^28.6.0",
51
49
  "@atlaskit/media-viewer": "^52.4.0",
52
50
  "@atlaskit/platform-feature-flags": "^1.1.0",
53
51
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
54
52
  "@atlaskit/react-ufo": "^3.14.0",
55
- "@atlaskit/smart-card": "^38.19.0",
53
+ "@atlaskit/smart-card": "^39.0.0",
56
54
  "@atlaskit/status": "^3.0.0",
57
55
  "@atlaskit/task-decision": "^19.2.0",
58
56
  "@atlaskit/theme": "^18.0.0",
59
- "@atlaskit/tmp-editor-statsig": "^8.5.0",
57
+ "@atlaskit/tmp-editor-statsig": "^8.7.0",
60
58
  "@atlaskit/tokens": "^5.4.0",
61
59
  "@atlaskit/tooltip": "^20.3.0",
62
60
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -70,6 +68,7 @@
70
68
  "uuid": "^3.1.0"
71
69
  },
72
70
  "peerDependencies": {
71
+ "@atlaskit/editor-common": "^107.6.0",
73
72
  "@atlaskit/link-provider": "^3.4.0",
74
73
  "@atlaskit/media-core": "^37.0.0",
75
74
  "react": "^18.2.0",
@@ -82,7 +81,7 @@
82
81
  "@atlaskit/checkbox": "^17.1.0",
83
82
  "@atlaskit/css-reset": "^7.3.0",
84
83
  "@atlaskit/link-provider": "^3.4.0",
85
- "@atlaskit/link-test-helpers": "^8.1.0",
84
+ "@atlaskit/link-test-helpers": "^8.2.0",
86
85
  "@atlaskit/linking-common": "^9.1.0",
87
86
  "@atlaskit/media-core": "^37.0.0",
88
87
  "@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -139,6 +138,9 @@
139
138
  "platform-ssr-table-resize": {
140
139
  "type": "boolean"
141
140
  },
141
+ "platform_fix_nested_num_column_scaling": {
142
+ "type": "boolean"
143
+ },
142
144
  "cc_complexit_reduce_portal_rerenders": {
143
145
  "type": "boolean"
144
146
  },