@atlaskit/editor-common 69.2.2 → 69.3.1

package/dist/esm/selection/gap-cursor/selection.js

@@ -0,0 +1,176 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import { Slice } from 'prosemirror-model';
+import { Selection } from 'prosemirror-state';
+import { isValidTargetNode } from './utils/is-valid-target-node';
+export var Side;
+
+(function (Side) {
+  Side["LEFT"] = "left";
+  Side["RIGHT"] = "right";
+})(Side || (Side = {}));
+
+export var JSON_ID = 'gapcursor';
+export var GapCursorSelection = /*#__PURE__*/function (_Selection) {
+  _inherits(GapCursorSelection, _Selection);
+
+  var _super = _createSuper(GapCursorSelection);
+
+  /**
+   * Construct a GapCursorSelection
+   * @param {ResolvedPos} $pos resolved position
+   * @param {Side} side side where the gap cursor is drawn
+   */
+  function GapCursorSelection($pos) {
+    var _this;
+
+    var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Side.LEFT;
+
+    _classCallCheck(this, GapCursorSelection);
+
+    _this = _super.call(this, $pos, $pos);
+
+    _defineProperty(_assertThisInitialized(_this), "visible", false);
+
+    _this.side = side;
+    return _this;
+  }
+
+  _createClass(GapCursorSelection, [{
+    key: "map",
+    value: function map(doc, mapping) {
+      var $pos = doc.resolve(mapping.map(this.head));
+      return GapCursorSelection.valid($pos) ? new GapCursorSelection($pos, this.side) : Selection.near($pos);
+    }
+  }, {
+    key: "eq",
+    value: function eq(other) {
+      return other instanceof GapCursorSelection && other.head === this.head;
+    }
+  }, {
+    key: "content",
+    value: function content() {
+      return Slice.empty;
+    }
+  }, {
+    key: "getBookmark",
+    value: function getBookmark() {
+      return new GapBookmark(this.anchor);
+    }
+  }, {
+    key: "toJSON",
+    value: function toJSON() {
+      return {
+        pos: this.head,
+        type: JSON_ID,
+        side: this.side
+      };
+    }
+  }], [{
+    key: "valid",
+    value: function valid($pos) {
+      var parent = $pos.parent,
+          nodeBefore = $pos.nodeBefore,
+          nodeAfter = $pos.nodeAfter;
+      var targetNode = isValidTargetNode(nodeBefore) ? nodeBefore : isValidTargetNode(nodeAfter) ? nodeAfter : null;
+
+      if (!targetNode || parent.isTextblock) {
+        return false;
+      }
+
+      var deflt = parent.contentMatchAt($pos.index()).defaultType;
+      return deflt && deflt.isTextblock;
+    }
+  }, {
+    key: "findFrom",
+    value: function findFrom($pos, dir) {
+      var mustMove = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var side = dir === 1 ? Side.RIGHT : Side.LEFT;
+
+      if (!mustMove && GapCursorSelection.valid($pos)) {
+        return new GapCursorSelection($pos, side);
+      }
+
+      var pos = $pos.pos; // TODO: Fix any, potential issue. ED-5048
+
+      var next = null; // Scan up from this position
+
+      for (var d = $pos.depth;; d--) {
+        var parent = $pos.node(d);
+
+        if (side === Side.RIGHT ? $pos.indexAfter(d) < parent.childCount : $pos.index(d) > 0) {
+          next = parent.maybeChild(side === Side.RIGHT ? $pos.indexAfter(d) : $pos.index(d) - 1);
+          break;
+        } else if (d === 0) {
+          return null;
+        }
+
+        pos += dir;
+        var $cur = $pos.doc.resolve(pos);
+
+        if (GapCursorSelection.valid($cur)) {
+          return new GapCursorSelection($cur, side);
+        }
+      } // And then down into the next node
+
+
+      for (;;) {
+        next = side === Side.RIGHT ? next.firstChild : next.lastChild;
+
+        if (next === null) {
+          break;
+        }
+
+        pos += dir;
+
+        var _$cur = $pos.doc.resolve(pos);
+
+        if (GapCursorSelection.valid(_$cur)) {
+          return new GapCursorSelection(_$cur, side);
+        }
+      }
+
+      return null;
+    }
+  }, {
+    key: "fromJSON",
+    value: function fromJSON(doc, json) {
+      return new GapCursorSelection(doc.resolve(json.pos), json.side);
+    }
+  }]);
+
+  return GapCursorSelection;
+}(Selection);
+Selection.jsonID(JSON_ID, GapCursorSelection);
+export var GapBookmark = /*#__PURE__*/function () {
+  function GapBookmark(pos) {
+    _classCallCheck(this, GapBookmark);
+
+    this.pos = pos;
+  }
+
+  _createClass(GapBookmark, [{
+    key: "map",
+    value: function map(mapping) {
+      return new GapBookmark(mapping.map(this.pos));
+    }
+  }, {
+    key: "resolve",
+    value: function resolve(doc) {
+      var $pos = doc.resolve(this.pos);
+      return GapCursorSelection.valid($pos) ? new GapCursorSelection($pos) : Selection.near($pos);
+    }
+  }]);
+
+  return GapBookmark;
+}();

