@atlaskit/editor-common 74.44.1 → 74.45.1

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

@@ -1,7 +1,9 @@
-// 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() {
+  const {
+    iconThemed
+  } = useIconThemed();
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,17 +13,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 +41,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 +61,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 +81,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 +101,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 +121,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/es2019/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/es2019/selection/utils.js

@@ -1,3 +1,5 @@
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { GapCursorSelection } from './gap-cursor/selection';
 export const isSelectionAtStartOfNode = ($pos, parentNode) => {
   if (!parentNode) {
     return false;
@@ -27,4 +29,53 @@ export const isSelectionAtEndOfNode = ($pos, parentNode) => {
     }
   }
   return true;
-};
+};
+export function atTheEndOfDoc(state) {
+  const {
+    selection,
+    doc
+  } = state;
+  return doc.nodeSize - selection.$to.pos - 2 === selection.$to.depth;
+}
+export function atTheBeginningOfDoc(state) {
+  const {
+    selection
+  } = state;
+  return selection.$from.pos === selection.$from.depth;
+}
+export function atTheEndOfBlock(state) {
+  const {
+    selection
+  } = state;
+  const {
+    $to
+  } = selection;
+  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) {
+  const {
+    selection
+  } = state;
+  const {
+    $from
+  } = selection;
+  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/es2019/styles/shared/media-single.js

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const richMediaClassName = 'rich-media-item';
 const wrappedMediaBreakoutPoint = 410;
 const mediaSingleSharedStyle = css`
@@ -61,15 +60,15 @@ const mediaSingleSharedStyle = css`
     margin-left: 0;
   }
 
-  ${!getBooleanFF('platform.editor.media.extended-resize-experience') && `@media all and (max-width: ${wrappedMediaBreakoutPoint}px) {
+  @media all and (max-width: ${wrappedMediaBreakoutPoint}px) {
     div.mediaSingleView-content-wrap[layout='wrap-left'],
     div.mediaSingleView-content-wrap[data-layout='wrap-left'],
     div.mediaSingleView-content-wrap[layout='wrap-right'],
     div.mediaSingleView-content-wrap[data-layout='wrap-right'] {
       float: none;
       overflow: auto;
-      margin: 12px 0;
+      margin: ${"var(--ds-space-150, 12px)"} 0;
     }
-  }`}
+  }
 `;
 export { mediaSingleSharedStyle, richMediaClassName };

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

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.44.1";
+const packageVersion = "74.45.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -3,7 +3,6 @@
 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) {
@@ -72,12 +71,6 @@ function calcMaxWidth(layout, containerWidth) {
       return '100%';
   }
 }
-const getEffectiveFullWidth = (containerWidth, fullWidthMode) => {
-  if (fullWidthMode) {
-    return '100%';
-  }
-  return `${calcMediaSingleMaxWidth(containerWidth)}px`;
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -137,10 +130,7 @@ export const MediaSingleDimensionHelper = ({
 
   &[class*='not-resizing'] {
     ${!isNestedNode && `${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
-      transform: translateX(-50%);`}
-
-    // override min-width to counteract max-width set by ResizerNext inline style
-    ${layout === 'full-width' && `min-width: ${getEffectiveFullWidth(containerWidth, fullWidthMode)} !important;`};`}
+      transform: translateX(-50%);`}`}
   }
 
   float: ${float(layout)};

package/dist/es2019/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';
@@ -51,4 +53,140 @@ export function shallowEqual(obj1 = {}, obj2 = {}) {
   const keys2 = Object.keys(obj2);
   return keys1.length === keys2.length && keys1.reduce((acc, key) => acc && obj1[key] === obj2[key], true);
 }
