@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/es2019/type-ahead/index.js

@@ -1,13 +1,10 @@
 export let TypeAheadAvailableNodes;
-
 (function (TypeAheadAvailableNodes) {
   TypeAheadAvailableNodes["EMOJI"] = "emojiTypeAhead";
   TypeAheadAvailableNodes["MENTION"] = "mentionTypeAhead";
   TypeAheadAvailableNodes["QUICK_INSERT"] = "quickInsertTypeAhead";
 })(TypeAheadAvailableNodes || (TypeAheadAvailableNodes = {}));
-
 export let SelectItemMode;
-
 (function (SelectItemMode) {
   SelectItemMode["SHIFT_ENTER"] = "shift-enter";
   SelectItemMode["ENTER"] = "enter";

package/dist/es2019/types/annotation/emitter.js

@@ -1,37 +1,29 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import EventEmitter from 'events';
 export let AnnotationUpdateEvent;
-
 (function (AnnotationUpdateEvent) {
   AnnotationUpdateEvent["SET_ANNOTATION_FOCUS"] = "SET_ANNOTATION_FOCUS";
   AnnotationUpdateEvent["SET_ANNOTATION_STATE"] = "SET_ANNOTATION_STATE";
   AnnotationUpdateEvent["REMOVE_ANNOTATION_FOCUS"] = "REMOVE_ANNOTATION_FOCUS";
   AnnotationUpdateEvent["ON_ANNOTATION_CLICK"] = "ON_ANNOTATION_CLICK";
 })(AnnotationUpdateEvent || (AnnotationUpdateEvent = {}));
-
 export class AnnotationUpdateEmitter {
   constructor() {
     _defineProperty(this, "emitter", new EventEmitter());
   }
-
   emit(event, params) {
     if (typeof params === 'undefined') {
       return this.emitter.emit(event);
     }
-
     return this.emitter.emit(event, params);
   }
-
   on(event, listener) {
     return this.emitter.on(event, listener);
   }
-
   off(event, listener) {
     return this.emitter.off(event, listener);
   }
-
   listeners(event) {
     return this.emitter.listeners(event);
   }
-
 }

package/dist/es2019/types/index.js

@@ -1,10 +1,8 @@
 export let SortOrder;
-
 (function (SortOrder) {
   SortOrder["ASC"] = "asc";
   SortOrder["DESC"] = "desc";
   SortOrder["NO_ORDER"] = "no_order";
 })(SortOrder || (SortOrder = {}));
-
 export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';

package/dist/es2019/types/toolbar.js

@@ -1,5 +1,4 @@
 export let ToolbarSize;
-
 (function (ToolbarSize) {
   ToolbarSize[ToolbarSize["XXL"] = 6] = "XXL";
   ToolbarSize[ToolbarSize["XL"] = 5] = "XL";
@@ -8,9 +7,7 @@ export let ToolbarSize;
   ToolbarSize[ToolbarSize["S"] = 2] = "S";
   ToolbarSize[ToolbarSize["XXXS"] = 1] = "XXXS";
 })(ToolbarSize || (ToolbarSize = {}));
-
 export let ToolbarWidths;
-
 (function (ToolbarWidths) {
   ToolbarWidths[ToolbarWidths["XXL"] = 610] = "XXL";
   ToolbarWidths[ToolbarWidths["XL"] = 540] = "XL";
@@ -18,9 +15,7 @@ export let ToolbarWidths;
   ToolbarWidths[ToolbarWidths["M"] = 450] = "M";
   ToolbarWidths[ToolbarWidths["S"] = 370] = "S";
 })(ToolbarWidths || (ToolbarWidths = {}));
-
 export let ToolbarWidthsFullPage;
-
 (function (ToolbarWidthsFullPage) {
   ToolbarWidthsFullPage[ToolbarWidthsFullPage["XXL"] = 650] = "XXL";
   ToolbarWidthsFullPage[ToolbarWidthsFullPage["XL"] = 580] = "XL";

package/dist/es2019/ufo/experience-store.js

@@ -8,109 +8,84 @@ export const experienceConfig = {
   }
 };
 export let EditorExperience;
-
 (function (EditorExperience) {
   EditorExperience["loadEditor"] = "load";
   EditorExperience["typing"] = "type";
   EditorExperience["interaction"] = "interact";
   EditorExperience["editSession"] = "editSession";
 })(EditorExperience || (EditorExperience = {}));
-
 export const RELIABILITY_INTERVAL = 30000;
 export class ExperienceStore {
   constructor() {
     this.experiences = new Map();
-
     for (const experienceId of Object.values(EditorExperience)) {
       const experience = new UFOExperience(experienceId, experienceConfig);
       this.experiences.set(experienceId, experience);
     }
   }
-
   static getInstance(view, options = {}) {
     if (!this.stores.get(view) || options !== null && options !== void 0 && options.forceNewInstance) {
       const store = new ExperienceStore();
       this.stores.set(view, store);
     }
-
     return this.stores.get(view);
   }
-
   get(experienceId) {
     return this.experiences.get(experienceId);
   }
-
   getActive(experienceId) {
     const experience = this.experiences.get(experienceId);
-
     if (!(experience !== null && experience !== void 0 && experience.state.final)) {
       return experience;
     }
   }
-
   getAll() {
     return Array.from(this.experiences.values());
   }
-
   start(experienceId, startTime) {
     var _this$get;
-
     (_this$get = this.get(experienceId)) === null || _this$get === void 0 ? void 0 : _this$get.start(startTime);
   }
-
   addMetadata(experienceId, metadata) {
     var _this$get2;
-
     (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 ? void 0 : _this$get2.addMetadata(metadata);
   }
-
   mark(experienceId, mark, value) {
     var _this$get3;
-
     (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 ? void 0 : _this$get3.mark(mark, value);
   }
-
   success(experienceId, metadata) {
     var _this$getActive;
-
     return (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
       metadata
     });
   }
-
   fail(experienceId, metadata) {
     var _this$getActive2;
-
     (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 ? void 0 : _this$getActive2.failure({
       metadata
     });
   }
-
   abort(experienceId, metadata) {
     // We add this wait in here because when React catches an error it unmounts the component
     // before the error boundary's componentDidCatch is called
     // In this case we want to fail the experience, but without this wait, abort is called first
     setTimeout(() => {
       var _this$getActive3;
-
       (_this$getActive3 = this.getActive(experienceId)) === null || _this$getActive3 === void 0 ? void 0 : _this$getActive3.abort({
         metadata
       });
     }, 0);
   }
-
   abortAll(metadata) {
     this.experiences.forEach(experience => {
       this.abort(experience.id, metadata);
     });
   }
-
   failAll(metadata) {
     this.experiences.forEach(experience => {
       this.fail(experience.id, metadata);
     });
   }
-
 }
-
 _defineProperty(ExperienceStore, "stores", new WeakMap());

package/dist/es2019/ui/BaseTheme/index.js

@@ -8,10 +8,8 @@ export function mapBreakpointToLayoutMaxWidth(breakpoint) {
   switch (breakpoint) {
     case 'M':
       return 760;
-
     case 'L':
       return 850;
-
     default:
       return 680;
   }

package/dist/es2019/ui/Caption/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -39,6 +38,5 @@ export class CaptionComponent extends React.Component {
       css: placeholderStyle
     }, formatMessage(messages.placeholder)) : null, children);
   }
-
 }
 export default injectIntl(CaptionComponent);

package/dist/es2019/ui/DropList/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -9,26 +8,22 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "72.2.0";
+const packageVersion = "72.2.2";
 const halfFocusRing = 1;
 const dropOffset = `0, ${gridSize()}px`;
-
 class DropList extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "wrapperStyles", css`
     ${this.props.shouldFitContainer ? 'display: block; flex: 1 1 auto;' : 'display: inline-flex;'}
     transition-duration: 0.2s;
     transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
   `);
-
     _defineProperty(this, "triggerStyles", css`
     transition-duration: 0.2s;
     transition: box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
     ${this.props.shouldFitContainer ? 'display: block; box-sizing: border-box;' : 'display: inline-flex;'}
   `);
-
     _defineProperty(this, "menuWrapper", theme => {
       return css`
       color: ${themed({
@@ -48,27 +43,23 @@ class DropList extends Component {
       max-height: 90vh;
     `;
     });
-
     _defineProperty(this, "componentDidMount", () => {
-      this.setContentWidth(); // We use a captured event here to avoid a radio or checkbox dropdown item firing its
+      this.setContentWidth();
+      // We use a captured event here to avoid a radio or checkbox dropdown item firing its
       // click event first, which would cause a re-render of the element and prevent DropList
       // from detecting the actual source of this original click event.
-
       document.addEventListener('click', this.handleClickOutside, true);
       document.addEventListener('keydown', this.handleEsc);
     });
-
     _defineProperty(this, "componentDidUpdate", () => {
       if (this.props.isOpen) {
         this.setContentWidth();
       }
     });
-
     _defineProperty(this, "componentWillUnmount", () => {
       document.removeEventListener('click', this.handleClickOutside, true);
       document.removeEventListener('keydown', this.handleEsc);
     });
-
     _defineProperty(this, "setContentWidth", () => {
       const {
         dropContentRef,
@@ -76,19 +67,18 @@ class DropList extends Component {
       } = this;
       const {
         shouldFitContainer
-      } = this.props; // We need to manually set the content width to match the trigger width
+      } = this.props;
 
+      // We need to manually set the content width to match the trigger width
       if (shouldFitContainer && dropContentRef && triggerRef) {
         dropContentRef.style.width = `${triggerRef.offsetWidth - halfFocusRing * 2}px`;
       }
     });
-
     _defineProperty(this, "handleEsc", event => {
       if ((event.key === 'Escape' || event.key === 'Esc') && this.props.isOpen) {
         this.close(event);
       }
     });
-
     _defineProperty(this, "handleClickOutside", event => {
       if (this.props.isOpen) {
         if (event.target instanceof Node) {
@@ -97,14 +87,12 @@ class DropList extends Component {
           // blanket which stretches to the viewport should not stop 'close' from being triggered.
           const withinTrigger = this.triggerRef && this.triggerRef.contains(event.target);
           const withinContent = this.dropContentRef && this.dropContentRef.contains(event.target);
-
           if (!withinTrigger && !withinContent) {
             this.close(event);
           }
         }
       }
     });
-
     _defineProperty(this, "close", event => {
       if (this.props.onOpenChange) {
         this.props.onOpenChange({
@@ -113,29 +101,27 @@ class DropList extends Component {
         });
       }
     });
-
     _defineProperty(this, "handleContentRef", ref => {
-      this.dropContentRef = ref; // If the dropdown has just been opened, we focus on the containing element so the
+      this.dropContentRef = ref;
+
+      // If the dropdown has just been opened, we focus on the containing element so the
       // user can tab to the first dropdown item. We will only receive this ref if isOpen
       // is true or null, so no need to check for truthiness here.
-
       if (ref) {
         ref.focus();
       }
     });
-
     _defineProperty(this, "handleTriggerRef", ref => {
       this.triggerRef = ref;
     });
   }
-
   /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
   getChildContext() {
     return {
       shouldAllowMultilineItems: false
     };
   }
-
   render() {
     const {
       children,
@@ -165,9 +151,7 @@ class DropList extends Component {
       ref: this.handleTriggerRef
     }, trigger)));
   }
