@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.
Files changed (77) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/labs/next/presets/default.js +2 -2
  3. package/dist/cjs/plugins/index.js +0 -7
  4. package/dist/cjs/plugins/tasks-and-decisions/nodeviews/taskItem.js +3 -1
  5. package/dist/cjs/plugins/tasks-and-decisions/pm-plugins/helpers.js +111 -2
  6. package/dist/cjs/plugins/tasks-and-decisions/pm-plugins/main.js +108 -7
  7. package/dist/cjs/plugins/tasks-and-decisions/pm-plugins/types.js +12 -0
  8. package/dist/cjs/version-wrapper.js +1 -1
  9. package/dist/es2019/labs/next/presets/default.js +1 -1
  10. package/dist/es2019/plugins/index.js +0 -1
  11. package/dist/es2019/plugins/tasks-and-decisions/nodeviews/taskItem.js +4 -1
  12. package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/helpers.js +121 -1
  13. package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/main.js +113 -5
  14. package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/types.js +5 -0
  15. package/dist/es2019/version-wrapper.js +1 -1
  16. package/dist/esm/labs/next/presets/default.js +1 -1
  17. package/dist/esm/plugins/index.js +0 -1
  18. package/dist/esm/plugins/tasks-and-decisions/nodeviews/taskItem.js +3 -1
  19. package/dist/esm/plugins/tasks-and-decisions/pm-plugins/helpers.js +102 -1
  20. package/dist/esm/plugins/tasks-and-decisions/pm-plugins/main.js +106 -5
  21. package/dist/esm/plugins/tasks-and-decisions/pm-plugins/types.js +5 -0
  22. package/dist/esm/version-wrapper.js +1 -1
  23. package/dist/types/plugins/help-dialog/index.d.ts +4 -4
  24. package/dist/types/plugins/index.d.ts +0 -1
  25. package/dist/types/plugins/insert-block/types.d.ts +2 -2
  26. package/dist/types/plugins/tasks-and-decisions/pm-plugins/helpers.d.ts +23 -1
  27. package/dist/types/plugins/tasks-and-decisions/pm-plugins/types.d.ts +8 -0
  28. package/dist/types/plugins/tasks-and-decisions/ui/Task/index.d.ts +1 -0
  29. package/dist/types/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.d.ts +1 -0
  30. package/dist/types-ts4.5/plugins/help-dialog/index.d.ts +4 -4
  31. package/dist/types-ts4.5/plugins/index.d.ts +0 -1
  32. package/dist/types-ts4.5/plugins/insert-block/types.d.ts +2 -2
  33. package/dist/types-ts4.5/plugins/tasks-and-decisions/pm-plugins/helpers.d.ts +23 -1
  34. package/dist/types-ts4.5/plugins/tasks-and-decisions/pm-plugins/types.d.ts +8 -0
  35. package/dist/types-ts4.5/plugins/tasks-and-decisions/ui/Task/index.d.ts +1 -0
  36. package/dist/types-ts4.5/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.d.ts +1 -0
  37. package/package.json +7 -6
  38. package/dist/cjs/plugins/quick-insert/commands.js +0 -44
  39. package/dist/cjs/plugins/quick-insert/index.js +0 -189
  40. package/dist/cjs/plugins/quick-insert/plugin-key.js +0 -9
  41. package/dist/cjs/plugins/quick-insert/search.js +0 -33
  42. package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.js +0 -140
  43. package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/categories.js +0 -100
  44. package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/index.js +0 -61
  45. package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/messages.js +0 -15
  46. package/dist/es2019/plugins/quick-insert/commands.js +0 -29
  47. package/dist/es2019/plugins/quick-insert/index.js +0 -151
  48. package/dist/es2019/plugins/quick-insert/plugin-key.js +0 -2
  49. package/dist/es2019/plugins/quick-insert/search.js +0 -16
  50. package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.js +0 -137
  51. package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/categories.js +0 -94
  52. package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/index.js +0 -51
  53. package/dist/es2019/plugins/quick-insert/ui/ModalElementBrowser/messages.js +0 -8
  54. package/dist/esm/plugins/quick-insert/commands.js +0 -35
  55. package/dist/esm/plugins/quick-insert/index.js +0 -181
  56. package/dist/esm/plugins/quick-insert/plugin-key.js +0 -2
  57. package/dist/esm/plugins/quick-insert/search.js +0 -25
  58. package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.js +0 -128
  59. package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/categories.js +0 -94
  60. package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/index.js +0 -50
  61. package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/messages.js +0 -8
  62. package/dist/types/plugins/quick-insert/commands.d.ts +0 -5
  63. package/dist/types/plugins/quick-insert/index.d.ts +0 -16
  64. package/dist/types/plugins/quick-insert/plugin-key.d.ts +0 -3
  65. package/dist/types/plugins/quick-insert/search.d.ts +0 -5
  66. package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.d.ts +0 -18
  67. package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/categories.d.ts +0 -5
  68. package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/index.d.ts +0 -11
  69. package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/messages.d.ts +0 -7
  70. package/dist/types-ts4.5/plugins/quick-insert/commands.d.ts +0 -5
  71. package/dist/types-ts4.5/plugins/quick-insert/index.d.ts +0 -16
  72. package/dist/types-ts4.5/plugins/quick-insert/plugin-key.d.ts +0 -3
  73. package/dist/types-ts4.5/plugins/quick-insert/search.d.ts +0 -5
  74. package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/ModalElementBrowser.d.ts +0 -18
  75. package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/categories.d.ts +0 -5
  76. package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/index.d.ts +0 -11
  77. package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/messages.d.ts +0 -7
@@ -5,6 +5,7 @@ import { ContentRef } from '@atlaskit/task-decision';
5
5
  export interface TaskProps {
6
6
  taskId: string;
7
7
  isDone: boolean;
8
+ isFocused?: boolean;
8
9
  contentRef?: ContentRef;
9
10
  onChange?: (taskId: string, isChecked: boolean) => void;
10
11
  showPlaceholder?: boolean;
@@ -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.8",
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.6.0",
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.6.0",
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.8.0",
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.12.0",
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.1.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;