@atlaskit/renderer 104.0.2 → 105.0.0

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "104.0.2",
+	"version": "105.0.0",
 	"sideEffects": false
 }

package/dist/esm/actions/index.js

@@ -7,7 +7,7 @@ import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { RemoveMarkStep } from 'prosemirror-transform';
 import { createAnnotationStep, getPosFromRange } from '../steps';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getIndexMatch } from './matches-utils';
 
 var RendererActions = /*#__PURE__*/function () {

package/dist/esm/analytics/enums.js

@@ -1,60 +1 @@
-export var EVENT_TYPE;
-
-(function (EVENT_TYPE) {
-  EVENT_TYPE["OPERATIONAL"] = "operational";
-  EVENT_TYPE["SCREEN"] = "screen";
-  EVENT_TYPE["TRACK"] = "track";
-  EVENT_TYPE["UI"] = "ui";
-})(EVENT_TYPE || (EVENT_TYPE = {}));
-
-export var ACTION;
-
-(function (ACTION) {
-  ACTION["STARTED"] = "started";
-  ACTION["RENDERED"] = "rendered";
-  ACTION["RE_RENDERED"] = "reRendered";
-  ACTION["RENDERER_TTI"] = "tti";
-  ACTION["CRASHED"] = "unhandledErrorCaught";
-  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
-  ACTION["SELECT_ALL_CAUGHT"] = "selectAllCaught";
-  ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
-  ACTION["CLICKED"] = "clicked";
-  ACTION["VIEWED"] = "viewed";
-  ACTION["VISITED"] = "visited";
-  ACTION["SORT_COLUMN"] = "sortedColumn";
-  ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
-  ACTION["TOGGLE_EXPAND"] = "toggleExpand";
-  ACTION["INSERTED"] = "inserted";
-  ACTION["OPENED"] = "opened";
-  ACTION["CLOSED"] = "closed";
-  ACTION["DELETED"] = "deleted";
-  ACTION["EDITED"] = "edited";
-  ACTION["RESOLVED"] = "resolved";
-  ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
-  ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED"] = "unsupportedContentLevelsTrackingSucceeded";
-  ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED"] = "unsupportedContentLevelsTrackingErrored";
-  ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";
-})(ACTION || (ACTION = {}));
-
-export var ACTION_SUBJECT;
-
-(function (ACTION_SUBJECT) {
-  ACTION_SUBJECT["RENDERER"] = "renderer";
-  ACTION_SUBJECT["BUTTON"] = "button";
-  ACTION_SUBJECT["ANCHOR_LINK"] = "anchorLink";
-  ACTION_SUBJECT["TABLE"] = "table";
-  ACTION_SUBJECT["EXPAND"] = "expand";
-  ACTION_SUBJECT["NESTED_EXPAND"] = "nestedExpand";
-  ACTION_SUBJECT["MEDIA_SINGLE"] = "mediaSingle";
-  ACTION_SUBJECT["LINK"] = "link";
-  ACTION_SUBJECT["ANNOTATION"] = "annotation";
-  ACTION_SUBJECT["MEDIA"] = "media";
-})(ACTION_SUBJECT || (ACTION_SUBJECT = {}));
-
-export var ACTION_SUBJECT_ID;
-
-(function (ACTION_SUBJECT_ID) {
-  ACTION_SUBJECT_ID["HEADING_ANCHOR_LINK"] = "headingAnchorLink";
-  ACTION_SUBJECT_ID["LINK"] = "link";
-  ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
-})(ACTION_SUBJECT_ID || (ACTION_SUBJECT_ID = {}));
+export {};

package/dist/esm/analytics/unsupported-content.js

@@ -1,5 +1,5 @@
 import { getUnsupportedContentLevelData, getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { PLATFORM } from './events';
 var rendersMap = {};
 

package/dist/esm/react/index.js

@@ -193,6 +193,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.allowAnnotations = Boolean(init.allowAnnotations);
     this.surroundTextNodesWithTextWrapper = Boolean(init.surroundTextNodesWithTextWrapper);
     this.media = init.media;
+    this.emojiResourceConfig = init.emojiResourceConfig;
     this.smartLinks = init.smartLinks;
     this.allowSelectAllTrap = init.allowSelectAllTrap;
     this.nodeComponents = init.nodeComponents;
@@ -224,6 +225,9 @@ var ReactSerializer = /*#__PURE__*/function () {
         case 'media':
           return this.getMediaProps(node, path);
 
+        case 'emoji':
+          return this.getEmojiProps(node);
+
         case 'mediaGroup':
           return this.getMediaGroupProps(node);
 
@@ -456,6 +460,13 @@ var ReactSerializer = /*#__PURE__*/function () {
         ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr
       });
     }
+  }, {
+    key: "getEmojiProps",
+    value: function getEmojiProps(node) {
+      return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
+        resourceConfig: this.emojiResourceConfig
+      });
+    }
   }, {
     key: "getEmbedCardProps",
     value: function getEmbedCardProps(node) {

package/dist/esm/react/marks/alignment.js

@@ -17,7 +17,7 @@ var MarkWrapper = function MarkWrapper(props) {
 
 export default function Alignment(props) {
   return jsx(MarkWrapper, {
-    className: "fabric-editor-block-mark",
+    className: "fabric-editor-block-mark fabric-editor-alignment",
     "data-align": props.align
   }, props.children);
 }

package/dist/esm/react/marks/link.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
 import { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { token } from '@atlaskit/tokens';
 var anchorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), token('color.link', B400), token('color.link', B300), token('color.link.pressed', B500));
 export default function Link(props) {

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -10,10 +10,10 @@ import { themed } from '@atlaskit/theme/components';
 import { fontSize, gridSize } from '@atlaskit/theme/constants';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CopyButton from '../../codeBlockCopyButton';
-import { token } from '@atlaskit/tokens'; // TODO: Quality ticket https://product-fabric.atlassian.net/browse/DSP-4118
+import { token } from '@atlaskit/tokens';
 
 var codeBlockStyleOverrides = function codeBlockStyleOverrides(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    tab-size: 4;\n    background-color: ", ";\n\n    ", " {\n      font-size: ", ";\n      line-height: 1.5rem;\n      background-image: ", ";\n      background-attachment: local, local, local, local, scroll, scroll;\n      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 0 0;\n    }\n  "])), themed({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    tab-size: 4;\n    background-color: ", ";\n\n    ", " {\n      font-size: ", ";\n      line-height: 1.5rem;\n      background-image: ", ";\n      background-attachment: local, local, local, local, scroll, scroll, scroll,\n        scroll;\n      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0;\n    }\n  "])), themed({
     light: token('elevation.surface.raised', N20),
     dark: token('elevation.surface.raised', DN50)
   })(props), CodeBlockSharedCssClassName.DS_CODEBLOCK, relativeFontSizeToBase16(fontSize()), overflowShadow({
@@ -21,7 +21,7 @@ var codeBlockStyleOverrides = function codeBlockStyleOverrides(props) {
       light: token('color.background.neutral', N20),
       dark: token('color.background.neutral', DN50)
     })(props),
-    width: "".concat(gridSize(), "px")
+    leftCoverWidth: "".concat(gridSize() * 3, "px")
   }));
 };
 