-
 }
-
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({
   componentName: 'droplist',

package/dist/es2019/ui/Emoji/index.js

@@ -5,10 +5,8 @@ import { ProviderFactory, WithProviders } from '../../provider-factory';
 export default class EmojiNode extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "renderWithProvider", providers => {
       var _resourceConfig$optim;
-
       const {
         allowTextFallback,
         shortName,
@@ -18,7 +16,6 @@ export default class EmojiNode extends PureComponent {
         showTooltip,
         resourceConfig
       } = this.props;
-
       if (allowTextFallback && !providers.emojiProvider) {
         return /*#__PURE__*/React.createElement("span", {
           "data-emoji-id": id,
@@ -26,11 +23,9 @@ export default class EmojiNode extends PureComponent {
           "data-emoji-text": fallback || shortName
         }, fallback || shortName);
       }
-
       if (!providers.emojiProvider) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(ResourcedEmoji, {
         emojiId: {
           id,
@@ -48,10 +43,8 @@ export default class EmojiNode extends PureComponent {
         })
       });
     });
-
     this.providerFactory = props.providers || new ProviderFactory();
   }
-
   componentWillUnmount() {
     if (!this.props.providers) {
       // new ProviderFactory is created if no `providers` has been set
@@ -59,7 +52,6 @@ export default class EmojiNode extends PureComponent {
       this.providerFactory.destroy();
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(WithProviders, {
       providers: ['emojiProvider'],
@@ -67,11 +59,8 @@ export default class EmojiNode extends PureComponent {
       renderNode: this.renderWithProvider
     });
   }
-
 }
-
 _defineProperty(EmojiNode, "displayName", 'EmojiNode');
-
 _defineProperty(EmojiNode, "defaultProps", {
   showTooltip: true
 });

package/dist/es2019/ui/ErrorBoundary/index.js

@@ -4,20 +4,16 @@ import { ACTION, EVENT_TYPE } from '../../analytics';
 export class ErrorBoundary extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       errorCaptured: false
     });
   }
-
   hasFallback() {
     return typeof this.props.fallbackComponent !== 'undefined';
   }
-
   shouldRecover() {
     return this.hasFallback() && this.state.errorCaptured;
   }
-
   componentDidCatch(error, errorInfo) {
     if (this.props.dispatchAnalyticsEvent) {
       this.props.dispatchAnalyticsEvent({
@@ -33,20 +29,16 @@ export class ErrorBoundary extends React.Component {
         }
       });
     }
-
     if (this.hasFallback()) {
       this.setState({
         errorCaptured: true
       });
     }
   }
-
   render() {
     if (this.shouldRecover()) {
       return this.props.fallbackComponent;
     }
-
     return this.props.children;
   }
-
 }

