@atlaskit/editor-common 88.9.0 → 88.11.0

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

@@ -37,6 +37,32 @@ export const TableSharedCssClassName = {
   TABLE_RESIZER_CONTAINER: `${tablePrefixSelector}-resizer-container`
 };
 
+/* first block node has 0 top margin */
+const firstNodeWithNotMarginTop = () => editorExperiment('nested-dnd', true) ?
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+css`
+				> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {
+					margin-top: 0;
+				}
+			` :
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+css`
+				> :first-child:not(style),
+				> style:first-child + * {
+					margin-top: 0;
+				}
+
+				> .ProseMirror-gapcursor:first-child + *,
+				> style:first-child + .ProseMirror-gapcursor + * {
+					margin-top: 0;
+				}
+
+				> .ProseMirror-gapcursor:first-child + span + *,
+				> style:first-child + .ProseMirror-gapcursor + span + * {
+					margin-top: 0;
+				}
+			`;
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
 const tableSharedStyle = () => css`
 	${tableCellBackgroundStyleOverride()}
@@ -116,20 +142,7 @@ const tableSharedStyle = () => css`
 				/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
 				${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
 
-				> :first-child:not(style),
-        > style:first-child + * {
-					margin-top: 0;
-				}
-
-				> .ProseMirror-gapcursor:first-child + *,
-				> style:first-child + .ProseMirror-gapcursor + * {
-					margin-top: 0;
-				}
-
-				> .ProseMirror-gapcursor:first-child + span + *,
-				> style:first-child + .ProseMirror-gapcursor + span + * {
-					margin-top: 0;
-				}
+				${firstNodeWithNotMarginTop()}
 
 				th p:not(:first-of-type),
 				td p:not(:first-of-type) {

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

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

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

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
+// @deprecated - use Emoji from editor-plugin-emoji
 export default class EmojiNode extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/utils/document.js

@@ -1,10 +1,4 @@
-import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
-import { Node } from '@atlaskit/editor-prosemirror/model';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { isEmptyParagraph } from './editor-core-utils';
-import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
-import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
-import { validateADFEntity } from './validate-using-spec';
 export const getStepRange = transaction => {
   let from = -1;
   let to = -1;
@@ -68,183 +62,6 @@ export function nodesBetweenChanged(tr, f, startPos) {
   }
   tr.doc.nodesBetween(stepRange.from, stepRange.to, f, startPos);
 }
-export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
-  if (!value) {
-    return;
-  }
-  let node;
-  if (typeof value === 'string') {
-    try {
-      if (contentTransformer) {
-        const doc = contentTransformer.parse(value);
-        node = doc.toJSON();
-      } else {
-        node = JSON.parse(value);
-      }
-    } catch (e) {
-      // eslint-disable-next-line no-console
-      console.error(`Error processing value: ${value} isn't a valid JSON`);
-      return;
-    }
-  } else {
-    node = value;
-  }
-  if (Array.isArray(node)) {
-    // eslint-disable-next-line no-console
-    console.error(`Error processing value: ${node} is an array, but it must be an object.`);
-    return;
-  }
-  try {
-    // ProseMirror always require a child under doc
-    if (node.type === 'doc') {
-      if (Array.isArray(node.content) && node.content.length === 0) {
-        node.content.push({
-          type: 'paragraph',
-          content: []
-        });
-      }
-      // Just making sure doc is always valid
-      if (!node.version) {
-        node.version = 1;
-      }
-    }
-    if (contentTransformer) {
-      return Node.fromJSON(schema, node);
-    }
-
-    // link mark on mediaSingle is deprecated, need to move link mark to child media node
-    // https://product-fabric.atlassian.net/browse/ED-14043
-    let {
-      transformedAdf,
-      isTransformed
-    } = transformMediaLinkMarks(node);
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.MEDIA_LINK_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-
-    // See: HOT-97965 https://product-fabric.atlassian.net/browse/ED-14400
-    // We declared in code mark spec that links and marks should not co-exist on
-    // text nodes. This util strips code marks from bad text nodes and preserves links.
-    // Otherwise, prosemirror will try to repair the invalid document by stripping links
-    // and preserving code marks during content changes.
-    ({
-      transformedAdf,
-      isTransformed
-    } = transformTextLinkCodeMarks(transformedAdf));
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.TEXT_LINK_MARK_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-    let discardedMarks = [];
-    ({
-      transformedAdf,
-      isTransformed,
-      discardedMarks
-    } = transformDedupeMarks(transformedAdf));
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.DEDUPE_MARKS_TRANSFORMED_V2,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          /** UGC WARNING
-           *
-           * DO NOT include the `mark` attributes inside, we map here to only
-           * extract the mark type as that is the only non-UGC safe information
-           * that we can add to event-attributes
-           *
-           */
-          discardedMarkTypes: discardedMarks.map(mark => mark.type)
-        }
-      });
-    }
-    ({
-      transformedAdf,
-      isTransformed
-    } = transformNodesMissingContent(transformedAdf));
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.NODES_MISSING_CONTENT_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-    ({
-      transformedAdf,
-      isTransformed
-    } = transformIndentationMarks(transformedAdf));
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.INDENTATION_MARKS_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-    ({
-      transformedAdf,
-      isTransformed
-    } = transformInvalidMediaContent(transformedAdf));
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.INVALID_MEDIA_CONTENT_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-    const entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
-    let newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
-    const parsedDoc = Node.fromJSON(schema, newEntity);
-
-    // throws an error if the document is invalid
-    try {
-      parsedDoc.check();
-    } catch (err) {
-      if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent({
-          action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
-          actionSubject: ACTION_SUBJECT.EDITOR,
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
-      throw err;
-    }
-    if (dispatchAnalyticsEvent) {
-      findAndTrackUnsupportedContentNodes(parsedDoc, schema, dispatchAnalyticsEvent);
-    }
-    return parsedDoc;
-  } catch (e) {
-    if (dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.DOCUMENT_PROCESSING_ERROR,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-
-    // eslint-disable-next-line no-console
-    console.error(`Error processing document:\n${e instanceof Error ? e.message : String(e)}\n\n`, JSON.stringify(node));
-    if (isProseMirrorSchemaCheckError(e)) {
-      throw e;
-    }
-    return;
-  }
-}
-function isProseMirrorSchemaCheckError(error) {
-  return error instanceof RangeError && (!!error.message.match(/^Invalid collection of marks for node/) || !!error.message.match(/^Invalid content for node/));
-}
-const maySanitizePrivateContent = (entity, providerFactory, sanitizePrivateContent) => {
-  if (sanitizePrivateContent && providerFactory) {
-    return sanitizeNodeForPrivacy(entity, providerFactory);
-  }
-  return entity;
-};
 
 /**
  * Returns false if node contains only empty inline nodes and hardBreaks.

package/dist/es2019/utils/index.js

@@ -55,10 +55,37 @@ export { default as ADFTraversor } from './traversor';
 export { analyticsEventKey, getAnalyticsAppearance, getAnalyticsEditorAppearance, getAnalyticsEventSeverity, SEVERITY } from './analytics';
 export { getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS } from './unsupportedContent/get-unsupported-content-level-data';
 export { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
-export { getDistortedDurationMonitor, measureRender } from './performance/measure-render';
+export {
+/**
+ * @private
+ * @deprecated
+ *
+ * Please use `@atlaskit/editor-common/performance/measure-render` entry-point instead.
+ */
+getDistortedDurationMonitor,
+/**
+ * @private
+ * @deprecated
+ *
+ * Please use `@atlaskit/editor-common/performance/measure-render` entry-point instead.
+ */
+measureRender } from './performance/measure-render';
 export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';
 export { measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS } from './performance/measure-tti';
