@atlaskit/editor-core 188.10.5 → 188.11.0

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

@@ -1,197 +0,0 @@
-"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 _commands = require("./commands");
-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() {
-      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute((0, _commands.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((0, _commands.insertDateCommand)(dependencyApi)({
-        date: date,
-        commitMethod: commitMethod
-      }));
-      editorView.focus();
-    },
-    onTextChanged: function onTextChanged(date) {
-      dependencyApi === null || dependencyApi === void 0 || dependencyApi.core.actions.execute((0, _commands.insertDateCommand)(dependencyApi)({
-        date: date,
-        enterPressed: false
-      }));
-    },
-    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
-      };
-    },
-    commands: {
-      insertDate: (0, _commands.insertDateCommand)(api),
-      deleteDate: (0, _commands.deleteDateCommand)(api)
-    },
-    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/keymap.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.keymapPlugin = keymapPlugin;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _actions = require("../actions");
-var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _main = require("./main");
-function keymapPlugin() {
-  var list = {};
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, function (state, dispatch) {
-    var datePlugin = (0, _main.getPluginState)(state);
-    var isDateNode = state.selection instanceof _state.NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
-    if (!isDateNode) {
-      return false;
-    }
-    if (!datePlugin.showDatePickerAt) {
-      (0, _actions.openDatePicker)()(state, dispatch);
-      return true;
-    }
-    (0, _actions.closeDatePicker)()(state, dispatch);
-    return true;
-  }, list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.tab.common, function (state, dispatch) {
-    var datePlugin = (0, _main.getPluginState)(state);
-    var isDateNode = state.selection instanceof _state.NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
-    if (!isDateNode) {
-      return false;
-    }
-    if (datePlugin.showDatePickerAt) {
-      (0, _actions.focusDateInput)()(state, dispatch);
-      return true;
-    }
-    return false;
-  }, list);
-  return (0, _keymaps.keymap)(list);
-}
-var _default = exports.default = keymapPlugin;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _utils = require("@atlaskit/editor-common/utils");
-var _utils2 = require("./utils");
-var _pluginKey = require("./plugin-key");
-var _pluginFactory = (0, _utils.pluginFactory)(_pluginKey.pluginKey, _utils2.reducer, {
-    mapping: _utils2.mapping,
-    onSelectionChanged: _utils2.onSelectionChanged
-  }),
-  createPluginState = _pluginFactory.createPluginState,
-  getPluginState = exports.getPluginState = _pluginFactory.getPluginState;
-var createPlugin = function createPlugin(pmPluginFactoryParams) {
-  var newPluginState = {
-    showDatePickerAt: null,
-    isNew: false,
-    isDateEmpty: false,
-    focusDateInput: false
-  };
-  return new _safePlugin.SafePlugin({
-    state: createPluginState(pmPluginFactoryParams.dispatch, newPluginState),
-    key: _pluginKey.pluginKey,
-    props: {
-      nodeViews: {
-        date: (0, _reactNodeView.getInlineNodeViewProducer)({
-          pmPluginFactoryParams: pmPluginFactoryParams,
-          Component: _date.DateNodeView
-        })
-      }
-    }
-  });
-};
-var _default = exports.default = createPlugin;

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

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pluginKey = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var pluginKey = exports.pluginKey = new _state.PluginKey('datePlugin');

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mapping = mapping;
-exports.onSelectionChanged = onSelectionChanged;
-exports.reducer = reducer;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _state = require("@atlaskit/editor-prosemirror/state");
-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) { (0, _defineProperty2.default)(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; }
-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);
-}
-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
-  };
-}
-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 _state.NodeSelection) {
-    var nodeTypeName = selection.node.type.name;
-    return nodeTypeName === 'date';
-  }
-  return false;
-};

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,244 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _internal = require("../../utils/internal");
-var _formatParse = require("../../utils/formatParse");
-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: ", ";\n"])), "var(--ds-space-150, 12px)");
-var messages = (0, _reactIntlNext.defineMessages)({
-  invalidDateError: {
-    id: 'fabric.editor.invalidDateError',
-    defaultMessage: 'Enter a valid date',
-    description: 'Error message when the date typed in is invalid, requesting they inputs a new date'
-  }
-});
-var DatePickerInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(DatePickerInput, _React$Component);
-  var _super = _createSuper(DatePickerInput);
-  function DatePickerInput(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, DatePickerInput);
-    _this = _super.call(this, props);
-    /**
-     * Focus the input textfield
-     */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusInput", function () {
-      if (!_this.inputRef) {
-        return;
-      }
-      // Defer to prevent editor scrolling to top (See FS-3227, also ED-2992)
-      _this.autofocusTimeout = setTimeout(function () {
-        _this.inputRef.focus();
-      });
-    });
-    /**
-     * Select all the input text
-     */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectInput", function () {
-      if (!_this.inputRef) {
-        return;
-      }
-      // Defer to prevent editor scrolling to top (See FS-3227, also ED-2992)
-      _this.autoSelectAllTimeout = setTimeout(function () {
-        _this.inputRef.select();
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputRef", function (ref) {
-      var _this$props = _this.props,
-        autoFocus = _this$props.autoFocus,
-        autoSelectAll = _this$props.autoSelectAll;
-      if (ref) {
-        _this.inputRef = ref;
-      }
-      if (ref && autoFocus) {
-        _this.focusInput();
-      }
-      if (autoSelectAll) {
-        _this.selectInput();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (evt) {
-      var textFieldValue = evt.target.value;
-      var _this$props2 = _this.props,
-        locale = _this$props2.locale,
-        dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent;
-      var newDate = (0, _formatParse.parseDateType)(textFieldValue, locale);
-      if (newDate !== undefined && newDate !== null) {
-        _this.setState({
-          inputText: textFieldValue
-        });
-        _this.props.onNewDate(newDate);
-        if (dispatchAnalyticsEvent) {
-          dispatchAnalyticsEvent({
-            eventType: _analytics.EVENT_TYPE.TRACK,
-            action: _analytics.ACTION.TYPING_FINISHED,
-            actionSubject: _analytics.ACTION_SUBJECT.DATE
-          });
-        }
-      } else {
-        // if invalid, just update state text (to rerender textfield)
-        _this.setState({
-          inputText: textFieldValue
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyPress", function (event) {
-      var _this$props3 = _this.props,
-        locale = _this$props3.locale,
-        dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent;
-      var textFieldValue = event.target.value;
-
-      // Fire event on every keypress (textfield not necessarily empty)
-      if (dispatchAnalyticsEvent && event.key !== 'Enter' && event.key !== 'Backspace') {
-        dispatchAnalyticsEvent({
-          eventType: _analytics.EVENT_TYPE.TRACK,
-          action: _analytics.ACTION.TYPING_STARTED,
-          actionSubject: _analytics.ACTION_SUBJECT.DATE
-        });
-      }
-      if (event.key !== 'Enter') {
-        return;
-      }
-      if (textFieldValue === '') {
-        _this.props.onEmptySubmit();
-        return;
-      }
-      var newDate = (0, _formatParse.parseDateType)(textFieldValue, locale);
-      _this.props.onSubmitDate(newDate);
-    });
-    // arrow keys are only triggered by onKeyDown, not onKeyPress
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
-      var dateString = event.target.value;
-      var locale = _this.props.locale;
-      var adjustment;
-      if (event.key === 'ArrowUp') {
-        adjustment = 1;
-      } else if (event.key === 'ArrowDown') {
-        adjustment = -1;
-      }
-      if (adjustment === undefined) {
-        return;
-      }
-      var dispatchAnalyticsEvent = _this.props.dispatchAnalyticsEvent;
-      var cursorPos = _this.inputRef.selectionStart;
-      var activeSegment = (0, _internal.findDateSegmentByPosition)(cursorPos, dateString, locale);
-      if (activeSegment === undefined) {
-        return;
-      }
-      var dateSegment;
-      switch (activeSegment) {
-        case 'day':
-          dateSegment = _analytics.ACTION_SUBJECT_ID.DATE_DAY;
-          break;
-        case 'month':
-          dateSegment = _analytics.ACTION_SUBJECT_ID.DATE_MONTH;
-          break;
-        default:
-          dateSegment = _analytics.ACTION_SUBJECT_ID.DATE_YEAR;
-      }
-      if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent({
-          eventType: _analytics.EVENT_TYPE.TRACK,
-          action: adjustment > 0 ? _analytics.ACTION.INCREMENTED : _analytics.ACTION.DECREMENTED,
-          actionSubject: _analytics.ACTION_SUBJECT.DATE_SEGMENT,
-          attributes: {
-            dateSegment: dateSegment
-          }
-        });
-      }
-      var oldDateType = (0, _formatParse.parseDateType)(dateString, locale);
-      if (oldDateType === undefined || oldDateType === null) {
-        return;
-      }
-      var newDateType = (0, _internal.adjustDate)(oldDateType, activeSegment, adjustment);
-      _this.setState({
-        inputText: (0, _formatParse.formatDateType)(newDateType, locale)
-      });
-      _this.props.onNewDate(newDateType);
-      _this.setInputSelectionPos = Math.min(cursorPos, dateString.length);
-      event.preventDefault();
-    });
-    var date = props.date;
-    _this.setInputSelectionPos = undefined;
-    var inputText = (0, _formatParse.formatDateType)(date, _this.props.locale);
-    _this.state = {
-      inputText: inputText
-    };
-    return _this;
-  }
-  (0, _createClass2.default)(DatePickerInput, [{
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-        locale = _this$props4.locale,
-        formatMessage = _this$props4.intl.formatMessage;
-      var inputText = this.state.inputText;
-      var possiblyValid = (0, _internal.isDatePossiblyValid)(inputText);
-      var attemptedDateParse = (0, _formatParse.parseDateType)(inputText, locale);
-
-      // Don't display an error for an empty input.
-      var displayError = (attemptedDateParse === null || !possiblyValid) && inputText !== '';
-      return (0, _react2.jsx)("div", {
-        css: dateTextFieldWrapper
-      }, (0, _react2.jsx)(_textfield.default, {
-        name: "datetextfield",
-        value: inputText,
-        ref: this.handleInputRef,
-        onChange: this.handleChange,
-        onKeyPress: this.handleKeyPress,
-        onKeyDown: this.handleKeyDown,
-        spellCheck: false,
-        autoComplete: "off",
-        isInvalid: displayError
-      }), displayError && (0, _react2.jsx)(_form.ErrorMessage, null, formatMessage(messages.invalidDateError)));
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      var setInputSelectionPos = this.setInputSelectionPos;
-      if (setInputSelectionPos !== undefined) {
-        this.inputRef.setSelectionRange(setInputSelectionPos, setInputSelectionPos);
-        this.setInputSelectionPos = undefined;
-      }
-      if (this.inputRef && this.props.autoFocus) {
-        // TODO: Check if input already has focus
-        this.focusInput();
-      }
-
-      // Don't select all text here - would seleect text on each keystroke
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.autofocusTimeout !== undefined) {
-        clearTimeout(this.autofocusTimeout);
-      }
-      if (this.autoSelectAllTimeout !== undefined) {
-        clearTimeout(this.autoSelectAllTimeout);
-      }
-    }
-  }]);
-  return DatePickerInput;
-}(_react.default.Component);
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(DatePickerInput);