@atlaskit/editor-common 68.0.0 → 69.0.0

package/dist/es2019/styles/shared/task-decision.js

@@ -21,7 +21,8 @@ export const tasksAndDecisionsStyles = css`
   }
 
   // If task list is first in the document then set margin top to zero.
-  div[data-task-list-local-id]:first-child {
+  div[data-task-list-local-id]:first-child,
+  style:first-child + div[data-task-list-local-id] {
     margin-top: 0;
   }
 

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

@@ -127,7 +127,8 @@ const containerStyles = styleProps => {
       background: ${EXPAND_SELECTED_BACKGROUND(themeProps)};
     }
 
-    td > &:first-child {
+    td > :not(style):first-child,
+    td > style:first-child + * {
       margin-top: 0;
     }
   `;

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

@@ -10,6 +10,8 @@ export default class Popup extends React.Component {
 
     super(...args);
 
+    _defineProperty(this, "rafIds", new Set());
+
     _defineProperty(this, "state", {
       validPosition: true
     });
@@ -24,7 +26,27 @@ export default class Popup extends React.Component {
       this.initPopup(popup);
     });
 
-    _defineProperty(this, "scheduledUpdatePosition", rafSchedule(props => this.updatePosition(props)));
+    _defineProperty(this, "cancelRequestAnimationFrames", () => {
+      for (const rafId of this.rafIds) {
+        cancelAnimationFrame(rafId);
+      }
+    });
+
+    _defineProperty(this, "scheduledUpdatePosition", rafSchedule(props => {
+      if (!this.props.waitForExtraLayoutUpdates) {
+        this.updatePosition(this.props);
+      }
+
+      if (this.props.scheduleExtraLayoutUpdates) {
+        // We need two requestAnimationFrame calls to ensure reflow/repaints
+        // are flushed to DOM before our popup position recalculations happen
+        const rafId = requestAnimationFrame(() => {
+          this.updatePosition(this.props);
+          this.rafIds.delete(rafId);
+        });
+        this.rafIds.add(rafId);
+      }
+    }));
 
     _defineProperty(this, "onResize", () => this.scheduledUpdatePosition(this.props));
 
@@ -182,6 +204,7 @@ export default class Popup extends React.Component {
     }
 
     this.scheduledUpdatePosition.cancel();
+    this.cancelRequestAnimationFrames();
   }
 
   renderPopup() {

package/dist/es2019/ui/clear-next-sibling-margin-top.js

@@ -1,7 +1,15 @@
 import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
 
+const marginTopReset = `margin-top: 0 !important;`;
 export const clearNextSiblingMarginTopStyle = css`
   & + * {
-    margin-top: 0 !important;
+    ${marginTopReset}
+  }
+`;
+const textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+const nextSiblingBlockMarkContentSelectors = textElements.map(elem => `+ .fabric-editor-block-mark > ${elem}`).join(',');
+export const clearNextSiblingBlockMarkMarginTopStyle = css`
+  ${nextSiblingBlockMarkContentSelectors} {
+    ${marginTopReset}
   }
 `;

package/dist/es2019/ui/index.js

@@ -14,5 +14,5 @@ export { shadowObserverClassNames, ShadowObserver } from './OverflowShadow/shado
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';

package/dist/es2019/utils/index.js

@@ -1,6 +1,5 @@
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from './annotation';
 export { getExtensionLozengeData } from './macro';
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './validator';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';

package/dist/es2019/validator.js

@@ -1 +1 @@
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './utils/validator';
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages } from './utils/validator';

package/dist/es2019/version.json

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

package/dist/esm/extensions/default-extension-provider.js

