@atlaskit/editor-common 60.3.0 → 62.1.0

package/dist/es2019/index.js

@@ -1,9 +1,27 @@
-export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions, RenderCountProfiler } from './utils';
-export { SortOrder, AnnotationUpdateEmitter, AnnotationUpdateEvent } from './types';
-export { DefaultExtensionProvider, combineExtensionProviders, getExtensionKeyAndNodeKey, getExtensionModuleNode, getExtensionModuleNodePrivateProps, getQuickInsertItemsFromModule, getNodeRenderer, getContextualToolbarItemsFromModule, buildMenuItem, resolveImport } from './extensions';
-export { ProviderFactory, WithProviders } from './provider-factory';
-export { combineProviders } from './provider-helpers';
-export { TableSharedCssClassName, blockMarksSharedStyles, blockquoteSharedStyles, calcTableWidth, codeMarkSharedStyles, columnLayoutSharedStyle, dateSharedStyle, DateSharedCssClassName, annotationSharedStyles, AnnotationSharedCSSByState, AnnotationSharedClassNames, headingsSharedStyles, indentationSharedStyles, inlineNodeSharedStyle, linkSharedStyle, listsSharedStyles, richMediaClassName, mediaSingleSharedStyle, getPanelTypeBackground, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, paragraphSharedStyles, ruleSharedStyles, shadowSharedStyle, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginBottom, tableMarginSides, tableMarginTop, tableNewColumnMinWidth, tableResizeHandleWidth, tableSharedStyle, tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, whitespaceSharedStyles, MentionSharedCssClassName, EmojiSharedCssClassName, StatusSharedCssClassName, smartCardSharedStyles, SmartCardSharedCssClassName } from './styles';
-export { BaseTheme, Caption, ClearNextSiblingMarginTop, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH, Emoji, ErrorMessage, ExpandIconWrapper, ExpandLayoutWrapper, HelperMessage, MediaSingle, MediaSingleDimensionHelper, Mention, Popup, UnsupportedBlock, UnsupportedInline, ValidMessage, WidthConsumer, WidthProvider, WithCreateAnalyticsEvent, calcColumnsFromPx, calcPctFromPx, calcPxFromColumns, calcPxFromPct, expandMessages, findOverflowScrollParent, getBreakpoint, layoutSupportsWidth, mapBreakpointToLayoutMaxWidth, overflowShadow, shadowClassNames, sharedExpandStyles, snapToGrid, withOuterListeners, MediaLink, wrappedLayouts, shouldAddDefaultWrappedWidth } from './ui';
-export { linkMessages } from './messages/link';
+// new child entry point ./utils/index.ts
+export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions, RenderCountProfiler } from './utils'; // new child entry point ./utils/index.ts
+
+// new child entry point ./types/index.ts
+export { SortOrder, AnnotationUpdateEmitter, AnnotationUpdateEvent } from './types'; // new child entry point ./types/index.ts
+
+// already exported by ./extensions.ts
+export { DefaultExtensionProvider, combineExtensionProviders, getExtensionKeyAndNodeKey, getExtensionModuleNode, getExtensionModuleNodePrivateProps, getQuickInsertItemsFromModule, getNodeRenderer, getContextualToolbarItemsFromModule, buildMenuItem, resolveImport } from './extensions'; // already exported by ./extensions.ts
+
+// already exported by ./provider-factory.ts
+export { ProviderFactory, WithProviders } from './provider-factory'; // already exported by ./provider-factory.ts
+
+// new child entry point ./provider-helpers/index.ts
+export { combineProviders } from './provider-helpers'; // already exported by ./styles/index.ts
+
+export { TableSharedCssClassName, blockMarksSharedStyles, blockquoteSharedStyles, calcTableWidth, codeMarkSharedStyles, columnLayoutSharedStyle, dateSharedStyle, DateSharedCssClassName, annotationSharedStyles, AnnotationSharedCSSByState, AnnotationSharedClassNames, headingsSharedStyles, indentationSharedStyles, inlineNodeSharedStyle, linkSharedStyle, listsSharedStyles, richMediaClassName, mediaSingleSharedStyle, getPanelTypeBackground, getPanelBackgroundDarkModeColors, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, paragraphSharedStyles, ruleSharedStyles, shadowSharedStyle, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginBottom, tableMarginSides, tableMarginTop, tableNewColumnMinWidth, tableResizeHandleWidth, tableSharedStyle, tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, whitespaceSharedStyles, MentionSharedCssClassName, //exported from ./src/mention.ts
+EmojiSharedCssClassName, //exported from ./src/emoji.ts
+StatusSharedCssClassName, smartCardSharedStyles, SmartCardSharedCssClassName } from './styles'; // new child entry point ./ui/index.tsx
+
+export { BaseTheme, Caption, ClearNextSiblingMarginTop, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH, Emoji, //exported from ./src/emoji.ts
+ErrorMessage, ExpandIconWrapper, ExpandLayoutWrapper, HelperMessage, MediaSingle, MediaSingleDimensionHelper, Mention, //exported from ./src/mention.ts
+Popup, UnsupportedBlock, UnsupportedInline, ValidMessage, WidthConsumer, WidthProvider, WithCreateAnalyticsEvent, calcColumnsFromPx, calcPctFromPx, calcPxFromColumns, calcPxFromPct, expandMessages, findOverflowScrollParent, getBreakpoint, layoutSupportsWidth, mapBreakpointToLayoutMaxWidth, overflowShadow, shadowClassNames, sharedExpandStyles, snapToGrid, withOuterListeners, MediaLink, wrappedLayouts, shouldAddDefaultWrappedWidth, IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE, IntlLegacyFallbackProvider, LegacyToNextIntlProvider } from './ui'; // new child entry point ./ui/index.tsx
+
+// already exported by ./messages/index.ts
+export { linkMessages } from './messages/link'; // new child entry point in ./utils/index.ts
+
 export { validateADFEntity, validationErrorHandler } from './utils/validate-using-spec';

