@atlaskit/editor-core 185.2.0 → 185.2.5

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;
-}

package/dist/es2019/nodeviews/getInlineNodeViewProducer.js

@@ -1,221 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
-import { analyticsEventKey } from '../plugins/analytics/consts';
-import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
-export const inlineNodeViewClassname = 'inlineNodeView';
-function createNodeView({
-  nodeViewParams,
-  pmPluginFactoryParams,
-  Component,
-  extraComponentProps
-}) {
-  // We set a variable for the current node which is
-  // used for comparisions when doing updates, before being
-  // overwritten to the updated node.
-  let currentNode = nodeViewParams.node;
-
-  // First we setup the dom element which will be rendered and "tracked" by prosemirror
-  // and also used as a "editor portal" (not react portal) target by the editor
-  // portal provider api, for rendering the Component passed.
-
-  let domRef = document.createElement('span');
-  domRef.contentEditable = 'false';
-  setDomAttrs(nodeViewParams.node, domRef);
-
-  // @see ED-3790
-  // something gets messed up during mutation processing inside of a
-  // nodeView if DOM structure has nested plain "div"s, it doesn't see the
-  // difference between them and it kills the nodeView
-  domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `${inlineNodeViewClassname}`);
-
-  // This util is shared for tracking rendering, and the ErrorBoundary that
-  // is setup to wrap the Component when rendering
-  // NOTE: This is not a prosemirror dispatch
-  function dispatchAnalyticsEvent(payload) {
-    pmPluginFactoryParams.eventDispatcher.emit(analyticsEventKey, {
-      payload
-    });
-  }
-
-  // This is called to render the Component into domRef which is inside the
-  // prosemirror View.
-  // Internally it uses the unstable_renderSubtreeIntoContainer api to render,
-  // to the passed dom element (domRef) which means it is automatically
-  // "cleaned up" when you do a "re render".
-  function renderComponent() {
-    pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
-      dispatchAnalyticsEvent,
-      currentNode,
-      nodeViewParams,
-      Component,
-      extraComponentProps
-    }), domRef, false,
-    // node views should be rendered with intl context
-    true);
-  }
-  const {
-    samplingRate,
-    slowThreshold,
-    trackingEnabled
-  } = getPerformanceOptions(nodeViewParams.view);
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
-
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent,
-    editorState: nodeViewParams.view.state,
-    samplingRate,
-    slowThreshold
-  });
-
-  // https://prosemirror.net/docs/ref/#view.NodeView
-  const nodeView = {
-    get dom() {
-      return domRef;
-    },
-    update(nextNode, _decorations) {
-      // Let ProseMirror handle the update if node types are different.
-      // This prevents an issue where it was not possible to select the
-      // inline node view then replace it by entering text - the node
-      // view contents would be deleted but the node view itself would
-      // stay in the view and become uneditable.
-      if (currentNode.type !== nextNode.type) {
-        return false;
-      }
-      // On updates, we only set the new attributes if the type, attributes, and marks
-      // have changed on the node.
-
-      // NOTE: this could mean attrs changes aren't reflected in the dom,
-      // when an attribute key which was previously present is no longer
-      // present.
-      // ie.
-      // -> Original attributes { text: "hello world", color: "red" }
-      // -> Updated attributes { color: "blue" }
-      // in this case, the dom text attribute will not be cleared.
-      //
-      // This may not be an issue with any of our current node schemas.
-      if (!currentNode.sameMarkup(nextNode)) {
-        setDomAttrs(nextNode, domRef);
-      }
-      currentNode = nextNode;
-      renderComponent();
-      return true;
-    },
-    destroy() {
-      // When prosemirror destroys the node view, we need to clean up
-      // what we have previously rendered using the editor portal
-      // provider api.
-      pmPluginFactoryParams.portalProviderAPI.remove(domRef);
-      // @ts-expect-error Expect an error as domRef is expected to be
-      // of HTMLSpanElement type however once the node view has
-      // been destroyed no other consumers should still be using it.
-      domRef = undefined;
-    }
-  };
-  return nodeView;
-}
-
-/**
- * Copies the attributes from a ProseMirror Node to a DOM node.
- * @param node The Prosemirror Node from which to source the attributes
- */
-function setDomAttrs(node, element) {
-  Object.keys(node.attrs || {}).forEach(attr => {
-    element.setAttribute(attr, node.attrs[attr]);
-  });
-}
-function getPortalChildren({
-  dispatchAnalyticsEvent,
-  currentNode,
-  nodeViewParams,
-  Component,
-  extraComponentProps
-}) {
-  return function portalChildren() {
-    var _currentNode$type$nam, _currentNode$type;
-    //  All inline nodes use `display: inline` to allow for multi-line
-    //  wrapping. This does produce an issue in Chrome where it is not
-    //  possible to click select the position after the node,
-    //  see: https://product-fabric.atlassian.net/browse/ED-12003
-    //  however this is only a problem for node views that use
-    //  `display: inline-block` somewhere within the Component.
-    //  Looking at the below structure, spans with className
-    //  `inlineNodeViewAddZeroWidthSpace` have pseudo elements that
-    //  add a zero width space which fixes the problem.
-    //  Without the additional zero width space before the Component,
-    //  it is not possible to use the keyboard to range select in Safari.
-    //
-    //  Zero width spaces on either side of the Component also prevent
-    //  the cursor from appearing inside the node view on all browsers.
-    //
-    //  Note:
-    //  In future it is worth considering prohibiting the use of `display: inline-block`
-    //  within inline node view Components however would require a sizable
-    //  refactor. A test suite to catch any instances of this is ideal however
-    //  the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
-
-    return jsx(ErrorBoundary, {
-      component: ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, jsx("span", {
-      "aria-hidden": "true",
-      className: `zeroWidthSpaceContainer`
-    }, jsx("span", {
-      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
-    }), ZERO_WIDTH_SPACE), jsx(Component, _extends({
-      view: nodeViewParams.view,
-      getPos: nodeViewParams.getPos,
-      node: currentNode
-    }, extraComponentProps)), jsx("span", {
-      "aria-hidden": "true",
-      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
-    }));
-  };
-}
-
-// https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews
-// The prosemirror EditorProps has a nodeViews key which has the rough shape:
-// type nodeViews: {
-//   [nodeViewName: string]: (node, editorView, getPos, decorations, innerDecorations) => NodeView
-// }
-// So the value of the keys on the nodeViews object, are a function which should return a NodeView.
-// The following type NodeViewProducer, refers to these functions which return a NodeView.
-//
-// So the above type could also be described as
-// type NodeViewProducer = (node, editorView, getPos, decorations, innerDecorations) => NodeView
-// nodeViews: {
-//   [nodeViewName: string]: NodeViewProducer
-// }
-// This return of this function is intended to be the value of a key
-// in a ProseMirror nodeViews object.
-export function getInlineNodeViewProducer({
-  pmPluginFactoryParams,
-  Component,
-  extraComponentProps
-}) {
-  function nodeViewProducer(...nodeViewProducerParameters) {
-    const nodeView = createNodeView({
-      nodeViewParams: {
-        node: nodeViewProducerParameters[0],
-        view: nodeViewProducerParameters[1],
-        getPos: nodeViewProducerParameters[2],
-        decorations: nodeViewProducerParameters[3]
-      },
-      pmPluginFactoryParams,
-      Component,
-      extraComponentProps
-    });
-    return nodeView;
-  }
-  return nodeViewProducer;
-}

package/dist/es2019/plugins/hyperlink/types.js

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

package/dist/es2019/ui/MediaAndEmbedsToolbar/index.js

@@ -1,159 +0,0 @@
-import { NodeSelection } from 'prosemirror-state';
-import { hasParentNodeOfType } from 'prosemirror-utils';
-import commonMessages from '../../messages';
-import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
-import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
-import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
-import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
-import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
-import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
-import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
-import { alignAttributes } from '../../utils/rich-media-utils';
-import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { addAnalytics } from '../../plugins/analytics/utils';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION } from '../../plugins/analytics';
-import { toolbarMessages } from './toolbar-messages';
-import { insideTable, isInLayoutColumn } from '../../utils';
-const alignmentIcons = [{
-  id: 'editor.media.alignLeft',
-  value: 'align-start',
-  icon: EditorAlignImageLeft
-}, {
-  id: 'editor.media.alignCenter',
-  value: 'center',
-  icon: EditorAlignImageCenter
-}, {
-  id: 'editor.media.alignRight',
-  value: 'align-end',
-  icon: EditorAlignImageRight
-}];
-const wrappingIcons = [{
-  id: 'editor.media.wrapLeft',
-  value: 'wrap-left',
-  icon: WrapLeftIcon
-}, {
-  id: 'editor.media.wrapRight',
-  value: 'wrap-right',
-  icon: WrapRightIcon
-}];
-const breakoutIcons = [{
-  value: 'wide',
-  icon: WideIcon
-}, {
-  value: 'full-width',
-  icon: FullWidthIcon
-}];
-const layoutToMessages = {
-  'wrap-left': toolbarMessages.wrapLeft,
-  center: commonMessages.alignImageCenter,
-  'wrap-right': toolbarMessages.wrapRight,
-  wide: commonMessages.layoutWide,
-  'full-width': commonMessages.layoutFullWidth,
-  'align-end': commonMessages.alignImageRight,
-  'align-start': commonMessages.alignImageLeft
-};
-const getNodeWidth = (node, schema) => {
-  const {
-    embedCard
-  } = schema.nodes;
-  if (node.type === embedCard) {
-    return node.attrs.originalWidth || DEFAULT_EMBED_CARD_WIDTH;
-  }
-  return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
-};
-const makeAlign = (layout, nodeType, widthPluginDependencyApi) => {
-  return (state, dispatch) => {
-    const {
-      node
-    } = state.selection;
-    const {
-      layout: previousLayoutType
-    } = node.attrs;
-    const {
-      mediaSingle
-    } = state.schema.nodes;
-    if (!dispatch) {
-      return false;
-    }
-    const widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
-    if (!node || node.type !== nodeType || !widthPluginState) {
-      return false;
-    }
-    const nodeWidth = getNodeWidth(node, state.schema);
-    const newAttrs = alignAttributes(layout, node.attrs, undefined, nodeWidth, widthPluginState.lineLength);
-    const tr = state.tr.setNodeMarkup(state.selection.from, undefined, newAttrs);
-    tr.setMeta('scrollIntoView', false);
-    // when image captions are enabled, the wrong node gets selected after
-    // setNodeMarkup is called
-    tr.setSelection(NodeSelection.create(tr.doc, state.selection.from));
-    const {
-      doc: {
-        type: {
-          schema: {
-            nodes: {
-              paragraph
-            }
-          }
-        }
-      }
-    } = tr;
-
-    // see https://product-fabric.atlassian.net/browse/ED-15518 insert a new paragraph when an embedded card is wrapped left or right
-    if (layout.startsWith('wrap') && paragraph && !tr.doc.nodeAt(state.selection.to) && (insideTable(state) || isInLayoutColumn(state))) {
-      tr.insert(state.selection.to, paragraph.createAndFill());
-    }
-    dispatch(addAnalytics(state, tr, {
-      eventType: EVENT_TYPE.TRACK,
-      action: ACTION.SELECTED,
-      actionSubject: ACTION_SUBJECT[node.type === mediaSingle ? 'MEDIA_SINGLE' : 'EMBEDS'],
-      actionSubjectId: ACTION_SUBJECT_ID.RICH_MEDIA_LAYOUT,
-      attributes: {
-        previousLayoutType,
-        currentLayoutType: layout
-      }
-    }));
-    return true;
-  };
-};
-const mapIconsToToolbarItem = (icons, layout, intl, nodeType, widthPluginDependencyApi) => icons.map(toolbarItem => {
-  const {
-    id,
-    value
-  } = toolbarItem;
-  return {
-    id: id,
-    type: 'button',
-    icon: toolbarItem.icon,
-    title: intl.formatMessage(layoutToMessages[value]),
-    selected: layout === value,
-    onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
-  };
-});
-const shouldHideLayoutToolbar = (selection, {
-  nodes
-}, allowResizingInTables) => {
-  return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand, ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
-};
-const buildLayoutButtons = (state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables, allowWrapping = true, allowAlignment = true) => {
-  const {
-    selection
-  } = state;
-  if (!(selection instanceof NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
-    return [];
-  }
-  const {
-    layout
-  } = selection.node.attrs;
-  const alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  const wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  const breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  const items = [...alignmentToolbarItems, ...getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping), ...wrappingToolbarItems, ...getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing), ...breakOutToolbarItems];
-  return items;
-};
-const getSeparatorBetweenAlignmentAndWrapping = (allowAlignment, allowWrapping) => allowAlignment && allowWrapping ? [{
-  type: 'separator'
-}] : [];
-const getSeparatorBeforeBreakoutItems = (allowAlignment, allowWrapping, allowResizing) => !allowResizing && (allowAlignment || allowWrapping) ? [{
-  type: 'separator'
-}] : [];
-export default buildLayoutButtons;