@atlaskit/editor-core 187.2.2 → 187.2.4

package/dist/esm/plugins/image-upload/pm-plugins/main.js

@@ -102,86 +102,85 @@ var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
   }
   return pluginState.activeUpload;
 };
-export var createPlugin = function createPlugin(_ref2) {
-  var dispatch = _ref2.dispatch,
-    providerFactory = _ref2.providerFactory;
-  var uploadHandlerReference = {
-    current: null
-  };
-  return new SafePlugin({
-    state: {
-      init: function init(_config, state) {
-        return {
-          active: false,
-          enabled: canInsertMedia(state),
-          hidden: !state.schema.nodes.media || !state.schema.nodes.mediaSingle
-        };
-      },
-      apply: function apply(tr, pluginState, _oldState, newState) {
-        var newActive = isMediaSelected(newState);
-        var newEnabled = canInsertMedia(newState);
-        var newActiveUpload = getNewActiveUpload(tr, pluginState);
-        if (newActive !== pluginState.active || newEnabled !== pluginState.enabled || newActiveUpload !== pluginState.activeUpload) {
-          var newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
-            active: newActive,
-            enabled: newEnabled,
-            activeUpload: newActiveUpload
-          });
-          dispatch(stateKey, newPluginState);
-          return newPluginState;
+export var createPlugin = function createPlugin(uploadHandlerReference) {
+  return function (_ref2) {
+    var dispatch = _ref2.dispatch,
+      providerFactory = _ref2.providerFactory;
+    return new SafePlugin({
+      state: {
+        init: function init(_config, state) {
+          return {
+            active: false,
+            enabled: canInsertMedia(state),
+            hidden: !state.schema.nodes.media || !state.schema.nodes.mediaSingle
+          };
+        },
+        apply: function apply(tr, pluginState, _oldState, newState) {
+          var newActive = isMediaSelected(newState);
+          var newEnabled = canInsertMedia(newState);
+          var newActiveUpload = getNewActiveUpload(tr, pluginState);
+          if (newActive !== pluginState.active || newEnabled !== pluginState.enabled || newActiveUpload !== pluginState.activeUpload) {
+            var newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
+              active: newActive,
+              enabled: newEnabled,
+              activeUpload: newActiveUpload
+            });
+            dispatch(stateKey, newPluginState);
+            return newPluginState;
+          }
+          return pluginState;
         }
-        return pluginState;
-      }
-    },
-    key: stateKey,
-    view: function view() {
-      var handleProvider = /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(name, provider) {
-          var imageUploadProvider;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                if (!(name !== 'imageUploadProvider' || !provider)) {
-                  _context.next = 2;
+      },
+      key: stateKey,
+      view: function view() {
+        var handleProvider = /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(name, provider) {
+            var imageUploadProvider;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  if (!(name !== 'imageUploadProvider' || !provider)) {
+                    _context.next = 2;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 2:
+                  _context.prev = 2;
+                  _context.next = 5;
+                  return provider;
+                case 5:
+                  imageUploadProvider = _context.sent;
+                  uploadHandlerReference.current = imageUploadProvider;
+                  _context.next = 12;
                   break;
-                }
-                return _context.abrupt("return");
-              case 2:
-                _context.prev = 2;
-                _context.next = 5;
-                return provider;
-              case 5:
-                imageUploadProvider = _context.sent;
-                uploadHandlerReference.current = imageUploadProvider;
-                _context.next = 12;
-                break;
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](2);
-                uploadHandlerReference.current = null;
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee, null, [[2, 9]]);
-        }));
-        return function handleProvider(_x, _x2) {
-          return _ref3.apply(this, arguments);
+                case 9:
+                  _context.prev = 9;
+                  _context.t0 = _context["catch"](2);
+                  uploadHandlerReference.current = null;
+                case 12:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee, null, [[2, 9]]);
+          }));
+          return function handleProvider(_x, _x2) {
+            return _ref3.apply(this, arguments);
+          };
+        }();
+        providerFactory.subscribe('imageUploadProvider', handleProvider);
+        return {
+          destroy: function destroy() {
+            uploadHandlerReference.current = null;
+            providerFactory.unsubscribe('imageUploadProvider', handleProvider);
+          }
         };
