@atlaskit/editor-core 188.4.0 → 188.5.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 188.5.2
+
+### Patch Changes
+
+- [#40750](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40750) [`fc19a7b9edd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc19a7b9edd) - [ED-19875] Extraction of Editor Core's Selection Plugin into independent package '@atlaskit/editor-plugin-selection'.
+- Updated dependencies
+
+## 188.5.0
+
+### Minor Changes
+
+- [#41289](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41289) [`805e20742e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/805e20742e7) - Decouple Date Plugin
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 188.4.0
 
 ### Minor Changes

package/dist/cjs/labs/next/presets/default.js

@@ -29,7 +29,7 @@ var _editorPluginPlaceholder = require("@atlaskit/editor-plugin-placeholder");
 var _annotation = _interopRequireDefault(require("../../../plugins/annotation"));
 var _editorPluginComposition = require("@atlaskit/editor-plugin-composition");
 var _editorPluginQuickInsert = require("@atlaskit/editor-plugin-quick-insert");
-var _selection = _interopRequireDefault(require("../../../plugins/selection"));
+var _editorPluginSelection = require("@atlaskit/editor-plugin-selection");
 var _codeBlock = _interopRequireDefault(require("../../../plugins/code-block"));
 var _undoRedo = _interopRequireDefault(require("../../../plugins/undo-redo"));
 var _editorPluginDecorations = require("@atlaskit/editor-plugin-decorations");
@@ -77,7 +77,7 @@ function createDefaultPreset(options) {
     return builder;
   }).add([_editorPluginHyperlink.hyperlinkPlugin, options.hyperlinkOptions]).add([_editorPluginTextFormatting.textFormattingPlugin, options.textFormatting]).add(_editorPluginWidth.widthPlugin).add([_editorPluginQuickInsert.quickInsertPlugin, options.quickInsert]).add([_typeAhead.default, options.typeAhead || {
     createAnalyticsEvent: options.createAnalyticsEvent
-  }]).add([_editorPluginPlaceholder.placeholderPlugin, options.placeholder]).add(_editorPluginUnsupportedContent.unsupportedContentPlugin).add(_editorPluginEditorDisabled.editorDisabledPlugin).add([_submitEditor.default, options.submitEditor]).add(_fakeTextCursor.default).add(_editorPluginCopyButton.copyButtonPlugin).add(_editorPluginFloatingToolbar.floatingToolbarPlugin).add([_selection.default, options.selection]).add([_codeBlock.default, options.codeBlock || {
+  }]).add([_editorPluginPlaceholder.placeholderPlugin, options.placeholder]).add(_editorPluginUnsupportedContent.unsupportedContentPlugin).add(_editorPluginEditorDisabled.editorDisabledPlugin).add([_submitEditor.default, options.submitEditor]).add(_fakeTextCursor.default).add(_editorPluginCopyButton.copyButtonPlugin).add(_editorPluginFloatingToolbar.floatingToolbarPlugin).add([_editorPluginSelection.selectionPlugin, options.selection]).add([_codeBlock.default, options.codeBlock || {
     appearance: 'full-page'
   }]);
   return preset;

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = createUniversalPreset;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _api = require("../../../selection-api/api");
 var _plugins = require("../../../plugins");
+var _date = require("../../../plugins/date");
 var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
 var _editorPluginBorder = require("@atlaskit/editor-plugin-border");
 var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
@@ -49,7 +49,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
   var getEditorFeatureFlags = function getEditorFeatureFlags() {
     return featureFlags;
   };
-  var editorSelectionAPI = (0, _api.createEditorSelectionAPI)();
   var defaultPreset = (0, _default.createDefaultPreset)(_objectSpread(_objectSpread({}, props), {}, {
     createAnalyticsEvent: createAnalyticsEvent
   }));
@@ -119,7 +118,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
         allowDropzoneDropLine: isFullPage,
         allowMediaSingleEditable: !isMobile,
         allowRemoteDimensionsFetch: !isMobile,
-        editorSelectionAPI: editorSelectionAPI,
         // This is a wild one. I didnt quite understand what the code was doing
         // so a bit of guess for now.
         allowMarkingUploadsAsIncomplete: isMobile,
@@ -167,7 +165,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
         allowContextualMenu: !isMobile,
         fullWidthEnabled: appearance === 'full-width',
         wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        editorSelectionAPI: editorSelectionAPI,
         getEditorFeatureFlags: getEditorFeatureFlags
       }]);
     }
