@atlaskit/editor-core 188.10.5 → 188.11.0

package/dist/esm/plugins/date/commands.js

@@ -1,112 +0,0 @@
-import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { canInsert } from '@atlaskit/editor-prosemirror/utils';
-import { todayTimestampInUTC } from '@atlaskit/editor-common/utils';
-import { pluginKey } from './pm-plugins/plugin-key';
-import { isToday } from './utils/internal';
-/** Delete the date and close the datepicker */
-export var deleteDateCommand = function deleteDateCommand(pluginInjectionApi) {
-  return function (_ref) {
-    var _pluginInjectionApi$d, _pluginInjectionApi$d2;
-    var tr = _ref.tr;
-    var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.date) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.sharedState.currentState()) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
-      showDatePickerAt = _ref2.showDatePickerAt;
-    if (!showDatePickerAt) {
-      return tr;
-    }
-    tr.delete(showDatePickerAt, showDatePickerAt + 1).setMeta(pluginKey, {
-      showDatePickerAt: null,
-      isNew: false
-    });
-    return tr;
-  };
-};
-export var insertDateCommand = function insertDateCommand(pluginInjectionApi) {
-  return function (_ref3) {
-    var date = _ref3.date,
-      inputMethod = _ref3.inputMethod,
-      commitMethod = _ref3.commitMethod,
-      _ref3$enterPressed = _ref3.enterPressed,
-      enterPressed = _ref3$enterPressed === void 0 ? true : _ref3$enterPressed;
-    return function (_ref4) {
-      var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
-      var tr = _ref4.tr;
-      var schema = tr.doc.type.schema;
-      var timestamp;
-      if (date) {
-        timestamp = Date.UTC(date.year, date.month - 1, date.day).toString();
-      } else {
-        timestamp = todayTimestampInUTC();
-      }
-      if (inputMethod) {
-        var _pluginInjectionApi$a;
-        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || (_pluginInjectionApi$a = _pluginInjectionApi$a.actions) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.attachAnalyticsEvent({
-          action: ACTION.INSERTED,
-          actionSubject: ACTION_SUBJECT.DOCUMENT,
-          actionSubjectId: ACTION_SUBJECT_ID.DATE,
-          eventType: EVENT_TYPE.TRACK,
-          attributes: {
-            inputMethod: inputMethod
-          }
-        })(tr);
-      }
-      if (commitMethod) {
-        var _pluginInjectionApi$a2;
-        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 || (_pluginInjectionApi$a2 = _pluginInjectionApi$a2.actions) === null || _pluginInjectionApi$a2 === void 0 || _pluginInjectionApi$a2.attachAnalyticsEvent({
-          eventType: EVENT_TYPE.TRACK,
-          action: ACTION.COMMITTED,
-          actionSubject: ACTION_SUBJECT.DATE,
-          attributes: {
-            commitMethod: commitMethod,
-            isValid: date !== undefined,
-            isToday: isToday(date)
-          }
-        })(tr);
-      }
-      var _ref5 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d4 = pluginInjectionApi.date) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.sharedState.currentState()) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
-        showDatePickerAt = _ref5.showDatePickerAt;
-      if (!showDatePickerAt) {
-        var dateNode = schema.nodes.date.createChecked({
-          timestamp: timestamp
-        });
-        var textNode = schema.text(' ');
-        var fragment = Fragment.fromArray([dateNode, textNode]);
-        var _tr$selection = tr.selection,
-          from = _tr$selection.from,
-          to = _tr$selection.to;
-        var insertable = canInsert(tr.selection.$from, fragment);
-        if (!insertable) {
-          var 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.replaceWith(from, to, fragment).setSelection(NodeSelection.create(tr.doc, from));
-        }
-        if (tr.docChanged) {
-          tr.scrollIntoView().setMeta(pluginKey, {
-            isNew: true
-          });
-        }
-        return tr;
-      }
-      if (tr.doc.nodeAt(showDatePickerAt)) {
-        if (enterPressed) {
-          // Setting selection to outside the date node causes showDatePickerAt
-          // to be set to null by the PM plugin (onSelectionChanged), which will
-          // immediately close the datepicker once a valid date is typed in.
-          // Adding this check forces it to stay open until the user presses Enter.
-          tr = tr.setSelection(Selection.near(tr.doc.resolve(showDatePickerAt + 2)));
-        }
-        tr = tr.setNodeMarkup(showDatePickerAt, schema.nodes.date, {
-          timestamp: timestamp
-        }).setMeta(pluginKey, {
-          isNew: false
-        }).scrollIntoView();
-        if (!enterPressed) {
-          tr = tr.setSelection(NodeSelection.create(tr.doc, showDatePickerAt));
-        }
-      }
-      return tr;
-    };
-  };
-};

