@atlaskit/editor-core 185.14.3 → 185.15.0

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

@@ -1,292 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey, TextSelection } from 'prosemirror-state';
-import uuid from 'uuid';
-import { shallowEqual } from '../../../utils';
-export let 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 let InsertStatus = /*#__PURE__*/function (InsertStatus) {
-  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
-  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
-  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
-  return InsertStatus;
-}({});
-export const canLinkBeCreatedInRange = (from, to) => state => {
-  if (!state.doc.rangeHasMark(from, to, state.schema.marks.link)) {
-    const $from = state.doc.resolve(from);
-    const $to = state.doc.resolve(to);
-    const link = state.schema.marks.link;
-    if ($from.parent === $to.parent && $from.parent.isTextblock) {
-      if ($from.parent.type.allowsMarkType(link)) {
-        let allowed = true;
-        state.doc.nodesBetween(from, to, node => {
-          allowed = allowed && !node.marks.some(m => m.type.excludes(link));
-          return allowed;
-        });
-        return allowed;
-      }
-    }
-  }
-  return false;
-};
-const isSelectionInsideLink = state => !!state.doc.type.schema.marks.link.isInSet(state.selection.$from.marks());
-const isSelectionAroundLink = state => {
-  const {
-    $from,
-    $to
-  } = state.selection;
-  const node = $from.nodeAfter;
-  return !!node && $from.textOffset === 0 && $to.pos - $from.pos === node.nodeSize && !!state.doc.type.schema.marks.link.isInSet(node.marks);
-};
-const mapTransactionToState = (state, tr) => {
-  if (!state) {
-    return undefined;
-  } else if (state.type === InsertStatus.EDIT_LINK_TOOLBAR || state.type === InsertStatus.EDIT_INSERTED_TOOLBAR) {
-    const {
-      pos,
-      deleted
-    } = tr.mapping.mapResult(state.pos, 1);
-    const 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 {
-        ...state,
-        pos,
-        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 {
-      ...state,
-      from: tr.mapping.map(state.from),
-      to: tr.mapping.map(state.to)
-    };
-  }
-  return;
-};
-const toState = (state, action, editorState) => {
-  // Show insert or edit toolbar
-  if (!state) {
-    switch (action) {
-      case LinkAction.SHOW_INSERT_TOOLBAR:
-        {
-          const {
-            from,
-            to
-          } = editorState.selection;
-          if (canLinkBeCreatedInRange(from, to)(editorState)) {
-            return {
-              type: InsertStatus.INSERT_LINK_TOOLBAR,
-              from,
-              to
-            };
-          }
-          return undefined;
-        }
-      case LinkAction.SELECTION_CHANGE:
-        // If the user has moved their cursor, see if they're in a link
-        const link = getActiveLinkMark(editorState);
-        if (link) {
-          return {
-            ...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:
-        {
-          const link = getActiveLinkMark(editorState);
-          if (link) {
-            if (link.pos === state.pos && link.node === state.node) {
-              return {
-                ...state,
-                type: InsertStatus.EDIT_INSERTED_TOOLBAR
-              };
-            }
-            return {
-              ...link,
-              type: InsertStatus.EDIT_INSERTED_TOOLBAR
-            };
-          }
-          return undefined;
-        }
-      case LinkAction.SELECTION_CHANGE:
-        const link = getActiveLinkMark(editorState);
-        if (link) {
-          if (link.pos === state.pos && link.node === state.node) {
-            // Make sure we return the same object, if it's the same link
-            return state;
-          }
-          return {
-            ...link,
-            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;
-};
-const getActiveLinkMark = state => {
-  const {
-    selection: {
-      $from
-    }
-  } = state;
-  if (isSelectionInsideLink(state) || isSelectionAroundLink(state)) {
-    const pos = $from.pos - $from.textOffset;
-    const node = state.doc.nodeAt(pos);
-    return node && node.isText ? {
-      node,
-      pos
-    } : undefined;
-  }
-  return undefined;
-};
-const getActiveText = selection => {
-  const 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 const stateKey = new PluginKey('hyperlinkPlugin');
-export const plugin = (dispatch, editorAppearance) => new SafePlugin({
-  state: {
-    init(_, state) {
-      const canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
-      return {
-        activeText: getActiveText(state.selection),
-        canInsertLink,
-        timesViewed: 0,
-        activeLinkMark: toState(undefined, LinkAction.SELECTION_CHANGE, state),
-        editorAppearance
-      };
-    },
-    apply(tr, pluginState, oldState, newState) {
-      let state = pluginState;
-      const action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
-      const 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,
-          activeLinkMark: mapTransactionToState(state.activeLinkMark, tr),
-          editorAppearance
-        };
-      }
-      if (action) {
-        const stateForAnalytics = [LinkAction.SHOW_INSERT_TOOLBAR, LinkAction.EDIT_INSERTED_TOOLBAR].includes(action) ? {
-          timesViewed: ++state.timesViewed,
-          searchSessionId: uuid()
-        } : {
-          timesViewed: state.timesViewed,
-          searchSessionId: state.searchSessionId
-        };
-        state = {
-          activeText: state.activeText,
-          canInsertLink: state.canInsertLink,
-          inputMethod,
-          activeLinkMark: toState(state.activeLinkMark, action, newState),
-          editorAppearance,
-          ...stateForAnalytics
-        };
-      }
-      const 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,
-          editorAppearance
-        };
-      }
-      if (!shallowEqual(state, pluginState)) {
-        dispatch(stateKey, state);
-      }
-      return state;
-    }
-  },
-  key: stateKey,
-  props: {
-    handleDOMEvents: {
-      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: (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;
-        }
-        const {
-          state
-        } = view;
-        const {
-          selection: {
-            $anchor
-          }
-        } = state;
-        const newPosition = view.posAtCoords({
-          left: event.clientX,
-          top: event.clientY
-        });
-        if ((newPosition === null || newPosition === void 0 ? void 0 : newPosition.pos) != null && newPosition.pos !== $anchor.pos) {
-          const 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/es2019/plugins/hyperlink/pm-plugins/toolbar-buttons.js

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

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

@@ -1,22 +0,0 @@
-import { css } from '@emotion/react';
-import { linkSharedStyle } from '@atlaskit/editor-common/styles';
-export const linkStyles = css`
-  .ProseMirror {
-    ${linkSharedStyle}
-  }
-`;
-
-/**
- * Visible only to screenreaders. Use when there is a need
- * to provide more context to a non-sighted user.
- */
-export const visuallyHiddenStyles = css`
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
-  height: 1px;
-  width: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-`;

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

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-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 const EditorLinkPicker = ({
-  view,
-  onCancel,
-  invokeMethod = '_unknown',
-  editorAppearance,
-  onClose,
-  ...restProps
-}) => {
-  /**
-   * Track onClose handler in a
-   * ref so that we void needing it in the dependency array
-   * below
-   */
-  const onCloseRef = useRef(onClose);
-  useEffect(() => {
-    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(() => () => {
-    var _onCloseRef$current;
-    return (_onCloseRef$current = onCloseRef.current) === null || _onCloseRef$current === void 0 ? void 0 : _onCloseRef$current.call(onCloseRef);
-  }, []);
-  const onEscape = useCallback(() => {
-    var _toolbarKey$getState, _toolbarKey$getState$;
-    const {
-      state: {
-        tr
-      }
-    } = view;
-    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]);
-  const onClickAway = useCallback(() => {
-    hideLinkToolbar()(view.state, view.dispatch);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }, [view, onCancel]);
-  const ref = useEscapeClickaway(onEscape, onClickAway);
-  const analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-  const analyticsData = useMemo(() => ({
-    attributes: {
-      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/es2019/plugins/hyperlink/ui/EditorLinkPicker/useEscapeClickaway.js

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