@atlaskit/editor-core 172.1.1 → 172.2.0

package/dist/cjs/ui/with-outer-listeners.js

@@ -1,159 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = withOuterListeners;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _ReactEditorViewContext = _interopRequireDefault(require("../create-editor/ReactEditorViewContext"));
-
-var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; } }
-
-var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(WithOutsideClick, _PureComponent);
-
-  var _super = _createSuper(WithOutsideClick);
-
-  function WithOutsideClick() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, WithOutsideClick);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (evt) {
-      if (!_this.props.isActiveComponent) {
-        return;
-      }
-
-      var domNode = _reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)); // eslint-disable-line react/no-find-dom-node
-
-
-      if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
-        if (_this.props.handleClickOutside) {
-          _this.props.handleClickOutside(evt);
-        }
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeydown", function (evt) {
-      if (!_this.props.isActiveComponent) {
-        return;
-      }
-
-      if (evt.code === 'Escape' && _this.props.handleEscapeKeydown) {
-        var _this$props$editorVie;
-
-        evt.preventDefault();
-        evt.stopPropagation();
-
-        _this.props.handleEscapeKeydown(evt);
-
-        if (!((_this$props$editorVie = _this.props.editorView) !== null && _this$props$editorVie !== void 0 && _this$props$editorVie.hasFocus())) {
-          var _this$props$editorVie2;
-
-          (_this$props$editorVie2 = _this.props.editorView) === null || _this$props$editorVie2 === void 0 ? void 0 : _this$props$editorVie2.focus();
-        }
-
-        return false;
-      } else if (evt.code === 'Enter' && _this.props.handleEnterKeydown) {
-        _this.props.handleEnterKeydown(evt);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(WithOutsideClick, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.handleClickOutside) {
-        document.addEventListener('click', this.handleClick, false);
-      }
-
-      if (this.props.handleEscapeKeydown) {
-        var _this$props$editorRef;
-
-        (((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || document).addEventListener('keydown', this.handleKeydown, false);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.props.handleClickOutside) {
-        document.removeEventListener('click', this.handleClick, false);
-      }
-
-      if (this.props.handleEscapeKeydown) {
-        var _this$props$editorRef2;
-
-        (((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || document).removeEventListener('keydown', this.handleKeydown, false);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.props.children;
-    }
-  }]);
-  return WithOutsideClick;
-}(_react.PureComponent);
+exports.default = void 0;
 
-function hasIsOpen(props) {
-  return 'isOpen' in props;
-}
+var _uiReact = require("@atlaskit/editor-common/ui-react");
 
-function withOuterListeners(Component) {
-  return function (_ref) {
-    var handleClickOutside = _ref.handleClickOutside,
-        handleEnterKeydown = _ref.handleEnterKeydown,
-        handleEscapeKeydown = _ref.handleEscapeKeydown,
-        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    var isActiveComponent = hasIsOpen(props) ? props.isOpen : true;
-    return /*#__PURE__*/_react.default.createElement(_ReactEditorViewContext.default.Consumer, null, function (_ref2) {
-      var editorView = _ref2.editorView,
-          editorRef = _ref2.editorRef;
-      return /*#__PURE__*/_react.default.createElement(WithOutsideClick, {
-        editorView: editorView,
-        editorRef: editorRef,
-        isActiveComponent: isActiveComponent,
-        handleClickOutside: handleClickOutside,
-        handleEnterKeydown: handleEnterKeydown,
-        handleEscapeKeydown: handleEscapeKeydown
-      }, /*#__PURE__*/_react.default.createElement(Component, props));
-    });
-  };
-}
+var _default = _uiReact.withReactEditorViewOuterListeners;
+exports.default = _default;

package/dist/cjs/utils/dom.js

@@ -3,136 +3,59 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.closest = closest;
-exports.closestElement = closestElement;
-exports.containsClassName = void 0;
-exports.mapElem = mapElem;
-exports.maphElem = maphElem;
-exports.parsePx = parsePx;
-exports.removeNestedEmptyEls = removeNestedEmptyEls;
-exports.unwrap = unwrap;
-exports.walkUpTreeUntil = walkUpTreeUntil;
-
-/**
- * Walks a DOM tree up to the provided `stopElement`, or if falsy before.
- * @param element
- * @param stopElement
- */
-function walkUpTreeUntil(element, shouldStop) {
-  var rootElement = element;
-
-  while (rootElement && rootElement.parentElement && !shouldStop(rootElement)) {
-    rootElement = rootElement.parentElement;
-  }
-
-  return rootElement;
-}
-/**
- * Takes all children out from wrapped el and puts them directly inside
- * the parent el, at the wrapped el's position
- */
-
-
-function unwrap(parent, wrapped) {
-  var docsFragment = document.createDocumentFragment();
-  Array.from(wrapped.children).forEach(function (child) {
-    docsFragment.appendChild(child);
-  });
-  parent.replaceChild(docsFragment, wrapped);
-}
-/**
- * Walks up DOM removing elements if they are empty until it finds
- * one that is not
- */
-
-
-function removeNestedEmptyEls(el) {
-  while (el.parentElement && el.childElementCount === 0 && el.textContent === '') {
-    var parentEl = el.parentElement;
-    parentEl.removeChild(el);
-    el = parentEl;
+Object.defineProperty(exports, "closest", {
+  enumerable: true,
+  get: function get() {
+    return _utils.closest;
   }
-}
-/**
- * IE11 doesn't support classList to SVGElements
- **/
-
-
-var containsClassName = function containsClassName(node, className) {
-  if (!node) {
-    return false;
+});
+Object.defineProperty(exports, "closestElement", {
+  enumerable: true,
+  get: function get() {
+    return _utils.closestElement;
   }
-
-  if (node.classList && node.classList.contains) {
-    return node.classList.contains(className);
+});
+Object.defineProperty(exports, "containsClassName", {
+  enumerable: true,
+  get: function get() {
+    return _utils.containsClassName;
   }
-
-  if (!node.className) {
-    return false;
+});
+Object.defineProperty(exports, "mapElem", {
+  enumerable: true,
+  get: function get() {
+    return _utils.mapElem;
   }
-
-  var classNames = typeof node.className.baseVal === 'string' ? node.className.baseVal : node.className;
-  return classNames.split(' ').indexOf(className) !== -1;
-};
-
-exports.containsClassName = containsClassName;
-
-function closest(node, s) {
-  if (!node) {
-    return null;
+});
+Object.defineProperty(exports, "maphElem", {
+  enumerable: true,
+  get: function get() {
+    return _utils.maphElem;
   }
-
-  var el = node;
-
-  if (!document.documentElement || !document.documentElement.contains(el)) {
-    return null;
+});
+Object.defineProperty(exports, "parsePx", {
+  enumerable: true,
+  get: function get() {
+    return _utils.parsePx;
   }
-
-  if (el.closest) {
-    return el.closest(s);
+});
+Object.defineProperty(exports, "removeNestedEmptyEls", {
+  enumerable: true,
+  get: function get() {
+    return _utils.removeNestedEmptyEls;
   }
-
-  do {
-    var matchfn = el.matches ? el.matches : el.msMatchesSelector;
-
-    if (matchfn && matchfn.call(el, s)) {
-      return el;
-    }
-
-    el = el.parentElement || el.parentNode;
-  } while (el !== null && el.nodeType === 1);
-
-  return null;
-}
-/*
- * @deprecated - Use HTMLElement.protoype.closest instead
- */
-
-
-function closestElement(node, s) {
-  return closest(node, s);
-}
-
-function parsePx(pxStr) {
-  if (!pxStr.endsWith('px')) {
-    return undefined;
+});
+Object.defineProperty(exports, "unwrap", {
+  enumerable: true,
+  get: function get() {
+    return _utils.unwrap;
   }
-
-  var maybeNumber = parseInt(pxStr, 10);
-  return !Number.isNaN(maybeNumber) ? maybeNumber : undefined;
-}
-
-// does typescript have function templates yet?
-function mapElem(elem, callback) {
-  var array = [];
-
-  for (var i = 0; i < elem.childElementCount; i++) {
-    array.push(callback(elem.children[i], i, elem));
+});
+Object.defineProperty(exports, "walkUpTreeUntil", {
+  enumerable: true,
+  get: function get() {
+    return _utils.walkUpTreeUntil;
   }
+});
 
-  return array;
-}
-
-function maphElem(elem, callback) {
-  return mapElem(elem, callback);
-}
+var _utils = require("@atlaskit/editor-common/utils");

package/dist/cjs/utils/index.js

@@ -69,7 +69,19 @@ Object.defineProperty(exports, "hasVisibleContent", {
     return _document.hasVisibleContent;
   }
 });
-exports.isElementInTableCell = exports.insideTableCell = exports.insideTable = void 0;
+Object.defineProperty(exports, "insideTable", {
+  enumerable: true,
+  get: function get() {
+    return _coreUtils.insideTable;
+  }
+});
+exports.insideTableCell = void 0;
+Object.defineProperty(exports, "isElementInTableCell", {
+  enumerable: true,
+  get: function get() {
+    return _utils.isElementInTableCell;
+  }
+});
 Object.defineProperty(exports, "isEmptyDocument", {
   enumerable: true,
   get: function get() {
@@ -83,7 +95,13 @@ Object.defineProperty(exports, "isEmptyParagraph", {
     return _document.isEmptyParagraph;
   }
 });
-exports.isLastItemMediaGroup = exports.isInListItem = exports.isInLayoutColumn = void 0;
+exports.isInListItem = exports.isInLayoutColumn = void 0;
+Object.defineProperty(exports, "isLastItemMediaGroup", {
+  enumerable: true,
+  get: function get() {
+    return _utils.isLastItemMediaGroup;
+  }
+});
 Object.defineProperty(exports, "isLinkMark", {
   enumerable: true,
   get: function get() {
@@ -129,7 +147,12 @@ Object.defineProperty(exports, "isText", {
     return _nodes.isText;
   }
 });
-exports.isTextSelection = void 0;
+Object.defineProperty(exports, "isTextSelection", {
+  enumerable: true,
+  get: function get() {
+    return _utils.isTextSelection;
+  }
+});
 Object.defineProperty(exports, "isValidPosition", {
   enumerable: true,
   get: function get() {
@@ -152,7 +175,12 @@ Object.defineProperty(exports, "nodesBetweenChanged", {
     return _document.nodesBetweenChanged;
   }
 });
-exports.nonNullable = nonNullable;
+Object.defineProperty(exports, "nonNullable", {
+  enumerable: true,
+  get: function get() {
+    return _utils.nonNullable;
+  }
+});
 Object.defineProperty(exports, "normaliseNestedLayout", {
   enumerable: true,
   get: function get() {
@@ -245,7 +273,7 @@ var _document = require("./document");
 
 var _position = require("./prosemirror/position");
 
-var _dom = require("./dom");
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
 
 var _action = require("./action");
 
@@ -255,8 +283,12 @@ var _nodes = require("./nodes");
 
 var _selection = require("./selection");
 
+var _dom = require("./dom");
+
 var _measureEnum = _interopRequireDefault(require("./performance/measure-enum"));
 
+var _utils = require("@atlaskit/editor-common/utils");
+
 var _steps = require("@atlaskit/adf-schema/steps");
 
 function validateNode(_node) {
@@ -772,37 +804,15 @@ var isEmptyNode = function isEmptyNode(schema) {
 
 exports.isEmptyNode = isEmptyNode;
 
-var insideTable = function insideTable(state) {
-  var _state$schema$nodes2 = state.schema.nodes,
-      table = _state$schema$nodes2.table,
-      tableCell = _state$schema$nodes2.tableCell;
-  return (0, _prosemirrorUtils.hasParentNodeOfType)([table, tableCell])(state.selection);
-};
-
-exports.insideTable = insideTable;
-
 var insideTableCell = function insideTableCell(state) {
-  var _state$schema$nodes3 = state.schema.nodes,
-      tableCell = _state$schema$nodes3.tableCell,
-      tableHeader = _state$schema$nodes3.tableHeader;
+  var _state$schema$nodes2 = state.schema.nodes,
+      tableCell = _state$schema$nodes2.tableCell,
+      tableHeader = _state$schema$nodes2.tableHeader;
   return (0, _prosemirrorUtils.hasParentNodeOfType)([tableCell, tableHeader])(state.selection);
 };
 
 exports.insideTableCell = insideTableCell;
 
-var isElementInTableCell = function isElementInTableCell(element) {
-  return (0, _dom.closest)(element, 'td') || (0, _dom.closest)(element, 'th');
-};
-
-exports.isElementInTableCell = isElementInTableCell;
-
-var isLastItemMediaGroup = function isLastItemMediaGroup(node) {
-  var content = node.content;
-  return !!content.lastChild && content.lastChild.type.name === 'mediaGroup';
-};
-
-exports.isLastItemMediaGroup = isLastItemMediaGroup;
-
 var isInLayoutColumn = function isInLayoutColumn(state) {
   return (0, _prosemirrorUtils.hasParentNodeOfType)(state.schema.nodes.layoutSection)(state.selection);
 };
@@ -868,14 +878,6 @@ function dedupe() {
   });
 }
 
-var isTextSelection = function isTextSelection(selection) {
-  return selection instanceof _prosemirrorState.TextSelection;
-};
-/** Helper type for single arg function */
-
-
-exports.isTextSelection = isTextSelection;
-
 /**
  * Compose 1 to n functions.
  * @param func first function
@@ -931,8 +933,4 @@ function sum(arr, f) {
   return arr.reduce(function (val, x) {
     return val + f(x);
   }, 0);
-}
-
-function nonNullable(value) {
-  return value !== null && value !== undefined;
 }

package/dist/cjs/utils/node-width.js

@@ -3,91 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getParentNodeWidth = exports.getBreakoutMode = void 0;
-
-var _prosemirrorUtils = require("prosemirror-utils");
-
-var _utils = require("@atlaskit/editor-common/utils");
-
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
-var _styles = require("../plugins/layout/styles");
-
-var _styles2 = require("../plugins/extension/ui/Extension/styles");
-
-/**
- * Calculates width of parent node of a nested node (inside layouts, extension)
- * If current node selection is not nested will return undefined
- */
-var getParentNodeWidth = function getParentNodeWidth(pos, state, containerWidth, isFullWidthModeEnabled) {
-  if (!pos) {
-    return;
-  }
-
-  var node = getNestedParentNode(pos, state);
-
-  if (!node) {
-    return;
-  }
-
-  var layout = node.attrs.layout || 'default';
-  var schema = state.schema;
-  var breakoutMark = schema.marks.breakout && schema.marks.breakout.isInSet(node.marks);
-
-  if (breakoutMark && breakoutMark.attrs.mode) {
-    layout = breakoutMark.attrs.mode;
-  }
-
-  var parentWidth = calcBreakoutNodeWidth(layout, containerWidth, isFullWidthModeEnabled);
-
-  if (node.type === schema.nodes.layoutSection) {
-    parentWidth += _editorSharedStyles.akLayoutGutterOffset * 2; // extra width that gets added to layout
-
-    if (containerWidth.width > _editorSharedStyles.gridMediumMaxWidth) {
-      parentWidth -= (_styles.LAYOUT_SECTION_MARGIN + 2) * (node.childCount - 1); // margin between sections
-
-      var $pos = state.doc.resolve(pos);
-      var column = (0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)($pos, [state.schema.nodes.layoutColumn]);
-
-      if (column && column.node && !isNaN(column.node.attrs.width)) {
-        // get exact width of parent layout column using node attrs
-        parentWidth = Math.round(parentWidth * column.node.attrs.width * 0.01);
-      }
-    }
-  } // account for the padding of the parent node
-
-
-  if (node.type === schema.nodes.layoutSection) {
-    parentWidth -= _styles.LAYOUT_COLUMN_PADDING * 2;
-  } else if (node.type === schema.nodes.bodiedExtension) {
-    parentWidth -= _styles2.BODIED_EXT_PADDING * 2;
-  }
-
-  parentWidth -= 2; // border
-
-  return parentWidth;
-};
-
-exports.getParentNodeWidth = getParentNodeWidth;
-
-var getNestedParentNode = function getNestedParentNode(tablePos, state) {
-  if (tablePos === undefined) {
-    return null;
+exports.getBreakoutMode = void 0;
+Object.defineProperty(exports, "getParentNodeWidth", {
+  enumerable: true,
+  get: function get() {
+    return _nodeWidth.getParentNodeWidth;
   }
+});
 
-  var $pos = state.doc.resolve(tablePos);
-  var parent = (0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
-  return parent ? parent.node : null;
-};
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
 
-var calcBreakoutNodeWidth = function calcBreakoutNodeWidth(layout, containerWidth, isFullWidthModeEnabled) {
-  return isFullWidthModeEnabled ? Math.min(containerWidth.lineLength, _editorSharedStyles.akEditorFullWidthLayoutWidth) : (0, _utils.absoluteBreakoutWidth)(layout, containerWidth.width);
-};
 /**
  * Returns the breakout mode of a given node
  */
-
-
 var getBreakoutMode = function getBreakoutMode(node, breakout) {
   var breakoutMark = breakout && breakout.isInSet(node.marks);
   return breakoutMark ? breakoutMark.attrs.mode : node.attrs.layout;