@atlaskit/editor-core 187.18.1 → 187.18.2

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

@@ -1,32 +0,0 @@
-import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { createExternalMediaNode } from '../utils';
-import { startUpload } from './actions';
-import { stateKey } from './plugin-key';
-export var insertExternalImage = function insertExternalImage(options) {
-  return function (state, dispatch) {
-    var pluginState = stateKey.getState(state);
-    if (!(pluginState !== null && pluginState !== void 0 && pluginState.enabled) || !options.src) {
-      return false;
-    }
-    var mediaNode = createExternalMediaNode(options.src, state.schema);
-    if (!mediaNode) {
-      return false;
-    }
-    if (dispatch) {
-      dispatch(safeInsert(mediaNode, state.selection.$to.pos)(state.tr).scrollIntoView());
-    }
-    return true;
-  };
-};
-export var startImageUpload = function startImageUpload(event) {
-  return function (state, dispatch) {
-    var pluginState = stateKey.getState(state);
-    if (pluginState && !pluginState.enabled) {
-      return false;
-    }
-    if (dispatch) {
-      dispatch(startUpload(event)(state.tr));
-    }
-    return true;
-  };
-};

package/dist/esm/plugins/image-upload/pm-plugins/input-rule.js

@@ -1,23 +0,0 @@
-import { createRule, createPlugin } from '@atlaskit/prosemirror-input-rules';
-import { createExternalMediaNode } from '../utils';
-export function inputRulePlugin(schema, featureFlags) {
-  if (!schema.nodes.media || !schema.nodes.mediaSingle) {
-    return;
-  }
-
-  // ![something](link) should convert to an image
-  var imageRule = createRule(/!\[(.*)\]\((\S+)\)$/, function (state, match, start, end) {
-    var schema = state.schema;
-    var attrs = {
-      src: match[2],
-      alt: match[1]
-    };
-    var node = createExternalMediaNode(attrs.src, schema);
-    if (node) {
-      return state.tr.replaceWith(start, end, node);
-    }
-    return null;
-  });
-  return createPlugin('image-upload', [imageRule]);
-}
-export default inputRulePlugin;

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

