@atlaskit/editor-core 207.19.4 → 207.19.6
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 +17 -0
- package/dist/cjs/ui/Appearance/Chromeless.js +53 -30
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +2 -2
- package/dist/cjs/ui/EditorContentContainer/styles/scrollbarStyles.js +0 -4
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/Chromeless.js +48 -25
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/scrollbarStyles.js +0 -4
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/Chromeless.js +52 -29
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/scrollbarStyles.js +0 -4
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/Appearance/Chromeless.d.ts +7 -0
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts +10 -0
- package/dist/types-ts4.5/ui/Appearance/Chromeless.d.ts +7 -0
- package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts +10 -0
- package/package.json +45 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 207.19.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#169535](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169535)
|
|
8
|
+
[`275f3d6725a4e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/275f3d6725a4e) -
|
|
9
|
+
[ux] Hide plus and block control buttons when hovering over gutter space on the left and right
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 207.19.5
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#170715](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170715)
|
|
17
|
+
[`c173b44f2590c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c173b44f2590c) -
|
|
18
|
+
fix scrollbar styles issue under static emotion refactor
|
|
19
|
+
|
|
3
20
|
## 207.19.4
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.default = exports.ContentArea = void 0;
|
|
8
|
+
exports.default = exports.ContentArea = exports.ChromelessEditorContainer = void 0;
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
@@ -18,6 +18,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
|
|
|
18
18
|
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
|
|
19
19
|
var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
|
|
20
20
|
var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
|
|
21
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
22
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
22
23
|
var _ContentStyles = require("../ContentStyles");
|
|
23
24
|
var _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
|
|
@@ -32,10 +33,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
32
33
|
var scrollbarStylesNew = (0, _react2.css)({
|
|
33
34
|
'-ms-overflow-style': '-ms-autohiding-scrollbar',
|
|
34
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
35
|
-
'&::-webkit-scrollbar': {
|
|
36
|
-
overflow: 'hidden'
|
|
37
|
-
},
|
|
38
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
39
36
|
'&::-webkit-scrollbar-corner': {
|
|
40
37
|
display: 'none'
|
|
41
38
|
},
|
|
@@ -153,29 +150,14 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
153
150
|
var editorViewMode = useEditorViewModePluginState(_this.props.editorAPI);
|
|
154
151
|
return (0, _react2.jsx)(_WithFlash.default, {
|
|
155
152
|
animate: maxContentSizeReached
|
|
156
|
-
}, (0, _react2.jsx)(
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
}) && scrollbarStylesNew, maxHeight &&
|
|
162
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
163
|
-
(0, _react2.css)({
|
|
164
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
165
|
-
maxHeight: "".concat(maxHeight, "px")
|
|
166
|
-
}),
|
|
167
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
168
|
-
(0, _react2.css)({
|
|
169
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
170
|
-
minHeight: "".concat(minHeight, "px")
|
|
171
|
-
})],
|
|
172
|
-
"data-testid": "chromeless-editor",
|
|
173
|
-
id: "chromeless-editor",
|
|
174
|
-
ref: function ref(_ref2) {
|
|
175
|
-
return _this.containerElement = _ref2;
|
|
153
|
+
}, (0, _react2.jsx)(ChromelessEditorContainer, {
|
|
154
|
+
maxHeight: maxHeight,
|
|
155
|
+
minHeight: minHeight,
|
|
156
|
+
containerRef: function containerRef(ref) {
|
|
157
|
+
return _this.containerElement = ref;
|
|
176
158
|
}
|
|
177
159
|
}, (0, _react2.jsx)(EditorContainer
|
|
178
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
160
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
179
161
|
, {
|
|
180
162
|
className: "ak-editor-content-area",
|
|
181
163
|
featureFlags: featureFlags,
|
|
@@ -226,12 +208,53 @@ var useMaxContentSizePluginState = (0, _hooks.sharedPluginStateHookMigratorFacto
|
|
|
226
208
|
}
|
|
227
209
|
};
|
|
228
210
|
});
|
|
229
|
-
function RenderWithPluginState(
|
|
230
|
-
var renderChrome =
|
|
231
|
-
editorAPI =
|
|
211
|
+
function RenderWithPluginState(_ref2) {
|
|
212
|
+
var renderChrome = _ref2.renderChrome,
|
|
213
|
+
editorAPI = _ref2.editorAPI;
|
|
232
214
|
var _useMaxContentSizePlu = useMaxContentSizePluginState(editorAPI),
|
|
233
215
|
maxContentSizeState = _useMaxContentSizePlu.maxContentSizeState;
|
|
234
216
|
return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
|
|
235
217
|
maxContentSize: maxContentSizeState
|
|
236
218
|
}));
|
|
237
|
-
}
|
|
219
|
+
}
|
|
220
|
+
function ChromelessEditorContainerNext(_ref3) {
|
|
221
|
+
var maxHeight = _ref3.maxHeight,
|
|
222
|
+
minHeight = _ref3.minHeight,
|
|
223
|
+
children = _ref3.children,
|
|
224
|
+
containerRef = _ref3.containerRef;
|
|
225
|
+
return (0, _react2.jsx)("div", {
|
|
226
|
+
css: [chromelessEditorStylesNew, scrollbarStylesNew],
|
|
227
|
+
style: {
|
|
228
|
+
maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
|
|
229
|
+
minHeight: "".concat(minHeight, "px")
|
|
230
|
+
},
|
|
231
|
+
"data-testid": "chromeless-editor",
|
|
232
|
+
id: "chromeless-editor",
|
|
233
|
+
ref: containerRef
|
|
234
|
+
}, children);
|
|
235
|
+
}
|
|
236
|
+
function ChromelessEditorContainerOld(_ref4) {
|
|
237
|
+
var maxHeight = _ref4.maxHeight,
|
|
238
|
+
minHeight = _ref4.minHeight,
|
|
239
|
+
children = _ref4.children,
|
|
240
|
+
containerRef = _ref4.containerRef;
|
|
241
|
+
return (0, _react2.jsx)("div", {
|
|
242
|
+
css: [chromelessEditorStyles, maxHeight &&
|
|
243
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
244
|
+
(0, _react2.css)({
|
|
245
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
246
|
+
maxHeight: "".concat(maxHeight, "px")
|
|
247
|
+
}),
|
|
248
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
249
|
+
(0, _react2.css)({
|
|
250
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
251
|
+
minHeight: "".concat(minHeight, "px")
|
|
252
|
+
})],
|
|
253
|
+
"data-testid": "chromeless-editor",
|
|
254
|
+
id: "chromeless-editor",
|
|
255
|
+
ref: containerRef
|
|
256
|
+
}, children);
|
|
257
|
+
}
|
|
258
|
+
var ChromelessEditorContainer = exports.ChromelessEditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
|
|
259
|
+
return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion', 'isEnabled', true);
|
|
260
|
+
}, ChromelessEditorContainerNext, ChromelessEditorContainerOld);
|
|
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.FullPageContentArea = exports.EDITOR_CONTAINER = exports.CONTENT_AREA_TEST_ID = void 0;
|
|
8
|
+
exports.ScrollContainer = exports.FullPageContentArea = exports.EDITOR_CONTAINER = exports.CONTENT_AREA_TEST_ID = void 0;
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
@@ -49,7 +49,7 @@ var scrollStyles = (0, _react2.css)({
|
|
|
49
49
|
_scrollbar.scrollbarStyles);
|
|
50
50
|
|
|
51
51
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
52
|
-
var ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
|
|
52
|
+
var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
|
|
53
53
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
54
54
|
var EditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
|
|
55
55
|
return (0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
|
|
@@ -11,10 +11,6 @@ var _react = require("@emotion/react");
|
|
|
11
11
|
var scrollbarStyles = exports.scrollbarStyles = (0, _react.css)({
|
|
12
12
|
'-ms-overflow-style': '-ms-autohiding-scrollbar',
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
14
|
-
'&::-webkit-scrollbar': {
|
|
15
|
-
overflow: 'hidden'
|
|
16
|
-
},
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
18
14
|
'&::-webkit-scrollbar-corner': {
|
|
19
15
|
display: 'none'
|
|
20
16
|
},
|
|
@@ -11,6 +11,7 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atl
|
|
|
11
11
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
12
12
|
import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
|
|
13
13
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
|
|
14
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
14
15
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
15
16
|
import { createEditorContentStyle } from '../ContentStyles';
|
|
16
17
|
import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
|
|
@@ -19,10 +20,6 @@ import WithFlash from '../WithFlash';
|
|
|
19
20
|
const scrollbarStylesNew = css({
|
|
20
21
|
'-ms-overflow-style': '-ms-autohiding-scrollbar',
|
|
21
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
22
|
-
'&::-webkit-scrollbar': {
|
|
23
|
-
overflow: 'hidden'
|
|
24
|
-
},
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
26
23
|
'&::-webkit-scrollbar-corner': {
|
|
27
24
|
display: 'none'
|
|
28
25
|
},
|
|
@@ -135,27 +132,12 @@ export default class Editor extends React.Component {
|
|
|
135
132
|
const editorViewMode = useEditorViewModePluginState(this.props.editorAPI);
|
|
136
133
|
return jsx(WithFlash, {
|
|
137
134
|
animate: maxContentSizeReached
|
|
138
|
-
}, jsx(
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
exposure: true
|
|
143
|
-
}) && scrollbarStylesNew, maxHeight &&
|
|
144
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
145
|
-
css({
|
|
146
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
147
|
-
maxHeight: `${maxHeight}px`
|
|
148
|
-
}),
|
|
149
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
150
|
-
css({
|
|
151
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
152
|
-
minHeight: `${minHeight}px`
|
|
153
|
-
})],
|
|
154
|
-
"data-testid": "chromeless-editor",
|
|
155
|
-
id: "chromeless-editor",
|
|
156
|
-
ref: ref => this.containerElement = ref
|
|
135
|
+
}, jsx(ChromelessEditorContainer, {
|
|
136
|
+
maxHeight: maxHeight,
|
|
137
|
+
minHeight: minHeight,
|
|
138
|
+
containerRef: ref => this.containerElement = ref
|
|
157
139
|
}, jsx(EditorContainer
|
|
158
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
140
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
159
141
|
, {
|
|
160
142
|
className: "ak-editor-content-area",
|
|
161
143
|
featureFlags: featureFlags,
|
|
@@ -212,4 +194,45 @@ function RenderWithPluginState({
|
|
|
212
194
|
return jsx(Fragment, null, renderChrome({
|
|
213
195
|
maxContentSize: maxContentSizeState
|
|
214
196
|
}));
|
|
215
|
-
}
|
|
197
|
+
}
|
|
198
|
+
function ChromelessEditorContainerNext({
|
|
199
|
+
maxHeight,
|
|
200
|
+
minHeight,
|
|
201
|
+
children,
|
|
202
|
+
containerRef
|
|
203
|
+
}) {
|
|
204
|
+
return jsx("div", {
|
|
205
|
+
css: [chromelessEditorStylesNew, scrollbarStylesNew],
|
|
206
|
+
style: {
|
|
207
|
+
maxHeight: maxHeight ? `${maxHeight}px` : undefined,
|
|
208
|
+
minHeight: `${minHeight}px`
|
|
209
|
+
},
|
|
210
|
+
"data-testid": "chromeless-editor",
|
|
211
|
+
id: "chromeless-editor",
|
|
212
|
+
ref: containerRef
|
|
213
|
+
}, children);
|
|
214
|
+
}
|
|
215
|
+
function ChromelessEditorContainerOld({
|
|
216
|
+
maxHeight,
|
|
217
|
+
minHeight,
|
|
218
|
+
children,
|
|
219
|
+
containerRef
|
|
220
|
+
}) {
|
|
221
|
+
return jsx("div", {
|
|
222
|
+
css: [chromelessEditorStyles, maxHeight &&
|
|
223
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
224
|
+
css({
|
|
225
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
226
|
+
maxHeight: `${maxHeight}px`
|
|
227
|
+
}),
|
|
228
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
229
|
+
css({
|
|
230
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
231
|
+
minHeight: `${minHeight}px`
|
|
232
|
+
})],
|
|
233
|
+
"data-testid": "chromeless-editor",
|
|
234
|
+
id: "chromeless-editor",
|
|
235
|
+
ref: containerRef
|
|
236
|
+
}, children);
|
|
237
|
+
}
|
|
238
|
+
export const ChromelessEditorContainer = componentWithCondition(() => expValEquals('platform_editor_core_static_emotion', 'isEnabled', true), ChromelessEditorContainerNext, ChromelessEditorContainerOld);
|
|
@@ -38,7 +38,7 @@ const scrollStyles = css({
|
|
|
38
38
|
scrollbarStyles);
|
|
39
39
|
|
|
40
40
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
41
|
-
const ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
41
|
+
export const ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
42
42
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
43
43
|
const EditorContainer = componentWithCondition(() => editorExperiment('platform_editor_core_static_emotion', true, {
|
|
44
44
|
exposure: true
|
|
@@ -4,10 +4,6 @@ import { css } from '@emotion/react';
|
|
|
4
4
|
export const scrollbarStyles = css({
|
|
5
5
|
'-ms-overflow-style': '-ms-autohiding-scrollbar',
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
7
|
-
'&::-webkit-scrollbar': {
|
|
8
|
-
overflow: 'hidden'
|
|
9
|
-
},
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
11
7
|
'&::-webkit-scrollbar-corner': {
|
|
12
8
|
display: 'none'
|
|
13
9
|
},
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "207.19.
|
|
2
|
+
export const version = "207.19.6";
|
|
@@ -18,6 +18,7 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atl
|
|
|
18
18
|
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
|
|
19
19
|
import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
|
|
20
20
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
|
|
21
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
21
22
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
22
23
|
import { createEditorContentStyle } from '../ContentStyles';
|
|
23
24
|
import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
|
|
@@ -26,10 +27,6 @@ import WithFlash from '../WithFlash';
|
|
|
26
27
|
var scrollbarStylesNew = css({
|
|
27
28
|
'-ms-overflow-style': '-ms-autohiding-scrollbar',
|
|
28
29
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
29
|
-
'&::-webkit-scrollbar': {
|
|
30
|
-
overflow: 'hidden'
|
|
31
|
-
},
|
|
32
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
33
30
|
'&::-webkit-scrollbar-corner': {
|
|
34
31
|
display: 'none'
|
|
35
32
|
},
|
|
@@ -147,29 +144,14 @@ var Editor = /*#__PURE__*/function (_React$Component) {
|
|
|
147
144
|
var editorViewMode = useEditorViewModePluginState(_this.props.editorAPI);
|
|
148
145
|
return jsx(WithFlash, {
|
|
149
146
|
animate: maxContentSizeReached
|
|
150
|
-
}, jsx(
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
}) && scrollbarStylesNew, maxHeight &&
|
|
156
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
157
|
-
css({
|
|
158
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
159
|
-
maxHeight: "".concat(maxHeight, "px")
|
|
160
|
-
}),
|
|
161
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
162
|
-
css({
|
|
163
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
164
|
-
minHeight: "".concat(minHeight, "px")
|
|
165
|
-
})],
|
|
166
|
-
"data-testid": "chromeless-editor",
|
|
167
|
-
id: "chromeless-editor",
|
|
168
|
-
ref: function ref(_ref2) {
|
|
169
|
-
return _this.containerElement = _ref2;
|
|
147
|
+
}, jsx(ChromelessEditorContainer, {
|
|
148
|
+
maxHeight: maxHeight,
|
|
149
|
+
minHeight: minHeight,
|
|
150
|
+
containerRef: function containerRef(ref) {
|
|
151
|
+
return _this.containerElement = ref;
|
|
170
152
|
}
|
|
171
153
|
}, jsx(EditorContainer
|
|
172
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
154
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
173
155
|
, {
|
|
174
156
|
className: "ak-editor-content-area",
|
|
175
157
|
featureFlags: featureFlags,
|
|
@@ -221,12 +203,53 @@ var useMaxContentSizePluginState = sharedPluginStateHookMigratorFactory(function
|
|
|
221
203
|
}
|
|
222
204
|
};
|
|
223
205
|
});
|
|
224
|
-
function RenderWithPluginState(
|
|
225
|
-
var renderChrome =
|
|
226
|
-
editorAPI =
|
|
206
|
+
function RenderWithPluginState(_ref2) {
|
|
207
|
+
var renderChrome = _ref2.renderChrome,
|
|
208
|
+
editorAPI = _ref2.editorAPI;
|
|
227
209
|
var _useMaxContentSizePlu = useMaxContentSizePluginState(editorAPI),
|
|
228
210
|
maxContentSizeState = _useMaxContentSizePlu.maxContentSizeState;
|
|
229
211
|
return jsx(Fragment, null, renderChrome({
|
|
230
212
|
maxContentSize: maxContentSizeState
|
|
231
213
|
}));
|
|
232
|
-
}
|
|
214
|
+
}
|
|
215
|
+
function ChromelessEditorContainerNext(_ref3) {
|
|
216
|
+
var maxHeight = _ref3.maxHeight,
|
|
217
|
+
minHeight = _ref3.minHeight,
|
|
218
|
+
children = _ref3.children,
|
|
219
|
+
containerRef = _ref3.containerRef;
|
|
220
|
+
return jsx("div", {
|
|
221
|
+
css: [chromelessEditorStylesNew, scrollbarStylesNew],
|
|
222
|
+
style: {
|
|
223
|
+
maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
|
|
224
|
+
minHeight: "".concat(minHeight, "px")
|
|
225
|
+
},
|
|
226
|
+
"data-testid": "chromeless-editor",
|
|
227
|
+
id: "chromeless-editor",
|
|
228
|
+
ref: containerRef
|
|
229
|
+
}, children);
|
|
230
|
+
}
|
|
231
|
+
function ChromelessEditorContainerOld(_ref4) {
|
|
232
|
+
var maxHeight = _ref4.maxHeight,
|
|
233
|
+
minHeight = _ref4.minHeight,
|
|
234
|
+
children = _ref4.children,
|
|
235
|
+
containerRef = _ref4.containerRef;
|
|
236
|
+
return jsx("div", {
|
|
237
|
+
css: [chromelessEditorStyles, maxHeight &&
|
|
238
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
239
|
+
css({
|
|
240
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
241
|
+
maxHeight: "".concat(maxHeight, "px")
|
|
242
|
+
}),
|
|
243
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
244
|
+
css({
|
|
245
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
246
|
+
minHeight: "".concat(minHeight, "px")
|
|
247
|
+
})],
|
|
248
|
+
"data-testid": "chromeless-editor",
|
|
249
|
+
id: "chromeless-editor",
|
|
250
|
+
ref: containerRef
|
|
251
|
+
}, children);
|
|
252
|
+
}
|
|
253
|
+
export var ChromelessEditorContainer = componentWithCondition(function () {
|
|
254
|
+
return expValEquals('platform_editor_core_static_emotion', 'isEnabled', true);
|
|
255
|
+
}, ChromelessEditorContainerNext, ChromelessEditorContainerOld);
|
|
@@ -39,7 +39,7 @@ var scrollStyles = css({
|
|
|
39
39
|
scrollbarStyles);
|
|
40
40
|
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
42
|
-
var ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
42
|
+
export var ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
43
43
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
44
44
|
var EditorContainer = componentWithCondition(function () {
|
|
45
45
|
return editorExperiment('platform_editor_core_static_emotion', true, {
|
|
@@ -4,10 +4,6 @@ import { css } from '@emotion/react';
|
|
|
4
4
|
export var scrollbarStyles = css({
|
|
5
5
|
'-ms-overflow-style': '-ms-autohiding-scrollbar',
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
7
|
-
'&::-webkit-scrollbar': {
|
|
8
|
-
overflow: 'hidden'
|
|
9
|
-
},
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
11
7
|
'&::-webkit-scrollbar-corner': {
|
|
12
8
|
display: 'none'
|
|
13
9
|
},
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "207.19.
|
|
2
|
+
export var version = "207.19.6";
|
|
@@ -32,4 +32,11 @@ export default class Editor extends React.Component<AppearanceProps> {
|
|
|
32
32
|
private renderChrome;
|
|
33
33
|
render(): jsx.JSX.Element;
|
|
34
34
|
}
|
|
35
|
+
interface ChromelessEditorContainerProps {
|
|
36
|
+
maxHeight?: number;
|
|
37
|
+
minHeight: number;
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
containerRef?: (ref: HTMLElement | null) => void;
|
|
40
|
+
}
|
|
41
|
+
export declare const ChromelessEditorContainer: React.FC<ChromelessEditorContainerProps>;
|
|
35
42
|
export {};
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import type { ReactElement } from 'react';
|
|
6
6
|
import React from 'react';
|
|
7
|
+
import { type Theme } from '@emotion/react';
|
|
7
8
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
8
9
|
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
9
10
|
import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
|
|
@@ -40,6 +41,15 @@ interface FullPageEditorContentAreaProps {
|
|
|
40
41
|
}
|
|
41
42
|
export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
|
|
42
43
|
export declare const EDITOR_CONTAINER = "ak-editor-container";
|
|
44
|
+
export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
|
|
45
|
+
theme?: Theme | undefined;
|
|
46
|
+
colorMode?: "light" | "dark" | undefined;
|
|
47
|
+
featureFlags?: FeatureFlags | undefined;
|
|
48
|
+
viewMode?: "edit" | "view" | undefined;
|
|
49
|
+
typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
|
|
50
|
+
isScrollable?: boolean | undefined;
|
|
51
|
+
appearance?: EditorAppearance | undefined;
|
|
52
|
+
} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
53
|
export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
|
|
44
54
|
WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
|
|
45
55
|
};
|
|
@@ -32,4 +32,11 @@ export default class Editor extends React.Component<AppearanceProps> {
|
|
|
32
32
|
private renderChrome;
|
|
33
33
|
render(): jsx.JSX.Element;
|
|
34
34
|
}
|
|
35
|
+
interface ChromelessEditorContainerProps {
|
|
36
|
+
maxHeight?: number;
|
|
37
|
+
minHeight: number;
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
containerRef?: (ref: HTMLElement | null) => void;
|
|
40
|
+
}
|
|
41
|
+
export declare const ChromelessEditorContainer: React.FC<ChromelessEditorContainerProps>;
|
|
35
42
|
export {};
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import type { ReactElement } from 'react';
|
|
6
6
|
import React from 'react';
|
|
7
|
+
import { type Theme } from '@emotion/react';
|
|
7
8
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
8
9
|
import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
9
10
|
import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
|
|
@@ -42,6 +43,15 @@ interface FullPageEditorContentAreaProps {
|
|
|
42
43
|
}
|
|
43
44
|
export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
|
|
44
45
|
export declare const EDITOR_CONTAINER = "ak-editor-container";
|
|
46
|
+
export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
|
|
47
|
+
theme?: Theme | undefined;
|
|
48
|
+
colorMode?: "light" | "dark" | undefined;
|
|
49
|
+
featureFlags?: FeatureFlags | undefined;
|
|
50
|
+
viewMode?: "edit" | "view" | undefined;
|
|
51
|
+
typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
|
|
52
|
+
isScrollable?: boolean | undefined;
|
|
53
|
+
appearance?: EditorAppearance | undefined;
|
|
54
|
+
} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
55
|
export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
|
|
46
56
|
WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
|
|
47
57
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "207.19.
|
|
3
|
+
"version": "207.19.6",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -471,10 +471,6 @@
|
|
|
471
471
|
"type": "boolean",
|
|
472
472
|
"referenceOnly": true
|
|
473
473
|
},
|
|
474
|
-
"platform_editor_controls_patch_2": {
|
|
475
|
-
"type": "boolean",
|
|
476
|
-
"referenceOnly": true
|
|
477
|
-
},
|
|
478
474
|
"platform_editor_quick_insert_placeholder": {
|
|
479
475
|
"type": "boolean"
|
|
480
476
|
},
|
|
@@ -538,10 +534,6 @@
|
|
|
538
534
|
"type": "boolean",
|
|
539
535
|
"referenceOnly": true
|
|
540
536
|
},
|
|
541
|
-
"platform_editor_controls_patch_4": {
|
|
542
|
-
"type": "boolean",
|
|
543
|
-
"referenceOnly": true
|
|
544
|
-
},
|
|
545
537
|
"platform_editor_user_intent_plugin": {
|
|
546
538
|
"type": "boolean",
|
|
547
539
|
"referenceOnly": true
|
|
@@ -556,6 +548,26 @@
|
|
|
556
548
|
"type": "boolean",
|
|
557
549
|
"referenceOnly": true
|
|
558
550
|
},
|
|
551
|
+
"platform_editor_controls_increase_full_page_gutter": {
|
|
552
|
+
"type": "boolean",
|
|
553
|
+
"referenceOnly": true
|
|
554
|
+
},
|
|
555
|
+
"platform_editor_controls_patch_2": {
|
|
556
|
+
"type": "boolean",
|
|
557
|
+
"referenceOnly": true
|
|
558
|
+
},
|
|
559
|
+
"platform_editor_controls_patch_3": {
|
|
560
|
+
"type": "boolean",
|
|
561
|
+
"referenceOnly": true
|
|
562
|
+
},
|
|
563
|
+
"platform_editor_controls_patch_4": {
|
|
564
|
+
"type": "boolean",
|
|
565
|
+
"referenceOnly": true
|
|
566
|
+
},
|
|
567
|
+
"platform_editor_controls_patch_5": {
|
|
568
|
+
"type": "boolean",
|
|
569
|
+
"referenceOnly": true
|
|
570
|
+
},
|
|
559
571
|
"platform_editor_controls_patch_6": {
|
|
560
572
|
"type": "boolean",
|
|
561
573
|
"referenceOnly": true
|
|
@@ -564,6 +576,30 @@
|
|
|
564
576
|
"type": "boolean",
|
|
565
577
|
"referenceOnly": true
|
|
566
578
|
},
|
|
579
|
+
"platform_editor_controls_patch_8": {
|
|
580
|
+
"type": "boolean",
|
|
581
|
+
"referenceOnly": true
|
|
582
|
+
},
|
|
583
|
+
"platform_editor_controls_patch_9": {
|
|
584
|
+
"type": "boolean",
|
|
585
|
+
"referenceOnly": true
|
|
586
|
+
},
|
|
587
|
+
"platform_editor_controls_patch_10": {
|
|
588
|
+
"type": "boolean",
|
|
589
|
+
"referenceOnly": true
|
|
590
|
+
},
|
|
591
|
+
"platform_editor_controls_patch_11": {
|
|
592
|
+
"type": "boolean",
|
|
593
|
+
"referenceOnly": true
|
|
594
|
+
},
|
|
595
|
+
"platform_editor_controls_patch_12": {
|
|
596
|
+
"type": "boolean",
|
|
597
|
+
"referenceOnly": true
|
|
598
|
+
},
|
|
599
|
+
"platform_editor_controls_patch_13": {
|
|
600
|
+
"type": "boolean",
|
|
601
|
+
"referenceOnly": true
|
|
602
|
+
},
|
|
567
603
|
"platform_editor_hyperlink_underline": {
|
|
568
604
|
"type": "boolean",
|
|
569
605
|
"referenceOnly": true
|