@atlaskit/editor-common 74.44.1 → 74.45.1

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.richMediaClassName = exports.mediaSingleSharedStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject;
 var richMediaClassName = 'rich-media-item';
 exports.richMediaClassName = richMediaClassName;
 var wrappedMediaBreakoutPoint = 410;
-var mediaSingleSharedStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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, !(0, _platformFeatureFlags.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 = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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)");
 exports.mediaSingleSharedStyle = mediaSingleSharedStyle;

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } } /** @jsx jsx */
 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/cjs/ui/MediaSingle/styled.js

@@ -13,7 +13,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _mediaSingle = require("../../media-single");
 var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
 var _excluded = ["children"];
@@ -89,12 +88,6 @@ function calcMaxWidth(layout, containerWidth) {
       return '100%';
   }
 }
-var getEffectiveFullWidth = function getEffectiveFullWidth(containerWidth, fullWidthMode) {
-  if (fullWidthMode) {
-    return '100%';
-  }
-  return "".concat((0, _mediaSingle.calcMediaSingleMaxWidth)(containerWidth), "px");
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -131,7 +124,7 @@ var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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' && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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 && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(_utils.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 (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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' && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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 && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 exports.MediaSingleDimensionHelper = MediaSingleDimensionHelper;
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {

package/dist/cjs/utils/index.js

@@ -184,6 +184,7 @@ Object.defineProperty(exports, "canRenderDatasource", {
     return _datasource.canRenderDatasource;
   }
 });
+exports.checkNodeDown = checkNodeDown;
 Object.defineProperty(exports, "clearMeasure", {
   enumerable: true,
   get: function get() {
@@ -292,6 +293,7 @@ Object.defineProperty(exports, "findChangedNodesFromTransaction", {
     return _nodes.findChangedNodesFromTransaction;
   }
 });
+exports.findFarthestParentNode = void 0;
 Object.defineProperty(exports, "findFilepaths", {
   enumerable: true,
   get: function get() {
@@ -496,6 +498,7 @@ Object.defineProperty(exports, "insertNewLineWithAnalytics", {
     return _commands.insertNewLineWithAnalytics;
   }
 });
+exports.insideTableCell = void 0;
 Object.defineProperty(exports, "isBulletList", {
   enumerable: true,
   get: function get() {
@@ -514,6 +517,7 @@ Object.defineProperty(exports, "isEmptyDocument", {
     return _document.isEmptyDocument;
   }
 });
+exports.isEmptyNode = void 0;
 Object.defineProperty(exports, "isEmptyParagraph", {
   enumerable: true,
   get: function get() {
@@ -544,6 +548,7 @@ Object.defineProperty(exports, "isInLayoutColumn", {
     return _editorCoreUtils.isInLayoutColumn;
   }
 });
+exports.isInListItem = void 0;
 Object.defineProperty(exports, "isLastItemMediaGroup", {
   enumerable: true,
   get: function get() {
@@ -586,6 +591,7 @@ Object.defineProperty(exports, "isNodeBeforeMediaNode", {
     return _nodes.isNodeBeforeMediaNode;
   }
 });
+exports.isNodeEmpty = isNodeEmpty;
 Object.defineProperty(exports, "isNodeSelectedOrInRange", {
   enumerable: true,
   get: function get() {
@@ -640,6 +646,7 @@ Object.defineProperty(exports, "isRichMediaInsideOfBlockNode", {
     return _richMediaUtils.isRichMediaInsideOfBlockNode;
   }
 });
+exports.isSelectionInsideLastNodeInDocument = isSelectionInsideLastNodeInDocument;
 Object.defineProperty(exports, "isSupportedInParent", {
   enumerable: true,
   get: function get() {
@@ -948,6 +955,7 @@ Object.defineProperty(exports, "withImageLoader", {
     return _imageLoader.withImageLoader;
   }
 });
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _annotation = require("./annotation");
 var _macro = require("./macro");
 var _browser = _interopRequireDefault(require("./browser"));
@@ -1005,4 +1013,146 @@ function shallowEqual() {
   return keys1.length === keys2.length && keys1.reduce(function (acc, key) {
     return acc && obj1[key] === obj2[key];
   }, true);
+}
+function isSelectionInsideLastNodeInDocument(selection) {
+  var docNode = selection.$anchor.node(0);
+  var rootNode = selection.$anchor.node(1);
+  return docNode.lastChild === rootNode;
+}
+var isInListItem = function isInListItem(state) {
+  return (0, _utils.hasParentNodeOfType)(state.schema.nodes.listItem)(state.selection);
+};
+
+/**
+ * Find the farthest node given a condition
+ * @param predicate Function to check the node
+ */
+exports.isInListItem = isInListItem;
+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;
+  };
+};
+exports.findFarthestParentNode = findFarthestParentNode;
+var insideTableCell = function insideTableCell(state) {
+  var _state$schema$nodes = state.schema.nodes,
+    tableCell = _state$schema$nodes.tableCell,
+    tableHeader = _state$schema$nodes.tableHeader;
+  return (0, _utils.hasParentNodeOfType)([tableCell, tableHeader])(state.selection);
+};
+
+/**
+ * Traverse the document until an "ancestor" is found. Any nestable block can be an ancestor.
+ */
+exports.insideTableCell = insideTableCell;
+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;
+}
+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;
+}
+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.
+ */
+exports.isEmptyNode = isEmptyNode;
+function isNodeEmpty(node) {
+  if (node && node.textContent) {
+    return false;
+  }
+  if (!node || !node.childCount || node.childCount === 1 && (0, _editorCoreUtils.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 && (0, _editorCoreUtils.isEmptyParagraph)(childNode.firstChild)) || childNode.isAtom;
+  }).length;
 }

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

@@ -21,7 +21,7 @@ var nonWrappedLayouts = ['center', 'wide', 'full-width'];
 exports.nonWrappedLayouts = nonWrappedLayouts;
 var floatingLayouts = ['wrap-left', 'wrap-right'];
 exports.floatingLayouts = floatingLayouts;
-var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes) {
+var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -29,11 +29,8 @@ var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, p
   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 !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, includeMoreParentNodeTypes ? [].concat(parentNodeTypes, [tableCell, listItem]) : parentNodeTypes);
+    layoutColumn = _view$state$schema$no.layoutColumn;
+  return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);
 };
 exports.isRichMediaInsideOfBlockNode = isRichMediaInsideOfBlockNode;
 var alignAttributes = function alignAttributes(layout, oldAttrs) {

package/dist/cjs/version.json

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

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

@@ -1,6 +1,18 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../../quick-insert/use-icon-themed';
 export default function IconTable() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  const cellBackgroundColour = iconThemed({
+    light: '#FFF',
+    dark: '#1D2125'
+  });
+  const headerBackgroundColour = iconThemed({
+    light: '#DFE1E6',
+    dark: '#5A6977'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -10,24 +22,30 @@ export default function IconTable() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
-    stroke: "#C1C7D0"
+    stroke: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    })
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: cellBackgroundColour,
     d: "M20 16h14v8H20z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M20 8h13a1 1 0 011 1v7H20V8z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/React.createElement("path", {
     d: "M20 24h14v7a1 1 0 01-1 1H20v-8zM6 16h14v8H6z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }), /*#__PURE__*/React.createElement("path", {
     d: "M7 8h13v8H6V9a1 1 0 011-1z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/React.createElement("path", {
     d: "M6 24h14v8H7a1 1 0 01-1-1v-7z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }))));
 }

package/dist/es2019/mark/commands.js

@@ -132,21 +132,20 @@ const entireSelectionContainsMark = (mark, doc, fromPos, toPos) => {
   });
   return onlyContainsMark;
 };
-const toggleMarkInRange = mark => (state, dispatch) => {
-  const {
-    tr
-  } = state;
-  if (state.selection instanceof CellSelection) {
+const toggleMarkInRange = mark => ({
+  tr
+}) => {
+  if (tr.selection instanceof CellSelection) {
     let removeMark = true;
     const cells = [];
-    state.selection.forEachCell((cell, cellPos) => {
+    tr.selection.forEachCell((cell, cellPos) => {
       cells.push({
         node: cell,
         pos: cellPos
       });
       const from = cellPos;
       const to = cellPos + cell.nodeSize;
-      removeMark && (removeMark = entireSelectionContainsMark(mark, state.doc, from, to));
+      removeMark && (removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
     });
     for (let i = cells.length - 1; i >= 0; i--) {
       const cell = cells[i];
@@ -158,48 +157,42 @@ const toggleMarkInRange = mark => (state, dispatch) => {
     const {
       $from,
       $to
-    } = state.selection;
+    } = tr.selection;
     // We decide to remove the mark only if the entire selection contains the mark
     // Examples with *bold* text
     // Scenario 1: Selection contains both bold and non-bold text -> bold entire selection
     // Scenario 2: Selection contains only bold text -> un-bold entire selection
     // Scenario 3: Selection contains no bold text -> bold entire selection
-    const removeMark = entireSelectionContainsMark(mark, state.doc, $from.pos, $to.pos);
+    const removeMark = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
     applyMarkOnRange($from.pos, $to.pos, removeMark, mark, tr);
   }
   if (tr.docChanged) {
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
+    return tr;
   }
-  return false;
+  return null;
 };
 
 /**
- * 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 const toggleMark = (markType, attrs) => (state, dispatch) => {
+export const toggleMark = (markType, attrs) => ({
+  tr
+}) => {
   const mark = markType.create(attrs);
 
   // For cursor selections we can use the default behaviour.
-  if (state.selection instanceof TextSelection && state.selection.$cursor) {
-    const {
-      tr
-    } = state;
-    if (mark.isInSet(state.storedMarks || state.selection.$cursor.marks())) {
+  if (tr.selection instanceof TextSelection && tr.selection.$cursor) {
+    if (mark.isInSet(tr.storedMarks || tr.selection.$cursor.marks())) {
       tr.removeStoredMark(mark);
     } else {
       tr.addStoredMark(mark);
     }
-    if (dispatch) {
-      dispatch(tr);
-      return true;
-    }
-    return false;
+    return tr;
   }
-  return toggleMarkInRange(mark)(state, dispatch);
+  return toggleMarkInRange(mark)({
+    tr
+  });
 };

package/dist/es2019/mark/index.js

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

package/dist/es2019/media-single/constants.js

@@ -5,6 +5,7 @@ export const MEDIA_SINGLE_HANDLE_MARGIN = 12;
 export const MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_HANDLE_MARGIN * 2;
 export const DEFAULT_IMAGE_WIDTH = 250;
 export const DEFAULT_IMAGE_HEIGHT = 200;
+export const MEDIA_SINGLE_RESIZE_THROTTLE_TIME = 100;
 export let Layout = /*#__PURE__*/function (Layout) {
   Layout["FULL_WIDTH"] = "full-width";
   Layout["WIDE"] = "wide";

package/dist/es2019/media-single/index.js

@@ -1,2 +1,2 @@
-export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, MEDIA_SINGLE_GUTTER_SIZE, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts } from './constants';
+export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts } from './constants';
 export { getMediaSinglePixelWidth, calcMediaSinglePixelWidth, calcMediaSingleMaxWidth, getMediaSingleInitialWidth, calculateOffsetLeft, roundToNearest } from './utils';

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.44.1";
+const packageVersion = "74.45.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -1,7 +1,14 @@
-// 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() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  const lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,33 +18,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/es2019/quick-insert/assets/list.js

@@ -1,7 +1,17 @@
-// 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() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  const dotColour = iconThemed({
+    light: '#6C798F',
+    dark: '#5A6977'
+  });
+  const lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,44 +21,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/es2019/quick-insert/assets/quote.js

@@ -1,7 +1,11 @@
 // 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() {
+  const {
+    iconThemed
+  } = useIconThemed();
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,10 +15,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 +32,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'
+    })
   })));
 }