@atlaskit/editor-core 178.1.0 → 178.1.2

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

@@ -8,32 +8,26 @@ export function keymapPlugin() {
   keymaps.bindKeymapWithCommand(keymaps.enter.common, (state, dispatch) => {
     const datePlugin = getPluginState(state);
     const isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
-
     if (!isDateNode) {
       return false;
     }
-
     if (!datePlugin.showDatePickerAt) {
       openDatePicker()(state, dispatch);
       return true;
     }
-
     closeDatePicker()(state, dispatch);
     return true;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.tab.common, (state, dispatch) => {
     const datePlugin = getPluginState(state);
     const isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
-
     if (!isDateNode) {
       return false;
     }
-
     if (datePlugin.showDatePickerAt) {
       focusDateInput()(state, dispatch);
       return true;
     }
-
     return false;
   }, list);
   return keymap(list);

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

@@ -11,7 +11,6 @@ const {
   mapping,
   onSelectionChanged
 });
-
 const createPlugin = pmPluginFactoryParams => {
   const newPluginState = {
     showDatePickerAt: null,
@@ -32,6 +31,5 @@ const createPlugin = pmPluginFactoryParams => {
     }
   });
 };
-
 export { getPluginState };
 export default createPlugin;

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

@@ -2,27 +2,28 @@ import { NodeSelection } from 'prosemirror-state';
 export function reducer(pluginState, meta) {
   // If the same nodeview is clicked twice, calendar should close
   if (meta.showDatePickerAt === pluginState.showDatePickerAt) {
-    return { ...pluginState,
+    return {
+      ...pluginState,
       showDatePickerAt: null
     };
   }
-
   const {
     showDatePickerAt,
     isNew
   } = pluginState;
   const {
     showDatePickerAt: showDatePickerAtMeta
-  } = meta; // If date picker position has changed, it is no longer new
-
+  } = meta;
+  // If date picker position has changed, it is no longer new
   if (showDatePickerAt && showDatePickerAtMeta && showDatePickerAt !== showDatePickerAtMeta && isNew) {
-    return { ...pluginState,
+    return {
+      ...pluginState,
       ...meta,
       isNew: false
     };
   }
-
-  return { ...pluginState,
+  return {
+    ...pluginState,
     ...meta
   };
 }
@@ -30,7 +31,6 @@ export function mapping(tr, pluginState) {
   if (!pluginState.showDatePickerAt) {
     return pluginState;
   }
-
   const {
     pos
   } = tr.mapping.mapResult(pluginState.showDatePickerAt);
@@ -43,7 +43,8 @@ export function mapping(tr, pluginState) {
 }
 export function onSelectionChanged(tr, pluginState) {
   if (tr.docChanged && isDateNodeSelection(tr.selection)) {
-    return { ...pluginState,
+    return {
+      ...pluginState,
       isQuickInsertAction: false,
       showDatePickerAt: tr.selection.from
     };
@@ -56,18 +57,14 @@ export function onSelectionChanged(tr, pluginState) {
         focusDateInput: false
       };
     }
-
     return pluginState;
   }
-
   return pluginState;
 }
-
 const isDateNodeSelection = selection => {
   if (selection instanceof NodeSelection) {
     const nodeTypeName = selection.node.type.name;
     return nodeTypeName === 'date';
   }
-
   return false;
 };

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -20,52 +19,42 @@ const messages = defineMessages({
     description: 'Error message when the date typed in is invalid, requesting they inputs a new date'
   }
 });
-
 class DatePickerInput extends React.Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "focusInput", () => {
       if (!this.inputRef) {
         return;
-      } // Defer to prevent editor scrolling to top (See FS-3227, also ED-2992)
-
-
+      }
+      // Defer to prevent editor scrolling to top (See FS-3227, also ED-2992)
       this.autofocusTimeout = setTimeout(() => {
         this.inputRef.focus();
       });
     });
-
     _defineProperty(this, "selectInput", () => {
       if (!this.inputRef) {
         return;
-      } // Defer to prevent editor scrolling to top (See FS-3227, also ED-2992)
-
-
+      }
+      // Defer to prevent editor scrolling to top (See FS-3227, also ED-2992)
       this.autoSelectAllTimeout = setTimeout(() => {
         this.inputRef.select();
       });
     });
-
     _defineProperty(this, "handleInputRef", ref => {
       const {
         autoFocus,
         autoSelectAll
       } = this.props;
-
       if (ref) {
         this.inputRef = ref;
       }
-
       if (ref && autoFocus) {
         this.focusInput();
       }
-
       if (autoSelectAll) {
         this.selectInput();
       }
     });
