@atlaskit/editor-core 188.8.0 → 188.9.0

package/dist/es2019/create-editor/ReactEditorViewNext.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ReactEditorView } from './ReactEditorViewInternal';
-import { injectIntl } from 'react-intl-next';
-export function ReactEditorViewEditor(props) {
-  return /*#__PURE__*/React.createElement(ReactEditorView, props);
-}
-export default injectIntl(ReactEditorViewEditor);

package/dist/es2019/plugins/save-on-enter/index.js

@@ -1,63 +0,0 @@
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../../plugins/analytics';
-import { analyticsEventKey } from '../analytics/consts';
-export function createPlugin(eventDispatch, onSave) {
-  if (!onSave) {
-    return;
-  }
-  return keymap({
-    Enter(state, _dispatch, editorView) {
-      if (editorView && canSaveOnEnter(editorView)) {
-        eventDispatch(analyticsEventKey, analyticsPayload(state));
-        onSave(editorView);
-        return true;
-      }
-      return false;
-    }
-  });
-}
-function canSaveOnEnter(editorView) {
-  const {
-    $cursor
-  } = editorView.state.selection;
-  const {
-    decisionItem,
-    paragraph,
-    taskItem
-  } = editorView.state.schema.nodes;
-  return !$cursor || $cursor.parent.type === paragraph && $cursor.depth === 1 || $cursor.parent.type === decisionItem && !isEmptyAtCursor($cursor) || $cursor.parent.type === taskItem && !isEmptyAtCursor($cursor);
-}
-function isEmptyAtCursor($cursor) {
-  const {
-    content
-  } = $cursor.parent;
-  return !(content && content.size);
-}
-const analyticsPayload = state => ({
-  payload: {
-    action: ACTION.STOPPED,
-    actionSubject: ACTION_SUBJECT.EDITOR,
-    actionSubjectId: ACTION_SUBJECT_ID.SAVE,
-    attributes: {
-      inputMethod: INPUT_METHOD.SHORTCUT,
-      documentSize: state.doc.nodeSize
-      // TODO add individual node counts - tables, headings, lists, mediaSingles, mediaGroups, mediaCards, panels, extensions, decisions, action, codeBlocks
-    },
-
-    eventType: EVENT_TYPE.UI
-  }
-});
-const saveOnEnterPlugin = ({
-  config: onSave
-}) => ({
-  name: 'saveOnEnter',
-  pmPlugins() {
-    return [{
-      name: 'saveOnEnter',
-      plugin: ({
-        dispatch
-      }) => createPlugin(dispatch, onSave)
-    }];
-  }
-});
-export default saveOnEnterPlugin;

package/dist/es2019/plugins/scroll-into-view/index.js

@@ -1,44 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { TEXT_INPUT_RULE_TRANSACTION_KEY } from '@atlaskit/prosemirror-input-rules';
-
-/**
- * Plugin to scroll the user's selection into view whenever the user updates
- * the document eg. inserting, deleting, formatting
- *
- * Behaviour is on by default, can be explicitly opted out of for a transaction by
- * setting scrollIntoView=false meta
- * We ignore collab transactions, appended transactions, transactions without steps,
- * transactions with addToHistory=false meta and typeahead trigger transactions
- */
-
-export const scrollIntoViewPluginKey = new PluginKey('scrollIntoViewPlugin');
-const createPlugin = () => new SafePlugin({
-  key: scrollIntoViewPluginKey,
-  appendTransaction: (transactions, oldState, newState) => {
-    if (!transactions.length) {
-      return;
-    }
-    const tr = transactions[0];
-    if ((tr.docChanged || tr.storedMarksSet) && !tr.scrolledIntoView && tr.getMeta('scrollIntoView') !== false &&
-    // ignore anything we would not want to undo
-    // this covers things like autofixing layouts, hovering table rows/cols
-    tr.getMeta('addToHistory') !== false &&
-    // ignore collab changes from another user
-    !tr.getMeta('isRemote') &&
-    // ignore any transaction coming from the input text rule plugin
-    !tr.getMeta(TEXT_INPUT_RULE_TRANSACTION_KEY)) {
-      return newState.tr.scrollIntoView();
-    }
-  }
-});
-const scrollIntoViewPlugin = () => ({
-  name: 'scrollIntoView',
-  pmPlugins() {
-    return [{
-      name: 'scrollIntoView',
-      plugin: () => createPlugin()
-    }];
-  }
-});
-export default scrollIntoViewPlugin;

