@atlaskit/editor-core 185.1.6 → 185.2.2

package/dist/cjs/ui/Resizer/index.js

@@ -1,210 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _classnames = _interopRequireDefault(require("classnames"));
-var _reResizable = require("re-resizable");
-var _utils = require("@atlaskit/editor-common/utils");
-var _utils2 = require("./utils");
-var _styles = require("@atlaskit/editor-common/styles");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _analytics = require("../../plugins/analytics");
-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 getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
-  var actionSubject = type === 'embed' ? _analytics.ACTION_SUBJECT.EMBEDS : _analytics.ACTION_SUBJECT.MEDIA_SINGLE;
-  return {
-    action: _analytics.ACTION.EDITED,
-    actionSubject: actionSubject,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.RESIZED,
-    attributes: {
-      size: size,
-      layout: layout
-    },
-    eventType: _analytics.EVENT_TYPE.UI
-  };
-};
-var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints) {
-  if (snapPoints.length) {
-    return Math.min(Math.max(width, snapPoints[0]), snapPoints[snapPoints.length - 1]);
-  }
-  return width;
-};
-var Resizer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Resizer, _React$Component);
-  var _super = _createSuper(Resizer);
-  function Resizer() {
-    var _this;
-    (0, _classCallCheck2.default)(this, Resizer);
-    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), "resizable", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isResizing: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStart", function (event) {
-      var _this$props = _this.props,
-        _this$props$innerPadd = _this$props.innerPadding,
-        innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
-        highlights = _this$props.highlights,
-        displayGrid = _this$props.displayGrid,
-        layout = _this$props.layout,
-        width = _this$props.width,
-        snapPoints = _this$props.snapPoints;
-
-      // prevent creating a drag event on Firefox
-      event.preventDefault();
-      _this.setState({
-        isResizing: true
-      }, function () {
-        var newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
-      var _this$props2 = _this.props,
-        highlights = _this$props2.highlights,
-        calcNewSize = _this$props2.calcNewSize,
-        scaleFactor = _this$props2.scaleFactor,
-        snapPoints = _this$props2.snapPoints,
-        displayGrid = _this$props2.displayGrid,
-        layout = _this$props2.layout,
-        updateSize = _this$props2.updateSize,
-        _this$props2$innerPad = _this$props2.innerPadding,
-        innerPadding = _this$props2$innerPad === void 0 ? 0 : _this$props2$innerPad;
-      var resizable = _this.resizable.current;
-      var isResizing = _this.state.isResizing;
-      if (!resizable || !resizable.state.original || !isResizing) {
-        return;
-      }
-      var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width * (scaleFactor || 1), snapPoints);
-      var newSize = calcNewSize(newWidth + innerPadding, false);
-      if (newSize.layout !== layout) {
-        updateSize(newSize.width, newSize.layout);
-      }
-      var newHighlights = highlights(newWidth, snapPoints);
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
-      resizable.updateSize({
-        width: newWidth,
-        height: 'auto'
-      });
-      resizable.setState({
-        isResizing: true
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStop", function (_event, _direction, _elementRef, delta) {
-      var _this$props3 = _this.props,
-        highlights = _this$props3.highlights,
-        calcNewSize = _this$props3.calcNewSize,
-        snapPoints = _this$props3.snapPoints,
-        displayGrid = _this$props3.displayGrid,
-        layout = _this$props3.layout,
-        updateSize = _this$props3.updateSize,
-        dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent,
-        nodeType = _this$props3.nodeType;
-      var resizable = _this.resizable.current;
-      var isResizing = _this.state.isResizing;
-      if (!resizable || !resizable.state.original || !isResizing) {
-        return;
-      }
-      var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
-      var snapWidth = (0, _utils2.snapTo)(newWidth, snapPoints);
-      var newSize = calcNewSize(snapWidth, true);
-      var newHighlights = highlights(newWidth, snapPoints);
-      if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
-      }
-      // show committed grid size
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
-      _this.setState({
-        isResizing: false
-      }, function () {
-        updateSize(newSize.width, newSize.layout);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _utils.gridTypeForLayout)(layout), []);
-      });
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(Resizer, [{
-    key: "render",
-    value: function render() {
-      var handleStyles = {};
-      var handles = {};
-      var handleComponent = {};
-      var _this$props4 = this.props,
-        _this$props4$innerPad = _this$props4.innerPadding,
-        innerPadding = _this$props4$innerPad === void 0 ? 0 : _this$props4$innerPad,
-        width = _this$props4.width,
-        pctWidth = _this$props4.pctWidth,
-        selected = _this$props4.selected,
-        layout = _this$props4.layout,
-        enable = _this$props4.enable,
-        children = _this$props4.children,
-        ratio = _this$props4.ratio,
-        handleComponentFunc = _this$props4.handleComponentFunc;
-      var isResizing = this.state.isResizing;
-      _utils2.handleSides.forEach(function (side) {
-        var _handleStyles$side;
-        handles[side] = "richMedia-resize-handle-".concat(side);
-        handleStyles[side] = (_handleStyles$side = {
-          width: '24px'
-        }, (0, _defineProperty2.default)(_handleStyles$side, side, "".concat(-13 - innerPadding, "px")), (0, _defineProperty2.default)(_handleStyles$side, "zIndex", _editorSharedStyles.akRichMediaResizeZIndex), (0, _defineProperty2.default)(_handleStyles$side, "pointerEvents", 'auto'), _handleStyles$side);
-        var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
-        if (sideHandleComponent) {
-          handleComponent[side] = sideHandleComponent;
-        }
-      });
-      var className = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), this.props.className, {
-        'is-resizing': isResizing,
-        'not-resized': !pctWidth,
-        'richMedia-selected': selected,
-        'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
-      });
-      var handleWrapperStyle;
-      if (ratio) {
-        handleWrapperStyle = {
-          position: 'absolute',
-          width: '100%',
-          paddingBottom: "".concat(ratio, "%"),
-          top: 0,
-          pointerEvents: 'none'
-        };
-      }
-
-      // Ideally, Resizable would let you pass in the component rather than
-      // the div. For now, we just apply the same styles using CSS
-      return /*#__PURE__*/_react.default.createElement(_reResizable.Resizable, {
-        ref: this.resizable,
-        size: {
-          width: width,
-          // just content itself (no paddings)
-          height: 'auto'
-        },
-        className: className,
-        handleClasses: handles,
-        handleStyles: handleStyles,
-        handleWrapperStyle: handleWrapperStyle,
-        handleComponent: handleComponent,
-        enable: enable,
-        onResize: this.handleResize,
-        onResizeStop: this.handleResizeStop,
-        onResizeStart: this.handleResizeStart
-      }, children);
-    }
-  }]);
-  return Resizer;
-}(_react.default.Component);
-exports.default = Resizer;

