@atlaskit/editor-core 185.14.3 → 185.15.2

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

@@ -1,295 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stateKey = exports.plugin = exports.canLinkBeCreatedInRange = exports.LinkAction = exports.InsertStatus = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
-var _uuid = _interopRequireDefault(require("uuid"));
-var _utils = require("../../../utils");
-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) { (0, _defineProperty2.default)(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; }
-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;
-}({});
-exports.LinkAction = LinkAction;
-var InsertStatus = /*#__PURE__*/function (InsertStatus) {
-  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
-  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
-  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
-  return InsertStatus;
-}({});
-exports.InsertStatus = InsertStatus;
-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;
-  };
-};
-exports.canLinkBeCreatedInRange = canLinkBeCreatedInRange;
-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 _prosemirrorState.TextSelection) {
-    return currentSlice.content.firstChild.textContent;
-  }
-  return;
-};
-var stateKey = new _prosemirrorState.PluginKey('hyperlinkPlugin');
-exports.stateKey = stateKey;
-var plugin = function plugin(dispatch, editorAppearance) {
-  return new _safePlugin.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: (0, _uuid.default)()
-          } : {
-            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 (!(0, _utils.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(_prosemirrorState.TextSelection.create(state.doc, $anchor.pos, newPosition.pos));
-            view.dispatch(tr);
-            return true;
-          }
-          return false;
-        }
-      }
-    }
-  });
-};
-exports.plugin = plugin;
-function isLinkDirectTarget(event) {
-  return (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement && event.target.tagName === 'A';
-}

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toolbarKey = exports.toolbarButtonsPlugin = exports.prependToolbarButtons = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var toolbarKey = new _prosemirrorState.PluginKey('hyperlinkToolbarItems');
-exports.toolbarKey = toolbarKey;
-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);
-};
-exports.prependToolbarButtons = prependToolbarButtons;
-var toolbarButtonsPlugin = function toolbarButtonsPlugin() {
-  return new _safePlugin.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;
-      }
-    }
-  });
-};
-exports.toolbarButtonsPlugin = toolbarButtonsPlugin;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.visuallyHiddenStyles = exports.linkStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
-var _templateObject, _templateObject2;
-var linkStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", "\n  }\n"])), _styles.linkSharedStyle);
-
-/**
- * Visible only to screenreaders. Use when there is a need
- * to provide more context to a non-sighted user.
- */
-exports.linkStyles = linkStyles;
-var visuallyHiddenStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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"])));
-exports.visuallyHiddenStyles = visuallyHiddenStyles;

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

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditorLinkPicker = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _linkPicker = require("@atlaskit/link-picker");
-var _commands = require("../../commands");
-var _toolbarButtons = require("../../pm-plugins/toolbar-buttons");
-var _useEscapeClickaway = require("./useEscapeClickaway");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _utils = require("@atlaskit/editor-common/utils");
-var _excluded = ["view", "onCancel", "invokeMethod", "editorAppearance", "onClose"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * Returns a type that matches T but where keys (K) are now optional
- */
-
-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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  /**
-   * Track onClose handler in a
-   * ref so that we void needing it in the dependency array
-   * below
-   */
-  var onCloseRef = (0, _react.useRef)(onClose);
-  (0, _react.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)
-   */
-  (0, _react.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 = (0, _react.useCallback)(function () {
-    var _toolbarKey$getState, _toolbarKey$getState$;
-    var tr = view.state.tr;
-    (0, _commands.hideLinkToolbarSetMeta)(tr);
-    (_toolbarKey$getState = _toolbarButtons.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 = (0, _react.useCallback)(function () {
-    (0, _commands.hideLinkToolbar)()(view.state, view.dispatch);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }, [view, onCancel]);
-  var ref = (0, _useEscapeClickaway.useEscapeClickaway)(onEscape, onClickAway);
-  var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
-  var analyticsData = (0, _react.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.default.createElement("div", {
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-    data: analyticsData
-  }, /*#__PURE__*/_react.default.createElement(_linkPicker.LinkPicker, (0, _extends2.default)({}, restProps, {
-    onCancel: onEscape
-  }))));
-};
-exports.EditorLinkPicker = EditorLinkPicker;

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

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEscapeClickaway = void 0;
-var _react = require("react");
-var useEscapeClickaway = function useEscapeClickaway(onEscape, onClickAway) {
-  var ref = (0, _react.useRef)(null);
-  (0, _react.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;
-};
-exports.useEscapeClickaway = useEscapeClickaway;