package/dist/esm/react/nodes/emoji.js

@@ -31,14 +31,16 @@ var EmojiItem = /*#__PURE__*/function (_PureComponent) {
           providers = _this$props.providers,
           shortName = _this$props.shortName,
           text = _this$props.text,
-          fitToHeight = _this$props.fitToHeight;
+          fitToHeight = _this$props.fitToHeight,
+          resourceConfig = _this$props.resourceConfig;
       return /*#__PURE__*/React.createElement(Emoji, {
         allowTextFallback: true,
         id: id,
         shortName: shortName,
         fallback: text,
         providers: providers,
-        fitToHeight: fitToHeight
+        fitToHeight: fitToHeight,
+        resourceConfig: resourceConfig
       });
     }
   }]);

package/dist/esm/react/nodes/heading.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import HeadingAnchor from './heading-anchor';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { copyTextToClipboard } from '../utils/clipboard';
 

package/dist/esm/react/nodes/media.js

@@ -19,7 +19,7 @@ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { mediaLinkStyle } from '@atlaskit/editor-common/ui';
 import { MediaCard } from '../../ui/MediaCard';
 import { getEventHandler } from '../../utils';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { MODE, PLATFORM } from '../../analytics/events';
 
 var Media = /*#__PURE__*/function (_PureComponent) {

package/dist/esm/react/nodes/orderedList.js

@@ -1,10 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { orderedListSelector } from '@atlaskit/adf-schema';
+import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
+import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
+import { useFeatureFlags } from '../../use-feature-flags';
 export default function OrderedList(props) {
-  return /*#__PURE__*/React.createElement("ol", {
+  var featureFlags = useFeatureFlags();
+  var extraProps = {};
+
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+    var _props$content;
+
+    var itemCounterDigitsSize = getItemCounterDigitsSize({
+      order: props.order,
+      itemsCount: props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
+    });
+
+    if (itemCounterDigitsSize) {
+      extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
+    }
+
+    if (props.order !== undefined) {
+      extraProps.start = resolveOrder(props.order);
+    }
+  }
+
+  return /*#__PURE__*/React.createElement("ol", _extends({
     className: orderedListSelector.substr(1),
     "data-indent-level": props.path ? getListIndentLevel(props.path) : 1,
     start: props.start
-  }, props.children);
+  }, extraProps), props.children);
 }

