@atlaskit/editor-core 187.43.8 → 187.43.11
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 +9 -0
- package/dist/cjs/labs/next/presets/default.js +2 -2
- package/dist/cjs/plugins/index.js +0 -7
- package/dist/cjs/plugins/tasks-and-decisions/nodeviews/taskItem.js +3 -1
- package/dist/cjs/plugins/tasks-and-decisions/pm-plugins/helpers.js +111 -2
- package/dist/cjs/plugins/tasks-and-decisions/pm-plugins/main.js +108 -7
- package/dist/cjs/plugins/tasks-and-decisions/pm-plugins/types.js +12 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/labs/next/presets/default.js +1 -1
- package/dist/es2019/plugins/index.js +0 -1
- package/dist/es2019/plugins/tasks-and-decisions/nodeviews/taskItem.js +4 -1
- package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/helpers.js +121 -1
- package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/main.js +113 -5
- package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/types.js +5 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/labs/next/presets/default.js +1 -1
- package/dist/esm/plugins/index.js +0 -1
- package/dist/esm/plugins/tasks-and-decisions/nodeviews/taskItem.js +3 -1
- package/dist/esm/plugins/tasks-and-decisions/pm-plugins/helpers.js +102 -1
- package/dist/esm/plugins/tasks-and-decisions/pm-plugins/main.js +106 -5
- package/dist/esm/plugins/tasks-and-decisions/pm-plugins/types.js +5 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/plugins/help-dialog/index.d.ts +4 -4
- package/dist/types/plugins/index.d.ts +0 -1
- package/dist/types/plugins/insert-block/types.d.ts +2 -2
- package/dist/types/plugins/tasks-and-decisions/pm-plugins/helpers.d.ts +23 -1
- package/dist/types/plugins/tasks-and-decisions/pm-plugins/types.d.ts +8 -0
- package/dist/types/plugins/tasks-and-decisions/ui/Task/index.d.ts +1 -0
- package/dist/types/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.d.ts +1 -0
- package/dist/types-ts4.5/plugins/help-dialog/index.d.ts +4 -4
- package/dist/types-ts4.5/plugins/index.d.ts +0 -1
- package/dist/types-ts4.5/plugins/insert-block/types.d.ts +2 -2
- package/dist/types-ts4.5/plugins/tasks-and-decisions/pm-plugins/helpers.d.ts +23 -1
- package/dist/types-ts4.5/plugins/tasks-and-decisions/pm-plugins/types.d.ts +8 -0
- package/dist/types-ts4.5/plugins/tasks-and-decisions/ui/Task/index.d.ts +1 -0
- package/dist/types-ts4.5/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.d.ts +1 -0
- package/package.json +7 -6
- package/dist/cjs/plugins/quick-insert/commands.js +0 -44
- package/dist/cjs/plugins/quick-insert/index.js +0 -189
- package/dist/cjs/plugins/quick-insert/plugin-key.js +0 -9
- package/dist/cjs/plugins/quick-insert/search.js +0 -33
- package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.js +0 -140
- package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/categories.js +0 -100
- package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/index.js +0 -61
- package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/messages.js +0 -15
- package/dist/es2019/plugins/quick-insert/commands.js +0 -29
- package/dist/es2019/plugins/quick-insert/index.js +0 -151
- package/dist/es2019/plugins/quick-insert/plugin-key.js +0 -2
- package/dist/es2019/plugins/quick-insert/search.js +0 -16
- package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.js +0 -137
- package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/categories.js +0 -94
- package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/index.js +0 -51
- package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/messages.js +0 -8
- package/dist/esm/plugins/quick-insert/commands.js +0 -35
- package/dist/esm/plugins/quick-insert/index.js +0 -181
- package/dist/esm/plugins/quick-insert/plugin-key.js +0 -2
- package/dist/esm/plugins/quick-insert/search.js +0 -25
- package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.js +0 -128
- package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/categories.js +0 -94
- package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/index.js +0 -50
- package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/messages.js +0 -8
- package/dist/types/plugins/quick-insert/commands.d.ts +0 -5
- package/dist/types/plugins/quick-insert/index.d.ts +0 -16
- package/dist/types/plugins/quick-insert/plugin-key.d.ts +0 -3
- package/dist/types/plugins/quick-insert/search.d.ts +0 -5
- package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.d.ts +0 -18
- package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/categories.d.ts +0 -5
- package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/index.d.ts +0 -11
- package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/messages.d.ts +0 -7
- package/dist/types-ts4.5/plugins/quick-insert/commands.d.ts +0 -5
- package/dist/types-ts4.5/plugins/quick-insert/index.d.ts +0 -16
- package/dist/types-ts4.5/plugins/quick-insert/plugin-key.d.ts +0 -3
- package/dist/types-ts4.5/plugins/quick-insert/search.d.ts +0 -5
- package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.d.ts +0 -18
- package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/categories.d.ts +0 -5
- package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/index.d.ts +0 -11
- package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/messages.d.ts +0 -7
|
@@ -4,6 +4,7 @@ import { ContentRef, TaskDecisionProvider } from '@atlaskit/task-decision';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
taskId: string;
|
|
6
6
|
isDone: boolean;
|
|
7
|
+
isFocused?: boolean;
|
|
7
8
|
contentRef?: ContentRef;
|
|
8
9
|
onChange?: (taskId: string, isChecked: boolean) => void;
|
|
9
10
|
showPlaceholder?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "187.43.
|
|
3
|
+
"version": "187.43.11",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
"@atlaskit/editor-plugin-image-upload": "^0.2.0",
|
|
80
80
|
"@atlaskit/editor-plugin-list": "^1.2.0",
|
|
81
81
|
"@atlaskit/editor-plugin-placeholder": "^0.1.0",
|
|
82
|
+
"@atlaskit/editor-plugin-quick-insert": "^0.1.0",
|
|
82
83
|
"@atlaskit/editor-plugin-rule": "^0.1.0",
|
|
83
84
|
"@atlaskit/editor-plugin-table": "^3.0.0",
|
|
84
85
|
"@atlaskit/editor-plugin-text-formatting": "^0.4.0",
|
|
@@ -86,7 +87,7 @@
|
|
|
86
87
|
"@atlaskit/editor-plugin-unsupported-content": "^0.2.0",
|
|
87
88
|
"@atlaskit/editor-plugin-width": "^0.2.0",
|
|
88
89
|
"@atlaskit/editor-prosemirror": "1.1.0",
|
|
89
|
-
"@atlaskit/editor-shared-styles": "^2.
|
|
90
|
+
"@atlaskit/editor-shared-styles": "^2.7.0",
|
|
90
91
|
"@atlaskit/editor-tables": "^2.3.0",
|
|
91
92
|
"@atlaskit/emoji": "^67.5.0",
|
|
92
93
|
"@atlaskit/empty-state": "^7.6.0",
|
|
@@ -109,13 +110,13 @@
|
|
|
109
110
|
"@atlaskit/prosemirror-input-rules": "^2.4.0",
|
|
110
111
|
"@atlaskit/radio": "^5.6.0",
|
|
111
112
|
"@atlaskit/section-message": "^6.4.0",
|
|
112
|
-
"@atlaskit/select": "^16.
|
|
113
|
+
"@atlaskit/select": "^16.7.0",
|
|
113
114
|
"@atlaskit/smart-card": "^26.26.0",
|
|
114
115
|
"@atlaskit/smart-user-picker": "^6.3.0",
|
|
115
116
|
"@atlaskit/spinner": "^15.5.0",
|
|
116
117
|
"@atlaskit/status": "^1.3.0",
|
|
117
118
|
"@atlaskit/tabs": "^13.4.0",
|
|
118
|
-
"@atlaskit/task-decision": "^17.
|
|
119
|
+
"@atlaskit/task-decision": "^17.9.0",
|
|
119
120
|
"@atlaskit/textarea": "^4.7.0",
|
|
120
121
|
"@atlaskit/textfield": "^5.6.0",
|
|
121
122
|
"@atlaskit/theme": "^12.6.0",
|
|
@@ -168,7 +169,7 @@
|
|
|
168
169
|
"@atlaskit/media-test-helpers": "^33.0.0",
|
|
169
170
|
"@atlaskit/menu": "^1.10.0",
|
|
170
171
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
171
|
-
"@atlaskit/renderer": "^108.
|
|
172
|
+
"@atlaskit/renderer": "^108.13.0",
|
|
172
173
|
"@atlaskit/section-message": "^6.4.0",
|
|
173
174
|
"@atlaskit/smart-user-picker": "^6.3.0",
|
|
174
175
|
"@atlaskit/synchrony-test-helpers": "^2.3.0",
|
|
@@ -179,7 +180,7 @@
|
|
|
179
180
|
"@atlaskit/visual-regression": "*",
|
|
180
181
|
"@atlaskit/webdriver-runner": "*",
|
|
181
182
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
182
|
-
"@atlassian/editor-extension-link-create": "^0.
|
|
183
|
+
"@atlassian/editor-extension-link-create": "^0.2.0",
|
|
183
184
|
"@atlassian/feature-flags-test-utils": "^0.1.1",
|
|
184
185
|
"@atlassian/link-picker-plugins": "^23.0.0",
|
|
185
186
|
"@atlassian/search-provider": "2.4.7",
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.openElementBrowserModal = exports.insertItem = exports.closeElementBrowserModal = void 0;
|
|
7
|
-
var _insert = require("@atlaskit/editor-common/insert");
|
|
8
|
-
var _pluginKey = require("./plugin-key");
|
|
9
|
-
var openElementBrowserModal = function openElementBrowserModal(_ref) {
|
|
10
|
-
var tr = _ref.tr;
|
|
11
|
-
return tr.setMeta(_pluginKey.pluginKey, {
|
|
12
|
-
isElementBrowserModalOpen: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
exports.openElementBrowserModal = openElementBrowserModal;
|
|
16
|
-
var closeElementBrowserModal = function closeElementBrowserModal() {
|
|
17
|
-
return function (state, dispatch) {
|
|
18
|
-
if (dispatch) {
|
|
19
|
-
dispatch(state.tr.setMeta(_pluginKey.pluginKey, {
|
|
20
|
-
isElementBrowserModalOpen: false
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
return true;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
// this method was adapted from the typeahead plugin so we respect the API for quick insert items
|
|
28
|
-
exports.closeElementBrowserModal = closeElementBrowserModal;
|
|
29
|
-
var insertItem = function insertItem(item) {
|
|
30
|
-
return function (state, dispatch) {
|
|
31
|
-
var insert = function insert(maybeNode) {
|
|
32
|
-
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
33
|
-
return (0, _insert.insertSelectedItem)(maybeNode, opts)(state, state.tr, state.selection.head);
|
|
34
|
-
};
|
|
35
|
-
var tr = item.action(insert, state);
|
|
36
|
-
|
|
37
|
-
/** @note There is no transaction when called without a search currently (different insert) */
|
|
38
|
-
if (tr && dispatch) {
|
|
39
|
-
dispatch(tr);
|
|
40
|
-
}
|
|
41
|
-
return true;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
exports.insertItem = insertItem;
|
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
13
|
-
var _typeAhead = require("@atlaskit/editor-common/type-ahead");
|
|
14
|
-
var _pluginKey = require("./plugin-key");
|
|
15
|
-
var _ModalElementBrowser = _interopRequireDefault(require("./ui/ModalElementBrowser"));
|
|
16
|
-
var _commands = require("./commands");
|
|
17
|
-
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
18
|
-
var _search = require("./search");
|
|
19
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
-
var quickInsertPlugin = function quickInsertPlugin(_ref) {
|
|
22
|
-
var options = _ref.config,
|
|
23
|
-
api = _ref.api;
|
|
24
|
-
return {
|
|
25
|
-
name: 'quickInsert',
|
|
26
|
-
pmPlugins: function pmPlugins(defaultItems) {
|
|
27
|
-
return [{
|
|
28
|
-
name: 'quickInsert',
|
|
29
|
-
// It's important that this plugin is above TypeAheadPlugin
|
|
30
|
-
plugin: function plugin(_ref2) {
|
|
31
|
-
var providerFactory = _ref2.providerFactory,
|
|
32
|
-
getIntl = _ref2.getIntl,
|
|
33
|
-
dispatch = _ref2.dispatch;
|
|
34
|
-
return quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler);
|
|
35
|
-
}
|
|
36
|
-
}];
|
|
37
|
-
},
|
|
38
|
-
pluginsOptions: {
|
|
39
|
-
typeAhead: {
|
|
40
|
-
id: _typeAhead.TypeAheadAvailableNodes.QUICK_INSERT,
|
|
41
|
-
trigger: '/',
|
|
42
|
-
headless: options === null || options === void 0 ? void 0 : options.headless,
|
|
43
|
-
getItems: function getItems(_ref3) {
|
|
44
|
-
var query = _ref3.query,
|
|
45
|
-
editorState = _ref3.editorState;
|
|
46
|
-
var quickInsertState = _pluginKey.pluginKey.getState(editorState);
|
|
47
|
-
return Promise.resolve((0, _search.getQuickInsertSuggestions)({
|
|
48
|
-
query: query,
|
|
49
|
-
disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems
|
|
50
|
-
}, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems));
|
|
51
|
-
},
|
|
52
|
-
selectItem: function selectItem(state, item, insert) {
|
|
53
|
-
return item.action(insert, state);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
contentComponent: function contentComponent(_ref4) {
|
|
58
|
-
var editorView = _ref4.editorView;
|
|
59
|
-
if (options !== null && options !== void 0 && options.enableElementBrowser) {
|
|
60
|
-
return /*#__PURE__*/_react.default.createElement(_ModalElementBrowser.default, {
|
|
61
|
-
editorView: editorView,
|
|
62
|
-
helpUrl: options === null || options === void 0 ? void 0 : options.elementBrowserHelpUrl,
|
|
63
|
-
pluginInjectionAPI: api
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
return null;
|
|
67
|
-
},
|
|
68
|
-
getSharedState: function getSharedState(editorState) {
|
|
69
|
-
if (!editorState) {
|
|
70
|
-
return null;
|
|
71
|
-
}
|
|
72
|
-
var quickInsertState = _pluginKey.pluginKey.getState(editorState);
|
|
73
|
-
if (!quickInsertState) {
|
|
74
|
-
return null;
|
|
75
|
-
}
|
|
76
|
-
return {
|
|
77
|
-
lazyDefaultItems: quickInsertState.lazyDefaultItems,
|
|
78
|
-
emptyStateHandler: quickInsertState.emptyStateHandler,
|
|
79
|
-
providedItems: quickInsertState.providedItems,
|
|
80
|
-
isElementBrowserModalOpen: quickInsertState.isElementBrowserModalOpen
|
|
81
|
-
};
|
|
82
|
-
},
|
|
83
|
-
actions: {
|
|
84
|
-
insertItem: _commands.insertItem,
|
|
85
|
-
getSuggestions: function getSuggestions(searchOptions) {
|
|
86
|
-
var _api$quickInsert$shar;
|
|
87
|
-
var _ref5 = (_api$quickInsert$shar = api === null || api === void 0 ? void 0 : api.quickInsert.sharedState.currentState()) !== null && _api$quickInsert$shar !== void 0 ? _api$quickInsert$shar : {},
|
|
88
|
-
lazyDefaultItems = _ref5.lazyDefaultItems,
|
|
89
|
-
providedItems = _ref5.providedItems;
|
|
90
|
-
return (0, _search.getQuickInsertSuggestions)(searchOptions, lazyDefaultItems, providedItems);
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
commands: {
|
|
94
|
-
openElementBrowserModal: _commands.openElementBrowserModal
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
|
-
var _default = quickInsertPlugin;
|
|
99
|
-
exports.default = _default;
|
|
100
|
-
var setProviderState = function setProviderState(providerState) {
|
|
101
|
-
return function (state, dispatch) {
|
|
102
|
-
if (dispatch) {
|
|
103
|
-
dispatch(state.tr.setMeta(_pluginKey.pluginKey, providerState));
|
|
104
|
-
}
|
|
105
|
-
return true;
|
|
106
|
-
};
|
|
107
|
-
};
|
|
108
|
-
function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
|
|
109
|
-
return new _safePlugin.SafePlugin({
|
|
110
|
-
key: _pluginKey.pluginKey,
|
|
111
|
-
state: {
|
|
112
|
-
init: function init() {
|
|
113
|
-
return {
|
|
114
|
-
isElementBrowserModalOpen: false,
|
|
115
|
-
emptyStateHandler: emptyStateHandler,
|
|
116
|
-
// lazy so it doesn't run on editor initialization
|
|
117
|
-
// memo here to avoid using a singleton cache, avoids editor
|
|
118
|
-
// getting confused when two editors exist within the same page.
|
|
119
|
-
lazyDefaultItems: function lazyDefaultItems() {
|
|
120
|
-
return (0, _quickInsert.memoProcessQuickInsertItems)(defaultItems || [], getIntl());
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
},
|
|
124
|
-
apply: function apply(tr, pluginState) {
|
|
125
|
-
var meta = tr.getMeta(_pluginKey.pluginKey);
|
|
126
|
-
if (meta) {
|
|
127
|
-
var keys = Object.keys(meta);
|
|
128
|
-
var changed = keys.some(function (key) {
|
|
129
|
-
return pluginState[key] !== meta[key];
|
|
130
|
-
});
|
|
131
|
-
if (changed) {
|
|
132
|
-
var newState = _objectSpread(_objectSpread({}, pluginState), meta);
|
|
133
|
-
dispatch(_pluginKey.pluginKey, newState);
|
|
134
|
-
return newState;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
return pluginState;
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
view: function view(editorView) {
|
|
141
|
-
var providerHandler = /*#__PURE__*/function () {
|
|
142
|
-
var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_name, providerPromise) {
|
|
143
|
-
var provider, providedItems;
|
|
144
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
145
|
-
while (1) switch (_context.prev = _context.next) {
|
|
146
|
-
case 0:
|
|
147
|
-
if (!providerPromise) {
|
|
148
|
-
_context.next = 14;
|
|
149
|
-
break;
|
|
150
|
-
}
|
|
151
|
-
_context.prev = 1;
|
|
152
|
-
_context.next = 4;
|
|
153
|
-
return providerPromise;
|
|
154
|
-
case 4:
|
|
155
|
-
provider = _context.sent;
|
|
156
|
-
_context.next = 7;
|
|
157
|
-
return provider.getItems();
|
|
158
|
-
case 7:
|
|
159
|
-
providedItems = _context.sent;
|
|
160
|
-
setProviderState({
|
|
161
|
-
provider: provider,
|
|
162
|
-
providedItems: providedItems
|
|
163
|
-
})(editorView.state, editorView.dispatch);
|
|
164
|
-
_context.next = 14;
|
|
165
|
-
break;
|
|
166
|
-
case 11:
|
|
167
|
-
_context.prev = 11;
|
|
168
|
-
_context.t0 = _context["catch"](1);
|
|
169
|
-
// eslint-disable-next-line no-console
|
|
170
|
-
console.error('Error getting items from quick insert provider', _context.t0);
|
|
171
|
-
case 14:
|
|
172
|
-
case "end":
|
|
173
|
-
return _context.stop();
|
|
174
|
-
}
|
|
175
|
-
}, _callee, null, [[1, 11]]);
|
|
176
|
-
}));
|
|
177
|
-
return function providerHandler(_x, _x2) {
|
|
178
|
-
return _ref6.apply(this, arguments);
|
|
179
|
-
};
|
|
180
|
-
}();
|
|
181
|
-
providerFactory.subscribe('quickInsertProvider', providerHandler);
|
|
182
|
-
return {
|
|
183
|
-
destroy: function destroy() {
|
|
184
|
-
providerFactory.unsubscribe('quickInsertProvider', providerHandler);
|
|
185
|
-
}
|
|
186
|
-
};
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.pluginKey = void 0;
|
|
7
|
-
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
8
|
-
var pluginKey = new _state.PluginKey('quickInsertPluginKey');
|
|
9
|
-
exports.pluginKey = pluginKey;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.getQuickInsertSuggestions = void 0;
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var _utils = require("@atlaskit/editor-common/utils");
|
|
10
|
-
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
11
|
-
var getQuickInsertSuggestions = function getQuickInsertSuggestions(searchOptions) {
|
|
12
|
-
var lazyDefaultItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
|
|
13
|
-
return [];
|
|
14
|
-
};
|
|
15
|
-
var providedItems = arguments.length > 2 ? arguments[2] : undefined;
|
|
16
|
-
var query = searchOptions.query,
|
|
17
|
-
category = searchOptions.category,
|
|
18
|
-
disableDefaultItems = searchOptions.disableDefaultItems,
|
|
19
|
-
featuredItems = searchOptions.featuredItems;
|
|
20
|
-
var defaultItems = disableDefaultItems ? [] : lazyDefaultItems();
|
|
21
|
-
var items = providedItems ? (0, _utils.dedupe)([].concat((0, _toConsumableArray2.default)(defaultItems), (0, _toConsumableArray2.default)(providedItems)), function (item) {
|
|
22
|
-
return item.title;
|
|
23
|
-
}) : defaultItems;
|
|
24
|
-
if (featuredItems) {
|
|
25
|
-
return items.filter(function (item) {
|
|
26
|
-
return item.featured;
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
return (0, _quickInsert.find)(query || '', category === 'all' || !category ? items : items.filter(function (item) {
|
|
30
|
-
return item.categories && item.categories.includes(category);
|
|
31
|
-
}));
|
|
32
|
-
};
|
|
33
|
-
exports.getQuickInsertSuggestions = getQuickInsertSuggestions;
|
|
@@ -1,140 +0,0 @@
|
|
|
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.default = exports.MODAL_WRAPPER_PADDING = void 0;
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
var _reactIntlNext = require("react-intl-next");
|
|
14
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
15
|
-
var _components = require("@atlaskit/theme/components");
|
|
16
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
17
|
-
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
18
|
-
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
19
|
-
var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
|
|
20
|
-
var _elementBrowser = require("@atlaskit/editor-common/element-browser");
|
|
21
|
-
var _categories = require("./categories");
|
|
22
|
-
var _messages = require("./messages");
|
|
23
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
24
|
-
/** @jsx jsx */
|
|
25
|
-
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); }
|
|
26
|
-
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; }
|
|
27
|
-
var MODAL_WRAPPER_PADDING = 16;
|
|
28
|
-
exports.MODAL_WRAPPER_PADDING = MODAL_WRAPPER_PADDING;
|
|
29
|
-
var actions = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n margin: 0 -4px;\n"])));
|
|
30
|
-
var actionItem = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1 0 auto;\n margin: 0 ", ";\n"])), "var(--ds-space-050, 4px)");
|
|
31
|
-
var wrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex: 1 1 auto;\n box-sizing: border-box;\n padding: ", " ", " 0 10px;\n overflow: hidden;\n background-color: ", ";\n border-radius: ", "px;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", (0, _components.themed)({
|
|
32
|
-
light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
|
|
33
|
-
dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
|
|
34
|
-
})(), (0, _constants.borderRadius)());
|
|
35
|
-
var modalFooter = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: ", ";\n\n position: relative;\n align-items: center;\n justify-content: space-between;\n"])), "var(--ds-space-200, 16px)");
|
|
36
|
-
var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
37
|
-
var _useState = (0, _react.useState)(),
|
|
38
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
39
|
-
selectedItem = _useState2[0],
|
|
40
|
-
setSelectedItem = _useState2[1];
|
|
41
|
-
var helpUrl = props.helpUrl,
|
|
42
|
-
intl = props.intl,
|
|
43
|
-
onClose = props.onClose,
|
|
44
|
-
onInsertItemFn = props.onInsertItem;
|
|
45
|
-
var onSelectItem = (0, _react.useCallback)(function (item) {
|
|
46
|
-
setSelectedItem(item);
|
|
47
|
-
}, [setSelectedItem]);
|
|
48
|
-
var onInsertItem = (0, _react.useCallback)(function (item) {
|
|
49
|
-
onInsertItemFn(item);
|
|
50
|
-
}, [onInsertItemFn]);
|
|
51
|
-
var RenderFooter = (0, _react.useCallback)(function () {
|
|
52
|
-
return (0, _react2.jsx)(Footer, {
|
|
53
|
-
onInsert: function onInsert() {
|
|
54
|
-
return onInsertItem(selectedItem);
|
|
55
|
-
},
|
|
56
|
-
beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(_messages.messages.help)) : undefined
|
|
57
|
-
});
|
|
58
|
-
}, [onInsertItem, selectedItem, helpUrl, intl]);
|
|
59
|
-
|
|
60
|
-
// Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
|
|
61
|
-
var onKeyDown = (0, _react.useCallback)(function (e) {
|
|
62
|
-
if (e.key === 'Escape') {
|
|
63
|
-
onClose();
|
|
64
|
-
}
|
|
65
|
-
}, [onClose]);
|
|
66
|
-
var RenderBody = (0, _react.useCallback)(function () {
|
|
67
|
-
return (0, _react2.jsx)("div", {
|
|
68
|
-
css: wrapper
|
|
69
|
-
}, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
|
|
70
|
-
categories: (0, _categories.getCategories)(props.intl),
|
|
71
|
-
getItems: props.getItems,
|
|
72
|
-
showSearch: true,
|
|
73
|
-
showCategories: true,
|
|
74
|
-
mode: "full",
|
|
75
|
-
onSelectItem: onSelectItem,
|
|
76
|
-
onInsertItem: onInsertItem,
|
|
77
|
-
emptyStateHandler: props.emptyStateHandler
|
|
78
|
-
}));
|
|
79
|
-
}, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
|
|
80
|
-
return (0, _react2.jsx)("div", {
|
|
81
|
-
"data-editor-popup": true,
|
|
82
|
-
onClick: onModalClick,
|
|
83
|
-
onKeyDown: onKeyDown
|
|
84
|
-
}, (0, _react2.jsx)(_modalDialog.ModalTransition, null, props.isOpen && (0, _react2.jsx)(_modalDialog.default, {
|
|
85
|
-
testId: "element-browser-modal-dialog",
|
|
86
|
-
stackIndex: 0,
|
|
87
|
-
key: "element-browser-modal",
|
|
88
|
-
onClose: props.onClose,
|
|
89
|
-
height: "664px",
|
|
90
|
-
width: "x-large",
|
|
91
|
-
autoFocus: false
|
|
92
|
-
// defaults to true and doesn't work along with stackIndex=1.
|
|
93
|
-
// packages/design-system/modal-dialog/src/components/Content.tsx Line 287
|
|
94
|
-
,
|
|
95
|
-
shouldCloseOnEscapePress: false
|
|
96
|
-
}, (0, _react2.jsx)(RenderBody, null), (0, _react2.jsx)(RenderFooter, null))));
|
|
97
|
-
};
|
|
98
|
-
ModalElementBrowser.displayName = 'ModalElementBrowser';
|
|
99
|
-
|
|
100
|
-
// Prevent ModalElementBrowser click propagation through to the editor.
|
|
101
|
-
var onModalClick = function onModalClick(e) {
|
|
102
|
-
return e.stopPropagation();
|
|
103
|
-
};
|
|
104
|
-
var Footer = function Footer(_ref) {
|
|
105
|
-
var onInsert = _ref.onInsert,
|
|
106
|
-
beforeElement = _ref.beforeElement;
|
|
107
|
-
var _useModal = (0, _modalDialog.useModal)(),
|
|
108
|
-
onClose = _useModal.onClose;
|
|
109
|
-
return (0, _react2.jsx)("div", {
|
|
110
|
-
css: modalFooter
|
|
111
|
-
}, beforeElement ? beforeElement : (0, _react2.jsx)("span", null), (0, _react2.jsx)("div", {
|
|
112
|
-
css: actions
|
|
113
|
-
}, (0, _react2.jsx)("div", {
|
|
114
|
-
css: actionItem
|
|
115
|
-
}, (0, _react2.jsx)(_customThemeButton.default, {
|
|
116
|
-
appearance: "primary",
|
|
117
|
-
onClick: onInsert,
|
|
118
|
-
testId: "ModalElementBrowser__insert-button"
|
|
119
|
-
}, "Insert")), (0, _react2.jsx)("div", {
|
|
120
|
-
css: actionItem
|
|
121
|
-
}, (0, _react2.jsx)(_customThemeButton.default, {
|
|
122
|
-
appearance: "subtle",
|
|
123
|
-
onClick: onClose,
|
|
124
|
-
testId: "ModalElementBrowser__close-button"
|
|
125
|
-
}, "Close"))));
|
|
126
|
-
};
|
|
127
|
-
var HelpLink = function HelpLink(url, helpText) {
|
|
128
|
-
return (0, _react2.jsx)(_customThemeButton.default, {
|
|
129
|
-
iconBefore: (0, _react2.jsx)(_questionCircle.default, {
|
|
130
|
-
label: "",
|
|
131
|
-
size: "medium"
|
|
132
|
-
}),
|
|
133
|
-
appearance: "subtle-link",
|
|
134
|
-
href: url,
|
|
135
|
-
target: "_blank",
|
|
136
|
-
testId: "ModalElementBrowser__help-button"
|
|
137
|
-
}, helpText);
|
|
138
|
-
};
|
|
139
|
-
var _default = (0, _reactIntlNext.injectIntl)(ModalElementBrowser);
|
|
140
|
-
exports.default = _default;
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getCategories = getCategories;
|
|
7
|
-
var _reactIntlNext = require("react-intl-next");
|
|
8
|
-
function getCategories(intl) {
|
|
9
|
-
return [{
|
|
10
|
-
title: intl.formatMessage(messages.all),
|
|
11
|
-
name: 'all'
|
|
12
|
-
}, {
|
|
13
|
-
title: intl.formatMessage(messages.formatting),
|
|
14
|
-
name: 'formatting'
|
|
15
|
-
}, {
|
|
16
|
-
title: intl.formatMessage(messages['confluence-content']),
|
|
17
|
-
name: 'confluence-content'
|
|
18
|
-
}, {
|
|
19
|
-
title: intl.formatMessage(messages.media),
|
|
20
|
-
name: 'media'
|
|
21
|
-
}, {
|
|
22
|
-
title: intl.formatMessage(messages.visuals),
|
|
23
|
-
name: 'visuals'
|
|
24
|
-
}, {
|
|
25
|
-
title: intl.formatMessage(messages.navigation),
|
|
26
|
-
name: 'navigation'
|
|
27
|
-
}, {
|
|
28
|
-
title: intl.formatMessage(messages['external-content']),
|
|
29
|
-
name: 'external-content'
|
|
30
|
-
}, {
|
|
31
|
-
title: intl.formatMessage(messages.communication),
|
|
32
|
-
name: 'communication'
|
|
33
|
-
}, {
|
|
34
|
-
title: intl.formatMessage(messages.reporting),
|
|
35
|
-
name: 'reporting'
|
|
36
|
-
}, {
|
|
37
|
-
title: intl.formatMessage(messages.admin),
|
|
38
|
-
name: 'admin'
|
|
39
|
-
}, {
|
|
40
|
-
title: intl.formatMessage(messages.development),
|
|
41
|
-
name: 'development'
|
|
42
|
-
}];
|
|
43
|
-
}
|
|
44
|
-
var messages = (0, _reactIntlNext.defineMessages)({
|
|
45
|
-
all: {
|
|
46
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-all',
|
|
47
|
-
defaultMessage: 'All',
|
|
48
|
-
description: 'all'
|
|
49
|
-
},
|
|
50
|
-
formatting: {
|
|
51
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-formatting',
|
|
52
|
-
defaultMessage: 'Formatting',
|
|
53
|
-
description: 'formatting'
|
|
54
|
-
},
|
|
55
|
-
'confluence-content': {
|
|
56
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-confluence-content',
|
|
57
|
-
defaultMessage: 'Confluence content',
|
|
58
|
-
description: 'confluence-content'
|
|
59
|
-
},
|
|
60
|
-
media: {
|
|
61
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-media',
|
|
62
|
-
defaultMessage: 'Media',
|
|
63
|
-
description: 'media'
|
|
64
|
-
},
|
|
65
|
-
visuals: {
|
|
66
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-visuals',
|
|
67
|
-
defaultMessage: 'Visuals & images',
|
|
68
|
-
description: 'visuals'
|
|
69
|
-
},
|
|
70
|
-
navigation: {
|
|
71
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-navigation',
|
|
72
|
-
defaultMessage: 'Navigation',
|
|
73
|
-
description: 'navigation'
|
|
74
|
-
},
|
|
75
|
-
'external-content': {
|
|
76
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-external-content',
|
|
77
|
-
defaultMessage: 'External content',
|
|
78
|
-
description: 'external-content'
|
|
79
|
-
},
|
|
80
|
-
communication: {
|
|
81
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-communication',
|
|
82
|
-
defaultMessage: 'Communication',
|
|
83
|
-
description: 'communication'
|
|
84
|
-
},
|
|
85
|
-
reporting: {
|
|
86
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-reporting',
|
|
87
|
-
defaultMessage: 'Reporting',
|
|
88
|
-
description: 'reporting'
|
|
89
|
-
},
|
|
90
|
-
admin: {
|
|
91
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-admin',
|
|
92
|
-
defaultMessage: 'Administration',
|
|
93
|
-
description: 'admin'
|
|
94
|
-
},
|
|
95
|
-
development: {
|
|
96
|
-
id: 'fabric.editor.elementbrowser.categorylist.category-development',
|
|
97
|
-
defaultMessage: 'Development',
|
|
98
|
-
description: 'development'
|
|
99
|
-
}
|
|
100
|
-
});
|
|
@@ -1,61 +0,0 @@
|
|
|
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.default = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _ModalElementBrowser = _interopRequireDefault(require("./ModalElementBrowser"));
|
|
11
|
-
var _commands = require("../../commands");
|
|
12
|
-
var _search = require("../../search");
|
|
13
|
-
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
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
|
-
var Modal = function Modal(_ref) {
|
|
17
|
-
var quickInsertState = _ref.quickInsertState,
|
|
18
|
-
editorView = _ref.editorView,
|
|
19
|
-
helpUrl = _ref.helpUrl;
|
|
20
|
-
var getItems = (0, _react.useCallback)(function (query, category) {
|
|
21
|
-
return (0, _search.getQuickInsertSuggestions)({
|
|
22
|
-
query: query,
|
|
23
|
-
category: category
|
|
24
|
-
}, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems);
|
|
25
|
-
}, [quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems]);
|
|
26
|
-
var focusInEditor = (0, _react.useCallback)(function () {
|
|
27
|
-
if (!editorView.hasFocus()) {
|
|
28
|
-
editorView.focus();
|
|
29
|
-
}
|
|
30
|
-
}, [editorView]);
|
|
31
|
-
var onInsertItem = (0, _react.useCallback)(function (item) {
|
|
32
|
-
(0, _commands.closeElementBrowserModal)()(editorView.state, editorView.dispatch);
|
|
33
|
-
focusInEditor();
|
|
34
|
-
(0, _commands.insertItem)(item)(editorView.state, editorView.dispatch);
|
|
35
|
-
}, [editorView, focusInEditor]);
|
|
36
|
-
var onClose = (0, _react.useCallback)(function () {
|
|
37
|
-
(0, _commands.closeElementBrowserModal)()(editorView.state, editorView.dispatch);
|
|
38
|
-
focusInEditor();
|
|
39
|
-
}, [editorView, focusInEditor]);
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(_ModalElementBrowser.default, {
|
|
41
|
-
getItems: getItems,
|
|
42
|
-
onInsertItem: onInsertItem,
|
|
43
|
-
helpUrl: helpUrl,
|
|
44
|
-
isOpen: (quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.isElementBrowserModalOpen) || false,
|
|
45
|
-
emptyStateHandler: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.emptyStateHandler,
|
|
46
|
-
onClose: onClose
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
var _default = function _default(_ref2) {
|
|
50
|
-
var editorView = _ref2.editorView,
|
|
51
|
-
helpUrl = _ref2.helpUrl,
|
|
52
|
-
pluginInjectionAPI = _ref2.pluginInjectionAPI;
|
|
53
|
-
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionAPI, ['quickInsert']),
|
|
54
|
-
quickInsertState = _useSharedPluginState.quickInsertState;
|
|
55
|
-
return /*#__PURE__*/_react.default.createElement(Modal, {
|
|
56
|
-
quickInsertState: quickInsertState !== null && quickInsertState !== void 0 ? quickInsertState : undefined,
|
|
57
|
-
editorView: editorView,
|
|
58
|
-
helpUrl: helpUrl
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
exports.default = _default;
|