@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/es2019/plugins/type-ahead/commands/select-item.js

@@ -1,119 +0,0 @@
-import { Fragment } from 'prosemirror-model';
-import { insertSelectedItem } from '../../../utils/insert';
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/plugin-key';
-import { findTypeAheadQuery } from '../utils/find-query-mark';
-import { isInviteItem } from '../../mentions/utils';
-import { dismissCommand } from './dismiss';
-export const selectCurrentItem = (mode = 'selected') => (state, dispatch) => {
-  const {
-    active,
-    currentIndex,
-    items,
-    typeAheadHandler
-  } = pluginKey.getState(state);
-
-  if (!active || !typeAheadHandler) {
-    return false;
-  }
-
-  if (!typeAheadHandler.selectItem || !items[currentIndex]) {
-    return withTypeAheadQueryMarkPosition(state, (start, end) => insertFallbackCommand(start, end)(state, dispatch));
-  }
-
-  return selectItem(typeAheadHandler, items[currentIndex], mode)(state, dispatch);
-};
-export const selectSingleItemOrDismiss = (mode = 'selected') => (state, dispatch) => {
-  const {
-    active,
-    items,
-    typeAheadHandler
-  } = pluginKey.getState(state);
-
-  if (!active || !typeAheadHandler || !typeAheadHandler.selectItem) {
-    return false;
-  }
-
-  if (items.length === 1) {
-    return selectItem(typeAheadHandler, items[0], mode)(state, dispatch);
-  }
-
-  if (!items || items.length === 0) {
-    dismissCommand()(state, dispatch);
-    return false;
-  }
-
-  return false;
-};
-export const selectByIndex = index => (state, dispatch) => {
-  const {
-    active,
-    items,
-    typeAheadHandler
-  } = pluginKey.getState(state);
-
-  if (!active || !typeAheadHandler || !typeAheadHandler.selectItem || !items[index]) {
-    return false;
-  }
-
-  return selectItem(typeAheadHandler, items[index])(state, dispatch);
-};
-export const selectItem = (handler, item, mode = 'selected') => (state, dispatch) => {
-  return withTypeAheadQueryMarkPosition(state, (start, end) => {
-    const insert = (maybeNode, opts = {}) => {
-      let tr = state.tr;
-      tr = tr.setMeta(pluginKey, {
-        action: ACTIONS.SELECT_CURRENT
-      }).replaceWith(start, end, Fragment.empty);
-      return insertSelectedItem(maybeNode, opts)(state, tr, start);
-    };
-
-    const tr = handler.selectItem(state, item, insert, {
-      mode
-    }); // if this is the invite teammates item, delete the trigger and query
-
-    if (isInviteItem(item.mention)) {
-      // allow the user the select the invite item by left click or enter, but not by space bar
-      if (mode !== 'space') {
-        if (dispatch) {
-          dispatch(state.tr.delete(start, end));
-          return true;
-        }
-      }
-
-      return false;
-    }
-
-    if (tr === false) {
-      return insertFallbackCommand(start, end)(state, dispatch);
-    }
-
-    if (dispatch) {
-      dispatch(tr);
-    }
-
-    return true;
-  });
-};
-export const insertFallbackCommand = (start, end) => (state, dispatch) => {
-  const {
-    query,
-    trigger
-  } = pluginKey.getState(state);
-  const node = state.schema.text(trigger + query);
-
-  if (dispatch) {
-    dispatch(state.tr.replaceWith(start, end, node));
-  }
-
-  return true;
-};
-export const withTypeAheadQueryMarkPosition = (state, cb) => {
-  const queryMark = findTypeAheadQuery(state);
-
-  if (!queryMark || queryMark.start === -1) {
-    return false;
-  }
-
-  return cb(queryMark.start, queryMark.end);
-};

package/dist/es2019/plugins/type-ahead/commands/set-current-index.js

@@ -1,13 +0,0 @@
-import { ACTIONS, pluginKey } from '../pm-plugins/main';
-export const setCurrentIndex = currentIndex => (state, dispatch) => {
-  if (dispatch) {
-    dispatch(state.tr.setMeta(pluginKey, {
-      action: ACTIONS.SET_CURRENT_INDEX,
-      params: {
-        currentIndex
-      }
-    }));
-  }
-
-  return true;
-};