package/dist/es2019/mention.js

@@ -0,0 +1,2 @@
+export { default as Mention } from './ui/Mention';
+export { MentionSharedCssClassName } from './styles/shared/mention';

package/dist/es2019/messages/codeBidiWarning.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const codeBidiWarningMessages = defineMessages({
   /**
    * Message taken from

package/dist/es2019/messages/link.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const linkMessages = defineMessages({
   openLink: {
     id: 'fabric.editor.openLink',

package/dist/es2019/messages/unsupportedContent.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const unsupportedContentMessages = defineMessages({
   unsupportedInlineContent: {
     id: 'fabric.editor.unsupportedInlineContent',

package/dist/es2019/styles/index.js

@@ -1,10 +1,11 @@
+export { textColorStyles } from './shared/text-color';
 export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding } from './shared/table';
 export { AnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles } from './shared/annotation';
 export { columnLayoutSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, richMediaClassName } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';
-export { getPanelTypeBackground, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors } from './shared/panel';
+export { getPanelTypeBackground, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors } from './shared/panel';
 export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';
@@ -16,7 +17,9 @@ export { blockMarksSharedStyles } from './shared/block-marks';
 export { codeMarkSharedStyles } from './shared/code-mark';
 export { shadowSharedStyle } from './shared/shadow';
 export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
-export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
+export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision'; // TODO: ED-13875 Remove MentionSharedCssClassName and EmojiSharedCssClassName
+// exports once root entry point for editor-common has been removed
+
 export { MentionSharedCssClassName } from './shared/mention';
 export { EmojiSharedCssClassName } from './shared/emoji';
 export { StatusSharedCssClassName } from './shared/status';

package/dist/es2019/styles/shared/media-single.js

@@ -14,6 +14,16 @@ const mediaSingleSharedStyle = css`
     height: 0;
   }
 
+  &.ua-firefox {
+    .mediaSingleView-content-wrap {
+      user-select: none;
+    }
+
+    .captionView-content-wrap {
+      user-select: text;
+    }
+  }
+
   .mediaSingleView-content-wrap[layout='center'] {
     clear: both;
   }

package/dist/es2019/styles/shared/panel.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { hexToRgba, PanelType } from '@atlaskit/adf-schema';
+import { PanelType } from '@atlaskit/adf-schema';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { emojiImage, emojiSprite } from '@atlaskit/emoji';
@@ -14,22 +14,67 @@ const lightPanelColor = {
   warning: colors.Y50,
   error: colors.R50
 };
-const darkPanelOpacity = 0.64;
-const darkPanelColor = {
-  info: colors.B500,
-  note: colors.P500,
-  tip: colors.G500,
-  success: colors.G500,
-  warning: colors.Y500,
-  error: colors.R500
-};
-const darkPanelBorderColor = {
-  info: colors.B400,
-  note: colors.P400,
-  tip: colors.G400,
-  success: colors.G400,
-  warning: colors.Y400,
-  error: colors.R400
+const darkPanelColors = {
+  // standard panels
+  info: '#0C294F',
+  error: `#441C13`,
+  warning: `#413001`,
+  tip: `#052E21`,
+  success: `#052E21`,
+  note: `#282249`,
+  // Reds
+  R900: '#601D16',
+  // Red Saturated
+  R100S: `#FFEFEB`,
+  R300S: `#FFB5A3`,
+  R500S: `#FF6B47`,
+  R800S: `#C4320E`,
+  R1200S: `#441C13`,
+  // Yellows
+  Y900: '#533F04',
+  // Yellow Saturated
+  Y100S: `#FFF3D1`,
+  Y300S: `#FFDC7A`,
+  Y500S: `#FFC933`,
+  Y800S: `#D8A003`,
+  Y1200S: `#413001`,
+  // Greens
+  G900: '#164B35',
+  // Green Saturated
+  G100S: `#E3FCF0`,
+  G300S: `#95EEC5`,
+  G400S: `#60DCA8`,
+  G900S: `#086848`,
+  G1200S: `#052E21`,
+  // Blues
+  B900: '#09326C',
+  // Saturated Blues
+  B100S: '#E5F0FF',
+  B300S: '#A3C9FF',
+  B500S: '#4794FF',
+  B800S: '#0055CC',
+  B1200S: '#0C294F',
+  // Purples
+  P900: `#352C63`,
+  // Purple Saturated
+  P100S: `#EEEBFF`,
+  P300S: `#CCC3FE`,
+  P500S: `#A292F7`,
+  P800S: `#5E49CA`,
+  P1200S: `#282249`,
+  // Teals
+  T900: '#1D474C',
+  // Teal Saturated
+  T100S: `#DBFAFF`,
+  T300S: `#78EBFC`,
+  T400S: `#3AD6EE`,
+  T900S: `#056270`,
+  T1200S: `#0B3037`,
+  // Dark Mode Alpha
+  DNA20A: 'rgba(150, 176, 210, 0.53)',
+  DNA40A: 'rgba(134, 156, 180, 0.29)',
+  DNA80A: '#161A1D',
+  TextColor: '#D9DDE3'
 };
 const lightIconColor = {
   info: colors.B400,
@@ -46,16 +91,20 @@ const darkIconColor = {
   success: colors.G200,
   warning: colors.Y100,
   error: colors.R200
-};
-const darkTextColor = {
-  info: colors.B75,
-  note: colors.P75,
-  tip: colors.G75,
-  success: colors.G75,
-  warning: colors.Y75,
-  error: colors.R75
-};
-const verticalAlignment = -((gridSize() * 3 - akEditorCustomIconSize) / 2);
+}; // New custom icons are a little smaller than predefined icons.
+// To fix alignment issues with custom icons, vertical alignment is updated.
+
+const panelEmojiSpriteVerticalAlignment = -(gridSize() * 3 - akEditorCustomIconSize) / 2;
+const panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
+export const getPanelBackgroundDarkModeColors = [[colors.B50, darkPanelColors.B1200S], [colors.B75, darkPanelColors.B900], [colors.B100, darkPanelColors.B800S], [colors.N0, darkPanelColors.DNA80A], [colors.N20, darkPanelColors.DNA40A], [colors.N60, darkPanelColors.DNA20A], [colors.T50, darkPanelColors.T1200S], [colors.T75, darkPanelColors.T900], [colors.T100, darkPanelColors.T900S], [colors.G50, darkPanelColors.G1200S], [colors.G75, darkPanelColors.G900], [colors.G200, darkPanelColors.G900S], [colors.Y50, darkPanelColors.Y1200S], [colors.Y75, darkPanelColors.Y900], [colors.Y200, darkPanelColors.Y800S], [colors.R50, darkPanelColors.R1200S], [colors.R75, darkPanelColors.R900], [colors.R100, darkPanelColors.R800S], [colors.P50, darkPanelColors.P1200S], [colors.P75, darkPanelColors.P900], [colors.P100, darkPanelColors.P800S]].map(([colorName, colorValue]) => getPanelDarkModeCSS(colorName, colorValue)).join('\n');
+export function getPanelDarkModeCSS(colorName, colorValue) {
+  return `
+  &[data-panel-color="${colorName}"] {
+    background-color: ${colorValue} !important; // !important to override default style color
+    color: ${darkPanelColors.TextColor};
+  }
+  `;
+}
 const prefix = 'ak-editor-panel';
 export const PanelSharedCssClassName = {
   prefix,
@@ -92,7 +141,7 @@ const iconDynamicStyles = panelType => props => {
 
 export const getPanelTypeBackground = (panelType, props = {}) => {
   const light = lightPanelColor[panelType];
-  const dark = hexToRgba(darkPanelColor[panelType], darkPanelOpacity);
+  const dark = darkPanelColors[panelType];
   const background = themed({
     light,
     dark
@@ -102,19 +151,12 @@ export const getPanelTypeBackground = (panelType, props = {}) => {
 
 const mainDynamicStyles = panelType => props => {
   const background = getPanelTypeBackground(panelType, props);
-  const darkText = darkTextColor[panelType];
-  const darkBorder = '1px solid ' + darkPanelBorderColor[panelType];
-  const border = themed({
-    light: 'none',
-    dark: darkBorder
-  })(props);
   const text = themed({
     light: 'inherit',
-    dark: darkText
+    dark: darkPanelColors.TextColor
   })(props);
   return `
     background-color: ${background};
-    border: ${border};
     color: ${text};
   `;
 };
@@ -150,8 +192,19 @@ export const panelSharedStyles = css`
         display: inline;
       }
 
-      .${emojiSprite}, .${emojiImage} {
-        vertical-align: ${verticalAlignment}px;
+      .${emojiSprite} {
+        vertical-align: ${panelEmojiSpriteVerticalAlignment}px;
+      }
+
+      .${emojiImage} {
+        vertical-align: ${panelEmojiImageVerticalAlignment}px;
+
+        // Vertical align only works for inline-block elements in Firefox
+        @-moz-document url-prefix() {
+          img {
+            display: inline-block;
+          }
+        }
       }
     }
 
@@ -204,5 +257,11 @@ export const panelSharedStyles = css`
         ${iconDynamicStyles(PanelType.SUCCESS)}
       }
     }
+
+    &[data-panel-type='${PanelType.CUSTOM}'] {
+      ${themed({
+  dark: getPanelBackgroundDarkModeColors
+})};
+    }
   }
 `;

package/dist/es2019/styles/shared/table.js

@@ -40,6 +40,7 @@ const tableSharedStyle = css`
   }
   .${TableSharedCssClassName.TABLE_CONTAINER}[data-number-column='true'] {
     padding-left: ${akEditorTableNumberColumnWidth - 1}px;
+    clear: both;
   }
   /* avoid applying styles to nested tables (possible via extensions) */
   .${TableSharedCssClassName.TABLE_CONTAINER} > table,

package/dist/es2019/styles/shared/text-color.js

@@ -0,0 +1,10 @@
+import { css } from 'styled-components';
+export const textColorStyles = css`
+  .fabric-text-color-mark {
+    color: var(--custom-text-color, inherit);
+  }
+
+  a .fabric-text-color-mark {
+    color: unset;
+  }
+`;

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

@@ -13,6 +13,7 @@ export let EditorExperience;
   EditorExperience["loadEditor"] = "load";
   EditorExperience["typing"] = "type";
   EditorExperience["interaction"] = "interact";
+  EditorExperience["editSession"] = "editSession";
 })(EditorExperience || (EditorExperience = {}));
 
 export const RELIABILITY_INTERVAL = 30000;