@@ -1,186 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { isClipboardEvent, isPastedFile } from '../../../utils/clipboard';
-import { isDragEvent, isDroppedFile } from '../../../utils/drag-drop';
-import { canInsertMedia, isMediaSelected } from '../utils';
-import { insertExternalImage, startImageUpload } from './commands';
-import { stateKey } from './plugin-key';
-/**
- * Microsoft Office includes a screenshot image when copying text content.
- *
- * This function determines whether or not we can ignore the image if it
- * came from MS Office. We do this by checking for
- *
- * - plain text
- * - HTML text which includes the MS Office namespace
- * - the number of files and the file name/type
- *
- * It is easy to manually verify this using by using Office on Mac
- * (or Excel if on Windows) and pasting into
- * https://evercoder.github.io/clipboard-inspector/
- *
- * Note: image content in Word is stored in the `text/html` portion
- * of the clipboard, not under `files` attachment like the screenshot.
- *
- * @returns boolean True if the paste event contains a screenshot from MS Office
- */
-var hasScreenshotImageFromMSOffice = function hasScreenshotImageFromMSOffice(ev) {
-  var _ref = ev,
-    clipboardData = _ref.clipboardData;
-  if (!clipboardData || clipboardData.files.length !== 1) {
-    return false;
-  }
-  var textPlain = !!clipboardData.getData('text/plain');
-  var textHtml = clipboardData.getData('text/html');
-  var isOfficeXMLNamespace = textHtml.includes('urn:schemas-microsoft-com:office:office');
-  var file = clipboardData.files[0];
-  var isImagePNG = file.type === 'image/png' && file.name === 'image.png';
-  return isImagePNG && textPlain && isOfficeXMLNamespace;
-};
-var createReferenceEventFromEvent = function createReferenceEventFromEvent(event) {
-  var _event$dataTransfer, _event$clipboardData;
-  if (!isDragEvent(event) && !isClipboardEvent(event)) {
-    return null;
-  }
-
-  // Get files list and early exit if files is undefined
-  var files = isDragEvent(event) ? (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files : (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.files;
-  if (!files) {
-    return null;
-  }
-
-  // Convert filelist into an array
-  var filesArray = Array.from(files);
-
-  // Creating a new DataTransfer object should remove any mutation that could be possible from the original event
-  var dataTransfer = filesArray.reduce(function (acc, value) {
-    acc.items.add(value);
-    return acc;
-  }, new DataTransfer());
-  return _objectSpread(_objectSpread({
-    type: isDragEvent(event) ? 'drop' : 'paste'
-  }, isDragEvent(event) && {
-    dataTransfer: dataTransfer
-  }), isClipboardEvent(event) && {
-    clipboardData: dataTransfer
-  });
-};
-var createDOMHandler = function createDOMHandler(pred, _eventName, uploadHandlerReference) {
-  return function (view, event) {
-    if (!pred(event)) {
-      return false;
-    }
-    var shouldUpload = !hasScreenshotImageFromMSOffice(event);
-    var referenceEvent = createReferenceEventFromEvent(event);
-    if (shouldUpload && referenceEvent) {
-      event.preventDefault();
-      event.stopPropagation();
-
-      // Insert external image into document
-      if (uploadHandlerReference.current) {
-        uploadHandlerReference.current(referenceEvent, function (options) {
-          insertExternalImage(options)(view.state, view.dispatch);
-        });
-      }
-
-      // Start image upload
-      startImageUpload(referenceEvent)(view.state, view.dispatch);
-    }
-    return shouldUpload;
-  };
-};
-var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
-  var meta = tr.getMeta(stateKey);
-  if (meta && meta.name === 'START_UPLOAD') {
-    return {
-      event: meta.event
-    };
-  }
-  return pluginState.activeUpload;
-};
-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;
-        }
-      },
-      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;
-                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);
-          }
-        };
-      },
-      props: {
-        handleDOMEvents: {
-          drop: createDOMHandler(isDroppedFile, 'atlassian.editor.image.drop', uploadHandlerReference),
-          paste: createDOMHandler(isPastedFile, 'atlassian.editor.image.paste', uploadHandlerReference)
-        }
-      }
-    });
-  };
-};

package/dist/esm/plugins/image-upload/pm-plugins/plugin-key.js

@@ -1,2 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export var stateKey = new PluginKey('imageUploadPlugin');

package/dist/esm/plugins/image-upload/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/plugins/image-upload/utils.js