-      }();
-      providerFactory.subscribe('imageUploadProvider', handleProvider);
-      return {
-        destroy: function destroy() {
-          uploadHandlerReference.current = null;
-          providerFactory.unsubscribe('imageUploadProvider', handleProvider);
+      },
+      props: {
+        handleDOMEvents: {
+          drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop', uploadHandlerReference),
+          paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste', uploadHandlerReference)
         }
-      };
-    },
-    props: {
-      handleDOMEvents: {
-        drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop', uploadHandlerReference),
-        paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste', uploadHandlerReference)
       }
-    }
-  });
+    });
+  };
 };

package/dist/esm/plugins/insert-block/index.js

@@ -11,9 +11,7 @@ import WithPluginState from '../../ui/WithPluginState';
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
 import { pluginKey as typeAheadPluginKey } from '../type-ahead/pm-plugins/key';
 import { insertBlockTypesWithAnalytics } from '../block-type/commands';
-import { startImageUpload } from '../image-upload/pm-plugins/commands';
 import { INPUT_METHOD } from '../analytics';
-import { stateKey as imageUploadStateKey } from '../image-upload/pm-plugins/plugin-key';
 import { pluginKey as placeholderTextStateKey } from '../placeholder-text/plugin-key';
 import { pluginKey as macroStateKey } from '../macro/plugin-key';
 import { ToolbarSize } from '../../ui/Toolbar/types';
@@ -70,7 +68,6 @@ var insertBlockPlugin = function insertBlockPlugin() {
             mentionState: mentionPluginKey,
             macroState: macroStateKey,
             emojiState: emojiPluginKey,
-            imageUpload: imageUploadStateKey,
             placeholderTextState: placeholderTextStateKey,
             layoutState: layoutStateKey
           },
@@ -81,7 +78,6 @@ var insertBlockPlugin = function insertBlockPlugin() {
               _ref2$macroState = _ref2.macroState,
               macroState = _ref2$macroState === void 0 ? {} : _ref2$macroState,
               emojiState = _ref2.emojiState,
-              imageUpload = _ref2.imageUpload,
               placeholderTextState = _ref2.placeholderTextState,
               layoutState = _ref2.layoutState;
             return /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
@@ -103,7 +99,6 @@ var insertBlockPlugin = function insertBlockPlugin() {
               mediaState: mediaState,
               macroState: macroState,
               emojiState: emojiState,
-              imageUpload: imageUpload,
               placeholderTextState: placeholderTextState,
               layoutState: layoutState,
               providers: providers,
@@ -121,7 +116,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
   };
 };
 function ToolbarInsertBlockWithInjectionApi(_ref3) {
-  var _pluginInjectionApi$d;
+  var _pluginInjectionApi$d, _pluginInjectionApi$d2;
   var editorView = _ref3.editorView,
     editorActions = _ref3.editorActions,
     dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
@@ -141,14 +136,14 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     mediaState = _ref3.mediaState,
     macroState = _ref3.macroState,
     emojiState = _ref3.emojiState,
-    imageUpload = _ref3.imageUpload,
     placeholderTextState = _ref3.placeholderTextState,
     layoutState = _ref3.layoutState,
     featureFlags = _ref3.featureFlags;
   var buttons = toolbarSizeToButtons(toolbarSize);
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date']),
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload']),
     dateState = _useSharedPluginState.dateState,
-    hyperlinkState = _useSharedPluginState.hyperlinkState;
+    hyperlinkState = _useSharedPluginState.hyperlinkState,
+    imageUploadState = _useSharedPluginState.imageUploadState;
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -167,9 +162,9 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     mediaUploadsEnabled: mediaState && mediaState.allowsUploads,
     onShowMediaPicker: mediaState && mediaState.showMediaPicker,
     mediaSupported: !!mediaState,
-    imageUploadSupported: !!imageUpload,
-    imageUploadEnabled: imageUpload && imageUpload.enabled,
-    handleImageUpload: startImageUpload,
+    imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.imageUpload),
+    imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
+    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.startUpload,
     availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
     linkSupported: !!hyperlinkState,
     linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