@@ -72,7 +73,7 @@ export class ExperienceStore {
   success(experienceId, metadata) {
     var _this$getActive;
 
-    (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
+    return (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
       metadata
     });
   }

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { N200, N400 } from '@atlaskit/theme/colors';
 import { messages } from './messages';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   placeholder: {
     id: 'fabric.editor.captionPlaceholder',

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import styled, { css } from 'styled-components';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import * as colors from '@atlaskit/theme/colors';

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

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { IntlProvider, intlShape } from 'react-intl';
+export class IntlLegacyFallbackProvider extends React.Component {
+  render() {
+    const oldIntl = this.context.intl;
+
+    if (!oldIntl) {
+      return /*#__PURE__*/React.createElement(IntlProvider, {
+        locale: "en"
+      }, this.props.children);
+    }
+
+    return this.props.children;
+  }
+
+}
+
+_defineProperty(IntlLegacyFallbackProvider, "contextTypes", {
+  intl: intlShape
+});

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

@@ -0,0 +1,43 @@
+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 IntlNextErrorBoundary 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)) {
+      this.setState({
+        missingIntlProviderInAncestry: true
+      });
+    } else {
+      // else we re-propagate the non-react-intl-next error
+      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/LegacyToNextIntlProvider/index.js

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { intlShape } from 'react-intl';
+import { createIntl, RawIntlProvider } from 'react-intl-next';
+export class LegacyToNextIntlProvider extends React.Component {
+  render() {
+    const oldIntl = this.context.intl;
+
+    if (oldIntl) {
+      const nextIntl = createIntl({ ...oldIntl
+      });
+      return /*#__PURE__*/React.createElement(RawIntlProvider, {
+        value: nextIntl
+      }, this.props.children);
+    }
+
+    return this.props.children;
+  }
+
+}
+
+_defineProperty(LegacyToNextIntlProvider, "contextTypes", {
+  intl: intlShape
+});

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useRef } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import QuestionsIcon from '@atlaskit/icon/glyph/question-circle';

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useRef } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import QuestionsIcon from '@atlaskit/icon/glyph/question-circle';

