@atlaskit/editor-core 185.14.3 → 185.15.0

package/dist/esm/plugins/hyperlink/pm-plugins/main.js

@@ -1,283 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 { PluginKey, TextSelection } from 'prosemirror-state';
-import uuid from 'uuid';
-import { shallowEqual } from '../../../utils';
-export var LinkAction = /*#__PURE__*/function (LinkAction) {
-  LinkAction["SHOW_INSERT_TOOLBAR"] = "SHOW_INSERT_TOOLBAR";
-  LinkAction["HIDE_TOOLBAR"] = "HIDE_TOOLBAR";
-  LinkAction["SELECTION_CHANGE"] = "SELECTION_CHANGE";
-  LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
-  LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
-  return LinkAction;
-}({});
-export var InsertStatus = /*#__PURE__*/function (InsertStatus) {
-  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
-  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
-  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
-  return InsertStatus;
-}({});
-export var canLinkBeCreatedInRange = function canLinkBeCreatedInRange(from, to) {
-  return function (state) {
-    if (!state.doc.rangeHasMark(from, to, state.schema.marks.link)) {
-      var $from = state.doc.resolve(from);
-      var $to = state.doc.resolve(to);
-      var link = state.schema.marks.link;
-      if ($from.parent === $to.parent && $from.parent.isTextblock) {
-        if ($from.parent.type.allowsMarkType(link)) {
-          var allowed = true;
-          state.doc.nodesBetween(from, to, function (node) {
-            allowed = allowed && !node.marks.some(function (m) {
-              return m.type.excludes(link);
-            });
-            return allowed;
-          });
-          return allowed;
-        }
-      }
-    }
-    return false;
-  };
-};
-var isSelectionInsideLink = function isSelectionInsideLink(state) {
-  return !!state.doc.type.schema.marks.link.isInSet(state.selection.$from.marks());
-};
-var isSelectionAroundLink = function isSelectionAroundLink(state) {
-  var _state$selection = state.selection,
-    $from = _state$selection.$from,
-    $to = _state$selection.$to;
-  var node = $from.nodeAfter;
-  return !!node && $from.textOffset === 0 && $to.pos - $from.pos === node.nodeSize && !!state.doc.type.schema.marks.link.isInSet(node.marks);
-};
-var mapTransactionToState = function mapTransactionToState(state, tr) {
-  if (!state) {
-    return undefined;
-  } else if (state.type === InsertStatus.EDIT_LINK_TOOLBAR || state.type === InsertStatus.EDIT_INSERTED_TOOLBAR) {
-    var _tr$mapping$mapResult = tr.mapping.mapResult(state.pos, 1),
-      pos = _tr$mapping$mapResult.pos,
-      deleted = _tr$mapping$mapResult.deleted;
-    var node = tr.doc.nodeAt(pos);
-    // If the position was not deleted & it is still a link
-    if (!deleted && !!node.type.schema.marks.link.isInSet(node.marks)) {
-      if (node === state.node && pos === state.pos) {
-        return state;
-      }
-      return _objectSpread(_objectSpread({}, state), {}, {
-        pos: pos,
-        node: node
-      });
-    }
-    // If the position has been deleted, then require a navigation to show the toolbar again
-    return;
-  } else if (state.type === InsertStatus.INSERT_LINK_TOOLBAR) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      from: tr.mapping.map(state.from),
-      to: tr.mapping.map(state.to)
-    });
-  }
-  return;
-};
-var toState = function toState(state, action, editorState) {
-  // Show insert or edit toolbar
-  if (!state) {
-    switch (action) {
-      case LinkAction.SHOW_INSERT_TOOLBAR:
-        {
-          var _editorState$selectio = editorState.selection,
-            from = _editorState$selectio.from,
-            to = _editorState$selectio.to;
-          if (canLinkBeCreatedInRange(from, to)(editorState)) {
-            return {
-              type: InsertStatus.INSERT_LINK_TOOLBAR,
-              from: from,
-              to: to
-            };
-          }
-          return undefined;
-        }
-      case LinkAction.SELECTION_CHANGE:
-        // If the user has moved their cursor, see if they're in a link
-        var link = getActiveLinkMark(editorState);
-        if (link) {
-          return _objectSpread(_objectSpread({}, link), {}, {
-            type: InsertStatus.EDIT_LINK_TOOLBAR
-          });
-        }
-        return undefined;
-      default:
-        return undefined;
-    }
-  }
-  // Update toolbar state if selection changes, or if toolbar is hidden
-  if (state.type === InsertStatus.EDIT_LINK_TOOLBAR) {
-    switch (action) {
-      case LinkAction.EDIT_INSERTED_TOOLBAR:
-        {
-          var _link = getActiveLinkMark(editorState);
-          if (_link) {
-            if (_link.pos === state.pos && _link.node === state.node) {
-              return _objectSpread(_objectSpread({}, state), {}, {
-                type: InsertStatus.EDIT_INSERTED_TOOLBAR
-              });
-            }
-            return _objectSpread(_objectSpread({}, _link), {}, {
-              type: InsertStatus.EDIT_INSERTED_TOOLBAR
-            });
-          }
-          return undefined;
-        }
-      case LinkAction.SELECTION_CHANGE:
-        var _link2 = getActiveLinkMark(editorState);
-        if (_link2) {
-          if (_link2.pos === state.pos && _link2.node === state.node) {
-            // Make sure we return the same object, if it's the same link
-            return state;
-          }
-          return _objectSpread(_objectSpread({}, _link2), {}, {
-            type: InsertStatus.EDIT_LINK_TOOLBAR
-          });
-        }
-        return undefined;
-      case LinkAction.HIDE_TOOLBAR:
-        return undefined;
-      default:
-        return state;
-    }
-  }
-
-  // Remove toolbar if user changes selection or toolbar is hidden
-  if (state.type === InsertStatus.INSERT_LINK_TOOLBAR) {
-    switch (action) {
-      case LinkAction.SELECTION_CHANGE:
-      case LinkAction.HIDE_TOOLBAR:
-        return undefined;
-      default:
-        return state;
-    }
-  }
-  return;
-};
-var getActiveLinkMark = function getActiveLinkMark(state) {
-  var $from = state.selection.$from;
-  if (isSelectionInsideLink(state) || isSelectionAroundLink(state)) {
-    var pos = $from.pos - $from.textOffset;
-    var node = state.doc.nodeAt(pos);
-    return node && node.isText ? {
-      node: node,
-      pos: pos
-    } : undefined;
-  }
-  return undefined;
-};
-var getActiveText = function getActiveText(selection) {
-  var currentSlice = selection.content();
-  if (currentSlice.size === 0) {
-    return;
-  }
-  if (currentSlice.content.childCount === 1 && currentSlice.content.firstChild && selection instanceof TextSelection) {
-    return currentSlice.content.firstChild.textContent;
-  }
-  return;
-};
-export var stateKey = new PluginKey('hyperlinkPlugin');
-export var plugin = function plugin(dispatch, editorAppearance) {
-  return new SafePlugin({
-    state: {
-      init: function init(_, state) {
-        var canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
-        return {
-          activeText: getActiveText(state.selection),
-          canInsertLink: canInsertLink,
-          timesViewed: 0,
-          activeLinkMark: toState(undefined, LinkAction.SELECTION_CHANGE, state),
-          editorAppearance: editorAppearance
-        };
-      },
-      apply: function apply(tr, pluginState, oldState, newState) {
-        var state = pluginState;
-        var action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
-        var inputMethod = tr.getMeta(stateKey) && tr.getMeta(stateKey).inputMethod;
-        if (tr.docChanged) {
-          state = {
-            activeText: state.activeText,
-            canInsertLink: canLinkBeCreatedInRange(newState.selection.from, newState.selection.to)(newState),
-            timesViewed: state.timesViewed,
-            inputMethod: inputMethod,
-            activeLinkMark: mapTransactionToState(state.activeLinkMark, tr),
-            editorAppearance: editorAppearance
-          };
-        }
-        if (action) {
-          var stateForAnalytics = [LinkAction.SHOW_INSERT_TOOLBAR, LinkAction.EDIT_INSERTED_TOOLBAR].includes(action) ? {
-            timesViewed: ++state.timesViewed,
-            searchSessionId: uuid()
-          } : {
-            timesViewed: state.timesViewed,
-            searchSessionId: state.searchSessionId
-          };
-          state = _objectSpread({
-            activeText: state.activeText,
-            canInsertLink: state.canInsertLink,
-            inputMethod: inputMethod,
-            activeLinkMark: toState(state.activeLinkMark, action, newState),
-            editorAppearance: editorAppearance
-          }, stateForAnalytics);
-        }
-        var hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
-        if (tr.selectionSet && hasPositionChanged) {
-          state = {
-            activeText: getActiveText(newState.selection),
-            canInsertLink: canLinkBeCreatedInRange(newState.selection.from, newState.selection.to)(newState),
-            activeLinkMark: toState(state.activeLinkMark, LinkAction.SELECTION_CHANGE, newState),
-            timesViewed: state.timesViewed,
-            searchSessionId: state.searchSessionId,
-            inputMethod: inputMethod,
-            editorAppearance: editorAppearance
-          };
-        }
-        if (!shallowEqual(state, pluginState)) {
-          dispatch(stateKey, state);
-        }
-        return state;
-      }
-    },
-    key: stateKey,
-    props: {
-      handleDOMEvents: {
-        mouseup: function mouseup(_, event) {
-          // this prevents redundant selection transaction when clicking on link
-          // link state will be update on slection change which happens on mousedown
-          if (isLinkDirectTarget(event)) {
-            event.preventDefault();
-            return true;
-          }
-          return false;
-        },
-        mousedown: function mousedown(view, event) {
-          // since link clicks are disallowed by browsers inside contenteditable
-          // so we need to handle shift+click selection ourselves in this case
-          if (!event.shiftKey || !isLinkDirectTarget(event)) {
-            return false;
-          }
-          var state = view.state;
-          var $anchor = state.selection.$anchor;
-          var newPosition = view.posAtCoords({
-            left: event.clientX,
-            top: event.clientY
-          });
-          if ((newPosition === null || newPosition === void 0 ? void 0 : newPosition.pos) != null && newPosition.pos !== $anchor.pos) {
-            var tr = state.tr.setSelection(TextSelection.create(state.doc, $anchor.pos, newPosition.pos));
-            view.dispatch(tr);
-            return true;
-          }
-          return false;
-        }
-      }
-    }
-  });
-};
-function isLinkDirectTarget(event) {
-  return (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement && event.target.tagName === 'A';
-}

package/dist/esm/plugins/hyperlink/pm-plugins/toolbar-buttons.js

@@ -1,32 +0,0 @@
-import { PluginKey } from 'prosemirror-state';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export var toolbarKey = new PluginKey('hyperlinkToolbarItems');
-export var prependToolbarButtons = function prependToolbarButtons(_ref) {
-  var items = _ref.items,
-    onEscapeCallback = _ref.onEscapeCallback,
-    view = _ref.view;
-  var tr = view.state.tr,
-    dispatch = view.dispatch;
-  tr.setMeta(toolbarKey, {
-    items: items,
-    onEscapeCallback: onEscapeCallback
-  });
-  dispatch(tr);
-};
-export var toolbarButtonsPlugin = function toolbarButtonsPlugin() {
-  return new SafePlugin({
-    key: toolbarKey,
-    state: {
-      init: function init(_, state) {
-        return undefined;
-      },
-      apply: function apply(tr, pluginState) {
-        var metaState = tr.getMeta(toolbarKey);
-        if (metaState) {
-          return metaState;
-        }
-        return pluginState;
-      }
-    }
-  });
-};

package/dist/esm/plugins/hyperlink/styles.js

@@ -1,11 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { css } from '@emotion/react';
-import { linkSharedStyle } from '@atlaskit/editor-common/styles';
-export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", "\n  }\n"])), linkSharedStyle);
-
-/**
- * Visible only to screenreaders. Use when there is a need
- * to provide more context to a non-sighted user.
- */
-export var visuallyHiddenStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  clip: rect(1px, 1px, 1px, 1px);\n  clip-path: inset(50%);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n"])));