package/dist/esm/plugins/date/index.js

@@ -1 +0,0 @@
-export { default as datePlugin } from './plugin';

package/dist/esm/plugins/date/nodeviews/date.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { useIntl } from 'react-intl-next';
-import { timestampToString, timestampToTaskContext, isPastDate } from '@atlaskit/editor-common/utils';
-import { Date } from '@atlaskit/date';
-import { setDatePickerAt } from '../actions';
-export function DateNodeView(props) {
-  var timestamp = props.node.attrs.timestamp,
-    _props$view$state = props.view.state,
-    doc = _props$view$state.doc,
-    schema = _props$view$state.schema,
-    selection = _props$view$state.selection,
-    getPos = props.getPos;
-  var intl = useIntl();
-  var pos = typeof getPos === 'function' ? getPos() : undefined;
-
-  // We fall back to selection.$from even though it does not cover all use cases
-  // eg. upon Editor init, selection is at the start, not at the Date node
-  var $nodePos = typeof pos === 'number' ? doc.resolve(pos) : selection.$from;
-  var parent = $nodePos.parent;
-  var withinIncompleteTask = parent.type === schema.nodes.taskItem && parent.attrs.state !== 'DONE';
-  var color = withinIncompleteTask && isPastDate(timestamp) ? 'red' : undefined;
-  return /*#__PURE__*/React.createElement("span", {
-    className: DateSharedCssClassName.DATE_WRAPPER,
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement(Date, {
-    color: color,
-    value: timestamp
-  }, withinIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)));
-  function handleClick(event) {
-    event.nativeEvent.stopImmediatePropagation();
-    var _props$view = props.view,
-      state = _props$view.state,
-      dispatch = _props$view.dispatch;
-    setDatePickerAt(state.selection.from)(state, dispatch);
-  }
-}

package/dist/esm/plugins/date/nodeviews/messages.js

@@ -1,8 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export var messages = defineMessages({
-  editText: {
-    id: 'fabric.editor.editDateText',
-    defaultMessage: 'Edit Date',
-    description: 'Title for the input that changes the date'
-  }
-});

package/dist/esm/plugins/date/plugin.js

