@atlaskit/editor-core 189.1.11 → 189.1.13

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

@@ -1,142 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { TextSelection, Selection } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { filterCommand as filter } from '@atlaskit/editor-common/utils';
-import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
-import { fixColumnSizes, fixColumnStructure, getSelectedLayout } from '../actions';
-import { pluginKey } from './plugin-key';
-export const DEFAULT_LAYOUT = 'two_equal';
-const isWholeSelectionInsideLayoutColumn = state => {
-  // Since findParentNodeOfType doesn't check if selection.to shares the parent, we do this check ourselves
-  const fromParent = findParentNodeOfType(state.schema.nodes.layoutColumn)(state.selection);
-  if (fromParent) {
-    const isToPosInsideSameLayoutColumn = state.selection.from < fromParent.pos + fromParent.node.nodeSize;
-    return isToPosInsideSameLayoutColumn;
-  }
-  return false;
-};
-const moveCursorToNextColumn = (state, dispatch) => {
-  const {
-    selection
-  } = state;
-  const {
-    schema: {
-      nodes: {
-        layoutColumn,
-        layoutSection
-      }
-    }
-  } = state;
-  const section = findParentNodeOfType(layoutSection)(selection);
-  const column = findParentNodeOfType(layoutColumn)(selection);
-  if (column.node !== section.node.lastChild) {
-    const $nextColumn = state.doc.resolve(column.pos + column.node.nodeSize);
-    const shiftedSelection = TextSelection.findFrom($nextColumn, 1);
-    if (dispatch) {
-      dispatch(state.tr.setSelection(shiftedSelection));
-    }
-  }
-  return true;
-};
-
-// TODO: Look at memoize-one-ing this fn
-const getNodeDecoration = (pos, node) => [Decoration.node(pos, pos + node.nodeSize, {
-  class: 'selected'
-})];
-const getInitialPluginState = (options, state) => {
-  const maybeLayoutSection = findParentNodeOfType(state.schema.nodes.layoutSection)(state.selection);
-  const allowBreakout = options.allowBreakout || false;
-  const addSidebarLayouts = options.UNSAFE_addSidebarLayouts || false;
-  const allowSingleColumnLayout = options.UNSAFE_allowSingleColumnLayout || false;
-  const pos = maybeLayoutSection ? maybeLayoutSection.pos : null;
-  const selectedLayout = getSelectedLayout(maybeLayoutSection && maybeLayoutSection.node, DEFAULT_LAYOUT);
-  return {
-    pos,
-    allowBreakout,
-    addSidebarLayouts,
-    selectedLayout,
-    allowSingleColumnLayout
-  };
-};
-export default (options => new SafePlugin({
-  key: pluginKey,
-  state: {
-    init: (_, state) => getInitialPluginState(options, state),
-    apply: (tr, pluginState, _oldState, newState) => {
-      if (tr.docChanged || tr.selectionSet) {
-        const {
-          schema: {
-            nodes: {
-              layoutSection
-            }
-          },
-          selection
-        } = newState;
-        const maybeLayoutSection = findParentNodeOfType(layoutSection)(selection) || findSelectedNodeOfType([layoutSection])(selection);
-        const newPluginState = {
-          ...pluginState,
-          pos: maybeLayoutSection ? maybeLayoutSection.pos : null,
-          selectedLayout: getSelectedLayout(maybeLayoutSection && maybeLayoutSection.node, pluginState.selectedLayout)
-        };
-        return newPluginState;
-      }
-      return pluginState;
-    }
-  },
-  props: {
-    decorations(state) {
-      const layoutState = pluginKey.getState(state);
-      if (layoutState.pos !== null) {
-        return DecorationSet.create(state.doc, getNodeDecoration(layoutState.pos, state.doc.nodeAt(layoutState.pos)));
-      }
-      return undefined;
-    },
-    handleKeyDown: keydownHandler({
-      Tab: filter(isWholeSelectionInsideLayoutColumn, moveCursorToNextColumn)
-    }),
-    handleClickOn: createSelectionClickHandler(['layoutColumn'], target => target.hasAttribute('data-layout-section') || target.hasAttribute('data-layout-column'), {
-      useLongPressSelection: options.useLongPressSelection || false,
-      getNodeSelectionPos: (state, nodePos) => state.doc.resolve(nodePos).before()
-    })
-  },
-  appendTransaction: (transactions, _oldState, newState) => {
-    let changes = [];
-    transactions.forEach(prevTr => {
-      // remap change segments across the transaction set
-      changes.forEach(change => {
-        return {
-          from: prevTr.mapping.map(change.from),
-          to: prevTr.mapping.map(change.to),
-          slice: change.slice
-        };
-      });
-
-      // don't consider transactions that don't mutate
-      if (!prevTr.docChanged) {
-        return;
-      }
-      const change = fixColumnSizes(prevTr, newState);
-      if (change) {
-        changes.push(change);
-      }
-    });
-    if (changes.length) {
-      let tr = newState.tr;
-      const selection = newState.selection.toJSON();
-      changes.forEach(change => {
-        tr.replaceRange(change.from, change.to, change.slice);
-      });
-
-      // selecting and deleting across columns in 3 col layouts can remove
-      // a layoutColumn so we fix the structure here
-      tr = fixColumnStructure(newState) || tr;
-      if (tr.docChanged) {
-        tr.setSelection(Selection.fromJSON(tr.doc, selection));
-        return tr;
-      }
-    }
-    return;
-  }
-}));