package/dist/esm/plugins/hyperlink/ui/EditorLinkPicker/index.js

@@ -1,76 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["view", "onCancel", "invokeMethod", "editorAppearance", "onClose"];
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { LinkPicker } from '@atlaskit/link-picker';
-import { hideLinkToolbarSetMeta, hideLinkToolbar } from '../../commands';
-import { toolbarKey } from '../../pm-plugins/toolbar-buttons';
-import { useEscapeClickaway } from './useEscapeClickaway';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
-
-/**
- * Returns a type that matches T but where keys (K) are now optional
- */
-
-export var EditorLinkPicker = function EditorLinkPicker(_ref) {
-  var view = _ref.view,
-    onCancel = _ref.onCancel,
-    _ref$invokeMethod = _ref.invokeMethod,
-    invokeMethod = _ref$invokeMethod === void 0 ? '_unknown' : _ref$invokeMethod,
-    editorAppearance = _ref.editorAppearance,
-    onClose = _ref.onClose,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  /**
-   * Track onClose handler in a
-   * ref so that we void needing it in the dependency array
-   * below
-   */
-  var onCloseRef = useRef(onClose);
-  useEffect(function () {
-    onCloseRef.current = onClose;
-  });
-
-  /**
-   * Call onClose on mount, usefull to provide
-   * a handler for performing an action after the component has been
-   * unmounted (e.g. return focus to the editors)
-   */
-  useEffect(function () {
-    return function () {
-      var _onCloseRef$current;
-      return (_onCloseRef$current = onCloseRef.current) === null || _onCloseRef$current === void 0 ? void 0 : _onCloseRef$current.call(onCloseRef);
-    };
-  }, []);
-  var onEscape = useCallback(function () {
-    var _toolbarKey$getState, _toolbarKey$getState$;
-    var tr = view.state.tr;
-    hideLinkToolbarSetMeta(tr);
-    (_toolbarKey$getState = toolbarKey.getState(view.state)) === null || _toolbarKey$getState === void 0 ? void 0 : (_toolbarKey$getState$ = _toolbarKey$getState.onEscapeCallback) === null || _toolbarKey$getState$ === void 0 ? void 0 : _toolbarKey$getState$.call(_toolbarKey$getState, tr);
-    view.dispatch(tr);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }, [view, onCancel]);
-  var onClickAway = useCallback(function () {
-    hideLinkToolbar()(view.state, view.dispatch);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }, [view, onCancel]);
-  var ref = useEscapeClickaway(onEscape, onClickAway);
-  var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-  var analyticsData = useMemo(function () {
-    return {
-      attributes: {
-        invokeMethod: invokeMethod,
-        location: analyticsEditorAppearance
-      },
-      // Below is added for the future implementation of Linking Platform namespaced analytic context
-      location: analyticsEditorAppearance
-    };
-  }, [invokeMethod, analyticsEditorAppearance]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: analyticsData
-  }, /*#__PURE__*/React.createElement(LinkPicker, _extends({}, restProps, {
-    onCancel: onEscape
-  }))));
-};

package/dist/esm/plugins/hyperlink/ui/EditorLinkPicker/useEscapeClickaway.js

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from 'react';
-export var useEscapeClickaway = function useEscapeClickaway(onEscape, onClickAway) {
-  var ref = useRef(null);
-  useEffect(function () {
-    var handleClickAway = function handleClickAway(event) {
-      var el = ref.current;
-      if (event.target instanceof Element && el && !el.contains(event.target)) {
-        onClickAway();
-      }
-    };
-    var handleKeydown = function handleKeydown(event) {
-      if (event.key === 'Escape') {
-        event.preventDefault();
-        onEscape();
-      }
-    };
-    document.addEventListener('mousedown', handleClickAway);
-    document.addEventListener('keydown', handleKeydown);
-    return function () {
-      document.removeEventListener('mousedown', handleClickAway);
-      document.removeEventListener('keydown', handleKeydown);
-    };
-  }, [onClickAway, onEscape]);
-  return ref;
-};