@atlaskit/editor-core 193.6.6 → 193.7.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 +6 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +9 -2
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +0 -9
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +4 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +10 -2
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +2 -2
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +0 -10
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +3 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +9 -2
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +2 -2
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +0 -9
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +3 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-preset.d.ts +7 -5
- package/dist/types/presets/universal.d.ts +7 -5
- package/dist/types/presets/useUniversalPreset.d.ts +7 -5
- package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts +1 -0
- package/dist/types/ui/Appearance/FullPage/FullPageToolbar.d.ts +1 -1
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -0
- package/dist/types-ts4.5/create-editor/create-preset.d.ts +8 -5
- package/dist/types-ts4.5/presets/universal.d.ts +8 -5
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +8 -5
- package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts +1 -0
- package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageToolbar.d.ts +1 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -0
- package/package.json +19 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 193.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#80872](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80872) [`ac1638d405c5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ac1638d405c5) - [ux] update height of editor content when in view mode to account for hidden toolbar
|
|
8
|
+
|
|
3
9
|
## 193.6.6
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -9,8 +9,10 @@ exports.FullPageEditor = void 0;
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
+
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
12
13
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
13
14
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
15
|
+
var _context = require("../../../presets/context");
|
|
14
16
|
var _FullPageContentArea = require("./FullPageContentArea");
|
|
15
17
|
var _FullPageToolbar = require("./FullPageToolbar");
|
|
16
18
|
var _StyledComponents = require("./StyledComponents");
|
|
@@ -54,11 +56,15 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
54
56
|
}, [props.innerRef]);
|
|
55
57
|
var scrollContentContainerRef = (0, _react.useRef)(null);
|
|
56
58
|
var showKeyline = useShowKeyline(scrollContentContainerRef);
|
|
59
|
+
var editorAPI = (0, _context.usePresetContext)();
|
|
60
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(editorAPI, ['editorViewMode']),
|
|
61
|
+
editorViewModeState = _useSharedPluginState.editorViewModeState;
|
|
62
|
+
var isEditorToolbarHidden = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
|
|
57
63
|
return (0, _react2.jsx)(_ui.ContextPanelWidthProvider, null, (0, _react2.jsx)("div", {
|
|
58
64
|
css: _StyledComponents.fullPageEditorWrapper,
|
|
59
65
|
className: "akEditor",
|
|
60
66
|
ref: wrapperElementRef
|
|
61
|
-
}, (0, _react2.jsx)(_FullPageToolbar.FullPageToolbar, {
|
|
67
|
+
}, !isEditorToolbarHidden && (0, _react2.jsx)(_FullPageToolbar.FullPageToolbar, {
|
|
62
68
|
appearance: props.appearance,
|
|
63
69
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
64
70
|
collabEdit: props.collabEdit,
|
|
@@ -97,6 +103,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
|
|
|
97
103
|
providerFactory: props.providerFactory,
|
|
98
104
|
wrapperElement: (_wrapperElementRef$cu = wrapperElementRef === null || wrapperElementRef === void 0 ? void 0 : wrapperElementRef.current) !== null && _wrapperElementRef$cu !== void 0 ? _wrapperElementRef$cu : null,
|
|
99
105
|
pluginHooks: props.pluginHooks,
|
|
100
|
-
featureFlags: props.featureFlags
|
|
106
|
+
featureFlags: props.featureFlags,
|
|
107
|
+
isEditorToolbarHidden: isEditorToolbarHidden
|
|
101
108
|
})));
|
|
102
109
|
};
|
|
@@ -41,7 +41,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
41
41
|
var _contentAreaRef$curre;
|
|
42
42
|
var positionedOverEditor = _ref2.positionedOverEditor;
|
|
43
43
|
return (0, _react2.jsx)("div", {
|
|
44
|
-
css: [_StyledComponents.contentArea, positionedOverEditor && _StyledComponents.positionedOverEditorStyle],
|
|
44
|
+
css: [_StyledComponents.contentArea, props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar, positionedOverEditor && _StyledComponents.positionedOverEditorStyle],
|
|
45
45
|
"data-testid": CONTENT_AREA_TEST_ID
|
|
46
46
|
}, (0, _react2.jsx)(_StyledComponents.ScrollContainer, {
|
|
47
47
|
className: "fabric-editor-popup-scroll-parent",
|
|
@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
14
13
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
15
14
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
16
15
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
@@ -29,11 +28,6 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
|
|
|
29
28
|
shouldSplitToolbar = _useState2[0],
|
|
30
29
|
setShouldSplitToolbar = _useState2[1];
|
|
31
30
|
var editorAPI = (0, _context.usePresetContext)();
|
|
32
|
-
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(editorAPI, ['editorViewMode']),
|
|
33
|
-
editorViewModeState = _useSharedPluginState.editorViewModeState;
|
|
34
|
-
|
|
35
|
-
// To check if the page is in viewMode
|
|
36
|
-
var isInViewMode = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
|
|
37
31
|
|
|
38
32
|
// When primary toolbar components is undefined, do not show two line editor toolbar
|
|
39
33
|
var twoLineEditorToolbar = !!props.customPrimaryToolbarComponents && !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar);
|
|
@@ -103,9 +97,6 @@ var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(fun
|
|
|
103
97
|
event.preventDefault();
|
|
104
98
|
event.stopPropagation();
|
|
105
99
|
};
|
|
106
|
-
if (isInViewMode) {
|
|
107
|
-
return null;
|
|
108
|
-
}
|
|
109
100
|
return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
|
|
110
101
|
var contextPanelWidth = _ref.width;
|
|
111
102
|
return (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
|
|
@@ -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.positionedOverEditorStyle = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentArea = exports.ScrollContainer = void 0;
|
|
7
|
+
exports.sidebarArea = exports.positionedOverEditorStyle = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = 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");
|
|
@@ -56,6 +56,9 @@ var contentArea = exports.contentArea = (0, _react.css)({
|
|
|
56
56
|
padding: 0,
|
|
57
57
|
transition: "padding 0ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier)
|
|
58
58
|
});
|
|
59
|
+
var contentAreaHeightNoToolbar = exports.contentAreaHeightNoToolbar = (0, _react.css)({
|
|
60
|
+
height: '100%'
|
|
61
|
+
});
|
|
59
62
|
var sidebarArea = exports.sidebarArea = (0, _react.css)({
|
|
60
63
|
height: '100%',
|
|
61
64
|
boxSizing: 'border-box',
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
4
5
|
import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
|
|
5
6
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
7
|
+
import { usePresetContext } from '../../../presets/context';
|
|
6
8
|
import { FullPageContentArea } from './FullPageContentArea';
|
|
7
9
|
import { FullPageToolbar } from './FullPageToolbar';
|
|
8
10
|
import { fullPageEditorWrapper } from './StyledComponents';
|
|
@@ -35,11 +37,16 @@ export const FullPageEditor = props => {
|
|
|
35
37
|
const wrapperElementRef = useMemo(() => props.innerRef, [props.innerRef]);
|
|
36
38
|
const scrollContentContainerRef = useRef(null);
|
|
37
39
|
const showKeyline = useShowKeyline(scrollContentContainerRef);
|
|
40
|
+
const editorAPI = usePresetContext();
|
|
41
|
+
const {
|
|
42
|
+
editorViewModeState
|
|
43
|
+
} = useSharedPluginState(editorAPI, ['editorViewMode']);
|
|
44
|
+
const isEditorToolbarHidden = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
|
|
38
45
|
return jsx(ContextPanelWidthProvider, null, jsx("div", {
|
|
39
46
|
css: fullPageEditorWrapper,
|
|
40
47
|
className: "akEditor",
|
|
41
48
|
ref: wrapperElementRef
|
|
42
|
-
}, jsx(FullPageToolbar, {
|
|
49
|
+
}, !isEditorToolbarHidden && jsx(FullPageToolbar, {
|
|
43
50
|
appearance: props.appearance,
|
|
44
51
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
45
52
|
collabEdit: props.collabEdit,
|
|
@@ -78,6 +85,7 @@ export const FullPageEditor = props => {
|
|
|
78
85
|
providerFactory: props.providerFactory,
|
|
79
86
|
wrapperElement: (_wrapperElementRef$cu = wrapperElementRef === null || wrapperElementRef === void 0 ? void 0 : wrapperElementRef.current) !== null && _wrapperElementRef$cu !== void 0 ? _wrapperElementRef$cu : null,
|
|
80
87
|
pluginHooks: props.pluginHooks,
|
|
81
|
-
featureFlags: props.featureFlags
|
|
88
|
+
featureFlags: props.featureFlags,
|
|
89
|
+
isEditorToolbarHidden: isEditorToolbarHidden
|
|
82
90
|
})));
|
|
83
91
|
};
|
|
@@ -8,7 +8,7 @@ import { ContextPanelConsumer, WidthConsumer } from '@atlaskit/editor-common/ui'
|
|
|
8
8
|
import { ClickAreaBlock } from '../../Addon';
|
|
9
9
|
import ContextPanel from '../../ContextPanel';
|
|
10
10
|
import PluginSlot from '../../PluginSlot';
|
|
11
|
-
import { contentArea, editorContentAreaStyle, editorContentGutterStyle, positionedOverEditorStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
11
|
+
import { contentArea, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, positionedOverEditorStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
12
12
|
export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
13
13
|
const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
14
14
|
const theme = useTheme();
|
|
@@ -30,7 +30,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
30
30
|
}) => {
|
|
31
31
|
var _contentAreaRef$curre;
|
|
32
32
|
return jsx("div", {
|
|
33
|
-
css: [contentArea, positionedOverEditor && positionedOverEditorStyle],
|
|
33
|
+
css: [contentArea, props.isEditorToolbarHidden && contentAreaHeightNoToolbar, positionedOverEditor && positionedOverEditorStyle],
|
|
34
34
|
"data-testid": CONTENT_AREA_TEST_ID
|
|
35
35
|
}, jsx(ScrollContainer, {
|
|
36
36
|
className: "fabric-editor-popup-scroll-parent",
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { jsx } from '@emotion/react';
|
|
5
5
|
import { injectIntl } from 'react-intl-next';
|
|
6
|
-
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
7
6
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
8
7
|
import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
|
|
9
8
|
import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
|
|
@@ -15,12 +14,6 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
|
|
|
15
14
|
var _props$featureFlags, _props$customPrimaryT, _props$featureFlags2, _props$featureFlags3, _editorAPI$avatarGrou, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
|
|
16
15
|
const [shouldSplitToolbar, setShouldSplitToolbar] = useState(false);
|
|
17
16
|
const editorAPI = usePresetContext();
|
|
18
|
-
const {
|
|
19
|
-
editorViewModeState
|
|
20
|
-
} = useSharedPluginState(editorAPI, ['editorViewMode']);
|
|
21
|
-
|
|
22
|
-
// To check if the page is in viewMode
|
|
23
|
-
const isInViewMode = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
|
|
24
17
|
|
|
25
18
|
// When primary toolbar components is undefined, do not show two line editor toolbar
|
|
26
19
|
const twoLineEditorToolbar = !!props.customPrimaryToolbarComponents && !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar);
|
|
@@ -88,9 +81,6 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
|
|
|
88
81
|
event.preventDefault();
|
|
89
82
|
event.stopPropagation();
|
|
90
83
|
};
|
|
91
|
-
if (isInViewMode) {
|
|
92
|
-
return null;
|
|
93
|
-
}
|
|
94
84
|
return jsx(ContextPanelConsumer, null, ({
|
|
95
85
|
width: contextPanelWidth
|
|
96
86
|
}) => jsx(ToolbarArrowKeyNavigationProvider, {
|
|
@@ -47,6 +47,9 @@ export const contentArea = css({
|
|
|
47
47
|
padding: 0,
|
|
48
48
|
transition: `padding 0ms ${akEditorSwoopCubicBezier}`
|
|
49
49
|
});
|
|
50
|
+
export const contentAreaHeightNoToolbar = css({
|
|
51
|
+
height: '100%'
|
|
52
|
+
});
|
|
50
53
|
export const sidebarArea = css({
|
|
51
54
|
height: '100%',
|
|
52
55
|
boxSizing: 'border-box',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "193.
|
|
2
|
+
export const version = "193.7.0";
|
|
@@ -2,8 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
/** @jsx jsx */
|
|
3
3
|
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { jsx } from '@emotion/react';
|
|
5
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
5
6
|
import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
|
|
6
7
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
8
|
+
import { usePresetContext } from '../../../presets/context';
|
|
7
9
|
import { FullPageContentArea } from './FullPageContentArea';
|
|
8
10
|
import { FullPageToolbar } from './FullPageToolbar';
|
|
9
11
|
import { fullPageEditorWrapper } from './StyledComponents';
|
|
@@ -43,11 +45,15 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
43
45
|
}, [props.innerRef]);
|
|
44
46
|
var scrollContentContainerRef = useRef(null);
|
|
45
47
|
var showKeyline = useShowKeyline(scrollContentContainerRef);
|
|
48
|
+
var editorAPI = usePresetContext();
|
|
49
|
+
var _useSharedPluginState = useSharedPluginState(editorAPI, ['editorViewMode']),
|
|
50
|
+
editorViewModeState = _useSharedPluginState.editorViewModeState;
|
|
51
|
+
var isEditorToolbarHidden = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
|
|
46
52
|
return jsx(ContextPanelWidthProvider, null, jsx("div", {
|
|
47
53
|
css: fullPageEditorWrapper,
|
|
48
54
|
className: "akEditor",
|
|
49
55
|
ref: wrapperElementRef
|
|
50
|
-
}, jsx(FullPageToolbar, {
|
|
56
|
+
}, !isEditorToolbarHidden && jsx(FullPageToolbar, {
|
|
51
57
|
appearance: props.appearance,
|
|
52
58
|
beforeIcon: props.primaryToolbarIconBefore,
|
|
53
59
|
collabEdit: props.collabEdit,
|
|
@@ -86,6 +92,7 @@ export var FullPageEditor = function FullPageEditor(props) {
|
|
|
86
92
|
providerFactory: props.providerFactory,
|
|
87
93
|
wrapperElement: (_wrapperElementRef$cu = wrapperElementRef === null || wrapperElementRef === void 0 ? void 0 : wrapperElementRef.current) !== null && _wrapperElementRef$cu !== void 0 ? _wrapperElementRef$cu : null,
|
|
88
94
|
pluginHooks: props.pluginHooks,
|
|
89
|
-
featureFlags: props.featureFlags
|
|
95
|
+
featureFlags: props.featureFlags,
|
|
96
|
+
isEditorToolbarHidden: isEditorToolbarHidden
|
|
90
97
|
})));
|
|
91
98
|
};
|
|
@@ -8,7 +8,7 @@ import { ContextPanelConsumer, WidthConsumer } from '@atlaskit/editor-common/ui'
|
|
|
8
8
|
import { ClickAreaBlock } from '../../Addon';
|
|
9
9
|
import ContextPanel from '../../ContextPanel';
|
|
10
10
|
import PluginSlot from '../../PluginSlot';
|
|
11
|
-
import { contentArea, editorContentAreaStyle, editorContentGutterStyle, positionedOverEditorStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
11
|
+
import { contentArea, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, positionedOverEditorStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
12
12
|
export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
13
13
|
var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
14
14
|
var theme = useTheme();
|
|
@@ -31,7 +31,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
31
31
|
var _contentAreaRef$curre;
|
|
32
32
|
var positionedOverEditor = _ref2.positionedOverEditor;
|
|
33
33
|
return jsx("div", {
|
|
34
|
-
css: [contentArea, positionedOverEditor && positionedOverEditorStyle],
|
|
34
|
+
css: [contentArea, props.isEditorToolbarHidden && contentAreaHeightNoToolbar, positionedOverEditor && positionedOverEditorStyle],
|
|
35
35
|
"data-testid": CONTENT_AREA_TEST_ID
|
|
36
36
|
}, jsx(ScrollContainer, {
|
|
37
37
|
className: "fabric-editor-popup-scroll-parent",
|
|
@@ -4,7 +4,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
4
4
|
import React, { useEffect, useState } from 'react';
|
|
5
5
|
import { jsx } from '@emotion/react';
|
|
6
6
|
import { injectIntl } from 'react-intl-next';
|
|
7
|
-
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
8
7
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
9
8
|
import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
|
|
10
9
|
import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
|
|
@@ -19,11 +18,6 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
|
|
|
19
18
|
shouldSplitToolbar = _useState2[0],
|
|
20
19
|
setShouldSplitToolbar = _useState2[1];
|
|
21
20
|
var editorAPI = usePresetContext();
|
|
22
|
-
var _useSharedPluginState = useSharedPluginState(editorAPI, ['editorViewMode']),
|
|
23
|
-
editorViewModeState = _useSharedPluginState.editorViewModeState;
|
|
24
|
-
|
|
25
|
-
// To check if the page is in viewMode
|
|
26
|
-
var isInViewMode = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view';
|
|
27
21
|
|
|
28
22
|
// When primary toolbar components is undefined, do not show two line editor toolbar
|
|
29
23
|
var twoLineEditorToolbar = !!props.customPrimaryToolbarComponents && !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar);
|
|
@@ -93,9 +87,6 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
|
|
|
93
87
|
event.preventDefault();
|
|
94
88
|
event.stopPropagation();
|
|
95
89
|
};
|
|
96
|
-
if (isInViewMode) {
|
|
97
|
-
return null;
|
|
98
|
-
}
|
|
99
90
|
return jsx(ContextPanelConsumer, null, function (_ref) {
|
|
100
91
|
var contextPanelWidth = _ref.width;
|
|
101
92
|
return jsx(ToolbarArrowKeyNavigationProvider, {
|
|
@@ -49,6 +49,9 @@ export var contentArea = css({
|
|
|
49
49
|
padding: 0,
|
|
50
50
|
transition: "padding 0ms ".concat(akEditorSwoopCubicBezier)
|
|
51
51
|
});
|
|
52
|
+
export var contentAreaHeightNoToolbar = css({
|
|
53
|
+
height: '100%'
|
|
54
|
+
});
|
|
52
55
|
export var sidebarArea = css({
|
|
53
56
|
height: '100%',
|
|
54
57
|
boxSizing: 'border-box',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "193.
|
|
2
|
+
export var version = "193.7.0";
|
|
@@ -1967,10 +1967,7 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
1967
1967
|
actions: {
|
|
1968
1968
|
insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
|
|
1969
1969
|
};
|
|
1970
|
-
sharedState
|
|
1971
|
-
isFullWidthModeEnabled: boolean;
|
|
1972
|
-
wasFullWidthModeEnabled: boolean;
|
|
1973
|
-
};
|
|
1970
|
+
sharedState?: import("@atlaskit/editor-plugins/table/types").TableSharedState | undefined;
|
|
1974
1971
|
commands: {
|
|
1975
1972
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
1976
1973
|
};
|
|
@@ -2018,7 +2015,12 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2018
2015
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2019
2016
|
};
|
|
2020
2017
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2021
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined
|
|
2018
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2019
|
+
pluginConfiguration: any;
|
|
2020
|
+
dependencies: any;
|
|
2021
|
+
sharedState: any;
|
|
2022
|
+
actions: any;
|
|
2023
|
+
}, any>>];
|
|
2022
2024
|
}, import("@atlaskit/editor-plugin-table").TablePluginOptions | undefined>>, import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"emoji", {
|
|
2023
2025
|
pluginConfiguration: import("@atlaskit/editor-plugin-emoji").EmojiPluginOptions | undefined;
|
|
2024
2026
|
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
@@ -1984,10 +1984,7 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
1984
1984
|
actions: {
|
|
1985
1985
|
insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
|
|
1986
1986
|
};
|
|
1987
|
-
sharedState
|
|
1988
|
-
isFullWidthModeEnabled: boolean;
|
|
1989
|
-
wasFullWidthModeEnabled: boolean;
|
|
1990
|
-
};
|
|
1987
|
+
sharedState?: import("@atlaskit/editor-plugins/table/types").TableSharedState | undefined;
|
|
1991
1988
|
commands: {
|
|
1992
1989
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
1993
1990
|
};
|
|
@@ -2035,7 +2032,12 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2035
2032
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2036
2033
|
};
|
|
2037
2034
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2038
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined
|
|
2035
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2036
|
+
pluginConfiguration: any;
|
|
2037
|
+
dependencies: any;
|
|
2038
|
+
sharedState: any;
|
|
2039
|
+
actions: any;
|
|
2040
|
+
}, any>>];
|
|
2039
2041
|
}, import("@atlaskit/editor-plugins/table").TablePluginOptions | undefined>>, import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"emoji", {
|
|
2040
2042
|
pluginConfiguration: import("@atlaskit/editor-plugins/emoji").EmojiPluginOptions | undefined;
|
|
2041
2043
|
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
@@ -1970,10 +1970,7 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
1970
1970
|
actions: {
|
|
1971
1971
|
insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
|
|
1972
1972
|
};
|
|
1973
|
-
sharedState
|
|
1974
|
-
isFullWidthModeEnabled: boolean;
|
|
1975
|
-
wasFullWidthModeEnabled: boolean;
|
|
1976
|
-
};
|
|
1973
|
+
sharedState?: import("@atlaskit/editor-plugins/table/types").TableSharedState | undefined;
|
|
1977
1974
|
commands: {
|
|
1978
1975
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
1979
1976
|
};
|
|
@@ -2021,7 +2018,12 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2021
2018
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2022
2019
|
};
|
|
2023
2020
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2024
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined
|
|
2021
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"media", {
|
|
2022
|
+
pluginConfiguration: any;
|
|
2023
|
+
dependencies: any;
|
|
2024
|
+
sharedState: any;
|
|
2025
|
+
actions: any;
|
|
2026
|
+
}, any>>];
|
|
2025
2027
|
}, import("@atlaskit/editor-plugin-table").TablePluginOptions | undefined>>, import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"emoji", {
|
|
2026
2028
|
pluginConfiguration: import("@atlaskit/editor-plugin-emoji").EmojiPluginOptions | undefined;
|
|
2027
2029
|
dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"analytics", {
|
|
@@ -28,6 +28,7 @@ interface FullPageEditorContentAreaProps {
|
|
|
28
28
|
providerFactory: ProviderFactory;
|
|
29
29
|
wrapperElement: HTMLElement | null;
|
|
30
30
|
featureFlags?: FeatureFlags;
|
|
31
|
+
isEditorToolbarHidden?: boolean;
|
|
31
32
|
}
|
|
32
33
|
export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
|
|
33
34
|
type ScrollContainerRefs = {
|
|
@@ -33,7 +33,7 @@ export interface FullPageToolbarProps {
|
|
|
33
33
|
featureFlags: FeatureFlags;
|
|
34
34
|
hideAvatarGroup?: boolean;
|
|
35
35
|
}
|
|
36
|
-
export declare const EditorToolbar: React.MemoExoticComponent<(props: FullPageToolbarProps & WrappedComponentProps) => jsx.JSX.Element
|
|
36
|
+
export declare const EditorToolbar: React.MemoExoticComponent<(props: FullPageToolbarProps & WrappedComponentProps) => jsx.JSX.Element>;
|
|
37
37
|
export declare const FullPageToolbar: React.FC<import("react-intl-next").WithIntlProps<FullPageToolbarProps & WrappedComponentProps>> & {
|
|
38
38
|
WrappedComponent: React.ComponentType<FullPageToolbarProps & WrappedComponentProps>;
|
|
39
39
|
};
|
|
@@ -9,6 +9,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
9
9
|
} | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const positionedOverEditorStyle: import("@emotion/react").SerializedStyles;
|
|
11
11
|
export declare const contentArea: import("@emotion/react").SerializedStyles;
|
|
12
|
+
export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;
|
|
12
13
|
export declare const sidebarArea: import("@emotion/react").SerializedStyles;
|
|
13
14
|
export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;
|
|
14
15
|
export declare const editorContentAreaStyle: ({ layoutMaxWidth, fullWidthMode, containerWidth, }: {
|
|
@@ -2470,10 +2470,7 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2470
2470
|
actions: {
|
|
2471
2471
|
insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
|
|
2472
2472
|
};
|
|
2473
|
-
sharedState
|
|
2474
|
-
isFullWidthModeEnabled: boolean;
|
|
2475
|
-
wasFullWidthModeEnabled: boolean;
|
|
2476
|
-
};
|
|
2473
|
+
sharedState?: import("@atlaskit/editor-plugins/table/types").TableSharedState | undefined;
|
|
2477
2474
|
commands: {
|
|
2478
2475
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2479
2476
|
};
|
|
@@ -2534,7 +2531,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2534
2531
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2535
2532
|
};
|
|
2536
2533
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2537
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined
|
|
2534
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>,
|
|
2535
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2536
|
+
pluginConfiguration: any;
|
|
2537
|
+
dependencies: any;
|
|
2538
|
+
sharedState: any;
|
|
2539
|
+
actions: any;
|
|
2540
|
+
}, any>>
|
|
2538
2541
|
];
|
|
2539
2542
|
}, import("@atlaskit/editor-plugin-table").TablePluginOptions | undefined>>,
|
|
2540
2543
|
import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"emoji", {
|
|
@@ -2487,10 +2487,7 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2487
2487
|
actions: {
|
|
2488
2488
|
insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
|
|
2489
2489
|
};
|
|
2490
|
-
sharedState
|
|
2491
|
-
isFullWidthModeEnabled: boolean;
|
|
2492
|
-
wasFullWidthModeEnabled: boolean;
|
|
2493
|
-
};
|
|
2490
|
+
sharedState?: import("@atlaskit/editor-plugins/table/types").TableSharedState | undefined;
|
|
2494
2491
|
commands: {
|
|
2495
2492
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2496
2493
|
};
|
|
@@ -2551,7 +2548,13 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2551
2548
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2552
2549
|
};
|
|
2553
2550
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2554
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined
|
|
2551
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>,
|
|
2552
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2553
|
+
pluginConfiguration: any;
|
|
2554
|
+
dependencies: any;
|
|
2555
|
+
sharedState: any;
|
|
2556
|
+
actions: any;
|
|
2557
|
+
}, any>>
|
|
2555
2558
|
];
|
|
2556
2559
|
}, import("@atlaskit/editor-plugins/table").TablePluginOptions | undefined>>,
|
|
2557
2560
|
import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"emoji", {
|
|
@@ -2473,10 +2473,7 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2473
2473
|
actions: {
|
|
2474
2474
|
insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload) => import("@atlaskit/editor-common/types").Command;
|
|
2475
2475
|
};
|
|
2476
|
-
sharedState
|
|
2477
|
-
isFullWidthModeEnabled: boolean;
|
|
2478
|
-
wasFullWidthModeEnabled: boolean;
|
|
2479
|
-
};
|
|
2476
|
+
sharedState?: import("@atlaskit/editor-plugins/table/types").TableSharedState | undefined;
|
|
2480
2477
|
commands: {
|
|
2481
2478
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2482
2479
|
};
|
|
@@ -2537,7 +2534,13 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2537
2534
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2538
2535
|
};
|
|
2539
2536
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2540
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined
|
|
2537
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>,
|
|
2538
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"media", {
|
|
2539
|
+
pluginConfiguration: any;
|
|
2540
|
+
dependencies: any;
|
|
2541
|
+
sharedState: any;
|
|
2542
|
+
actions: any;
|
|
2543
|
+
}, any>>
|
|
2541
2544
|
];
|
|
2542
2545
|
}, import("@atlaskit/editor-plugin-table").TablePluginOptions | undefined>>,
|
|
2543
2546
|
import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"emoji", {
|
|
@@ -28,6 +28,7 @@ interface FullPageEditorContentAreaProps {
|
|
|
28
28
|
providerFactory: ProviderFactory;
|
|
29
29
|
wrapperElement: HTMLElement | null;
|
|
30
30
|
featureFlags?: FeatureFlags;
|
|
31
|
+
isEditorToolbarHidden?: boolean;
|
|
31
32
|
}
|
|
32
33
|
export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
|
|
33
34
|
type ScrollContainerRefs = {
|
|
@@ -33,7 +33,7 @@ export interface FullPageToolbarProps {
|
|
|
33
33
|
featureFlags: FeatureFlags;
|
|
34
34
|
hideAvatarGroup?: boolean;
|
|
35
35
|
}
|
|
36
|
-
export declare const EditorToolbar: React.MemoExoticComponent<(props: FullPageToolbarProps & WrappedComponentProps) => jsx.JSX.Element
|
|
36
|
+
export declare const EditorToolbar: React.MemoExoticComponent<(props: FullPageToolbarProps & WrappedComponentProps) => jsx.JSX.Element>;
|
|
37
37
|
export declare const FullPageToolbar: React.FC<import("react-intl-next").WithIntlProps<FullPageToolbarProps & WrappedComponentProps>> & {
|
|
38
38
|
WrappedComponent: React.ComponentType<FullPageToolbarProps & WrappedComponentProps>;
|
|
39
39
|
};
|
|
@@ -9,6 +9,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
9
9
|
} | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const positionedOverEditorStyle: import("@emotion/react").SerializedStyles;
|
|
11
11
|
export declare const contentArea: import("@emotion/react").SerializedStyles;
|
|
12
|
+
export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;
|
|
12
13
|
export declare const sidebarArea: import("@emotion/react").SerializedStyles;
|
|
13
14
|
export declare const editorContentAreaHideContainer: import("@emotion/react").SerializedStyles;
|
|
14
15
|
export declare const editorContentAreaStyle: ({ layoutMaxWidth, fullWidthMode, containerWidth, }: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "193.
|
|
3
|
+
"version": "193.7.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/analytics-next": "^9.2.0",
|
|
46
46
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
47
47
|
"@atlaskit/button": "^17.7.0",
|
|
48
|
-
"@atlaskit/editor-common": "^78.
|
|
48
|
+
"@atlaskit/editor-common": "^78.21.0",
|
|
49
49
|
"@atlaskit/editor-json-transformer": "^8.10.0",
|
|
50
50
|
"@atlaskit/editor-plugins": "^1.9.0",
|
|
51
51
|
"@atlaskit/editor-prosemirror": "3.0.0",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
58
58
|
"@atlaskit/spinner": "^16.0.0",
|
|
59
59
|
"@atlaskit/task-decision": "^17.9.0",
|
|
60
|
-
"@atlaskit/theme": "^12.
|
|
60
|
+
"@atlaskit/theme": "^12.7.0",
|
|
61
61
|
"@atlaskit/tokens": "^1.42.0",
|
|
62
62
|
"@atlaskit/tooltip": "^18.1.0",
|
|
63
63
|
"@atlaskit/ufo": "^0.2.0",
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
"@atlaskit/adf-utils": "^19.0.0",
|
|
88
88
|
"@atlaskit/analytics-listeners": "^8.9.1",
|
|
89
89
|
"@atlaskit/checkbox": "^13.1.0",
|
|
90
|
-
"@atlaskit/collab-provider": "9.25.
|
|
90
|
+
"@atlaskit/collab-provider": "9.25.14",
|
|
91
91
|
"@atlaskit/dropdown-menu": "^12.8.0",
|
|
92
|
-
"@atlaskit/editor-plugin-annotation": "1.5.
|
|
92
|
+
"@atlaskit/editor-plugin-annotation": "1.5.2",
|
|
93
93
|
"@atlaskit/editor-plugin-card": "^1.3.0",
|
|
94
94
|
"@atlaskit/editor-plugin-editor-viewmode": "^1.0.0",
|
|
95
95
|
"@atlaskit/editor-plugin-list": "^3.1.5",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"@atlaskit/media-test-helpers": "^33.0.27",
|
|
105
105
|
"@atlaskit/modal-dialog": "^12.10.0",
|
|
106
106
|
"@atlaskit/primitives": "^5.1.0",
|
|
107
|
-
"@atlaskit/renderer": "^109.
|
|
107
|
+
"@atlaskit/renderer": "^109.11.0",
|
|
108
108
|
"@atlaskit/select": "^17.3.0",
|
|
109
109
|
"@atlaskit/smart-card": "^26.50.0",
|
|
110
110
|
"@atlaskit/synchrony-test-helpers": "^2.3.0",
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
115
115
|
"@atlassian/feature-flags-test-utils": "^0.2.0",
|
|
116
116
|
"@atlassian/link-picker-plugins": "^24.0.0",
|
|
117
|
-
"@atlassian/search-provider": "2.4.
|
|
117
|
+
"@atlassian/search-provider": "2.4.43",
|
|
118
118
|
"@atlassian/ufo": "^0.2.0",
|
|
119
119
|
"@emotion/jest": "^11.8.0",
|
|
120
120
|
"@storybook/addon-knobs": "^5.3.18",
|
|
@@ -169,9 +169,17 @@
|
|
|
169
169
|
"type": "boolean",
|
|
170
170
|
"referenceOnly": "true"
|
|
171
171
|
},
|
|
172
|
+
"platform.editor.a11y-table-resizing_uapcv": {
|
|
173
|
+
"type": "boolean",
|
|
174
|
+
"referenceOnly": "true"
|
|
175
|
+
},
|
|
172
176
|
"platform.editor.custom-table-width": {
|
|
173
177
|
"type": "boolean"
|
|
174
178
|
},
|
|
179
|
+
"platform.editor.resizer.prevent-contenteditable": {
|
|
180
|
+
"type": "boolean",
|
|
181
|
+
"referenceOnly": "true"
|
|
182
|
+
},
|
|
175
183
|
"platform.editor.table-sticky-scrollbar": {
|
|
176
184
|
"type": "boolean"
|
|
177
185
|
},
|
|
@@ -263,6 +271,10 @@
|
|
|
263
271
|
"platform.editor.table.cmd-a-select-table": {
|
|
264
272
|
"type": "boolean",
|
|
265
273
|
"referenceOnly": true
|
|
274
|
+
},
|
|
275
|
+
"platform.editor.table.use-shared-state-hook": {
|
|
276
|
+
"type": "boolean",
|
|
277
|
+
"referenceOnly": true
|
|
266
278
|
}
|
|
267
279
|
},
|
|
268
280
|
"stricter": {
|