+/**
+ * @private
+ * @deprecated
+ *
+ * Private API - should not be used. Use `@atlaskit/editor-common/is-performance-api-available` if required.
+ *
+ */
 export { isPerformanceAPIAvailable, isPerformanceObserverAvailable } from './performance/is-performance-api-available';
+/**
+ * @private
+ * @deprecated
+ *
+ * Private API - should not be used. Use `@atlaskit/editor-common/performance/navigation` if required.
+ */
 export { getResponseEndTime } from './performance/navigation';
 export { getExtensionRenderer } from './extension-handler';
 export { hasMergedCell, calcTableColumnWidths, convertProsemirrorTableNodeToArrayOfRows, isPositionNearTableRow } from './table';
@@ -92,12 +119,27 @@ export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLink
 // prosemirror-history does not export its plugin key
 export const pmHistoryPluginKey = 'history$';
 export { gridTypeForLayout } from './grid';
-export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, isSelectionEndOfParagraph, getChangedNodes } from './document';
+export { nodesBetweenChanged, getStepRange, isEmptyDocument, hasDocAsParent, bracketTyped, hasVisibleContent, isSelectionEndOfParagraph, getChangedNodes } from './document';
+
+/**
+ * @private
+ * @deprecated
+ *
+ * Use `@atlaskit/editor-common/process-raw-value` entry-point instead.
+ */
+export { processRawValue } from './processRawValue';
 export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, nonWrappedLayouts } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource, getDatasourceType } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode } from './commands';
 export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX } from './scroll-gutter';