package/dist/es2019/ui/index.js

@@ -1,10 +1,15 @@
-export { default as Emoji } from './Emoji';
+// TODO: ED-13875 Remove Emoji & EmojiProps exports once root entry point for editor-common has been removed
+export { default as Emoji } from './Emoji'; //exported from ./src/emoji.ts
+
+//exported from ./src/emoji.ts
 export { default as Caption } from './Caption';
 export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, shouldAddDefaultWrappedWidth } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export { layoutSupportsWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, calcColumnsFromPx, snapToGrid } from './MediaSingle/grid';
-export { MediaLink } from './MediaSingle/link';
-export { default as Mention } from './Mention';
+export { MediaLink } from './MediaSingle/link'; // TODO: ED-13875 Remove Mention export once root entry point for editor-common has been removed
+
+export { default as Mention } from './Mention'; //exported from ./src/mention.ts
+
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
 export { default as UnsupportedInline } from './UnsupportedInline';
@@ -15,4 +20,7 @@ export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, ExpandLayoutWrapper } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { ClearNextSiblingMarginTop } from './clear-next-sibling-margin-top';
+export { ClearNextSiblingMarginTop } from './clear-next-sibling-margin-top';
+export { IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlNextErrorBoundary';
+export { IntlLegacyFallbackProvider } from './IntlLegacyFallbackProvider';
+export { LegacyToNextIntlProvider } from './LegacyToNextIntlProvider';

package/dist/es2019/utils/compareNodes.js

@@ -128,6 +128,12 @@ function compareValue(valueA, valueB) {
     return 0;
   }
 
+  if (typeof valueA === 'string' && typeof valueB === 'string') {
+    return valueA.localeCompare(valueB, window.navigator.language, {
+      caseFirst: 'upper'
+    });
+  }
+
   return valueA > valueB ? 1 : -1;
 }
 /**

package/dist/es2019/utils/date.js

@@ -70,9 +70,8 @@ export const timestampToTaskContext = (timestamp, intl) => {
   const sameYear = givenDate.getUTCFullYear() === curDate.getUTCFullYear();
 
   if (intl && [-1, 0, 1].indexOf(distance) > -1) {
-    return capitalizeFirstLetter(intl.formatRelative(givenDate, {
-      units: 'day',
-      now: Number(todayTimestampInUTC())
+    return capitalizeFirstLetter(intl.formatRelativeTime(distance, 'day', {
+      numeric: 'auto'
     }));
   }
 

package/dist/es2019/utils/index.js

@@ -22,4 +22,5 @@ export { ZERO_WIDTH_SPACE } from './whitespace';
 export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
 export { sniffUserBrowserExtensions } from './browser-extensions';
-export { RenderCountProfiler } from './profiler/render-count';
+export { RenderCountProfiler } from './profiler/render-count';
+export { validateADFEntity, validationErrorHandler } from './validate-using-spec';

package/dist/es2019/utils/validator.js

@@ -8,7 +8,7 @@ export const ADFStages = {
  * It's important that this order follows the marks rank defined here:
  * https://product-fabric.atlassian.net/wiki/spaces/E/pages/11174043/Document+structure#Documentstructure-Rank
  */
