@atlaskit/renderer 104.0.2 → 105.0.1

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

@@ -55,7 +55,7 @@ var _style = require("./style");
 
 var _truncatedWrapper = require("./truncated-wrapper");
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _events = require("../../analytics/events");
 
@@ -102,7 +102,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "104.0.2";
+var packageVersion = "105.0.1";
 
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -217,14 +217,14 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
     if (_featureFlags !== null && _featureFlags !== void 0 && _featureFlags.rendererTtiTracking) {
       (0, _utils.measureTTI)(function (tti, ttiFromInvocation, canceled) {
         _this.fireAnalyticsEvent({
-          action: _enums.ACTION.RENDERER_TTI,
-          actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+          action: _analytics.ACTION.RENDERER_TTI,
+          actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
           attributes: {
             tti: tti,
             ttiFromInvocation: ttiFromInvocation,
             canceled: canceled
           },
-          eventType: _enums.EVENT_TYPE.OPERATIONAL
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL
         });
       });
     }
@@ -244,13 +244,13 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
 
         if (anchorLinkElement && this.editorRef.current.contains(anchorLinkElement)) {
           this.fireAnalyticsEvent({
-            action: _enums.ACTION.VIEWED,
-            actionSubject: _enums.ACTION_SUBJECT.ANCHOR_LINK,
+            action: _analytics.ACTION.VIEWED,
+            actionSubject: _analytics.ACTION_SUBJECT.ANCHOR_LINK,
             attributes: {
               platform: _events.PLATFORM.WEB,
               mode: _events.MODE.RENDERER
             },
-            eventType: _enums.EVENT_TYPE.UI
+            eventType: _analytics.EVENT_TYPE.UI
           });
         }
       }
@@ -261,12 +261,12 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
       var _this2 = this;
 
       this.fireAnalyticsEvent({
-        action: _enums.ACTION.STARTED,
-        actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+        action: _analytics.ACTION.STARTED,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
         attributes: {
           platform: _events.PLATFORM.WEB
         },
-        eventType: _enums.EVENT_TYPE.UI
+        eventType: _analytics.EVENT_TYPE.UI
       });
       this.rafID = requestAnimationFrame(function () {
         (0, _utils.stopMeasure)("Renderer Render Time: ".concat(_this2.id), function (duration) {
@@ -277,8 +277,8 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
           var severity = !!forceSeverityTracking || analyticsEventSeverityTracking !== null && analyticsEventSeverityTracking !== void 0 && analyticsEventSeverityTracking.enabled ? (0, _utils.getAnalyticsEventSeverity)(duration, (_analyticsEventSeveri = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityNormalThreshold) !== null && _analyticsEventSeveri !== void 0 ? _analyticsEventSeveri : NORMAL_SEVERITY_THRESHOLD, (_analyticsEventSeveri2 = analyticsEventSeverityTracking === null || analyticsEventSeverityTracking === void 0 ? void 0 : analyticsEventSeverityTracking.severityDegradedThreshold) !== null && _analyticsEventSeveri2 !== void 0 ? _analyticsEventSeveri2 : DEGRADED_SEVERITY_THRESHOLD) : undefined;
 
           _this2.fireAnalyticsEvent({
-            action: _enums.ACTION.RENDERED,
-            actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+            action: _analytics.ACTION.RENDERED,
+            actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
             attributes: {
               platform: _events.PLATFORM.WEB,
               duration: duration,
@@ -290,7 +290,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
               }, {}),
               severity: severity
             },
-            eventType: _enums.EVENT_TYPE.OPERATIONAL
+            eventType: _analytics.EVENT_TYPE.OPERATIONAL
           });
 
           _this2.renderedMeasurementDistortedDurationMonitor.cleanup();
@@ -343,6 +343,7 @@ 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,
@@ -468,11 +469,11 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
           height: maxHeight,
           fadeHeight: fadeOutHeight
         }, rendererOutput) : rendererOutput;
