@atlaskit/editor-common 74.5.2 → 74.6.0

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

@@ -0,0 +1,74 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from './types';
+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/card/MediaAndEmbedsToolbar/index.js

@@ -0,0 +1,161 @@
+import { NodeSelection } from 'prosemirror-state';
+import { hasParentNodeOfType } from 'prosemirror-utils';
+import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
+import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
+import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
+import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
+import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
+import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
+import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
+import { insideTable } from '../../core-utils';
+import commonMessages, { mediaAndEmbedToolbarMessages as toolbarMessages } from '../../messages';
+import { alignAttributes, isInLayoutColumn } from '../../utils';
+
+// Workaround as we don't want to import this package into `editor-common`
+// We'll get type errors if this gets out of sync with `editor-plugin-width`.
+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, analyticsApi) => {
+  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());
+    }
+    analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent({
+      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
+      }
+    })(tr);
+    dispatch(tr);
+    return true;
+  };
+};
+const mapIconsToToolbarItem = (icons, layout, intl, nodeType, widthPluginDependencyApi, analyticsApi) => 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, analyticsApi)
+  };
+});
+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, analyticsApi, 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, analyticsApi) : [];
+  const wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi, analyticsApi) : [];
+  const breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi, analyticsApi) : [];
+  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;

package/dist/es2019/card/index.js

@@ -1 +1,2 @@
-export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
+export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
+export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';

package/dist/es2019/messages/index.js

@@ -1,9 +1,11 @@
 import { defineMessages } from 'react-intl-next';
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
+export { linkToolbarMessages } from './link-toolbar';
 export { unsupportedContentMessages } from './unsupportedContent';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
+export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/messages/link-toolbar.js

@@ -0,0 +1,53 @@
+import { defineMessages } from 'react-intl-next';
+export const linkToolbarMessages = defineMessages({
+  addLink: {
+    id: 'fabric.editor.mediaAddLink',
+    defaultMessage: 'Add link',
+    description: 'Add link'
+  },
+  unableToOpenLink: {
+    id: 'fabric.editor.unableToOpenLink',
+    defaultMessage: 'Unable to open this link',
+    description: 'Unable to open this link'
+  },
+  unlink: {
+    id: 'fabric.editor.unlink',
+    defaultMessage: 'Unlink',
+    description: 'Removes the hyperlink but keeps your text.'
+  },
+  editLink: {
+    id: 'fabric.editor.editLink',
+    defaultMessage: 'Edit link',
+    description: 'Edit the link, update display text'
+  },
+  placeholder: {
+    id: 'fabric.editor.hyperlinkToolbarPlaceholder',
+    defaultMessage: 'Paste or search for link',
+    description: 'Paste or search for link'
+  },
+  linkPlaceholder: {
+    id: 'fabric.editor.linkPlaceholder',
+    defaultMessage: 'Paste link',
+    description: 'Create a new link by pasting a URL.'
+  },
+  linkAddress: {
+    id: 'fabric.editor.linkAddress',
+    defaultMessage: 'Link address',
+    description: 'Insert the address of the link'
+  },
+  invalidLink: {
+    id: 'fabric.editor.invalidLink',
+    defaultMessage: 'Please enter a valid link.',
+    description: 'Please enter a valid link.'
+  },
+  emptyLink: {
+    id: 'fabric.editor.emptyLink',
+    defaultMessage: 'Please enter a link.',
+    description: 'Please enter a link.'
+  },
+  settingsLink: {
+    id: 'fabric.editor.settingsLinks',
+    defaultMessage: 'Go to Link Preferences',
+    description: 'Go to Link Preferences'
+  }
+});

package/dist/es2019/messages/media-and-embed-toolbar.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const toolbarMessages = defineMessages({
+  wrapLeft: {
+    id: 'fabric.editor.wrapLeft',
+    defaultMessage: 'Wrap left',
+    description: 'Aligns your image to the left and wraps text around it.'
+  },
+  wrapRight: {
+    id: 'fabric.editor.wrapRight',
+    defaultMessage: 'Wrap right',
+    description: 'Aligns your image to the right and wraps text around it.'
+  }
+});

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.5.2";
+const packageVersion = "74.6.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -0,0 +1,219 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
+import { ErrorBoundary } from '../ui/ErrorBoundary';
+import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
+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/react-node-view/index.js

@@ -6,6 +6,7 @@ import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { analyticsEventKey } from '../utils/analytics';
+export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
 export default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasAnalyticsContext = false, viewShouldUpdate, hasIntlContext = false) {
     _defineProperty(this, "handleRef", node => this._handleRef(node));

package/dist/es2019/{ui/Resizer/index.js → resizer/Resizer.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleZIndex, resizerItemClassName } from '../../styles/shared/resizer';
+import { resizerHandleLeftClassName, resizerHandlePadding, resizerHandlerClassName, resizerHandleRightClassName, resizerHandleStickyClassName, resizerHandleZIndex, resizerItemClassName } from '../styles/shared/resizer';
 export default function ResizerNext(props) {
   const resizable = React.useRef(null);
   const {

package/dist/es2019/resizer/index.js

@@ -0,0 +1 @@
+export { default as ResizerNext } from './Resizer';

package/dist/es2019/resizer/utils.js

@@ -0,0 +1,12 @@
+export const snapTo = (target, points) => {
+  return points.length === 0 ?
+  // extreme last case if there are no points somehow
+  target : points.reduce((point, closest) => {
+    return Math.abs(closest - target) < Math.abs(point - target) ? closest : point;
+  });
+};
+export const handleSides = ['left', 'right'];
+export const imageAlignmentMap = {
+  left: 'start',
+  right: 'end'
+};

package/dist/es2019/types/resizable-media-single.js

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

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

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.5.2";
+const packageVersion = "74.6.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/LinkSearch/const.js

@@ -0,0 +1,4 @@
+export const RECENT_SEARCH_WIDTH_IN_PX = 420;
+export const RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
+export const RECENT_SEARCH_HEIGHT_IN_PX = 360;
+export const LINKPICKER_HEIGHT_IN_PX = 570;