@@ -177,7 +172,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     emojiProvider: providers.emojiProvider,
     nativeStatusSupported: options.nativeStatusSupported,
     horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions),
+    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions),
     onInsertMacroFromMacroBrowser: insertMacroFromMacroBrowser,
     macroProvider: macroState.macroProvider,
     popupsMountPoint: popupsMountPoint,

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.2.3";
+export var version = "187.2.4";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.2.3",
+	"version": "187.2.4",
 	"sideEffects": false
 }

package/dist/types/plugins/image-upload/index.d.ts

@@ -1,3 +1,16 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
-declare const imageUpload: NextEditorPlugin<'imageUpload'>;
+import type { Command, NextEditorPlugin } from '@atlaskit/editor-common/types';
+type ImageUploadActions = {
+    startUpload: () => Command;
+};
+type ImageUploadSharedState = {
+    active: boolean;
+    enabled: boolean;
+    hidden: boolean;
+};
+type ImageUploadPlugin = NextEditorPlugin<'imageUpload', {
+    actions: ImageUploadActions;
+    sharedState: ImageUploadSharedState | undefined;
+}>;
+declare const imageUpload: ImageUploadPlugin;
 export default imageUpload;
+export type { ImageUploadPlugin };

package/dist/types/plugins/image-upload/pm-plugins/commands-toolbar.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from '../../../types';
+import type { UploadHandlerReference } from '../types';
+export declare const insertActionForToolbar: (uploadHandlerReference: UploadHandlerReference) => Command;

package/dist/types/plugins/image-upload/pm-plugins/commands.d.ts