-        var rendererRenderTracking = (_this$featureFlags2 = this.featureFlags(this.props.featureFlags)) === null || _this$featureFlags2 === void 0 ? void 0 : (_this$featureFlags2$f = _this$featureFlags2.featureFlags) === null || _this$featureFlags2$f === void 0 ? void 0 : (_this$featureFlags2$f2 = _this$featureFlags2$f.rendererRenderTracking) === null || _this$featureFlags2$f2 === void 0 ? void 0 : _this$featureFlags2$f2[_enums.ACTION_SUBJECT.RENDERER];
+        var rendererRenderTracking = (_this$featureFlags2 = this.featureFlags(this.props.featureFlags)) === null || _this$featureFlags2 === void 0 ? void 0 : (_this$featureFlags2$f = _this$featureFlags2.featureFlags) === null || _this$featureFlags2$f === void 0 ? void 0 : (_this$featureFlags2$f2 = _this$featureFlags2$f.rendererRenderTracking) === null || _this$featureFlags2$f2 === void 0 ? void 0 : _this$featureFlags2$f2[_analytics.ACTION_SUBJECT.RENDERER];
         var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
           componentProps: this.props,
-          action: _enums.ACTION.RE_RENDERED,
-          actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+          action: _analytics.ACTION.RE_RENDERED,
+          actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
           handleAnalyticsEvent: this.fireAnalyticsEvent,
           useShallow: rendererRenderTracking.useShallow
         });
@@ -526,7 +527,7 @@ var RendererWithAnalytics = /*#__PURE__*/_react.default.memo(function (props) {
     render: function render(createAnalyticsEvent) {
       // `IntlErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
       return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
-        component: _enums.ACTION_SUBJECT.RENDERER,
+        component: _analytics.ACTION_SUBJECT.RENDERER,
         rethrowError: true,
         fallbackComponent: null,
         createAnalyticsEvent: createAnalyticsEvent
@@ -602,7 +603,9 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
     annotationProvider: props.annotationProvider
   }, (0, _react2.jsx)(RendererWithAnalytics, (0, _extends2.default)({
     innerRef: innerRef
-  }, props))));
+  }, props, {
+    featureFlags: props.featureFlags
+  }))));
 };
 
 var _default = RendererWithAnnotationSelection;

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