package/dist/es2019/plugins/status/actions.js

@@ -1,144 +0,0 @@
-import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
-import { uuid } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import { pluginKey } from './plugin-key';
-import { canInsert } from '@atlaskit/editor-prosemirror/utils';
-export const DEFAULT_STATUS = {
-  text: '',
-  color: 'neutral'
-};
-export const createStatus = (showStatusPickerAtOffset = 0) => (insert, state) => {
-  const statusNode = state.schema.nodes.status.createChecked({
-    ...DEFAULT_STATUS,
-    localId: uuid.generate()
-  });
-  const space = state.schema.text(' ');
-  const tr = insert(Fragment.from([statusNode, space]), {
-    selectInlineNode: true
-  });
-  const showStatusPickerAt = tr.selection.from + showStatusPickerAtOffset;
-  return tr.setSelection(NodeSelection.create(tr.doc, showStatusPickerAt)).setMeta(pluginKey, {
-    showStatusPickerAt,
-    isNew: true
-  });
-};
-export const updateStatus = status => (state, dispatch) => {
-  const {
-    schema
-  } = state;
-  const selectedStatus = status ? Object.assign(status, {
-    text: status.text.trim(),
-    localId: status.localId || uuid.generate()
-  }) : status;
-  const statusProps = {
-    ...DEFAULT_STATUS,
-    ...selectedStatus
-  };
-  let tr = state.tr;
-  const {
-    showStatusPickerAt
-  } = pluginKey.getState(state) || {};
-  if (!showStatusPickerAt) {
-    // Same behaviour as quick insert (used in createStatus)
-    const statusNode = schema.nodes.status.createChecked(statusProps);
-    const fragment = Fragment.fromArray([statusNode, state.schema.text(' ')]);
-    const insertable = canInsert(tr.selection.$from, fragment);
-    if (!insertable) {
-      const parentSelection = NodeSelection.create(tr.doc, tr.selection.from - tr.selection.$anchor.parentOffset - 1);
-      tr.insert(parentSelection.to, fragment).setSelection(NodeSelection.create(tr.doc, parentSelection.to + 1));
-    } else {
-      tr.insert(tr.selection.from, fragment).setSelection(NodeSelection.create(tr.doc, tr.selection.from - fragment.size));
-    }
-    tr.setMeta(pluginKey, {
-      showStatusPickerAt: tr.selection.from,
-      isNew: true
-    }).scrollIntoView();
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  }
-  if (state.doc.nodeAt(showStatusPickerAt)) {
-    tr.setNodeMarkup(showStatusPickerAt, schema.nodes.status, statusProps).setSelection(NodeSelection.create(tr.doc, showStatusPickerAt)).setMeta(pluginKey, {
-      showStatusPickerAt
-    }).scrollIntoView();
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  }
-  return false;
-};
-export const updateStatusWithAnalytics = editorAnalyticsAPI => (inputMethod, status) => withAnalytics(editorAnalyticsAPI, {
-  action: ACTION.INSERTED,
-  actionSubject: ACTION_SUBJECT.DOCUMENT,
-  actionSubjectId: ACTION_SUBJECT_ID.STATUS,
-  attributes: {
-    inputMethod
-  },
-  eventType: EVENT_TYPE.TRACK
-})(updateStatus(status));
-export const setStatusPickerAt = showStatusPickerAt => (state, dispatch) => {
-  dispatch(state.tr.setMeta(pluginKey, {
-    showStatusPickerAt,
-    isNew: false
-  }));
-  return true;
-};
-export const removeStatus = showStatusPickerAt => (state, dispatch) => {
-  const tr = state.tr;
-  tr.replace(showStatusPickerAt, showStatusPickerAt + 1);
-  if (dispatch) {
-    dispatch(tr);
-  }
-  return true;
-};
-const handleClosingByArrows = (closingMethod, state, showStatusPickerAt, tr) => {
-  if (closingMethod === 'arrowLeft') {
-    // put cursor right before status Lozenge
-    tr = tr.setSelection(Selection.near(state.tr.doc.resolve(showStatusPickerAt), -1));
-  } else if (closingMethod === 'arrowRight') {
-    // put cursor right after status Lozenge
-    tr = tr.setSelection(Selection.near(state.tr.doc.resolve(showStatusPickerAt + 1)));
-  }
-};
-export const commitStatusPicker = closingPayload => editorView => {
-  const {
-    state,
-    dispatch
-  } = editorView;
-  const {
-    showStatusPickerAt
-  } = pluginKey.getState(state) || {};
-  const {
-    closingMethod
-  } = closingPayload || {};
-  if (!showStatusPickerAt) {
-    return;
-  }
-  const statusNode = state.tr.doc.nodeAt(showStatusPickerAt);
-  if (!statusNode) {
-    return;
-  }
-  let tr = state.tr;
-  tr = tr.setMeta(pluginKey, {
-    showStatusPickerAt: null,
-    isNew: false
-  });
-  if (closingMethod) {
-    handleClosingByArrows(closingMethod, state, showStatusPickerAt, tr);
-  } else if (statusNode.attrs.text) {
-    // still has content - keep content
-    // move selection after status if selection did not change
-    if (tr.selection.from === showStatusPickerAt) {
-      tr = tr.setSelection(Selection.near(state.tr.doc.resolve(showStatusPickerAt + 2)));
-    }
-  } else {
-    // no content - remove node
-    tr = tr.delete(showStatusPickerAt, showStatusPickerAt + 1);
-  }
-  dispatch(tr);
-  editorView.focus();
-};