-export const markOrder = ['link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
+export const markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
 export const isSubSupType = type => {
   return type === 'sub' || type === 'sup';
 };
@@ -332,7 +332,7 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
 
       case 'caption':
         {
-          if (content && adfStage === 'stage0') {
+          if (content) {
             return {
               type,
               content
@@ -631,20 +631,10 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
         {
           if (attrs && content) {
             const {
-              panelType,
-              panelIcon,
-              panelColor
+              panelType
             } = attrs;
 
             if (Object.values(PanelType).includes(panelType)) {
-              // TODO: ED-10445 remove stage0 check
-              let attrs = adfStage === 'stage0' ? {
-                panelType,
-                panelIcon,
-                panelColor
-              } : {
-                panelType
-              };
               return {
                 type,
                 attrs,
@@ -981,6 +971,14 @@ export const getValidMark = (mark, adfStage = 'final') => {
             attrs
           };
         }
+
+      case 'fragment':
+        {
+          return {
+            type,
+            attrs
+          };
+        }
     }
   }
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "60.3.0",
+	"version": "62.1.0",
 	"sideEffects": false
 }

package/dist/esm/card/cardOptions.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/emoji.js

@@ -0,0 +1,2 @@
+export { default as Emoji } from './ui/Emoji';
+export { EmojiSharedCssClassName } from './styles/shared/emoji';

package/dist/esm/extensions/index.js

@@ -1,4 +1,4 @@
-export { isFieldset, isTabGroup, isExpand, isDateRange } from './types';
+export { isFieldset, isTabGroup, isTabField, isExpand, isDateRange } from './types';
 export { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
 export { default as DefaultExtensionProvider } from './default-extension-provider';
 export { createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getQuickInsertItemsFromModule, getContextualToolbarItemsFromModule, buildMenuItem } from './module-helpers';

package/dist/esm/extensions/types/field-definitions.js

@@ -8,6 +8,9 @@ export var isFieldset = function isFieldset(field) {
 export var isTabGroup = function isTabGroup(field) {
   return field.type === 'tab-group';
 };
+export var isTabField = function isTabField(field) {
+  return 'type' in field && field.type === 'tab';
+};
 export var isExpand = function isExpand(field) {
   return field.type === 'expand';
 };

package/dist/esm/extensions/types/index.js

@@ -1 +1 @@
-export { isFieldset, isTabGroup, isExpand, isDateRange } from './field-definitions';
+export { isFieldset, isTabGroup, isTabField, isExpand, isDateRange } from './field-definitions';

package/dist/esm/extensions.js

@@ -1 +1 @@
-export { DefaultExtensionProvider, combineExtensionProviders, createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getExtensionKeyAndNodeKey, getExtensionModuleNode, getQuickInsertItemsFromModule, getNodeRenderer, getExtensionModuleNodePrivateProps, getContextualToolbarItemsFromModule, resolveImport, getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, isFieldset, isTabGroup, isExpand, isDateRange, getUserFieldContextProvider, buildMenuItem } from './extensions/index';
+export { DefaultExtensionProvider, combineExtensionProviders, createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getExtensionKeyAndNodeKey, getExtensionModuleNode, getQuickInsertItemsFromModule, getNodeRenderer, getExtensionModuleNodePrivateProps, getContextualToolbarItemsFromModule, resolveImport, getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, isFieldset, isTabGroup, isTabField, isExpand, isDateRange, getUserFieldContextProvider, buildMenuItem } from './extensions/index';