@atlaskit/editor-core 188.3.1 → 188.5.0

package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -20,21 +20,21 @@ var _keymaps = require("../../../../keymaps");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
 var _messages = require("@atlaskit/editor-common/messages");
-var _api = require("../../../type-ahead/api");
 var _commands = require("../../commands");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorView) {
+var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorView, api) {
   return function (command) {
+    var _api$typeAhead;
     if (!editorView) {
       return;
     }
-    var tool = (0, _api.createTypeAheadTools)(editorView);
-    if (tool.isOpen()) {
-      tool.close({
+    if (api !== null && api !== void 0 && (_api$typeAhead = api.typeAhead) !== null && _api$typeAhead !== void 0 && (_api$typeAhead = _api$typeAhead.actions) !== null && _api$typeAhead !== void 0 && _api$typeAhead.isOpen(editorView.state)) {
+      var _api$typeAhead2;
+      api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 || _api$typeAhead2.close({
         attachCommand: command,
         insertCurrentQueryAsRawText: false
       });
@@ -43,9 +43,9 @@ var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorVie
     }
   };
 };
-var forceFocus = function forceFocus(editorView) {
+var forceFocus = function forceFocus(editorView, api) {
   return function (command) {
-    closeTypeAheadAndRunCommand(editorView)(command);
+    closeTypeAheadAndRunCommand(editorView, api)(command);
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
@@ -66,12 +66,13 @@ var ToolbarUndoRedo = exports.ToolbarUndoRedo = /*#__PURE__*/function (_PureComp
         isReducedSpacing = _this$props.isReducedSpacing,
         historyState = _this$props.historyState,
         editorView = _this$props.editorView,
+        api = _this$props.api,
         formatMessage = _this$props.intl.formatMessage;
       var handleUndo = function handleUndo() {
-        forceFocus(editorView)(_commands.undoFromToolbar);
+        forceFocus(editorView, api)(_commands.undoFromToolbar);
       };
       var handleRedo = function handleRedo() {
-        forceFocus(editorView)(_commands.redoFromToolbar);
+        forceFocus(editorView, api)(_commands.redoFromToolbar);
       };
       var labelUndo = formatMessage(_messages.undoRedoMessages.undo);
       var labelRedo = formatMessage(_messages.undoRedoMessages.redo);

package/dist/cjs/test-utils.js

@@ -23,12 +23,6 @@ Object.defineProperty(exports, "GapCursorSide", {
   }
 });
 exports.createPMSchemaAndPlugins = void 0;
-Object.defineProperty(exports, "createTypeAheadTools", {
-  enumerable: true,
-  get: function get() {
-    return _api.createTypeAheadTools;
-  }
-});
 exports.getFireAnalytics = getFireAnalytics;
 exports.isElementBySelectorInDocument = void 0;
 exports.setTextSelection = setTextSelection;
@@ -40,7 +34,6 @@ var _createSchema = require("./create-editor/create-schema");
 var _sortByOrder = require("./create-editor/sort-by-order");
 var _pluginKey = require("./plugins/analytics/plugin-key");
 var _editorPluginBase = require("@atlaskit/editor-plugin-base");
-var _api = require("./plugins/type-ahead/api");
 var _eventDispatcher = require("./event-dispatcher");
 var _selection = require("@atlaskit/editor-common/selection");
 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; }

package/dist/cjs/ui/ContentStyles/index.js

@@ -27,7 +27,7 @@ var _styles11 = require("../../plugins/expand/ui/styles");
 var _styles12 = require("../../plugins/find-replace/styles");
 var _styles13 = require("../../plugins/tasks-and-decisions/styles");
 var _styles14 = require("../../plugins/status/styles");
-var _styles15 = require("../../plugins/date/styles");
+var _date = require("./date");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _emoji = require("@atlaskit/editor-common/emoji");
@@ -47,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles9.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles6.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles7.panelStyles)(props), _styles8.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles10.extensionStyles, (0, _styles11.expandStyles)(props), _styles12.findReplaceStyles, _styles13.taskDecisionStyles, _styles14.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles15.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles9.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles6.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles7.panelStyles)(props), _styles8.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles10.extensionStyles, (0, _styles11.expandStyles)(props), _styles12.findReplaceStyles, _styles13.taskDecisionStyles, _styles14.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/version-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "188.3.1";
+var version = exports.version = "188.5.0";
 var nextMajorVersion = exports.nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/labs/next/presets/universal.js

@@ -1,6 +1,8 @@
 import { createEditorSelectionAPI } from '../../../selection-api/api';
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../../../plugins';
+import { datePlugin } from '../../../plugins/date';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';
+import { borderPlugin } from '@atlaskit/editor-plugin-border';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';
 import { mediaPlugin } from '@atlaskit/editor-plugin-media';
 import { rulePlugin } from '@atlaskit/editor-plugin-rule';

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

@@ -2,7 +2,7 @@ import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { todayTimestampInUTC } from '@atlaskit/editor-common/utils';
 import { pluginKey } from './pm-plugins/plugin-key';
-import { withAnalytics, addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { isToday } from './utils/internal';
 import { canInsert } from '@atlaskit/editor-prosemirror/utils';
 export const createDate = isQuickInsertAction => (insert, state) => {
@@ -57,7 +57,7 @@ export const focusDateInput = () => (state, dispatch) => {
   dispatch(tr);
   return true;
 };
-export const insertDate = (date, inputMethod, commitMethod, enterPressed = true) => (state, dispatch) => {
+export const insertDate = (date, inputMethod, commitMethod, enterPressed = true, pluginInjectionApi) => (state, dispatch) => {
   const {
     schema
   } = state;
@@ -69,7 +69,8 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
   }
   let tr = state.tr;
   if (inputMethod) {
-    addAnalytics(state, tr, {
+    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({
       action: ACTION.INSERTED,
       actionSubject: ACTION_SUBJECT.DOCUMENT,
       actionSubjectId: ACTION_SUBJECT_ID.DATE,
@@ -77,10 +78,11 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
       attributes: {
         inputMethod
       }
-    });
+    })(tr);
   }
   if (commitMethod) {
-    addAnalytics(state, tr, {
+    var _pluginInjectionApi$a3, _pluginInjectionApi$a4;
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : (_pluginInjectionApi$a4 = _pluginInjectionApi$a3.actions) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.attachAnalyticsEvent({
       eventType: EVENT_TYPE.TRACK,
       action: ACTION.COMMITTED,
       actionSubject: ACTION_SUBJECT.DATE,
@@ -89,7 +91,7 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
         isValid: date !== undefined,
         isToday: isToday(date)
       }
-    });
+    })(tr);
   }
   const {
     showDatePickerAt
@@ -164,17 +166,22 @@ export const closeDatePicker = () => (state, dispatch) => {
   return false;
 };
 export const closeDatePickerWithAnalytics = ({
-  date
-}) => withAnalytics({
-  eventType: EVENT_TYPE.TRACK,
-  action: ACTION.COMMITTED,
-  actionSubject: ACTION_SUBJECT.DATE,
-  attributes: {
-    commitMethod: INPUT_METHOD.BLUR,
-    isValid: date !== undefined,
-    isToday: isToday(date)
-  }
-})(closeDatePicker());
+  date,
+  pluginInjectionApi
+}) => {
+  var _pluginInjectionApi$a5, _pluginInjectionApi$a6;
+  pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : (_pluginInjectionApi$a6 = _pluginInjectionApi$a5.actions) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.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

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

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

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

@@ -0,0 +1,177 @@
+import React from 'react';
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import Loadable from 'react-loadable';
+import { date } from '@atlaskit/adf-schema';
+import { insertDate, closeDatePicker, closeDatePickerWithAnalytics, createDate, deleteDate } from './actions';
+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';
+const DatePicker = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(mod => mod.default),
+  loading: () => null
+});
+function ContentComponent({
+  editorView,
+  dispatchAnalyticsEvent,
+  popupsMountPoint,
+  popupsBoundariesElement,
+  popupsScrollableElement,
+  dependencyApi,
+  weekStartDay
+}) {
+  const {
+    dispatch
+  } = editorView;
+  const domAtPos = editorView.domAtPos.bind(editorView);
+  const {
+    editorDisabledState,
+    dateState
+  } = useSharedPluginState(dependencyApi, ['date', 'editorDisabled']);
+  if (!(dateState !== null && dateState !== void 0 && dateState.showDatePickerAt) || editorDisabledState !== null && editorDisabledState !== void 0 && editorDisabledState.editorDisabled) {
+    return null;
+  }
+  const {
+    showDatePickerAt,
+    isNew,
+    focusDateInput
+  } = dateState;
+  const element = findDomRefAtPos(showDatePickerAt, domAtPos);
+  return /*#__PURE__*/React.createElement(DatePicker, {
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    scrollableElement: popupsScrollableElement,
+    key: showDatePickerAt,
+    element: element,
+    isNew: isNew,
+    autoFocus: focusDateInput,
+    onDelete: () => {
+      deleteDate()(editorView.state, dispatch);
+      editorView.focus();
+      return;
+    },
+    onSelect: (date, commitMethod) => {
+      // Undefined means couldn't parse date, null means invalid (out of bounds) date
+      if (date === undefined || date === null) {
+        return;
+      }
+      insertDate(date, undefined, commitMethod)(editorView.state, dispatch);
+      editorView.focus();
+    },
+    onTextChanged: date => {
+      insertDate(date, undefined, undefined, false)(editorView.state, dispatch);
+    },
+    closeDatePicker: () => {
+      closeDatePicker()(editorView.state, dispatch);
+      editorView.focus();
+    },
+    closeDatePickerWithAnalytics: ({
+      date
+    }) => {
+      closeDatePickerWithAnalytics({
+        date
+      })(editorView.state, dispatch);
+      editorView.focus();
+    },
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    weekStartDay: weekStartDay
+  });
+}
+const datePlugin = ({
+  config: options = {},
+  api
+}) => ({
+  name: 'date',
+  getSharedState(editorState) {
+    if (!editorState) {
+      return {
+        showDatePickerAt: null,
+        isNew: false,
+        focusDateInput: false
+      };
+    }
+    const {
+      showDatePickerAt,
+      isNew,
+      focusDateInput
+    } = datePluginKey.getState(editorState) || {};
+    return {
+      showDatePickerAt,
+      isNew: !!isNew,
+      focusDateInput: !!focusDateInput
+    };
+  },
+  actions: {
+    insertDate,
+    deleteDate
+  },
+  nodes() {
+    return [{
+      name: 'date',
+      node: date
+    }];
+  },
+  pmPlugins() {
+    return [{
+      name: 'date',
+      plugin: options => {
+        DatePicker.preload();
+        return createDatePlugin(options);
+      }
+    }, {
+      name: 'dateKeymap',
+      plugin: () => {
+        DatePicker.preload();
+        return keymap();
+      }
+    }];
+  },
+  contentComponent({
+    editorView,
+    dispatchAnalyticsEvent,
+    popupsMountPoint,
+    popupsBoundariesElement,
+    popupsScrollableElement
+  }) {
+    return /*#__PURE__*/React.createElement(ContentComponent, {
+      dependencyApi: api,
+      editorView: editorView,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      weekStartDay: options.weekStartDay
+    });
+  },
+  pluginsOptions: {
+    quickInsert: ({
+      formatMessage
+    }) => [{
+      id: 'date',
+      title: formatMessage(messages.date),
+      description: formatMessage(messages.dateDescription),
+      priority: 800,
+      keywords: ['calendar', 'day', 'time', 'today', '/'],
+      keyshortcut: '//',
+      icon: () => /*#__PURE__*/React.createElement(IconDate, null),
+      action(insert, state) {
+        var _api$analytics, _api$analytics$action, _api$analytics$action2;
+        const tr = createDate(true)(insert, state);
+        api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : (_api$analytics$action2 = _api$analytics$action.attachAnalyticsEvent) === null || _api$analytics$action2 === void 0 ? void 0 : _api$analytics$action2.call(_api$analytics$action, {
+          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/es2019/plugins/date/pm-plugins/main.js

@@ -1,7 +1,7 @@
 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 '../../../utils/plugin-state-factory';
+import { pluginFactory } from '@atlaskit/editor-common/utils';
 import { reducer, mapping, onSelectionChanged } from './utils';
 import { pluginKey } from './plugin-key';
 const {

package/dist/es2019/plugins/date/ui/DatePicker/date-picker-input.js

@@ -1,16 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
+
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { findDateSegmentByPosition, adjustDate, isDatePossiblyValid } from '../../utils/internal';
 import { parseDateType, formatDateType } from '../../utils/formatParse';
-import { EVENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../../../analytics/types/enums';
+import { EVENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import TextField from '@atlaskit/textfield';
 import { ErrorMessage } from '@atlaskit/form';
 const dateTextFieldWrapper = css`
   padding: 22px;
-  padding-bottom: 12px;
+  padding-bottom: ${"var(--ds-space-150, 12px)"};
 `;
 const messages = defineMessages({
   invalidDateError: {

package/dist/es2019/plugins/date/ui/DatePicker/index.js

@@ -9,9 +9,9 @@ import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import Calendar from '@atlaskit/calendar';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N60A, N0 } from '@atlaskit/theme/colors';
-import withOuterListeners from '../../../../ui/with-outer-listeners';
+import { withOuterListeners } from '@atlaskit/editor-common/ui';
 const PopupWithListeners = withOuterListeners(Popup);
-import { INPUT_METHOD } from '../../../analytics/types/enums';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { injectIntl } from 'react-intl-next';
 import DatePickerInput from './date-picker-input';
 const popupContentWrapper = css`

package/dist/es2019/plugins/index.js

@@ -2,7 +2,7 @@ export { default as betterTypeHistoryPlugin } from './better-type-history';
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as codeBlockPlugin } from './code-block';
 export { default as collabEditPlugin } from './collab-edit';
-export { default as datePlugin } from './date';
+export { datePlugin } from './date';
 export { default as extensionPlugin } from './extension';
 export { default as fakeTextCursorPlugin } from './fake-text-cursor';
 export { default as insertBlockPlugin } from './insert-block';
@@ -41,5 +41,4 @@ export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
 export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
 export { default as beforePrimaryToolbarPlugin } from './before-primaryToolbar';
-export { default as codeBidiWarningPlugin } from './code-bidi-warning';
-export { default as borderPlugin } from './border';
+export { default as codeBidiWarningPlugin } from './code-bidi-warning';