+
+/**
+ * @private
+ * @deprecated
+ *
+ * Private API - do not use.
+ */
 export { getTimeSince } from './performance/get-performance-timing';
 export { countNodes } from './count-nodes';
 export function shallowEqual(obj1 = {}, obj2 = {}) {

package/dist/es2019/utils/processRawValue.js

@@ -0,0 +1,183 @@
+import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
+import { Node } from '@atlaskit/editor-prosemirror/model';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
+import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
+import { validateADFEntity } from './validate-using-spec';
+export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
+  if (!value) {
+    return;
+  }
+  let node;
+  if (typeof value === 'string') {
+    try {
+      if (contentTransformer) {
+        const doc = contentTransformer.parse(value);
+        node = doc.toJSON();
+      } else {
+        node = JSON.parse(value);
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(`Error processing value: ${value} isn't a valid JSON`);
+      return;
+    }
+  } else {
+    node = value;
+  }
+  if (Array.isArray(node)) {
+    // eslint-disable-next-line no-console
+    console.error(`Error processing value: ${node} is an array, but it must be an object.`);
+    return;
+  }
+  try {
+    // ProseMirror always require a child under doc
+    if (node.type === 'doc') {
+      if (Array.isArray(node.content) && node.content.length === 0) {
+        node.content.push({
+          type: 'paragraph',
+          content: []
+        });
+      }
+      // Just making sure doc is always valid
+      if (!node.version) {
+        node.version = 1;
+      }
+    }
+    if (contentTransformer) {
+      return Node.fromJSON(schema, node);
+    }
+
+    // link mark on mediaSingle is deprecated, need to move link mark to child media node
+    // https://product-fabric.atlassian.net/browse/ED-14043
+    let {
+      transformedAdf,
+      isTransformed
+    } = transformMediaLinkMarks(node);
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.MEDIA_LINK_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+
+    // See: HOT-97965 https://product-fabric.atlassian.net/browse/ED-14400
+    // We declared in code mark spec that links and marks should not co-exist on
+    // text nodes. This util strips code marks from bad text nodes and preserves links.
+    // Otherwise, prosemirror will try to repair the invalid document by stripping links
+    // and preserving code marks during content changes.
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformTextLinkCodeMarks(transformedAdf));
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.TEXT_LINK_MARK_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+    let discardedMarks = [];
+    ({
+      transformedAdf,
+      isTransformed,
+      discardedMarks
+    } = transformDedupeMarks(transformedAdf));
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.DEDUPE_MARKS_TRANSFORMED_V2,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          /** UGC WARNING
+           *
+           * DO NOT include the `mark` attributes inside, we map here to only
+           * extract the mark type as that is the only non-UGC safe information
+           * that we can add to event-attributes
+           *
+           */
+          discardedMarkTypes: discardedMarks.map(mark => mark.type)
+        }
+      });
+    }
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformNodesMissingContent(transformedAdf));
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.NODES_MISSING_CONTENT_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformIndentationMarks(transformedAdf));
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.INDENTATION_MARKS_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformInvalidMediaContent(transformedAdf));
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.INVALID_MEDIA_CONTENT_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+    const entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
+    let newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
+    const parsedDoc = Node.fromJSON(schema, newEntity);
+
+    // throws an error if the document is invalid
+    try {
+      parsedDoc.check();
+    } catch (err) {
+      if (dispatchAnalyticsEvent) {
+        dispatchAnalyticsEvent({
+          action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+          actionSubject: ACTION_SUBJECT.EDITOR,
+          eventType: EVENT_TYPE.OPERATIONAL
+        });
+      }
+      throw err;
+    }
+    if (dispatchAnalyticsEvent) {
+      findAndTrackUnsupportedContentNodes(parsedDoc, schema, dispatchAnalyticsEvent);
+    }
+    return parsedDoc;
+  } catch (e) {
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.DOCUMENT_PROCESSING_ERROR,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+
+    // eslint-disable-next-line no-console
+    console.error(`Error processing document:\n${e instanceof Error ? e.message : String(e)}\n\n`, JSON.stringify(node));
+    if (isProseMirrorSchemaCheckError(e)) {
+      throw e;
+    }
+    return;
+  }
+}
+function isProseMirrorSchemaCheckError(error) {
+  return error instanceof RangeError && (!!error.message.match(/^Invalid collection of marks for node/) || !!error.message.match(/^Invalid content for node/));
+}
+const maySanitizePrivateContent = (entity, providerFactory, sanitizePrivateContent) => {
+  if (sanitizePrivateContent && providerFactory) {
+    return sanitizeNodeForPrivacy(entity, providerFactory);
+  }
+  return entity;
+};