@@ -208,8 +205,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
           disableLayout: true
         },
         allowMediaGroup: false,
-        isCopyPasteEnabled: true,
-        editorSelectionAPI: editorSelectionAPI
+        isCopyPasteEnabled: true
       }]);
     }
     return builder;
@@ -275,7 +271,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add([plugin, undefined]);
     }
     return builder;
-  }).maybeAdd(_plugins.datePlugin, function (plugin, builder) {
+  }).maybeAdd(_date.datePlugin, function (plugin, builder) {
     if (props.allowDate) {
       var dateConfig = (0, _typeof2.default)(props.allowDate) === 'object' ? props.allowDate : {};
       return builder.add([plugin, {

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

@@ -8,7 +8,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("@atlaskit/editor-common/utils");
 var _pluginKey = require("./pm-plugins/plugin-key");
-var _analytics = require("../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _internal = require("./utils/internal");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var createDate = exports.createDate = function createDate(isQuickInsertAction) {
@@ -69,6 +69,7 @@ var focusDateInput = exports.focusDateInput = function focusDateInput() {
 };
 var insertDate = exports.insertDate = function insertDate(date, inputMethod, commitMethod) {
   var enterPressed = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var pluginInjectionApi = arguments.length > 4 ? arguments[4] : undefined;
   return function (state, dispatch) {
     var schema = state.schema;
     var timestamp;
@@ -79,7 +80,8 @@ var insertDate = exports.insertDate = function insertDate(date, inputMethod, com
     }
     var tr = state.tr;
     if (inputMethod) {
-      (0, _analytics.addAnalytics)(state, tr, {
+      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: _analytics.ACTION.INSERTED,
         actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
         actionSubjectId: _analytics.ACTION_SUBJECT_ID.DATE,
@@ -87,10 +89,11 @@ var insertDate = exports.insertDate = function insertDate(date, inputMethod, com
         attributes: {
           inputMethod: inputMethod
         }
-      });
+      })(tr);
     }
     if (commitMethod) {
-      (0, _analytics.addAnalytics)(state, tr, {
+      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: _analytics.EVENT_TYPE.TRACK,
         action: _analytics.ACTION.COMMITTED,
         actionSubject: _analytics.ACTION_SUBJECT.DATE,
@@ -99,7 +102,7 @@ var insertDate = exports.insertDate = function insertDate(date, inputMethod, com
           isValid: date !== undefined,
           isToday: (0, _internal.isToday)(date)
         }
-      });
+      })(tr);
     }
     var _ref = _pluginKey.pluginKey.getState(state) || {},
       showDatePickerAt = _ref.showDatePickerAt;
@@ -176,8 +179,10 @@ var closeDatePicker = exports.closeDatePicker = function closeDatePicker() {
   };
 };
 var closeDatePickerWithAnalytics = exports.closeDatePickerWithAnalytics = function closeDatePickerWithAnalytics(_ref3) {
-  var date = _ref3.date;
-  return (0, _analytics.withAnalytics)({
+  var _pluginInjectionApi$a3;
+  var date = _ref3.date,
+    pluginInjectionApi = _ref3.pluginInjectionApi;
+  pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.actions) === null || _pluginInjectionApi$a3 === void 0 || _pluginInjectionApi$a3.attachAnalyticsEvent({
     eventType: _analytics.EVENT_TYPE.TRACK,
     action: _analytics.ACTION.COMMITTED,
     actionSubject: _analytics.ACTION_SUBJECT.DATE,
@@ -186,7 +191,8 @@ var closeDatePickerWithAnalytics = exports.closeDatePickerWithAnalytics = functi
       isValid: date !== undefined,
       isToday: (0, _internal.isToday)(date)
     }
-  })(closeDatePicker());
+  });
+  return closeDatePicker();
 };
 var openDatePicker = exports.openDatePicker = function openDatePicker() {
   return function (state, dispatch) {

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

@@ -4,184 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _actions = require("./actions");
-var _main = _interopRequireDefault(require("./pm-plugins/main"));
-var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
-var _pluginKey = require("./pm-plugins/plugin-key");
-var _hooks = require("@atlaskit/editor-common/hooks");
-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 || (0, _typeof2.default)(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; }
-var DatePicker = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker'));
-    }).then(function (mod) {
-      return mod.default;
-    });
-  },
-  loading: function loading() {
-    return null;
+Object.defineProperty(exports, "datePlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.default;
   }
 });
-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 = (0, _hooks.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 = (0, _utils.findDomRefAtPos)(showDatePickerAt, domAtPos);
-  return /*#__PURE__*/_react.default.createElement(DatePicker, {
-    mountTo: popupsMountPoint,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    key: showDatePickerAt,
-    element: element,
-    isNew: isNew,
-    autoFocus: focusDateInput,
-    onDelete: function onDelete() {
-      (0, _actions.deleteDate)()(editorView.state, dispatch);
-      editorView.focus();
-      return;
-    },
-    onSelect: function onSelect(date, commitMethod) {
-      // Undefined means couldn't parse date, null means invalid (out of bounds) date
-      if (date === undefined || date === null) {
-        return;
-      }
-      (0, _actions.insertDate)(date, undefined, commitMethod)(editorView.state, dispatch);
-      editorView.focus();
-    },
-    onTextChanged: function onTextChanged(date) {
-      (0, _actions.insertDate)(date, undefined, undefined, false)(editorView.state, dispatch);
-    },
-    closeDatePicker: function closeDatePicker() {
-      (0, _actions.closeDatePicker)()(editorView.state, dispatch);
-      editorView.focus();
-    },
-    closeDatePickerWithAnalytics: function closeDatePickerWithAnalytics(_ref2) {
-      var date = _ref2.date;
-      (0, _actions.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 = _pluginKey.pluginKey.getState(editorState) || {},
-        showDatePickerAt = _ref4.showDatePickerAt,
-        isNew = _ref4.isNew,
-        focusDateInput = _ref4.focusDateInput;
-      return {
-        showDatePickerAt: showDatePickerAt,
-        isNew: !!isNew,
-        focusDateInput: !!focusDateInput
-      };
-    },
-    nodes: function nodes() {
-      return [{
-        name: 'date',
-        node: _adfSchema.date
-      }];
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'date',
-        plugin: function plugin(options) {
-          DatePicker.preload();
-          return (0, _main.default)(options);
-        }
-      }, {
-        name: 'dateKeymap',
-        plugin: function plugin() {
-          DatePicker.preload();
-          return (0, _keymap.default)();
-        }
-      }];
-    },
-    contentComponent: function contentComponent(_ref5) {
-      var editorView = _ref5.editorView,
-        dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent,
-        popupsMountPoint = _ref5.popupsMountPoint,
-        popupsBoundariesElement = _ref5.popupsBoundariesElement,
-        popupsScrollableElement = _ref5.popupsScrollableElement;
-      return /*#__PURE__*/_react.default.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.messages.date),
-          description: formatMessage(_messages.messages.dateDescription),
-          priority: 800,
-          keywords: ['calendar', 'day', 'time', 'today', '/'],
-          keyshortcut: '//',
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconDate, null);
-          },
-          action: function action(insert, state) {
-            var _api$analytics, _api$analytics$attach;
-            var tr = (0, _actions.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: _analytics.ACTION.INSERTED,
-              actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: _analytics.ACTION_SUBJECT_ID.DATE,
-              eventType: _analytics.EVENT_TYPE.TRACK,
-              attributes: {
-                inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
-              }
-            })(tr);
-            return tr;
-          }
-        }];
-      }
-    }
-  };
-};
-var _default = exports.default = datePlugin;
+var _plugin = _interopRequireDefault(require("./plugin"));

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