package/dist/es2019/plugins/status/analytics.js

@@ -1,18 +0,0 @@
-import { name as packageName, version as packageVersion } from '../../version-wrapper';
-export const FABRIC_CHANNEL = 'fabric-elements';
-export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
-  if (createAnalyticsEvent && payload) {
-    const statusPayload = {
-      ...payload,
-      eventType: 'ui'
-    };
-    if (!statusPayload.attributes) {
-      statusPayload.attributes = {};
-    }
-    statusPayload.attributes.packageName = packageName;
-    statusPayload.attributes.packageVersion = packageVersion;
-    statusPayload.attributes.componentName = 'status';
-    createAnalyticsEvent(statusPayload).fire(FABRIC_CHANNEL);
-  }
-};
-export const analyticsState = isNew => isNew ? 'new' : 'update';

package/dist/es2019/plugins/status/index.js

@@ -1,135 +0,0 @@
-import React from 'react';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { status } from '@atlaskit/adf-schema';
-import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconStatus } from '@atlaskit/editor-common/quick-insert';
-import { updateStatusWithAnalytics, commitStatusPicker, createStatus, updateStatus } from './actions';
-import { keymapPlugin } from './keymap';
-import createStatusPlugin from './plugin';
-import { pluginKey } from './plugin-key';
-import StatusPicker from './ui/statusPicker';
-const baseStatusPlugin = ({
-  config: options,
-  api
-}) => {
-  var _api$analytics;
-  return {
-    name: 'status',
-    nodes() {
-      return [{
-        name: 'status',
-        node: status
-      }];
-    },
-    pmPlugins() {
-      return [{
-        name: 'status',
-        plugin: pmPluginFactoryParams => createStatusPlugin(pmPluginFactoryParams, options)
-      }, {
-        name: 'statusKeymap',
-        plugin: keymapPlugin
-      }];
-    },
-    actions: {
-      commitStatusPicker,
-      updateStatus: updateStatusWithAnalytics(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
-    },
-    contentComponent({
-      editorView,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement
-    }) {
-      const domAtPos = editorView.domAtPos.bind(editorView);
-      return /*#__PURE__*/React.createElement(WithPluginState, {
-        plugins: {
-          statusState: pluginKey
-        },
-        render: ({
-          statusState = {}
-        }) => {
-          const {
-            showStatusPickerAt
-          } = statusState;
-          if (typeof showStatusPickerAt !== 'number') {
-            return null;
-          }
-          const target = findDomRefAtPos(showStatusPickerAt, domAtPos);
-          const statusNode = editorView.state.doc.nodeAt(showStatusPickerAt);
-          if (!statusNode || statusNode.type.name !== 'status') {
-            return null;
-          }
-          const {
-            text,
-            color,
-            localId
-          } = statusNode.attrs;
-          return /*#__PURE__*/React.createElement(StatusPicker, {
-            isNew: statusState.isNew,
-            target: target,
-            defaultText: text,
-            defaultColor: color,
-            defaultLocalId: localId,
-            mountTo: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            scrollableElement: popupsScrollableElement,
-            onSelect: status => {
-              updateStatus(status)(editorView.state, editorView.dispatch);
-            },
-            onTextChanged: status => {
-              updateStatus(status)(editorView.state, editorView.dispatch);
-            },
-            closeStatusPicker: closingPayload => {
-              commitStatusPicker(closingPayload)(editorView);
-            },
-            onEnter: () => {
-              commitStatusPicker()(editorView);
-            }
-          });
-        }
-      });
-    }
-  };
-};
-const decorateWithPluginOptions = (plugin, options, api) => {
-  if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
-    return plugin;
-  }
-  plugin.pluginsOptions = {
-    quickInsert: ({
-      formatMessage
-    }) => [{
-      id: 'status',
-      title: formatMessage(messages.status),
-      description: formatMessage(messages.statusDescription),
-      priority: 700,
-      keywords: ['lozenge'],
-      icon: () => /*#__PURE__*/React.createElement(IconStatus, null),
-      action(insert, state) {
-        var _api$analytics2;
-        const tr = createStatus()(insert, state);
-        api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
-          action: ACTION.INSERTED,
-          actionSubject: ACTION_SUBJECT.DOCUMENT,
-          actionSubjectId: ACTION_SUBJECT_ID.STATUS,
-          attributes: {
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          },
-          eventType: EVENT_TYPE.TRACK
-        })(tr);
-        return tr;
-      }
-    }]
-  };
-  return plugin;
-};
-const statusPlugin = ({
-  config: options,
-  api
-}) => decorateWithPluginOptions(baseStatusPlugin({
-  config: options,
-  api
-}), options, api);
-export default statusPlugin;