package/dist/esm/selection/gap-cursor/utils/index.js

@@ -0,0 +1,2 @@
+export { isIgnored } from './is-ignored';
+export { isValidTargetNode } from './is-valid-target-node';

package/dist/esm/selection/gap-cursor/utils/is-ignored.js

@@ -0,0 +1,5 @@
+// we don't show gap cursor for those nodes
+var IGNORED_NODES = ['paragraph', 'bulletList', 'orderedList', 'listItem', 'taskItem', 'decisionItem', 'heading', 'blockquote', 'layoutColumn', 'caption', 'media'];
+export var isIgnored = function isIgnored(node) {
+  return !!node && IGNORED_NODES.indexOf(node.type.name) !== -1;
+};

package/dist/esm/selection/gap-cursor/utils/is-valid-target-node.js

@@ -0,0 +1,4 @@
+import { isIgnored } from './is-ignored';
+export var isValidTargetNode = function isValidTargetNode(node) {
+  return !!node && !isIgnored(node);
+};

package/dist/esm/selection/index.js

@@ -0,0 +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';

package/dist/esm/selection/types.js

@@ -0,0 +1,8 @@
+export var RelativeSelectionPos;
+
+(function (RelativeSelectionPos) {
+  RelativeSelectionPos["Before"] = "Before";
+  RelativeSelectionPos["Start"] = "Start";
+  RelativeSelectionPos["Inside"] = "Inside";
+  RelativeSelectionPos["End"] = "End";
+})(RelativeSelectionPos || (RelativeSelectionPos = {}));

package/dist/esm/selection/utils.js

@@ -0,0 +1,38 @@
+export var isSelectionAtStartOfNode = function isSelectionAtStartOfNode($pos, parentNode) {
+  if (!parentNode) {
+    return false;
+  }
+
+  for (var i = $pos.depth + 1; i > 0; i--) {
+    var node = $pos.node(i);
+
+    if (node && node.eq(parentNode.node)) {
+      break;
+    }
+
+    if (i > 1 && $pos.before(i) !== $pos.before(i - 1) + 1) {
+      return false;
+    }
+  }
+
+  return true;
+};
+export var isSelectionAtEndOfNode = function isSelectionAtEndOfNode($pos, parentNode) {
+  if (!parentNode) {
+    return false;
+  }
+
+  for (var i = $pos.depth + 1; i > 0; i--) {
+    var node = $pos.node(i);
+
+    if (node && node.eq(parentNode.node)) {
+      break;
+    }
+
+    if (i > 1 && $pos.after(i) !== $pos.after(i - 1) - 1) {
+      return false;
+    }
+  }
+
+  return true;
+};

package/dist/esm/styles/index.js

@@ -18,4 +18,6 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
 export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
-export { CodeBlockSharedCssClassName, codeBlockSharedStyles } from './shared/code-block';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles } from './shared/code-block';
+export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
+export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';

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

@@ -0,0 +1,3 @@
+import { gridSize } from '@atlaskit/theme/constants';
+export var EXTENSION_PADDING = gridSize();
+export var BODIED_EXT_PADDING = EXTENSION_PADDING * 2;

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

@@ -0,0 +1,3 @@
+import { gridSize } from '@atlaskit/theme/constants';
+export var LAYOUT_SECTION_MARGIN = gridSize();
+export var LAYOUT_COLUMN_PADDING = gridSize() * 1.5;

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

