@atlaskit/editor-common 115.3.0 → 115.4.0

package/dist/esm/mark/commands.js

@@ -3,6 +3,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { entireSelectionContainsMark } from './entireSelectionContainsMark';
 var SMART_TO_ASCII = {
   '…': '...',
   '→': '->',
@@ -17,18 +18,6 @@ var SMART_TO_ASCII = {
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var FIND_SMART_CHAR = new RegExp("[".concat(Object.keys(SMART_TO_ASCII).join(''), "]"), 'g');
-export function filterChildrenBetween(doc, from, to, predicate) {
-  var results = [];
-  doc.nodesBetween(from, to, function (node, pos, _parent) {
-    if (predicate(node, pos, _parent)) {
-      results.push({
-        node: node,
-        pos: pos
-      });
-    }
-  });
-  return results;
-}
 export function transformNonTextNodesToText(from, to, tr) {
   var doc = tr.doc;
   var schema = doc.type.schema;
@@ -108,24 +97,11 @@ export var applyMarkOnRange = function applyMarkOnRange(from, to, removeMark, ma
   });
   return tr;
 };
-export var entireSelectionContainsMark = function entireSelectionContainsMark(mark, doc, fromPos, toPos) {
-  var onlyContainsMark = true;
-  doc.nodesBetween(fromPos, toPos, function (node) {
-    // Skip recursion once we've found text which doesn't include the mark
-    if (!onlyContainsMark) {
-      return false;
-    }
-    if (node.isText) {
-      onlyContainsMark && (onlyContainsMark = !!(mark !== null && mark !== void 0 && mark.isInSet(node.marks)));
-    }
-  });
-  return onlyContainsMark;
-};
 var toggleMarkInRange = function toggleMarkInRange(mark) {
   return function (_ref2) {
     var tr = _ref2.tr;
     if (tr.selection instanceof CellSelection) {
-      var _removeMark = true;
+      var removeMark = true;
       var cells = [];
       tr.selection.forEachCell(function (cell, cellPos) {
         cells.push({
@@ -134,13 +110,13 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
         });
         var from = cellPos;
         var to = cellPos + cell.nodeSize;
-        _removeMark && (_removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
+        removeMark && (removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
       });
       for (var i = cells.length - 1; i >= 0; i--) {
         var cell = cells[i];
         var from = cell.pos;
         var to = from + cell.node.nodeSize;
-        applyMarkOnRange(from, to, _removeMark, mark, tr);
+        applyMarkOnRange(from, to, removeMark, mark, tr);
       }
     } else {
       var _tr$selection = tr.selection,
@@ -151,8 +127,8 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
       // 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 _removeMark2 = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
-      applyMarkOnRange($from.pos, $to.pos, _removeMark2, mark, tr);
+      var _removeMark = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
+      applyMarkOnRange($from.pos, $to.pos, _removeMark, mark, tr);
     }
     if (tr.docChanged) {
       return tr;
@@ -186,27 +162,9 @@ export var toggleMark = function toggleMark(markType, attrs) {
     });
   };
 };
-
-/**
- * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
- */
-export var removeMark = function removeMark(mark) {
-  return function (_ref4) {
-    var tr = _ref4.tr;
-    var selection = tr.selection;
-    if (selection instanceof CellSelection) {
-      selection.forEachCell(function (cell, cellPos) {
-        var from = cellPos;
-        var to = cellPos + cell.nodeSize;
-        tr.removeMark(from, to, mark);
-      });
-    } else if (selection instanceof TextSelection && selection.$cursor) {
-      tr.removeStoredMark(mark);
-    } else {
-      var from = selection.from,
-        to = selection.to;
-      tr.removeMark(from, to, mark);
-    }
-    return tr;
-  };
-};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { filterChildrenBetween } from './filterChildrenBetween';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { entireSelectionContainsMark } from './entireSelectionContainsMark';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { removeMark } from './removeMark';

package/dist/esm/mark/entireSelectionContainsMark.js

@@ -0,0 +1,13 @@
+export var entireSelectionContainsMark = function entireSelectionContainsMark(mark, doc, fromPos, toPos) {
+  var onlyContainsMark = true;
+  doc.nodesBetween(fromPos, toPos, function (node) {
+    // Skip recursion once we've found text which doesn't include the mark
+    if (!onlyContainsMark) {
+      return false;
+    }
+    if (node.isText) {
+      onlyContainsMark && (onlyContainsMark = !!(mark !== null && mark !== void 0 && mark.isInSet(node.marks)));
+    }
+  });
+  return onlyContainsMark;
+};

package/dist/esm/mark/filterChildrenBetween.js

@@ -0,0 +1,12 @@
+export function filterChildrenBetween(doc, from, to, predicate) {
+  var results = [];
+  doc.nodesBetween(from, to, function (node, pos, _parent) {
+    if (predicate(node, pos, _parent)) {
+      results.push({
+        node: node,
+        pos: pos
+      });
+    }
+  });
+  return results;
+}

package/dist/esm/mark/index.js

@@ -1,5 +1,11 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { transformNonTextNodesToText, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark, entireSelectionContainsMark } from './commands';
-export { anyMarkActive, wholeSelectionHasMarks, isMarkAllowedInRange, isMarkExcluded } from './text-formatting';
+export { transformNonTextNodesToText, applyMarkOnRange, toggleMark } from './commands';
+export { entireSelectionContainsMark } from './entireSelectionContainsMark';
+export { filterChildrenBetween } from './filterChildrenBetween';
+export { removeMark } from './removeMark';
+export { anyMarkActive } from './anyMarkActive';
+export { isMarkAllowedInRange } from './isMarkAllowedInRange';
+export { isMarkExcluded } from './isMarkExcluded';
+export { wholeSelectionHasMarks } from './text-formatting';

package/dist/esm/mark/isMarkAllowedInRange.js

@@ -0,0 +1,26 @@
+export var isMarkAllowedInRange = function isMarkAllowedInRange(doc, ranges, type) {
+  var _loop = function _loop() {
+      var _ranges$i = ranges[i],
+        $from = _ranges$i.$from,
+        $to = _ranges$i.$to;
+      var can = $from.depth === 0 ? doc.type.allowsMarkType(type) : false;
+      doc.nodesBetween($from.pos, $to.pos, function (node) {
+        if (can) {
+          return false;
+        }
+        can = node.inlineContent && node.type.allowsMarkType(type);
+        return;
+      });
+      if (can) {
+        return {
+          v: can
+        };
+      }
+    },
+    _ret;
+  for (var i = 0; i < ranges.length; i++) {
+    _ret = _loop();
+    if (_ret) return _ret.v;
+  }
+  return false;
+};

package/dist/esm/mark/isMarkExcluded.js

@@ -0,0 +1,8 @@
+export var isMarkExcluded = function isMarkExcluded(type, marks) {
+  if (marks) {
+    return marks.some(function (mark) {
+      return mark.type !== type && mark.type.excludes(type);
+    });
+  }
+  return false;
+};

package/dist/esm/mark/removeMark.js

@@ -0,0 +1,25 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+/**
+ * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
+ */
+export var removeMark = function removeMark(mark) {
+  return function (_ref) {
+    var tr = _ref.tr;
+    var selection = tr.selection;
+    if (selection instanceof CellSelection) {
+      selection.forEachCell(function (cell, cellPos) {
+        var from = cellPos;
+        var to = cellPos + cell.nodeSize;
+        tr.removeMark(from, to, mark);
+      });
+    } else if (selection instanceof TextSelection && selection.$cursor) {
+      tr.removeStoredMark(mark);
+    } else {
+      var from = selection.from,
+        to = selection.to;
+      tr.removeMark(from, to, mark);
+    }
+    return tr;
+  };
+};

package/dist/esm/mark/text-formatting.js

@@ -4,33 +4,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { Mark } from '@atlaskit/editor-prosemirror/model';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-
-/**
- * Determine if a mark of a specific type exists anywhere in the selection.
- */
-export var anyMarkActive = function anyMarkActive(state, markType) {
-  var _state$selection = state.selection,
-    $from = _state$selection.$from,
-    from = _state$selection.from,
-    to = _state$selection.to,
-    empty = _state$selection.empty;
-  if (empty) {
-    return !!markType.isInSet(state.storedMarks || $from.marks());
-  }
-  var rangeHasMark = false;
-  if (state.selection instanceof CellSelection) {
-    state.selection.forEachCell(function (cell, cellPos) {
-      var from = cellPos;
-      var to = cellPos + cell.nodeSize;
-      if (!rangeHasMark) {
-        rangeHasMark = state.doc.rangeHasMark(from, to, markType);
-      }
-    });
-  } else {
-    rangeHasMark = state.doc.rangeHasMark(from, to, markType);
-  }
-  return rangeHasMark;
-};
 var allMarksAreRuledOut = function allMarksAreRuledOut(marks) {
   return Array.from(marks.values()).every(function (mark) {
     return !mark;
@@ -48,11 +21,11 @@ var allMarksAreRuledOut = function allMarksAreRuledOut(marks) {
  * const activeMarks = wholeSelectionHasMarks(editorState, [markTypes.strong, markTypes.em, markTypes.etc]);
  */
 export var wholeSelectionHasMarks = function wholeSelectionHasMarks(state, markTypes) {
-  var _state$selection2 = state.selection,
-    $from = _state$selection2.$from,
-    from = _state$selection2.from,
-    to = _state$selection2.to,
-    empty = _state$selection2.empty;
+  var _state$selection = state.selection,
+    $from = _state$selection.$from,
+    from = _state$selection.from,
+    to = _state$selection.to,
+    empty = _state$selection.empty;
   if (empty) {
     return new Map(markTypes.map(function (markType) {
       return [markType, !!markType.isInSet(state.storedMarks || $from.marks())];
@@ -171,37 +144,9 @@ var wholeRangeHasMarks = function wholeRangeHasMarks(from, to, doc, markTypes) {
   });
   return isTextContent ? hasMarks : hasNoMarks;
 };
-export var isMarkAllowedInRange = function isMarkAllowedInRange(doc, ranges, type) {
-  var _loop2 = function _loop2() {
-      var _ranges$i = ranges[i],
-        $from = _ranges$i.$from,
-        $to = _ranges$i.$to;
-      var can = $from.depth === 0 ? doc.type.allowsMarkType(type) : false;
-      doc.nodesBetween($from.pos, $to.pos, function (node) {
-        if (can) {
-          return false;
-        }
-        can = node.inlineContent && node.type.allowsMarkType(type);
-        return;
-      });
-      if (can) {
-        return {
-          v: can
-        };
-      }
-    },
-    _ret;
-  for (var i = 0; i < ranges.length; i++) {
-    _ret = _loop2();
-    if (_ret) return _ret.v;
-  }
-  return false;
-};
-export var isMarkExcluded = function isMarkExcluded(type, marks) {
-  if (marks) {
-    return marks.some(function (mark) {
-      return mark.type !== type && mark.type.excludes(type);
-    });
-  }
-  return false;
-};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { anyMarkActive } from './anyMarkActive';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { isMarkAllowedInRange } from './isMarkAllowedInRange';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { isMarkExcluded } from './isMarkExcluded';

package/dist/esm/media-single/CommentBadge.js

@@ -13,6 +13,7 @@ import CommentIcon from '@atlaskit/icon/core/comment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
+import { getBadgeSize } from './getBadgeSize';
 var commentBadgeWrapper = css({
   position: 'absolute',
   // closest parent element with position relative is .resizer-hover-zone, which includes 10px padding
@@ -30,10 +31,6 @@ var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(badgeOffs
     zIndex: 100
   });
 };
-export var getBadgeSize = function getBadgeSize(width, height) {
-  // width is the original width of image, not resized or currently rendered to user. Defaulting to medium for now
-  return width && width < 70 || height && height < 70 ? 'small' : 'medium';
-};
 export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var intl = _ref.intl,
     width = _ref.width,
@@ -120,4 +117,6 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
       color: "currentColor"
     })
   })));
-});
+});
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getBadgeSize } from './getBadgeSize';