@@ -1,185 +0,0 @@
-import React from 'react';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import Loadable from 'react-loadable';
-import { date } from '@atlaskit/adf-schema';
-import { closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _closeDatePickerWithAnalytics, createDate } from './actions';
-import { insertDateCommand, deleteDateCommand } from './commands';
-import createDatePlugin from './pm-plugins/main';
-import keymap from './pm-plugins/keymap';
-import { IconDate } from '@atlaskit/editor-common/quick-insert';
-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 { pluginKey as datePluginKey } from './pm-plugins/plugin-key';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-var DatePicker = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(function (mod) {
-      return mod.default;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
-function ContentComponent(_ref) {
-  var editorView = _ref.editorView,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    dependencyApi = _ref.dependencyApi,
-    weekStartDay = _ref.weekStartDay;
-  var dispatch = editorView.dispatch;
-  var domAtPos = editorView.domAtPos.bind(editorView);
-  var _useSharedPluginState = useSharedPluginState(dependencyApi, ['date', 'editorDisabled']),
-    editorDisabledState = _useSharedPluginState.editorDisabledState,
-    dateState = _useSharedPluginState.dateState;
-  if (!(dateState !== null && dateState !== void 0 && dateState.showDatePickerAt) || editorDisabledState !== null && editorDisabledState !== void 0 && editorDisabledState.editorDisabled) {
-    return null;
-  }
-  var showDatePickerAt = dateState.showDatePickerAt,
-    isNew = dateState.isNew,
-    focusDateInput = dateState.focusDateInput;
-  var element = findDomRefAtPos(showDatePickerAt, domAtPos);
-  return /*#__PURE__*/React.createElement(DatePicker, {
-    mountTo: popupsMountPoint,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    key: showDatePickerAt,
-    element: element,
-    isNew: isNew,
-    autoFocus: focusDateInput,
-    onDelete: function onDelete() {
-      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute(deleteDateCommand(dependencyApi));
-      editorView.focus();
-    },
-    onSelect: function onSelect(date, commitMethod) {
-      // Undefined means couldn't parse date, null means invalid (out of bounds) date
-      if (date === undefined || date === null) {
-        return;
-      }
-      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute(insertDateCommand(dependencyApi)({
-        date: date,
-        commitMethod: commitMethod
-      }));
-      editorView.focus();
-    },
-    onTextChanged: function onTextChanged(date) {
-      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute(insertDateCommand(dependencyApi)({
-        date: date,
-        enterPressed: false
-      }));
-    },
-    closeDatePicker: function closeDatePicker() {
-      _closeDatePicker()(editorView.state, dispatch);
-      editorView.focus();
-    },
-    closeDatePickerWithAnalytics: function closeDatePickerWithAnalytics(_ref2) {
-      var date = _ref2.date;
-      _closeDatePickerWithAnalytics({
-        date: date
-      })(editorView.state, dispatch);
-      editorView.focus();
-    },
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    weekStartDay: weekStartDay
-  });
-}
-var datePlugin = function datePlugin(_ref3) {
-  var _ref3$config = _ref3.config,
-    options = _ref3$config === void 0 ? {} : _ref3$config,
-    api = _ref3.api;
-  return {
-    name: 'date',
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return {
-          showDatePickerAt: null,
-          isNew: false,
-          focusDateInput: false
-        };
-      }
-      var _ref4 = datePluginKey.getState(editorState) || {},
-        showDatePickerAt = _ref4.showDatePickerAt,
-        isNew = _ref4.isNew,
-        focusDateInput = _ref4.focusDateInput;
-      return {
-        showDatePickerAt: showDatePickerAt,
-        isNew: !!isNew,
-        focusDateInput: !!focusDateInput
-      };
-    },
-    commands: {
-      insertDate: insertDateCommand(api),
-      deleteDate: deleteDateCommand(api)
-    },
-    nodes: function nodes() {
-      return [{
-        name: 'date',
-        node: date
-      }];
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'date',
-        plugin: function plugin(options) {
-          DatePicker.preload();
-          return createDatePlugin(options);
-        }
-      }, {
-        name: 'dateKeymap',
-        plugin: function plugin() {
-          DatePicker.preload();
-          return keymap();
-        }
-      }];
-    },
-    contentComponent: function contentComponent(_ref5) {
-      var editorView = _ref5.editorView,
-        dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent,
-        popupsMountPoint = _ref5.popupsMountPoint,
-        popupsBoundariesElement = _ref5.popupsBoundariesElement,
-        popupsScrollableElement = _ref5.popupsScrollableElement;
-      return /*#__PURE__*/React.createElement(ContentComponent, {
-        dependencyApi: api,
-        editorView: editorView,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        weekStartDay: options.weekStartDay
-      });
-    },
-    pluginsOptions: {
-      quickInsert: function quickInsert(_ref6) {
-        var formatMessage = _ref6.formatMessage;
-        return [{
-          id: 'date',
-          title: formatMessage(messages.date),
-          description: formatMessage(messages.dateDescription),
-          priority: 800,
-          keywords: ['calendar', 'day', 'time', 'today', '/'],
-          keyshortcut: '//',
-          icon: function icon() {
-            return /*#__PURE__*/React.createElement(IconDate, null);
-          },
-          action: function action(insert, state) {
-            var _api$analytics, _api$analytics$attach;
-            var tr = createDate(true)(insert, state);
-            api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || (_api$analytics$attach = _api$analytics.attachAnalyticsEvent) === null || _api$analytics$attach === void 0 || _api$analytics$attach.call(_api$analytics, {
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: ACTION_SUBJECT_ID.DATE,
-              eventType: EVENT_TYPE.TRACK,
-              attributes: {
-                inputMethod: INPUT_METHOD.QUICK_INSERT
-              }
-            })(tr);
-            return tr;
-          }
-        }];
-      }
-    }
-  };
-};
-export default datePlugin;

package/dist/esm/plugins/date/pm-plugins/keymap.js