package/dist/esm/react/nodes/panel.js

@@ -27,7 +27,7 @@ var PanelStyled = function PanelStyled(_ref) {
   var styles = function styles(theme) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.", " {\n      ", "\n\n      &[data-panel-type=", "] {\n        ", "\n      }\n    }\n  "])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix({
       theme: theme
-    }), PanelType.CUSTOM, hasIcon ? '' : 'padding: 12px;');
+    }), PanelType.CUSTOM, hasIcon ? '' : 'padding-left: 12px;');
   };
 
   if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
@@ -40,7 +40,7 @@ var PanelStyled = function PanelStyled(_ref) {
       });
       return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &.", " {\n          ", "\n        }\n\n        &[data-panel-type=", "] {\n          ", ";\n          ", "\n        }\n      "])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix({
         theme: theme
-      }), PanelType.CUSTOM, customStyle, hasIcon ? '' : 'padding: 12px;');
+      }), PanelType.CUSTOM, customStyle, hasIcon ? '' : 'padding-left: 12px;');
     };
   }
 

package/dist/esm/react/nodes/tableCell.js

@@ -17,7 +17,7 @@ import { compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import SortingIcon from '../../ui/SortingIcon';
 import { MODE, PLATFORM } from '../../analytics/events';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { RendererCssClassName } from '../../consts';
 import { injectIntl } from 'react-intl-next';
 import { tableCellMessages } from '../../messages';
@@ -71,7 +71,8 @@ var getDataAttributes = function getDataAttributes(colwidth) {
 var getStyle = function getStyle(background, colGroupWidth, offsetTop) {
   var style = {};
 
-  if (background) {
+  if (background && // ignore setting inline styles if ds neutral token is detected
+  !background.includes('--ds-background-neutral')) {
     style.backgroundColor = background;
   }
 

package/dist/esm/react/utils/performance/RenderTracking.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import debounce from 'lodash/debounce';
 import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
-import { EVENT_TYPE } from '../../../analytics/enums';
+import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export function RenderTracking(props) {
   var debouncedHandleAnalyticsEvent = useMemo(function () {
     return debounce(props.handleAnalyticsEvent, 500);

package/dist/esm/react/utils/use-select-all-trap.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import AnalyticsContext from '../../analytics/analyticsContext';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { ElementSelection } from './element-selection';
 export var useSelectAllTrap = function useSelectAllTrap() {
   var _React$useContext = React.useContext(AnalyticsContext),

package/dist/esm/render-document.js

@@ -3,7 +3,7 @@ import memoizeOne from 'memoize-one';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { getValidDocument } from '@atlaskit/editor-common/validator';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { PLATFORM } from './analytics/events';
 import { trackUnsupportedContentLevels } from './analytics/unsupported-content';
 import { transformMediaLinkMarks } from '@atlaskit/adf-utils/transforms';

package/dist/esm/text/nodes/orderedList.js

@@ -1,9 +1,11 @@
+import { getOrderFromOrderedListNode } from '@atlaskit/editor-common/utils';
 import { reduce } from './';
 
 var orderedList = function orderedList(node, schema) {
   var result = [];
+  var order = getOrderFromOrderedListNode(node);
   node.forEach(function (n, _offset, index) {
-    result.push("".concat(index + 1, ". ").concat(reduce(n, schema)));
+    result.push("".concat(index + order, ". ").concat(reduce(n, schema)));
   });
   return result.join('\n');
 };

package/dist/esm/ui/Expand.js

@@ -13,7 +13,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, clearNextSiblingMarginTopStyle, ExpandLayoutWrapperWithRef } from '@atlaskit/editor-common/ui';
 import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { PLATFORM, MODE } from '../analytics/events';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { injectIntl } from 'react-intl-next';
 import { ActiveHeaderIdConsumer } from './active-header-id-provider';
 import _uniqueId from 'lodash/uniqueId';

package/dist/esm/ui/Renderer/ErrorBoundary.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { PLATFORM } from '../../analytics/events';
-import { ACTION, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);

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

@@ -32,7 +32,7 @@ import uuid from 'uuid/v4';
 import { ReactSerializer, renderDocument } from '../../';
 import { rendererStyles } from './style';
 import { TruncatedWrapper } from './truncated-wrapper';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { PLATFORM, MODE } from '../../analytics/events';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { Provider as SmartCardStorageProvider } from '../SmartCardStorage';
@@ -50,7 +50,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "104.0.2";
+var packageVersion = "105.0.0";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
 
@@ -298,6 +298,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
         allowMediaLinking: props.media && props.media.allowLinking,
         surroundTextNodesWithTextWrapper: allowAnnotationsDraftMode,
         media: props.media,
+        emojiResourceConfig: props.emojiResourceConfig,
         smartLinks: props.smartLinks,
         allowCopyToClipboard: props.allowCopyToClipboard,
         allowCustomPanels: props.allowCustomPanels,
@@ -552,7 +553,9 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
     annotationProvider: props.annotationProvider
   }, jsx(RendererWithAnalytics, _extends({
     innerRef: innerRef
-  }, props))));
+  }, props, {
+    featureFlags: props.featureFlags
+  }))));
 };
 
 export default RendererWithAnnotationSelection;