package/dist/es2019/plugins/type-ahead/pm-plugins/keymap.js

@@ -1,94 +0,0 @@
-import { keymap } from 'prosemirror-keymap';
-import * as keymaps from '../../../keymaps';
-import { dismissCommand } from '../commands/dismiss';
-import { selectCurrentItem, selectSingleItemOrDismiss } from '../commands/select-item';
-import { ACTIONS, pluginKey } from './main';
-export function keymapPlugin() {
-  const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.enter.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    return selectCurrentItem('enter')(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        action: ACTIONS.SELECT_PREV
-      }));
-    }
-
-    return true;
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        action: ACTIONS.SELECT_NEXT
-      }));
-    }
-
-    return true;
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    return selectCurrentItem('shift-enter')(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.tab.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    return selectCurrentItem('tab')(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.escape.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-    /**
-     * Jira uses escape to toggle the collapsed editor
-     * stop the event propagation when the picker is open
-     */
-
-
-    if (window.event) {
-      window.event.stopPropagation();
-    }
-
-    return dismissCommand()(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.space.common, (state, dispatch) => {
-    const pluginState = pluginKey.getState(state);
-
-    if (pluginState && pluginState.active) {
-      return selectSingleItemOrDismiss('space')(state, dispatch);
-    }
-
-    return false;
-  }, list);
-  return keymap(list);
-}
-export default keymapPlugin;

package/dist/es2019/plugins/type-ahead/ui/TypeAhead.js

@@ -1,175 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import styled from 'styled-components';
-import { Popup } from '@atlaskit/editor-common';
-import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
-import { N0, N60A, N50A } from '@atlaskit/theme/colors';
-import { divide } from '@atlaskit/theme/math';
-import { selectByIndex } from '../commands/select-item';
-import { setCurrentIndex } from '../commands/set-current-index';
-import { TypeAheadItemsList } from './TypeAheadItemsList';
-import { fireAnalyticsEvent, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
-import { editorAnalyticsChannel } from '../../analytics/consts';
-export const TypeAheadContent = styled.div`
-  background: ${N0};
-  border-radius: ${borderRadius()}px;
-  box-shadow: 0 0 1px ${N60A}, 0 4px 8px -2px ${N50A};
-  padding: ${divide(gridSize, 2)}px 0;
-  width: 320px;
-  max-height: 380px; /* ~5.5 visibile items */
-  overflow-y: auto;
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-  position: relative;
-`;
-export class TypeAhead extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "composing", false);
-
-    _defineProperty(this, "shouldFireRendered", false);
-
-    _defineProperty(this, "handleKeyPress", () => {
-      // When user starts typing, they are not using their mouse
-      // Marks as composing, to prevent false positive mouse events
-      this.composing = true;
-    });
-
-    _defineProperty(this, "handleMouseMove", () => {
-      // User is actively moving mouse, hence can enable mouse events again
-      this.composing = false;
-    });
-
-    _defineProperty(this, "fireRendered", () => {
-      if (this.shouldFireRendered) {
-        var _this$props$items;
-
-        const payload = {
-          action: ACTION.RENDERED,
-          actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            time: this.renderStart ? performance.now() - this.renderStart : undefined,
-            items: (_this$props$items = this.props.items) === null || _this$props$items === void 0 ? void 0 : _this$props$items.length,
-            initial: this.props.query === ''
-          }
-        };
-        fireAnalyticsEvent(this.props.createAnalyticsEvent)({
-          channel: editorAnalyticsChannel,
-          payload
-        });
-        this.renderStart = undefined;
-        this.shouldFireRendered = false;
-      }
-    });
-
-    _defineProperty(this, "fireItemViewed", () => {
-      if (this.props.currentIndex !== this.sentIndex) {
-        var _this$props$items2;
-
-        const itemPayload = {
-          action: ACTION.VIEWED,
-          actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            index: this.props.currentIndex,
-            items: (_this$props$items2 = this.props.items) === null || _this$props$items2 === void 0 ? void 0 : _this$props$items2.length
-          }
-        };
-        fireAnalyticsEvent(this.props.createAnalyticsEvent)({
-          channel: editorAnalyticsChannel,
-          payload: itemPayload
-        });
-        this.sentIndex = this.props.currentIndex;
-      }
-    });
-
-    _defineProperty(this, "componentDidMount", () => {
-      window.addEventListener('keypress', this.handleKeyPress);
-      window.addEventListener('mousemove', this.handleMouseMove);
-      this.fireRendered();
-      this.fireItemViewed();
-    });
-
-    _defineProperty(this, "componentWillUnmount", () => {
-      window.removeEventListener('keypress', this.handleKeyPress);
-      window.removeEventListener('mousemove', this.handleMouseMove);
-    });
-
-    _defineProperty(this, "componentDidUpdate", () => {
-      this.fireRendered();
-      this.fireItemViewed();
-    });
-
-    _defineProperty(this, "insertByIndex", index => {
-      selectByIndex(index)(this.props.editorView.state, this.props.editorView.dispatch);
-    });
-
-    _defineProperty(this, "setCurrentIndex", index => {
-      if (this.composing) {
-        // User is typing, mouse events are false positives
-        return;
-      }
-
-      if (index !== this.props.currentIndex) {
-        setCurrentIndex(index)(this.props.editorView.state, this.props.editorView.dispatch);
-      }
-    });
-  }
-
-  componentWillReceiveProps(nextProps) {
-    var _this$props$items$map, _this$props$items3, _nextProps$items$map$, _nextProps$items;
-
-    const prev = (_this$props$items$map = (_this$props$items3 = this.props.items) === null || _this$props$items3 === void 0 ? void 0 : _this$props$items3.map(({
-      title
-    }) => title).join('-')) !== null && _this$props$items$map !== void 0 ? _this$props$items$map : '';
-    const next = (_nextProps$items$map$ = (_nextProps$items = nextProps.items) === null || _nextProps$items === void 0 ? void 0 : _nextProps$items.map(({
-      title
-    }) => title).join('-')) !== null && _nextProps$items$map$ !== void 0 ? _nextProps$items$map$ : '';
-
-    if (prev !== next) {
-      this.renderStart = performance.now();
-      this.shouldFireRendered = true;
-    }
-  }
-
-  render() {
-    const {
-      active,
-      items,
-      isLoading,
-      anchorElement,
-      currentIndex,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      highlight
-    } = this.props;
-
-    if (!active || !anchorElement || !items || !items.length) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(Popup, {
-      zIndex: akEditorFloatingDialogZIndex,
-      target: anchorElement,
-      mountTo: popupsMountPoint,
-      boundariesElement: popupsBoundariesElement,
-      scrollableElement: popupsScrollableElement,
-      fitHeight: 300,
-      fitWidth: 340,
-      offset: [0, 8]
-    }, /*#__PURE__*/React.createElement(TypeAheadContent, {
-      className: "fabric-editor-typeahead"
-    }, highlight, Array.isArray(items) ? /*#__PURE__*/React.createElement(TypeAheadItemsList, {
-      insertByIndex: this.insertByIndex,
-      setCurrentIndex: this.setCurrentIndex,
-      items: items,
-      currentIndex: currentIndex
-    }) : !items && isLoading ? 'loading...' : 'no items'));
-  }
-
-}
-
-_defineProperty(TypeAhead, "displayName", 'TypeAhead');