package/dist/esm/media-single/calcMediaSingleMaxWidth.js

@@ -0,0 +1,13 @@
+import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+/**
+ * Calculate maximum width allowed for media single node in fix-width editor in new experience
+ * @param containerWidth width of editor container
+ */
+export var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth, editorAppearance) {
+  var fullPagePadding = editorAppearance === 'full-page' && containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  var fullWidthPadding = editorAppearance === 'full-page' ? fullPagePadding * 2 : akEditorGutterPadding * 2;
+  return Math.min(containerWidth - fullWidthPadding, akEditorFullWidthLayoutWidth);
+};

package/dist/esm/media-single/calcMinWidth.js

@@ -0,0 +1,10 @@
+import { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH } from './constants';
+
+/**
+ * Retuns minimum value for media single node
+ * @param isVideoFile is child media of video type
+ * @param contentWidth parent content width
+ */
+export var calcMinWidth = function calcMinWidth(isVideoFile, contentWidth) {
+  return Math.min(contentWidth, isVideoFile ? MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
+};

package/dist/esm/media-single/calculateOffsetLeft.js

@@ -0,0 +1,9 @@
+export function calculateOffsetLeft(insideInlineLike, insideLayout, pmViewDom, wrapper) {
+  var offsetLeft = 0;
+  if (wrapper && insideInlineLike && !insideLayout) {
+    var currentNode = wrapper;
+    var boundingRect = currentNode.getBoundingClientRect();
+    offsetLeft = boundingRect.left - pmViewDom.getBoundingClientRect().left;
+  }
+  return offsetLeft;
+}

package/dist/esm/media-single/currentMediaNodeWithPos.js

@@ -0,0 +1,24 @@
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+
+/**
+ *
+ * @param editorState current editor state
+ * @returns selected media node (child of mediaSingle only) with position
+ */
+export var currentMediaNodeWithPos = function currentMediaNodeWithPos(editorState) {
+  var doc = editorState.doc,
+    selection = editorState.selection,
+    schema = editorState.schema;
+  if (!doc || !selection || !(selection instanceof NodeSelection) || selection.node.type !== schema.nodes.mediaSingle) {
+    return;
+  }
+  var pos = selection.$anchor.pos + 1;
+  var node = doc.nodeAt(pos);
+  if (!node || node.type !== schema.nodes.media) {
+    return;
+  }
+  return {
+    node: node,
+    pos: pos
+  };
+};

package/dist/esm/media-single/getBadgeSize.js

@@ -0,0 +1,4 @@
+export var getBadgeSize = function getBadgeSize(width, height) {
+  // width is the original width of image, not resized or currently rendered to user. Defaulting to medium for now
+  return width && width < 70 || height && height < 70 ? 'small' : 'medium';
+};

package/dist/esm/media-single/getMaxWidthForNestedNode.js

@@ -0,0 +1,24 @@
+import { floatingLayouts } from '../utils/floatingLayouts';
+import { isRichMediaInsideOfBlockNode } from '../utils/isRichMediaInsideOfBlockNode';
+
+/**
+ * Get parent width for a nested media single node
+ * @param view Editor view
+ * @param pos node position
+ */
+export var getMaxWidthForNestedNode = function getMaxWidthForNestedNode(view, pos) {
+  if (typeof pos !== 'number') {
+    return null;
+  }
+  if (isRichMediaInsideOfBlockNode(view, pos)) {
+    var $pos = view.state.doc.resolve(pos);
+    var domNode = view.nodeDOM($pos.pos);
+    if ($pos.nodeAfter && floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
+      return domNode.parentElement.offsetWidth;
+    }
+    if (domNode instanceof HTMLElement) {
+      return domNode.offsetWidth;
+    }
+  }
+  return null;
+};

package/dist/esm/media-single/getMediaSingleInitialWidth.js

@@ -0,0 +1,16 @@
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { DEFAULT_IMAGE_WIDTH, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH } from './constants';
+
+/**
+ * Calculate initial media single pixel width.
+ * Make it fall between max width and min width
+ * @param origWidth original width of image (media node width)
+ * @param maxWidth default to akEditorDefaultLayoutWidth (760)
+ * @param minWidth default to MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH (24)
+ */
+export var getMediaSingleInitialWidth = function getMediaSingleInitialWidth() {
+  var origWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_IMAGE_WIDTH;
+  var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : akEditorDefaultLayoutWidth;
+  var minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH;
+  return Math.max(Math.min(origWidth, maxWidth), minWidth);
+};

package/dist/esm/media-single/getMediaSinglePixelWidth.js

@@ -0,0 +1,20 @@
+/**
+ * Convert media node width to pixel
+ *
+ * for legacy experience, image is aligned inside resize handle bar with a gap. So gutterOffset is used to for this use case.
+ * for new experience, image is aligned with resize handle bar, so gutterOffset is 0
+ *
+ * @param width - media single node width
+ * @param editorWidth - width of editor
+ * @param widthType - width type is defined in the adf document for mediaSingle node, and it is associated with the `width`
+ * @param gutterOffset - resize handle bar offset, determines whether align with resize handle bar
+ * @returns pixel number for media single node
+ */
+export function getMediaSinglePixelWidth(width, editorWidth) {
+  var widthType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'percentage';
+  var gutterOffset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  if (widthType === 'pixel') {
+    return width;
+  }
+  return Math.ceil((editorWidth + gutterOffset) * (width / 100) - gutterOffset);
+}

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

@@ -2,7 +2,15 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_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, CAPTION_PLACEHOLDER_ID, MEDIA_SINGLE_ADJACENT_HANDLE_MARGIN } from './constants';
-export { getMediaSinglePixelWidth, calcMediaSinglePixelWidth, calcMediaSingleMaxWidth, getMediaSingleInitialWidth, calculateOffsetLeft, roundToNearest, calcMinWidth, getMaxWidthForNestedNode, getMaxWidthForNestedNodeNext, currentMediaNodeWithPos } from './utils';
+export { calcMediaSingleMaxWidth } from './calcMediaSingleMaxWidth';
+export { calcMinWidth } from './calcMinWidth';
+export { calculateOffsetLeft } from './calculateOffsetLeft';
+export { currentMediaNodeWithPos } from './currentMediaNodeWithPos';
+export { getMaxWidthForNestedNode } from './getMaxWidthForNestedNode';
+export { getMediaSingleInitialWidth } from './getMediaSingleInitialWidth';
+export { getMediaSinglePixelWidth } from './getMediaSinglePixelWidth';
+export { roundToNearest } from './roundToNearest';
+export { calcMediaSinglePixelWidth, getMaxWidthForNestedNodeNext } from './utils';
 export { CommentBadge } from './CommentBadge';
 export { CommentBadgeNext } from './CommentBadgeNext';
 export { ExternalImageBadge } from './ExternalImageBadge';

package/dist/esm/media-single/roundToNearest.js

@@ -0,0 +1,12 @@
+import { DEFAULT_ROUNDING_INTERVAL } from './constants';
+
+/**
+ * Returns the number rounded to the nearest interval.
+ * @param {number} value    The number to round
+ * @param {number} interval The numeric interval to round to, default to 0.5
+ * @returns {number} the rounded number
+ */
+export var roundToNearest = function roundToNearest(value) {
+  var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_ROUNDING_INTERVAL;
+  return Math.round(value / interval) * interval;
+};