@atlaskit/editor-common 74.44.1 → 74.45.1

package/dist/esm/quick-insert/assets/list-number.js

@@ -1,7 +1,13 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconListOrdered() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,33 +17,39 @@ export default function IconListOrdered() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(9 9)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 10,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 2,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 18,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#6C798F",
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    }),
     d: "M1.159 4.996v-3.58h-.056L0 2.176v-.875L1.162.5H2.1v4.496zM0 9.97C0 9.094.67 8.5 1.648 8.5c.943 0 1.6.542 1.6 1.319 0 .492-.266.915-1.049 1.65l-.864.825v.056h1.98v.786H.052v-.66L1.53 11.03c.636-.62.795-.855.795-1.15 0-.363-.294-.62-.708-.62-.438 0-.739.288-.739.705v.019H0v-.016zm1.172 9.22v-.71h.554c.431 0 .724-.251.724-.623 0-.365-.283-.598-.727-.598-.441 0-.734.249-.76.642H.086c.032-.86.67-1.401 1.663-1.401.932 0 1.603.51 1.603 1.225 0 .526-.33.935-.838 1.04v.056c.624.07 1.014.485 1.014 1.083 0 .797-.75 1.373-1.785 1.373-1.015 0-1.701-.56-1.742-1.417h.91c.028.384.353.627.841.627.475 0 .806-.268.806-.655 0-.397-.312-.643-.822-.643h-.563z"
   }))));
 }

package/dist/esm/quick-insert/assets/list.js

@@ -1,7 +1,16 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconList() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  var dotColour = iconThemed({
+    light: '#6C798F',
+    dark: '#5A6977'
+  });
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,44 +20,47 @@ export default function IconList() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(8 10)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 9,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 1,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 17,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 8,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 16,
     width: 4,
     height: 4,

package/dist/esm/quick-insert/assets/quote.js

@@ -1,7 +1,10 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconQuote() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,10 +14,16 @@ export default function IconQuote() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 8,
     width: 2,
@@ -22,6 +31,9 @@ export default function IconQuote() {
     rx: 1
   }), /*#__PURE__*/React.createElement("path", {
     d: "M27.284 12c-1.888 0-3.422 1.577-3.422 3.522 0 1.944 1.534 3.521 3.422 3.521 3.245 0 1.365 6.118-2.727 6.755a.818.818 0 00-.695.806c0 .5.447.896.942.82C32.242 26.296 34.886 12 27.284 12m-9.86 0C15.533 12 14 13.577 14 15.522c0 1.944 1.533 3.521 3.424 3.521 3.243 0 1.363 6.118-2.73 6.755a.818.818 0 00-.694.806c0 .5.447.896.941.82C22.381 26.296 25.026 12 17.424 12",
-    fill: "#6C798F"
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    })
   })));
 }

package/dist/esm/quick-insert/assets/status.js