-export { inputRuleWithAnalytics, createWrappingJoinRule, createRule } from './input-rules';
+export { inputRuleWithAnalytics, createWrappingJoinRule, createRule } from './input-rules';
+export function isSelectionInsideLastNodeInDocument(selection) {
+  const docNode = selection.$anchor.node(0);
+  const rootNode = selection.$anchor.node(1);
+  return docNode.lastChild === rootNode;
+}
+export const 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 const findFarthestParentNode = predicate => $pos => {
+  let candidate = null;
+  for (let i = $pos.depth; i > 0; i--) {
+    const node = $pos.node(i);
+    if (predicate(node)) {
+      candidate = {
+        pos: i > 0 ? $pos.before(i) : 0,
+        start: $pos.start(i),
+        depth: i,
+        node
+      };
+    }
+  }
+  return candidate;
+};
+export const insideTableCell = state => {
+  const {
+    tableCell,
+    tableHeader
+  } = state.schema.nodes;
+  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) {
+  const nestableBlocks = ['blockquote', 'bulletList', 'orderedList'];
+  if (pos.depth === 1) {
+    return pos;
+  }
+  let node = pos.node(pos.depth);
+  let 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) {
+  const ancestorDepth = findAncestorPosition(doc, selection.$to).depth;
+
+  // Top level node
+  if (ancestorDepth === 0) {
+    return false;
+  }
+  const res = doc.resolve(selection.$to.after(ancestorDepth));
+  return res.nodeAfter ? filter(res.nodeAfter) : false;
+}
+export const isEmptyNode = schema => {
+  const {
+    doc,
+    paragraph,
+    codeBlock,
+    blockquote,
+    panel,
+    heading,
+    listItem,
+    bulletList,
+    orderedList,
+    taskList,
+    taskItem,
+    decisionList,
+    decisionItem,
+    media,
+    mediaGroup,
+    mediaSingle
+  } = schema.nodes;
+  const 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:
+        let isEmpty = true;
+        node.content.forEach(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;
+  }
+  const block = [];
+  const nonBlock = [];
+  node.forEach(child => {
+    child.isInline ? nonBlock.push(child) : block.push(child);
+  });
+  return !nonBlock.length && !block.filter(childNode => !!childNode.childCount && !(childNode.childCount === 1 && isEmptyParagraph(childNode.firstChild)) || childNode.isAtom).length;
+}

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

@@ -6,7 +6,7 @@ export const shouldAddDefaultWrappedWidth = (layout, width, lineLength) => {
 };
 export const nonWrappedLayouts = ['center', 'wide', 'full-width'];
 export const floatingLayouts = ['wrap-left', 'wrap-right'];
-export const isRichMediaInsideOfBlockNode = (view, pos, includeMoreParentNodeTypes) => {
+export const isRichMediaInsideOfBlockNode = (view, pos) => {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -14,12 +14,9 @@ export const isRichMediaInsideOfBlockNode = (view, pos, includeMoreParentNodeTyp
   const {
     expand,
     nestedExpand,
-    layoutColumn,
-    tableCell,
-    listItem
+    layoutColumn
   } = view.state.schema.nodes;
-  const parentNodeTypes = [expand, nestedExpand, layoutColumn];
-  return !!findParentNodeOfTypeClosestToPos($pos, includeMoreParentNodeTypes ? [...parentNodeTypes, tableCell, listItem] : parentNodeTypes);
+  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
 };
 export const alignAttributes = (layout, oldAttrs, gridSize = 12, originalWidth, lineLength) => {
   let width = oldAttrs.width;

package/dist/es2019/version.json

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

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

@@ -1,6 +1,17 @@
 /* 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() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  var cellBackgroundColour = iconThemed({
+    light: '#FFF',
+    dark: '#1D2125'
+  });
+  var headerBackgroundColour = iconThemed({
+    light: '#DFE1E6',
+    dark: '#5A6977'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -10,24 +21,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/esm/mark/commands.js

@@ -119,19 +119,19 @@ var entireSelectionContainsMark = function entireSelectionContainsMark(mark, doc
   return onlyContainsMark;
 };
 var toggleMarkInRange = function toggleMarkInRange(mark) {
-  return function (state, dispatch) {
-    var tr = state.tr;
-    if (state.selection instanceof CellSelection) {
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    if (tr.selection instanceof CellSelection) {
       var removeMark = true;
       var cells = [];
-      state.selection.forEachCell(function (cell, cellPos) {
+      tr.selection.forEachCell(function (cell, cellPos) {
         cells.push({
           node: cell,
           pos: cellPos
         });
         var from = cellPos;
         var to = cellPos + cell.nodeSize;
-        removeMark && (removeMark = entireSelectionContainsMark(mark, state.doc, from, to));
+        removeMark && (removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
       });
       for (var i = cells.length - 1; i >= 0; i--) {
         var cell = cells[i];
@@ -140,51 +140,46 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
         applyMarkOnRange(from, to, removeMark, mark, tr);
       }
     } else {
-      var _state$selection = state.selection,
-        $from = _state$selection.$from,
-        $to = _state$selection.$to;
+      var _tr$selection = tr.selection,
+        $from = _tr$selection.$from,
+        $to = _tr$selection.$to;
       // 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
-      var _removeMark = entireSelectionContainsMark(mark, state.doc, $from.pos, $to.pos);
+      var _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 var toggleMark = function toggleMark(markType, attrs) {
-  return function (state, dispatch) {
+  return function (_ref3) {
+    var tr = _ref3.tr;
     var mark = markType.create(attrs);
 
     // For cursor selections we can use the default behaviour.
-    if (state.selection instanceof TextSelection && state.selection.$cursor) {
-      var tr = state.tr;
-      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: tr
+    });
   };
 };

package/dist/esm/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/esm/media-single/constants.js

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

package/dist/esm/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/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 = "74.44.1";
+var packageVersion = "74.45.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it