@@ -1,5 +1,5 @@
-import { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
+import type { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '../../../types';
-import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
+import type { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 export declare const insertExternalImage: (options: InsertedImageProperties) => Command;
 export declare const startImageUpload: (event?: ImageUploadPluginReferenceEvent) => Command;

package/dist/types/plugins/image-upload/pm-plugins/main.d.ts

@@ -1,4 +1,4 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { ImageUploadPluginState } from '../types';
+import { ImageUploadPluginState, UploadHandlerReference } from '../types';
 import type { PMPluginFactoryParams } from '../../../types';
-export declare const createPlugin: ({ dispatch, providerFactory, }: PMPluginFactoryParams) => SafePlugin<ImageUploadPluginState>;
+export declare const createPlugin: (uploadHandlerReference: UploadHandlerReference) => ({ dispatch, providerFactory }: PMPluginFactoryParams) => SafePlugin<ImageUploadPluginState>;

package/dist/types/plugins/image-upload/types.d.ts

@@ -1,4 +1,5 @@
 import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
+import type { ImageUploadProvider } from '@atlaskit/editor-common/provider-factory';
 export type { InsertedImageProperties, ImageUploadProvider as ImageUploadHandler, } from '@atlaskit/editor-common/provider-factory';
 export type ImageUploadPluginAction = {
     name: 'START_UPLOAD';
@@ -12,3 +13,6 @@ export type ImageUploadPluginState = {
         event?: ImageUploadPluginReferenceEvent;
     };
 };
+export type UploadHandlerReference = {
+    current: ImageUploadProvider | null;
+};

package/dist/types/plugins/insert-block/index.d.ts

@@ -1,4 +1,5 @@
 import { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ImageUploadPlugin } from '../image-upload';
 import type datePlugin from '../date';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
@@ -20,7 +21,8 @@ declare const insertBlockPlugin: NextEditorPlugin<'insertBlock', {
         OptionalPlugin<typeof tablesPlugin>,
         OptionalPlugin<typeof hyperlinkPlugin>,
         OptionalPlugin<typeof datePlugin>,
-        OptionalPlugin<typeof analyticsPlugin>
+        OptionalPlugin<typeof analyticsPlugin>,
+        OptionalPlugin<ImageUploadPlugin>
     ];
 }>;
 export default insertBlockPlugin;

package/dist/types-ts4.5/plugins/image-upload/index.d.ts

@@ -1,3 +1,16 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
-declare const imageUpload: NextEditorPlugin<'imageUpload'>;
+import type { Command, NextEditorPlugin } from '@atlaskit/editor-common/types';
+type ImageUploadActions = {
+    startUpload: () => Command;
+};
+type ImageUploadSharedState = {
+    active: boolean;
+    enabled: boolean;
+    hidden: boolean;
+};
+type ImageUploadPlugin = NextEditorPlugin<'imageUpload', {
+    actions: ImageUploadActions;
+    sharedState: ImageUploadSharedState | undefined;
+}>;
+declare const imageUpload: ImageUploadPlugin;
 export default imageUpload;
+export type { ImageUploadPlugin };

package/dist/types-ts4.5/plugins/image-upload/pm-plugins/commands-toolbar.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from '../../../types';
+import type { UploadHandlerReference } from '../types';
+export declare const insertActionForToolbar: (uploadHandlerReference: UploadHandlerReference) => Command;

package/dist/types-ts4.5/plugins/image-upload/pm-plugins/commands.d.ts

@@ -1,5 +1,5 @@
-import { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
+import type { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '../../../types';
-import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
+import type { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
 export declare const insertExternalImage: (options: InsertedImageProperties) => Command;
 export declare const startImageUpload: (event?: ImageUploadPluginReferenceEvent) => Command;

package/dist/types-ts4.5/plugins/image-upload/pm-plugins/main.d.ts

@@ -1,4 +1,4 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { ImageUploadPluginState } from '../types';
+import { ImageUploadPluginState, UploadHandlerReference } from '../types';
 import type { PMPluginFactoryParams } from '../../../types';
-export declare const createPlugin: ({ dispatch, providerFactory, }: PMPluginFactoryParams) => SafePlugin<ImageUploadPluginState>;
+export declare const createPlugin: (uploadHandlerReference: UploadHandlerReference) => ({ dispatch, providerFactory }: PMPluginFactoryParams) => SafePlugin<ImageUploadPluginState>;

package/dist/types-ts4.5/plugins/image-upload/types.d.ts

@@ -1,4 +1,5 @@
 import { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
+import type { ImageUploadProvider } from '@atlaskit/editor-common/provider-factory';
 export type { InsertedImageProperties, ImageUploadProvider as ImageUploadHandler, } from '@atlaskit/editor-common/provider-factory';
 export type ImageUploadPluginAction = {
     name: 'START_UPLOAD';
@@ -12,3 +13,6 @@ export type ImageUploadPluginState = {
         event?: ImageUploadPluginReferenceEvent;
     };
 };
+export type UploadHandlerReference = {
+    current: ImageUploadProvider | null;
+};

package/dist/types-ts4.5/plugins/insert-block/index.d.ts

@@ -1,4 +1,5 @@
 import { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { ImageUploadPlugin } from '../image-upload';
 import type datePlugin from '../date';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
@@ -20,7 +21,8 @@ declare const insertBlockPlugin: NextEditorPlugin<'insertBlock', {
         OptionalPlugin<typeof tablesPlugin>,
         OptionalPlugin<typeof hyperlinkPlugin>,
         OptionalPlugin<typeof datePlugin>,
-        OptionalPlugin<typeof analyticsPlugin>
+        OptionalPlugin<typeof analyticsPlugin>,
+        OptionalPlugin<ImageUploadPlugin>
     ];
 }>;
 export default insertBlockPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.2.2",
+  "version": "187.2.4",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"