@atlaskit/renderer 104.0.2 → 105.0.1

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @atlaskit/renderer
 
+## 105.0.1
+
+### Patch Changes
+
+- [`d61e8688afd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d61e8688afd) - DSP-8078: Fixes bug where windowed codeblock rendered incorrectly
+
+## 105.0.0
+
+### Major Changes
+
+- [`224a2482244`](https://bitbucket.org/atlassian/atlassian-frontend/commits/224a2482244) - [ED-16166] Changes the renderer prop document type from any to DocNode
+
+  BREAKING for `@atlaskit/renderer`: Previously the `document` prop for the renderer component had the type of `any`. This has now been changed to `DocNode` which comes from `@atlaskit/adf-schema`.
+
+  Documents being passed into the renderer component will need to be updated to use this type.
+
+  Example Usage:
+
+  ```tsx
+  import { DocNode } from '@atlaskit/adf-schema';
+
+  const emptyDoc: DocNode = {
+    type: 'doc',
+    version: 1,
+    content: [],
+  };
+  ```
+
+- [`5d317ed8aa3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d317ed8aa3) - [ux] ED-15882: Implement custom starting numbers for orderedList nodes in adf-schema, editor, renderer, transformers behind restartNumberedLists feature flag. Users will be able to set a custom starting number when typing to create a numbered list in the Editor and this will be persisted across Renderer and other format transformations.
+
+  Note: restartNumberedLists will be off by default. To enable it, consumers will need to set <Editor featureFlags={{ restartNumberedLists: true }}> or <Renderer featureFlags={{ restartNumberedLists: true }}>
+
+### Minor Changes
+
+- [`a730df6e3ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a730df6e3ed) - ED-16163 Refactored analytics constants to be in editor-common
+- [`1d41bbc2965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1d41bbc2965) - This changeset introduces non breaking changes to support ssr within the loader emoji component
+
+### Patch Changes
+
+- [`b616ba20f04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b616ba20f04) - [ux] The height of the panel stays the same when the emoji is removed
+- [`ec05886ac07`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec05886ac07) - [ux] ED-15871 Fixed issue with pasting a table from renderer does not respect theme mode
+- [`b2fa6d3e611`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2fa6d3e611) - [ED-16106] Fix margin top when paragraph has alignment marks
+- [`4fbaeb2a1fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fbaeb2a1fd) - DSP-4118 Updated tokens used to render overflow shadows in code blocks.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in beta).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+  `overflowShadow` now optionally supports customizing the size of the "covers" that appear over shadows when at the edge of content, via `leftCoverWidth` and `rightCoverWidth`, and the shadow width via the `width` prop.
+
+- Updated dependencies
+
 ## 104.0.2
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -25,7 +25,7 @@ var _prosemirrorTransform = require("prosemirror-transform");
 
 var _steps = require("../steps");
 
-var _enums = require("../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _matchesUtils = require("./matches-utils");
 
@@ -122,10 +122,10 @@ var RendererActions = /*#__PURE__*/function () {
 
       if (this.onAnalyticsEvent) {
         var payload = {
-          action: _enums.ACTION.DELETED,
-          actionSubject: _enums.ACTION_SUBJECT.ANNOTATION,
-          actionSubjectId: _enums.ACTION_SUBJECT_ID.INLINE_COMMENT,
-          eventType: _enums.EVENT_TYPE.TRACK
+          action: _analytics.ACTION.DELETED,
+          actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
+          eventType: _analytics.EVENT_TYPE.TRACK
         };
         this.onAnalyticsEvent(payload);
       }

package/dist/cjs/analytics/enums.js

@@ -2,69 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.EVENT_TYPE = exports.ACTION_SUBJECT_ID = exports.ACTION_SUBJECT = exports.ACTION = void 0;
-var EVENT_TYPE;
-exports.EVENT_TYPE = EVENT_TYPE;
-
-(function (EVENT_TYPE) {
-  EVENT_TYPE["OPERATIONAL"] = "operational";
-  EVENT_TYPE["SCREEN"] = "screen";
-  EVENT_TYPE["TRACK"] = "track";
-  EVENT_TYPE["UI"] = "ui";
-})(EVENT_TYPE || (exports.EVENT_TYPE = EVENT_TYPE = {}));
-
-var ACTION;
-exports.ACTION = 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 || (exports.ACTION = ACTION = {}));
-
-var ACTION_SUBJECT;
-exports.ACTION_SUBJECT = 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 || (exports.ACTION_SUBJECT = ACTION_SUBJECT = {}));
-
-var ACTION_SUBJECT_ID;
-exports.ACTION_SUBJECT_ID = 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 || (exports.ACTION_SUBJECT_ID = ACTION_SUBJECT_ID = {}));
+});

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