@@ -32,7 +32,9 @@ export var TableSharedCssClassName = {
   TABLE_STICKY_SENTINEL_BOTTOM: "".concat(tablePrefixSelector, "-sticky-sentinel-bottom"),
   TABLE_CELL_NODEVIEW_CONTENT_DOM: tableCellContentDomSelector,
   TABLE_CELL_WRAPPER: tableCellSelector,
-  TABLE_HEADER_CELL_WRAPPER: tableHeaderSelector
+  TABLE_HEADER_CELL_WRAPPER: tableHeaderSelector,
+  TABLE_ROW_CONTROLS_WRAPPER: "".concat(tablePrefixSelector, "-row-controls-wrapper"),
+  TABLE_COLUMN_CONTROLS_DECORATIONS: "".concat(tablePrefixSelector, "-column-controls-decoration")
 };
 
 var tableSharedStyle = function tableSharedStyle(props) {

package/dist/esm/transforms/expand.js

@@ -0,0 +1,34 @@
+import { Fragment, Slice } from 'prosemirror-model';
+import { findParentNodeOfType, findSelectedNodeOfType } from 'prosemirror-utils';
+import { mapChildren } from '../utils/slice';
+export var findExpand = function findExpand(state, selection) {
+  var _state$schema$nodes = state.schema.nodes,
+      expand = _state$schema$nodes.expand,
+      nestedExpand = _state$schema$nodes.nestedExpand;
+  return findSelectedNodeOfType([expand, nestedExpand])(selection || state.selection) || findParentNodeOfType([expand, nestedExpand])(selection || state.selection);
+}; // If the top level is a single expand, and the expand is not
+// a part of copied content, then return unwrap contents.
+// This is needed for handling content copied from expand.
+// https://product-fabric.atlassian.net/browse/ED-9146
+
+export var transformSliceToRemoveOpenExpand = function transformSliceToRemoveOpenExpand(slice, schema) {
+  if (slice.openStart > 1 && slice.openEnd > 1 && slice.content.childCount === 1 && slice.content.firstChild && slice.content.firstChild.type === schema.nodes.expand) {
+    return new Slice(slice.content.firstChild.content, slice.openStart - 1, slice.openEnd - 1);
+  }
+
+  return slice;
+};
+export var transformSliceNestedExpandToExpand = function transformSliceNestedExpandToExpand(slice, schema) {
+  var _schema$nodes = schema.nodes,
+      expand = _schema$nodes.expand,
+      nestedExpand = _schema$nodes.nestedExpand;
+  var children = [];
+  mapChildren(slice.content, function (node) {
+    if (node.type === nestedExpand) {
+      children.push(expand.createChecked(node.attrs, node.content, node.marks));
+    } else {
+      children.push(node);
+    }
+  });
+  return new Slice(Fragment.fromArray(children), slice.openStart, slice.openEnd);
+};

package/dist/esm/transforms/extension.js

@@ -0,0 +1,24 @@
+import { Slice } from 'prosemirror-model';
+import { mapFragment } from '../utils/slice';
+/**
+ * Lift content out of "open" top-level bodiedExtensions.
+ * Will not work if bodiedExtensions are nested, or when bodiedExtensions are not in the top level
+ */
+
+export var transformSliceToRemoveOpenBodiedExtension = function transformSliceToRemoveOpenBodiedExtension(slice, schema) {
+  var bodiedExtension = schema.nodes.bodiedExtension;
+  var fragment = mapFragment(slice.content, function (node, parent, index) {
+    if (node.type === bodiedExtension && !parent) {
+      var currentNodeIsAtStartAndIsOpen = slice.openStart && index === 0;
+      var currentNodeIsAtEndAndIsOpen = slice.openEnd && index + 1 === slice.content.childCount;
+
+      if (currentNodeIsAtStartAndIsOpen || currentNodeIsAtEndAndIsOpen) {
+        return node.content;
+      }
+    }
+
+    return node;
+  }); // If the first/last child has changed - then we know we've removed a bodied extension & to decrement the open depth
+
+  return new Slice(fragment, fragment.firstChild && fragment.firstChild.type !== slice.content.firstChild.type ? slice.openStart - 1 : slice.openStart, fragment.lastChild && fragment.lastChild.type !== slice.content.lastChild.type ? slice.openEnd - 1 : slice.openEnd);
+};

package/dist/esm/transforms/index.js

@@ -0,0 +1,3 @@
+export { unwrapContentFromLayout, removeLayoutFromFirstChild, removeLayoutFromLastChild, transformSliceToRemoveOpenLayoutNodes } from './layout';
+export { findExpand, transformSliceToRemoveOpenExpand, transformSliceNestedExpandToExpand } from './expand';
+export { transformSliceToRemoveOpenBodiedExtension } from './extension';

package/dist/esm/transforms/layout.js

@@ -0,0 +1,58 @@
+import { Fragment, Slice } from 'prosemirror-model';
+import { flatmap, mapFragment } from '../utils/slice';
+
+var isLayoutNode = function isLayoutNode(node) {
+  return node.type === node.type.schema.nodes.layoutSection || node.type === node.type.schema.nodes.layoutColumn;
+};
+
+export function unwrapContentFromLayout(maybeLayoutSection) {
+  var fragment = mapFragment(Fragment.from(maybeLayoutSection), function (node) {
+    return isLayoutNode(node) ? node.content : node;
+  });
+  var nodes = [];
+  fragment.forEach(function (i) {
+    return nodes.push(i);
+  });
+  return nodes;
+}
+export function removeLayoutFromFirstChild(node, i) {
+  return i === 0 ? unwrapContentFromLayout(node) : node;
+}
+export function removeLayoutFromLastChild(node, i, fragment) {
+  return i === fragment.childCount - 1 ? unwrapContentFromLayout(node) : node;
+}
+/**
+ * When we have a slice that cuts across a layoutSection/layoutColumn
+ * we can end up with unexpected behaviour on paste/drop where a user
+ * is able to add columns to a layoutSection. By 'lifting' any content
+ * inside an 'open' layoutSection/layoutColumn to the top level, we
+ * can ensure prevent this.
+ *
+ * We only care about slices with non-zero openStart / openEnd's here
+ * as we're totally fine for people to copy/paste a full layoutSection
+ */
+
+export function transformSliceToRemoveOpenLayoutNodes(slice, schema) {
+  // Case 1: A slice entirely within a single layoutSection
+  if (slice.openStart && slice.openEnd && slice.content.childCount === 1) {
+    var maybeLayoutSection = slice.content.firstChild;
+
+    if (maybeLayoutSection.type === schema.nodes.layoutSection) {
+      return new Slice(flatmap(slice.content, removeLayoutFromFirstChild), // '-2' here because we've removed the layoutSection/layoutColumn; reducing the open depth.
+      slice.openStart - 2, slice.openEnd - 2);
+    }
+  } // Case 2: A slice starting inside a layoutSection and finishing outside
+
+
+  if (slice.openStart && slice.content.firstChild.type === schema.nodes.layoutSection) {
+    slice = new Slice(flatmap(slice.content, removeLayoutFromFirstChild), slice.openStart - 2, slice.openEnd);
+  } // Case 3: A slice starting outside a layoutSection and finishing inside
+
+
+  if (slice.openEnd && slice.content.lastChild.type === schema.nodes.layoutSection) {
+    slice = new Slice(flatmap(slice.content, removeLayoutFromLastChild), slice.openStart, slice.openEnd - 2);
+  } // Case 2 & 3 also handles a slice starting in one layoutSection & finishing in a different layoutSection
+
+
+  return slice;
+}

package/dist/esm/types/command.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/context-panel.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/editor-actions.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/editor-appearance.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/editor-container-width.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/editor-plugin.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/editor-react-context.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/empty-state-handler.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/feature-flags.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/floating-toolbar.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.js

@@ -6,4 +6,5 @@ export var SortOrder;
   SortOrder["NO_ORDER"] = "no_order";
 })(SortOrder || (SortOrder = {}));
 
