@atlaskit/renderer 119.2.0 → 119.3.1
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 +18 -0
- package/afm-volt/tsconfig.json +129 -0
- package/dist/cjs/react/index.js +3 -1
- package/dist/cjs/react/nodes/embedCard.js +2 -1
- package/dist/cjs/ui/Renderer/index.js +3 -2
- package/dist/es2019/react/index.js +3 -1
- package/dist/es2019/react/nodes/embedCard.js +2 -1
- package/dist/es2019/ui/Renderer/index.js +3 -2
- package/dist/esm/react/index.js +3 -1
- package/dist/esm/react/nodes/embedCard.js +2 -1
- package/dist/esm/ui/Renderer/index.js +3 -2
- package/dist/types/react/index.d.ts +2 -0
- package/dist/types/react/nodes/extension.d.ts +18 -18
- package/dist/types/react/nodes/table.d.ts +1 -0
- package/dist/types/ui/renderer-props.d.ts +5 -0
- package/dist/types-ts4.5/react/index.d.ts +2 -0
- package/dist/types-ts4.5/react/nodes/extension.d.ts +18 -18
- package/dist/types-ts4.5/react/nodes/table.d.ts +1 -0
- package/dist/types-ts4.5/ui/renderer-props.d.ts +5 -0
- package/package.json +7 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 119.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 119.3.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#177020](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177020)
|
|
14
|
+
[`206ae7b37b4af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/206ae7b37b4af) -
|
|
15
|
+
[ux] Add Competitor Prompt for Embed Smart Link
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 119.2.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -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
|
+
}
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -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
|
}, {
|
|
@@ -69,7 +69,8 @@ function EmbedCard(props) {
|
|
|
69
69
|
container: portal,
|
|
70
70
|
platform: platform,
|
|
71
71
|
frameStyle: (_smartLinks$frameStyl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle) !== null && _smartLinks$frameStyl !== void 0 ? _smartLinks$frameStyl : 'show',
|
|
72
|
-
actionOptions: actionOptions
|
|
72
|
+
actionOptions: actionOptions,
|
|
73
|
+
CompetitorPrompt: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.CompetitorPrompt
|
|
73
74
|
};
|
|
74
75
|
var _useState = (0, _react2.useState)(null),
|
|
75
76
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -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.
|
|
65
|
+
var packageVersion = "119.3.0";
|
|
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 = []) {
|
|
@@ -63,7 +63,8 @@ export default function EmbedCard(props) {
|
|
|
63
63
|
container: portal,
|
|
64
64
|
platform,
|
|
65
65
|
frameStyle: (_smartLinks$frameStyl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle) !== null && _smartLinks$frameStyl !== void 0 ? _smartLinks$frameStyl : 'show',
|
|
66
|
-
actionOptions
|
|
66
|
+
actionOptions,
|
|
67
|
+
CompetitorPrompt: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.CompetitorPrompt
|
|
67
68
|
};
|
|
68
69
|
const [liveHeight, setLiveHeight] = useState(null);
|
|
69
70
|
const [aspectRatio, setAspectRatio] = useState();
|
|
@@ -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.
|
|
51
|
+
const packageVersion = "119.3.0";
|
|
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 => {
|
package/dist/esm/react/index.js
CHANGED
|
@@ -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
|
}, {
|
|
@@ -61,7 +61,8 @@ export default function EmbedCard(props) {
|
|
|
61
61
|
container: portal,
|
|
62
62
|
platform: platform,
|
|
63
63
|
frameStyle: (_smartLinks$frameStyl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.frameStyle) !== null && _smartLinks$frameStyl !== void 0 ? _smartLinks$frameStyl : 'show',
|
|
64
|
-
actionOptions: actionOptions
|
|
64
|
+
actionOptions: actionOptions,
|
|
65
|
+
CompetitorPrompt: smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.CompetitorPrompt
|
|
65
66
|
};
|
|
66
67
|
var _useState = useState(null),
|
|
67
68
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -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.
|
|
56
|
+
var packageVersion = "119.3.0";
|
|
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,7 +27,7 @@ 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;
|
|
@@ -50,24 +50,24 @@ declare const _default: {
|
|
|
50
50
|
initShadowObserver(): void;
|
|
51
51
|
render(): React.JSX.Element;
|
|
52
52
|
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;
|
|
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 & 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
54
|
forceUpdate(callback?: (() => void) | undefined): void;
|
|
55
|
-
readonly props: Readonly<Props>;
|
|
55
|
+
readonly props: Readonly<Props & OverflowShadowProps>;
|
|
56
56
|
refs: {
|
|
57
57
|
[key: string]: React.ReactInstance;
|
|
58
58
|
};
|
|
59
59
|
componentDidMount?(): void;
|
|
60
|
-
shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
60
|
+
shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
61
61
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
62
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
62
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
63
63
|
componentWillMount?(): void;
|
|
64
64
|
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;
|
|
65
|
+
componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
66
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
67
|
+
componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
68
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
69
69
|
};
|
|
70
|
-
new (props: Props, context: any): {
|
|
70
|
+
new (props: Props & OverflowShadowProps, context: any): {
|
|
71
71
|
overflowContainer?: HTMLElement | null | undefined;
|
|
72
72
|
container?: HTMLElement | undefined;
|
|
73
73
|
shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
|
|
@@ -90,22 +90,22 @@ declare const _default: {
|
|
|
90
90
|
initShadowObserver(): void;
|
|
91
91
|
render(): React.JSX.Element;
|
|
92
92
|
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;
|
|
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 & 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
94
|
forceUpdate(callback?: (() => void) | undefined): void;
|
|
95
|
-
readonly props: Readonly<Props>;
|
|
95
|
+
readonly props: Readonly<Props & OverflowShadowProps>;
|
|
96
96
|
refs: {
|
|
97
97
|
[key: string]: React.ReactInstance;
|
|
98
98
|
};
|
|
99
99
|
componentDidMount?(): void;
|
|
100
|
-
shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
100
|
+
shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
101
101
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
102
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
102
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
103
103
|
componentWillMount?(): void;
|
|
104
104
|
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;
|
|
105
|
+
componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
106
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
107
|
+
componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
108
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
109
109
|
};
|
|
110
110
|
contextType?: React.Context<any> | undefined;
|
|
111
111
|
};
|
|
@@ -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,7 +27,7 @@ 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;
|
|
@@ -50,24 +50,24 @@ declare const _default: {
|
|
|
50
50
|
initShadowObserver(): void;
|
|
51
51
|
render(): React.JSX.Element;
|
|
52
52
|
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;
|
|
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 & 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
54
|
forceUpdate(callback?: (() => void) | undefined): void;
|
|
55
|
-
readonly props: Readonly<Props>;
|
|
55
|
+
readonly props: Readonly<Props & OverflowShadowProps>;
|
|
56
56
|
refs: {
|
|
57
57
|
[key: string]: React.ReactInstance;
|
|
58
58
|
};
|
|
59
59
|
componentDidMount?(): void;
|
|
60
|
-
shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
60
|
+
shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
61
61
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
62
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
62
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
63
63
|
componentWillMount?(): void;
|
|
64
64
|
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;
|
|
65
|
+
componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
66
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
67
|
+
componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
68
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
69
69
|
};
|
|
70
|
-
new (props: Props, context: any): {
|
|
70
|
+
new (props: Props & OverflowShadowProps, context: any): {
|
|
71
71
|
overflowContainer?: HTMLElement | null | undefined;
|
|
72
72
|
container?: HTMLElement | undefined;
|
|
73
73
|
shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
|
|
@@ -90,22 +90,22 @@ declare const _default: {
|
|
|
90
90
|
initShadowObserver(): void;
|
|
91
91
|
render(): React.JSX.Element;
|
|
92
92
|
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;
|
|
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 & 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
94
|
forceUpdate(callback?: (() => void) | undefined): void;
|
|
95
|
-
readonly props: Readonly<Props>;
|
|
95
|
+
readonly props: Readonly<Props & OverflowShadowProps>;
|
|
96
96
|
refs: {
|
|
97
97
|
[key: string]: React.ReactInstance;
|
|
98
98
|
};
|
|
99
99
|
componentDidMount?(): void;
|
|
100
|
-
shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
100
|
+
shouldComponentUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): boolean;
|
|
101
101
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
102
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
102
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<Props & OverflowShadowProps>, prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>): any;
|
|
103
103
|
componentWillMount?(): void;
|
|
104
104
|
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;
|
|
105
|
+
componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
106
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & OverflowShadowProps>, nextContext: any): void;
|
|
107
|
+
componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
108
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & OverflowShadowProps>, nextState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, nextContext: any): void;
|
|
109
109
|
};
|
|
110
110
|
contextType?: React.Context<any> | undefined;
|
|
111
111
|
};
|
|
@@ -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
|
+
"version": "119.3.1",
|
|
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,19 +30,19 @@
|
|
|
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.
|
|
33
|
+
"@atlaskit/editor-common": "^107.4.0",
|
|
35
34
|
"@atlaskit/editor-json-transformer": "^8.24.0",
|
|
36
35
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
37
36
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
38
37
|
"@atlaskit/editor-shared-styles": "^3.4.0",
|
|
39
38
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
40
39
|
"@atlaskit/emoji": "^69.3.0",
|
|
41
|
-
"@atlaskit/feature-gate-js-client": "^5.
|
|
40
|
+
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
42
41
|
"@atlaskit/icon": "^27.2.0",
|
|
43
42
|
"@atlaskit/link": "^3.2.0",
|
|
44
43
|
"@atlaskit/link-datasource": "^4.11.0",
|
|
45
44
|
"@atlaskit/media-card": "^79.3.0",
|
|
46
|
-
"@atlaskit/media-client": "^
|
|
45
|
+
"@atlaskit/media-client": "^35.0.0",
|
|
47
46
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
48
47
|
"@atlaskit/media-common": "^12.3.0",
|
|
49
48
|
"@atlaskit/media-filmstrip": "^51.0.0",
|
|
@@ -52,11 +51,11 @@
|
|
|
52
51
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
53
52
|
"@atlaskit/platform-feature-flags-react": "^0.2.0",
|
|
54
53
|
"@atlaskit/react-ufo": "^3.14.0",
|
|
55
|
-
"@atlaskit/smart-card": "^38.
|
|
54
|
+
"@atlaskit/smart-card": "^38.20.0",
|
|
56
55
|
"@atlaskit/status": "^3.0.0",
|
|
57
56
|
"@atlaskit/task-decision": "^19.2.0",
|
|
58
57
|
"@atlaskit/theme": "^18.0.0",
|
|
59
|
-
"@atlaskit/tmp-editor-statsig": "^8.
|
|
58
|
+
"@atlaskit/tmp-editor-statsig": "^8.6.0",
|
|
60
59
|
"@atlaskit/tokens": "^5.4.0",
|
|
61
60
|
"@atlaskit/tooltip": "^20.3.0",
|
|
62
61
|
"@atlaskit/visually-hidden": "^3.0.0",
|