package/dist/esm/ui/annotations/hooks/use-events.js

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { useLayoutEffect, useState } from 'react';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 export var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref) {
   var type = _ref.type,

package/dist/esm/ui/annotations/selection/mounter.js

@@ -3,7 +3,7 @@ import React, { useCallback, useState, useContext } from 'react';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { updateWindowSelectionAroundDraft } from '../draft';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../../analytics/enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (props) {
   var Component = props.component,

package/dist/esm/ui/renderer-props.js

@@ -1 +1 @@
-import { ACTION_SUBJECT } from '../analytics/enums';
+import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "104.0.2",
+	"version": "105.0.0",
 	"sideEffects": false
 }

package/dist/types/analytics/enums.d.ts

@@ -1,52 +1,3 @@
-export declare enum EVENT_TYPE {
-    OPERATIONAL = "operational",
-    SCREEN = "screen",
-    TRACK = "track",
-    UI = "ui"
-}
-export declare enum ACTION {
-    STARTED = "started",
-    RENDERED = "rendered",
-    RE_RENDERED = "reRendered",
-    RENDERER_TTI = "tti",
-    CRASHED = "unhandledErrorCaught",
-    INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",
-    SELECT_ALL_CAUGHT = "selectAllCaught",
-    SELECT_ALL_ESCAPED = "selectAllEscaped",
-    CLICKED = "clicked",
-    VIEWED = "viewed",
-    VISITED = "visited",
-    SORT_COLUMN = "sortedColumn",
-    SORT_COLUMN_NOT_ALLOWED = "sortColumnNotAllowed",
-    TOGGLE_EXPAND = "toggleExpand",
-    INSERTED = "inserted",
-    OPENED = "opened",
-    CLOSED = "closed",
-    DELETED = "deleted",
-    EDITED = "edited",
-    RESOLVED = "resolved",
-    CREATE_NOT_ALLOWED = "createNotAllowed",
-    UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED = "unsupportedContentLevelsTrackingSucceeded",
-    UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED = "unsupportedContentLevelsTrackingErrored",
-    MEDIA_LINK_TRANSFORMED = "mediaLinkTransformed"
-}
-export declare enum ACTION_SUBJECT {
-    RENDERER = "renderer",
-    BUTTON = "button",
-    ANCHOR_LINK = "anchorLink",
-    TABLE = "table",
-    EXPAND = "expand",
-    NESTED_EXPAND = "nestedExpand",
-    MEDIA_SINGLE = "mediaSingle",
-    LINK = "link",
-    ANNOTATION = "annotation",
-    MEDIA = "media"
-}
-export declare enum ACTION_SUBJECT_ID {
-    HEADING_ANCHOR_LINK = "headingAnchorLink",
-    LINK = "link",
-    INLINE_COMMENT = "inlineComment"
-}
 export declare type AEP<Action, ActionSubject, ActionSubjectID, Attributes, EventType> = {
     action: Action;
     actionSubject: ActionSubject;

package/dist/types/analytics/events.d.ts

@@ -1,4 +1,5 @@
-import { ACTION, ACTION_SUBJECT, AEP, EVENT_TYPE, ACTION_SUBJECT_ID } from './enums';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { AEP } from './enums';
 import { PropsDifference, SEVERITY, ShallowPropsDifference, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';

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

@@ -10,6 +10,7 @@ import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RendererContext } from './types';
 import { MediaOptions } from '../types/mediaOptions';
 import { SmartLinksOptions } from '../types/smartLinksOptions';
+import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
 export interface ReactSerializerInit {
     providers?: ProviderFactory;
     eventHandlers?: EventHandlers;
@@ -28,6 +29,7 @@ export interface ReactSerializerInit {
     allowMediaLinking?: boolean;
     surroundTextNodesWithTextWrapper?: boolean;
     media?: MediaOptions;
+    emojiResourceConfig?: EmojiResourceConfig;
     smartLinks?: SmartLinksOptions;
     allowCopyToClipboard?: boolean;
     allowPlaceholderText?: boolean;
@@ -74,6 +76,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private startPos;
     private surroundTextNodesWithTextWrapper;
     private media?;
+    private emojiResourceConfig?;
     private smartLinks?;
     private allowAnnotations;
     private allowSelectAllTrap?;
@@ -94,6 +97,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private getDateProps;
     private getMediaSingleProps;
     private getMediaProps;
+    private getEmojiProps;
     private getEmbedCardProps;
     private getMediaGroupProps;
     private getMediaInlineProps;

package/dist/types/react/nodes/emoji.d.ts

@@ -1,8 +1,10 @@
 import { EmojiAttributes } from '@atlaskit/adf-schema';
+import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
 import { PureComponent } from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface EmojiProps extends EmojiAttributes {
     providers?: ProviderFactory;
+    resourceConfig?: EmojiResourceConfig;
     fitToHeight?: number;
 }
 export default class EmojiItem extends PureComponent<EmojiProps, {}> {

package/dist/types/react/nodes/orderedList.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { Node } from 'prosemirror-model';
 export default function OrderedList(props: {
+    order?: number;
     start?: number;
     path?: Node[];
-} & React.Props<any>): JSX.Element;
+    content?: Node[];
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/types/react/utils/performance/RenderTracking.d.ts

@@ -1,5 +1,5 @@
 import type { AnalyticsEventPayload } from '../../../analytics/events';
-import { ACTION_SUBJECT, ACTION } from '../../../analytics/enums';
+import { ACTION_SUBJECT, ACTION } from '@atlaskit/editor-common/analytics';
 export declare type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 declare type RenderActions = ACTION.RE_RENDERED;
 declare type RenderActionSubjects = ACTION_SUBJECT.RENDERER;

package/dist/types/renderer-context.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-export declare type FeatureFlags = {
-    showHoverPreview?: boolean;
-};
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare type RendererContextProps = {
     featureFlags?: FeatureFlags;
 };

package/dist/types/ui/renderer-props.d.ts

@@ -6,13 +6,15 @@ import type { ADFStage } from '@atlaskit/editor-common/validator';
 import type { AnnotationProviders } from '@atlaskit/editor-common/types';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
+import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { RendererContext } from '../';
 import { RenderOutputStat } from '../render-document';
 import { RendererAppearance, StickyHeaderProps, HeadingAnchorLinksProps, NodeComponentsProps } from './Renderer/types';
 import { MediaOptions } from '../types/mediaOptions';
 import { SmartLinksOptions } from '../types/smartLinksOptions';
-import { ACTION_SUBJECT } from '../analytics/enums';
+import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { DocNode } from '@atlaskit/adf-schema';
 export interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
@@ -25,7 +27,7 @@ export interface NormalizedObjectFeatureFlags {
     };
 }
 export interface RendererProps {
-    document: any;
+    document: DocNode;
     dataProviders?: ProviderFactory;
     eventHandlers?: EventHandlers;
     extensionHandlers?: ExtensionHandlers;
@@ -50,6 +52,7 @@ export interface RendererProps {
     allowAltTextOnImages?: boolean;
     stickyHeaders?: StickyHeaderProps;
     media?: MediaOptions;
+    emojiResourceConfig?: EmojiResourceConfig;
     smartLinks?: SmartLinksOptions;
     allowAnnotations?: boolean;
     annotationProvider?: AnnotationProviders | null;