@@ -1,7 +1,7 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getAutoConvertPatternsFromModule } from './module-helpers';
 
 var DefaultExtensionProvider = /*#__PURE__*/function () {

package/dist/esm/extensions/extension-fields-helpers.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function getExtensionModuleField(_x, _x2, _x3) {
   return _getExtensionModuleField.apply(this, arguments);

package/dist/esm/extensions/extension-handlers.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';

package/dist/esm/extensions/manifest-helpers.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
@@ -7,6 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 export var FORGE_EXTENSION_TYPE = 'com.atlassian.ecosystem';
 export var getExtensionKeyAndNodeKey = function getExtensionKeyAndNodeKey(extensionKey, extensionType) {
   // Forge macro extensionKey has a user generated string, so splitting on

package/dist/esm/extensions/module-helpers.js

@@ -1,7 +1,7 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/provider-helpers/combine-providers.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getOnlyFulfilled, waitForAllPromises, waitForFirstFulfilledPromise } from './promise-helpers';
 
 var flatten = function flatten(arr) {

package/dist/esm/styles/index.js

@@ -17,4 +17,5 @@ export { shadowSharedStyle } from './shared/shadow';
 export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
-export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles } from './shared/code-block';

package/dist/esm/styles/shared/block-marks.js

@@ -3,4 +3,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
+export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));

package/dist/esm/styles/shared/code-block.js

@@ -0,0 +1,39 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import { css } from '@emotion/react';
+import { akEditorCodeFontFamily, akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { DN20, DN400, DN50, DN800, N20, N30, N400, N800 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
+import { token } from '@atlaskit/tokens';
+export var CodeBlockSharedCssClassName = {
+  CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
+  CODEBLOCK_CONTENT: 'code-content',
+  DS_CODEBLOCK: '[data-ds--code--code-block]'
+};
+export var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
+    light: token('color.background.neutral', N20),
+    dark: token('color.background.neutral', DN50)
+  })(props), borderRadius(), overflowShadow({
+    // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    background: themed({
+      light: N20,
+      dark: DN50
+    })(props),
+    width: '8px'
+  }), akEditorCodeFontFamily, blockNodesVerticalMargin, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
+    light: token('color.background.neutral', N30),
+    dark: token('color.background.neutral', DN20)
+  })(props), gridSize(), themed({
+    light: token('color.text.subtlest', N400),
+    dark: token('color.text.subtlest', DN400)
+  })(props), relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, themed({
+    light: token('color.text', N800),
+    dark: token('color.text', DN800)
+  })(props), borderRadius(), gridSize(), relativeFontSizeToBase16(fontSize()));
+};

package/dist/esm/styles/shared/emoji.js

@@ -1,7 +1,8 @@
-import { emojiImage, emojiNode, emojiSprite } from '@atlaskit/emoji';
+import { emojiImage, emojiNode, emojiPlaceholder, emojiSprite } from '@atlaskit/emoji';
 export var EmojiSharedCssClassName = {
   EMOJI_CONTAINER: 'emojiView-content-wrap',
   EMOJI_NODE: emojiNode,
   EMOJI_SPRITE: emojiSprite,
-  EMOJI_IMAGE: emojiImage
+  EMOJI_IMAGE: emojiImage,
+  EMOJI_PLACEHOLDER: emojiPlaceholder
 };

package/dist/esm/styles/shared/panel.js

