@atlaskit/editor-core 185.1.6 → 185.2.2

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

@@ -1,74 +0,0 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-export const buildEditLinkPayload = type => {
-  return {
-    action: ACTION.CLICKED,
-    actionSubject: type === ACTION_SUBJECT_ID.HYPERLINK ? ACTION_SUBJECT.HYPERLINK : ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: ACTION_SUBJECT_ID.EDIT_LINK,
-    attributes: type !== ACTION_SUBJECT_ID.HYPERLINK ? {
-      display: type
-    } : {},
-    eventType: EVENT_TYPE.UI
-  };
-};
-const mapLinkTypeToCardAppearance = type => {
-  switch (type) {
-    case ACTION_SUBJECT_ID.CARD_INLINE:
-      {
-        return 'inline';
-      }
-    case ACTION_SUBJECT_ID.CARD_BLOCK:
-      {
-        return 'block';
-      }
-    case ACTION_SUBJECT_ID.EMBEDS:
-      {
-        return 'embed';
-      }
-    default:
-      {
-        return 'url';
-      }
-  }
-};
-export const buildVisitedLinkPayload = type => {
-  return type === ACTION_SUBJECT_ID.HYPERLINK ? {
-    action: ACTION.VISITED,
-    actionSubject: ACTION_SUBJECT.HYPERLINK,
-    actionSubjectId: undefined,
-    attributes: {
-      inputMethod: INPUT_METHOD.TOOLBAR
-    },
-    eventType: EVENT_TYPE.TRACK
-  } : {
-    action: ACTION.VISITED,
-    actionSubject: ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: type,
-    attributes: {
-      inputMethod: INPUT_METHOD.TOOLBAR
-    },
-    eventType: EVENT_TYPE.TRACK
-  };
-};
-export const buildOpenedSettingsPayload = type => {
-  return {
-    action: ACTION.CLICKED,
-    actionSubject: ACTION_SUBJECT.BUTTON,
-    actionSubjectId: ACTION_SUBJECT_ID.GOTO_SMART_LINK_SETTINGS,
-    attributes: {
-      inputMethod: INPUT_METHOD.TOOLBAR,
-      display: mapLinkTypeToCardAppearance(type)
-    },
-    eventType: EVENT_TYPE.UI
-  };
-};
-export const unlinkPayload = type => {
-  return {
-    action: ACTION.UNLINK,
-    actionSubject: type === ACTION_SUBJECT_ID.HYPERLINK ? ACTION_SUBJECT.HYPERLINK : ACTION_SUBJECT.SMART_LINK,
-    actionSubjectId: type === ACTION_SUBJECT_ID.HYPERLINK ? undefined : type,
-    attributes: {
-      inputMethod: INPUT_METHOD.TOOLBAR
-    },
-    eventType: EVENT_TYPE.TRACK
-  };
-};

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