@@ -1,34 +0,0 @@
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { closeDatePicker, openDatePicker, focusDateInput } from '../actions';
-import { keymap, enter, tab, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
-import { getPluginState } from './main';
-export function keymapPlugin() {
-  var list = {};
-  bindKeymapWithCommand(enter.common, function (state, dispatch) {
-    var datePlugin = getPluginState(state);
-    var isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
-    if (!isDateNode) {
-      return false;
-    }
-    if (!datePlugin.showDatePickerAt) {
-      openDatePicker()(state, dispatch);
-      return true;
-    }
-    closeDatePicker()(state, dispatch);
-    return true;
-  }, list);
-  bindKeymapWithCommand(tab.common, function (state, dispatch) {
-    var datePlugin = getPluginState(state);
-    var isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
-    if (!isDateNode) {
-      return false;
-    }
-    if (datePlugin.showDatePickerAt) {
-      focusDateInput()(state, dispatch);
-      return true;
-    }
-    return false;
-  }, list);
-  return keymap(list);
-}
-export default keymapPlugin;

package/dist/esm/plugins/date/pm-plugins/main.js

@@ -1,34 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { DateNodeView } from '../nodeviews/date';
-import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
-import { pluginFactory } from '@atlaskit/editor-common/utils';
-import { reducer, mapping, onSelectionChanged } from './utils';
-import { pluginKey } from './plugin-key';
-var _pluginFactory = pluginFactory(pluginKey, reducer, {
-    mapping: mapping,
-    onSelectionChanged: onSelectionChanged
-  }),
-  createPluginState = _pluginFactory.createPluginState,
-  getPluginState = _pluginFactory.getPluginState;
-var createPlugin = function createPlugin(pmPluginFactoryParams) {
-  var newPluginState = {
-    showDatePickerAt: null,
-    isNew: false,
-    isDateEmpty: false,
-    focusDateInput: false
-  };
-  return new SafePlugin({
-    state: createPluginState(pmPluginFactoryParams.dispatch, newPluginState),
-    key: pluginKey,
-    props: {
-      nodeViews: {
-        date: getInlineNodeViewProducer({
-          pmPluginFactoryParams: pmPluginFactoryParams,
-          Component: DateNodeView
-        })
-      }
-    }
-  });
-};
-export { getPluginState };
-export default createPlugin;

package/dist/esm/plugins/date/pm-plugins/plugin-key.js

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

package/dist/esm/plugins/date/pm-plugins/types.js

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

package/dist/esm/plugins/date/pm-plugins/utils.js

@@ -1,61 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export function reducer(pluginState, meta) {
-  // If the same nodeview is clicked twice, calendar should close
-  if (meta.showDatePickerAt === pluginState.showDatePickerAt) {
-    return _objectSpread(_objectSpread({}, pluginState), {}, {
-      showDatePickerAt: null
-    });
-  }
-  var showDatePickerAt = pluginState.showDatePickerAt,
-    isNew = pluginState.isNew;
-  var showDatePickerAtMeta = meta.showDatePickerAt;
-  // If date picker position has changed, it is no longer new
-  if (showDatePickerAt && showDatePickerAtMeta && showDatePickerAt !== showDatePickerAtMeta && isNew) {
-    return _objectSpread(_objectSpread(_objectSpread({}, pluginState), meta), {}, {
-      isNew: false
-    });
-  }
-  return _objectSpread(_objectSpread({}, pluginState), meta);
-}
-export function mapping(tr, pluginState) {
-  if (!pluginState.showDatePickerAt) {
-    return pluginState;
-  }
-  var _tr$mapping$mapResult = tr.mapping.mapResult(pluginState.showDatePickerAt),
-    pos = _tr$mapping$mapResult.pos;
-  return {
-    showDatePickerAt: pos,
-    isNew: pluginState.isNew,
-    isDateEmpty: pluginState.isDateEmpty,
-    focusDateInput: pluginState.focusDateInput
-  };
-}
-export function onSelectionChanged(tr, pluginState) {
-  if (tr.docChanged && isDateNodeSelection(tr.selection)) {
-    return _objectSpread(_objectSpread({}, pluginState), {}, {
-      isQuickInsertAction: false,
-      showDatePickerAt: tr.selection.from
-    });
-  } else if (!isDateNodeSelection(tr.selection) && !pluginState.isQuickInsertAction) {
-    if (pluginState.showDatePickerAt) {
-      return {
-        showDatePickerAt: null,
-        isNew: false,
-        isDateEmpty: false,
-        focusDateInput: false
-      };
-    }
-    return pluginState;
-  }
-  return pluginState;
-}
-var isDateNodeSelection = function isDateNodeSelection(selection) {
-  if (selection instanceof NodeSelection) {
-    var nodeTypeName = selection.node.type.name;
-    return nodeTypeName === 'date';
-  }
-  return false;
-};

package/dist/esm/plugins/date/types.js

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