package/dist/esm/monitoring/error.js

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

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

@@ -7,6 +7,9 @@ export var blockquoteSharedStyles = css({
   '& blockquote': {
     boxSizing: 'border-box',
     color: 'inherit',
+    width: '100%',
+    clear: 'both',
+    display: 'inline-block',
     paddingLeft: "var(--ds-space-200, 16px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderLeft: "2px solid ".concat("var(--ds-border, ".concat(akEditorBlockquoteBorderColor, ")")),
@@ -50,6 +53,9 @@ export var blockquoteSharedStylesNew = css({
   '& blockquote': {
     boxSizing: 'border-box',
     color: 'inherit',
+    width: '100%',
+    clear: 'both',
+    display: 'inline-block',
     paddingLeft: "var(--ds-space-250, 20px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderLeft: "2px solid ".concat("var(--ds-border, ".concat(akEditorBlockquoteBorderColor, ")")),

package/dist/esm/styles/shared/media-single.js

@@ -26,7 +26,7 @@ var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat
   marginBottom: "var(--ds-space-150, 12px)",
   clear: 'both',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.image-wrap-left, &.image-wrap-right': {
+  '&.image-wrap-left[data-layout], &.image-wrap-right[data-layout]': {
     clear: 'none',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&:first-child': {

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

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
@@ -39,9 +39,16 @@ export var TableSharedCssClassName = {
   TABLE_RESIZER_CONTAINER: "".concat(tablePrefixSelector, "-resizer-container")
 };
 
+/* first block node has 0 top margin */
+var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
+  return editorExperiment('nested-dnd', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+  css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"]))) : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+  css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t\t> :first-child:not(style),\n\t\t\t\t> style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t"])));
+};
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
 var tableSharedStyle = function tableSharedStyle() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t> :first-child:not(style),\n        > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), editorExperiment('table-nested-dnd', true) ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), editorExperiment('table-nested-dnd', true) ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"

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

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

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

@@ -10,6 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { PureComponent } from 'react';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
+// @deprecated - use Emoji from editor-plugin-emoji
 var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiNode, _PureComponent);
   var _super = _createSuper(EmojiNode);