@@ -1,108 +0,0 @@
-import { wrappedLayouts, shouldAddDefaultWrappedWidth, calcPxFromColumns } from '@atlaskit/editor-common/ui';
-import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
-import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-export const nonWrappedLayouts = ['center', 'wide', 'full-width'];
-export const floatingLayouts = ['wrap-left', 'wrap-right'];
-export const isRichMediaInsideOfBlockNode = (view, pos) => {
-  if (typeof pos !== 'number' || isNaN(pos) || !view) {
-    return false;
-  }
-  const $pos = view.state.doc.resolve(pos);
-  const {
-    expand,
-    nestedExpand,
-    layoutColumn
-  } = view.state.schema.nodes;
-  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
-};
-export const alignAttributes = (layout, oldAttrs, gridSize = 12, originalWidth, lineLength) => {
-  let width = oldAttrs.width;
-  const oldLayout = oldAttrs.layout;
-  const oldLayoutIsNonWrapped = nonWrappedLayouts.indexOf(oldLayout) > -1;
-  const newLayoutIsNonWrapped = nonWrappedLayouts.indexOf(layout) > -1;
-  const newLayoutIsWrapped = wrappedLayouts.indexOf(layout) > -1;
-  const oldLayoutIsWrapped = wrappedLayouts.indexOf(oldLayout) > -1;
-  if (oldLayoutIsNonWrapped && 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) {
-    const cols = Math.round(width / 100 * gridSize);
-    let 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 {
-    ...oldAttrs,
-    layout,
-    width
-  };
-};
-export function calculateSnapPoints({
-  $pos,
-  akEditorWideLayoutWidth,
-  allowBreakoutSnapPoints,
-  containerWidth,
-  gridSize,
-  gridWidth,
-  insideInlineLike,
-  insideLayout,
-  isVideoFile,
-  lineLength,
-  offsetLeft,
-  wrappedLayout
-}) {
-  const snapTargets = [];
-  for (let i = 0; i < gridWidth; i++) {
-    const pxFromColumns = calcPxFromColumns(i, lineLength, gridWidth);
-    snapTargets.push(insideLayout ? pxFromColumns : pxFromColumns - offsetLeft);
-  }
-  // full width
-  snapTargets.push(lineLength - offsetLeft);
-  const columns = wrappedLayout || insideInlineLike ? 1 : 2;
-  const minimumWidth = calcPxFromColumns(columns, lineLength, gridSize);
-  let snapPoints = snapTargets.filter(width => width >= minimumWidth);
-  if (!$pos) {
-    return snapPoints;
-  }
-  snapPoints = isVideoFile ? snapPoints.filter(width => width > 320) : snapPoints;
-  const isTopLevel = $pos.parent.type.name === 'doc';
-  if (isTopLevel && allowBreakoutSnapPoints) {
-    snapPoints.push(akEditorWideLayoutWidth);
-    const fullWidthPoint = containerWidth - akEditorBreakoutPadding;
-    if (fullWidthPoint > akEditorWideLayoutWidth) {
-      snapPoints.push(fullWidthPoint);
-    }
-  }
-
-  // EDM-1107: Ensure new snapPoints are sorted with existing points
-  snapPoints = snapPoints.sort((a, b) => a - b);
-  return snapPoints;
-}

package/dist/esm/nodeviews/getInlineNodeViewProducer.js

@@ -1,217 +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 var inlineNodeViewClassname = 'inlineNodeView';
-function createNodeView(_ref) {
-  var nodeViewParams = _ref.nodeViewParams,
-    pmPluginFactoryParams = _ref.pmPluginFactoryParams,
-    Component = _ref.Component,
-    extraComponentProps = _ref.extraComponentProps;
-  // We set a variable for the current node which is
-  // used for comparisions when doing updates, before being
-  // overwritten to the updated node.
-  var 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.
-
-  var 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("".concat(nodeViewParams.node.type.name, "View-content-wrap"), "".concat(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: 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: dispatchAnalyticsEvent,
-      currentNode: currentNode,
-      nodeViewParams: nodeViewParams,
-      Component: Component,
-      extraComponentProps: extraComponentProps
-    }), domRef, false,
-    // node views should be rendered with intl context
-    true);
-  }
-  var _getPerformanceOption = getPerformanceOptions(nodeViewParams.view),
-    samplingRate = _getPerformanceOption.samplingRate,
-    slowThreshold = _getPerformanceOption.slowThreshold,
-    trackingEnabled = _getPerformanceOption.trackingEnabled;
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
-
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    editorState: nodeViewParams.view.state,
-    samplingRate: samplingRate,
-    slowThreshold: slowThreshold
-  });
-
-  // https://prosemirror.net/docs/ref/#view.NodeView
-  var nodeView = {
-    get dom() {
-      return domRef;
-    },
-    update: function 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: function 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(function (attr) {
-    element.setAttribute(attr, node.attrs[attr]);
-  });
-}
-function getPortalChildren(_ref2) {
-  var dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
-    currentNode = _ref2.currentNode,
-    nodeViewParams = _ref2.nodeViewParams,
-    Component = _ref2.Component,
-    extraComponentProps = _ref2.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: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
-    }), ZERO_WIDTH_SPACE), jsx(Component, _extends({
-      view: nodeViewParams.view,
-      getPos: nodeViewParams.getPos,
-      node: currentNode
-    }, extraComponentProps)), jsx("span", {
-      "aria-hidden": "true",
-      className: "".concat(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(_ref3) {
-  var pmPluginFactoryParams = _ref3.pmPluginFactoryParams,
-    Component = _ref3.Component,
-    extraComponentProps = _ref3.extraComponentProps;
-  function nodeViewProducer() {
-    var nodeView = createNodeView({
-      nodeViewParams: {
-        node: arguments.length <= 0 ? undefined : arguments[0],
-        view: arguments.length <= 1 ? undefined : arguments[1],
-        getPos: arguments.length <= 2 ? undefined : arguments[2],
-        decorations: arguments.length <= 3 ? undefined : arguments[3]
-      },
-      pmPluginFactoryParams: pmPluginFactoryParams,
-      Component: Component,
-      extraComponentProps: extraComponentProps
-    });
-    return nodeView;
-  }
-  return nodeViewProducer;
-}

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

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

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

@@ -1,144 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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';
-var 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
-}];
-var wrappingIcons = [{
-  id: 'editor.media.wrapLeft',
-  value: 'wrap-left',
-  icon: WrapLeftIcon
-}, {
-  id: 'editor.media.wrapRight',
-  value: 'wrap-right',
-  icon: WrapRightIcon
-}];
-var breakoutIcons = [{
-  value: 'wide',
-  icon: WideIcon
-}, {
-  value: 'full-width',
-  icon: FullWidthIcon
-}];
-var 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
-};
-var getNodeWidth = function getNodeWidth(node, schema) {
-  var embedCard = schema.nodes.embedCard;
-  if (node.type === embedCard) {
-    return node.attrs.originalWidth || DEFAULT_EMBED_CARD_WIDTH;
-  }
-  return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
-};
-var makeAlign = function makeAlign(layout, nodeType, widthPluginDependencyApi) {
-  return function (state, dispatch) {
-    var _ref = state.selection,
-      node = _ref.node;
-    var previousLayoutType = node.attrs.layout;
-    var mediaSingle = state.schema.nodes.mediaSingle;
-    if (!dispatch) {
-      return false;
-    }
-    var widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
-    if (!node || node.type !== nodeType || !widthPluginState) {
-      return false;
-    }
-    var nodeWidth = getNodeWidth(node, state.schema);
-    var newAttrs = alignAttributes(layout, node.attrs, undefined, nodeWidth, widthPluginState.lineLength);
-    var 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));
-    var paragraph = tr.doc.type.schema.nodes.paragraph;
-
-    // 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: previousLayoutType,
-        currentLayoutType: layout
-      }
-    }));
-    return true;
-  };
-};
-var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType, widthPluginDependencyApi) {
-  return icons.map(function (toolbarItem) {
-    var id = toolbarItem.id,
-      value = toolbarItem.value;
-    return {
-      id: id,
-      type: 'button',
-      icon: toolbarItem.icon,
-      title: intl.formatMessage(layoutToMessages[value]),
-      selected: layout === value,
-      onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
-    };
-  });
-};
-var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2, allowResizingInTables) {
-  var nodes = _ref2.nodes;
-  return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat(_toConsumableArray(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
-};
-var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables) {
-  var allowWrapping = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
-  var allowAlignment = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;
-  var selection = state.selection;
-  if (!(selection instanceof NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
-    return [];
-  }
-  var layout = selection.node.attrs.layout;
-  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  var items = [].concat(_toConsumableArray(alignmentToolbarItems), _toConsumableArray(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), _toConsumableArray(wrappingToolbarItems), _toConsumableArray(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), _toConsumableArray(breakOutToolbarItems));
-  return items;
-};
-var getSeparatorBetweenAlignmentAndWrapping = function getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping) {
-  return allowAlignment && allowWrapping ? [{
-    type: 'separator'
-  }] : [];
-};
-var getSeparatorBeforeBreakoutItems = function getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing) {
-  return !allowResizing && (allowAlignment || allowWrapping) ? [{
-    type: 'separator'
-  }] : [];
-};
-export default buildLayoutButtons;