package/dist/es2019/ui/Expand/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -50,7 +49,6 @@ export const ExpandIconWrapper = ({
     css: props => expanded ? [expandIconWrapperStyle(props), expandIconWrapperExpandedStyle] : expandIconWrapperStyle(props)
   }, children);
 };
-
 const expandIconWrapperStyle = props => css`
   cursor: pointer;
   display: flex;
@@ -70,7 +68,6 @@ const expandIconWrapperStyle = props => css`
     transition: transform 0.2s ${akEditorSwoopCubicBezier};
   }
 `;
-
 const expandIconWrapperExpandedStyle = css`
   svg {
     transform: rotate(90deg);
@@ -91,16 +88,15 @@ export const ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef((props, ref) =
     ref: ref
   }), children);
 });
-
 const containerStyles = styleProps => {
   const {
     expanded,
     focused
   } = styleProps;
   const marginTop = `${gridSize() / 2 / fontSize()}rem`;
-  const marginBottom = 0; // Only only these margins if the expand isn't editable
+  const marginBottom = 0;
+  // Only only these margins if the expand isn't editable
   // and is the root level expand.
-
   const marginHorizontal = styleProps['data-node-type'] === 'expand' ? `-${akLayoutGutterOffset}px` : 0;
   const margin = `${marginTop} ${marginHorizontal} ${marginBottom}`;
   return themeProps => css`
@@ -134,7 +130,6 @@ const containerStyles = styleProps => {
     }
   `;
 };