package/dist/cjs/ui/Resizer/styled.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapperStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _ui = require("@atlaskit/editor-common/ui");
-var _templateObject;
-var wrapperStyle = function wrapperStyle(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n\n    > div {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), (0, _ui.MediaSingleDimensionHelper)(props));
-};
-exports.wrapperStyle = wrapperStyle;

package/dist/cjs/ui/Resizer/types.js

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

package/dist/cjs/ui/Resizer/utils.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.snapTo = exports.imageAlignmentMap = exports.handleSides = void 0;
-var snapTo = function snapTo(target, points) {
-  return points.length === 0 ?
-  // extreme last case if there are no points somehow
-  target : points.reduce(function (point, closest) {
-    return Math.abs(closest - target) < Math.abs(point - target) ? closest : point;
-  });
-};
-exports.snapTo = snapTo;
-var handleSides = ['left', 'right'];
-exports.handleSides = handleSides;
-var imageAlignmentMap = {
-  left: 'start',
-  right: 'end'
-};
-exports.imageAlignmentMap = imageAlignmentMap;

package/dist/cjs/utils/filter/privacy-filter.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sanitizeNodeForPrivacy = sanitizeNodeForPrivacy;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _traverse = require("@atlaskit/adf-utils/traverse");
-var _resource = require("@atlaskit/mention/resource");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/**
- * Sanitises a document where some content should not be in the document (e.g. mention names).
- *
- * It is expected that these names we be resolved separately (e.g. when rendering
- * a node view).
- */
-function sanitizeNodeForPrivacy(json, providerFactory) {
-  var mentionNames = new Map();
-  var hasCacheableMentions = false;
-  var sanitizedJSON = (0, _traverse.traverse)(json, {
-    mention: function mention(node) {
-      if (node.attrs && node.attrs.text) {
-        hasCacheableMentions = true;
-        // Remove @ prefix
-        var text = node.attrs.text;
-        var name = text.startsWith('@') ? text.slice(1) : text;
-        mentionNames.set(node.attrs.id, name);
-      }
-      return _objectSpread(_objectSpread({}, node), {}, {
-        attrs: _objectSpread(_objectSpread({}, node.attrs), {}, {
-          text: ''
-        })
-      });
-    }
-  });
-  if (hasCacheableMentions && providerFactory) {
-    var handler = function handler(_name, providerPromise) {
-      if (providerPromise) {
-        providerPromise.then(function (provider) {
-          if ((0, _resource.isResolvingMentionProvider)(provider)) {
-            mentionNames.forEach(function (name, id) {
-              provider.cacheMentionName(id, name);
-            });
-            mentionNames.clear();
-            providerFactory.unsubscribe('mentionProvider', handler);
-          }
-        });
-      }
-    };
-    providerFactory.subscribe('mentionProvider', handler);
-  }
-  return sanitizedJSON;
-}