@@ -7,7 +7,7 @@ exports.trackUnsupportedContentLevels = void 0;
 
 var _utils = require("@atlaskit/editor-common/utils");
 
-var _enums = require("./enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _events = require("./events");
 
@@ -23,8 +23,8 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
         unsupportedNodes = _getUnsupportedConten2.unsupportedNodes;
 
     dispatchAnalyticsEvent({
-      action: _enums.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED,
-      actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+      action: _analytics.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED,
+      actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
       attributes: {
         appearance: (0, _utils.getAnalyticsAppearance)(item.appearance),
         platform: _events.PLATFORM.WEB,
@@ -33,17 +33,17 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
         unsupportedNodesCount: unsupportedNodes,
         supportedNodesCount: supportedNodes
       },
-      eventType: _enums.EVENT_TYPE.OPERATIONAL
+      eventType: _analytics.EVENT_TYPE.OPERATIONAL
     });
   } catch (err) {
     dispatchAnalyticsEvent({
-      action: _enums.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED,
-      actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+      action: _analytics.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED,
+      actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
       attributes: {
         platform: _events.PLATFORM.WEB,
         error: err instanceof Error ? err.message : String(err)
       },
-      eventType: _enums.EVENT_TYPE.OPERATIONAL
+      eventType: _analytics.EVENT_TYPE.OPERATIONAL
     });
   }
 };

package/dist/cjs/react/index.js

@@ -204,6 +204,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;
@@ -235,6 +236,9 @@ var ReactSerializer = /*#__PURE__*/function () {
         case 'media':
           return this.getMediaProps(node, path);
 
+        case 'emoji':
+          return this.getEmojiProps(node);
+
         case 'mediaGroup':
           return this.getMediaGroupProps(node);
 
@@ -467,6 +471,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/cjs/react/marks/alignment.js

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

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

@@ -23,7 +23,7 @@ var _utils = require("../../utils");
 
 var _events = require("../../analytics/events");
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _tokens = require("@atlaskit/tokens");
 
@@ -63,9 +63,9 @@ function Link(props) {
     onClick: function onClick(e) {
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({
-          action: _enums.ACTION.VISITED,
-          actionSubject: _enums.ACTION_SUBJECT.LINK,
-          eventType: _enums.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.VISITED,
+          actionSubject: _analytics.ACTION_SUBJECT.LINK,
+          eventType: _analytics.EVENT_TYPE.TRACK,
           attributes: {
             platform: _events.PLATFORM.WEB,
             mode: _events.MODE.RENDERER

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

@@ -27,9 +27,8 @@ var _tokens = require("@atlaskit/tokens");
 
 var _templateObject;
 
-// TODO: Quality ticket https://product-fabric.atlassian.net/browse/DSP-4118
 var codeBlockStyleOverrides = function codeBlockStyleOverrides(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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  "])), (0, _components.themed)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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  "])), (0, _components.themed)({
     light: (0, _tokens.token)('elevation.surface.raised', _colors.N20),
     dark: (0, _tokens.token)('elevation.surface.raised', _colors.DN50)
   })(props), _styles.CodeBlockSharedCssClassName.DS_CODEBLOCK, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _editorSharedStyles.overflowShadow)({
@@ -37,7 +36,7 @@ var codeBlockStyleOverrides = function codeBlockStyleOverrides(props) {
       light: (0, _tokens.token)('color.background.neutral', _colors.N20),
       dark: (0, _tokens.token)('color.background.neutral', _colors.DN50)
     })(props),
-    width: "".concat((0, _constants.gridSize)(), "px")
+    leftCoverWidth: "".concat((0, _constants.gridSize)() * 3, "px")
   }));
 };
 

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

@@ -68,6 +68,8 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     css: [(0, _styles.codeBlockSharedStyles)(theme), lightWeightCodeBlockStyles]
   }, (0, _react2.jsx)("div", {
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
+  }, (0, _react2.jsx)("div", {
+    className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
   }, (0, _react2.jsx)("div", {
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map(function (_, index) {
@@ -76,7 +78,7 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     });
   })), (0, _react2.jsx)("div", {
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
-  }, (0, _react2.jsx)("code", null, renderBidiWarnings(text)))));
+  }, (0, _react2.jsx)("code", null, renderBidiWarnings(text))))));
 });
 var _default = LightWeightCodeBlock;
 exports.default = _default;

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

