@atlaskit/editor-common 61.0.0 → 62.1.1

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

@@ -20,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/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/version.json

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

package/dist/esm/index.js

@@ -19,7 +19,7 @@ StatusSharedCssClassName, smartCardSharedStyles, SmartCardSharedCssClassName } f
 
 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 } from './ui'; // new child entry point ./ui/index.tsx
+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

package/dist/esm/messages/codeBidiWarning.js

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

package/dist/esm/messages/link.js

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

package/dist/esm/messages/unsupportedContent.js

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

package/dist/esm/styles/index.js

@@ -1,3 +1,4 @@
+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';

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

@@ -5,5 +5,5 @@ var _templateObject;
 import { css } from 'styled-components';
 var richMediaClassName = 'rich-media-item';
 var wrappedMediaBreakoutPoint = 410;
-var mediaSingleSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: 12px;\n    margin-bottom: 12px;\n    clear: both;\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  @media all and (max-width: ", "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: 12px 0;\n    }\n  }\n"])), richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, wrappedMediaBreakoutPoint);
+var mediaSingleSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: 12px;\n    margin-bottom: 12px;\n    clear: both;\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  @media all and (max-width: ", "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: 12px 0;\n    }\n  }\n"])), richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, wrappedMediaBreakoutPoint);
 export { mediaSingleSharedStyle, richMediaClassName };

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

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import { css } from 'styled-components';
+export var textColorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .fabric-text-color-mark {\n    color: var(--custom-text-color, inherit);\n  }\n\n  a .fabric-text-color-mark {\n    color: unset;\n  }\n"])));

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

@@ -13,7 +13,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 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/esm/ui/Caption/messages.js

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

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

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-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/esm/ui/IntlLegacyFallbackProvider/index.js

@@ -0,0 +1,45 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import React from 'react';
+import { IntlProvider, intlShape } from 'react-intl';
+export var IntlLegacyFallbackProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(IntlLegacyFallbackProvider, _React$Component);
+
+  var _super = _createSuper(IntlLegacyFallbackProvider);
+
+  function IntlLegacyFallbackProvider() {
+    _classCallCheck(this, IntlLegacyFallbackProvider);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(IntlLegacyFallbackProvider, [{
+    key: "render",
+    value: function render() {
+      var oldIntl = this.context.intl;
+
+      if (!oldIntl) {
+        return /*#__PURE__*/React.createElement(IntlProvider, {
+          locale: "en"
+        }, this.props.children);
+      }
+
+      return this.props.children;
+    }
+  }]);
+
+  return IntlLegacyFallbackProvider;
+}(React.Component);
+
+_defineProperty(IntlLegacyFallbackProvider, "contextTypes", {
+  intl: intlShape
+});

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

@@ -0,0 +1,73 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import React from 'react';
+import { IntlProvider } from 'react-intl-next';
+export var REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
+
+var isMissingIntlProviderInAncestryError = function 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 var IntlNextErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  _inherits(IntlNextErrorBoundary, _React$Component);
+
+  var _super = _createSuper(IntlNextErrorBoundary);
+
+  function IntlNextErrorBoundary() {
+    var _this;
+
+    _classCallCheck(this, IntlNextErrorBoundary);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      missingIntlProviderInAncestry: false
+    });
+
+    return _this;
+  }
+
+  _createClass(IntlNextErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function 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;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.missingIntlProviderInAncestry) {
+        return /*#__PURE__*/React.createElement(IntlProvider, {
+          locale: "en"
+        }, this.props.children);
+      }
+
+      return this.props.children;
+    }
+  }]);
+
+  return IntlNextErrorBoundary;
+}(React.Component);

package/dist/esm/ui/LegacyToNextIntlProvider/index.js

@@ -0,0 +1,51 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import React from 'react';
+import { intlShape } from 'react-intl';
+import { createIntl, RawIntlProvider } from 'react-intl-next';
+export var LegacyToNextIntlProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(LegacyToNextIntlProvider, _React$Component);
+
+  var _super = _createSuper(LegacyToNextIntlProvider);
+
+  function LegacyToNextIntlProvider() {
+    _classCallCheck(this, LegacyToNextIntlProvider);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(LegacyToNextIntlProvider, [{
+    key: "render",
+    value: function render() {
+      var oldIntl = this.context.intl;
+
+      if (oldIntl) {
+        var nextIntl = createIntl(_objectSpread({}, oldIntl));
+        return /*#__PURE__*/React.createElement(RawIntlProvider, {
+          value: nextIntl
+        }, this.props.children);
+      }
+
+      return this.props.children;
+    }
+  }]);
+
+  return LegacyToNextIntlProvider;
+}(React.Component);
+
+_defineProperty(LegacyToNextIntlProvider, "contextTypes", {
+  intl: intlShape
+});

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

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 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/esm/ui/UnsupportedInline/index.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 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/esm/ui/index.js

