@atlaskit/editor-core 189.1.11 → 189.1.13

package/dist/cjs/plugins/placeholder-text/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.placeholderTextStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _templateObject;
-var placeholderTextStyles = exports.placeholderTextStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n\n  .ProseMirror {\n    .ProseMirror-fake-text-cursor {\n      display: inline;\n      pointer-events: none;\n      position: relative;\n    }\n\n    .ProseMirror-fake-text-cursor::after {\n      content: '';\n      display: inline;\n      top: 0;\n      position: absolute;\n      border-right: 1px solid ", ";\n    }\n\n    .ProseMirror-fake-text-selection {\n      display: inline;\n      pointer-events: none;\n      position: relative;\n      background-color: ", ";\n    }\n  }\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-border, rgba(0, 0, 0, 0.4))", "var(--ds-background-selected, ".concat(_colors.B75, ")"));

package/dist/cjs/plugins/placeholder-text/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/placeholder-text/ui/FloatingToolbar/index.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "getNearestNonTextNode", {
-  enumerable: true,
-  get: function get() {
-    return _utils.getNearestNonTextNode;
-  }
-});
-Object.defineProperty(exports, "getOffsetParent", {
-  enumerable: true,
-  get: function get() {
-    return _utils.getOffsetParent;
-  }
-});
-Object.defineProperty(exports, "handlePositionCalculatedWith", {
-  enumerable: true,
-  get: function get() {
-    return _utils.handlePositionCalculatedWith;
-  }
-});
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-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 _react = require("@emotion/react");
-var _react2 = require("react");
-var _ui = require("@atlaskit/editor-common/ui");
-var _styles = require("./styles");
-var _utils = require("./utils");
-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 FloatingToolbar = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(FloatingToolbar, _PureComponent);
-  var _super = _createSuper(FloatingToolbar);
-  function FloatingToolbar() {
-    (0, _classCallCheck2.default)(this, FloatingToolbar);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(FloatingToolbar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        target = _this$props.target,
-        offset = _this$props.offset,
-        fitWidth = _this$props.fitWidth,
-        _this$props$fitHeight = _this$props.fitHeight,
-        fitHeight = _this$props$fitHeight === void 0 ? 40 : _this$props$fitHeight,
-        onPositionCalculated = _this$props.onPositionCalculated,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        className = _this$props.className,
-        absoluteOffset = _this$props.absoluteOffset,
-        alignX = _this$props.alignX,
-        alignY = _this$props.alignY,
-        zIndex = _this$props.zIndex;
-      if (!target) {
-        return null;
-      }
-      return (0, _react.jsx)(_ui.Popup, {
-        absoluteOffset: absoluteOffset,
-        alignX: alignX,
-        alignY: alignY,
-        target: target,
-        zIndex: zIndex,
-        mountTo: popupsMountPoint,
-        boundariesElement: popupsBoundariesElement,
-        offset: offset,
-        fitWidth: fitWidth,
-        fitHeight: fitHeight,
-        onPositionCalculated: onPositionCalculated
-      }, (0, _react.jsx)("div", {
-        css: (0, _styles.container)(fitHeight),
-        "data-testid": "popup-container",
-        className: className
-      }, children));
-    }
-  }]);
-  return FloatingToolbar;
-}(_react2.PureComponent);

package/dist/cjs/plugins/placeholder-text/ui/FloatingToolbar/styles.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.container = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
-var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2;
-var container = exports.container = function container(height) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: ", " ", ";\n  background-color: ", ";\n  ", ";\n"])), (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-background-input, ".concat(_colors.N0, ")"), height ? (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        height: ", "px;\n      "])), height) : '');
-};