@@ -49,14 +49,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.default.createElement(_emoji.Emoji, {
         allowTextFallback: true,
         id: id,
         shortName: shortName,
         fallback: text,
         providers: providers,
-        fitToHeight: fitToHeight
+        fitToHeight: fitToHeight,
+        resourceConfig: resourceConfig
       });
     }
   }]);

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

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _headingAnchor = _interopRequireDefault(require("./heading-anchor"));
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
 
@@ -64,10 +64,10 @@ function Heading(props) {
       level: props.level,
       onCopyText: function onCopyText() {
         fireAnalyticsEvent({
-          action: _enums.ACTION.CLICKED,
-          actionSubject: _enums.ACTION_SUBJECT.BUTTON,
-          actionSubjectId: _enums.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
-          eventType: _enums.EVENT_TYPE.UI
+          action: _analytics.ACTION.CLICKED,
+          actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
+          eventType: _analytics.EVENT_TYPE.UI
         });
         return (0, _clipboard.copyTextToClipboard)(getCurrentUrlWithHash(headingId));
       }

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

@@ -37,7 +37,7 @@ var _MediaCard = require("../../ui/MediaCard");
 
 var _utils = require("../../utils");
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _events = require("../../analytics/events");
 
@@ -108,10 +108,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
 
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({
-          action: _enums.ACTION.VISITED,
-          actionSubject: _enums.ACTION_SUBJECT.MEDIA,
-          actionSubjectId: _enums.ACTION_SUBJECT_ID.LINK,
-          eventType: _enums.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.VISITED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.LINK,
+          eventType: _analytics.EVENT_TYPE.TRACK,
           attributes: {
             platform: _events.PLATFORM.WEB,
             mode: _events.MODE.RENDERER

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

@@ -7,16 +7,44 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = OrderedList;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _utils = require("@atlaskit/editor-common/utils");
+
 var _lists = require("../utils/lists");
 
+var _useFeatureFlags = require("../../use-feature-flags");
+
 function OrderedList(props) {
-  return /*#__PURE__*/_react.default.createElement("ol", {
+  var featureFlags = (0, _useFeatureFlags.useFeatureFlags)();
+  var extraProps = {};
+
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+    var _props$content;
+
+    var itemCounterDigitsSize = (0, _utils.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 = (0, _styles.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
+    }
+
+    if (props.order !== undefined) {
+      extraProps.start = (0, _utils.resolveOrder)(props.order);
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
     className: _adfSchema.orderedListSelector.substr(1),
     "data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1,
     start: props.start
-  }, props.children);
+  }, extraProps), props.children);
 }

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

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

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

@@ -35,7 +35,7 @@ var _SortingIcon = _interopRequireDefault(require("../../ui/SortingIcon"));
 
 var _events = require("../../analytics/events");
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _consts = require("../../consts");
 
@@ -97,7 +97,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;
   }
 
@@ -188,25 +189,25 @@ var withSortableColumn = function withSortableColumn(WrapperComponent) {
           var sortOrder = nextStatusOrder(sortOrdered);
           onSorting(columnIndex, sortOrder);
           fireAnalyticsEvent && fireAnalyticsEvent({
-            action: _enums.ACTION.SORT_COLUMN,
-            actionSubject: _enums.ACTION_SUBJECT.TABLE,
+            action: _analytics.ACTION.SORT_COLUMN,
+            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
             attributes: {
               platform: _events.PLATFORM.WEB,
               mode: _events.MODE.RENDERER,
               columnIndex: columnIndex,
               sortOrder: sortOrder
             },
-            eventType: _enums.EVENT_TYPE.TRACK
+            eventType: _analytics.EVENT_TYPE.TRACK
           });
         } else {
           fireAnalyticsEvent && fireAnalyticsEvent({
-            action: _enums.ACTION.SORT_COLUMN_NOT_ALLOWED,
-            actionSubject: _enums.ACTION_SUBJECT.TABLE,
+            action: _analytics.ACTION.SORT_COLUMN_NOT_ALLOWED,
+            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
             attributes: {
               platform: _events.PLATFORM.WEB,
               mode: _events.MODE.RENDERER
             },
-            eventType: _enums.EVENT_TYPE.TRACK
+            eventType: _analytics.EVENT_TYPE.TRACK
           });
         }
       });

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

@@ -13,7 +13,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
 var _utils = require("@atlaskit/editor-common/utils");
 