@@ -146,7 +146,8 @@ export var PanelSharedSelectors = {
   emojiPopup: "[aria-label=\"Popup\"]",
   searchEmoji: "[aria-label=\"Search emoji\"]",
   orangeWarningIcon: "[aria-label=\":warning:\"]",
-  yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)"
+  yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)",
+  copyButton: "button[aria-label=\"Copy\"]"
 };
 
 var iconDynamicStyles = function iconDynamicStyles(panelType) {

package/dist/esm/styles/shared/table.js

@@ -36,7 +36,7 @@ export var TableSharedCssClassName = {
 };
 
 var tableSharedStyle = function tableSharedStyle(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    margin: 0 auto ", "px;\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n  .", " > table {\n    margin: ", "px 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", "px ", "px 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", "px;\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        ", ";\n\n        > *:first-child {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor.-right:first-of-type + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-of-type + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: 12px;\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]) {\n          .code-block {\n            background-image: ", ";\n            background-attachment: local, scroll, scroll;\n            background-position: 100% 0, 100% 0, 0 0;\n            background-color: ", ";\n\n            .line-number-gutter {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), TableSharedCssClassName.TABLE_CONTAINER, tableMarginBottom, TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableMarginTop, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableMarginTop, tableMarginSides, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, themed({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    margin: 0 auto ", "px;\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n  .", " > table {\n    margin: ", "px 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", "px ", "px 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", "px;\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        ", ";\n\n        > :first-child:not(style),\n        > style:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor.-right:first-of-type + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-of-type + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: 12px;\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]) {\n          .code-block {\n            background-image: ", ";\n            background-attachment: local, scroll, scroll;\n            background-position: 100% 0, 100% 0, 0 0;\n            background-color: ", ";\n\n            .line-number-gutter {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), TableSharedCssClassName.TABLE_CONTAINER, tableMarginBottom, TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableMarginTop, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableMarginTop, tableMarginSides, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, themed({
     light: token('color.border', akEditorTableBorder),
     dark: token('color.border', akEditorTableBorderDark)
   })(props), token('color.background.neutral.subtle', 'white'), tableCellMinWidth, themed({

package/dist/esm/styles/shared/task-decision.js

@@ -7,4 +7,4 @@ import { akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
 export var TaskDecisionSharedCssClassName = {
   DECISION_CONTAINER: 'decisionItemView-content-wrap'
 };
-export var tasksAndDecisionsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .taskItemView-content-wrap,\n    .", " {\n      position: relative;\n      min-width: ", "px;\n    }\n\n    .", " {\n      margin-top: 0;\n    }\n  }\n\n  div[data-task-list-local-id] {\n    margin: 12px 0 0 0;\n  }\n\n  // If task list is first in the document then set margin top to zero.\n  div[data-task-list-local-id]:first-child {\n    margin-top: 0;\n  }\n\n  div[data-task-list-local-id] div[data-task-list-local-id] {\n    margin-top: 0px;\n    margin-left: 24px;\n  }\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER);
+export var tasksAndDecisionsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .taskItemView-content-wrap,\n    .", " {\n      position: relative;\n      min-width: ", "px;\n    }\n\n    .", " {\n      margin-top: 0;\n    }\n  }\n\n  div[data-task-list-local-id] {\n    margin: 12px 0 0 0;\n  }\n\n  // If task list is first in the document then set margin top to zero.\n  div[data-task-list-local-id]:first-child,\n  style:first-child + div[data-task-list-local-id] {\n    margin-top: 0;\n  }\n\n  div[data-task-list-local-id] div[data-task-list-local-id] {\n    margin-top: 0px;\n    margin-left: 24px;\n  }\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER);

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

@@ -88,7 +88,7 @@ var containerStyles = function containerStyles(styleProps) {
   var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(akLayoutGutterOffset, "px") : 0;
   var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
   return function (themeProps) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-width: 1px;\n    border-style: solid;\n    border-color: ", ";\n    border-radius: ", "px;\n    min-height: 25px;\n    background: ", ";\n    margin: ", ";\n\n    transition: background 0.3s ", ",\n      border-color 0.3s ", ";\n    padding: ", "px;\n\n    // TODO: https://product-fabric.atlassian.net/browse/DSP-4152\n    &:hover {\n      border: 1px solid\n        ", ";\n      background: ", ";\n    }\n\n    td > &:first-child {\n      margin-top: 0;\n    }\n  "])), focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR(themeProps) : EXPAND_COLLAPSED_BORDER_COLOR, BORDER_RADIUS, !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND(themeProps), margin, akEditorSwoopCubicBezier, akEditorSwoopCubicBezier, gridSize(), themed({
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-width: 1px;\n    border-style: solid;\n    border-color: ", ";\n    border-radius: ", "px;\n    min-height: 25px;\n    background: ", ";\n    margin: ", ";\n\n    transition: background 0.3s ", ",\n      border-color 0.3s ", ";\n    padding: ", "px;\n\n    // TODO: https://product-fabric.atlassian.net/browse/DSP-4152\n    &:hover {\n      border: 1px solid\n        ", ";\n      background: ", ";\n    }\n\n    td > :not(style):first-child,\n    td > style:first-child + * {\n      margin-top: 0;\n    }\n  "])), focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR(themeProps) : EXPAND_COLLAPSED_BORDER_COLOR, BORDER_RADIUS, !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND(themeProps), margin, akEditorSwoopCubicBezier, akEditorSwoopCubicBezier, gridSize(), themed({
       light: token('color.border', colors.N50A),
       dark: token('color.border', colors.DN50)
     })(themeProps), EXPAND_SELECTED_BACKGROUND(themeProps));

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

@@ -10,6 +10,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -38,6 +44,8 @@ var Popup = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _defineProperty(_assertThisInitialized(_this), "rafIds", new Set());
+
     _defineProperty(_assertThisInitialized(_this), "state", {
       validPosition: true
     });
@@ -52,8 +60,38 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       _this.initPopup(popup);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "cancelRequestAnimationFrames", function () {
+      var _iterator = _createForOfIteratorHelper(_this.rafIds),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var rafId = _step.value;
+          cancelAnimationFrame(rafId);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "scheduledUpdatePosition", rafSchedule(function (props) {
-      return _this.updatePosition(props);
+      if (!_this.props.waitForExtraLayoutUpdates) {
+        _this.updatePosition(_this.props);
+      }
+
+      if (_this.props.scheduleExtraLayoutUpdates) {
+        // We need two requestAnimationFrame calls to ensure reflow/repaints
+        // are flushed to DOM before our popup position recalculations happen
+        var rafId = requestAnimationFrame(function () {
+          _this.updatePosition(_this.props);
+
+          _this.rafIds.delete(rafId);
+        });
+
+        _this.rafIds.add(rafId);
+      }
     }));
 
     _defineProperty(_assertThisInitialized(_this), "onResize", function () {
@@ -220,6 +258,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       }
 
       this.scheduledUpdatePosition.cancel();
+      this.cancelRequestAnimationFrames();
     }
   }, {
     key: "renderPopup",

package/dist/esm/ui/clear-next-sibling-margin-top.js

@@ -1,7 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
 
-export var clearNextSiblingMarginTopStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & + * {\n    margin-top: 0 !important;\n  }\n"])));
+var marginTopReset = "margin-top: 0 !important;";
+export var clearNextSiblingMarginTopStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & + * {\n    ", "\n  }\n"])), marginTopReset);
+var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
+  return "+ .fabric-editor-block-mark > ".concat(elem);
+}).join(',');
+export var clearNextSiblingBlockMarkMarginTopStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", " {\n    ", "\n  }\n"])), nextSiblingBlockMarkContentSelectors, marginTopReset);

package/dist/esm/ui/index.js

@@ -14,5 +14,5 @@ export { shadowObserverClassNames, ShadowObserver } from './OverflowShadow/shado
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';

package/dist/esm/utils/index.js

@@ -1,6 +1,5 @@
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from './annotation';
 export { getExtensionLozengeData } from './macro';
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './validator';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';

package/dist/esm/validator.js

@@ -1 +1 @@
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './utils/validator';
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages } from './utils/validator';

package/dist/esm/version.json

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

package/dist/types/provider-factory/card-provider.d.ts

@@ -2,6 +2,6 @@ import { CardAdf } from '@atlaskit/smart-card';
 export declare type CardAppearance = 'inline' | 'block' | 'embed';
 export type { CardAdf };
 export interface CardProvider {
-    resolve(url: string, appearance: CardAppearance): Promise<CardAdf>;
+    resolve(url: string, appearance: CardAppearance, shouldForceAppearance?: boolean): Promise<CardAdf>;
     findPattern(url: string): Promise<boolean>;
 }

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

@@ -18,3 +18,4 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
 export { smartCardSharedStyles, SmartCardSharedCssClassName, } from './shared/smart-card';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles, } from './shared/code-block';

package/dist/types/styles/shared/code-block.d.ts

@@ -0,0 +1,8 @@
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const CodeBlockSharedCssClassName: {
+    CODEBLOCK_CONTAINER: string;
+    CODEBLOCK_LINE_NUMBER_GUTTER: string;
+    CODEBLOCK_CONTENT: string;
+    DS_CODEBLOCK: string;
+};
+export declare const codeBlockSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/emoji.d.ts

@@ -3,4 +3,5 @@ export declare const EmojiSharedCssClassName: {
     EMOJI_NODE: string;
     EMOJI_SPRITE: string;
     EMOJI_IMAGE: string;
+    EMOJI_PLACEHOLDER: string;
 };

package/dist/types/styles/shared/panel.d.ts

@@ -77,6 +77,7 @@ export declare const PanelSharedSelectors: {
     searchEmoji: string;
     orangeWarningIcon: string;
     yellowWarningIcon: string;
+    copyButton: string;
 };
 export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
 export declare const panelSharedStylesWithoutPrefix: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -19,6 +19,8 @@ export interface Props {
     forcePlacement?: boolean;
     allowOutOfBounds?: boolean;
     rect?: DOMRect;
+    scheduleExtraLayoutUpdates?: boolean;
+    waitForExtraLayoutUpdates?: boolean;
 }
 export interface State {
     popup?: HTMLElement;
@@ -28,6 +30,7 @@ export interface State {
 export default class Popup extends React.Component<Props, State> {
     scrollElement: undefined | false | HTMLElement;
     scrollParentElement: undefined | false | HTMLElement;
+    rafIds: Set<number>;
     static defaultProps: {
         offset: number[];
         allowOutOfBound: boolean;
@@ -46,6 +49,7 @@ export default class Popup extends React.Component<Props, State> {
      */
     private initPopup;
     private handleRef;
+    private cancelRequestAnimationFrames;
     private scheduledUpdatePosition;
     onResize: () => void;
     UNSAFE_componentWillReceiveProps(newProps: Props): void;

package/dist/types/ui/clear-next-sibling-margin-top.d.ts

@@ -1 +1,2 @@
 export declare const clearNextSiblingMarginTopStyle: import("@emotion/react").SerializedStyles;
+export declare const clearNextSiblingBlockMarkMarginTopStyle: import("@emotion/react").SerializedStyles;

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

@@ -21,5 +21,5 @@ export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef, } from './Expand';
 export type { StyleProps as ExpandStyleProps } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle, } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';

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

@@ -1,8 +1,6 @@
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange, } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export type { Params } from './macro';
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, } from './validator';
-export type { ADDoc, ADFStage, ADFStages, ADMark, ADMarkSimple, ADNode, } from './validator';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export type { ErrorReportingHandler } from './error-reporter';

package/dist/types/validator.d.ts

@@ -1,2 +1,2 @@
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, } from './utils/validator';
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages, } from './utils/validator';
 export type { ADDoc, ADFStage, ADMark, ADMarkSimple, ADNode, } from './utils/validator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "68.0.0",
+  "version": "69.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,22 +44,23 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^23.1.0",
-    "@atlaskit/adf-utils": "^17.0.0",
-    "@atlaskit/analytics-namespaced-context": "^6.4.0",
+    "@atlaskit/adf-schema": "^23.2.0",
+    "@atlaskit/adf-utils": "^17.1.0",
+    "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/code": "^14.3.0",
+    "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
-    "@atlaskit/emoji": "^64.7.0",
+    "@atlaskit/emoji": "^65.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.7.0",
-    "@atlaskit/media-client": "^16.0.0",
+    "@atlaskit/media-card": "^74.0.0",
+    "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-picker": "^63.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/profilecard": "^16.4.0",
-    "@atlaskit/smart-card": "^19.1.0",
+    "@atlaskit/profilecard": "^16.10.0",
+    "@atlaskit/smart-card": "^20.0.0",
     "@atlaskit/smart-user-picker": "^5.1.0",
     "@atlaskit/task-decision": "^17.4.0",
     "@atlaskit/theme": "^12.1.0",
@@ -85,16 +86,16 @@
     "react-loadable": "^5.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^33.0.0",
+    "@atlaskit/media-core": "^33.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-test-helpers": "^17.0.0",
+    "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/media-core": "^33.0.0",
-    "@atlaskit/util-data-test": "^17.2.0",
+    "@atlaskit/util-data-test": "^17.4.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -0,0 +1,7 @@
+## API Report File for "@atlaskit/editor-common"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+export {};
+```