-
     _defineProperty(this, "handleChange", evt => {
       const textFieldValue = evt.target.value;
       const {
@@ -73,13 +62,11 @@ class DatePickerInput extends React.Component {
         dispatchAnalyticsEvent
       } = this.props;
       const newDate = parseDateType(textFieldValue, locale);
-
       if (newDate !== undefined && newDate !== null) {
         this.setState({
           inputText: textFieldValue
         });
         this.props.onNewDate(newDate);
-
         if (dispatchAnalyticsEvent) {
           dispatchAnalyticsEvent({
             eventType: EVENT_TYPE.TRACK,
@@ -94,14 +81,14 @@ class DatePickerInput extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "handleKeyPress", event => {
       const {
         locale,
         dispatchAnalyticsEvent
       } = this.props;
-      const textFieldValue = event.target.value; // Fire event on every keypress (textfield not necessarily empty)
+      const textFieldValue = event.target.value;
 
+      // Fire event on every keypress (textfield not necessarily empty)
       if (dispatchAnalyticsEvent && event.key !== 'Enter' && event.key !== 'Backspace') {
         dispatchAnalyticsEvent({
           eventType: EVENT_TYPE.TRACK,
@@ -109,62 +96,49 @@ class DatePickerInput extends React.Component {
           actionSubject: ACTION_SUBJECT.DATE
         });
       }
-
       if (event.key !== 'Enter') {
         return;
       }
-
       if (textFieldValue === '') {
         this.props.onEmptySubmit();
         return;
       }
-
       const newDate = parseDateType(textFieldValue, locale);
       this.props.onSubmitDate(newDate);
     });
-
     _defineProperty(this, "handleKeyDown", event => {
       const dateString = event.target.value;
       const {
         locale
       } = this.props;
       let adjustment;
-
       if (event.key === 'ArrowUp') {
         adjustment = 1;
       } else if (event.key === 'ArrowDown') {
         adjustment = -1;
       }
-
       if (adjustment === undefined) {
         return;
       }
-
       const {
         dispatchAnalyticsEvent
       } = this.props;
       const cursorPos = this.inputRef.selectionStart;
       const activeSegment = findDateSegmentByPosition(cursorPos, dateString, locale);
-
       if (activeSegment === undefined) {
         return;
       }
-
       let dateSegment;
-
       switch (activeSegment) {
         case 'day':
           dateSegment = ACTION_SUBJECT_ID.DATE_DAY;
           break;
-
         case 'month':
           dateSegment = ACTION_SUBJECT_ID.DATE_MONTH;
           break;
-
         default:
           dateSegment = ACTION_SUBJECT_ID.DATE_YEAR;
       }
-
       if (dispatchAnalyticsEvent) {
         dispatchAnalyticsEvent({
           eventType: EVENT_TYPE.TRACK,
@@ -175,13 +149,10 @@ class DatePickerInput extends React.Component {
           }
         });
       }
-
       const oldDateType = parseDateType(dateString, locale);
-
       if (oldDateType === undefined || oldDateType === null) {
         return;
       }
-
       const newDateType = adjustDate(oldDateType, activeSegment, adjustment);
       this.setState({
         inputText: formatDateType(newDateType, locale)
@@ -190,7 +161,6 @@ class DatePickerInput extends React.Component {
       this.setInputSelectionPos = Math.min(cursorPos, dateString.length);
       event.preventDefault();
     });
-
     const {
       date
     } = props;
@@ -200,7 +170,6 @@ class DatePickerInput extends React.Component {
       inputText
     };
   }
-
   render() {
     const {
       locale,
@@ -212,8 +181,9 @@ class DatePickerInput extends React.Component {
       inputText
     } = this.state;
     const possiblyValid = isDatePossiblyValid(inputText);
-    const attemptedDateParse = parseDateType(inputText, locale); // Don't display an error for an empty input.
+    const attemptedDateParse = parseDateType(inputText, locale);
 
+    // Don't display an error for an empty input.
     const displayError = (attemptedDateParse === null || !possiblyValid) && inputText !== '';
     return jsx("div", {
       css: dateTextFieldWrapper
@@ -229,36 +199,31 @@ class DatePickerInput extends React.Component {
       isInvalid: displayError
     }), displayError && jsx(ErrorMessage, null, formatMessage(messages.invalidDateError)));
   }
-
   componentDidUpdate() {
     const 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
+    }
 
+    // Don't select all text here - would seleect text on each keystroke
   }
+
   /**
    * Focus the input textfield
    */
 
-
   componentWillUnmount() {
     if (this.autofocusTimeout !== undefined) {
       clearTimeout(this.autofocusTimeout);
     }
-
     if (this.autoSelectAllTimeout !== undefined) {
       clearTimeout(this.autoSelectAllTimeout);
     }
   }
-
 }
-
 export default injectIntl(DatePickerInput);

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -21,26 +20,21 @@ const popupContentWrapper = css`
   box-shadow: ${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`})`};
   background-color: ${`var(--ds-surface-overlay, ${N0})`};
 `;
-
 class DatePicker extends React.Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "handleNewDate", date => {
       this.props.onTextChanged(date);
       this.setState({
         latestValidDate: date
       });
     });
-
     _defineProperty(this, "handleKeyboardSubmitDate", date => {
       this.props.onSelect(date, INPUT_METHOD.KEYBOARD);
     });
-
     _defineProperty(this, "handleEmptySubmitDate", () => {
       this.props.onDelete();
     });
-
     _defineProperty(this, "handleOnChange", ({
       day,
       month,
@@ -55,23 +49,18 @@ class DatePicker extends React.Component {
         latestValidDate: date
       });
     });
-
     _defineProperty(this, "closeDatePickerWithAnalytics", () => {
       this.props.closeDatePickerWithAnalytics({
         date: this.state.latestValidDate
       });
     });
-
     _defineProperty(this, "handleRef", ref => {
       const elm = ref && ReactDOM.findDOMNode(ref);
-
       if (elm) {
         elm.focus();
       }
     });
-
     const timestamp = props.element.getAttribute('timestamp');
-
     if (timestamp) {
       // Warning: The 'Date' return type of timestampToUTCDate() is not a JS date, it's more similar
       // to the DateType type
@@ -92,7 +81,6 @@ class DatePicker extends React.Component {
       };
     }
   }
-
   render() {
     const {
       element,
@@ -106,13 +94,11 @@ class DatePicker extends React.Component {
       autoFocus
     } = this.props;
     const timestamp = element.getAttribute('timestamp');
-
     if (this.state === null) {
       // Without this, you can blow up the page by slowing down cpu, opening date, typing after date
       // then clicking on date lozenge and typing quickly before it opens
       return null;
     }
-
     const {
       date,
       selected,
@@ -123,11 +109,9 @@ class DatePicker extends React.Component {
       month,
       year
     } = latestValidDate;
-
     if (!timestamp) {
       return null;
     }
-
     return jsx(PopupWithListeners, {
       target: element,
       offset: [0, 8],
@@ -160,7 +144,5 @@ class DatePicker extends React.Component {
       ref: this.handleRef
     })));
   }
-
 }
-
 export default injectIntl(DatePicker);

package/dist/es2019/plugins/date/utils/formatParse.js

@@ -1,5 +1,4 @@
 import { createLocalizationProvider } from '@atlaskit/locale';
-
 /**
  * Attempt to parse a string representing a date in a particular locale to a date object
  * @param dateString The string representing the date in the given locale, eg '02/12/2000'
@@ -9,18 +8,16 @@ import { createLocalizationProvider } from '@atlaskit/locale';
 export function parseDateType(dateString, locale) {
   try {
     const l10n = createLocalizationProvider(locale);
-    const date = l10n.parseDate(dateString); // If date is invalid
+    const date = l10n.parseDate(dateString);
 
+    // If date is invalid
     if (isNaN(date.getTime())) {
       return null;
     }
-
     const year = date.getFullYear();
-
     if (year < 1000 || year > 9999) {
       return null;
     }
-
     const dateObj = {
       day: date.getDate(),
       month: date.getMonth() + 1,
@@ -31,48 +28,49 @@ export function parseDateType(dateString, locale) {
     return null;
   }
 }
+
 /**
  * Convert an EditorDateType to a date string string formatted for a particular locale
  * @param date The date object
  * @param locale The locale code string (eg. "en-AU")
  * @returns Date string, eg "25/5/20"
  */
-
 export function formatDateType(date, locale) {
   const {
     day,
     month,
     year
   } = date;
-  const l10n = createLocalizationProvider(locale); // The JS Date api represents month as a number between 0-11 :)
-  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
+  const l10n = createLocalizationProvider(locale);
 
+  // The JS Date api represents month as a number between 0-11 :)
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
   const dateObj = new Date(year, month - 1, day);
   return l10n.formatDate(dateObj);
 }
+
 /**
  * Convert an Editor DateType to a JavaScript Date object
  * @param date Editor DateType
  * @returns JavaScript Date object
  */
-
 export function dateTypeToDate(date) {
   const {
     day,
     month,
     year
-  } = date; // The JS Date api represents month as a number between 0-11 :)
+  } = date;
+  // The JS Date api represents month as a number between 0-11 :)
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
-
   const dateObj = new Date(year, month - 1, day);
   return dateObj;
 }
+
 /**
  * Convert a JavaScript Date to an editor DateType
  * @param date JavaScript Date object
  * @returns Editor DateType
  */
-
 export function dateToDateType(date) {
   const dateObj = {
     day: date.getDate(),