-var _enums = require("../../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 function RenderTracking(props) {
   var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
@@ -37,7 +37,7 @@ function RenderTracking(props) {
           propsDifference: propsDifference,
           componentId: componentId
         },
-        eventType: _enums.EVENT_TYPE.OPERATIONAL
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
       });
     },
     propsDiffingOptions: {

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

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _elementSelection = require("./element-selection");
 
@@ -44,18 +44,18 @@ var useSelectAllTrap = function useSelectAllTrap() {
 
     if (elementSelection.eq(caught.current)) {
       fireAnalyticsEvent({
-        eventType: _enums.EVENT_TYPE.TRACK,
-        action: _enums.ACTION.SELECT_ALL_ESCAPED,
-        actionSubject: _enums.ACTION_SUBJECT.RENDERER
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        action: _analytics.ACTION.SELECT_ALL_ESCAPED,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER
       });
       return;
     }
 
     if (elementSelection.inside(el) || elementSelection.type === 'None' && clicked.current) {
       fireAnalyticsEvent({
-        eventType: _enums.EVENT_TYPE.TRACK,
-        action: _enums.ACTION.SELECT_ALL_CAUGHT,
-        actionSubject: _enums.ACTION_SUBJECT.RENDERER
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        action: _analytics.ACTION.SELECT_ALL_CAUGHT,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER
       });
       e.preventDefault();
       caught.current = elementSelection.select(el);

package/dist/cjs/render-document.js

@@ -17,7 +17,7 @@ var _validator = require("@atlaskit/editor-common/validator");
 
 var _utils = require("@atlaskit/editor-common/utils");
 
-var _enums = require("./analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _events = require("./analytics/events");
 
@@ -50,9 +50,9 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({
-        action: _enums.ACTION.MEDIA_LINK_TRANSFORMED,
-        actionSubject: _enums.ACTION_SUBJECT.RENDERER,
-        eventType: _enums.EVENT_TYPE.OPERATIONAL
+        action: _analytics.ACTION.MEDIA_LINK_TRANSFORMED,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
       });
     }
 
@@ -143,13 +143,13 @@ var _createNodeAndCheck = function _createNodeAndCheck(schema, doc, dispatchAnal
   } catch (err) {
     if (dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({
-        action: _enums.ACTION.INVALID_PROSEMIRROR_DOCUMENT,
-        actionSubject: _enums.ACTION_SUBJECT.RENDERER,
+        action: _analytics.ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
         attributes: {
           platform: _events.PLATFORM.WEB,
           errorStack: err instanceof Error ? err.message : String(err)
         },
-        eventType: _enums.EVENT_TYPE.OPERATIONAL
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
       });
     }
   }

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

@@ -5,12 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _utils = require("@atlaskit/editor-common/utils");
+
 var _ = require("./");
 
 var orderedList = function orderedList(node, schema) {
   var result = [];
+  var order = (0, _utils.getOrderFromOrderedListNode)(node);
   node.forEach(function (n, _offset, index) {
-    result.push("".concat(index + 1, ". ").concat((0, _.reduce)(n, schema)));
+    result.push("".concat(index + order, ". ").concat((0, _.reduce)(n, schema)));
   });
   return result.join('\n');
 };

package/dist/cjs/ui/Expand.js

@@ -31,7 +31,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _events = require("../analytics/events");
 
-var _enums = require("../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -101,14 +101,14 @@ function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
   }
 
   fireAnalyticsEvent({
-    action: _enums.ACTION.TOGGLE_EXPAND,
-    actionSubject: nodeType === 'expand' ? _enums.ACTION_SUBJECT.EXPAND : _enums.ACTION_SUBJECT.NESTED_EXPAND,
+    action: _analytics.ACTION.TOGGLE_EXPAND,
+    actionSubject: nodeType === 'expand' ? _analytics.ACTION_SUBJECT.EXPAND : _analytics.ACTION_SUBJECT.NESTED_EXPAND,
     attributes: {
       platform: _events.PLATFORM.WEB,
       mode: _events.MODE.RENDERER,
       expanded: !expanded
     },
-    eventType: _enums.EVENT_TYPE.TRACK
+    eventType: _analytics.EVENT_TYPE.TRACK
   });
 }
 

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

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _events = require("../../analytics/events");
 
-var _enums = require("../../analytics/enums");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
 
@@ -80,10 +80,10 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       this.fireAnalyticsEvent({
-        action: _enums.ACTION.CRASHED,
+        action: _analytics.ACTION.CRASHED,
         actionSubject: this.props.component,
         actionSubjectId: this.props.componentId,
-        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
         attributes: {
           platform: _events.PLATFORM.WEB,
           errorMessage: error === null || error === void 0 ? void 0 : error.message,