-export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
+export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';

package/dist/esm/types/plugin-factory.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/prosemirror-config.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/quick-insert.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/supported-browsers.js

@@ -0,0 +1,2 @@
+var SupportedBrowsers = ['ie', 'gecko', 'chrome', 'safari'];
+export {};

package/dist/esm/types/toolbar.js

@@ -0,0 +1,30 @@
+export var ToolbarSize;
+
+(function (ToolbarSize) {
+  ToolbarSize[ToolbarSize["XXL"] = 6] = "XXL";
+  ToolbarSize[ToolbarSize["XL"] = 5] = "XL";
+  ToolbarSize[ToolbarSize["L"] = 4] = "L";
+  ToolbarSize[ToolbarSize["M"] = 3] = "M";
+  ToolbarSize[ToolbarSize["S"] = 2] = "S";
+  ToolbarSize[ToolbarSize["XXXS"] = 1] = "XXXS";
+})(ToolbarSize || (ToolbarSize = {}));
+
+export var ToolbarWidths;
+
+(function (ToolbarWidths) {
+  ToolbarWidths[ToolbarWidths["XXL"] = 610] = "XXL";
+  ToolbarWidths[ToolbarWidths["XL"] = 540] = "XL";
+  ToolbarWidths[ToolbarWidths["L"] = 460] = "L";
+  ToolbarWidths[ToolbarWidths["M"] = 450] = "M";
+  ToolbarWidths[ToolbarWidths["S"] = 370] = "S";
+})(ToolbarWidths || (ToolbarWidths = {}));
+
+export var ToolbarWidthsFullPage;
+
+(function (ToolbarWidthsFullPage) {
+  ToolbarWidthsFullPage[ToolbarWidthsFullPage["XXL"] = 650] = "XXL";
+  ToolbarWidthsFullPage[ToolbarWidthsFullPage["XL"] = 580] = "XL";
+  ToolbarWidthsFullPage[ToolbarWidthsFullPage["L"] = 540] = "L";
+  ToolbarWidthsFullPage[ToolbarWidthsFullPage["M"] = 490] = "M";
+  ToolbarWidthsFullPage[ToolbarWidthsFullPage["S"] = 410] = "S";
+})(ToolbarWidthsFullPage || (ToolbarWidthsFullPage = {}));

package/dist/esm/types/ui-components.js

@@ -0,0 +1 @@
+export {};