package/dist/es2019/plugins/layout/pm-plugins/plugin-key.js

@@ -1,2 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const pluginKey = new PluginKey('layout');

package/dist/es2019/plugins/layout/pm-plugins/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/plugins/layout/toolbar-messages.js

@@ -1,33 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export const toolbarMessages = defineMessages({
-  singleColumn: {
-    id: 'fabric.editor.single',
-    defaultMessage: 'Single column',
-    description: 'Layout with one single column'
-  },
-  twoColumns: {
-    id: 'fabric.editor.twoColumns',
-    defaultMessage: 'Two columns',
-    description: 'Layout with two columns of equal width'
-  },
-  threeColumns: {
-    id: 'fabric.editor.threeColumns',
-    defaultMessage: 'Three columns',
-    description: 'Layout with three columns of equal width'
-  },
-  rightSidebar: {
-    id: 'fabric.editor.rightSidebar',
-    defaultMessage: 'Right sidebar',
-    description: 'Layout with two columns, left column is 2/3 and right is 1/3 of page'
-  },
-  leftSidebar: {
-    id: 'fabric.editor.leftSidebar',
-    defaultMessage: 'Left sidebar',
-    description: 'Layout with two columns, left column is 1/3 and right is 2/3 of page'
-  },
-  threeColumnsWithSidebars: {
-    id: 'fabric.editor.threeColumnsWithSidebars',
-    defaultMessage: 'Three columns with sidebars',
-    description: 'Layout with 3 columns laid out as 25% - 50% - 25%'
-  }
-});

package/dist/es2019/plugins/layout/toolbar.js