package/dist/cjs/plugins/placeholder-text/ui/FloatingToolbar/utils.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handlePositionCalculatedWith = exports.getOffsetParent = exports.getNearestNonTextNode = void 0;
-var getCursorHeightFrom = function getCursorHeightFrom(node) {
-  return parseFloat(window.getComputedStyle(node, undefined).lineHeight || '');
-};
-var getOffsetParent = exports.getOffsetParent = function getOffsetParent(editorViewDom, popupsMountPoint) {
-  return popupsMountPoint ? popupsMountPoint.offsetParent : editorViewDom.offsetParent;
-};
-var getNearestNonTextNode = exports.getNearestNonTextNode = function getNearestNonTextNode(node) {
-  return node.nodeType === Node.TEXT_NODE ? node.parentNode : node;
-};
-
-/**
- * We need to translate the co-ordinates because `coordsAtPos` returns co-ordinates
- * relative to `window`. And, also need to adjust the cursor container height.
- * (0, 0)
- * +--------------------- [window] ---------------------+
- * |   (left, top) +-------- [Offset Parent] --------+  |
- * | {coordsAtPos} | [Cursor]   <- cursorHeight      |  |
- * |               | [FloatingToolbar]               |  |
- */
-var convertFixedCoordinatesToAbsolutePositioning = function convertFixedCoordinatesToAbsolutePositioning(coordinates, offsetParent, cursorHeight) {
-  var _offsetParent$getBoun = offsetParent.getBoundingClientRect(),
-    offsetParentLeft = _offsetParent$getBoun.left,
-    offsetParentTop = _offsetParent$getBoun.top,
-    offsetParentHeight = _offsetParent$getBoun.height;
-  return {
-    left: coordinates.left - offsetParentLeft,
-    right: coordinates.right - offsetParentLeft,
-    top: coordinates.top - (offsetParentTop - cursorHeight) + offsetParent.scrollTop,
-    bottom: offsetParentHeight - (coordinates.top - (offsetParentTop - cursorHeight) - offsetParent.scrollTop)
-  };
-};
-var handlePositionCalculatedWith = exports.handlePositionCalculatedWith = function handlePositionCalculatedWith(offsetParent, node, getCurrentFixedCoordinates) {
-  return function (position) {
-    if (!offsetParent) {
-      return position;
-    }
-    var target = getNearestNonTextNode(node);
-    var cursorHeight = getCursorHeightFrom(target);
-    var fixedCoordinates = getCurrentFixedCoordinates();
-    var absoluteCoordinates = convertFixedCoordinatesToAbsolutePositioning(fixedCoordinates, offsetParent, cursorHeight);
-    return {
-      left: position.left ? absoluteCoordinates.left : undefined,
-      right: position.right ? absoluteCoordinates.right : undefined,
-      top: position.top ? absoluteCoordinates.top : undefined,
-      bottom: position.bottom ? absoluteCoordinates.bottom : undefined
-    };
-  };
-};

package/dist/cjs/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.messages = exports.default = void 0;
-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 = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _ui = require("@atlaskit/editor-common/ui");
-var _FloatingToolbar = _interopRequireWildcard(require("../FloatingToolbar"));
-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 messages = exports.messages = (0, _reactIntlNext.defineMessages)({
-  placeholderTextPlaceholder: {
-    id: 'fabric.editor.placeholderTextPlaceholder',
-    defaultMessage: 'Add placeholder text',
-    description: ''
-  }
-});
-var PlaceholderFloatingToolbar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(PlaceholderFloatingToolbar, _React$Component);
-  var _super = _createSuper(PlaceholderFloatingToolbar);
-  function PlaceholderFloatingToolbar() {
-    var _this;
-    (0, _classCallCheck2.default)(this, PlaceholderFloatingToolbar);
-    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), "handleSubmit", function (value) {
-      if (value) {
-        _this.props.insertPlaceholder(value);
-        _this.props.setFocusInEditor();
-      } else {
-        _this.props.hidePlaceholderFloatingToolbar();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function () {
-      _this.props.hidePlaceholderFloatingToolbar();
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(PlaceholderFloatingToolbar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        getNodeFromPos = _this$props.getNodeFromPos,
-        showInsertPanelAt = _this$props.showInsertPanelAt,
-        editorViewDOM = _this$props.editorViewDOM,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        getFixedCoordinatesFromPos = _this$props.getFixedCoordinatesFromPos,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        formatMessage = _this$props.intl.formatMessage;
-      var target = getNodeFromPos(showInsertPanelAt);
-      var offsetParent = (0, _FloatingToolbar.getOffsetParent)(editorViewDOM, popupsMountPoint);
-      var getFixedCoordinates = function getFixedCoordinates() {
-        return getFixedCoordinatesFromPos(showInsertPanelAt);
-      };
-      var handlePositionCalculated = (0, _FloatingToolbar.handlePositionCalculatedWith)(offsetParent, target, getFixedCoordinates);
-      return /*#__PURE__*/_react.default.createElement(_FloatingToolbar.default, {
-        target: (0, _FloatingToolbar.getNearestNonTextNode)(target),
-        onPositionCalculated: handlePositionCalculated,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        fitHeight: 32,
-        offset: [0, 12]
-      }, /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
-        placeholder: formatMessage(messages.placeholderTextPlaceholder),
-        onSubmit: this.handleSubmit,
-        onBlur: this.handleBlur,
-        autoFocus: true,
-        width: 300
-      }));
-    }
-  }]);
-  return PlaceholderFloatingToolbar;
-}(_react.default.Component);
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(PlaceholderFloatingToolbar);