@@ -0,0 +1,191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _adfSchema = require("@atlaskit/adf-schema");
+var _actions = require("./actions");
+var _main = _interopRequireDefault(require("./pm-plugins/main"));
+var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
+var _pluginKey = require("./pm-plugins/plugin-key");
+var _hooks = require("@atlaskit/editor-common/hooks");
+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 || (0, _typeof2.default)(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; }
+var DatePicker = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* 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 = (0, _hooks.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 = (0, _utils.findDomRefAtPos)(showDatePickerAt, domAtPos);
+  return /*#__PURE__*/_react.default.createElement(DatePicker, {
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    scrollableElement: popupsScrollableElement,
+    key: showDatePickerAt,
+    element: element,
+    isNew: isNew,
+    autoFocus: focusDateInput,
+    onDelete: function onDelete() {
+      (0, _actions.deleteDate)()(editorView.state, dispatch);
+      editorView.focus();
+      return;
+    },
+    onSelect: function onSelect(date, commitMethod) {
+      // Undefined means couldn't parse date, null means invalid (out of bounds) date
+      if (date === undefined || date === null) {
+        return;
+      }
+      (0, _actions.insertDate)(date, undefined, commitMethod)(editorView.state, dispatch);
+      editorView.focus();
+    },
+    onTextChanged: function onTextChanged(date) {
+      (0, _actions.insertDate)(date, undefined, undefined, false)(editorView.state, dispatch);
+    },
+    closeDatePicker: function closeDatePicker() {
+      (0, _actions.closeDatePicker)()(editorView.state, dispatch);
+      editorView.focus();
+    },
+    closeDatePickerWithAnalytics: function closeDatePickerWithAnalytics(_ref2) {
+      var date = _ref2.date;
+      (0, _actions.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 = _pluginKey.pluginKey.getState(editorState) || {},
+        showDatePickerAt = _ref4.showDatePickerAt,
+        isNew = _ref4.isNew,
+        focusDateInput = _ref4.focusDateInput;
+      return {
+        showDatePickerAt: showDatePickerAt,
+        isNew: !!isNew,
+        focusDateInput: !!focusDateInput
+      };
+    },
+    actions: {
+      insertDate: _actions.insertDate,
+      deleteDate: _actions.deleteDate
+    },
+    nodes: function nodes() {
+      return [{
+        name: 'date',
+        node: _adfSchema.date
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'date',
+        plugin: function plugin(options) {
+          DatePicker.preload();
+          return (0, _main.default)(options);
+        }
+      }, {
+        name: 'dateKeymap',
+        plugin: function plugin() {
+          DatePicker.preload();
+          return (0, _keymap.default)();
+        }
+      }];
+    },
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement,
+        popupsScrollableElement = _ref5.popupsScrollableElement;
+      return /*#__PURE__*/_react.default.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.toolbarInsertBlockMessages.date),
+          description: formatMessage(_messages.toolbarInsertBlockMessages.dateDescription),
+          priority: 800,
+          keywords: ['calendar', 'day', 'time', 'today', '/'],
+          keyshortcut: '//',
+          icon: function icon() {
+            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconDate, null);
+          },
+          action: function action(insert, state) {
+            var _api$analytics, _api$analytics$attach;
+            var tr = (0, _actions.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: _analytics.ACTION.INSERTED,
+              actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+              actionSubjectId: _analytics.ACTION_SUBJECT_ID.DATE,
+              eventType: _analytics.EVENT_TYPE.TRACK,
+              attributes: {
+                inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
+              }
+            })(tr);
+            return tr;
+          }
+        }];
+      }
+    }
+  };
+};
+var _default = exports.default = datePlugin;

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

