@atlaskit/editor-plugin-date/dist/es2019/pm-plugins/actions.js

Date plugin for @atlaskit/editor-core

import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
import { getAnnotationMarksForPos, todayTimestampInUTC } from '@atlaskit/editor-common/utils';
import { Fragment } from '@atlaskit/editor-prosemirror/model';
import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
import { canInsert } from '@atlaskit/editor-prosemirror/utils';
import { isToday } from '../ui/DatePicker/utils/internal';
import { pluginKey } from './plugin-key';
export const createDate = isQuickInsertAction => state => {
  const tr = state.tr;
  const annotationMarksForPos = getAnnotationMarksForPos(tr.selection.$head);
  const dateNode = state.schema.nodes.date.createChecked({
    timestamp: todayTimestampInUTC()
  }, null, annotationMarksForPos);
  const fragment = Fragment.fromArray([dateNode, state.schema.text(' ', annotationMarksForPos)]);
  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));
  }
  const newPluginState = {
    isQuickInsertAction,
    showDatePickerAt: tr.selection.from,
    isNew: true,
    isDateEmpty: false,
    focusDateInput: false,
    isInitialised: true
  };
  return tr.setMeta(pluginKey, newPluginState);
};

/** Focus input */
export const focusDateInput = () => (state, dispatch) => {
  const pluginState = pluginKey.getState(state);
  if (!pluginState || pluginState.showDatePickerAt === null) {
    return false;
  }
  if (!dispatch) {
    return false;
  }
  const tr = state.tr.setMeta(pluginKey, {
    focusDateInput: true
  });
  dispatch(tr);
  return true;
};
export const setDatePickerAt = showDatePickerAt => (state, dispatch) => {
  dispatch(state.tr.setMeta(pluginKey, {
    showDatePickerAt
  }));
  return true;
};
export const closeDatePicker = () => (state, dispatch) => {
  const {
    showDatePickerAt
  } = pluginKey.getState(state) || {};
  if (!dispatch) {
    return false;
  }
  const tr = showDatePickerAt ? state.tr.setMeta(pluginKey, {
    showDatePickerAt: null,
    isNew: false
  }).setSelection(Selection.near(state.tr.doc.resolve(showDatePickerAt + 2))) : state.tr.setMeta(pluginKey, {
    isNew: false
  });
  dispatch(tr);
  return false;
};
export const closeDatePickerWithAnalytics = ({
  date,
  pluginInjectionApi
}) => {
  var _pluginInjectionApi$a, _pluginInjectionApi$a2;
  pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : (_pluginInjectionApi$a2 = _pluginInjectionApi$a.actions) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.attachAnalyticsEvent({
    eventType: EVENT_TYPE.TRACK,
    action: ACTION.COMMITTED,
    actionSubject: ACTION_SUBJECT.DATE,
    attributes: {
      commitMethod: INPUT_METHOD.BLUR,
      isValid: date !== undefined,
      isToday: isToday(date)
    }
  });
  return closeDatePicker();
};
export const openDatePicker = () => (state, dispatch) => {
  const {
    $from
  } = state.selection;
  const node = state.doc.nodeAt($from.pos);
  if (node && node.type.name === state.schema.nodes.date.name) {
    const showDatePickerAt = $from.pos;
    if (dispatch) {
      dispatch(state.tr.setMeta(pluginKey, {
        showDatePickerAt
      }).setSelection(NodeSelection.create(state.doc, showDatePickerAt)));
    }
  }
  return false;
};