package/dist/es2019/plugins/type-ahead/ui/TypeAheadItemsList.js

@@ -1,196 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import styled, { ThemeProvider } from 'styled-components';
-import Item, { ItemGroup, itemThemeNamespace } from '@atlaskit/item';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius } from '@atlaskit/theme/constants';
-import * as colors from '@atlaskit/theme/colors';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { Shortcut } from '../../../ui/styles';
-import IconFallback from '../../quick-insert/assets/fallback';
-const hidden = {
-  overflow: 'hidden'
-};
-const itemTheme = {
-  [itemThemeNamespace]: {
-    padding: {
-      default: {
-        bottom: 12,
-        left: 12,
-        right: 12,
-        top: 12
-      }
-    },
-    beforeItemSpacing: {
-      default: () => 12
-    },
-    borderRadius: () => 0,
-    hover: {
-      // background: colors.transparent, transparent is not a thing
-      text: colors.text,
-      secondaryText: colors.N200
-    },
-    selected: {
-      background: themed({
-        light: colors.N20,
-        dark: colors.DN70
-      }),
-      text: themed({
-        light: colors.N800,
-        dark: colors.DN600
-      }),
-      secondaryText: themed({
-        light: colors.N200,
-        dark: colors.DN300
-      })
-    }
-  }
-};
-export const ItemIcon = styled.div`
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-  border: 1px solid rgba(223, 225, 229, 0.5); /* N60 at 50% */
-  border-radius: ${borderRadius()}px;
-  box-sizing: border-box;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  div {
-    width: 40px;
-    height: 40px;
-  }
-`;
-const ItemBody = styled.div`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  line-height: 1.4;
-`;
-const ItemText = styled.div`
-  white-space: initial;
-  .item-description {
-    font-size: ${relativeFontSizeToBase16(11.67)};
-    color: ${colors.N200};
-    margin-top: 4px;
-  }
-`;
-const ItemAfter = styled.div`
-  flex: 0 0 auto;
-`;
-
-const fallbackIcon = () => {
-  return /*#__PURE__*/React.createElement(IconFallback, null);
-};
-
-export function scrollIntoViewIfNeeded(element) {
-  const {
-    offsetTop,
-    offsetHeight,
-    offsetParent
-  } = element;
-  const {
-    offsetHeight: offsetParentHeight,
-    scrollTop
-  } = offsetParent;
-  const direction = offsetTop + offsetHeight > offsetParentHeight + scrollTop ? 1 : scrollTop > offsetTop ? -1 : 0;
-
-  if (direction !== 0 && offsetParent) {
-    offsetParent.scrollTop = direction === 1 ? offsetTop + offsetHeight - offsetParentHeight : offsetTop;
-  }
-}
-export function TypeAheadItemsList({
-  items,
-  currentIndex,
-  insertByIndex,
-  setCurrentIndex
-}) {
-  if (!Array.isArray(items)) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: itemTheme
-  }, /*#__PURE__*/React.createElement(ItemGroup, null, items.map((item, index) => /*#__PURE__*/React.createElement(TypeAheadItemComponent, {
-    key: item.key || item.title,
-    item: item,
-    index: index,
-    currentIndex: currentIndex,
-    insertByIndex: insertByIndex,
-    setCurrentIndex: setCurrentIndex
-  }))));
-}
-export class TypeAheadItemComponent extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      ref: null
-    });
-
-    _defineProperty(this, "insertByIndex", () => {
-      this.props.insertByIndex(this.props.index);
-    });
-
-    _defineProperty(this, "setCurrentIndex", () => {
-      if (!this.isSelected(this.props)) {
-        this.props.setCurrentIndex(this.props.index);
-      }
-    });
-
-    _defineProperty(this, "handleRef", rawRef => {
-      const hasRef = ref => ref && ref.ref;
-
-      const ref = hasRef(rawRef) ? rawRef.ref : rawRef;
-      this.setState({
-        ref
-      });
-    });
-  }
-
-  shouldComponentUpdate(nextProps) {
-    return this.isSelected(this.props) !== this.isSelected(nextProps);
-  }
-
-  isSelected(props) {
-    return props.index === props.currentIndex;
-  }
-
-  componentDidUpdate() {
-    const ref = this.state.ref;
-
-    if (this.props.index === this.props.currentIndex && ref) {
-      scrollIntoViewIfNeeded(ref);
-    }
-  }
-
-  render() {
-    const {
-      item
-    } = this.props;
-    return item.render ? /*#__PURE__*/React.createElement("div", {
-      onMouseMove: this.setCurrentIndex,
-      ref: this.handleRef,
-      style: hidden
-    }, /*#__PURE__*/React.createElement(item.render, {
-      onClick: this.insertByIndex,
-      onHover: this.setCurrentIndex,
-      isSelected: this.isSelected(this.props)
-    })) : /*#__PURE__*/React.createElement(Item, {
-      onClick: this.insertByIndex,
-      onMouseMove: this.setCurrentIndex,
-      elemBefore: /*#__PURE__*/React.createElement(ItemIcon, null, item.icon ? item.icon() : fallbackIcon()),
-      isSelected: this.isSelected(this.props),
-      "aria-describedby": item.title,
-      ref: this.handleRef
-    }, /*#__PURE__*/React.createElement(ItemBody, null, /*#__PURE__*/React.createElement(ItemText, null, /*#__PURE__*/React.createElement("div", {
-      className: "item-title"
-    }, item.title), item.description && /*#__PURE__*/React.createElement("div", {
-      className: "item-description"
-    }, item.description)), /*#__PURE__*/React.createElement(ItemAfter, null, item.keyshortcut && /*#__PURE__*/React.createElement(Shortcut, null, item.keyshortcut))));
-  }
-
-}