@@ -20,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/esm/utils/date.js

@@ -70,9 +70,8 @@ export var timestampToTaskContext = function timestampToTaskContext(timestamp, i
   var 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/esm/version.json

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

package/dist/types/extensions/types/extension-handler.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ADFEntity } from '@atlaskit/adf-utils';
 import { Parameters } from './extension-parameters';
 export interface ExtensionParams<T extends Parameters> {

package/dist/types/index.d.ts

@@ -15,7 +15,7 @@ EmojiSharedCssClassName, //exported from ./src/emoji.ts
 StatusSharedCssClassName, smartCardSharedStyles, SmartCardSharedCssClassName, } from './styles';
 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, } from './ui';
+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';
 export type { CardEventClickHandler, CardSurroundings, EmojiProps, EventHandlers, LinkEventClickHandler, MediaSingleDimensionHelperProps, MediaSingleProps, MentionEventHandler, MentionEventHandlers, OverflowShadowOptions, OverflowShadowProps, OverflowShadowState, PopupPosition, PopupProps, SmartCardEventClickHandler, WidthConsumerContext, ExpandStyleProps, } from './ui';
 export { linkMessages } from './messages/link';
 export { validateADFEntity, validationErrorHandler, } from './utils/validate-using-spec';

package/dist/types/styles/index.d.ts

@@ -1,3 +1,4 @@
+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';

package/dist/types/styles/shared/text-color.d.ts

@@ -0,0 +1 @@
+export declare const textColorStyles: import("styled-components").InterpolationValue[];

package/dist/types/ui/Caption/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 declare type Props = {
     selected?: boolean;
     hasContent?: boolean;
@@ -8,10 +8,10 @@ declare type Props = {
         'data-renderer-start-pos': number;
     };
 };
-export declare class CaptionComponent extends React.Component<Props & InjectedIntlProps> {
+export declare class CaptionComponent extends React.Component<Props & WrappedComponentProps> {
     render(): JSX.Element;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/ui/IntlLegacyFallbackProvider/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react-intl" />
+import React from 'react';
+export declare class IntlLegacyFallbackProvider extends React.Component {
+    static contextTypes: {
+        intl: ReactIntl.IntlShape;
+    };
+    render(): {} | null | undefined;
+}

package/dist/types/ui/IntlNextErrorBoundary/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ErrorBoundaryProps {
+}
+interface ErrorBoundaryState {
+    missingIntlProviderInAncestry: boolean;
+}
+export declare const REACT_INTL_ERROR_MESSAGE = "<IntlProvider> needs to exist in the component ancestry";
+export declare class IntlNextErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: {
+        missingIntlProviderInAncestry: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): {} | null | undefined;
+}
+export {};

package/dist/types/ui/LegacyToNextIntlProvider/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react-intl" />
+import React from 'react';
+export declare class LegacyToNextIntlProvider extends React.Component {
+    static contextTypes: {
+        intl: ReactIntl.IntlShape;
+    };
+    render(): {} | null | undefined;
+}

package/dist/types/ui/UnsupportedBlock/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Node as PMNode } from 'prosemirror-model';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { UnsupportedContentTooltipPayload } from '../../utils';
 export interface Props {
     node?: PMNode;
     children?: React.ReactNode;
     dispatchAnalyticsEvent?: (payload: UnsupportedContentTooltipPayload) => void;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/ui/UnsupportedInline/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Node as PMNode } from 'prosemirror-model';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { UnsupportedContentTooltipPayload } from '../../utils';
 export interface Props {
     node?: PMNode;
     children?: React.ReactNode;
     dispatchAnalyticsEvent?: (payload: UnsupportedContentTooltipPayload) => void;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/ui/index.d.ts

@@ -24,3 +24,6 @@ export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, Expa
 export type { StyleProps as ExpandStyleProps } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
 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/types/ui/unsupported-content-helper.d.ts

@@ -1,3 +1,3 @@
 import { Node as PMNode } from 'prosemirror-model';
-import { InjectedIntl } from 'react-intl';
-export declare function getUnsupportedContent(message: any, prefix: string, node?: PMNode, intl?: InjectedIntl): any;
+import { IntlShape } from 'react-intl-next';
+export declare function getUnsupportedContent(message: any, prefix: string, node?: PMNode, intl?: IntlShape): any;