@atlaskit/editor-core 187.23.1 → 187.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/create-editor/ReactEditorViewInternal.js +2 -1
- package/dist/cjs/editor-next/editor-internal.js +3 -0
- package/dist/cjs/plugins/block-type/index.js +3 -6
- package/dist/cjs/plugins/block-type/pm-plugins/keymap.js +12 -12
- package/dist/cjs/plugins/caption/pm-plugins/keymap.js +9 -12
- package/dist/cjs/plugins/help-dialog/index.js +3 -6
- package/dist/cjs/plugins/media/pm-plugins/alt-text/keymap.js +3 -6
- package/dist/cjs/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js +4 -6
- package/dist/cjs/plugins/media/pm-plugins/keymap.js +8 -11
- package/dist/cjs/plugins/media/pm-plugins/linking/keymap.js +2 -5
- package/dist/cjs/plugins/status/keymap.js +3 -6
- package/dist/cjs/plugins/submit-editor/index.js +3 -6
- package/dist/cjs/plugins/text-color/commands/toggle-color.js +1 -1
- package/dist/cjs/presets/context.js +40 -0
- package/dist/cjs/ui/EditorContext/index.js +2 -1
- package/dist/cjs/use-preset.js +51 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/create-editor/ReactEditorViewInternal.js +2 -1
- package/dist/es2019/editor-next/editor-internal.js +3 -0
- package/dist/es2019/plugins/block-type/index.js +3 -3
- package/dist/es2019/plugins/block-type/pm-plugins/keymap.js +11 -12
- package/dist/es2019/plugins/caption/pm-plugins/keymap.js +9 -9
- package/dist/es2019/plugins/help-dialog/index.js +2 -3
- package/dist/es2019/plugins/media/pm-plugins/alt-text/keymap.js +3 -3
- package/dist/es2019/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js +2 -2
- package/dist/es2019/plugins/media/pm-plugins/keymap.js +8 -8
- package/dist/es2019/plugins/media/pm-plugins/linking/keymap.js +2 -2
- package/dist/es2019/plugins/status/keymap.js +3 -3
- package/dist/es2019/plugins/submit-editor/index.js +3 -3
- package/dist/es2019/plugins/text-color/commands/toggle-color.js +2 -2
- package/dist/es2019/presets/context.js +25 -0
- package/dist/es2019/ui/EditorContext/index.js +2 -1
- package/dist/es2019/use-preset.js +45 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/create-editor/ReactEditorViewInternal.js +2 -1
- package/dist/esm/editor-next/editor-internal.js +3 -0
- package/dist/esm/plugins/block-type/index.js +3 -3
- package/dist/esm/plugins/block-type/pm-plugins/keymap.js +11 -12
- package/dist/esm/plugins/caption/pm-plugins/keymap.js +9 -9
- package/dist/esm/plugins/help-dialog/index.js +2 -3
- package/dist/esm/plugins/media/pm-plugins/alt-text/keymap.js +3 -3
- package/dist/esm/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js +2 -2
- package/dist/esm/plugins/media/pm-plugins/keymap.js +8 -8
- package/dist/esm/plugins/media/pm-plugins/linking/keymap.js +2 -2
- package/dist/esm/plugins/status/keymap.js +3 -3
- package/dist/esm/plugins/submit-editor/index.js +3 -3
- package/dist/esm/plugins/text-color/commands/toggle-color.js +2 -2
- package/dist/esm/presets/context.js +26 -0
- package/dist/esm/ui/EditorContext/index.js +2 -1
- package/dist/esm/use-preset.js +45 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/create-editor/ReactEditorViewInternal.d.ts +2 -0
- package/dist/types/labs/next/presets/default.d.ts +28 -28
- package/dist/types/plugins/emoji/commands/insert-emoji.d.ts +2 -2
- package/dist/types/plugins/emoji/index.d.ts +2 -2
- package/dist/types/plugins/find-replace/index.d.ts +1 -1
- package/dist/types/presets/context.d.ts +15 -0
- package/dist/types/use-preset.d.ts +48 -0
- package/dist/types-ts4.5/create-editor/ReactEditorViewInternal.d.ts +2 -0
- package/dist/types-ts4.5/labs/next/presets/default.d.ts +28 -28
- package/dist/types-ts4.5/plugins/emoji/commands/insert-emoji.d.ts +2 -2
- package/dist/types-ts4.5/plugins/emoji/index.d.ts +2 -2
- package/dist/types-ts4.5/plugins/find-replace/index.d.ts +1 -1
- package/dist/types-ts4.5/presets/context.d.ts +15 -0
- package/dist/types-ts4.5/use-preset.d.ts +52 -0
- package/package.json +4 -4
- package/report.api.md +6 -0
- package/tmp/api-report-tmp.d.ts +6 -0
- package/use-preset/package.json +15 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 187.24.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`24fc3925d73`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24fc3925d73) - Add a new hook called `usePreset` accesed via `@atlaskit/editor-core/use-preset`. This hook can be used to safely access state and commands from outside the editor using `EditorContext`.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 187.23.2
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`3a2d2104ca9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a2d2104ca9) - [ux] [ED-19468] Adds dark mode icon for date
|
|
18
|
+
- [`5365e42ef97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5365e42ef97) - cleaned up more of the \* as keymaps imports to enable better tree-shaking
|
|
19
|
+
|
|
3
20
|
## 187.23.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -87,7 +87,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
87
87
|
(0, _inherits2.default)(ReactEditorView, _React$Component);
|
|
88
88
|
var _super = _createSuper(ReactEditorView);
|
|
89
89
|
function ReactEditorView(props, context) {
|
|
90
|
-
var _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
|
|
90
|
+
var _props$setEditorApi, _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
|
|
91
91
|
var _this;
|
|
92
92
|
(0, _classCallCheck2.default)(this, ReactEditorView);
|
|
93
93
|
_this = _super.call(this, props, context);
|
|
@@ -536,6 +536,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
536
536
|
getEditorState: _this.getEditorState,
|
|
537
537
|
getEditorView: _this.getEditorView
|
|
538
538
|
});
|
|
539
|
+
(_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 ? void 0 : _props$setEditorApi.call(props, _this.pluginInjectionAPI.api());
|
|
539
540
|
_this.eventDispatcher = new _eventDispatcher.EventDispatcher();
|
|
540
541
|
_this.dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
|
|
541
542
|
_this.errorReporter = (0, _createEditor.createErrorReporter)(props.editorProps.errorReporterHandler);
|
|
@@ -18,6 +18,7 @@ var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props"
|
|
|
18
18
|
var _ReactEditorViewNext = _interopRequireDefault(require("../create-editor/ReactEditorViewNext"));
|
|
19
19
|
var _contextAdapter = require("../nodeviews/context-adapter");
|
|
20
20
|
var _EditorContext = _interopRequireDefault(require("../ui/EditorContext"));
|
|
21
|
+
var _context = require("../presets/context");
|
|
21
22
|
var _RenderTracking = require("../utils/performance/components/RenderTracking");
|
|
22
23
|
var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
|
|
23
24
|
var _useProviderFactory = _interopRequireDefault(require("./hooks/useProviderFactory"));
|
|
@@ -57,6 +58,7 @@ function EditorInternalWithoutHooks(_ref) {
|
|
|
57
58
|
onEditorDestroyed = _ref.onEditorDestroyed,
|
|
58
59
|
preset = _ref.preset;
|
|
59
60
|
var Component = (0, _createEditor.getUiComponent)(props.appearance);
|
|
61
|
+
var setEditorApi = (0, _context.useSetPresetContext)();
|
|
60
62
|
var overriddenEditorProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
61
63
|
onSave: props.onSave ? handleSave : undefined,
|
|
62
64
|
// noop all analytic events, even if a handler is still passed.
|
|
@@ -101,6 +103,7 @@ function EditorInternalWithoutHooks(_ref) {
|
|
|
101
103
|
onEditorDestroyed: onEditorDestroyed,
|
|
102
104
|
disabled: props.disabled,
|
|
103
105
|
preset: preset,
|
|
106
|
+
setEditorApi: setEditorApi,
|
|
104
107
|
render: function render(_ref2) {
|
|
105
108
|
var _props$featureFlags, _props$featureFlags2;
|
|
106
109
|
var editor = _ref2.editor,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -19,15 +18,13 @@ var _types = require("@atlaskit/editor-common/types");
|
|
|
19
18
|
var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
|
|
20
19
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
21
20
|
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
22
|
-
var
|
|
21
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
23
22
|
var _main = require("./pm-plugins/main");
|
|
24
23
|
var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
|
|
25
24
|
var _inputRule = _interopRequireDefault(require("./pm-plugins/input-rule"));
|
|
26
25
|
var _ToolbarBlockType = _interopRequireDefault(require("./ui/ToolbarBlockType"));
|
|
27
26
|
var _commands = require("./commands");
|
|
28
27
|
var _messages = require("./messages");
|
|
29
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
28
|
var headingPluginOptions = function headingPluginOptions(_ref, isAllowed, editorAnalyticsApi) {
|
|
32
29
|
var formatMessage = _ref.formatMessage;
|
|
33
30
|
if (!isAllowed) {
|
|
@@ -38,7 +35,7 @@ var headingPluginOptions = function headingPluginOptions(_ref, isAllowed, editor
|
|
|
38
35
|
}, function (_v, idx) {
|
|
39
36
|
var level = idx + 1;
|
|
40
37
|
var descriptionDescriptor = _messages.messages["heading".concat(level, "Description")];
|
|
41
|
-
var keyshortcut =
|
|
38
|
+
var keyshortcut = (0, _keymaps.tooltip)(_keymaps.keymap["toggleHeading".concat(level)]);
|
|
42
39
|
var id = "heading".concat(level);
|
|
43
40
|
return {
|
|
44
41
|
id: id,
|
|
@@ -81,7 +78,7 @@ var blockquotePluginOptions = function blockquotePluginOptions(_ref2, isAllowed,
|
|
|
81
78
|
title: formatMessage(_messages.messages.blockquote),
|
|
82
79
|
description: formatMessage(_messages.messages.blockquoteDescription),
|
|
83
80
|
priority: 1300,
|
|
84
|
-
keyshortcut:
|
|
81
|
+
keyshortcut: (0, _keymaps.tooltip)(_keymaps.toggleBlockQuote),
|
|
85
82
|
icon: function icon() {
|
|
86
83
|
return /*#__PURE__*/_react.default.createElement(_quickInsert.IconQuote, null);
|
|
87
84
|
},
|
|
@@ -8,27 +8,27 @@ exports.default = keymapPlugin;
|
|
|
8
8
|
var _history = require("@atlaskit/editor-prosemirror/history");
|
|
9
9
|
var _commands = require("@atlaskit/editor-prosemirror/commands");
|
|
10
10
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
11
|
-
var
|
|
11
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
12
12
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
13
13
|
var blockTypes = _interopRequireWildcard(require("../types"));
|
|
14
14
|
var _commands2 = require("../commands");
|
|
15
15
|
var _utils2 = require("../utils");
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
var
|
|
18
|
+
var backspaceCommand = (0, _commands.chainCommands)(_commands2.cleanUpAtTheStartOfDocument, (0, _commands2.deleteBlockContent)(_utils2.isNodeAWrappingBlockNode), _commands2.deleteAndMoveCursor);
|
|
19
19
|
var del = (0, _commands.chainCommands)((0, _utils.deleteEmptyParagraphAndMoveBlockUp)(_utils2.isNodeAWrappingBlockNode), (0, _commands2.deleteBlockContent)(_utils2.isNodeAWrappingBlockNode), _commands2.deleteAndMoveCursor);
|
|
20
20
|
function keymapPlugin(editorAnalyticsApi, schema, _featureFlags) {
|
|
21
21
|
var list = {};
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.insertNewLine.common, (0, _utils.insertNewLineWithAnalytics)(editorAnalyticsApi), list);
|
|
23
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveUp.common, _utils.createNewParagraphAbove, list);
|
|
24
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, _utils.createNewParagraphBelow, list);
|
|
25
|
+
(0, _keymaps.bindKeymapWithCommand)((0, _keymaps.findKeyMapForBrowser)(_keymaps.redo), _history.redo, list);
|
|
26
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.undo.common, _history.undo, list);
|
|
27
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, backspaceCommand, list);
|
|
28
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.deleteKey.common, del, list);
|
|
29
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.forwardDelete.mac, del, list);
|
|
30
30
|
if (schema.nodes[blockTypes.BLOCK_QUOTE.nodeName]) {
|
|
31
|
-
|
|
31
|
+
(0, _keymaps.bindKeymapWithCommand)((0, _keymaps.findShortcutByKeymap)(_keymaps.toggleBlockQuote), (0, _commands2.insertBlockTypesWithAnalytics)(blockTypes.BLOCK_QUOTE.name, _analytics.INPUT_METHOD.KEYBOARD, editorAnalyticsApi), list);
|
|
32
32
|
}
|
|
33
|
-
return (0,
|
|
33
|
+
return (0, _keymaps.keymap)(list);
|
|
34
34
|
}
|
|
@@ -1,28 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.captionKeymap = captionKeymap;
|
|
8
7
|
var _keymap = require("@atlaskit/editor-prosemirror/keymap");
|
|
9
8
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
10
|
-
var
|
|
9
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
11
10
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
12
11
|
var _utils2 = require("@atlaskit/editor-common/utils");
|
|
13
12
|
var _selection = require("../../selection/gap-cursor/selection");
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
13
|
function captionKeymap() {
|
|
17
14
|
var list = {};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, createNewParagraphBelowCaption, list);
|
|
16
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, createNewParagraphBelowCaption, list);
|
|
17
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, getOutOfCaption, list);
|
|
18
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, getOutOfCaption, list);
|
|
19
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveUp.common, selectParentMediaSingle, list);
|
|
20
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.shiftTab.common, selectParentMediaSingle, list);
|
|
21
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.tab.common, getOutOfCaption, list);
|
|
22
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, gapCursorSelectLeftParentMediaSingle, list);
|
|
26
23
|
return (0, _keymap.keymap)(list);
|
|
27
24
|
}
|
|
28
25
|
var createNewParagraphBelowCaption = function createNewParagraphBelowCaption(state, dispatch) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
11
10
|
var _react = _interopRequireDefault(require("react"));
|
|
12
11
|
var _keymap = require("@atlaskit/editor-prosemirror/keymap");
|
|
13
12
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
14
|
-
var
|
|
13
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
15
14
|
var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
|
|
16
15
|
var _HelpDialogLoader = require("./ui/HelpDialogLoader");
|
|
17
16
|
var _quickInsert = require("../quick-insert");
|
|
@@ -20,8 +19,6 @@ var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/quest
|
|
|
20
19
|
var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
|
|
21
20
|
var _commands = require("./commands");
|
|
22
21
|
var _pluginKey = require("./plugin-key");
|
|
23
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
23
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
24
|
function createPlugin(dispatch, imageEnabled) {
|
|
@@ -78,7 +75,7 @@ var helpDialog = function helpDialog() {
|
|
|
78
75
|
description: formatMessage(_messages.messages.helpDescription),
|
|
79
76
|
keywords: ['?'],
|
|
80
77
|
priority: 4000,
|
|
81
|
-
keyshortcut: (0,
|
|
78
|
+
keyshortcut: (0, _keymaps.tooltip)(_keymaps.openHelp),
|
|
82
79
|
icon: function icon() {
|
|
83
80
|
return /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
|
|
84
81
|
label: ""
|
|
@@ -126,7 +123,7 @@ var helpDialog = function helpDialog() {
|
|
|
126
123
|
};
|
|
127
124
|
var keymapPlugin = function keymapPlugin(editorAnalyticsAPI) {
|
|
128
125
|
var list = {};
|
|
129
|
-
|
|
126
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.openHelp.common, function (state, dispatch) {
|
|
130
127
|
var tr = state.tr;
|
|
131
128
|
var isVisible = tr.getMeta(_pluginKey.pluginKey);
|
|
132
129
|
if (!isVisible) {
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.default = keymapPlugin;
|
|
8
7
|
var _keymap = require("@atlaskit/editor-prosemirror/keymap");
|
|
9
|
-
var
|
|
8
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
10
9
|
var _commands = require("./commands");
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
10
|
function keymapPlugin(schema, editorAnalyticsAPI) {
|
|
14
11
|
var list = {};
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.addAltText.common, (0, _commands.openMediaAltTextMenu)(editorAnalyticsAPI), list);
|
|
13
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.escape.common, _commands.closeMediaAltTextMenu, list);
|
|
17
14
|
return (0, _keymap.keymap)(list);
|
|
18
15
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -22,15 +21,14 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-ci
|
|
|
22
21
|
var _messages = require("../messages");
|
|
23
22
|
var _reactIntlNext = require("react-intl-next");
|
|
24
23
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
25
|
-
var
|
|
24
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
25
|
+
var _keymaps2 = require("../../../../../keymaps");
|
|
26
26
|
var _commands = require("../commands");
|
|
27
27
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
28
28
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
29
29
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
30
30
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
31
31
|
/** @jsx jsx */
|
|
32
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
34
32
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
35
33
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
36
34
|
var CONTAINER_WIDTH_IN_PX = _ui.RECENT_SEARCH_WIDTH_IN_PX;
|
|
@@ -137,9 +135,9 @@ var AltTextEditComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
137
135
|
var formatMessage = this.props.intl.formatMessage;
|
|
138
136
|
var showClearTextButton = this.state.showClearTextButton;
|
|
139
137
|
var backButtonMessage = formatMessage(_messages.messages.back);
|
|
140
|
-
var backButtonMessageComponent = (0, _react2.jsx)(
|
|
138
|
+
var backButtonMessageComponent = (0, _react2.jsx)(_keymaps2.ToolTipContent, {
|
|
141
139
|
description: backButtonMessage,
|
|
142
|
-
keymap:
|
|
140
|
+
keymap: _keymaps.escape,
|
|
143
141
|
shortcutOverride: "Esc"
|
|
144
142
|
});
|
|
145
143
|
var errorsList = (this.state.validationErrors || []).map(function (error, index) {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -8,26 +7,24 @@ exports.default = void 0;
|
|
|
8
7
|
exports.keymapPlugin = keymapPlugin;
|
|
9
8
|
var _keymap = require("@atlaskit/editor-prosemirror/keymap");
|
|
10
9
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
11
|
-
var
|
|
10
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
12
11
|
var _pluginKey = require("../pm-plugins/plugin-key");
|
|
13
12
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
14
13
|
var _selection = require("@atlaskit/editor-common/selection");
|
|
15
14
|
var _captions = require("../commands/captions");
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
15
|
function keymapPlugin(options, editorAnalyticsAPI) {
|
|
19
16
|
var list = {};
|
|
20
17
|
var _ref = options || {},
|
|
21
18
|
featureFlags = _ref.featureFlags;
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.undo.common, ignoreLinksInSteps, list);
|
|
20
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, splitMediaGroup, list);
|
|
24
21
|
if ((0, _mediaCommon.getMediaFeatureFlag)('captions', featureFlags)) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, insertAndSelectCaption(editorAnalyticsAPI), list);
|
|
23
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.tab.common, insertAndSelectCaption(editorAnalyticsAPI), list);
|
|
24
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, arrowLeftFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
|
|
25
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, arrowRightFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
|
|
29
26
|
}
|
|
30
|
-
|
|
27
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.insertNewLine.common, splitMediaGroup, list);
|
|
31
28
|
return (0, _keymap.keymap)(list);
|
|
32
29
|
}
|
|
33
30
|
var ignoreLinksInSteps = function ignoreLinksInSteps(state) {
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.default = keymapPlugin;
|
|
8
7
|
var _keymap = require("@atlaskit/editor-prosemirror/keymap");
|
|
9
|
-
var
|
|
8
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
10
9
|
var _linking = require("../../commands/linking");
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
10
|
function keymapPlugin(schema) {
|
|
14
11
|
var list = {};
|
|
15
|
-
|
|
12
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.addLink.common, _linking.showLinkingToolbarWithMediaTypeCheck, list);
|
|
16
13
|
return (0, _keymap.keymap)(list);
|
|
17
14
|
}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.default = void 0;
|
|
8
7
|
exports.keymapPlugin = keymapPlugin;
|
|
9
8
|
var _keymap = require("@atlaskit/editor-prosemirror/keymap");
|
|
10
|
-
var
|
|
9
|
+
var _keymaps = require("../../keymaps");
|
|
11
10
|
var _utils = require("./utils");
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
11
|
function keymapPlugin() {
|
|
15
12
|
var list = {};
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, consumeKeyEvent, list);
|
|
14
|
+
(0, _keymaps.bindKeymapWithCommand)(_keymaps.tab.common, consumeKeyEvent, list);
|
|
18
15
|
return (0, _keymap.keymap)(list);
|
|
19
16
|
}
|
|
20
17
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,17 +8,15 @@ exports.createPlugin = createPlugin;
|
|
|
9
8
|
exports.default = void 0;
|
|
10
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
10
|
var _keymap2 = require("@atlaskit/editor-prosemirror/keymap");
|
|
12
|
-
var
|
|
13
|
-
var _analytics = require("
|
|
11
|
+
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
12
|
+
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
14
13
|
var _pluginKey = require("../../plugins/media/pm-plugins/plugin-key");
|
|
15
14
|
var _consts = require("../analytics/consts");
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
15
|
function createPlugin(eventDispatch, onSave) {
|
|
19
16
|
if (!onSave) {
|
|
20
17
|
return;
|
|
21
18
|
}
|
|
22
|
-
return (0, _keymap2.keymap)((0, _defineProperty2.default)({}, "".concat(
|
|
19
|
+
return (0, _keymap2.keymap)((0, _defineProperty2.default)({}, "".concat(_keymaps.submit.common), function _(state, _dispatch, editorView) {
|
|
23
20
|
var mediaState = _pluginKey.stateKey.getState(state);
|
|
24
21
|
if (mediaState && mediaState.waitForMediaUpload && !mediaState.allUploadsFinished) {
|
|
25
22
|
return true;
|
|
@@ -27,7 +27,7 @@ var toggleColor = function toggleColor(color) {
|
|
|
27
27
|
color: color
|
|
28
28
|
});
|
|
29
29
|
state.tr.scrollIntoView();
|
|
30
|
-
(0, _preset.
|
|
30
|
+
(0, _preset.editorCommandToPMCommand)((0, _mark.toggleMark)(textColor, {
|
|
31
31
|
color: color
|
|
32
32
|
}))(state, dispatch);
|
|
33
33
|
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.useSetPresetContext = exports.usePresetContext = exports.PresetContextProvider = exports.EditorAPIContext = void 0;
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
+
var EditorAPIContext = /*#__PURE__*/_react.default.createContext({});
|
|
14
|
+
exports.EditorAPIContext = EditorAPIContext;
|
|
15
|
+
var PresetContextProvider = function PresetContextProvider(_ref) {
|
|
16
|
+
var children = _ref.children;
|
|
17
|
+
var _useState = (0, _react.useState)(),
|
|
18
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
19
|
+
editorApi = _useState2[0],
|
|
20
|
+
setEditorApi = _useState2[1];
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement(EditorAPIContext.Provider, {
|
|
22
|
+
value: {
|
|
23
|
+
editorApi: editorApi,
|
|
24
|
+
setEditorApi: setEditorApi
|
|
25
|
+
}
|
|
26
|
+
}, children);
|
|
27
|
+
};
|
|
28
|
+
exports.PresetContextProvider = PresetContextProvider;
|
|
29
|
+
var usePresetContext = function usePresetContext() {
|
|
30
|
+
var _useContext = (0, _react.useContext)(EditorAPIContext),
|
|
31
|
+
editorApi = _useContext.editorApi;
|
|
32
|
+
return editorApi;
|
|
33
|
+
};
|
|
34
|
+
exports.usePresetContext = usePresetContext;
|
|
35
|
+
var useSetPresetContext = function useSetPresetContext() {
|
|
36
|
+
var _useContext2 = (0, _react.useContext)(EditorAPIContext),
|
|
37
|
+
setEditorApi = _useContext2.setEditorApi;
|
|
38
|
+
return setEditorApi;
|
|
39
|
+
};
|
|
40
|
+
exports.useSetPresetContext = useSetPresetContext;
|
|
@@ -14,6 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
16
|
var _actions = _interopRequireDefault(require("../../actions"));
|
|
17
|
+
var _context = require("../../presets/context");
|
|
17
18
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
18
19
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
19
20
|
var EditorContext = /*#__PURE__*/_react.default.createContext({});
|
|
@@ -43,7 +44,7 @@ var LegacyEditorContext = /*#__PURE__*/function (_React$Component) {
|
|
|
43
44
|
value: function render() {
|
|
44
45
|
return /*#__PURE__*/_react.default.createElement(EditorContext.Provider, {
|
|
45
46
|
value: this.getChildContext()
|
|
46
|
-
}, this.props.children);
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_context.PresetContextProvider, null, this.props.children));
|
|
47
48
|
}
|
|
48
49
|
}]);
|
|
49
50
|
return LegacyEditorContext;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.usePreset = usePreset;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./presets/context");
|
|
9
|
+
/**
|
|
10
|
+
* Creates a preset.
|
|
11
|
+
*
|
|
12
|
+
* Takes an input function that returns a preset (and memoizes it) depending
|
|
13
|
+
* on the dependency array provided.
|
|
14
|
+
*
|
|
15
|
+
* Returns a pluginInjectionApi in order to apply actions and subscribe to plugin
|
|
16
|
+
* changes outside of the editor.
|
|
17
|
+
*
|
|
18
|
+
* @param createPreset
|
|
19
|
+
* @param dependencies
|
|
20
|
+
* @returns PresetAPI ({ pluginInjectionApi, preset, actionBuilder })
|
|
21
|
+
*
|
|
22
|
+
* Example:
|
|
23
|
+
* ```ts
|
|
24
|
+
* function ExampleEditor() {
|
|
25
|
+
* const { preset, editorApi } = usePreset(() =>
|
|
26
|
+
* new EditorPresetBuilder().add(plugin1).add(plugin2)
|
|
27
|
+
* , []);
|
|
28
|
+
*
|
|
29
|
+
* // Can execute typesafe commands based on plugin1 or 2
|
|
30
|
+
* const runCommand = () => editorApi.executeCommand(
|
|
31
|
+
* editorApi.dependencies.plugin1.commands.doSomething()
|
|
32
|
+
* )
|
|
33
|
+
* return (
|
|
34
|
+
* <>
|
|
35
|
+
* <Editor preset={preset} />
|
|
36
|
+
* <Button onClick={runCommand}>Run command</Button>
|
|
37
|
+
* </>
|
|
38
|
+
* )
|
|
39
|
+
* }
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
function usePreset(createPreset, dependencies) {
|
|
43
|
+
var editorApi = (0, _context.usePresetContext)();
|
|
44
|
+
|
|
45
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
46
|
+
var preset = (0, _react.useMemo)(createPreset, dependencies);
|
|
47
|
+
return {
|
|
48
|
+
editorApi: editorApi,
|
|
49
|
+
preset: preset
|
|
50
|
+
};
|
|
51
|
+
}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.nextMajorVersion = exports.name = void 0;
|
|
7
7
|
var name = "@atlaskit/editor-core";
|
|
8
8
|
exports.name = name;
|
|
9
|
-
var version = "187.
|
|
9
|
+
var version = "187.24.0";
|
|
10
10
|
exports.version = version;
|
|
11
11
|
var nextMajorVersion = function nextMajorVersion() {
|
|
12
12
|
return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
|
package/dist/cjs/version.json
CHANGED
|
@@ -86,7 +86,7 @@ export class ReactEditorView extends React.Component {
|
|
|
86
86
|
return ((_this$props$editorPro3 = this.props.editorProps) === null || _this$props$editorPro3 === void 0 ? void 0 : (_this$props$editorPro4 = _this$props$editorPro3.performanceTracking) === null || _this$props$editorPro4 === void 0 ? void 0 : (_this$props$editorPro5 = _this$props$editorPro4.transactionTracking) === null || _this$props$editorPro5 === void 0 ? void 0 : _this$props$editorPro5.enabled) === false;
|
|
87
87
|
}
|
|
88
88
|
constructor(props, context) {
|
|
89
|
-
var _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
|
|
89
|
+
var _props$setEditorApi, _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
|
|
90
90
|
super(props, context);
|
|
91
91
|
_defineProperty(this, "editorRef", /*#__PURE__*/React.createRef());
|
|
92
92
|
// ProseMirror is instantiated prior to the initial React render cycle,
|
|
@@ -532,6 +532,7 @@ export class ReactEditorView extends React.Component {
|
|
|
532
532
|
getEditorState: this.getEditorState,
|
|
533
533
|
getEditorView: this.getEditorView
|
|
534
534
|
});
|
|
535
|
+
(_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 ? void 0 : _props$setEditorApi.call(props, this.pluginInjectionAPI.api());
|
|
535
536
|
this.eventDispatcher = new EventDispatcher();
|
|
536
537
|
this.dispatch = createDispatch(this.eventDispatcher);
|
|
537
538
|
this.errorReporter = createErrorReporter(props.editorProps.errorReporterHandler);
|
|
@@ -10,6 +10,7 @@ import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from
|
|
|
10
10
|
import ReactEditorView from '../create-editor/ReactEditorViewNext';
|
|
11
11
|
import { ContextAdapter } from '../nodeviews/context-adapter';
|
|
12
12
|
import EditorContext from '../ui/EditorContext';
|
|
13
|
+
import { useSetPresetContext } from '../presets/context';
|
|
13
14
|
import { RenderTracking } from '../utils/performance/components/RenderTracking';
|
|
14
15
|
import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
|
|
15
16
|
import useProviderFactory from './hooks/useProviderFactory';
|
|
@@ -51,6 +52,7 @@ export function EditorInternalWithoutHooks({
|
|
|
51
52
|
}) {
|
|
52
53
|
var _props$performanceTra, _props$performanceTra2, _props$performanceTra3, _props$performanceTra4;
|
|
53
54
|
const Component = getUiComponent(props.appearance);
|
|
55
|
+
const setEditorApi = useSetPresetContext();
|
|
54
56
|
const overriddenEditorProps = {
|
|
55
57
|
...props,
|
|
56
58
|
onSave: props.onSave ? handleSave : undefined,
|
|
@@ -95,6 +97,7 @@ export function EditorInternalWithoutHooks({
|
|
|
95
97
|
onEditorDestroyed: onEditorDestroyed,
|
|
96
98
|
disabled: props.disabled,
|
|
97
99
|
preset: preset,
|
|
100
|
+
setEditorApi: setEditorApi,
|
|
98
101
|
render: ({
|
|
99
102
|
editor,
|
|
100
103
|
view,
|