package/dist/es2019/plugins/type-ahead/utils/find-query-mark.js

@@ -1,29 +0,0 @@
-export function findQueryMark(mark, doc, from, to) {
-  let queryMark = {
-    start: -1,
-    end: -1
-  };
-  doc.nodesBetween(from, to, (node, pos) => {
-    if (queryMark.start === -1 && mark.isInSet(node.marks)) {
-      queryMark = {
-        start: pos,
-        end: pos + Math.max(node.textContent.length, 1)
-      };
-    }
-  });
-  return queryMark;
-}
-export function findTypeAheadQuery(state) {
-  const {
-    doc,
-    schema
-  } = state;
-  const {
-    typeAheadQuery
-  } = schema.marks;
-  const {
-    from,
-    to
-  } = state.selection;
-  return findQueryMark(typeAheadQuery, doc, from - 1, to);
-}

package/dist/es2019/plugins/type-ahead/utils/is-query-active.js

@@ -1,9 +0,0 @@
-export function isQueryActive(mark, doc, from, to) {
-  let active = false;
-  doc.nodesBetween(from, to, node => {
-    if (!active && mark.isInSet(node.marks)) {
-      active = true;
-    }
-  });
-  return active;
-}

package/dist/esm/plugins/emoji/commands/insert-emoji-query.js

