@atlaskit/editor-core 203.12.1 → 203.13.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 +15 -0
- package/dist/cjs/create-editor/create-schema.js +2 -11
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +4 -4
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +1 -6
- package/dist/cjs/ui/ContentStyles/index.js +13 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/create-editor/create-schema.js +2 -11
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +5 -5
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +0 -5
- package/dist/es2019/ui/ContentStyles/index.js +13 -6
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/create-editor/create-schema.js +2 -11
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +5 -5
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +0 -5
- package/dist/esm/ui/ContentStyles/index.js +13 -6
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types/ui/ContentStyles/index.d.ts +1 -0
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +1 -0
- package/package.json +10 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 203.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#106964](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106964)
|
|
8
|
+
[`996f72bae4986`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/996f72bae4986) -
|
|
9
|
+
[No Issue] Introducing virtualization for inline nodes
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#108797](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108797)
|
|
14
|
+
[`9a3f165bc940b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9a3f165bc940b) -
|
|
15
|
+
tidy up feature flag confluence_frontend_editor_custom_presets
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 203.12.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -12,7 +12,6 @@ var _schema = require("@atlaskit/adf-schema/schema");
|
|
|
12
12
|
var _legacyRankPlugins = require("@atlaskit/editor-common/legacy-rank-plugins");
|
|
13
13
|
var _prosemirrorDomMetadata = require("@atlaskit/editor-common/prosemirror-dom-metadata");
|
|
14
14
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
15
|
var _createEditor = require("./create-editor");
|
|
17
16
|
/**
|
|
18
17
|
* 🧱 Internal Helper Function: Editor FE Platform
|
|
@@ -96,19 +95,11 @@ var wrapNodeSpecProxy = exports.wrapNodeSpecProxy = function wrapNodeSpecProxy(s
|
|
|
96
95
|
};
|
|
97
96
|
function createSchema(editorConfig) {
|
|
98
97
|
var marks = (0, _createEditor.fixExcludes)(editorConfig.marks.sort((0, _legacyRankPlugins.sortByOrder)('marks')).reduce(function (acc, mark) {
|
|
99
|
-
|
|
100
|
-
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
101
|
-
} else {
|
|
102
|
-
acc[mark.name] = mark.mark;
|
|
103
|
-
}
|
|
98
|
+
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
104
99
|
return acc;
|
|
105
100
|
}, {}));
|
|
106
101
|
var nodes = (0, _schema.sanitizeNodes)(editorConfig.nodes.sort((0, _legacyRankPlugins.sortByOrder)('nodes')).reduce(function (acc, node) {
|
|
107
|
-
|
|
108
|
-
acc[node.name] = wrapNodeSpecProxy(node.node);
|
|
109
|
-
} else {
|
|
110
|
-
acc[node.name] = node.node;
|
|
111
|
-
}
|
|
102
|
+
acc[node.name] = wrapNodeSpecProxy(node.node);
|
|
112
103
|
return acc;
|
|
113
104
|
}, {}), marks);
|
|
114
105
|
return new _model.Schema({
|
|
@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
15
14
|
var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
|
|
16
15
|
var _ContextPanel = require("../../ContextPanel");
|
|
@@ -66,16 +65,17 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
66
65
|
}, (0, _react2.jsx)("div", {
|
|
67
66
|
css:
|
|
68
67
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
69
|
-
|
|
68
|
+
_StyledComponents.contentAreaWrapper,
|
|
70
69
|
"data-testid": EDITOR_CONTAINER,
|
|
71
|
-
"data-editor-container":
|
|
70
|
+
"data-editor-container": 'true'
|
|
72
71
|
}, (0, _react2.jsx)(_StyledComponents.ScrollContainer
|
|
73
72
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
74
73
|
, {
|
|
75
74
|
className: "fabric-editor-popup-scroll-parent",
|
|
76
75
|
featureFlags: props.featureFlags,
|
|
77
76
|
ref: scrollContainerRef,
|
|
78
|
-
viewMode: props === null || props === void 0 ? void 0 : props.viewMode
|
|
77
|
+
viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
|
|
78
|
+
isScrollable: true
|
|
79
79
|
}, (0, _react2.jsx)(_ClickAreaBlock.default, {
|
|
80
80
|
editorView: props.editorView,
|
|
81
81
|
editorDisabled: props.disabled
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.
|
|
7
|
+
exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaWrapper = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
@@ -81,11 +81,6 @@ var contentAreaWrapper = exports.contentAreaWrapper = (0, _react.css)({
|
|
|
81
81
|
contain: 'layout style inline-size'
|
|
82
82
|
});
|
|
83
83
|
|
|
84
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
85
|
-
var contentAreaWrapperNoStyles = exports.contentAreaWrapperNoStyles = (0, _react.css)({
|
|
86
|
-
display: 'contents'
|
|
87
|
-
});
|
|
88
|
-
|
|
89
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
90
85
|
var contentAreaHeightNoToolbar = exports.contentAreaHeightNoToolbar = (0, _react.css)({
|
|
91
86
|
height: '100%'
|
|
@@ -114,14 +114,21 @@ var createEditorContentStyle = exports.createEditorContentStyle = function creat
|
|
|
114
114
|
typographyTheme: typography
|
|
115
115
|
});
|
|
116
116
|
}, [theme, colorMode, featureFlags, props.viewMode, typography]);
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
117
|
+
if (props.isScrollable) {
|
|
118
|
+
return (0, _react2.jsx)("div", {
|
|
119
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
120
120
|
className: className,
|
|
121
121
|
ref: ref,
|
|
122
|
-
css: [memoizedStyle, styles]
|
|
123
|
-
|
|
124
|
-
|
|
122
|
+
css: [memoizedStyle, styles],
|
|
123
|
+
"data-editor-scroll-container": "true"
|
|
124
|
+
}, children);
|
|
125
|
+
}
|
|
126
|
+
return (0, _react2.jsx)("div", {
|
|
127
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
128
|
+
className: className,
|
|
129
|
+
ref: ref,
|
|
130
|
+
css: [memoizedStyle, styles]
|
|
131
|
+
}, children);
|
|
125
132
|
});
|
|
126
133
|
};
|
|
127
134
|
var _default = exports.default = createEditorContentStyle();
|
|
@@ -2,7 +2,6 @@ import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
|
|
|
2
2
|
import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
|
|
3
3
|
import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
|
|
4
4
|
import { Schema } from '@atlaskit/editor-prosemirror/model';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { fixExcludes } from './create-editor';
|
|
7
6
|
/**
|
|
8
7
|
* 🧱 Internal Helper Function: Editor FE Platform
|
|
@@ -87,19 +86,11 @@ export const wrapNodeSpecProxy = spec => {
|
|
|
87
86
|
};
|
|
88
87
|
export function createSchema(editorConfig) {
|
|
89
88
|
const marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce((acc, mark) => {
|
|
90
|
-
|
|
91
|
-
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
92
|
-
} else {
|
|
93
|
-
acc[mark.name] = mark.mark;
|
|
94
|
-
}
|
|
89
|
+
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
95
90
|
return acc;
|
|
96
91
|
}, {}));
|
|
97
92
|
const nodes = sanitizeNodes(editorConfig.nodes.sort(sortByOrder('nodes')).reduce((acc, node) => {
|
|
98
|
-
|
|
99
|
-
acc[node.name] = wrapNodeSpecProxy(node.node);
|
|
100
|
-
} else {
|
|
101
|
-
acc[node.name] = node.node;
|
|
102
|
-
}
|
|
93
|
+
acc[node.name] = wrapNodeSpecProxy(node.node);
|
|
103
94
|
return acc;
|
|
104
95
|
}, {}), marks);
|
|
105
96
|
return new Schema({
|
|
@@ -9,14 +9,13 @@ import React, { useImperativeHandle, useRef } from 'react';
|
|
|
9
9
|
import { jsx, useTheme } from '@emotion/react';
|
|
10
10
|
import { injectIntl } from 'react-intl-next';
|
|
11
11
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
12
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
14
13
|
// Ignored via go/ees005
|
|
15
14
|
// eslint-disable-next-line import/no-named-as-default
|
|
16
15
|
import ClickAreaBlock from '../../Addon/ClickAreaBlock';
|
|
17
16
|
import { ContextPanel } from '../../ContextPanel';
|
|
18
17
|
import PluginSlot from '../../PluginSlot';
|
|
19
|
-
import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper,
|
|
18
|
+
import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
20
19
|
export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
21
20
|
export const EDITOR_CONTAINER = 'ak-editor-container';
|
|
22
21
|
const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
@@ -53,16 +52,17 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
53
52
|
}, jsx("div", {
|
|
54
53
|
css:
|
|
55
54
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
56
|
-
|
|
55
|
+
contentAreaWrapper,
|
|
57
56
|
"data-testid": EDITOR_CONTAINER,
|
|
58
|
-
"data-editor-container":
|
|
57
|
+
"data-editor-container": 'true'
|
|
59
58
|
}, jsx(ScrollContainer
|
|
60
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
61
60
|
, {
|
|
62
61
|
className: "fabric-editor-popup-scroll-parent",
|
|
63
62
|
featureFlags: props.featureFlags,
|
|
64
63
|
ref: scrollContainerRef,
|
|
65
|
-
viewMode: props === null || props === void 0 ? void 0 : props.viewMode
|
|
64
|
+
viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
|
|
65
|
+
isScrollable: true
|
|
66
66
|
}, jsx(ClickAreaBlock, {
|
|
67
67
|
editorView: props.editorView,
|
|
68
68
|
editorDisabled: props.disabled
|
|
@@ -71,11 +71,6 @@ export const contentAreaWrapper = css({
|
|
|
71
71
|
contain: 'layout style inline-size'
|
|
72
72
|
});
|
|
73
73
|
|
|
74
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
75
|
-
export const contentAreaWrapperNoStyles = css({
|
|
76
|
-
display: 'contents'
|
|
77
|
-
});
|
|
78
|
-
|
|
79
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
80
75
|
export const contentAreaHeightNoToolbar = css({
|
|
81
76
|
height: '100%'
|
|
@@ -427,14 +427,21 @@ export const createEditorContentStyle = styles => {
|
|
|
427
427
|
viewMode: props.viewMode,
|
|
428
428
|
typographyTheme: typography
|
|
429
429
|
}), [theme, colorMode, featureFlags, props.viewMode, typography]);
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
430
|
+
if (props.isScrollable) {
|
|
431
|
+
return jsx("div", {
|
|
432
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
433
433
|
className: className,
|
|
434
434
|
ref: ref,
|
|
435
|
-
css: [memoizedStyle, styles]
|
|
436
|
-
|
|
437
|
-
|
|
435
|
+
css: [memoizedStyle, styles],
|
|
436
|
+
"data-editor-scroll-container": "true"
|
|
437
|
+
}, children);
|
|
438
|
+
}
|
|
439
|
+
return jsx("div", {
|
|
440
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
441
|
+
className: className,
|
|
442
|
+
ref: ref,
|
|
443
|
+
css: [memoizedStyle, styles]
|
|
444
|
+
}, children);
|
|
438
445
|
});
|
|
439
446
|
};
|
|
440
447
|
export default createEditorContentStyle();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "203.
|
|
2
|
+
export const version = "203.13.0";
|
|
@@ -3,7 +3,6 @@ import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
|
|
|
3
3
|
import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
|
|
4
4
|
import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
|
|
5
5
|
import { Schema } from '@atlaskit/editor-prosemirror/model';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { fixExcludes } from './create-editor';
|
|
8
7
|
/**
|
|
9
8
|
* 🧱 Internal Helper Function: Editor FE Platform
|
|
@@ -87,19 +86,11 @@ export var wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
|
|
|
87
86
|
};
|
|
88
87
|
export function createSchema(editorConfig) {
|
|
89
88
|
var marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce(function (acc, mark) {
|
|
90
|
-
|
|
91
|
-
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
92
|
-
} else {
|
|
93
|
-
acc[mark.name] = mark.mark;
|
|
94
|
-
}
|
|
89
|
+
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
95
90
|
return acc;
|
|
96
91
|
}, {}));
|
|
97
92
|
var nodes = sanitizeNodes(editorConfig.nodes.sort(sortByOrder('nodes')).reduce(function (acc, node) {
|
|
98
|
-
|
|
99
|
-
acc[node.name] = wrapNodeSpecProxy(node.node);
|
|
100
|
-
} else {
|
|
101
|
-
acc[node.name] = node.node;
|
|
102
|
-
}
|
|
93
|
+
acc[node.name] = wrapNodeSpecProxy(node.node);
|
|
103
94
|
return acc;
|
|
104
95
|
}, {}), marks);
|
|
105
96
|
return new Schema({
|
|
@@ -9,14 +9,13 @@ import React, { useImperativeHandle, useRef } from 'react';
|
|
|
9
9
|
import { jsx, useTheme } from '@emotion/react';
|
|
10
10
|
import { injectIntl } from 'react-intl-next';
|
|
11
11
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
12
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
14
13
|
// Ignored via go/ees005
|
|
15
14
|
// eslint-disable-next-line import/no-named-as-default
|
|
16
15
|
import ClickAreaBlock from '../../Addon/ClickAreaBlock';
|
|
17
16
|
import { ContextPanel } from '../../ContextPanel';
|
|
18
17
|
import PluginSlot from '../../PluginSlot';
|
|
19
|
-
import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper,
|
|
18
|
+
import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
20
19
|
export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
21
20
|
export var EDITOR_CONTAINER = 'ak-editor-container';
|
|
22
21
|
var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -55,16 +54,17 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
55
54
|
}, jsx("div", {
|
|
56
55
|
css:
|
|
57
56
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
58
|
-
|
|
57
|
+
contentAreaWrapper,
|
|
59
58
|
"data-testid": EDITOR_CONTAINER,
|
|
60
|
-
"data-editor-container":
|
|
59
|
+
"data-editor-container": 'true'
|
|
61
60
|
}, jsx(ScrollContainer
|
|
62
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
63
62
|
, {
|
|
64
63
|
className: "fabric-editor-popup-scroll-parent",
|
|
65
64
|
featureFlags: props.featureFlags,
|
|
66
65
|
ref: scrollContainerRef,
|
|
67
|
-
viewMode: props === null || props === void 0 ? void 0 : props.viewMode
|
|
66
|
+
viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
|
|
67
|
+
isScrollable: true
|
|
68
68
|
}, jsx(ClickAreaBlock, {
|
|
69
69
|
editorView: props.editorView,
|
|
70
70
|
editorDisabled: props.disabled
|
|
@@ -74,11 +74,6 @@ export var contentAreaWrapper = css({
|
|
|
74
74
|
contain: 'layout style inline-size'
|
|
75
75
|
});
|
|
76
76
|
|
|
77
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
78
|
-
export var contentAreaWrapperNoStyles = css({
|
|
79
|
-
display: 'contents'
|
|
80
|
-
});
|
|
81
|
-
|
|
82
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
83
78
|
export var contentAreaHeightNoToolbar = css({
|
|
84
79
|
height: '100%'
|
|
@@ -106,14 +106,21 @@ export var createEditorContentStyle = function createEditorContentStyle(styles)
|
|
|
106
106
|
typographyTheme: typography
|
|
107
107
|
});
|
|
108
108
|
}, [theme, colorMode, featureFlags, props.viewMode, typography]);
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
109
|
+
if (props.isScrollable) {
|
|
110
|
+
return jsx("div", {
|
|
111
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
112
112
|
className: className,
|
|
113
113
|
ref: ref,
|
|
114
|
-
css: [memoizedStyle, styles]
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
css: [memoizedStyle, styles],
|
|
115
|
+
"data-editor-scroll-container": "true"
|
|
116
|
+
}, children);
|
|
117
|
+
}
|
|
118
|
+
return jsx("div", {
|
|
119
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
120
|
+
className: className,
|
|
121
|
+
ref: ref,
|
|
122
|
+
css: [memoizedStyle, styles]
|
|
123
|
+
}, children);
|
|
117
124
|
});
|
|
118
125
|
};
|
|
119
126
|
export default createEditorContentStyle();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "203.
|
|
2
|
+
export var version = "203.13.0";
|
|
@@ -6,10 +6,10 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
6
6
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
7
7
|
viewMode?: "edit" | "view" | undefined;
|
|
8
8
|
typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
|
|
9
|
+
isScrollable?: boolean | undefined;
|
|
9
10
|
} & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
11
|
export declare const contentArea: () => import("@emotion/react").SerializedStyles;
|
|
11
12
|
export declare const contentAreaWrapper: import("@emotion/react").SerializedStyles;
|
|
12
|
-
export declare const contentAreaWrapperNoStyles: import("@emotion/react").SerializedStyles;
|
|
13
13
|
export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;
|
|
14
14
|
export declare const sidebarArea: import("@emotion/react").SerializedStyles;
|
|
15
15
|
export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;
|
|
@@ -13,6 +13,7 @@ type ContentStylesProps = {
|
|
|
13
13
|
featureFlags?: FeatureFlags;
|
|
14
14
|
viewMode?: 'view' | 'edit';
|
|
15
15
|
typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed';
|
|
16
|
+
isScrollable?: boolean;
|
|
16
17
|
};
|
|
17
18
|
export declare const placeholderStyles: SerializedStyles;
|
|
18
19
|
/**
|
|
@@ -6,10 +6,10 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
6
6
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
7
7
|
viewMode?: "edit" | "view" | undefined;
|
|
8
8
|
typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
|
|
9
|
+
isScrollable?: boolean | undefined;
|
|
9
10
|
} & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
11
|
export declare const contentArea: () => import("@emotion/react").SerializedStyles;
|
|
11
12
|
export declare const contentAreaWrapper: import("@emotion/react").SerializedStyles;
|
|
12
|
-
export declare const contentAreaWrapperNoStyles: import("@emotion/react").SerializedStyles;
|
|
13
13
|
export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;
|
|
14
14
|
export declare const sidebarArea: import("@emotion/react").SerializedStyles;
|
|
15
15
|
export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;
|
|
@@ -13,6 +13,7 @@ type ContentStylesProps = {
|
|
|
13
13
|
featureFlags?: FeatureFlags;
|
|
14
14
|
viewMode?: 'view' | 'edit';
|
|
15
15
|
typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed';
|
|
16
|
+
isScrollable?: boolean;
|
|
16
17
|
};
|
|
17
18
|
export declare const placeholderStyles: SerializedStyles;
|
|
18
19
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "203.
|
|
3
|
+
"version": "203.13.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/analytics-next": "^10.3.0",
|
|
44
44
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
45
45
|
"@atlaskit/button": "^20.4.0",
|
|
46
|
-
"@atlaskit/editor-common": "^99.
|
|
46
|
+
"@atlaskit/editor-common": "^99.7.0",
|
|
47
47
|
"@atlaskit/editor-json-transformer": "^8.22.0",
|
|
48
48
|
"@atlaskit/editor-plugin-quick-insert": "1.9.0",
|
|
49
49
|
"@atlaskit/editor-plugins": "^7.1.0",
|
|
@@ -196,9 +196,6 @@
|
|
|
196
196
|
"type": "boolean",
|
|
197
197
|
"referenceOnly": true
|
|
198
198
|
},
|
|
199
|
-
"platform_editor_breakout_use_css": {
|
|
200
|
-
"type": "boolean"
|
|
201
|
-
},
|
|
202
199
|
"editor_request_to_edit_task": {
|
|
203
200
|
"type": "boolean"
|
|
204
201
|
},
|
|
@@ -230,6 +227,10 @@
|
|
|
230
227
|
"type": "boolean",
|
|
231
228
|
"referenceOnly": true
|
|
232
229
|
},
|
|
230
|
+
"platform_editor_vs_code_block_paste": {
|
|
231
|
+
"type": "boolean",
|
|
232
|
+
"referenceOnly": true
|
|
233
|
+
},
|
|
233
234
|
"platform_editor_react18_extension_component_v2": {
|
|
234
235
|
"type": "boolean"
|
|
235
236
|
},
|
|
@@ -404,6 +405,10 @@
|
|
|
404
405
|
"type": "boolean",
|
|
405
406
|
"referenceOnly": true
|
|
406
407
|
},
|
|
408
|
+
"platform_editor_lego__inline_node_virtualization": {
|
|
409
|
+
"type": "boolean",
|
|
410
|
+
"referenceOnly": true
|
|
411
|
+
},
|
|
407
412
|
"platform_editor_nested_tables_paste_dupe_fix": {
|
|
408
413
|
"type": "boolean",
|
|
409
414
|
"referenceOnly": true
|