package/dist/es2019/plugins/layout/actions.js

@@ -1,328 +0,0 @@
-import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
-import { TextSelection, NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { flatmap, mapChildren, getStepRange, isEmptyDocument } from '@atlaskit/editor-common/utils';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, LAYOUT_TYPE } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import { pluginKey } from './pm-plugins/plugin-key';
-export const ONE_COL_LAYOUTS = ['single'];
-export const TWO_COL_LAYOUTS = ['two_equal', 'two_left_sidebar', 'two_right_sidebar'];
-export const THREE_COL_LAYOUTS = ['three_equal', 'three_with_sidebars'];
-const getWidthsForPreset = presetLayout => {
-  switch (presetLayout) {
-    case 'single':
-      return [100];
-    case 'two_equal':
-      return [50, 50];
-    case 'three_equal':
-      return [33.33, 33.33, 33.33];
-    case 'two_left_sidebar':
-      return [33.33, 66.66];
-    case 'two_right_sidebar':
-      return [66.66, 33.33];
-    case 'three_with_sidebars':
-      return [25, 50, 25];
-  }
-};
-
-/**
- * Finds layout preset based on the width attrs of all the layoutColumn nodes
- * inside the layoutSection node
- */
-export const getPresetLayout = section => {
-  const widths = mapChildren(section, column => column.attrs.width).join(',');
-  switch (widths) {
-    case '100':
-      return 'single';
-    case '33.33,33.33,33.33':
-      return 'three_equal';
-    case '25,50,25':
-      return 'three_with_sidebars';
-    case '50,50':
-      return 'two_equal';
-    case '33.33,66.66':
-      return 'two_left_sidebar';
-    case '66.66,33.33':
-      return 'two_right_sidebar';
-  }
-  return;
-};
-export const getSelectedLayout = (maybeLayoutSection, current) => {
-  if (maybeLayoutSection && getPresetLayout(maybeLayoutSection)) {
-    return getPresetLayout(maybeLayoutSection) || current;
-  }
-  return current;
-};
-export const createDefaultLayoutSection = state => {
-  const {
-    layoutSection,
-    layoutColumn
-  } = state.schema.nodes;
-
-  // create a 50-50 layout by default
-  const columns = Fragment.fromArray([layoutColumn.createAndFill({
-    width: 50
-  }), layoutColumn.createAndFill({
-    width: 50
-  })]);
-  return layoutSection.createAndFill(undefined, columns);
-};
-export const insertLayoutColumns = (state, dispatch) => {
-  if (dispatch) {
-    dispatch(safeInsert(createDefaultLayoutSection(state))(state.tr));
-  }
-  return true;
-};
-export const insertLayoutColumnsWithAnalytics = editorAnalyticsAPI => inputMethod => withAnalytics(editorAnalyticsAPI, {
-  action: ACTION.INSERTED,
-  actionSubject: ACTION_SUBJECT.DOCUMENT,
-  actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
-  attributes: {
-    inputMethod
-  },
-  eventType: EVENT_TYPE.TRACK
-})(insertLayoutColumns);
-
-/**
- * Add a column to the right of existing layout
- */
-function addColumn(schema, pos) {
-  return tr => {
-    tr.replaceWith(tr.mapping.map(pos), tr.mapping.map(pos), schema.nodes.layoutColumn.createAndFill());
-  };
-}
-function removeLastColumnInLayout(column, columnPos, insideRightEdgePos) {
-  return tr => {
-    if (isEmptyDocument(column)) {
-      tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(insideRightEdgePos), Slice.empty);
-    } else {
-      tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(columnPos + 1), Slice.empty);
-    }
-  };
-}
-const fromTwoColsToThree = addColumn;
-const fromOneColToTwo = addColumn;
-const fromTwoColsToOne = removeLastColumnInLayout;
-const fromThreeColsToTwo = removeLastColumnInLayout;
-const fromOneColToThree = (schema, pos) => {
-  return tr => {
-    addColumn(schema, pos)(tr);
-    addColumn(schema, pos)(tr);
-  };
-};
-const fromThreeColstoOne = (node, tr, insideRightEdgePos) => {
-  const thirdColumn = node.content.child(2);
-  fromThreeColsToTwo(thirdColumn, insideRightEdgePos - thirdColumn.nodeSize, insideRightEdgePos)(tr);
-  const secondColumn = node.content.child(1);
-  fromTwoColsToOne(secondColumn, insideRightEdgePos - thirdColumn.nodeSize - secondColumn.nodeSize, insideRightEdgePos)(tr);
-};
-
-/**
- * Handles switching from 2 -> 3 cols, or 3 -> 2 cols
- * Switching from 2 -> 3 just adds a new one at the end
- * Switching from 3 -> 2 moves all the content of the third col inside the second before
- * removing it
- */
-function forceColumnStructure(state, node, pos, presetLayout) {
-  const tr = state.tr;
-  const insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
-  const numCols = node.childCount;
-
-  // 3 columns -> 2 columns
-  if (TWO_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 3) {
-    const thirdColumn = node.content.child(2);
-    const columnPos = insideRightEdgeOfLayoutSection - thirdColumn.nodeSize;
-    fromThreeColsToTwo(thirdColumn, columnPos, insideRightEdgeOfLayoutSection)(tr);
-
-    // 2 columns -> 3 columns
-  } else if (THREE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 2) {
-    fromTwoColsToThree(state.schema, insideRightEdgeOfLayoutSection)(tr);
-
-    // 2 columns -> 1 column
-  } else if (ONE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 2) {
-    const secondColumn = node.content.child(1);
-    const columnPos = insideRightEdgeOfLayoutSection - secondColumn.nodeSize;
-    fromTwoColsToOne(secondColumn, columnPos, insideRightEdgeOfLayoutSection)(tr);
-
-    // 3 columns -> 1 column
-  } else if (ONE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 3) {
-    fromThreeColstoOne(node, tr, insideRightEdgeOfLayoutSection);
-
-    // 1 column -> 2 columns
-  } else if (TWO_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 1) {
-    fromOneColToTwo(state.schema, insideRightEdgeOfLayoutSection)(tr);
-    // 1 column -> 3 columns
-  } else if (THREE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 1) {
-    fromOneColToThree(state.schema, insideRightEdgeOfLayoutSection)(tr);
-  }
-  return tr;
-}
-function columnWidth(node, schema, widths) {
-  const {
-    layoutColumn
-  } = schema.nodes;
-  const truncatedWidths = widths.map(w => Number(w.toFixed(2)));
-  return flatmap(node.content, (column, idx) => {
-    if (column.type === layoutColumn) {
-      return layoutColumn.create({
-        ...column.attrs,
-        width: truncatedWidths[idx]
-      }, column.content, column.marks);
-    } else {
-      return column;
-    }
-  });
-}
-function forceColumnWidths(state, tr, pos, presetLayout) {
-  const node = tr.doc.nodeAt(pos);
-  if (!node) {
-    return tr;
-  }
-  return tr.replaceWith(pos + 1, pos + node.nodeSize - 1, columnWidth(node, state.schema, getWidthsForPreset(presetLayout)));
-}
-export function forceSectionToPresetLayout(state, node, pos, presetLayout) {
-  let tr = forceColumnStructure(state, node, pos, presetLayout);
-
-  // save the selection here, since forcing column widths causes a change over the
-  // entire layoutSection, which remaps selection to the end. not remapping here
-  // is safe because the structure is no longer changing.
-  const selection = tr.selection;
-  tr = forceColumnWidths(state, tr, pos, presetLayout);
-  const selectionPos$ = tr.doc.resolve(selection.$from.pos);
-  return tr.setSelection(state.selection instanceof NodeSelection ? new NodeSelection(selectionPos$) : new TextSelection(selectionPos$));
-}
-export const setPresetLayout = editorAnalyticsAPI => layout => (state, dispatch) => {
-  const {
-    pos,
-    selectedLayout
-  } = pluginKey.getState(state);
-  if (selectedLayout === layout || pos === null) {
-    return false;
-  }
-  const node = state.doc.nodeAt(pos);
-  if (!node) {
-    return false;
-  }
-  let tr = forceSectionToPresetLayout(state, node, pos, layout);
-  if (tr) {
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-      action: ACTION.CHANGED_LAYOUT,
-      actionSubject: ACTION_SUBJECT.LAYOUT,
-      attributes: {
-        previousLayout: formatLayoutName(selectedLayout),
-        newLayout: formatLayoutName(layout)
-      },
-      eventType: EVENT_TYPE.TRACK
-    })(tr);
-    tr.setMeta('scrollIntoView', false);
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  }
-  return false;
-};
-function layoutNeedChanges(node) {
-  return !getPresetLayout(node);
-}
-function getLayoutChange(node, pos, schema) {
-  if (node.type === schema.nodes.layoutSection) {
-    if (!layoutNeedChanges(node)) {
-      return;
-    }
-    const presetLayout = node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
-    const fixedColumns = columnWidth(node, schema, getWidthsForPreset(presetLayout));
-    return {
-      from: pos + 1,
-      to: pos + node.nodeSize - 1,
-      slice: new Slice(fixedColumns, 0, 0)
-    };
-  }
-}
-export const fixColumnSizes = (changedTr, state) => {
-  const {
-    layoutSection
-  } = state.schema.nodes;
-  let change;
-  const range = getStepRange(changedTr);
-  if (!range) {
-    return undefined;
-  }
-  changedTr.doc.nodesBetween(range.from, range.to, (node, pos) => {
-    if (node.type !== layoutSection) {
-      return true; // Check all internal nodes expect for layout section
-    }
-    // Node is a section
-    if (layoutNeedChanges(node)) {
-      change = getLayoutChange(node, pos, state.schema);
-    }
-    return false; // We dont go deep, We dont accept nested layouts
-  });
-
-  // Hack to prevent: https://product-fabric.atlassian.net/browse/ED-7523
-  // By default prosemirror try to recreate the node with the default attributes
-  // The default attribute is invalid adf though. when this happen the node after
-  // current position is a layout section
-  const $pos = changedTr.doc.resolve(range.to);
-  if ($pos.depth > 0) {
-    // 'range.to' position could resolve to doc, in this ResolvedPos.after will throws
-    const pos = $pos.after();
-    const node = changedTr.doc.nodeAt(pos);
-    if (node && node.type === layoutSection && layoutNeedChanges(node)) {
-      change = getLayoutChange(node, pos, state.schema);
-    }
-  }
-  return change;
-};
-export const fixColumnStructure = state => {
-  const {
-    pos,
-    selectedLayout
-  } = pluginKey.getState(state);
-  if (pos !== null && selectedLayout) {
-    const node = state.doc.nodeAt(pos);
-    if (node && node.childCount !== getWidthsForPreset(selectedLayout).length) {
-      return forceSectionToPresetLayout(state, node, pos, selectedLayout);
-    }
-  }
-  return;
-};
-export const deleteActiveLayoutNode = editorAnalyticsAPI => (state, dispatch) => {
-  const {
-    pos,
-    selectedLayout
-  } = pluginKey.getState(state);
-  if (pos !== null) {
-    const node = state.doc.nodeAt(pos);
-    if (dispatch) {
-      let tr = state.tr.delete(pos, pos + node.nodeSize);
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-        action: ACTION.DELETED,
-        actionSubject: ACTION_SUBJECT.LAYOUT,
-        attributes: {
-          layout: formatLayoutName(selectedLayout)
-        },
-        eventType: EVENT_TYPE.TRACK
-      })(tr);
-      dispatch(tr);
-    }
-    return true;
-  }
-  return false;
-};
-const formatLayoutName = layout => {
-  switch (layout) {
-    case 'single':
-      return LAYOUT_TYPE.SINGLE_COL;
-    case 'two_equal':
-      return LAYOUT_TYPE.TWO_COLS_EQUAL;
-    case 'three_equal':
-      return LAYOUT_TYPE.THREE_COLS_EQUAL;
-    case 'two_left_sidebar':
-      return LAYOUT_TYPE.LEFT_SIDEBAR;
-    case 'two_right_sidebar':
-      return LAYOUT_TYPE.RIGHT_SIDEBAR;
-    case 'three_with_sidebars':
-      return LAYOUT_TYPE.THREE_WITH_SIDEBARS;
-  }
-};