@@ -1,13 +0,0 @@
-import { insertTypeAheadQuery } from '../../type-ahead/commands/insert-query';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../../analytics';
-export function insertEmojiQuery(inputMethod) {
-  return withAnalytics({
-    action: ACTION.INVOKED,
-    actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-    actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_EMOJI,
-    attributes: {
-      inputMethod: inputMethod
-    },
-    eventType: EVENT_TYPE.UI
-  })(insertTypeAheadQuery(':'));
-}

package/dist/esm/plugins/mentions/commands/insert-mention-query.js

@@ -1,13 +0,0 @@
-import { insertTypeAheadQuery } from '../../type-ahead/commands/insert-query';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../../analytics';
-export function insertMentionQuery(inputMethod) {
-  return withAnalytics({
-    action: ACTION.INVOKED,
-    actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-    actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_MENTION,
-    attributes: {
-      inputMethod: inputMethod
-    },
-    eventType: EVENT_TYPE.UI
-  })(insertTypeAheadQuery('@'));
-}

package/dist/esm/plugins/type-ahead/commands/dismiss.js

@@ -1,33 +0,0 @@
-import { pluginKey } from '../pm-plugins/plugin-key';
-import { findTypeAheadQuery } from '../utils/find-query-mark';
-export var dismissCommand = function dismissCommand() {
-  return function (state, dispatch) {
-    var queryMark = findTypeAheadQuery(state);
-
-    if (queryMark === null) {
-      return false;
-    }
-
-    var start = queryMark.start,
-        end = queryMark.end;
-    var schema = state.schema;
-    var markType = schema.marks.typeAheadQuery;
-
-    if (start === -1) {
-      return false;
-    }
-
-    var _pluginKey$getState = pluginKey.getState(state),
-        typeAheadHandler = _pluginKey$getState.typeAheadHandler;
-
-    if (typeAheadHandler && typeAheadHandler.dismiss) {
-      typeAheadHandler.dismiss(state);
-    }
-
-    if (dispatch) {
-      dispatch(state.tr.removeMark(start, end, markType).removeStoredMark(markType));
-    }
-
-    return true;
-  };
-};