package/dist/cjs/utils/linking-utils.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.unlinkPayload = exports.buildVisitedLinkPayload = exports.buildOpenedSettingsPayload = exports.buildEditLinkPayload = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
-var buildEditLinkPayload = function buildEditLinkPayload(type) {
-  return {
-    action: _analytics.ACTION.CLICKED,
-    actionSubject: type === _analytics.ACTION_SUBJECT_ID.HYPERLINK ? _analytics.ACTION_SUBJECT.HYPERLINK : _analytics.ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.EDIT_LINK,
-    attributes: type !== _analytics.ACTION_SUBJECT_ID.HYPERLINK ? {
-      display: type
-    } : {},
-    eventType: _analytics.EVENT_TYPE.UI
-  };
-};
-exports.buildEditLinkPayload = buildEditLinkPayload;
-var mapLinkTypeToCardAppearance = function mapLinkTypeToCardAppearance(type) {
-  switch (type) {
-    case _analytics.ACTION_SUBJECT_ID.CARD_INLINE:
-      {
-        return 'inline';
-      }
-    case _analytics.ACTION_SUBJECT_ID.CARD_BLOCK:
-      {
-        return 'block';
-      }
-    case _analytics.ACTION_SUBJECT_ID.EMBEDS:
-      {
-        return 'embed';
-      }
-    default:
-      {
-        return 'url';
-      }
-  }
-};
-var buildVisitedLinkPayload = function buildVisitedLinkPayload(type) {
-  return type === _analytics.ACTION_SUBJECT_ID.HYPERLINK ? {
-    action: _analytics.ACTION.VISITED,
-    actionSubject: _analytics.ACTION_SUBJECT.HYPERLINK,
-    actionSubjectId: undefined,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.TOOLBAR
-    },
-    eventType: _analytics.EVENT_TYPE.TRACK
-  } : {
-    action: _analytics.ACTION.VISITED,
-    actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: type,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.TOOLBAR
-    },
-    eventType: _analytics.EVENT_TYPE.TRACK
-  };
-};
-exports.buildVisitedLinkPayload = buildVisitedLinkPayload;
-var buildOpenedSettingsPayload = function buildOpenedSettingsPayload(type) {
-  return {
-    action: _analytics.ACTION.CLICKED,
-    actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.GOTO_SMART_LINK_SETTINGS,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.TOOLBAR,
-      display: mapLinkTypeToCardAppearance(type)
-    },
-    eventType: _analytics.EVENT_TYPE.UI
-  };
-};
-exports.buildOpenedSettingsPayload = buildOpenedSettingsPayload;
-var unlinkPayload = function unlinkPayload(type) {
-  return {
-    action: _analytics.ACTION.UNLINK,
-    actionSubject: type === _analytics.ACTION_SUBJECT_ID.HYPERLINK ? _analytics.ACTION_SUBJECT.HYPERLINK : _analytics.ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: type === _analytics.ACTION_SUBJECT_ID.HYPERLINK ? undefined : type,
-    attributes: {
-      inputMethod: _analytics.INPUT_METHOD.TOOLBAR
-    },
-    eventType: _analytics.EVENT_TYPE.TRACK
-  };
-};
-exports.unlinkPayload = unlinkPayload;

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