package/dist/es2019/plugins/status/keymap.js

@@ -1,13 +0,0 @@
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { bindKeymapWithCommand, enter, tab } from '@atlaskit/editor-common/keymaps';
-import { mayGetStatusAtSelection } from './utils';
-export function keymapPlugin() {
-  const list = {};
-  bindKeymapWithCommand(enter.common, consumeKeyEvent, list);
-  bindKeymapWithCommand(tab.common, consumeKeyEvent, list);
-  return keymap(list);
-}
-
-// consume event to prevent status node problems with positioning and selection
-const consumeKeyEvent = (state, _dispatch) => !!mayGetStatusAtSelection(state.tr.selection);
-export default keymapPlugin;

package/dist/es2019/plugins/status/nodeviews/status.js

@@ -1,60 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
-import { Status } from '@atlaskit/status/element';
-import { statusMessages as messages } from '@atlaskit/editor-common/messages';
-const styledStatus = css`
-  opacity: 1;
-`;
-const styledStatusPlaceholder = css`
-  opacity: 0.5;
-`;
-const StatusContainerView = props => {
-  const {
-    text,
-    color,
-    localId,
-    style,
-    intl: {
-      formatMessage
-    }
-  } = props;
-  const statusText = text ? text : formatMessage(messages.placeholder);
-  const handleClick = event => {
-    if (event.nativeEvent.stopImmediatePropagation) {
-      event.nativeEvent.stopImmediatePropagation();
-    }
-    // handling of popup is done in plugin.apply on selection change.
-  };
-
-  return jsx("span", {
-    css: text ? styledStatus : styledStatusPlaceholder,
-    "data-testid": "statusContainerView"
-  }, jsx(Status, {
-    text: statusText,
-    color: color,
-    localId: localId,
-    style: style,
-    onClick: handleClick
-  }));
-};
-export const IntlStatusContainerView = injectIntl(StatusContainerView);
-export const StatusNodeView = props => {
-  const {
-    view
-  } = props;
-  const {
-    text,
-    color,
-    localId,
-    style
-  } = props.node.attrs;
-  return jsx(IntlStatusContainerView, {
-    view: view,
-    text: text,
-    color: color,
-    style: style,
-    localId: localId
-  });
-};

package/dist/es2019/plugins/status/plugin-key.js

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

