@atlaskit/editor-common 89.1.2 → 89.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 89.2.0
+
+### Minor Changes
+
+- [#140949](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140949)
+  [`f0496e4dd21b2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f0496e4dd21b2) -
+  Make Panel Plugin use Emoji component from editor-plugin-emoji
+
+## 89.1.3
+
+### Patch Changes
+
+- [#140717](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140717)
+  [`142a506a3f170`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/142a506a3f170) -
+  ED-24958 prevent confluence full page editor crashing when loading from draft doc
+
 ## 89.1.2
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "89.1.2";
+var packageVersion = "89.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "89.1.2";
+var packageVersion = "89.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -15,18 +15,18 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/emoji/element");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _providerFactory = require("../../provider-factory");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-// @deprecated - use Emoji from editor-plugin-emoji
-var EmojiNode = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(EmojiNode, _PureComponent);
-  var _super = _createSuper(EmojiNode);
-  function EmojiNode(props) {
+var EmojiNodeClass = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(EmojiNodeClass, _PureComponent);
+  var _super = _createSuper(EmojiNodeClass);
+  function EmojiNodeClass(props) {
     var _this;
-    (0, _classCallCheck2.default)(this, EmojiNode);
+    (0, _classCallCheck2.default)(this, EmojiNodeClass);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderWithProvider", function (providers) {
       var _resourceConfig$optim;
@@ -69,7 +69,7 @@ var EmojiNode = exports.default = /*#__PURE__*/function (_PureComponent) {
     _this.providerFactory = props.providers || new _providerFactory.ProviderFactory();
     return _this;
   }
-  (0, _createClass2.default)(EmojiNode, [{
+  (0, _createClass2.default)(EmojiNodeClass, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.providers) {
@@ -88,9 +88,56 @@ var EmojiNode = exports.default = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return EmojiNode;
+  return EmojiNodeClass;
 }(_react.PureComponent);
-(0, _defineProperty2.default)(EmojiNode, "displayName", 'EmojiNode');
-(0, _defineProperty2.default)(EmojiNode, "defaultProps", {
+(0, _defineProperty2.default)(EmojiNodeClass, "displayName", 'EmojiNode');
+(0, _defineProperty2.default)(EmojiNodeClass, "defaultProps", {
   showTooltip: true
-});
+});
+var EmojiNodeFunctional = function EmojiNodeFunctional(props) {
+  var _resourceConfig$optim2;
+  var allowTextFallback = props.allowTextFallback,
+    shortName = props.shortName,
+    id = props.id,
+    fallback = props.fallback,
+    fitToHeight = props.fitToHeight,
+    showTooltip = props.showTooltip,
+    resourceConfig = props.resourceConfig,
+    emojiProvider = props.emojiProvider;
+  if (allowTextFallback && !emojiProvider) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "data-emoji-id": id,
+      "data-emoji-short-name": shortName,
+      "data-emoji-text": fallback || shortName
+    }, fallback || shortName);
+  }
+  if (!emojiProvider) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_element.ResourcedEmoji, {
+    emojiId: {
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    },
+    emojiProvider: Promise.resolve(emojiProvider),
+    showTooltip: showTooltip,
+    fitToHeight: fitToHeight,
+    optimistic: true,
+    optimisticImageURL: resourceConfig === null || resourceConfig === void 0 || (_resourceConfig$optim2 = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim2 === void 0 ? void 0 : _resourceConfig$optim2.getUrl({
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    }),
+    editorEmoji: true
+  });
+};
+var EmojiNode = function EmojiNode(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
+    if (props.emojiProvider) {
+      return /*#__PURE__*/_react.default.createElement(EmojiNodeFunctional, props);
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(EmojiNodeClass, props);
+};
+var _default = exports.default = EmojiNode;

package/dist/cjs/ui/MediaSingle/styled.js

@@ -211,7 +211,7 @@ var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(props) {
-  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_insert_media_plugin_phase_one is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
+  return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
 var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,

package/dist/cjs/utils/processRawValue.js

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.processRawValue = processRawValue;
+exports.processRawValueWithoutTransformation = processRawValueWithoutTransformation;
 var _transforms = require("@atlaskit/adf-utils/transforms");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _analytics = require("../analytics");
 var _privacyFilter = require("./filter/privacy-filter");
 var _trackUnsupportedContent = require("./track-unsupported-content");
 var _validateUsingSpec = require("./validate-using-spec");
+function processRawValueWithoutTransformation(schema, value) {
+  var parsedDoc = _model.Node.fromJSON(schema, value);
+  return parsedDoc;
+}
 function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
     return;

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "89.1.2";
+const packageVersion = "89.2.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "89.1.2";
+const packageVersion = "89.2.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-// @deprecated - use Emoji from editor-plugin-emoji
-export default class EmojiNode extends PureComponent {
+class EmojiNodeClass extends PureComponent {
   constructor(props) {
     super(props);
     _defineProperty(this, "renderWithProvider", providers => {
@@ -62,7 +62,56 @@ export default class EmojiNode extends PureComponent {
     });
   }
 }
-_defineProperty(EmojiNode, "displayName", 'EmojiNode');
-_defineProperty(EmojiNode, "defaultProps", {
+_defineProperty(EmojiNodeClass, "displayName", 'EmojiNode');
+_defineProperty(EmojiNodeClass, "defaultProps", {
   showTooltip: true
-});
+});
+const EmojiNodeFunctional = props => {
+  var _resourceConfig$optim2;
+  const {
+    allowTextFallback,
+    shortName,
+    id,
+    fallback,
+    fitToHeight,
+    showTooltip,
+    resourceConfig,
+    emojiProvider
+  } = props;
+  if (allowTextFallback && !emojiProvider) {
+    return /*#__PURE__*/React.createElement("span", {
+      "data-emoji-id": id,
+      "data-emoji-short-name": shortName,
+      "data-emoji-text": fallback || shortName
+    }, fallback || shortName);
+  }
+  if (!emojiProvider) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ResourcedEmoji, {
+    emojiId: {
+      id,
+      fallback,
+      shortName
+    },
+    emojiProvider: Promise.resolve(emojiProvider),
+    showTooltip: showTooltip,
+    fitToHeight: fitToHeight,
+    optimistic: true,
+    optimisticImageURL: resourceConfig === null || resourceConfig === void 0 ? void 0 : (_resourceConfig$optim2 = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim2 === void 0 ? void 0 : _resourceConfig$optim2.getUrl({
+      id,
+      fallback,
+      shortName
+    }),
+    editorEmoji: true
+  });
+};
+const EmojiNode = props => {
+  if (fg('platform_editor_get_emoji_provider_from_config')) {
+    if (props.emojiProvider) {
+      return /*#__PURE__*/React.createElement(EmojiNodeFunctional, props);
+    }
+  }
+  return /*#__PURE__*/React.createElement(EmojiNodeClass, props);
+};
+export default EmojiNode;

package/dist/es2019/ui/MediaSingle/styled.js

@@ -249,7 +249,7 @@ export const mediaWrapperStyle = props => css`
 
 	// Comments on media project adds comment badge as child of the media wrapper,
 	// thus we need to exclude it so that style is applied to intended div
-	// remove [data-comment-badge='true'] when ff platform_editor_insert_media_plugin_phase_one is cleaned up
+	// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up
 	& > div:not([data-comment-badge='true'], [data-media-badges='true']) {
 		position: ${props.hasFallbackContainer ? 'absolute' : 'relative'};
 		height: 100%;

package/dist/es2019/utils/processRawValue.js

@@ -4,6 +4,10 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
+export function processRawValueWithoutTransformation(schema, value) {
+  const parsedDoc = Node.fromJSON(schema, value);
+  return parsedDoc;
+}
 export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
     return;

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "89.1.2";
+var packageVersion = "89.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -22,7 +22,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "89.1.2";
+var packageVersion = "89.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -9,14 +9,14 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-// @deprecated - use Emoji from editor-plugin-emoji
-var EmojiNode = /*#__PURE__*/function (_PureComponent) {
-  _inherits(EmojiNode, _PureComponent);
-  var _super = _createSuper(EmojiNode);
-  function EmojiNode(props) {
+var EmojiNodeClass = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EmojiNodeClass, _PureComponent);
+  var _super = _createSuper(EmojiNodeClass);
+  function EmojiNodeClass(props) {
     var _this;
-    _classCallCheck(this, EmojiNode);
+    _classCallCheck(this, EmojiNodeClass);
     _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "renderWithProvider", function (providers) {
       var _resourceConfig$optim;
@@ -59,7 +59,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
     _this.providerFactory = props.providers || new ProviderFactory();
     return _this;
   }
-  _createClass(EmojiNode, [{
+  _createClass(EmojiNodeClass, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.providers) {
@@ -78,10 +78,56 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return EmojiNode;
+  return EmojiNodeClass;
 }(PureComponent);
-_defineProperty(EmojiNode, "displayName", 'EmojiNode');
-_defineProperty(EmojiNode, "defaultProps", {
+_defineProperty(EmojiNodeClass, "displayName", 'EmojiNode');
+_defineProperty(EmojiNodeClass, "defaultProps", {
   showTooltip: true
 });
-export { EmojiNode as default };
+var EmojiNodeFunctional = function EmojiNodeFunctional(props) {
+  var _resourceConfig$optim2;
+  var allowTextFallback = props.allowTextFallback,
+    shortName = props.shortName,
+    id = props.id,
+    fallback = props.fallback,
+    fitToHeight = props.fitToHeight,
+    showTooltip = props.showTooltip,
+    resourceConfig = props.resourceConfig,
+    emojiProvider = props.emojiProvider;
+  if (allowTextFallback && !emojiProvider) {
+    return /*#__PURE__*/React.createElement("span", {
+      "data-emoji-id": id,
+      "data-emoji-short-name": shortName,
+      "data-emoji-text": fallback || shortName
+    }, fallback || shortName);
+  }
+  if (!emojiProvider) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ResourcedEmoji, {
+    emojiId: {
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    },
+    emojiProvider: Promise.resolve(emojiProvider),
+    showTooltip: showTooltip,
+    fitToHeight: fitToHeight,
+    optimistic: true,
+    optimisticImageURL: resourceConfig === null || resourceConfig === void 0 || (_resourceConfig$optim2 = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim2 === void 0 ? void 0 : _resourceConfig$optim2.getUrl({
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    }),
+    editorEmoji: true
+  });
+};
+var EmojiNode = function EmojiNode(props) {
+  if (fg('platform_editor_get_emoji_provider_from_config')) {
+    if (props.emojiProvider) {
+      return /*#__PURE__*/React.createElement(EmojiNodeFunctional, props);
+    }
+  }
+  return /*#__PURE__*/React.createElement(EmojiNodeClass, props);
+};
+export default EmojiNode;

package/dist/esm/ui/MediaSingle/styled.js

@@ -201,7 +201,7 @@ var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export var mediaWrapperStyle = function mediaWrapperStyle(props) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_insert_media_plugin_phase_one is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
 export var MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,

package/dist/esm/utils/processRawValue.js

@@ -4,6 +4,10 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
+export function processRawValueWithoutTransformation(schema, value) {
+  var parsedDoc = Node.fromJSON(schema, value);
+  return parsedDoc;
+}
 export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
     return;

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

@@ -1,5 +1,5 @@
-import { PureComponent } from 'react';
-import type { EmojiResourceConfig } from '@atlaskit/emoji/resource';
+/// <reference types="react" />
+import type { EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji/resource';
 import type { EmojiId } from '@atlaskit/emoji/types';
 import { ProviderFactory } from '../../provider-factory';
 export interface EmojiProps extends EmojiId {
@@ -8,15 +8,7 @@ export interface EmojiProps extends EmojiId {
     fitToHeight?: number;
     showTooltip?: boolean;
     resourceConfig?: EmojiResourceConfig;
+    emojiProvider?: EmojiProvider;
 }
-export default class EmojiNode extends PureComponent<EmojiProps, {}> {
-    static displayName: string;
-    static defaultProps: {
-        showTooltip: boolean;
-    };
-    private providerFactory;
-    constructor(props: EmojiProps);
-    componentWillUnmount(): void;
-    private renderWithProvider;
-    render(): JSX.Element;
-}
+declare const EmojiNode: (props: EmojiProps) => JSX.Element;
+export default EmojiNode;

package/dist/types/utils/processRawValue.d.ts

@@ -3,4 +3,5 @@ import { Node } from '@atlaskit/editor-prosemirror/model';
 import type { DispatchAnalyticsEvent } from '../analytics';
 import type { ProviderFactory } from '../provider-factory';
 import type { ReplaceRawValue, Transformer } from '../types';
+export declare function processRawValueWithoutTransformation(schema: Schema, value?: ReplaceRawValue): Node;
 export declare function processRawValue(schema: Schema, value?: ReplaceRawValue, providerFactory?: ProviderFactory, sanitizePrivateContent?: boolean, contentTransformer?: Transformer<string>, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;

package/dist/types-ts4.5/ui/Emoji/index.d.ts

@@ -1,5 +1,5 @@
-import { PureComponent } from 'react';
-import type { EmojiResourceConfig } from '@atlaskit/emoji/resource';
+/// <reference types="react" />
+import type { EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji/resource';
 import type { EmojiId } from '@atlaskit/emoji/types';
 import { ProviderFactory } from '../../provider-factory';
 export interface EmojiProps extends EmojiId {
@@ -8,15 +8,7 @@ export interface EmojiProps extends EmojiId {
     fitToHeight?: number;
     showTooltip?: boolean;
     resourceConfig?: EmojiResourceConfig;
+    emojiProvider?: EmojiProvider;
 }
-export default class EmojiNode extends PureComponent<EmojiProps, {}> {
-    static displayName: string;
-    static defaultProps: {
-        showTooltip: boolean;
-    };
-    private providerFactory;
-    constructor(props: EmojiProps);
-    componentWillUnmount(): void;
-    private renderWithProvider;
-    render(): JSX.Element;
-}
+declare const EmojiNode: (props: EmojiProps) => JSX.Element;
+export default EmojiNode;

package/dist/types-ts4.5/utils/processRawValue.d.ts

@@ -3,4 +3,5 @@ import { Node } from '@atlaskit/editor-prosemirror/model';
 import type { DispatchAnalyticsEvent } from '../analytics';
 import type { ProviderFactory } from '../provider-factory';
 import type { ReplaceRawValue, Transformer } from '../types';
+export declare function processRawValueWithoutTransformation(schema: Schema, value?: ReplaceRawValue): Node;
 export declare function processRawValue(schema: Schema, value?: ReplaceRawValue, providerFactory?: ProviderFactory, sanitizePrivateContent?: boolean, contentTransformer?: Transformer<string>, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "89.1.2",
+	"version": "89.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -150,7 +150,7 @@
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tmp-editor-statsig": "*",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.60.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -287,6 +287,9 @@
 		},
 		"platform_editor_allow_annotation_triple_click": {
 			"type": "boolean"
+		},
+		"platform_editor_get_emoji_provider_from_config": {
+			"type": "boolean"
 		}
 	}
 }