-
 const contentStyles = styleProps => themeProps => css`
     padding-top: ${styleProps.expanded ? gridSize() : 0}px;
     padding-right: ${gridSize()}px;
@@ -162,7 +157,6 @@ const contentStyles = styleProps => themeProps => css`
         }
       ` : ''}
   `;
-
 const titleInputStyles = props => css`
   outline: none;
   border: none;
@@ -187,7 +181,6 @@ const titleInputStyles = props => css`
 })(props)};
   }
 `;
-
 const titleContainerStyles = props => css`
   padding: 0;
   display: flex;
@@ -209,7 +202,6 @@ const titleContainerStyles = props => css`
     outline: 0;
   }
 `;
-
 export const sharedExpandStyles = {
   titleInputStyles,
   titleContainerStyles,

package/dist/es2019/ui/IntlErrorBoundary/index.js

@@ -2,22 +2,17 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { IntlProvider } from 'react-intl-next';
 export const REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
-
 const isMissingIntlProviderInAncestryError = err => {
   var _err$toString;
-
   return err === null || err === void 0 ? void 0 : (_err$toString = err.toString()) === null || _err$toString === void 0 ? void 0 : _err$toString.includes('<IntlProvider> needs to exist in the component ancestry');
 };
-
 export class IntlErrorBoundary extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       missingIntlProviderInAncestry: false
     });
   }
-
   componentDidCatch(error, errorInfo) {
     // if missing IntlProvider in ancestry, we setup a fallback IntlProvider ourselves
     if (isMissingIntlProviderInAncestryError(error)) {
@@ -29,15 +24,12 @@ export class IntlErrorBoundary extends React.Component {
       throw error;
     }
   }
-
   render() {
     if (this.state.missingIntlProviderInAncestry) {
       return /*#__PURE__*/React.createElement(IntlProvider, {
         locale: "en"
       }, this.props.children);
     }
-
     return this.props.children;
   }
-
 }

package/dist/es2019/ui/IntlProviderIfMissingWrapper/index.js

@@ -1,18 +1,14 @@
 import React, { useContext } from 'react';
 import { IntlContext, IntlProvider } from 'react-intl-next';
-
 const useCheckIntlContext = () => useContext(IntlContext) === null;
-
 export default function IntlProviderIfMissingWrapper({
   children
 }) {
   const missingIntlContext = useCheckIntlContext();
-
   if (missingIntlContext) {
     return /*#__PURE__*/React.createElement(IntlProvider, {
       locale: "en"
     }, children);
   }
-
   return children;
 }