@@ -1,7 +1,8 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconStatus() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,17 +12,26 @@ export default function IconStatus() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 11)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#B3D4FF",
+    fill: iconThemed({
+      light: '#B3D4FF',
+      dark: '#09326C'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#1D7AFC'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -30,12 +40,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 18)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#C3F8DF",
+    fill: iconThemed({
+      light: '#C3F8DF',
+      dark: '#164B35'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#36B37E",
+    fill: iconThemed({
+      light: '#36B37E',
+      dark: '#22A06B'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -44,12 +60,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 25)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#DFE1E6",
+    fill: iconThemed({
+      light: '#DFE1E6',
+      dark: '#2C333A'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8993A4",
+    fill: iconThemed({
+      light: '#8993A4',
+      dark: '#5A6977'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -58,12 +80,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 25)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFD3C8",
+    fill: iconThemed({
+      light: '#FFD3C8',
+      dark: '#601D16'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF5230",
+    fill: iconThemed({
+      light: '#FF5230',
+      dark: '#F35844'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -72,12 +100,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 11)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#EAE6FF",
+    fill: iconThemed({
+      light: '#EAE6FF',
+      dark: '#352C63'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8777D9",
+    fill: iconThemed({
+      light: '#8777D9',
+      dark: '#8270DB'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -86,12 +120,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 18)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFF0B3",
+    fill: iconThemed({
+      light: '#FFF0B3',
+      dark: '#5F3811'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF991F",
+    fill: iconThemed({
+      light: '#FF991F',
+      dark: '#D19D00'
+    }),
     x: 2,
     y: 2,
     width: 10,

package/dist/esm/selection/index.js

@@ -1,4 +1,4 @@
 export { RelativeSelectionPos } from './types';
 export { GapCursorSelection, Side, JSON_ID, GapBookmark } from './gap-cursor/selection';
 export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
-export { isSelectionAtStartOfNode, isSelectionAtEndOfNode } from './utils';
+export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent } from './utils';

package/dist/esm/selection/utils.js

@@ -1,3 +1,5 @@
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { GapCursorSelection } from './gap-cursor/selection';
 export var isSelectionAtStartOfNode = function isSelectionAtStartOfNode($pos, parentNode) {
   if (!parentNode) {
     return false;
@@ -27,4 +29,41 @@ export var isSelectionAtEndOfNode = function isSelectionAtEndOfNode($pos, parent
     }
   }
   return true;
-};
+};
+export function atTheEndOfDoc(state) {
+  var selection = state.selection,
+    doc = state.doc;
+  return doc.nodeSize - selection.$to.pos - 2 === selection.$to.depth;
+}
+export function atTheBeginningOfDoc(state) {
+  var selection = state.selection;
+  return selection.$from.pos === selection.$from.depth;
+}
+export function atTheEndOfBlock(state) {
+  var selection = state.selection;
+  var $to = selection.$to;
+  if (selection instanceof GapCursorSelection) {
+    return false;
+  }
+  if (selection instanceof NodeSelection && selection.node.isBlock) {
+    return true;
+  }
+  return endPositionOfParent($to) === $to.pos + 1;
+}
+export function atTheBeginningOfBlock(state) {
+  var selection = state.selection;
+  var $from = selection.$from;
+  if (selection instanceof GapCursorSelection) {
+    return false;
+  }
+  if (selection instanceof NodeSelection && selection.node.isBlock) {
+    return true;
+  }
+  return startPositionOfParent($from) === $from.pos;
+}
+export function startPositionOfParent(resolvedPos) {
+  return resolvedPos.start(resolvedPos.depth);
+}
+export function endPositionOfParent(resolvedPos) {
+  return resolvedPos.end(resolvedPos.depth) + 1;
+}

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var richMediaClassName = 'rich-media-item';
 var wrappedMediaBreakoutPoint = 410;
-var mediaSingleSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    clear: both;\n\n    &.image-wrap-left,\n    &.image-wrap-right {\n      clear: none;\n\n      &:first-child {\n        margin-top: ", ";\n      }\n    }\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  ", "\n"])), richMediaClassName, richMediaClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, !getBooleanFF('platform.editor.media.extended-resize-experience') && "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: 12px 0;\n    }\n  }"));
+var mediaSingleSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    clear: both;\n\n    &.image-wrap-left,\n    &.image-wrap-right {\n      clear: none;\n\n      &:first-child {\n        margin-top: ", ";\n      }\n    }\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  @media all and (max-width: ", "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: ", " 0;\n    }\n  }\n"])), richMediaClassName, richMediaClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, wrappedMediaBreakoutPoint, "var(--ds-space-150, 12px)");
 export { mediaSingleSharedStyle, richMediaClassName };

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

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.44.1";
+var packageVersion = "74.45.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/MediaSingle/styled.js

@@ -7,7 +7,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { calcMediaSingleMaxWidth } from '../../media-single';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -80,12 +79,6 @@ function calcMaxWidth(layout, containerWidth) {
       return '100%';
   }
 }
-var getEffectiveFullWidth = function getEffectiveFullWidth(containerWidth, fullWidthMode) {
-  if (fullWidthMode) {
-    return '100%';
-  }
-  return "".concat(calcMediaSingleMaxWidth(containerWidth), "px");
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -122,7 +115,7 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set by ResizerNext inline style\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

package/dist/esm/utils/index.js

@@ -1,9 +1,11 @@
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween } from './editor-core-utils';
+import { isEmptyParagraph } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle } from './breakout';
 export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, isMediaNode, isNodeBeforeMediaNode } from './nodes';
@@ -55,4 +57,142 @@ export function shallowEqual() {
     return acc && obj1[key] === obj2[key];
   }, true);
 }
-export { inputRuleWithAnalytics, createWrappingJoinRule, createRule } from './input-rules';
+export { inputRuleWithAnalytics, createWrappingJoinRule, createRule } from './input-rules';
+export function isSelectionInsideLastNodeInDocument(selection) {
+  var docNode = selection.$anchor.node(0);
+  var rootNode = selection.$anchor.node(1);
+  return docNode.lastChild === rootNode;
+}
+export var isInListItem = function isInListItem(state) {
+  return hasParentNodeOfType(state.schema.nodes.listItem)(state.selection);
+};
+
+/**
+ * Find the farthest node given a condition
+ * @param predicate Function to check the node
+ */
+export var findFarthestParentNode = function findFarthestParentNode(predicate) {
+  return function ($pos) {
+    var candidate = null;
+    for (var i = $pos.depth; i > 0; i--) {
+      var _node = $pos.node(i);
+      if (predicate(_node)) {
+        candidate = {
+          pos: i > 0 ? $pos.before(i) : 0,
+          start: $pos.start(i),
+          depth: i,
+          node: _node
+        };
+      }
+    }
+    return candidate;
+  };
+};
+export var insideTableCell = function insideTableCell(state) {
+  var _state$schema$nodes = state.schema.nodes,
+    tableCell = _state$schema$nodes.tableCell,
+    tableHeader = _state$schema$nodes.tableHeader;
+  return hasParentNodeOfType([tableCell, tableHeader])(state.selection);
+};
+
+/**
+ * Traverse the document until an "ancestor" is found. Any nestable block can be an ancestor.
+ */
+function findAncestorPosition(doc, pos) {
+  var nestableBlocks = ['blockquote', 'bulletList', 'orderedList'];
+  if (pos.depth === 1) {
+    return pos;
+  }
+  var node = pos.node(pos.depth);
+  var newPos = pos;
+  while (pos.depth >= 1) {
+    pos = doc.resolve(pos.before(pos.depth));
+    node = pos.node(pos.depth);
+    if (node && nestableBlocks.indexOf(node.type.name) !== -1) {
+      newPos = pos;
+    }
+  }
+  return newPos;
+}
+export function checkNodeDown(selection, doc, filter) {
+  var ancestorDepth = findAncestorPosition(doc, selection.$to).depth;
+
+  // Top level node
+  if (ancestorDepth === 0) {
+    return false;
+  }
+  var res = doc.resolve(selection.$to.after(ancestorDepth));
+  return res.nodeAfter ? filter(res.nodeAfter) : false;
+}
+export var isEmptyNode = function isEmptyNode(schema) {
+  var _schema$nodes = schema.nodes,
+    doc = _schema$nodes.doc,
+    paragraph = _schema$nodes.paragraph,
+    codeBlock = _schema$nodes.codeBlock,
+    blockquote = _schema$nodes.blockquote,
+    panel = _schema$nodes.panel,
+    heading = _schema$nodes.heading,
+    listItem = _schema$nodes.listItem,
+    bulletList = _schema$nodes.bulletList,
+    orderedList = _schema$nodes.orderedList,
+    taskList = _schema$nodes.taskList,
+    taskItem = _schema$nodes.taskItem,
+    decisionList = _schema$nodes.decisionList,
+    decisionItem = _schema$nodes.decisionItem,
+    media = _schema$nodes.media,
+    mediaGroup = _schema$nodes.mediaGroup,
+    mediaSingle = _schema$nodes.mediaSingle;
+  var innerIsEmptyNode = function innerIsEmptyNode(node) {
+    switch (node.type) {
+      case media:
+      case mediaGroup:
+      case mediaSingle:
+        return false;
+      case paragraph:
+      case codeBlock:
+      case heading:
+      case taskItem:
+      case decisionItem:
+        return node.content.size === 0;
+      case blockquote:
+      case panel:
+      case listItem:
+        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
+      case bulletList:
+      case orderedList:
+        return node.content.size === 4 && innerIsEmptyNode(node.content.firstChild);
+      case taskList:
+      case decisionList:
+        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
+      case doc:
+        var isEmpty = true;
+        node.content.forEach(function (child) {
+          isEmpty = isEmpty && innerIsEmptyNode(child);
+        });
+        return isEmpty;
+      default:
+        return isNodeEmpty(node);
+    }
+  };
+  return innerIsEmptyNode;
+};
+
+/**
+ * Checks if a node has any content. Ignores node that only contain empty block nodes.
+ */
+export function isNodeEmpty(node) {
+  if (node && node.textContent) {
+    return false;
+  }
+  if (!node || !node.childCount || node.childCount === 1 && isEmptyParagraph(node.firstChild)) {
+    return true;
+  }
+  var block = [];
+  var nonBlock = [];
+  node.forEach(function (child) {
+    child.isInline ? nonBlock.push(child) : block.push(child);
+  });
+  return !nonBlock.length && !block.filter(function (childNode) {
+    return !!childNode.childCount && !(childNode.childCount === 1 && isEmptyParagraph(childNode.firstChild)) || childNode.isAtom;
+  }).length;
+}

package/dist/esm/utils/rich-media-utils.js

@@ -9,7 +9,7 @@ export var shouldAddDefaultWrappedWidth = function shouldAddDefaultWrappedWidth(
 };
 export var nonWrappedLayouts = ['center', 'wide', 'full-width'];
 export var floatingLayouts = ['wrap-left', 'wrap-right'];
-export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes) {
+export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -17,11 +17,8 @@ export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(
   var _view$state$schema$no = view.state.schema.nodes,
     expand = _view$state$schema$no.expand,
     nestedExpand = _view$state$schema$no.nestedExpand,
-    layoutColumn = _view$state$schema$no.layoutColumn,
-    tableCell = _view$state$schema$no.tableCell,
-    listItem = _view$state$schema$no.listItem;
-  var parentNodeTypes = [expand, nestedExpand, layoutColumn];
-  return !!findParentNodeOfTypeClosestToPos($pos, includeMoreParentNodeTypes ? [].concat(parentNodeTypes, [tableCell, listItem]) : parentNodeTypes);
+    layoutColumn = _view$state$schema$no.layoutColumn;
+  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
 };
 export var alignAttributes = function alignAttributes(layout, oldAttrs) {
   var gridSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 12;

package/dist/esm/version.json

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

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

@@ -369,8 +369,11 @@ export interface CollabInviteToEditProps {
 }
 export interface CollabAnalyticsProps {
     /**
-     * @description Control wether Synchrony entity error events are tracked
+     * @description Control whether Synchrony entity error events are tracked
      */
     EXPERIMENTAL_allowInternalErrorAnalytics?: boolean;
 }
+export interface CollabEventLocalStepData {
+    steps: Array<Step>;
+}
 export {};

package/dist/types/mark/commands.d.ts

@@ -1,6 +1,6 @@
 import type { Mark, MarkType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { Command } from '../types';
+import type { PluginCommand } from '../types';
 export declare function filterChildrenBetween(doc: PMNode, from: number, to: number, predicate: (node: PMNode, pos: number, parent: PMNode | null) => boolean | undefined): {
     node: PMNode;
     pos: number;
@@ -8,11 +8,11 @@ export declare function filterChildrenBetween(doc: PMNode, from: number, to: num
 export declare const transformSmartCharsMentionsAndEmojis: (from: number, to: number, tr: Transaction) => void;
 export declare const applyMarkOnRange: (from: number, to: number, removeMark: boolean, mark: Mark, tr: Transaction) => Transaction;
 /**
- * A wrapper over the default toggleMark, except when we have a selection
- * we only toggle marks on text nodes rather than inline nodes.
+ * A custom version of the ProseMirror toggleMark, where we only toggle marks
+ * on text nodes in the selection rather than all inline nodes.
  * @param markType
  * @param attrs
  */
 export declare const toggleMark: (markType: MarkType, attrs?: {
     [key: string]: any;
-} | undefined) => Command;
+} | undefined) => PluginCommand;

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

@@ -1,2 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween, } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, } from './commands';
 export { anyMarkActive } from './text-formatting';