@atlaskit/editor-core 188.3.0 → 188.4.0

package/dist/esm/plugins/media/pm-plugins/keymap-media-single.js

@@ -1,158 +0,0 @@
-import { backspace, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
-import { atTheEndOfDoc } from '@atlaskit/editor-common/selection';
-import { isEmptyNode, isSelectionInsideLastNodeInDocument } from '@atlaskit/editor-common/utils';
-import { selectNodeBackward } from '@atlaskit/editor-prosemirror/commands';
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-
-/**
- * Check if is an empty selection at the start of the node
- */
-function isEmptySelectionAtStart(selection) {
-  if (!selection.empty) {
-    return false;
-  }
-  var $from = selection.$from;
-  return $from.parentOffset <= 0;
-}
-
-/**
- * Check if the current selection is inside a node type
- */
-function isSelectionInsideOf(selection, nodeType) {
-  var $from = selection.$from;
-  var parent = $from.parent;
-  return parent.type === nodeType;
-}
-
-/**
- * Return the sibling of the current selection
- */
-function getSibling(selection, sibling) {
-  var $from = selection.$from;
-  var index = $from.index($from.depth - 1);
-  var grandParent = $from.node($from.depth - 1); // Get GrandParent
-
-  return grandParent ? grandParent.maybeChild(index + sibling) : null;
-}
-
-/**
- * Check if respective sibling (negative number previous, positive number next)
- * is from the specified node
- */
-function isSiblingOfType(selection, node, sibling) {
-  var maybeSiblingNode = getSibling(selection, sibling);
-  return !!maybeSiblingNode && maybeSiblingNode.type === node;
-}
-/**
- * When there's any empty block before another paragraph with wrap-right
- * mediaSingle. Pressing backspace at the start of the paragraph will select
- * the media but visually it makes more sense to remove the empty paragraph.
- *
- * Structure of the document: doc(block(), mediaSingle(media()), paragraph('{<>}hello!'))
- * But, visually it looks like the following:
- *
- *    [empty block] <- Remove this block
- * or [paragraph block] <- Move text inside this paragraph
- * or [any other block] <- Move paragraph node after this node
- * [Cursor] x x x x x x x x  +---------------+
- * x x x x x x x x x x       |  mediaSingle  |
- * x x x x x.                +---------------+
- */
-function handleSelectionAfterWrapRight(isEmptyNode) {
-  function isEmptyWithoutThrow(node) {
-    var isEmpty = false;
-    try {
-      // We dont have isEmptyNode definition for table for example.
-      // In this case it will throw we need to catch it
-      isEmpty = isEmptyNode(node);
-    } catch (e) {}
-    return isEmpty;
-  }
-  return function (state, dispatch) {
-    var $from = state.selection.$from;
-    var paragraph = state.schema.nodes.paragraph;
-    var previousMediaSingleSibling = -2;
-    var maybeSibling = getSibling(state.selection, previousMediaSingleSibling);
-    if (!maybeSibling) {
-      // the last is the image so should let the default behaviour delete the image
-      return false;
-    }
-    var mediaSingle = getSibling(state.selection, -1); // Sibling is a media single already checked in main code
-    var mediaSinglePos = $from.pos - mediaSingle.nodeSize;
-
-    // Should find the position
-    // Should move the current paragraph to the last line
-    var maybeAnyBlockPos = mediaSinglePos - maybeSibling.nodeSize;
-    var tr = state.tr;
-    if (isEmptyWithoutThrow(maybeSibling)) {
-      // Should remove the empty sibling
-      tr = tr.replace(maybeAnyBlockPos - 1, maybeAnyBlockPos + maybeSibling.nodeSize);
-    } else {
-      // We move the current node, to the new position
-      // 1. Remove current node, only if I am not removing the last node.
-      if (!isSelectionInsideLastNodeInDocument(state.selection)) {
-        tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
-      } else {
-        // Remove node content, if is the last node, let a empty paragraph
-        tr.replace($from.pos, $from.pos + $from.parent.nodeSize - 1);
-      }
-
-      // 2. Add it in the new position
-      // If the sibling is a paragraph lets copy the text inside the paragraph
-      // Like a normal backspace from paragraph to paragraph
-      if (maybeSibling.type === paragraph) {
-        var insideParagraphPos = maybeAnyBlockPos + maybeSibling.nodeSize - 2;
-        safeInsert($from.parent.content, insideParagraphPos)(tr);
-      } else {
-        // If is any other kind of block just add the paragraph after it
-        var endOfBlockPos = maybeAnyBlockPos + maybeSibling.nodeSize - 1;
-        safeInsert($from.parent.copy($from.parent.content), endOfBlockPos)(tr);
-      }
-    }
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-}
-var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
-  var isEmptyNodeInSchema = isEmptyNode(schema);
-  return function (state, dispatch) {
-    var selection = state.selection,
-      schema = state.schema;
-    var $from = selection.$from;
-    if (!isEmptySelectionAtStart(state.selection)) {
-      return false;
-    }
-    if (!isSelectionInsideOf(state.selection, schema.nodes.paragraph)) {
-      return false;
-    }
-    var previousSibling = -1;
-    if (!isSiblingOfType(state.selection, schema.nodes.mediaSingle, previousSibling)) {
-      // no media single
-      return false;
-    }
-    var mediaSingle = getSibling(state.selection, previousSibling);
-    if (mediaSingle.attrs.layout === 'wrap-right') {
-      return handleSelectionAfterWrapRight(isEmptyNodeInSchema)(state, dispatch);
-    }
-    if (dispatch) {
-      // Select media single, and remove paragraph if it's empty.
-      selectNodeBackward(state, function (tr) {
-        if (isEmptyNodeInSchema($from.parent) && !atTheEndOfDoc(state)) {
-          tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
-        }
-
-        dispatch(tr);
-      });
-    }
-    return true;
-  };
-};
-export default function keymapPlugin(schema) {
-  var list = {};
-  var removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
-  bindKeymapWithCommand(backspace.common, removeMediaSingleCommand, list);
-  return keymap(list);
-}

package/dist/esm/plugins/media/pm-plugins/keymap.js

@@ -1,81 +0,0 @@
-import { bindKeymapWithCommand, enter, insertNewLine, moveDown, moveLeft, moveRight, tab, undo } from '@atlaskit/editor-common/keymaps';
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { insertAndSelectCaptionFromMediaSinglePos, selectCaptionFromMediaSinglePos } from '../commands/captions';
-import { stateKey } from '../pm-plugins/plugin-key';
-export function keymapPlugin(options, editorAnalyticsAPI) {
-  var list = {};
-  var _ref = options || {},
-    featureFlags = _ref.featureFlags;
-  bindKeymapWithCommand(undo.common, ignoreLinksInSteps, list);
-  bindKeymapWithCommand(enter.common, splitMediaGroup, list);
-  if (options !== null && options !== void 0 && options.allowCaptions || getMediaFeatureFlag('captions', featureFlags)) {
-    bindKeymapWithCommand(moveDown.common, insertAndSelectCaption(editorAnalyticsAPI), list);
-    bindKeymapWithCommand(tab.common, insertAndSelectCaption(editorAnalyticsAPI), list);
-    bindKeymapWithCommand(moveLeft.common, arrowLeftFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
-    bindKeymapWithCommand(moveRight.common, arrowRightFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
-  }
-  bindKeymapWithCommand(insertNewLine.common, splitMediaGroup, list);
-  return keymap(list);
-}
-var ignoreLinksInSteps = function ignoreLinksInSteps(state) {
-  var mediaPluginState = stateKey.getState(state);
-  mediaPluginState.ignoreLinks = true;
-  return false;
-};
-var splitMediaGroup = function splitMediaGroup(state) {
-  var mediaPluginState = stateKey.getState(state);
-  return mediaPluginState.splitMediaGroup();
-};
-var insertAndSelectCaption = function insertAndSelectCaption(editorAnalyticsAPI) {
-  return function (state, dispatch) {
-    var selection = state.selection,
-      schema = state.schema;
-    if (selection instanceof NodeSelection && selection.node.type === schema.nodes.mediaSingle && schema.nodes.caption) {
-      if (dispatch) {
-        var from = selection.from,
-          node = selection.node;
-        if (!insertAndSelectCaptionFromMediaSinglePos(editorAnalyticsAPI)(from, node)(state, dispatch)) {
-          selectCaptionFromMediaSinglePos(from, node)(state, dispatch);
-        }
-      }
-      return true;
-    }
-    return false;
-  };
-};
-var arrowLeftFromMediaSingle = function arrowLeftFromMediaSingle(editorSelectionAPI) {
-  return function (state, dispatch) {
-    var selection = state.selection;
-    if (editorSelectionAPI && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
-      var tr = editorSelectionAPI.setSelectionRelativeToNode({
-        selectionRelativeToNode: undefined,
-        selection: new GapCursorSelection(state.doc.resolve(selection.from), Side.LEFT)
-      })(state);
-      if (dispatch) {
-        dispatch(tr);
-      }
-      return true;
-    }
-    return false;
-  };
-};
-var arrowRightFromMediaSingle = function arrowRightFromMediaSingle(editorSelectionAPI) {
-  return function (state, dispatch) {
-    var selection = state.selection;
-    if (editorSelectionAPI && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
-      var tr = editorSelectionAPI.setSelectionRelativeToNode({
-        selectionRelativeToNode: undefined,
-        selection: new GapCursorSelection(state.doc.resolve(selection.to), Side.RIGHT)
-      })(state);
-      if (dispatch) {
-        dispatch(tr);
-      }
-      return true;
-    }
-    return false;
-  };
-};
-export default keymapPlugin;

package/dist/esm/plugins/media/pm-plugins/linking/actions.js

@@ -1,7 +0,0 @@
-export var MediaLinkingActionsTypes = /*#__PURE__*/function (MediaLinkingActionsTypes) {
-  MediaLinkingActionsTypes["showToolbar"] = "MEDIA_SHOW_TOOLBAR";
-  MediaLinkingActionsTypes["hideToolbar"] = "MEDIA_HIDE_TOOLBAR";
-  MediaLinkingActionsTypes["setUrl"] = "MEDIA_SET_LINK_TO";
-  MediaLinkingActionsTypes["unlink"] = "MEDIA_LINKING_UNLINK";
-  return MediaLinkingActionsTypes;
-}({});

package/dist/esm/plugins/media/pm-plugins/linking/index.js

@@ -1,59 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-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) { _defineProperty(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; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { pluginFactory } from '@atlaskit/editor-common/utils';
-import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
-import reducer from './reducer';
-export var mediaLinkingPluginKey = new PluginKey('mediaLinking');
-var initialState = {
-  visible: false,
-  editable: false,
-  mediaPos: null,
-  link: ''
-};
-function mapping(tr, pluginState) {
-  if (pluginState && pluginState.mediaPos !== null) {
-    return _objectSpread(_objectSpread({}, pluginState), {}, {
-      mediaPos: tr.mapping.map(pluginState.mediaPos)
-    });
-  }
-  return pluginState;
-}
-function onSelectionChanged(tr) {
-  var isNodeSelection = tr.selection instanceof NodeSelection;
-  if (!isNodeSelection) {
-    return initialState;
-  }
-  var mediaPos = tr.selection.$from.pos + 1;
-  var node = tr.doc.nodeAt(mediaPos);
-  if (!node || node.type.name !== 'media') {
-    return initialState;
-  }
-  var mark = node.marks.find(function (mark) {
-    return mark.type.name === 'link';
-  });
-  if (mark) {
-    return _objectSpread(_objectSpread({}, initialState), {}, {
-      mediaPos: mediaPos,
-      editable: true,
-      link: mark.attrs.href
-    });
-  }
-  return _objectSpread(_objectSpread({}, initialState), {}, {
-    mediaPos: mediaPos
-  });
-}
-var mediaLinkingPluginFactory = pluginFactory(mediaLinkingPluginKey, reducer, {
-  mapping: mapping,
-  onSelectionChanged: onSelectionChanged
-});
-var createMediaLinkingCommand = mediaLinkingPluginFactory.createCommand,
-  getMediaLinkingState = mediaLinkingPluginFactory.getPluginState;
-export { createMediaLinkingCommand, getMediaLinkingState };
-export default (function (dispatch) {
-  return new SafePlugin({
-    key: mediaLinkingPluginKey,
-    state: mediaLinkingPluginFactory.createPluginState(dispatch, initialState)
-  });
-});

package/dist/esm/plugins/media/pm-plugins/linking/keymap.js

@@ -1,8 +0,0 @@
-import { addLink, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { showLinkingToolbarWithMediaTypeCheck } from '../../commands/linking';
-export default function keymapPlugin(schema) {
-  var list = {};
-  bindKeymapWithCommand(addLink.common, showLinkingToolbarWithMediaTypeCheck, list);
-  return keymap(list);
-}

package/dist/esm/plugins/media/pm-plugins/linking/reducer.js

@@ -1,36 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-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) { _defineProperty(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; }
-import { MediaLinkingActionsTypes } from './actions';
-export default (function (state, action) {
-  switch (action.type) {
-    case MediaLinkingActionsTypes.showToolbar:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          visible: true
-        });
-      }
-    case MediaLinkingActionsTypes.setUrl:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          editable: true,
-          link: action.payload
-        });
-      }
-    case MediaLinkingActionsTypes.hideToolbar:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          visible: false
-        });
-      }
-    case MediaLinkingActionsTypes.unlink:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          link: '',
-          visible: false,
-          editable: false
-        });
-      }
-  }
-  return state;
-});

package/dist/esm/plugins/media/pm-plugins/linking/types.js

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