@atlaskit/editor-core 188.8.0 → 188.9.2

package/dist/esm/plugins/type-ahead/commands/insert-type-ahead-item.js

@@ -1,198 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { closeHistory } from '@atlaskit/editor-prosemirror/history';
-import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
-import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { insertBlockNode, insertInlineNodeOrFragment } from '../insert-utils';
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/key';
-import { StatsModifier } from '../stats-modifier';
-import { closeTypeAhead } from '../transforms/close-type-ahead';
-import { getPluginState } from '../utils';
-var validateNode = function validateNode(_ref) {
-  var schema = _ref.schema,
-    maybeNode = _ref.maybeNode;
-  if (!maybeNode) {
-    return null;
-  }
-  if (maybeNode instanceof PMNode || maybeNode instanceof Fragment) {
-    return maybeNode;
-  }
-  if (typeof maybeNode === 'string') {
-    return schema.text(maybeNode);
-  }
-  try {
-    return PMNode.fromJSON(schema, maybeNode);
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-    return null;
-  }
-};
-var createInsertCallback = function createInsertCallback(_ref2) {
-  var state = _ref2.editorState,
-    handler = _ref2.handler,
-    query = _ref2.query,
-    wasInsertedBySpace = _ref2.wasInsertedBySpace,
-    selectedIndex = _ref2.selectedIndex,
-    textStartPosition = _ref2.textStartPosition,
-    textInserted = _ref2.textInserted;
-  return function (maybeNode) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var tr = state.tr;
-    var position = {
-      start: textStartPosition,
-      end: textStartPosition + (wasInsertedBySpace ? textInserted.length : 0)
-    };
-    var node = validateNode({
-      schema: state.schema,
-      maybeNode: maybeNode
-    });
-    if (!node) {
-      closeTypeAhead(tr);
-      // In this kind of situation we need to
-      // delete the raw text query
-      tr.delete(position.start, position.end);
-      return tr;
-    }
-    node instanceof PMNode && node.isBlock ? insertBlockNode({
-      node: node,
-      tr: tr,
-      position: position
-    }) : insertInlineNodeOrFragment({
-      maybeFragment: node,
-      tr: tr,
-      position: position,
-      selectInlineNode: Boolean(opts.selectInlineNode)
-    });
-    closeHistory(tr);
-    if (wasInsertedBySpace) {
-      return tr;
-    }
-    var config = {
-      stage: InsertTypeAheadStages.INSERTING_ITEM,
-      query: query,
-      selectedIndex: selectedIndex,
-      trigger: handler.trigger
-    };
-    tr.step(new InsertTypeAheadStep(config));
-    return tr;
-  };
-};
-var createDeleteRawTextCallback = function createDeleteRawTextCallback(_ref3) {
-  var trigger = _ref3.trigger,
-    selectedIndex = _ref3.selectedIndex,
-    position = _ref3.position,
-    query = _ref3.query,
-    wasInsertedBySpace = _ref3.wasInsertedBySpace,
-    insertItem = _ref3.insertItem;
-  return function (newState) {
-    var tr = newState.tr;
-    closeHistory(tr);
-    if (!wasInsertedBySpace) {
-      tr.delete(position.start, position.end);
-      var config = {
-        stage: InsertTypeAheadStages.DELETING_RAW_QUERY,
-        selectedIndex: selectedIndex,
-        query: query,
-        trigger: trigger
-      };
-      tr.step(new InsertTypeAheadStep(config));
-    }
-    tr.setMeta(pluginKey, {
-      action: ACTIONS.INSERT_ITEM,
-      params: insertItem
-    });
-    return tr;
-  };
-};
-export var insertTypeAheadItem = function insertTypeAheadItem(view) {
-  return function (_ref4) {
-    var item = _ref4.item,
-      handler = _ref4.handler,
-      mode = _ref4.mode,
-      query = _ref4.query,
-      sourceListItem = _ref4.sourceListItem;
-    var pluginState = getPluginState(view.state);
-    if (!pluginState) {
-      return;
-    }
-    var stats = (pluginState.stats || new StatsModifier()).serialize();
-    var meta = {
-      mode: mode,
-      query: query,
-      stats: stats,
-      sourceListItem: sourceListItem
-    };
-    var tr = view.state.tr;
-    var trigger = handler.trigger;
-    var text = "".concat(trigger).concat(query);
-    if (mode === SelectItemMode.SPACE) {
-      text = text.trim().concat(' ');
-    }
-
-    // We want to always persist selectedIndex as -1 upon selecting an item from typeahead
-    // in order to retain exist focus behaviour when undoing
-    var selectedIndex = -1;
-    var wasInsertedBySpace = mode === SelectItemMode.SPACE;
-    var textStartPosition = tr.selection.from;
-    var insertItem = function insertItem(newEditorSate) {
-      var insertCallback = createInsertCallback({
-        editorState: newEditorSate,
-        query: query,
-        mode: mode,
-        handler: handler,
-        wasInsertedBySpace: wasInsertedBySpace,
-        selectedIndex: selectedIndex,
-        textInserted: text,
-        textStartPosition: textStartPosition
-      });
-      var wasInsertCallbackCalled = false;
-      // Some wierd plugins doesn't call the insert item callback
-      // For example, the link quick insert item
-      // For those cases we need to make sure we are closing the typeahead
-      var proxyHandler = {
-        apply: function apply(target, _thisContext, argumentsList) {
-          wasInsertCallbackCalled = true;
-          return target.apply(void 0, _toConsumableArray(argumentsList));
-        }
-      };
-      var insertCallbackProxy = new Proxy(insertCallback, proxyHandler);
-      var nextTr = handler.selectItem(newEditorSate, item, insertCallbackProxy, meta);
-      if (!wasInsertCallbackCalled && nextTr) {
-        closeHistory(nextTr);
-
-        // In some cases we need to re-open the typeahead
-        // e.g.: addign mentions from the quick insert
-        //
-        // Today, the QuickInsert API doesn't have a tool
-        // to help on this. So the code below will close the typeahead
-        // only if there is no previous metadata about typeahead in the
-        // next transaction
-        if (!nextTr.getMeta(pluginKey)) {
-          closeTypeAhead(nextTr);
-        }
-      }
-      return nextTr;
-    };
-    var position = {
-      start: tr.selection.from,
-      end: tr.selection.from + text.length
-    };
-    tr.setMeta(pluginKey, {
-      action: ACTIONS.INSERT_RAW_QUERY,
-      params: createDeleteRawTextCallback({
-        wasInsertedBySpace: wasInsertedBySpace,
-        selectedIndex: selectedIndex,
-        insertItem: insertItem,
-        position: position,
-        query: query,
-        trigger: trigger
-      })
-    });
-    tr.insertText(text);
-    closeHistory(tr);
-    view.dispatch(tr);
-    view.focus();
-  };
-};

