@atlaskit/editor-core 193.11.9 → 193.11.12
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 +13 -0
- package/dist/cjs/composable-editor/editor.js +3 -1
- package/dist/cjs/create-editor/create-plugins-list.js +3 -1
- package/dist/cjs/ui/Addon/click-area-helper.js +10 -6
- package/dist/cjs/ui/ContentStyles/extension.js +3 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor.js +2 -1
- package/dist/es2019/create-editor/create-plugins-list.js +3 -1
- package/dist/es2019/ui/Addon/click-area-helper.js +11 -6
- package/dist/es2019/ui/ContentStyles/extension.js +2 -14
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor.js +2 -1
- package/dist/esm/create-editor/create-plugins-list.js +3 -1
- package/dist/esm/ui/Addon/click-area-helper.js +11 -6
- package/dist/esm/ui/ContentStyles/extension.js +3 -6
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/composable-editor/editor.d.ts +1 -0
- package/dist/types/create-editor/create-plugins-list.d.ts +1 -1
- package/dist/types/create-editor/create-preset.d.ts +10 -14
- package/dist/types/presets/universal.d.ts +11 -15
- package/dist/types/presets/useUniversalPreset.d.ts +10 -14
- package/dist/types/types/editor-props.d.ts +14 -2
- package/dist/types/ui/Addon/click-area-helper.d.ts +1 -1
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types-ts4.5/composable-editor/editor.d.ts +1 -0
- package/dist/types-ts4.5/create-editor/create-plugins-list.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/create-preset.d.ts +10 -14
- package/dist/types-ts4.5/presets/universal.d.ts +11 -15
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +10 -14
- package/dist/types-ts4.5/types/editor-props.d.ts +14 -2
- package/dist/types-ts4.5/ui/Addon/click-area-helper.d.ts +1 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
- package/docs/0-intro.tsx +1 -1
- package/package.json +7 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 193.11.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#94715](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94715) [`6606b85603b4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6606b85603b4) - [ux] Fixes issue where label hides behind smart link
|
|
8
|
+
- [#92552](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92552) [`7cd874b858c8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cd874b858c8) - Check target elements are actually HTMLElement rather than typecasting.
|
|
9
|
+
|
|
10
|
+
## 193.11.11
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#93867](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93867) [`7cb930d49b08`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cb930d49b08) - Mark placeholder props as deprecated on ComposableEditor as they are no longer used and should be configured via the placeholder plugin.
|
|
15
|
+
|
|
3
16
|
## 193.11.9
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.ComposableEditor = ComposableEditor;
|
|
8
|
+
exports.default = void 0;
|
|
8
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
10
|
var _react = require("react");
|
|
10
11
|
var _react2 = require("@emotion/react");
|
|
@@ -147,4 +148,5 @@ ComposableEditor.propTypes = {
|
|
|
147
148
|
}
|
|
148
149
|
return null;
|
|
149
150
|
}
|
|
150
|
-
};
|
|
151
|
+
};
|
|
152
|
+
var _default = exports.default = ComposableEditor;
|
|
@@ -41,7 +41,9 @@ function getScrollGutterOptions(props) {
|
|
|
41
41
|
}
|
|
42
42
|
return undefined;
|
|
43
43
|
}
|
|
44
|
-
function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
44
|
+
function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
45
|
+
// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overidden there
|
|
46
|
+
) {
|
|
45
47
|
var _props$performanceTra, _props$linking, _props$performanceTra2, _props$textFormatting, _props$linking2;
|
|
46
48
|
var appearance = props.appearance;
|
|
47
49
|
var isMobile = appearance === 'mobile';
|
|
@@ -8,6 +8,7 @@ var _collab = require("@atlaskit/editor-common/collab");
|
|
|
8
8
|
var _commands = require("@atlaskit/editor-common/commands");
|
|
9
9
|
var _selection = require("@atlaskit/editor-common/selection");
|
|
10
10
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
11
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
12
|
// we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
|
|
12
13
|
var insideContentArea = function insideContentArea(ref) {
|
|
13
14
|
while (ref) {
|
|
@@ -32,7 +33,7 @@ var insideProseMirrorEditableArea = function insideProseMirrorEditableArea(ref)
|
|
|
32
33
|
* 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
|
|
33
34
|
*/
|
|
34
35
|
var checkForModal = exports.checkForModal = function checkForModal(target) {
|
|
35
|
-
var modalDialog = target.closest('[role=dialog]');
|
|
36
|
+
var modalDialog = target === null || target === void 0 ? void 0 : target.closest('[role=dialog]');
|
|
36
37
|
if (modalDialog) {
|
|
37
38
|
// return false if not an editor inside modal, otherwise return true
|
|
38
39
|
return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
|
|
@@ -44,9 +45,12 @@ var checkForModal = exports.checkForModal = function checkForModal(target) {
|
|
|
44
45
|
var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaClickHandler(view, event) {
|
|
45
46
|
var _view$hasFocus, _event$currentTarget;
|
|
46
47
|
var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
|
|
48
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check') && !(event.target instanceof HTMLElement)) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
47
51
|
var target = event.target;
|
|
48
|
-
var isTargetContentArea = target.classList.contains('ak-editor-content-area');
|
|
49
|
-
var isTargetChildOfContentArea = insideContentArea(target.parentNode);
|
|
52
|
+
var isTargetContentArea = target === null || target === void 0 ? void 0 : target.classList.contains('ak-editor-content-area');
|
|
53
|
+
var isTargetChildOfContentArea = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check') ? insideContentArea((target === null || target === void 0 ? void 0 : target.parentNode) instanceof HTMLElement ? target === null || target === void 0 ? void 0 : target.parentNode : null) : insideContentArea(target === null || target === void 0 ? void 0 : target.parentNode);
|
|
50
54
|
var isTargetInsideEditableArea = insideProseMirrorEditableArea(target);
|
|
51
55
|
|
|
52
56
|
// Any click inside ProseMirror should be managed by ProseMirror
|
|
@@ -59,11 +63,11 @@ var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaCl
|
|
|
59
63
|
// click event gets triggered twice on a checkbox (on <label> first and then on <input>)
|
|
60
64
|
// by the time it gets triggered on input, PM already re-renders nodeView and detaches it from DOM
|
|
61
65
|
// which doesn't pass the check !contentArea.contains(event.target)
|
|
62
|
-
var isInputClicked = target.nodeName === 'INPUT';
|
|
66
|
+
var isInputClicked = (target === null || target === void 0 ? void 0 : target.nodeName) === 'INPUT';
|
|
63
67
|
// @see ED-5126
|
|
64
68
|
var isPopupClicked = !!(0, _utils.closestElement)(target, '[data-editor-popup]');
|
|
65
69
|
// Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
|
|
66
|
-
var isTextAreaClicked = target.nodeName === 'TEXTAREA';
|
|
70
|
+
var isTextAreaClicked = (target === null || target === void 0 ? void 0 : target.nodeName) === 'TEXTAREA';
|
|
67
71
|
var isBreadcrumbClicked = !!(0, _utils.closestElement)(target, 'nav[aria-label="Breadcrumbs"]');
|
|
68
72
|
var selection = window.getSelection();
|
|
69
73
|
var isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && (0, _utils.closestElement)(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
|
|
@@ -71,7 +75,7 @@ var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaCl
|
|
|
71
75
|
// This is a super workaround to find when events are coming from Confluence InlineComment modal
|
|
72
76
|
// We don't own those components, so we can't change them
|
|
73
77
|
var isEventComingFromInlineCommentPopup = Boolean((0, _utils.closestElement)(event.currentTarget, 'div[offset]')) || Boolean((0, _utils.closestElement)(target, 'div[offset]'));
|
|
74
|
-
var isButtonClicked = Boolean((0, _utils.closestElement)(event.currentTarget, 'button')) || Boolean((0, _utils.closestElement)(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
|
|
78
|
+
var isButtonClicked = Boolean((0, _utils.closestElement)(event.currentTarget, 'button')) || Boolean((0, _utils.closestElement)(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || (target === null || target === void 0 ? void 0 : target.nodeName) === 'BUTTON';
|
|
75
79
|
var isTargetInsideContentArea = Boolean(isTargetChildOfContentArea);
|
|
76
80
|
var isBetweenContentAreaAndEditableContent = isTargetInsideContentArea && !isTargetInsideEditableArea;
|
|
77
81
|
|
|
@@ -9,16 +9,13 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
11
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
|
-
var _templateObject, _templateObject2
|
|
12
|
+
var _templateObject, _templateObject2;
|
|
13
13
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
17
|
-
var extensionLabelStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n &.danger > span > div > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n }\n\n &:not(.danger).", "\n > span\n > div\n > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n }\n\n ", "\n"])), "var(--ds-background-accent-red-subtler, ".concat(_colors.R50, ")"), "var(--ds-text-danger, ".concat(_colors.R400, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-background-selected, ".concat(_colors.B50, ")"), "var(--ds-text-selected, ".concat(_colors.B400, ")"), bodiedExtensionLabelStyles);
|
|
14
|
+
var extensionLabelStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n &.danger > span > div > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n border: none;\n }\n\n &:not(.danger).", "\n > span\n > div\n > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n border: none;\n }\n"])), "var(--ds-background-accent-red-subtler, ".concat(_colors.R50, ")"), "var(--ds-text-danger, ".concat(_colors.R400, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-background-selected, ".concat(_colors.B50, ")"), "var(--ds-text-selected, ".concat(_colors.B400, ")"));
|
|
18
15
|
var dangerOverlayStyles = (0, _react.css)({
|
|
19
16
|
opacity: 0.3,
|
|
20
17
|
backgroundColor: "var(--ds-background-danger-hovered, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")")
|
|
21
18
|
});
|
|
22
19
|
|
|
23
20
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css -- Needs manual remediation
|
|
24
|
-
var extensionStyles = exports.extensionStyles = (0, _react.css)(
|
|
21
|
+
var extensionStyles = exports.extensionStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n .multiBodiedExtensionView-content-wrap {\n &.danger > span > .multiBodiedExtension--container {\n box-shadow: 0 0 0 ", "px\n ", ";\n background-color: ", ";\n }\n\n ", "\n\n &.danger > span > .with-danger-overlay {\n background-color: transparent;\n .multiBodiedExtension--overlay {\n ", "\n }\n }\n\n &:not(.danger).", " {\n & > span > .multiBodiedExtension--container {\n ", "\n }\n }\n .multiBodiedExtension--container {\n width: 100%;\n max-width: 100%; // ensure width can't go over 100%;\n }\n }\n\n .inlineExtensionView-content-wrap {\n &.danger > span > .extension-container {\n box-shadow: 0 0 0 ", "px\n ", ";\n background-color: ", ";\n }\n\n &.danger > span > .with-danger-overlay {\n // If the macro turned used to turn red before, not setting the background to be transparent will cause the\n // danger state to have two layers of red which we don't want.\n background-color: transparent;\n .extension-overlay {\n ", "\n }\n }\n\n &:not(.danger).", " {\n & > span > .extension-container {\n ", "\n }\n }\n\n ", "\n }\n\n .extensionView-content-wrap,\n .multiBodiedExtensionView-content-wrap,\n .bodiedExtensionView-content-wrap {\n margin: ", " 0;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n &:last-of-type {\n margin-bottom: 0;\n }\n\n &:not(.danger).", " {\n & > span > .extension-container {\n ", "\n }\n }\n\n &.danger > span > .extension-container {\n box-shadow: 0 0 0 ", "px\n ", ";\n background-color: ", ";\n }\n\n ", "\n\n &.danger > span > .with-danger-overlay {\n background-color: transparent;\n .extension-overlay {\n ", "\n }\n }\n\n &.inline {\n word-wrap: break-all;\n }\n }\n\n .extensionView-content-wrap .extension-container {\n overflow: hidden;\n }\n\n .bodiedExtensionView-content-wrap\n .extensionView-content-wrap\n .extension-container {\n width: 100%;\n max-width: 100%; // ensure width can't go over 100%;\n }\n\n [data-mark-type='fragment'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin: ", " 0;\n }\n\n & > [data-mark-type='dataConsumer'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin: ", " 0;\n }\n }\n\n &:first-child {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-top: 0;\n }\n\n & > [data-mark-type='dataConsumer'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-top: 0;\n }\n }\n }\n\n &:nth-last-of-type(-n + 2):not(:first-of-type) {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-bottom: 0;\n }\n\n & > [data-mark-type='dataConsumer'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-bottom: 0;\n }\n }\n }\n }\n"])), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), dangerOverlayStyles, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), extensionLabelStyles, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin);
|
|
@@ -27,7 +27,9 @@ export function getScrollGutterOptions(props) {
|
|
|
27
27
|
}
|
|
28
28
|
return undefined;
|
|
29
29
|
}
|
|
30
|
-
export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
30
|
+
export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
31
|
+
// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overidden there
|
|
32
|
+
) {
|
|
31
33
|
var _props$performanceTra, _props$linking, _props$performanceTra2, _props$textFormatting, _props$linking2;
|
|
32
34
|
const appearance = props.appearance;
|
|
33
35
|
const isMobile = appearance === 'mobile';
|
|
@@ -2,6 +2,8 @@ import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
|
|
|
2
2
|
import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
|
|
3
3
|
import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
|
|
4
4
|
import { closestElement } from '@atlaskit/editor-common/utils';
|
|
5
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
|
|
5
7
|
// we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
|
|
6
8
|
const insideContentArea = ref => {
|
|
7
9
|
while (ref) {
|
|
@@ -26,7 +28,7 @@ const insideProseMirrorEditableArea = ref => {
|
|
|
26
28
|
* 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
|
|
27
29
|
*/
|
|
28
30
|
export const checkForModal = target => {
|
|
29
|
-
const modalDialog = target.closest('[role=dialog]');
|
|
31
|
+
const modalDialog = target === null || target === void 0 ? void 0 : target.closest('[role=dialog]');
|
|
30
32
|
if (modalDialog) {
|
|
31
33
|
// return false if not an editor inside modal, otherwise return true
|
|
32
34
|
return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
|
|
@@ -38,9 +40,12 @@ export const checkForModal = target => {
|
|
|
38
40
|
const clickAreaClickHandler = (view, event) => {
|
|
39
41
|
var _view$hasFocus, _event$currentTarget;
|
|
40
42
|
const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
|
|
43
|
+
if (getBooleanFF('platform.editor.explicit-html-element-check') && !(event.target instanceof HTMLElement)) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
41
46
|
const target = event.target;
|
|
42
|
-
const isTargetContentArea = target.classList.contains('ak-editor-content-area');
|
|
43
|
-
const isTargetChildOfContentArea = insideContentArea(target.parentNode);
|
|
47
|
+
const isTargetContentArea = target === null || target === void 0 ? void 0 : target.classList.contains('ak-editor-content-area');
|
|
48
|
+
const isTargetChildOfContentArea = getBooleanFF('platform.editor.explicit-html-element-check') ? insideContentArea((target === null || target === void 0 ? void 0 : target.parentNode) instanceof HTMLElement ? target === null || target === void 0 ? void 0 : target.parentNode : null) : insideContentArea(target === null || target === void 0 ? void 0 : target.parentNode);
|
|
44
49
|
const isTargetInsideEditableArea = insideProseMirrorEditableArea(target);
|
|
45
50
|
|
|
46
51
|
// Any click inside ProseMirror should be managed by ProseMirror
|
|
@@ -53,11 +58,11 @@ const clickAreaClickHandler = (view, event) => {
|
|
|
53
58
|
// click event gets triggered twice on a checkbox (on <label> first and then on <input>)
|
|
54
59
|
// by the time it gets triggered on input, PM already re-renders nodeView and detaches it from DOM
|
|
55
60
|
// which doesn't pass the check !contentArea.contains(event.target)
|
|
56
|
-
const isInputClicked = target.nodeName === 'INPUT';
|
|
61
|
+
const isInputClicked = (target === null || target === void 0 ? void 0 : target.nodeName) === 'INPUT';
|
|
57
62
|
// @see ED-5126
|
|
58
63
|
const isPopupClicked = !!closestElement(target, '[data-editor-popup]');
|
|
59
64
|
// Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
|
|
60
|
-
const isTextAreaClicked = target.nodeName === 'TEXTAREA';
|
|
65
|
+
const isTextAreaClicked = (target === null || target === void 0 ? void 0 : target.nodeName) === 'TEXTAREA';
|
|
61
66
|
const isBreadcrumbClicked = !!closestElement(target, 'nav[aria-label="Breadcrumbs"]');
|
|
62
67
|
const selection = window.getSelection();
|
|
63
68
|
const isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && closestElement(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
|
|
@@ -65,7 +70,7 @@ const clickAreaClickHandler = (view, event) => {
|
|
|
65
70
|
// This is a super workaround to find when events are coming from Confluence InlineComment modal
|
|
66
71
|
// We don't own those components, so we can't change them
|
|
67
72
|
const isEventComingFromInlineCommentPopup = Boolean(closestElement(event.currentTarget, 'div[offset]')) || Boolean(closestElement(target, 'div[offset]'));
|
|
68
|
-
const isButtonClicked = Boolean(closestElement(event.currentTarget, 'button')) || Boolean(closestElement(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
|
|
73
|
+
const isButtonClicked = Boolean(closestElement(event.currentTarget, 'button')) || Boolean(closestElement(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || (target === null || target === void 0 ? void 0 : target.nodeName) === 'BUTTON';
|
|
69
74
|
const isTargetInsideContentArea = Boolean(isTargetChildOfContentArea);
|
|
70
75
|
const isBetweenContentAreaAndEditableContent = isTargetInsideContentArea && !isTargetInsideEditableArea;
|
|
71
76
|
|
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { B400, B50, R400, R50 } from '@atlaskit/theme/colors';
|
|
4
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
5
|
-
const bodiedExtensionLabelStyles = css`
|
|
6
|
-
// Bodied extensions have labels that need to be styled differently on danger/select due to initially having a border
|
|
7
|
-
&.danger > span > div > .bodied.extension-label,
|
|
8
|
-
&:not(.danger).${akEditorSelectedNodeClassName}
|
|
9
|
-
> span
|
|
10
|
-
> div
|
|
11
|
-
> .bodied.extension-label {
|
|
12
|
-
border: none;
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
|
|
16
4
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
17
5
|
const extensionLabelStyles = css`
|
|
18
6
|
&.danger > span > div > .extension-label {
|
|
19
7
|
background-color: ${`var(--ds-background-accent-red-subtler, ${R50})`};
|
|
20
8
|
color: ${`var(--ds-text-danger, ${R400})`};
|
|
21
9
|
opacity: 1;
|
|
10
|
+
border: none;
|
|
22
11
|
}
|
|
23
12
|
|
|
24
13
|
&:not(.danger).${akEditorSelectedNodeClassName}
|
|
@@ -28,9 +17,8 @@ const extensionLabelStyles = css`
|
|
|
28
17
|
background-color: ${`var(--ds-background-selected, ${B50})`};
|
|
29
18
|
color: ${`var(--ds-text-selected, ${B400})`};
|
|
30
19
|
opacity: 1;
|
|
20
|
+
border: none;
|
|
31
21
|
}
|
|
32
|
-
|
|
33
|
-
${bodiedExtensionLabelStyles}
|
|
34
22
|
`;
|
|
35
23
|
const dangerOverlayStyles = css({
|
|
36
24
|
opacity: 0.3,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "193.11.
|
|
2
|
+
export const version = "193.11.12";
|
|
@@ -32,7 +32,9 @@ export function getScrollGutterOptions(props) {
|
|
|
32
32
|
}
|
|
33
33
|
return undefined;
|
|
34
34
|
}
|
|
35
|
-
export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
35
|
+
export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
|
|
36
|
+
// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overidden there
|
|
37
|
+
) {
|
|
36
38
|
var _props$performanceTra, _props$linking, _props$performanceTra2, _props$textFormatting, _props$linking2;
|
|
37
39
|
var appearance = props.appearance;
|
|
38
40
|
var isMobile = appearance === 'mobile';
|
|
@@ -2,6 +2,8 @@ import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
|
|
|
2
2
|
import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
|
|
3
3
|
import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
|
|
4
4
|
import { closestElement } from '@atlaskit/editor-common/utils';
|
|
5
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
|
|
5
7
|
// we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
|
|
6
8
|
var insideContentArea = function insideContentArea(ref) {
|
|
7
9
|
while (ref) {
|
|
@@ -26,7 +28,7 @@ var insideProseMirrorEditableArea = function insideProseMirrorEditableArea(ref)
|
|
|
26
28
|
* 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
|
|
27
29
|
*/
|
|
28
30
|
export var checkForModal = function checkForModal(target) {
|
|
29
|
-
var modalDialog = target.closest('[role=dialog]');
|
|
31
|
+
var modalDialog = target === null || target === void 0 ? void 0 : target.closest('[role=dialog]');
|
|
30
32
|
if (modalDialog) {
|
|
31
33
|
// return false if not an editor inside modal, otherwise return true
|
|
32
34
|
return !!(modalDialog !== null && modalDialog !== void 0 && modalDialog.querySelector('.akEditor'));
|
|
@@ -38,9 +40,12 @@ export var checkForModal = function checkForModal(target) {
|
|
|
38
40
|
var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
|
|
39
41
|
var _view$hasFocus, _event$currentTarget;
|
|
40
42
|
var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
|
|
43
|
+
if (getBooleanFF('platform.editor.explicit-html-element-check') && !(event.target instanceof HTMLElement)) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
41
46
|
var target = event.target;
|
|
42
|
-
var isTargetContentArea = target.classList.contains('ak-editor-content-area');
|
|
43
|
-
var isTargetChildOfContentArea = insideContentArea(target.parentNode);
|
|
47
|
+
var isTargetContentArea = target === null || target === void 0 ? void 0 : target.classList.contains('ak-editor-content-area');
|
|
48
|
+
var isTargetChildOfContentArea = getBooleanFF('platform.editor.explicit-html-element-check') ? insideContentArea((target === null || target === void 0 ? void 0 : target.parentNode) instanceof HTMLElement ? target === null || target === void 0 ? void 0 : target.parentNode : null) : insideContentArea(target === null || target === void 0 ? void 0 : target.parentNode);
|
|
44
49
|
var isTargetInsideEditableArea = insideProseMirrorEditableArea(target);
|
|
45
50
|
|
|
46
51
|
// Any click inside ProseMirror should be managed by ProseMirror
|
|
@@ -53,11 +58,11 @@ var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
|
|
|
53
58
|
// click event gets triggered twice on a checkbox (on <label> first and then on <input>)
|
|
54
59
|
// by the time it gets triggered on input, PM already re-renders nodeView and detaches it from DOM
|
|
55
60
|
// which doesn't pass the check !contentArea.contains(event.target)
|
|
56
|
-
var isInputClicked = target.nodeName === 'INPUT';
|
|
61
|
+
var isInputClicked = (target === null || target === void 0 ? void 0 : target.nodeName) === 'INPUT';
|
|
57
62
|
// @see ED-5126
|
|
58
63
|
var isPopupClicked = !!closestElement(target, '[data-editor-popup]');
|
|
59
64
|
// Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
|
|
60
|
-
var isTextAreaClicked = target.nodeName === 'TEXTAREA';
|
|
65
|
+
var isTextAreaClicked = (target === null || target === void 0 ? void 0 : target.nodeName) === 'TEXTAREA';
|
|
61
66
|
var isBreadcrumbClicked = !!closestElement(target, 'nav[aria-label="Breadcrumbs"]');
|
|
62
67
|
var selection = window.getSelection();
|
|
63
68
|
var isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && closestElement(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
|
|
@@ -65,7 +70,7 @@ var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
|
|
|
65
70
|
// This is a super workaround to find when events are coming from Confluence InlineComment modal
|
|
66
71
|
// We don't own those components, so we can't change them
|
|
67
72
|
var isEventComingFromInlineCommentPopup = Boolean(closestElement(event.currentTarget, 'div[offset]')) || Boolean(closestElement(target, 'div[offset]'));
|
|
68
|
-
var isButtonClicked = Boolean(closestElement(event.currentTarget, 'button')) || Boolean(closestElement(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
|
|
73
|
+
var isButtonClicked = Boolean(closestElement(event.currentTarget, 'button')) || Boolean(closestElement(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || (target === null || target === void 0 ? void 0 : target.nodeName) === 'BUTTON';
|
|
69
74
|
var isTargetInsideContentArea = Boolean(isTargetChildOfContentArea);
|
|
70
75
|
var isBetweenContentAreaAndEditableContent = isTargetInsideContentArea && !isTargetInsideEditableArea;
|
|
71
76
|
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2
|
|
2
|
+
var _templateObject, _templateObject2;
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import { B400, B50, R400, R50 } from '@atlaskit/theme/colors';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
10
|
-
var extensionLabelStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &.danger > span > div > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n }\n\n &:not(.danger).", "\n > span\n > div\n > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n }\n\n ", "\n"])), "var(--ds-background-accent-red-subtler, ".concat(R50, ")"), "var(--ds-text-danger, ".concat(R400, ")"), akEditorSelectedNodeClassName, "var(--ds-background-selected, ".concat(B50, ")"), "var(--ds-text-selected, ".concat(B400, ")"), bodiedExtensionLabelStyles);
|
|
7
|
+
var extensionLabelStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.danger > span > div > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n border: none;\n }\n\n &:not(.danger).", "\n > span\n > div\n > .extension-label {\n background-color: ", ";\n color: ", ";\n opacity: 1;\n border: none;\n }\n"])), "var(--ds-background-accent-red-subtler, ".concat(R50, ")"), "var(--ds-text-danger, ".concat(R400, ")"), akEditorSelectedNodeClassName, "var(--ds-background-selected, ".concat(B50, ")"), "var(--ds-text-selected, ".concat(B400, ")"));
|
|
11
8
|
var dangerOverlayStyles = css({
|
|
12
9
|
opacity: 0.3,
|
|
13
10
|
backgroundColor: "var(--ds-background-danger-hovered, ".concat(akEditorDeleteBackground, ")")
|
|
14
11
|
});
|
|
15
12
|
|
|
16
13
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css -- Needs manual remediation
|
|
17
|
-
export var extensionStyles = css(
|
|
14
|
+
export var extensionStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .multiBodiedExtensionView-content-wrap {\n &.danger > span > .multiBodiedExtension--container {\n box-shadow: 0 0 0 ", "px\n ", ";\n background-color: ", ";\n }\n\n ", "\n\n &.danger > span > .with-danger-overlay {\n background-color: transparent;\n .multiBodiedExtension--overlay {\n ", "\n }\n }\n\n &:not(.danger).", " {\n & > span > .multiBodiedExtension--container {\n ", "\n }\n }\n .multiBodiedExtension--container {\n width: 100%;\n max-width: 100%; // ensure width can't go over 100%;\n }\n }\n\n .inlineExtensionView-content-wrap {\n &.danger > span > .extension-container {\n box-shadow: 0 0 0 ", "px\n ", ";\n background-color: ", ";\n }\n\n &.danger > span > .with-danger-overlay {\n // If the macro turned used to turn red before, not setting the background to be transparent will cause the\n // danger state to have two layers of red which we don't want.\n background-color: transparent;\n .extension-overlay {\n ", "\n }\n }\n\n &:not(.danger).", " {\n & > span > .extension-container {\n ", "\n }\n }\n\n ", "\n }\n\n .extensionView-content-wrap,\n .multiBodiedExtensionView-content-wrap,\n .bodiedExtensionView-content-wrap {\n margin: ", " 0;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n &:last-of-type {\n margin-bottom: 0;\n }\n\n &:not(.danger).", " {\n & > span > .extension-container {\n ", "\n }\n }\n\n &.danger > span > .extension-container {\n box-shadow: 0 0 0 ", "px\n ", ";\n background-color: ", ";\n }\n\n ", "\n\n &.danger > span > .with-danger-overlay {\n background-color: transparent;\n .extension-overlay {\n ", "\n }\n }\n\n &.inline {\n word-wrap: break-all;\n }\n }\n\n .extensionView-content-wrap .extension-container {\n overflow: hidden;\n }\n\n .bodiedExtensionView-content-wrap\n .extensionView-content-wrap\n .extension-container {\n width: 100%;\n max-width: 100%; // ensure width can't go over 100%;\n }\n\n [data-mark-type='fragment'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin: ", " 0;\n }\n\n & > [data-mark-type='dataConsumer'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin: ", " 0;\n }\n }\n\n &:first-child {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-top: 0;\n }\n\n & > [data-mark-type='dataConsumer'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-top: 0;\n }\n }\n }\n\n &:nth-last-of-type(-n + 2):not(:first-of-type) {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-bottom: 0;\n }\n\n & > [data-mark-type='dataConsumer'] {\n & > .extensionView-content-wrap,\n & > .bodiedExtensionView-content-wrap {\n margin-bottom: 0;\n }\n }\n }\n }\n"])), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), dangerOverlayStyles, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), extensionLabelStyles, blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), extensionLabelStyles, dangerOverlayStyles, blockNodesVerticalMargin, blockNodesVerticalMargin);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "193.11.
|
|
2
|
+
export var version = "193.11.12";
|
|
@@ -5,7 +5,7 @@ import type { DefaultPresetPluginOptions } from '../../src/presets/default';
|
|
|
5
5
|
import type { EditorPlugin, EditorProps } from '../types';
|
|
6
6
|
import type { EditorPluginFeatureProps } from '../types/editor-props';
|
|
7
7
|
export declare function getScrollGutterOptions(props: EditorProps): ScrollGutterPluginOptions | undefined;
|
|
8
|
-
export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): DefaultPresetPluginOptions & EditorPluginFeatureProps
|
|
8
|
+
export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): DefaultPresetPluginOptions & Omit<EditorPluginFeatureProps, 'placeholder'>;
|
|
9
9
|
/**
|
|
10
10
|
* Maps EditorProps to EditorPlugins
|
|
11
11
|
*
|
|
@@ -2021,15 +2021,7 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2021
2021
|
commands: {
|
|
2022
2022
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2023
2023
|
};
|
|
2024
|
-
dependencies: [import("@atlaskit/editor-common/types").
|
|
2025
|
-
dependencies: [];
|
|
2026
|
-
actions: {
|
|
2027
|
-
ariaNotify: (message: string) => void;
|
|
2028
|
-
};
|
|
2029
|
-
sharedState: {
|
|
2030
|
-
message: string;
|
|
2031
|
-
};
|
|
2032
|
-
}, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
2024
|
+
dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
2033
2025
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
2034
2026
|
sharedState: {
|
|
2035
2027
|
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
@@ -2073,7 +2065,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2073
2065
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2074
2066
|
};
|
|
2075
2067
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2076
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"
|
|
2068
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2069
|
+
dependencies: [];
|
|
2070
|
+
actions: {
|
|
2071
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2072
|
+
};
|
|
2073
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
2074
|
+
}, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2077
2075
|
pluginConfiguration: any;
|
|
2078
2076
|
dependencies: any;
|
|
2079
2077
|
sharedState: any;
|
|
@@ -2886,11 +2884,9 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2886
2884
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2887
2885
|
dependencies: [];
|
|
2888
2886
|
actions: {
|
|
2889
|
-
ariaNotify: (message: string) => void;
|
|
2890
|
-
};
|
|
2891
|
-
sharedState: {
|
|
2892
|
-
message: string;
|
|
2887
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2893
2888
|
};
|
|
2889
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
2894
2890
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"dataConsumer", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"codeBlock", {
|
|
2895
2891
|
pluginConfiguration: import("@atlaskit/editor-plugin-code-block").CodeBlockOptions | undefined;
|
|
2896
2892
|
dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
|
|
@@ -5,7 +5,7 @@ import type { EditorProps } from '../types';
|
|
|
5
5
|
import type { EditorPluginFeatureProps, EditorProviderProps, EditorSharedPropsWithPlugins } from '../types/editor-props';
|
|
6
6
|
import type { FeatureFlags } from '../types/feature-flags';
|
|
7
7
|
import type { DefaultPresetPluginOptions } from './default';
|
|
8
|
-
type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & EditorPluginFeatureProps & EditorProviderProps;
|
|
8
|
+
type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & Omit<EditorPluginFeatureProps, 'placeholder'> & EditorProviderProps;
|
|
9
9
|
/**
|
|
10
10
|
* Creates a preset with all of the available plugins.
|
|
11
11
|
* Basis for create-plugins-list and can be used to migrate from Editor -> EditorNext (Presets project)
|
|
@@ -2038,15 +2038,7 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2038
2038
|
commands: {
|
|
2039
2039
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2040
2040
|
};
|
|
2041
|
-
dependencies: [import("@atlaskit/editor-common/types").
|
|
2042
|
-
dependencies: [];
|
|
2043
|
-
actions: {
|
|
2044
|
-
ariaNotify: (message: string) => void;
|
|
2045
|
-
};
|
|
2046
|
-
sharedState: {
|
|
2047
|
-
message: string;
|
|
2048
|
-
};
|
|
2049
|
-
}, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
2041
|
+
dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
2050
2042
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
2051
2043
|
sharedState: {
|
|
2052
2044
|
createAnalyticsEvent: CreateUIAnalyticsEvent | null;
|
|
@@ -2090,7 +2082,13 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2090
2082
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2091
2083
|
};
|
|
2092
2084
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2093
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"
|
|
2085
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2086
|
+
dependencies: [];
|
|
2087
|
+
actions: {
|
|
2088
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugins/accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2089
|
+
};
|
|
2090
|
+
sharedState: import("@atlaskit/editor-plugins/accessibility-utils").AccessibilityUtilsPluginState;
|
|
2091
|
+
}, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2094
2092
|
pluginConfiguration: any;
|
|
2095
2093
|
dependencies: any;
|
|
2096
2094
|
sharedState: any;
|
|
@@ -2903,11 +2901,9 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2903
2901
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2904
2902
|
dependencies: [];
|
|
2905
2903
|
actions: {
|
|
2906
|
-
ariaNotify: (message: string) => void;
|
|
2907
|
-
};
|
|
2908
|
-
sharedState: {
|
|
2909
|
-
message: string;
|
|
2904
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugins/accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2910
2905
|
};
|
|
2906
|
+
sharedState: import("@atlaskit/editor-plugins/accessibility-utils").AccessibilityUtilsPluginState;
|
|
2911
2907
|
}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"dataConsumer", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"codeBlock", {
|
|
2912
2908
|
pluginConfiguration: import("@atlaskit/editor-plugin-code-block").CodeBlockOptions | undefined;
|
|
2913
2909
|
dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
|
|
@@ -2024,15 +2024,7 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2024
2024
|
commands: {
|
|
2025
2025
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2026
2026
|
};
|
|
2027
|
-
dependencies: [import("@atlaskit/editor-
|
|
2028
|
-
dependencies: [];
|
|
2029
|
-
actions: {
|
|
2030
|
-
ariaNotify: (message: string) => void;
|
|
2031
|
-
};
|
|
2032
|
-
sharedState: {
|
|
2033
|
-
message: string;
|
|
2034
|
-
};
|
|
2035
|
-
}, undefined>>, import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"analytics", {
|
|
2027
|
+
dependencies: [import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"analytics", {
|
|
2036
2028
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
2037
2029
|
sharedState: {
|
|
2038
2030
|
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
@@ -2076,7 +2068,13 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2076
2068
|
displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2077
2069
|
};
|
|
2078
2070
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2079
|
-
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"
|
|
2071
|
+
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"accessibilityUtils", {
|
|
2072
|
+
dependencies: [];
|
|
2073
|
+
actions: {
|
|
2074
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2075
|
+
};
|
|
2076
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
2077
|
+
}, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"media", {
|
|
2080
2078
|
pluginConfiguration: any;
|
|
2081
2079
|
dependencies: any;
|
|
2082
2080
|
sharedState: any;
|
|
@@ -2889,11 +2887,9 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2889
2887
|
}, undefined>, import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"accessibilityUtils", {
|
|
2890
2888
|
dependencies: [];
|
|
2891
2889
|
actions: {
|
|
2892
|
-
ariaNotify: (message: string) => void;
|
|
2893
|
-
};
|
|
2894
|
-
sharedState: {
|
|
2895
|
-
message: string;
|
|
2890
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2896
2891
|
};
|
|
2892
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
2897
2893
|
}, undefined>, import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"dataConsumer", {}, undefined>, import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"codeBlock", {
|
|
2898
2894
|
pluginConfiguration: import("@atlaskit/editor-plugin-code-block").CodeBlockOptions | undefined;
|
|
2899
2895
|
dependencies: [import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"decorations", {
|
|
@@ -61,8 +61,6 @@ interface EditorBaseProps {
|
|
|
61
61
|
contentTransformerProvider?: (schema: Schema) => Transformer<string>;
|
|
62
62
|
maxHeight?: number;
|
|
63
63
|
minHeight?: number;
|
|
64
|
-
placeholder?: string;
|
|
65
|
-
placeholderBracketHint?: string;
|
|
66
64
|
defaultValue?: Node | string | Object;
|
|
67
65
|
assistiveLabel?: string;
|
|
68
66
|
popupsMountPoint?: HTMLElement;
|
|
@@ -171,6 +169,18 @@ export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps,
|
|
|
171
169
|
}
|
|
172
170
|
export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithPlugins, EditorProviderProps {
|
|
173
171
|
preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>;
|
|
172
|
+
/**
|
|
173
|
+
* @deprecated
|
|
174
|
+
* This prop does nothing and will be removed soon.
|
|
175
|
+
* Configuration of this parameter should be done via `editor-plugin-placeholder` or the `default` preset.
|
|
176
|
+
*/
|
|
177
|
+
placeholder?: string;
|
|
178
|
+
/**
|
|
179
|
+
* @deprecated
|
|
180
|
+
* This prop does nothing and will be removed soon.
|
|
181
|
+
* Configuration of this parameter should be done via `editor-plugin-placeholder` or the `default` preset.
|
|
182
|
+
*/
|
|
183
|
+
placeholderBracketHint?: string;
|
|
174
184
|
}
|
|
175
185
|
export interface EditorProviderProps {
|
|
176
186
|
activityProvider?: Promise<ActivityProvider>;
|
|
@@ -273,4 +283,6 @@ export interface EditorPluginFeatureProps {
|
|
|
273
283
|
allowAnalyticsGASV3?: boolean;
|
|
274
284
|
codeBlock?: CodeBlockOptions;
|
|
275
285
|
textFormatting?: TextFormattingOptions;
|
|
286
|
+
placeholder?: string;
|
|
287
|
+
placeholderBracketHint?: string;
|
|
276
288
|
}
|
|
@@ -8,6 +8,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
|
8
8
|
* 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
|
|
9
9
|
* 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
|
|
10
10
|
*/
|
|
11
|
-
export declare const checkForModal: (target: HTMLElement) => boolean;
|
|
11
|
+
export declare const checkForModal: (target: HTMLElement | null) => boolean;
|
|
12
12
|
declare const clickAreaClickHandler: (view: EditorView, event: React.MouseEvent<any>) => false | undefined;
|
|
13
13
|
export { clickAreaClickHandler };
|
|
@@ -3,7 +3,7 @@ export declare const fullPageEditorWrapper: import("@emotion/react").SerializedS
|
|
|
3
3
|
export declare const ScrollContainer: import("react").ForwardRefExoticComponent<Pick<{
|
|
4
4
|
theme?: any;
|
|
5
5
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
6
|
-
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "
|
|
6
|
+
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "children" | "value" | "pattern" | "list" | "open" | "accessKey" | "className" | "role" | "id" | "start" | "action" | "step" | "wrap" | "hidden" | keyof {
|
|
7
7
|
theme?: any;
|
|
8
8
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
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>>;
|
|
@@ -9,6 +9,6 @@ type ContentStylesProps = {
|
|
|
9
9
|
};
|
|
10
10
|
export declare const placeholderStyles: SerializedStyles;
|
|
11
11
|
type Props = ContentStylesProps & React.HTMLProps<HTMLDivElement>;
|
|
12
|
-
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "
|
|
13
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "
|
|
12
|
+
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "children" | "value" | "pattern" | "list" | "open" | "accessKey" | "className" | "role" | "id" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "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"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "children" | "value" | "pattern" | "list" | "open" | "accessKey" | "className" | "role" | "id" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "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"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
14
|
export default _default;
|
|
@@ -5,7 +5,7 @@ import type { DefaultPresetPluginOptions } from '../../src/presets/default';
|
|
|
5
5
|
import type { EditorPlugin, EditorProps } from '../types';
|
|
6
6
|
import type { EditorPluginFeatureProps } from '../types/editor-props';
|
|
7
7
|
export declare function getScrollGutterOptions(props: EditorProps): ScrollGutterPluginOptions | undefined;
|
|
8
|
-
export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): DefaultPresetPluginOptions & EditorPluginFeatureProps
|
|
8
|
+
export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): DefaultPresetPluginOptions & Omit<EditorPluginFeatureProps, 'placeholder'>;
|
|
9
9
|
/**
|
|
10
10
|
* Maps EditorProps to EditorPlugins
|
|
11
11
|
*
|
|
@@ -2530,16 +2530,6 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2530
2530
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2531
2531
|
};
|
|
2532
2532
|
dependencies: [
|
|
2533
|
-
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2534
|
-
dependencies: [
|
|
2535
|
-
];
|
|
2536
|
-
actions: {
|
|
2537
|
-
ariaNotify: (message: string) => void;
|
|
2538
|
-
};
|
|
2539
|
-
sharedState: {
|
|
2540
|
-
message: string;
|
|
2541
|
-
};
|
|
2542
|
-
}, undefined>>,
|
|
2543
2533
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
2544
2534
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
2545
2535
|
sharedState: {
|
|
@@ -2597,6 +2587,14 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
2597
2587
|
};
|
|
2598
2588
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2599
2589
|
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>,
|
|
2590
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2591
|
+
dependencies: [
|
|
2592
|
+
];
|
|
2593
|
+
actions: {
|
|
2594
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2595
|
+
};
|
|
2596
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
2597
|
+
}, undefined>>,
|
|
2600
2598
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2601
2599
|
pluginConfiguration: any;
|
|
2602
2600
|
dependencies: any;
|
|
@@ -3583,11 +3581,9 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
|
|
|
3583
3581
|
dependencies: [
|
|
3584
3582
|
];
|
|
3585
3583
|
actions: {
|
|
3586
|
-
ariaNotify: (message: string) => void;
|
|
3587
|
-
};
|
|
3588
|
-
sharedState: {
|
|
3589
|
-
message: string;
|
|
3584
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
3590
3585
|
};
|
|
3586
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
3591
3587
|
}, undefined>,
|
|
3592
3588
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"dataConsumer", {}, undefined>,
|
|
3593
3589
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"codeBlock", {
|
|
@@ -5,7 +5,7 @@ import type { EditorProps } from '../types';
|
|
|
5
5
|
import type { EditorPluginFeatureProps, EditorProviderProps, EditorSharedPropsWithPlugins } from '../types/editor-props';
|
|
6
6
|
import type { FeatureFlags } from '../types/feature-flags';
|
|
7
7
|
import type { DefaultPresetPluginOptions } from './default';
|
|
8
|
-
type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & EditorPluginFeatureProps & EditorProviderProps;
|
|
8
|
+
type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & Omit<EditorPluginFeatureProps, 'placeholder'> & EditorProviderProps;
|
|
9
9
|
/**
|
|
10
10
|
* Creates a preset with all of the available plugins.
|
|
11
11
|
* Basis for create-plugins-list and can be used to migrate from Editor -> EditorNext (Presets project)
|
|
@@ -2547,16 +2547,6 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2547
2547
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2548
2548
|
};
|
|
2549
2549
|
dependencies: [
|
|
2550
|
-
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2551
|
-
dependencies: [
|
|
2552
|
-
];
|
|
2553
|
-
actions: {
|
|
2554
|
-
ariaNotify: (message: string) => void;
|
|
2555
|
-
};
|
|
2556
|
-
sharedState: {
|
|
2557
|
-
message: string;
|
|
2558
|
-
};
|
|
2559
|
-
}, undefined>>,
|
|
2560
2550
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
2561
2551
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
2562
2552
|
sharedState: {
|
|
@@ -2614,6 +2604,14 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
2614
2604
|
};
|
|
2615
2605
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2616
2606
|
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>,
|
|
2607
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
2608
|
+
dependencies: [
|
|
2609
|
+
];
|
|
2610
|
+
actions: {
|
|
2611
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugins/accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2612
|
+
};
|
|
2613
|
+
sharedState: import("@atlaskit/editor-plugins/accessibility-utils").AccessibilityUtilsPluginState;
|
|
2614
|
+
}, undefined>>,
|
|
2617
2615
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
|
|
2618
2616
|
pluginConfiguration: any;
|
|
2619
2617
|
dependencies: any;
|
|
@@ -3600,11 +3598,9 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
|
|
|
3600
3598
|
dependencies: [
|
|
3601
3599
|
];
|
|
3602
3600
|
actions: {
|
|
3603
|
-
ariaNotify: (message: string) => void;
|
|
3604
|
-
};
|
|
3605
|
-
sharedState: {
|
|
3606
|
-
message: string;
|
|
3601
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugins/accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
3607
3602
|
};
|
|
3603
|
+
sharedState: import("@atlaskit/editor-plugins/accessibility-utils").AccessibilityUtilsPluginState;
|
|
3608
3604
|
}, undefined>,
|
|
3609
3605
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"dataConsumer", {}, undefined>,
|
|
3610
3606
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"codeBlock", {
|
|
@@ -2533,16 +2533,6 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2533
2533
|
insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
2534
2534
|
};
|
|
2535
2535
|
dependencies: [
|
|
2536
|
-
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"accessibilityUtils", {
|
|
2537
|
-
dependencies: [
|
|
2538
|
-
];
|
|
2539
|
-
actions: {
|
|
2540
|
-
ariaNotify: (message: string) => void;
|
|
2541
|
-
};
|
|
2542
|
-
sharedState: {
|
|
2543
|
-
message: string;
|
|
2544
|
-
};
|
|
2545
|
-
}, undefined>>,
|
|
2546
2536
|
import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"analytics", {
|
|
2547
2537
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
2548
2538
|
sharedState: {
|
|
@@ -2600,6 +2590,14 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
2600
2590
|
};
|
|
2601
2591
|
sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
|
|
2602
2592
|
}, import("@atlaskit/editor-plugins/selection/types").SelectionPluginOptions | undefined>,
|
|
2593
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"accessibilityUtils", {
|
|
2594
|
+
dependencies: [
|
|
2595
|
+
];
|
|
2596
|
+
actions: {
|
|
2597
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
2598
|
+
};
|
|
2599
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
2600
|
+
}, undefined>>,
|
|
2603
2601
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"media", {
|
|
2604
2602
|
pluginConfiguration: any;
|
|
2605
2603
|
dependencies: any;
|
|
@@ -3586,11 +3584,9 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
|
|
|
3586
3584
|
dependencies: [
|
|
3587
3585
|
];
|
|
3588
3586
|
actions: {
|
|
3589
|
-
ariaNotify: (message: string) => void;
|
|
3590
|
-
};
|
|
3591
|
-
sharedState: {
|
|
3592
|
-
message: string;
|
|
3587
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
3593
3588
|
};
|
|
3589
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
3594
3590
|
}, undefined>,
|
|
3595
3591
|
import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"dataConsumer", {}, undefined>,
|
|
3596
3592
|
import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"codeBlock", {
|
|
@@ -61,8 +61,6 @@ interface EditorBaseProps {
|
|
|
61
61
|
contentTransformerProvider?: (schema: Schema) => Transformer<string>;
|
|
62
62
|
maxHeight?: number;
|
|
63
63
|
minHeight?: number;
|
|
64
|
-
placeholder?: string;
|
|
65
|
-
placeholderBracketHint?: string;
|
|
66
64
|
defaultValue?: Node | string | Object;
|
|
67
65
|
assistiveLabel?: string;
|
|
68
66
|
popupsMountPoint?: HTMLElement;
|
|
@@ -171,6 +169,18 @@ export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps,
|
|
|
171
169
|
}
|
|
172
170
|
export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithPlugins, EditorProviderProps {
|
|
173
171
|
preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>;
|
|
172
|
+
/**
|
|
173
|
+
* @deprecated
|
|
174
|
+
* This prop does nothing and will be removed soon.
|
|
175
|
+
* Configuration of this parameter should be done via `editor-plugin-placeholder` or the `default` preset.
|
|
176
|
+
*/
|
|
177
|
+
placeholder?: string;
|
|
178
|
+
/**
|
|
179
|
+
* @deprecated
|
|
180
|
+
* This prop does nothing and will be removed soon.
|
|
181
|
+
* Configuration of this parameter should be done via `editor-plugin-placeholder` or the `default` preset.
|
|
182
|
+
*/
|
|
183
|
+
placeholderBracketHint?: string;
|
|
174
184
|
}
|
|
175
185
|
export interface EditorProviderProps {
|
|
176
186
|
activityProvider?: Promise<ActivityProvider>;
|
|
@@ -273,4 +283,6 @@ export interface EditorPluginFeatureProps {
|
|
|
273
283
|
allowAnalyticsGASV3?: boolean;
|
|
274
284
|
codeBlock?: CodeBlockOptions;
|
|
275
285
|
textFormatting?: TextFormattingOptions;
|
|
286
|
+
placeholder?: string;
|
|
287
|
+
placeholderBracketHint?: string;
|
|
276
288
|
}
|
|
@@ -8,6 +8,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
|
8
8
|
* 1. if editor (e.g. comment inside of Jira ticket view) is inside modal then ensure focus and cursor is brought to the input
|
|
9
9
|
* 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
|
|
10
10
|
*/
|
|
11
|
-
export declare const checkForModal: (target: HTMLElement) => boolean;
|
|
11
|
+
export declare const checkForModal: (target: HTMLElement | null) => boolean;
|
|
12
12
|
declare const clickAreaClickHandler: (view: EditorView, event: React.MouseEvent<any>) => false | undefined;
|
|
13
13
|
export { clickAreaClickHandler };
|
|
@@ -3,7 +3,7 @@ export declare const fullPageEditorWrapper: import("@emotion/react").SerializedS
|
|
|
3
3
|
export declare const ScrollContainer: import("react").ForwardRefExoticComponent<Pick<{
|
|
4
4
|
theme?: any;
|
|
5
5
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
6
|
-
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "
|
|
6
|
+
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "children" | "value" | "pattern" | "list" | "open" | "accessKey" | "className" | "role" | "id" | "start" | "action" | "step" | "wrap" | "hidden" | keyof {
|
|
7
7
|
theme?: any;
|
|
8
8
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
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>>;
|
|
@@ -9,6 +9,6 @@ type ContentStylesProps = {
|
|
|
9
9
|
};
|
|
10
10
|
export declare const placeholderStyles: SerializedStyles;
|
|
11
11
|
type Props = ContentStylesProps & React.HTMLProps<HTMLDivElement>;
|
|
12
|
-
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "
|
|
13
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "
|
|
12
|
+
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "children" | "value" | "pattern" | "list" | "open" | "accessKey" | "className" | "role" | "id" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "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"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "key" | "name" | "property" | "type" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "children" | "value" | "pattern" | "list" | "open" | "accessKey" | "className" | "role" | "id" | "start" | "action" | "step" | "wrap" | "hidden" | keyof ContentStylesProps | "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"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
14
|
export default _default;
|
package/docs/0-intro.tsx
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "193.11.
|
|
3
|
+
"version": "193.11.12",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@atlaskit/button": "^17.14.0",
|
|
48
48
|
"@atlaskit/editor-common": "^78.33.0",
|
|
49
49
|
"@atlaskit/editor-json-transformer": "^8.11.0",
|
|
50
|
-
"@atlaskit/editor-plugins": "^2.
|
|
50
|
+
"@atlaskit/editor-plugins": "^2.5.0",
|
|
51
51
|
"@atlaskit/editor-prosemirror": "4.0.0",
|
|
52
52
|
"@atlaskit/editor-shared-styles": "^2.10.0",
|
|
53
53
|
"@atlaskit/emoji": "^67.6.0",
|
|
@@ -106,14 +106,14 @@
|
|
|
106
106
|
"@atlaskit/primitives": "^5.6.0",
|
|
107
107
|
"@atlaskit/renderer": "^109.20.0",
|
|
108
108
|
"@atlaskit/select": "^17.6.0",
|
|
109
|
-
"@atlaskit/smart-card": "^26.
|
|
109
|
+
"@atlaskit/smart-card": "^26.58.0",
|
|
110
110
|
"@atlaskit/synchrony-test-helpers": "^2.4.0",
|
|
111
111
|
"@atlaskit/util-data-test": "^17.9.0",
|
|
112
112
|
"@atlaskit/visual-regression": "*",
|
|
113
113
|
"@atlassian/adf-schema-json": "^1.0.7",
|
|
114
114
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
115
115
|
"@atlassian/link-picker-plugins": "^24.0.0",
|
|
116
|
-
"@atlassian/search-provider": "2.4.
|
|
116
|
+
"@atlassian/search-provider": "2.4.60",
|
|
117
117
|
"@atlassian/ufo": "^0.2.0",
|
|
118
118
|
"@emotion/jest": "^11.8.0",
|
|
119
119
|
"@storybook/addon-knobs": "^5.3.18",
|
|
@@ -343,6 +343,9 @@
|
|
|
343
343
|
"platform.editor.live-view.disable-editing-in-view-mode_fi1rx": {
|
|
344
344
|
"type": "boolean",
|
|
345
345
|
"referenceOnly": "true"
|
|
346
|
+
},
|
|
347
|
+
"platform.editor.explicit-html-element-check": {
|
|
348
|
+
"type": "boolean"
|
|
346
349
|
}
|
|
347
350
|
},
|
|
348
351
|
"stricter": {
|