@atlaskit/editor-core 185.1.6 → 185.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "185.1.6",
+  "version": "185.2.2",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -49,12 +49,12 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.7.0",
-    "@atlaskit/editor-common": "^74.5.0",
+    "@atlaskit/editor-common": "^74.6.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.0",
     "@atlaskit/editor-palette": "1.4.3",
-    "@atlaskit/editor-plugin-analytics": "^0.0.1",
-    "@atlaskit/editor-plugin-content-insertion": "^0.0.1",
+    "@atlaskit/editor-plugin-analytics": "^0.0.2",
+    "@atlaskit/editor-plugin-content-insertion": "^0.0.2",
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
@@ -68,7 +68,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/link-analytics": "^8.0.0",
-    "@atlaskit/link-picker": "^1.22.0",
+    "@atlaskit/link-picker": "^1.23.0",
     "@atlaskit/locale": "^2.5.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/media-card": "^76.0.0",
@@ -129,7 +129,6 @@
     "prosemirror-utils": "^1.0.0-0",
     "prosemirror-view": "1.23.7",
     "raf-schd": "^4.0.3",
-    "re-resizable": "6.0.0",
     "react-loadable": "^5.1.0",
     "react-transition-group": "^4.4.1",
     "react-virtualized": "^9.8.0",
@@ -149,7 +148,7 @@
     "@atlaskit/atlassian-navigation": "^2.6.0",
     "@atlaskit/breadcrumbs": "11.10.4",
     "@atlaskit/code": "^14.6.0",
-    "@atlaskit/collab-provider": "9.2.0",
+    "@atlaskit/collab-provider": "9.2.1",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.5.0",
     "@atlaskit/dropdown-menu": "^11.9.0",
@@ -157,7 +156,7 @@
     "@atlaskit/editor-card-provider": "^3.0.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
     "@atlaskit/editor-plugin-table": "^1.5.0",
-    "@atlaskit/editor-test-helpers": "^18.5.0",
+    "@atlaskit/editor-test-helpers": "^18.6.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/inline-dialog": "^13.6.0",
     "@atlaskit/link-provider": "^1.6.0",
@@ -183,9 +182,9 @@
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/link-picker-atlassian-plugin": "^33.1.0",
+    "@atlassian/link-picker-atlassian-plugin": "^33.3.0",
     "@atlassian/link-picker-plugins": "^22.2.0",
-    "@atlassian/search-provider": "2.4.5",
+    "@atlassian/search-provider": "2.4.6",
     "@atlassian/ufo": "^0.2.0",
     "@emotion/jest": "^11.8.0",
     "@storybook/addon-knobs": "^5.3.18",

package/report.api.md