package/dist/es2019/plugins/layout/index.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { layoutColumn, layoutSection } from '@atlaskit/adf-schema';
-import { default as createLayoutPlugin } from './pm-plugins/main';
-import { buildToolbar } from './toolbar';
-import { createDefaultLayoutSection, insertLayoutColumnsWithAnalytics } from './actions';
-import { IconLayout } from '@atlaskit/editor-common/quick-insert';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { pluginKey } from './pm-plugins/plugin-key';
-export { pluginKey };
-export const layoutPlugin = ({
-  config: options = {},
-  api
-}) => {
-  var _api$analytics;
-  return {
-    name: 'layout',
-    nodes() {
-      return [{
-        name: 'layoutSection',
-        node: layoutSection
-      }, {
-        name: 'layoutColumn',
-        node: layoutColumn
-      }];
-    },
-    pmPlugins() {
-      return [{
-        name: 'layout',
-        plugin: () => createLayoutPlugin(options)
-      }];
-    },
-    actions: {
-      insertLayoutColumns: insertLayoutColumnsWithAnalytics(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
-    },
-    pluginsOptions: {
-      floatingToolbar(state, intl) {
-        const {
-          pos,
-          allowBreakout,
-          addSidebarLayouts,
-          allowSingleColumnLayout
-        } = pluginKey.getState(state);
-        if (pos !== null) {
-          return buildToolbar(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api);
-        }
-        return undefined;
-      },
-      quickInsert: ({
-        formatMessage
-      }) => [{
-        id: 'layout',
-        title: formatMessage(messages.columns),
-        description: formatMessage(messages.columnsDescription),
-        keywords: ['column', 'section'],
-        priority: 1100,
-        icon: () => /*#__PURE__*/React.createElement(IconLayout, null),
-        action(insert, state) {
-          var _api$analytics2, _api$analytics2$actio;
-          const tr = insert(createDefaultLayoutSection(state));
-          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.attachAnalyticsEvent({
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
-            attributes: {
-              inputMethod: INPUT_METHOD.QUICK_INSERT
-            },
-            eventType: EVENT_TYPE.TRACK
-          })(tr);
-          return tr;
-        }
-      }]
-    }
-  };
-};