package/dist/esm/plugins/type-ahead/commands/update-list-items.js

@@ -1,17 +0,0 @@
-import { pluginKey as typeAheadPluginKey } from '../pm-plugins/key';
-import { ACTIONS } from '../pm-plugins/actions';
-export var updateListItem = function updateListItem(items) {
-  return function (state, dispatch) {
-    var tr = state.tr;
-    tr.setMeta(typeAheadPluginKey, {
-      action: ACTIONS.UPDATE_LIST_ITEMS,
-      params: {
-        items: items
-      }
-    });
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-};

package/dist/esm/plugins/type-ahead/commands/update-query.js

@@ -1,21 +0,0 @@
-import { pluginKey as typeAheadPluginKey } from '../pm-plugins/key';
-import { ACTIONS } from '../pm-plugins/actions';
-export var updateQuery = function updateQuery(query) {
-  return function (state, dispatch) {
-    var pluginState = typeAheadPluginKey.getState(state);
-    if ((pluginState === null || pluginState === void 0 ? void 0 : pluginState.query) === query) {
-      return false;
-    }
-    var tr = state.tr;
-    tr.setMeta(typeAheadPluginKey, {
-      action: ACTIONS.CHANGE_QUERY,
-      params: {
-        query: query
-      }
-    });
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-};

package/dist/esm/plugins/type-ahead/commands/update-selected-index.js

@@ -1,21 +0,0 @@
-import { pluginKey as typeAheadPluginKey } from '../pm-plugins/key';
-import { ACTIONS } from '../pm-plugins/actions';
-export var updateSelectedIndex = function updateSelectedIndex(selectedIndex) {
-  return function (state, dispatch) {
-    var pluginState = typeAheadPluginKey.getState(state);
-    if ((pluginState === null || pluginState === void 0 ? void 0 : pluginState.selectedIndex) === selectedIndex) {
-      return false;
-    }
-    var tr = state.tr;
-    tr.setMeta(typeAheadPluginKey, {
-      action: ACTIONS.UPDATE_SELECTED_INDEX,
-      params: {
-        selectedIndex: selectedIndex
-      }
-    });
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-};

package/dist/esm/plugins/type-ahead/constants.js

@@ -1,9 +0,0 @@
-export var TYPE_AHEAD_DECORATION_KEY = 'typeahead_decoration_key';
-export var TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = 'typeaheadDecoration';
-export var TYPE_AHEAD_POPUP_CONTENT_CLASS = 'fabric-editor-typeahead';
-export var TYPE_AHEAD_DECORATION_ELEMENT_ID = 'typeahaed_decoration_element_id';
-export var CloseSelectionOptions = /*#__PURE__*/function (CloseSelectionOptions) {
-  CloseSelectionOptions["BEFORE_TEXT_INSERTED"] = "BEFORE_TEXT_INSERTED";
-  CloseSelectionOptions["AFTER_TEXT_INSERTED"] = "AFTER_TEXT_INSERTED";
-  return CloseSelectionOptions;
-}({});

package/dist/esm/plugins/type-ahead/index.js

@@ -1,3 +0,0 @@
-import { typeAheadPlugin } from './plugin';
-export default typeAheadPlugin;
-export { typeAheadPlugin };

package/dist/esm/plugins/type-ahead/insert-utils.js

@@ -1,101 +0,0 @@
-import { TextSelection, NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { Node as PMNode, Slice, Fragment } from '@atlaskit/editor-prosemirror/model';
-import { safeInsert, normaliseNestedLayout } from '@atlaskit/editor-common/insert';
-function findInsertPoint(doc, pos, nodeToInsert) {
-  var $pos = doc.resolve(pos);
-  var createInsertPosition = function createInsertPosition(from, to) {
-    return {
-      from: from,
-      to: to || from
-    };
-  };
-
-  // Search for a valid position for nodeToInsert in progressively higher levels
-  for (var level = $pos.depth; level >= 0; level--) {
-    var nodeAtLevel = $pos.node(level);
-
-    // Try to replace the empty paragraph in the level above
-    // Scenario:
-    //   doc(
-    //     table(
-    //       row(
-    //         cell(
-    //           p('{<>}'),
-    //         ),
-    //       )
-    //     )
-    //   )
-    var levelAbove = Math.max(level - 1, 0);
-    var parentNode = $pos.node(levelAbove);
-    // Special case: when this is true, the 'to' position should be the end
-    // of the empty paragraph
-    var isNodeAtLevelEmptyParagraph = nodeAtLevel.type.name === 'paragraph' && nodeAtLevel.content.size === 0;
-    var indexAtLevelAbove = $pos.index(levelAbove);
-    var canReplaceNodeAtLevelAbove = parentNode.canReplaceWith(indexAtLevelAbove, indexAtLevelAbove, nodeToInsert.type);
-    if (isNodeAtLevelEmptyParagraph && canReplaceNodeAtLevelAbove) {
-      var from = $pos.posAtIndex(indexAtLevelAbove, levelAbove);
-      return createInsertPosition(from, from + nodeAtLevel.nodeSize);
-    }
-
-    // Try to insert this node right after the node in the level above
-    // Scenario:
-    //   doc(
-    //     panel(
-    //       p('{<>}'),
-    //     )
-    //   )
-    var indexAfterAtLevelAbove = $pos.indexAfter(levelAbove);
-    var canInsertNodeAtLevelAbove = parentNode.canReplaceWith(indexAfterAtLevelAbove, indexAfterAtLevelAbove, nodeToInsert.type);
-    if (canInsertNodeAtLevelAbove) {
-      return createInsertPosition($pos.posAtIndex(indexAfterAtLevelAbove, levelAbove));
-    }
-  }
-  return createInsertPosition(0);
-}
-export var insertBlockNode = function insertBlockNode(_ref) {
-  var node = _ref.node,
-    tr = _ref.tr,
-    position = _ref.position;
-  var start = position.start,
-    end = position.end;
-  if (node.isText) {
-    return tr.replaceWith(start, end, node);
-  }
-  if (node.isBlock) {
-    tr.delete(start, end);
-    var mappedStart = tr.mapping.map(start);
-    var nodeNormalized = normaliseNestedLayout(tr, node);
-
-    // Handle edge cases for hr and mediaSingle
-    var inserted = safeInsert(nodeNormalized, mappedStart)(tr);
-    if (inserted) {
-      return tr;
-    }
-    var sliceInserted = Slice.maxOpen(Fragment.from(nodeNormalized));
-    var _findInsertPoint = findInsertPoint(tr.doc, mappedStart, nodeNormalized),
-      from = _findInsertPoint.from,
-      to = _findInsertPoint.to;
-    tr.replaceWith(from, to, node);
-    var openPosition = Math.min(from + (node.isAtom ? node.nodeSize : sliceInserted.openStart), tr.doc.content.size);
-    var FORWARD_DIRECTION = 1;
-    var nextSelection = TextSelection.findFrom(tr.doc.resolve(openPosition), FORWARD_DIRECTION, true);
-    if (nextSelection) {
-      return tr.setSelection(nextSelection);
-    }
-  }
-  return tr;
-};
-export var insertInlineNodeOrFragment = function insertInlineNodeOrFragment(_ref2) {
-  var maybeFragment = _ref2.maybeFragment,
-    tr = _ref2.tr,
-    position = _ref2.position,
-    selectInlineNode = _ref2.selectInlineNode;
-  var start = position.start,
-    end = position.end;
-  var fragment = maybeFragment instanceof PMNode ? Fragment.from(maybeFragment) : maybeFragment;
-  tr.replaceWith(start, end, fragment);
-  if (selectInlineNode) {
-    return tr.setSelection(NodeSelection.create(tr.doc, start));
-  }
-  return tr.setSelection(TextSelection.near(tr.doc.resolve(start + fragment.size)));
-};

package/dist/esm/plugins/type-ahead/messages.js

@@ -1,73 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export var typeAheadListMessages = defineMessages({
-  typeAheadPopupLabel: {
-    id: 'fabric.editor.typeAhead.popupLabel',
-    defaultMessage: 'Typeahead results',
-    description: 'the result of a typeahead, similar to autocomplete results+'
-  },
-  quickInsertPopupLabel: {
-    id: 'fabric.editor.typeAhead.quickInsertPopupLabel',
-    defaultMessage: 'Shortcuts for inserts and formatting',
-    description: 'the result of a quick insert typeahead, similar to autocomplete results+'
-  },
-  quickInsertInputLabel: {
-    id: 'fabric.editor.typeAhead.quickInsertInputLabel',
-    defaultMessage: 'Begin typing to search or filter shortcut options',
-    description: 'assisitve text for typeahed input field'
-  },
-  emojiPopupLabel: {
-    id: 'fabric.editor.typeahead.emojiPopupLabel',
-    defaultMessage: 'Emoji shortcuts',
-    description: 'the result of a emoji typeahead, similar to autocomplete results+'
-  },
-  emojiInputLabel: {
-    id: 'fabric.editor.typeahead.emojiInputLabel',
-    defaultMessage: 'Begin typing to search or filter emoji options',
-    description: 'assisitve text for typeahed input field'
-  },
-  mentionPopupLabel: {
-    id: 'fabric.editor.typeahead.mentionPopupLabel',
-    defaultMessage: 'Users you can tag',
-    description: 'the aria label of a mention typeahead popup'
-  },
-  mentionInputLabel: {
-    id: 'fabric.editor.typeahead.mentionInputLabel',
-    defaultMessage: 'Begin typing to search for users to tag',
-    description: 'assisitve text for typeahed input field'
-  },
-  metionListItemLabel: {
-    id: 'fabric.editor.typeahead.metionListItemLabel',
-    defaultMessage: 'User {name} @{shortName}',
-    description: 'assistive text for user mention items username and nickname'
-  },
-  emojiListItemLabel: {
-    id: 'fabric.editor.typeahead.emojiListItemLabel',
-    defaultMessage: 'Emoji {name} Text Shortcut {shortcut}',
-    description: 'assistive text for emoji name and shortcut'
-  },
-  inputQueryAssistiveLabel: {
-    id: 'fabric.editor.inputQueryAssistiveTxt',
-    defaultMessage: 'When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.',
-    description: 'Assistive text to the user when using typeahead shortcut'
-  },
-  searchResultsLabel: {
-    id: 'fabric.editor.searchResults',
-    defaultMessage: '{itemsLength, plural, one {# search result} other {# search results}} available',
-    description: 'Assistive text to the user when using typeahead shortcut and it preceeds with a number - Ex: 10 search results available'
-  },
-  noSearchResultsLabel: {
-    id: 'fabric.editor.noSearchResults',
-    defaultMessage: 'No search results',
-    description: 'Assistive text to the user when using typeahead shortcut'
-  },
-  descriptionLabel: {
-    id: 'fabric.editor.description',
-    defaultMessage: 'Description',
-    description: 'Description'
-  },
-  shortcutLabel: {
-    id: 'fabric.editor.shortcut',
-    defaultMessage: 'Text shortcut',
-    description: 'Text shortcut'
-  }
-});