@@ -17,7 +17,7 @@ var _types = require("@atlaskit/editor-common/types");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _enums = require("../../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
 
@@ -127,10 +127,10 @@ var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
 
       if (createAnalyticsEvent) {
         createAnalyticsEvent({
-          action: _enums.ACTION.VIEWED,
-          actionSubject: _enums.ACTION_SUBJECT.ANNOTATION,
-          actionSubjectId: _enums.ACTION_SUBJECT_ID.INLINE_COMMENT,
-          eventType: _enums.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.VIEWED,
+          actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
+          eventType: _analytics.EVENT_TYPE.TRACK,
           attributes: {
             overlap: annotationsByType.length || 0
           }

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

@@ -19,7 +19,7 @@ var _draft = require("../draft");
 
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
 
-var _enums = require("../../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _RendererActionsContext = require("../../RendererActionsContext");
 
@@ -58,11 +58,11 @@ var SelectionInlineCommentMounter = /*#__PURE__*/_react.default.memo(function (p
 
     if (createAnalyticsEvent) {
       createAnalyticsEvent({
-        action: _enums.ACTION.INSERTED,
-        actionSubject: _enums.ACTION_SUBJECT.ANNOTATION,
-        actionSubjectId: _enums.ACTION_SUBJECT_ID.INLINE_COMMENT,
+        action: _analytics.ACTION.INSERTED,
+        actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
         attributes: {},
-        eventType: _enums.EVENT_TYPE.TRACK
+        eventType: _analytics.EVENT_TYPE.TRACK
       }).fire(_analyticsListeners.FabricChannel.editor);
     }
 
@@ -87,11 +87,11 @@ var SelectionInlineCommentMounter = /*#__PURE__*/_react.default.memo(function (p
     if (!documentPosition || !isAnnotationAllowed) {
       if (createAnalyticsEvent) {
         createAnalyticsEvent({
-          action: _enums.ACTION.CREATE_NOT_ALLOWED,
-          actionSubject: _enums.ACTION_SUBJECT.ANNOTATION,
-          actionSubjectId: _enums.ACTION_SUBJECT_ID.INLINE_COMMENT,
+          action: _analytics.ACTION.CREATE_NOT_ALLOWED,
+          actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
           attributes: {},
-          eventType: _enums.EVENT_TYPE.TRACK
+          eventType: _analytics.EVENT_TYPE.TRACK
         }).fire(_analyticsListeners.FabricChannel.editor);
       }
 
@@ -104,10 +104,10 @@ var SelectionInlineCommentMounter = /*#__PURE__*/_react.default.memo(function (p
     if (createAnalyticsEvent) {
       var uniqueAnnotationsInRange = actions.getAnnotationsByPosition(range);
       createAnalyticsEvent({
-        action: _enums.ACTION.OPENED,
-        actionSubject: _enums.ACTION_SUBJECT.ANNOTATION,
-        actionSubjectId: _enums.ACTION_SUBJECT_ID.INLINE_COMMENT,
-        eventType: _enums.EVENT_TYPE.TRACK,
+        action: _analytics.ACTION.OPENED,
+        actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
+        eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {
           overlap: uniqueAnnotationsInRange.length
         }
@@ -138,10 +138,10 @@ var SelectionInlineCommentMounter = /*#__PURE__*/_react.default.memo(function (p
   var onCloseCallback = (0, _react.useCallback)(function () {
     if (createAnalyticsEvent) {
       createAnalyticsEvent({
-        action: _enums.ACTION.CLOSED,
-        actionSubject: _enums.ACTION_SUBJECT.ANNOTATION,
-        actionSubjectId: _enums.ACTION_SUBJECT_ID.INLINE_COMMENT,
-        eventType: _enums.EVENT_TYPE.TRACK,
+        action: _analytics.ACTION.CLOSED,
+        actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
+        eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {}
       }).fire(_analyticsListeners.FabricChannel.editor);
     }

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

@@ -1,3 +1,3 @@
 "use strict";
 
-var _enums = require("../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");

package/dist/cjs/version.json

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

package/dist/es2019/actions/index.js

@@ -4,7 +4,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';
 export default class RendererActions {
   // This is our psuedo feature flag for now

package/dist/es2019/analytics/enums.js

@@ -1,60 +1 @@
-export let 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 let 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 let 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 let 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/es2019/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';
 let rendersMap = {};
 

package/dist/es2019/react/index.js

@@ -176,6 +176,7 @@ export default class ReactSerializer {
     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;
@@ -204,6 +205,9 @@ export default class ReactSerializer {
       case 'media':
         return this.getMediaProps(node, path);
 
+      case 'emoji':
+        return this.getEmojiProps(node);
+
       case 'mediaGroup':
         return this.getMediaGroupProps(node);
 
@@ -403,6 +407,12 @@ export default class ReactSerializer {
     };
   }
 
+  getEmojiProps(node) {
+    return { ...this.getProps(node),
+      resourceConfig: this.emojiResourceConfig
+    };
+  }
+
   getEmbedCardProps(node, path = []) {
     const {
       nodes: {

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

@@ -16,7 +16,7 @@ const 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/es2019/react/marks/link.js

@@ -6,7 +6,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';
 const anchorStyles = css`
   color: ${token('color.link', B400)};

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

@@ -6,7 +6,7 @@ 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';
 
 const codeBlockStyleOverrides = props => css`
     tab-size: 4;
@@ -23,10 +23,11 @@ const codeBlockStyleOverrides = props => css`
     light: token('color.background.neutral', N20),
     dark: token('color.background.neutral', DN50)
   })(props),
-  width: `${gridSize()}px`
+  leftCoverWidth: `${gridSize() * 3}px`
 })};
-      background-attachment: local, local, local, local, scroll, scroll;
-      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 0 0;
+      background-attachment: local, local, local, local, scroll, scroll, scroll,
+        scroll;
+      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0;
     }
   `;
 

package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -47,12 +47,14 @@ const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
     css: [codeBlockSharedStyles(theme), lightWeightCodeBlockStyles]
   }, jsx("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
+  }, jsx("div", {
+    className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
   }, jsx("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map((_, index) => jsx("span", {
     key: index
   }))), jsx("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
-  }, jsx("code", null, renderBidiWarnings(text)))));
+  }, jsx("code", null, renderBidiWarnings(text))))));
 });
 export default LightWeightCodeBlock;

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

@@ -8,7 +8,8 @@ export default class EmojiItem extends PureComponent {
       providers,
       shortName,
       text,
-      fitToHeight
+      fitToHeight,
+      resourceConfig
     } = this.props;
     return /*#__PURE__*/React.createElement(Emoji, {
       allowTextFallback: true,
@@ -16,7 +17,8 @@ export default class EmojiItem extends PureComponent {
       shortName: shortName,
       fallback: text,
       providers: providers,
-      fitToHeight: fitToHeight
+      fitToHeight: fitToHeight,
+      resourceConfig: resourceConfig
     });
   }
 

package/dist/es2019/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/es2019/react/nodes/media.js

@@ -9,7 +9,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';
 export default class Media extends PureComponent {
   constructor(...args) {

package/dist/es2019/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", {
+  const featureFlags = useFeatureFlags();
+  let extraProps = {};
+
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+    var _props$content;
+
+    const 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/es2019/react/nodes/panel.js

@@ -25,7 +25,7 @@ const PanelStyled = ({
   })}
 
       &[data-panel-type=${PanelType.CUSTOM}] {
-        ${hasIcon ? '' : 'padding: 12px;'}
+        ${hasIcon ? '' : 'padding-left: 12px;'}
       }
     }
   `;
@@ -47,7 +47,7 @@ const PanelStyled = ({
 
         &[data-panel-type=${PanelType.CUSTOM}] {
           ${customStyle};
-          ${hasIcon ? '' : 'padding: 12px;'}
+          ${hasIcon ? '' : 'padding-left: 12px;'}
         }
       `;
     };

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

@@ -6,7 +6,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';
@@ -62,7 +62,8 @@ const getDataAttributes = colwidth => {
 const getStyle = (background, colGroupWidth, offsetTop) => {
   const 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/es2019/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) {
   const debouncedHandleAnalyticsEvent = useMemo(() => debounce(props.handleAnalyticsEvent, 500), [props.handleAnalyticsEvent]);
   useComponentRenderTracking({

package/dist/es2019/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 const useSelectAllTrap = () => {
   const {

package/dist/es2019/render-document.js

@@ -2,7 +2,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/es2019/text/nodes/orderedList.js

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

package/dist/es2019/ui/Expand.js

@@ -9,7 +9,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/es2019/ui/Renderer/ErrorBoundary.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 class ErrorBoundary extends React.Component {
   constructor(...args) {

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

@@ -18,7 +18,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';
@@ -36,7 +36,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "104.0.2";
+const packageVersion = "105.0.1";
 export class Renderer extends PureComponent {
   /**
    * This is used in measuring the Renderer Mount time and is then
@@ -272,6 +272,7 @@ export class Renderer extends PureComponent {
       allowMediaLinking: props.media && props.media.allowLinking,
       surroundTextNodesWithTextWrapper: allowAnnotationsDraftMode,
       media: props.media,
+      emojiResourceConfig: props.emojiResourceConfig,
       smartLinks: props.smartLinks,
       allowCopyToClipboard: props.allowCopyToClipboard,
       allowCustomPanels: props.allowCustomPanels,
@@ -522,7 +523,9 @@ const RendererWithAnnotationSelection = props => {
     annotationProvider: props.annotationProvider
   }, jsx(RendererWithAnalytics, _extends({
     innerRef: innerRef
-  }, props))));
+  }, props, {
+    featureFlags: props.featureFlags
+  }))));
 };
 
 export default RendererWithAnnotationSelection;

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

@@ -1,7 +1,7 @@
 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 const useAnnotationStateByTypeEvent = ({
   type,