@@ -1,31 +0,0 @@
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export var isMediaSelected = function isMediaSelected(state) {
-  var media = state.schema.nodes.media;
-  return state.selection instanceof NodeSelection && state.selection.node.type === media;
-};
-export var canInsertMedia = function canInsertMedia(state) {
-  var mediaSingle = state.schema.nodes.mediaSingle;
-  var $to = state.selection.$to;
-  if (mediaSingle) {
-    for (var d = $to.depth; d >= 0; d--) {
-      var index = $to.index(d);
-      if ($to.node(d).canReplaceWith(index, index, mediaSingle)) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-export var createExternalMediaNode = function createExternalMediaNode(url, schema) {
-  var _schema$nodes = schema.nodes,
-    media = _schema$nodes.media,
-    mediaSingle = _schema$nodes.mediaSingle;
-  if (!media || !mediaSingle) {
-    return null;
-  }
-  var mediaNode = media.createChecked({
-    type: 'external',
-    url: url
-  });
-  return mediaSingle.createChecked({}, mediaNode);
-};

package/dist/esm/utils/drag-drop.js

@@ -1,11 +0,0 @@
-// Typeguard Function
-export var isDragEvent = function isDragEvent(event) {
-  return 'dataTransfer' in event;
-};
-export function isDroppedFile(rawEvent) {
-  var e = rawEvent;
-  if (!e.dataTransfer) {
-    return false;
-  }
-  return Array.prototype.slice.call(e.dataTransfer.types).indexOf('Files') !== -1;
-}

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

@@ -1,16 +0,0 @@
-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/actions.d.ts

@@ -1,3 +0,0 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
-export declare const startUpload: (event?: ImageUploadPluginReferenceEvent) => (tr: Transaction) => Transaction;

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-import type { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
-import type { Command } from '../../../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/input-rule.d.ts

@@ -1,5 +0,0 @@
-import type { Schema } from '@atlaskit/editor-prosemirror/model';
-import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { FeatureFlags } from '../../../types/feature-flags';
-export declare function inputRulePlugin(schema: Schema, featureFlags: FeatureFlags): SafePlugin | undefined;
-export default inputRulePlugin;

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

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

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

@@ -1,3 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { ImageUploadPluginState } from '../types';
-export declare const stateKey: PluginKey<ImageUploadPluginState>;

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

@@ -1,18 +0,0 @@
-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';
-    event?: ImageUploadPluginReferenceEvent;
-};
-export type ImageUploadPluginState = {
-    active: boolean;
-    enabled: boolean;
-    hidden: boolean;
-    activeUpload?: {
-        event?: ImageUploadPluginReferenceEvent;
-    };
-};
-export type UploadHandlerReference = {
-    current: ImageUploadProvider | null;
-};

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

@@ -1,5 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { Schema, Node } from '@atlaskit/editor-prosemirror/model';
-export declare const isMediaSelected: (state: EditorState) => boolean;
-export declare const canInsertMedia: (state: EditorState) => boolean;
-export declare const createExternalMediaNode: (url: string, schema: Schema) => Node | null;

package/dist/types/utils/drag-drop.d.ts

@@ -1,2 +0,0 @@
-export declare const isDragEvent: (event: Event) => event is DragEvent;
-export declare function isDroppedFile(rawEvent: Event): boolean;

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

@@ -1,16 +0,0 @@
-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/actions.d.ts

@@ -1,3 +0,0 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { ImageUploadPluginReferenceEvent } from '@atlaskit/editor-common/types';
-export declare const startUpload: (event?: ImageUploadPluginReferenceEvent) => (tr: Transaction) => Transaction;

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-import type { InsertedImageProperties } from '@atlaskit/editor-common/provider-factory';
-import type { Command } from '../../../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/input-rule.d.ts

@@ -1,5 +0,0 @@
-import type { Schema } from '@atlaskit/editor-prosemirror/model';
-import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { FeatureFlags } from '../../../types/feature-flags';
-export declare function inputRulePlugin(schema: Schema, featureFlags: FeatureFlags): SafePlugin | undefined;
-export default inputRulePlugin;

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

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

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

@@ -1,3 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { ImageUploadPluginState } from '../types';
-export declare const stateKey: PluginKey<ImageUploadPluginState>;

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

@@ -1,18 +0,0 @@
-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';
-    event?: ImageUploadPluginReferenceEvent;
-};
-export type ImageUploadPluginState = {
-    active: boolean;
-    enabled: boolean;
-    hidden: boolean;
-    activeUpload?: {
-        event?: ImageUploadPluginReferenceEvent;
-    };
-};
-export type UploadHandlerReference = {
-    current: ImageUploadProvider | null;
-};

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

@@ -1,5 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { Schema, Node } from '@atlaskit/editor-prosemirror/model';
-export declare const isMediaSelected: (state: EditorState) => boolean;
-export declare const canInsertMedia: (state: EditorState) => boolean;
-export declare const createExternalMediaNode: (url: string, schema: Schema) => Node | null;

package/dist/types-ts4.5/utils/drag-drop.d.ts

@@ -1,2 +0,0 @@
-export declare const isDragEvent: (event: Event) => event is DragEvent;
-export declare function isDroppedFile(rawEvent: Event): boolean;