@@ -1,130 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.alignAttributes = void 0;
-exports.calculateSnapPoints = calculateSnapPoints;
-exports.nonWrappedLayouts = exports.isRichMediaInsideOfBlockNode = exports.floatingLayouts = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _prosemirrorUtils = require("prosemirror-utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var nonWrappedLayouts = ['center', 'wide', 'full-width'];
-exports.nonWrappedLayouts = nonWrappedLayouts;
-var floatingLayouts = ['wrap-left', 'wrap-right'];
-exports.floatingLayouts = floatingLayouts;
-var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
-  if (typeof pos !== 'number' || isNaN(pos) || !view) {
-    return false;
-  }
-  var $pos = view.state.doc.resolve(pos);
-  var _view$state$schema$no = view.state.schema.nodes,
-    expand = _view$state$schema$no.expand,
-    nestedExpand = _view$state$schema$no.nestedExpand,
-    layoutColumn = _view$state$schema$no.layoutColumn;
-  return !!(0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);
-};
-exports.isRichMediaInsideOfBlockNode = isRichMediaInsideOfBlockNode;
-var alignAttributes = function alignAttributes(layout, oldAttrs) {
-  var gridSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 12;
-  var originalWidth = arguments.length > 3 ? arguments[3] : undefined;
-  var lineLength = arguments.length > 4 ? arguments[4] : undefined;
-  var width = oldAttrs.width;
-  var oldLayout = oldAttrs.layout;
-  var oldLayoutIsNonWrapped = nonWrappedLayouts.indexOf(oldLayout) > -1;
-  var newLayoutIsNonWrapped = nonWrappedLayouts.indexOf(layout) > -1;
-  var newLayoutIsWrapped = _ui.wrappedLayouts.indexOf(layout) > -1;
-  var oldLayoutIsWrapped = _ui.wrappedLayouts.indexOf(oldLayout) > -1;
-  if (oldLayoutIsNonWrapped && (0, _ui.shouldAddDefaultWrappedWidth)(layout, originalWidth, lineLength)) {
-    // 'full-width' or 'wide' or 'center' -> 'wrap-left' or 'wrap-right' or 'align-end' or 'align-start'
-    if (!width || width >= 100 || oldLayout !== 'center' // == 'full-width' or 'wide'
-    ) {
-      width = 50;
-    }
-  } else if (layout !== oldLayout && ['full-width', 'wide'].indexOf(oldLayout) > -1) {
-    // 'full-width' -> 'center' or 'wide'
-    // 'wide' -> 'center' or 'full-width'
-    // unset width
-    width = undefined;
-  } else if (width) {
-    var cols = Math.round(width / 100 * gridSize);
-    var targetCols = cols;
-    if (oldLayoutIsWrapped && newLayoutIsNonWrapped) {
-      // wrap -> center needs to align to even grid
-      targetCols = Math.floor(targetCols / 2) * 2;
-      width = undefined;
-    } else if (oldLayoutIsNonWrapped && newLayoutIsWrapped) {
-      // Can be here only if
-      // 'full-width' or 'wide' or 'center' -> 'wrap-left' or 'wrap-right' or 'align-end' or 'align-start'
-      // AND
-      // !originalWidth || !lineLength || small image
-      // AND
-      // width defined!
-
-      // cannot resize to full column width, and cannot resize to 1 column
-      if (cols <= 1) {
-        targetCols = 2;
-      } else if (cols >= gridSize) {
-        targetCols = 10;
-      }
-    }
-    if (targetCols !== cols) {
-      width = targetCols / gridSize * 100;
-    }
-  }
-  return _objectSpread(_objectSpread({}, oldAttrs), {}, {
-    layout: layout,
-    width: width
-  });
-};
-exports.alignAttributes = alignAttributes;
-function calculateSnapPoints(_ref) {
-  var $pos = _ref.$pos,
-    akEditorWideLayoutWidth = _ref.akEditorWideLayoutWidth,
-    allowBreakoutSnapPoints = _ref.allowBreakoutSnapPoints,
-    containerWidth = _ref.containerWidth,
-    gridSize = _ref.gridSize,
-    gridWidth = _ref.gridWidth,
-    insideInlineLike = _ref.insideInlineLike,
-    insideLayout = _ref.insideLayout,
-    isVideoFile = _ref.isVideoFile,
-    lineLength = _ref.lineLength,
-    offsetLeft = _ref.offsetLeft,
-    wrappedLayout = _ref.wrappedLayout;
-  var snapTargets = [];
-  for (var i = 0; i < gridWidth; i++) {
-    var pxFromColumns = (0, _ui.calcPxFromColumns)(i, lineLength, gridWidth);
-    snapTargets.push(insideLayout ? pxFromColumns : pxFromColumns - offsetLeft);
-  }
-  // full width
-  snapTargets.push(lineLength - offsetLeft);
-  var columns = wrappedLayout || insideInlineLike ? 1 : 2;
-  var minimumWidth = (0, _ui.calcPxFromColumns)(columns, lineLength, gridSize);
-  var snapPoints = snapTargets.filter(function (width) {
-    return width >= minimumWidth;
-  });
-  if (!$pos) {
-    return snapPoints;
-  }
-  snapPoints = isVideoFile ? snapPoints.filter(function (width) {
-    return width > 320;
-  }) : snapPoints;
-  var isTopLevel = $pos.parent.type.name === 'doc';
-  if (isTopLevel && allowBreakoutSnapPoints) {
-    snapPoints.push(akEditorWideLayoutWidth);
-    var fullWidthPoint = containerWidth - _editorSharedStyles.akEditorBreakoutPadding;
-    if (fullWidthPoint > akEditorWideLayoutWidth) {
-      snapPoints.push(fullWidthPoint);
-    }
-  }
-
-  // EDM-1107: Ensure new snapPoints are sorted with existing points
-  snapPoints = snapPoints.sort(function (a, b) {
-    return a - b;
-  });
-  return snapPoints;
-}