@@ -85,6 +85,7 @@ import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { Side as GapCursorSide } from '@atlaskit/editor-common/selection';
 import { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
+import type { HyperlinkPluginOptions } from '@atlaskit/editor-common/types';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import { InputTracking } from '@atlaskit/editor-common/types';
@@ -92,7 +93,8 @@ import { IntlShape } from 'react-intl-next';
 import { JSONDocNode } from '@atlaskit/editor-json-transformer/types';
 import { jsx } from '@emotion/react';
 import { lightModeStatusColorPalette } from '@atlaskit/editor-common/ui-color';
-import { LinkPickerProps } from '@atlaskit/link-picker';
+import type { LinkingOptions } from '@atlaskit/editor-common/types';
+import type { LinkInputType } from '@atlaskit/editor-common/types';
 import { MacroAttributes } from '@atlaskit/editor-common/provider-factory';
 import { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import { MarkConfig } from '@atlaskit/editor-common/types';
@@ -1226,18 +1228,6 @@ export enum HyperlinkInsertStatus {
   INSERT_LINK_TOOLBAR = 'INSERT',
 }
 
-// @public
-interface HyperlinkPluginOptions {
-  // (undocumented)
-  cardOptions?: CardOptions;
-  // (undocumented)
-  editorAppearance?: EditorAppearance;
-  // (undocumented)
-  linkPicker?: LinkPickerOptions;
-  // (undocumented)
-  platform?: 'mobile' | 'web';
-}
-
 // @public (undocumented)
 export interface HyperlinkState {
   // (undocumented)
@@ -1347,13 +1337,13 @@ export function insertLink(
   incomingHref: string,
   incomingTitle?: string,
   displayText?: string,
-  source?: LinkInputMethod,
+  source?: LinkInputType,
   sourceEvent?: UIAnalyticsEvent | null | undefined,
-): Command;
+): Command_2;
 
 // @public (undocumented)
 export const insertLinkWithAnalytics: (
-  inputMethod: LinkInputMethod,
+  inputMethod: LinkInputType,
   from: number,
   to: number,
   href: string,
@@ -1361,11 +1351,11 @@ export const insertLinkWithAnalytics: (
   displayText?: string,
   cardsAvailable?: boolean,
   sourceEvent?: UIAnalyticsEvent | null | undefined,
-) => Command;
+) => Command_2;
 
 // @public (undocumented)
 export const insertLinkWithAnalyticsMobileNative: (
-  inputMethod: LinkInputMethod,
+  inputMethod: LinkInputType,
   from: number,
   to: number,
   href: string,
@@ -1413,9 +1403,6 @@ type InviteToEditComponentProps = {
   children: ReactElement<InviteToEditButtonProps>;
 };
 
-// @public
-export function isEmptyDocument(node: Node_2): boolean;
-
 // @public (undocumented)
 export function isLinkAtPos(pos: number): Predicate;
 
@@ -1434,18 +1421,6 @@ interface LayoutPluginOptions extends LongPressSelectionPluginOptions {
 
 export { lightModeStatusColorPalette };
 
-// @public
-interface LinkingOptions {
-  linkPicker?: LinkPickerOptions;
-  smartLinks?: CardOptions;
-}
-
-// @public (undocumented)
-export type LinkInputMethod = INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD;
-
-// @public
-interface LinkPickerOptions extends Partial<LinkPickerProps> {}
-
 // @public (undocumented)
 type LinkToolbarState = EditInsertedState | EditState | InsertState | undefined;
 
@@ -2674,7 +2649,7 @@ export function updateLink(
   text: string,
   pos: number,
   to?: number,
-): Command;
+): Command_2;
 
 // @public (undocumented)
 export const updateStatus: (status?: StatusType) => Command;

package/tmp/api-report-tmp.d.ts

@@ -74,6 +74,7 @@ import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { Side as GapCursorSide } from '@atlaskit/editor-common/selection';
 import { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
+import type { HyperlinkPluginOptions } from '@atlaskit/editor-common/types';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import { InputTracking } from '@atlaskit/editor-common/types';
@@ -81,7 +82,8 @@ import { IntlShape } from 'react-intl-next';
 import { JSONDocNode } from '@atlaskit/editor-json-transformer/types';
 import { jsx } from '@emotion/react';
 import { lightModeStatusColorPalette } from '@atlaskit/editor-common/ui-color';
-import { LinkPickerProps } from '@atlaskit/link-picker';
+import type { LinkingOptions } from '@atlaskit/editor-common/types';
+import type { LinkInputType } from '@atlaskit/editor-common/types';
 import { MacroAttributes } from '@atlaskit/editor-common/provider-factory';
 import { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import { MarkConfig } from '@atlaskit/editor-common/types';
@@ -1126,18 +1128,6 @@ export enum HyperlinkInsertStatus {
     INSERT_LINK_TOOLBAR = "INSERT"
 }
 
-// @public
-interface HyperlinkPluginOptions {
-    // (undocumented)
-    cardOptions?: CardOptions;
-    // (undocumented)
-    editorAppearance?: EditorAppearance;
-    // (undocumented)
-    linkPicker?: LinkPickerOptions;
-    // (undocumented)
-    platform?: 'mobile' | 'web';
-}
-
 // @public (undocumented)
 export interface HyperlinkState {
     // (undocumented)
@@ -1220,13 +1210,13 @@ type InsertItemProps = {
 };
 
 // @public (undocumented)
-export function insertLink(from: number, to: number, incomingHref: string, incomingTitle?: string, displayText?: string, source?: LinkInputMethod, sourceEvent?: UIAnalyticsEvent | null | undefined): Command;
+export function insertLink(from: number, to: number, incomingHref: string, incomingTitle?: string, displayText?: string, source?: LinkInputType, sourceEvent?: UIAnalyticsEvent | null | undefined): Command_2;
 
 // @public (undocumented)
-export const insertLinkWithAnalytics: (inputMethod: LinkInputMethod, from: number, to: number, href: string, title?: string, displayText?: string, cardsAvailable?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Command;
+export const insertLinkWithAnalytics: (inputMethod: LinkInputType, from: number, to: number, href: string, title?: string, displayText?: string, cardsAvailable?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Command_2;
 
 // @public (undocumented)
-export const insertLinkWithAnalyticsMobileNative: (inputMethod: LinkInputMethod, from: number, to: number, href: string, title?: string, displayText?: string) => Command;
+export const insertLinkWithAnalyticsMobileNative: (inputMethod: LinkInputType, from: number, to: number, href: string, title?: string, displayText?: string) => Command;
 
 // @public (undocumented)
 export const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, newInsertionBehaviour?: boolean) => boolean;
@@ -1252,9 +1242,6 @@ type InviteToEditComponentProps = {
     children: ReactElement<InviteToEditButtonProps>;
 };
 
-// @public
-export function isEmptyDocument(node: Node_2): boolean;
-
 // @public (undocumented)
 export function isLinkAtPos(pos: number): Predicate;
 
@@ -1273,19 +1260,6 @@ interface LayoutPluginOptions extends LongPressSelectionPluginOptions {
 
 export { lightModeStatusColorPalette }
 
-// @public
-interface LinkingOptions {
-    linkPicker?: LinkPickerOptions;
-    smartLinks?: CardOptions;
-}
-
-// @public (undocumented)
-export type LinkInputMethod = INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD;
-
-// @public
-interface LinkPickerOptions extends Partial<LinkPickerProps> {
-}
-
 // @public (undocumented)
 type LinkToolbarState = EditInsertedState | EditState | InsertState | undefined;
 
@@ -2362,7 +2336,7 @@ interface TypeAheadStatsSerializable extends TypeAheadStats {
 export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve';
 
 // @public (undocumented)
-export function updateLink(href: string, text: string, pos: number, to?: number): Command;
+export function updateLink(href: string, text: string, pos: number, to?: number): Command_2;
 
 // @public (undocumented)
 export const updateStatus: (status?: StatusType) => Command;

package/dist/cjs/nodeviews/getInlineNodeViewProducer.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getInlineNodeViewProducer = getInlineNodeViewProducer;
-exports.inlineNodeViewClassname = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _utils = require("@atlaskit/editor-common/utils");
-var _analytics = require("../plugins/analytics");
-var _consts = require("../plugins/analytics/consts");
-var _ErrorBoundary = require("../ui/ErrorBoundary");
-var _getPerformanceOptions = require("./getPerformanceOptions");
-/** @jsx jsx */
-
-var inlineNodeViewClassname = 'inlineNodeView';
-exports.inlineNodeViewClassname = inlineNodeViewClassname;
-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(_consts.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 = (0, _getPerformanceOptions.getPerformanceOptions)(nodeViewParams.view),
-    samplingRate = _getPerformanceOption.samplingRate,
-    slowThreshold = _getPerformanceOption.slowThreshold,
-    trackingEnabled = _getPerformanceOption.trackingEnabled;
-  trackingEnabled && (0, _getPerformanceOptions.startMeasureReactNodeViewRendered)({
-    nodeTypeName: currentNode.type.name
-  });
-
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && (0, _getPerformanceOptions.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 (0, _react.jsx)(_ErrorBoundary.ErrorBoundary, {
-      component: _analytics.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 : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, (0, _react.jsx)("span", {
-      "aria-hidden": "true",
-      className: "zeroWidthSpaceContainer"
-    }, (0, _react.jsx)("span", {
-      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
-    }), _utils.ZERO_WIDTH_SPACE), (0, _react.jsx)(Component, (0, _extends2.default)({
-      view: nodeViewParams.view,
-      getPos: nodeViewParams.getPos,
-      node: currentNode
-    }, extraComponentProps)), (0, _react.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.
-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/cjs/plugins/hyperlink/types.js

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

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

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
-var _messages = _interopRequireDefault(require("../../messages"));
-var _mediaWrapLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-left"));
-var _mediaWrapRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-right"));
-var _mediaWide = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wide"));
-var _mediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-full-width"));
-var _alignImageLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-left"));
-var _alignImageRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-right"));
-var _alignImageCenter = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-center"));
-var _richMediaUtils = require("../../utils/rich-media-utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _utils = require("../../plugins/analytics/utils");
-var _analytics = require("../../plugins/analytics");
-var _toolbarMessages = require("./toolbar-messages");
-var _utils2 = require("../../utils");
-var alignmentIcons = [{
-  id: 'editor.media.alignLeft',
-  value: 'align-start',
-  icon: _alignImageLeft.default
-}, {
-  id: 'editor.media.alignCenter',
-  value: 'center',
-  icon: _alignImageCenter.default
-}, {
-  id: 'editor.media.alignRight',
-  value: 'align-end',
-  icon: _alignImageRight.default
-}];
-var wrappingIcons = [{
-  id: 'editor.media.wrapLeft',
-  value: 'wrap-left',
-  icon: _mediaWrapLeft.default
-}, {
-  id: 'editor.media.wrapRight',
-  value: 'wrap-right',
-  icon: _mediaWrapRight.default
-}];
-var breakoutIcons = [{
-  value: 'wide',
-  icon: _mediaWide.default
-}, {
-  value: 'full-width',
-  icon: _mediaFullWidth.default
-}];
-var layoutToMessages = {
-  'wrap-left': _toolbarMessages.toolbarMessages.wrapLeft,
-  center: _messages.default.alignImageCenter,
-  'wrap-right': _toolbarMessages.toolbarMessages.wrapRight,
-  wide: _messages.default.layoutWide,
-  'full-width': _messages.default.layoutFullWidth,
-  'align-end': _messages.default.alignImageRight,
-  'align-start': _messages.default.alignImageLeft
-};
-var getNodeWidth = function getNodeWidth(node, schema) {
-  var embedCard = schema.nodes.embedCard;
-  if (node.type === embedCard) {
-    return node.attrs.originalWidth || _editorSharedStyles.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 = (0, _richMediaUtils.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(_prosemirrorState.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) && ((0, _utils2.insideTable)(state) || (0, _utils2.isInLayoutColumn)(state))) {
-      tr.insert(state.selection.to, paragraph.createAndFill());
-    }
-    dispatch((0, _utils.addAnalytics)(state, tr, {
-      eventType: _analytics.EVENT_TYPE.TRACK,
-      action: _analytics.ACTION.SELECTED,
-      actionSubject: _analytics.ACTION_SUBJECT[node.type === mediaSingle ? 'MEDIA_SINGLE' : 'EMBEDS'],
-      actionSubjectId: _analytics.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 (0, _prosemirrorUtils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat((0, _toConsumableArray2.default)(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 _prosemirrorState.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((0, _toConsumableArray2.default)(alignmentToolbarItems), (0, _toConsumableArray2.default)(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), (0, _toConsumableArray2.default)(wrappingToolbarItems), (0, _toConsumableArray2.default)(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), (0, _toConsumableArray2.default)(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'
-  }] : [];
-};
-var _default = buildLayoutButtons;
-exports.default = _default;