@@ -7,12 +7,12 @@ exports.getPluginState = exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _date = require("../nodeviews/date");
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
-var _pluginStateFactory = require("../../../utils/plugin-state-factory");
-var _utils = require("./utils");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("./utils");
 var _pluginKey = require("./plugin-key");
-var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.pluginKey, _utils.reducer, {
-    mapping: _utils.mapping,
-    onSelectionChanged: _utils.onSelectionChanged
+var _pluginFactory = (0, _utils.pluginFactory)(_pluginKey.pluginKey, _utils2.reducer, {
+    mapping: _utils2.mapping,
+    onSelectionChanged: _utils2.onSelectionChanged
   }),
   createPluginState = _pluginFactory.createPluginState,
   getPluginState = exports.getPluginState = _pluginFactory.getPluginState;

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

@@ -18,14 +18,14 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _internal = require("../../utils/internal");
 var _formatParse = require("../../utils/formatParse");
-var _enums = require("../../../analytics/types/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _form = require("@atlaskit/form");
 var _templateObject;
 /** @jsx jsx */
 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; } }
-var dateTextFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 22px;\n  padding-bottom: 12px;\n"])));
+var dateTextFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 22px;\n  padding-bottom: ", ";\n"])), "var(--ds-space-150, 12px)");
 var messages = (0, _reactIntlNext.defineMessages)({
   invalidDateError: {
     id: 'fabric.editor.invalidDateError',
@@ -91,9 +91,9 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
         _this.props.onNewDate(newDate);
         if (dispatchAnalyticsEvent) {
           dispatchAnalyticsEvent({
-            eventType: _enums.EVENT_TYPE.TRACK,
-            action: _enums.ACTION.TYPING_FINISHED,
-            actionSubject: _enums.ACTION_SUBJECT.DATE
+            eventType: _analytics.EVENT_TYPE.TRACK,
+            action: _analytics.ACTION.TYPING_FINISHED,
+            actionSubject: _analytics.ACTION_SUBJECT.DATE
           });
         }
       } else {
@@ -112,9 +112,9 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
       // Fire event on every keypress (textfield not necessarily empty)
       if (dispatchAnalyticsEvent && event.key !== 'Enter' && event.key !== 'Backspace') {
         dispatchAnalyticsEvent({
-          eventType: _enums.EVENT_TYPE.TRACK,
-          action: _enums.ACTION.TYPING_STARTED,
-          actionSubject: _enums.ACTION_SUBJECT.DATE
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.TYPING_STARTED,
+          actionSubject: _analytics.ACTION_SUBJECT.DATE
         });
       }
       if (event.key !== 'Enter') {
@@ -149,19 +149,19 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
       var dateSegment;
       switch (activeSegment) {
         case 'day':
-          dateSegment = _enums.ACTION_SUBJECT_ID.DATE_DAY;
+          dateSegment = _analytics.ACTION_SUBJECT_ID.DATE_DAY;
           break;
         case 'month':
-          dateSegment = _enums.ACTION_SUBJECT_ID.DATE_MONTH;
+          dateSegment = _analytics.ACTION_SUBJECT_ID.DATE_MONTH;
           break;
         default:
-          dateSegment = _enums.ACTION_SUBJECT_ID.DATE_YEAR;
+          dateSegment = _analytics.ACTION_SUBJECT_ID.DATE_YEAR;
       }
       if (dispatchAnalyticsEvent) {
         dispatchAnalyticsEvent({
-          eventType: _enums.EVENT_TYPE.TRACK,
-          action: adjustment > 0 ? _enums.ACTION.INCREMENTED : _enums.ACTION.DECREMENTED,
-          actionSubject: _enums.ACTION_SUBJECT.DATE_SEGMENT,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          action: adjustment > 0 ? _analytics.ACTION.INCREMENTED : _analytics.ACTION.DECREMENTED,
+          actionSubject: _analytics.ACTION_SUBJECT.DATE_SEGMENT,
           attributes: {
             dateSegment: dateSegment
           }