package/dist/es2019/plugins/status/plugin.js

@@ -1,113 +0,0 @@
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
-import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
-import { StatusNodeView } from './nodeviews/status';
-import { pluginKey } from './plugin-key';
-import { isEmptyStatus, mayGetStatusAtSelection } from './utils';
-export { pluginKey, pluginKeyName } from './plugin-key';
-const createPlugin = (pmPluginFactoryParams, options) => new SafePlugin({
-  state: {
-    init: () => ({
-      isNew: false,
-      showStatusPickerAt: null
-    }),
-    apply(tr, state, oldEditorState) {
-      const meta = tr.getMeta(pluginKey);
-      if (meta) {
-        const newState = {
-          ...state,
-          ...meta
-        };
-        pmPluginFactoryParams.dispatch(pluginKey, newState);
-        return newState;
-      }
-      if (tr.docChanged && state.showStatusPickerAt) {
-        const {
-          pos,
-          deleted
-        } = tr.mapping.mapResult(state.showStatusPickerAt);
-        const showStatusPickerAt = deleted ? null : pos;
-        const newState = {
-          ...state,
-          showStatusPickerAt
-        };
-        if (newState.showStatusPickerAt !== state.showStatusPickerAt) {
-          pmPluginFactoryParams.dispatch(pluginKey, newState);
-          return newState;
-        }
-      }
-      if (tr.selectionSet) {
-        // Change in selection, while status picker was open, update state, if required.
-        const selectionFrom = tr.selection.from;
-        const nodeAtSelection = tr.doc.nodeAt(selectionFrom);
-        let showStatusPickerAt = null;
-        if (nodeAtSelection && nodeAtSelection.type === oldEditorState.schema.nodes.status && tr.selection instanceof NodeSelection) {
-          showStatusPickerAt = selectionFrom;
-        }
-        if (showStatusPickerAt !== state.showStatusPickerAt) {
-          const newState = {
-            ...state,
-            isNew: false,
-            showStatusPickerAt
-          };
-          pmPluginFactoryParams.dispatch(pluginKey, newState);
-          return newState;
-        }
-      }
-      return state;
-    }
-  },
-  filterTransaction: (tr, state) => {
-    // if it is a selection change transaction, and selection changes from node to text
-    if (tr.selectionSet && !tr.steps.length && tr.isGeneric && tr.selection instanceof TextSelection && state.selection instanceof NodeSelection) {
-      const {
-        isNew,
-        showStatusPickerAt
-      } = pluginKey.getState(state) || {};
-      const nodeAtSelection = tr.doc.nodeAt(tr.selection.from);
-      // prevent changing node selection to text selection on dom change right after inserting status
-      // if newly selected status is selected with status picker opened
-      if (isNew && showStatusPickerAt && nodeAtSelection && nodeAtSelection.type === state.schema.nodes.status) {
-        return false;
-      }
-    }
-    return true;
-  },
-  appendTransaction: (transactions, oldEditorState, newEditorState) => {
-    let changed = false;
-    let tr = newEditorState.tr;
-
-    /**
-     * When user start creating status, and, when users navigates away
-     *  while empty, then we want to remove empty ("set a status") status.
-     * But when transaction to add empty status happens from undo/redo
-     *  we don't want to remove it.
-     */
-    if (transactions.find(tr => tr.selectionSet && !tr.getMeta(pmHistoryPluginKey))) {
-      let oldStatus = mayGetStatusAtSelection(oldEditorState.selection);
-      let newStatus = mayGetStatusAtSelection(newEditorState.selection);
-      if (oldStatus && (newStatus && oldStatus.localId !== newStatus.localId || !newStatus)) {
-        if (isEmptyStatus(oldStatus)) {
-          const pos = oldEditorState.selection.from;
-          tr.delete(tr.mapping.map(pos), tr.mapping.map(pos + 1));
-          changed = true;
-        }
-      }
-    }
-    return changed ? tr : undefined;
-  },
-  key: pluginKey,
-  props: {
-    nodeViews: {
-      status: getInlineNodeViewProducer({
-        pmPluginFactoryParams,
-        Component: StatusNodeView,
-        extraComponentProps: {
-          options
-        }
-      })
-    }
-  }
-});
-export default createPlugin;

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

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