@@ -1,101 +0,0 @@
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import EditorLayoutSingleIcon from '@atlaskit/icon/glyph/editor/layout-single';
-import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
-import LayoutThreeEqualIcon from '@atlaskit/icon/glyph/editor/layout-three-equal';
-import LayoutTwoLeftSidebarIcon from '@atlaskit/icon/glyph/editor/layout-two-left-sidebar';
-import LayoutTwoRightSidebarIcon from '@atlaskit/icon/glyph/editor/layout-two-right-sidebar';
-import LayoutThreeWithSidebarsIcon from '@atlaskit/icon/glyph/editor/layout-three-with-sidebars';
-import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import { toolbarMessages } from './toolbar-messages';
-import commonMessages from '@atlaskit/editor-common/messages';
-import { setPresetLayout, deleteActiveLayoutNode, getPresetLayout } from './actions';
-const LAYOUT_TYPES = [{
-  id: 'editor.layout.twoEquals',
-  type: 'two_equal',
-  title: toolbarMessages.twoColumns,
-  icon: LayoutTwoEqualIcon
-}, {
-  id: 'editor.layout.threeEquals',
-  type: 'three_equal',
-  title: toolbarMessages.threeColumns,
-  icon: LayoutThreeEqualIcon
-}];
-const LAYOUT_TYPES_WITH_SINGLE_COL = [{
-  id: 'editor.layout.singeLayout',
-  type: 'single',
-  title: toolbarMessages.singleColumn,
-  icon: EditorLayoutSingleIcon
-}, ...LAYOUT_TYPES];
-const SIDEBAR_LAYOUT_TYPES = [{
-  id: 'editor.layout.twoRightSidebar',
-  type: 'two_right_sidebar',
-  title: toolbarMessages.rightSidebar,
-  icon: LayoutTwoRightSidebarIcon
-}, {
-  id: 'editor.layout.twoLeftSidebar',
-  type: 'two_left_sidebar',
-  title: toolbarMessages.leftSidebar,
-  icon: LayoutTwoLeftSidebarIcon
-}, {
-  id: 'editor.layout.threeWithSidebars',
-  type: 'three_with_sidebars',
-  title: toolbarMessages.threeColumnsWithSidebars,
-  icon: LayoutThreeWithSidebarsIcon
-}];
-const buildLayoutButton = (intl, item, currentLayout, editorAnalyticsAPI) => ({
-  id: item.id,
-  type: 'button',
-  icon: item.icon,
-  testId: item.title.id ? `${item.title.id}` : undefined,
-  title: intl.formatMessage(item.title),
-  onClick: setPresetLayout(editorAnalyticsAPI)(item.type),
-  selected: !!currentLayout && currentLayout === item.type,
-  tabIndex: null
-});
-export const layoutToolbarTitle = 'Layout floating controls';
-export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api) => {
-  var _api$decorations$acti, _api$decorations, _api$analytics;
-  const {
-    hoverDecoration
-  } = (_api$decorations$acti = api === null || api === void 0 ? void 0 : (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {};
-  const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  const node = state.doc.nodeAt(pos);
-  if (node) {
-    const currentLayout = getPresetLayout(node);
-    const separator = {
-      type: 'separator'
-    };
-    const nodeType = state.schema.nodes.layoutSection;
-    const deleteButton = {
-      id: 'editor.layout.delete',
-      type: 'button',
-      appearance: 'danger',
-      focusEditoronEnter: true,
-      icon: RemoveIcon,
-      testId: commonMessages.remove.id,
-      title: intl.formatMessage(commonMessages.remove),
-      onClick: deleteActiveLayoutNode(editorAnalyticsAPI),
-      onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
-      onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
-      onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
-      onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
-      tabIndex: null
-    };
-    const layoutTypes = allowSingleColumnLayout ? LAYOUT_TYPES_WITH_SINGLE_COL : LAYOUT_TYPES;
-    return {
-      title: layoutToolbarTitle,
-      getDomRef: view => findDomRefAtPos(pos, view.domAtPos.bind(view)),
-      nodeType,
-      items: [...layoutTypes.map(i => buildLayoutButton(intl, i, currentLayout, editorAnalyticsAPI)), ...(addSidebarLayouts ? SIDEBAR_LAYOUT_TYPES.map(i => buildLayoutButton(intl, i, currentLayout, editorAnalyticsAPI)) : []), {
-        type: 'copy-button',
-        items: [separator, {
-          state,
-          formatMessage: intl.formatMessage,
-          nodeType
-        }]
-      }, separator, deleteButton],
-      scrollable: true
-    };
-  }
-  return;
-};

package/dist/es2019/plugins/layout/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/plugins/placeholder-text/actions.js

@@ -1,27 +0,0 @@
-import { pluginKey } from './plugin-key';
-export const showPlaceholderFloatingToolbar = (state, dispatch) => {
-  const tr = state.tr;
-  if (!state.selection.empty) {
-    tr.deleteSelection();
-  }
-  tr.setMeta(pluginKey, {
-    showInsertPanelAt: tr.selection.anchor
-  });
-  tr.scrollIntoView();
-  dispatch(tr);
-  return true;
-};
-export const insertPlaceholderTextAtSelection = value => (state, dispatch) => {
-  dispatch(state.tr.replaceSelectionWith(state.schema.nodes.placeholder.createChecked({
-    text: value
-  })).setMeta(pluginKey, {
-    showInsertPanelAt: null
-  }).scrollIntoView());
-  return true;
-};
-export const hidePlaceholderFloatingToolbar = (state, dispatch) => {
-  dispatch(state.tr.setMeta(pluginKey, {
-    showInsertPanelAt: null
-  }));
-  return true;
-};

package/dist/es2019/plugins/placeholder-text/fake-text-cursor/cursor.js

@@ -1,77 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { TextSelection, Selection } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { Slice } from '@atlaskit/editor-prosemirror/model';
-export class FakeTextCursorBookmark {
-  constructor(pos) {
-    _defineProperty(this, "pos", undefined);
-    _defineProperty(this, "visible", false);
-    this.pos = pos;
-  }
-  map(mapping) {
-    return new FakeTextCursorBookmark(mapping.map(this.pos));
-  }
-  resolve(doc) {
-    const $pos = doc.resolve(this.pos);
-    return Selection.near($pos);
-  }
-}
-export class FakeTextCursorSelection extends Selection {
-  constructor($pos) {
-    super($pos, $pos);
-  }
-  map(doc, mapping) {
-    const $pos = doc.resolve(mapping.map(this.$head.pos));
-    return new FakeTextCursorSelection($pos);
-  }
-  static content() {
-    return Slice.empty;
-  }
-  eq(other) {
-    return other instanceof FakeTextCursorSelection && other.head === this.head;
-  }
-  toJSON() {
-    return {
-      type: 'Cursor',
-      pos: this.head
-    };
-  }
-  static fromJSON(doc, json) {
-    return new FakeTextCursorSelection(doc.resolve(json.pos));
-  }
-  getBookmark() {
-    return new FakeTextCursorBookmark(this.anchor);
-  }
-}
-Selection.jsonID('fake-text-cursor', FakeTextCursorSelection);
-export const addFakeTextCursor = (state, dispatch) => {
-  const {
-    selection
-  } = state;
-  if (selection.empty) {
-    const {
-      selection: {
-        $from
-      }
-    } = state;
-    dispatch(state.tr.setSelection(new FakeTextCursorSelection($from)));
-  }
-};
-export const removeFakeTextCursor = (state, dispatch) => {
-  if (state.selection instanceof FakeTextCursorSelection) {
-    const {
-      $from
-    } = state.selection;
-    dispatch(state.tr.setSelection(new TextSelection($from)));
-  }
-};
-export const drawFakeTextCursor = state => {
-  if (!(state.selection instanceof FakeTextCursorSelection)) {
-    return null;
-  }
-  const node = document.createElement('div');
-  node.className = 'ProseMirror-fake-text-cursor';
-  return DecorationSet.create(state.doc, [Decoration.widget(state.selection.head, node, {
-    key: 'Cursor'
-  })]);
-};

package/dist/es2019/plugins/placeholder-text/index.js

@@ -1,2 +0,0 @@
-export { default as placeholderTextPlugin } from './plugin';
-export { FakeTextCursorSelection } from './fake-text-cursor/cursor';

package/dist/es2019/plugins/placeholder-text/placeholder-text-nodeview.js

@@ -1,77 +0,0 @@
-import { Selection } from '@atlaskit/editor-prosemirror/state';
-import { browser, ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-const serializePlaceholderNode = node => {
-  const element = document.createElement('span');
-  element.classList.add('pm-placeholder');
-
-  // the inline node api test suite requires the following class name
-  element.classList.add('placeholderView-content-wrap');
-  element.innerText = ZERO_WIDTH_SPACE;
-  const elementChildren = document.createElement('span');
-  elementChildren.classList.add('pm-placeholder__text');
-  elementChildren.dataset.placeholder = node.attrs.text;
-  elementChildren.setAttribute('contenteditable', 'false');
-  element.appendChild(elementChildren);
-  if (browser.safari) {
-    element.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
-  } else {
-    element.appendChild(document.createElement('wbr'));
-  }
-  return element;
-};
-export class PlaceholderTextNodeView {
-  constructor(node, view, getPos) {
-    this.node = node;
-    this.view = view;
-    this.getPos = getPos;
-    this.dom = serializePlaceholderNode(this.node);
-    this.getPos = getPos;
-  }
-  stopEvent(e) {
-    if (e.type === 'mousedown' && typeof this.getPos === 'function') {
-      e.preventDefault();
-      const {
-        view
-      } = this;
-      const startNodePosition = this.getPos();
-      if (typeof startNodePosition !== 'number') {
-        return false;
-      }
-      const tr = view.state.tr;
-      tr.setSelection(Selection.near(tr.doc.resolve(startNodePosition)));
-      view.dispatch(tr);
-      return true;
-    }
-    return false;
-  }
-  ignoreMutation(record) {
-    if (typeof this.getPos !== 'function' || record.type !== 'selection') {
-      return true;
-    }
-    const {
-      view,
-      node
-    } = this;
-    const placeholderStartPosition = this.getPos();
-    if (typeof placeholderStartPosition !== 'number') {
-      return false;
-    }
-    const placeholderEndPosition = placeholderStartPosition + node.nodeSize;
-    const selection = view.state.selection;
-
-    // when the selection is set right after the placeholder.
-    // we should let ProseMirror deal with this edge-case
-    if (selection.from === placeholderEndPosition) {
-      return false;
-    }
-    const isSelectionAtPlaceholder = selection.from === placeholderStartPosition;
-    const isSelectionAfterlaceholder = selection.from > placeholderEndPosition;
-    if (isSelectionAtPlaceholder || isSelectionAfterlaceholder) {
-      const tr = view.state.tr;
-      tr.setSelection(Selection.near(tr.doc.resolve(placeholderEndPosition)));
-      view.dispatch(tr);
-      return true;
-    }
-    return true;
-  }
-}

package/dist/es2019/plugins/placeholder-text/plugin-key.js

@@ -1,2 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const pluginKey = new PluginKey('placeholderTextPlugin');