@atlaskit/editor-common 74.37.0 → 74.38.0

package/dist/es2019/preset/plugin-injection-api.js

@@ -7,6 +7,9 @@ function hasGetSharedState(plugin) {
 function hasActions(plugin) {
   return typeof plugin.actions === 'object';
 }
+function hasCommands(plugin) {
+  return typeof plugin.commands === 'object';
+}
 const filterPluginsWithListeners = ({
   listeners,
   plugins
@@ -70,6 +73,19 @@ class ActionsAPI {
     });
   }
 }
+class PluginCommandsAPI {
+  createAPI(plugin) {
+    if (!plugin || !hasCommands(plugin)) {
+      return {};
+    }
+    return new Proxy(plugin.commands || {}, {
+      get: function (target, prop, receiver) {
+        // We will be able to track perfomance here
+        return Reflect.get(target, prop);
+      }
+    });
+  }
+}
 export class SharedStateAPI {
   constructor({
     getEditorState
@@ -171,11 +187,13 @@ export class EditorPluginInjectionAPI {
     });
     this.plugins = new Map();
     this.actionsAPI = new ActionsAPI();
+    this.commandsAPI = new PluginCommandsAPI();
   }
   api() {
     const {
       sharedStateAPI,
       actionsAPI,
+      commandsAPI,
       getPluginByName
     } = this;
     const dependencies = new Proxy({}, {
@@ -195,9 +213,11 @@ export class EditorPluginInjectionAPI {
         }
         const sharedState = sharedStateAPI.createAPI(plugin);
         const actions = actionsAPI.createAPI(plugin);
+        const commands = commandsAPI.createAPI(plugin);
         const proxyCoreAPI = {
           sharedState,
-          actions
+          actions,
+          commands
         };
         return proxyCoreAPI;
       }

package/dist/es2019/types/plugin-command.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.37.0";
+const packageVersion = "74.38.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/MediaSingle/styled.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
@@ -134,16 +135,16 @@ export const MediaSingleDimensionHelper = ({
     min-width: 100%;
   `}
   max-width: ${calcMaxWidth(layout, containerWidth)};
-  &[class*='is-resizing'] {
-    ${isExtendedResizeExperienceOn && `max-width: ${calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode)};
+  ${isExtendedResizeExperienceOn && `&[class*='is-resizing'] {
+    .new-file-experience-wrapper {
+      box-shadow: none !important;
+    }
+
+    max-width: ${calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode)};
 
     ${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
       transform: translateX(-50%);`}
-
-    .new-file-experience-wrapper {
-      box-shadow: none;
-    }`}
-  }
+  }`}
 
   /* Handles responsiveness of non-nested, not-resizing nodes in editor */
   &[class*='not-resizing'] {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.37.0",
+	"version": "74.38.0",
 	"sideEffects": false
 }

package/dist/esm/guideline/constants.js

@@ -1 +1,2 @@
-export var MEDIA_DYNAMIC_GUIDELINE_PREFIX = 'media_';
+export var MEDIA_DYNAMIC_GUIDELINE_PREFIX = 'media_';
+export var INNER_GRID_GUIDELINE_PREFIX = 'grid_';

package/dist/esm/guideline/defaultGuideline.js

@@ -1,19 +1,20 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import memoizeOne from 'memoize-one';
 import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { roundToNearest } from '../media-single';
 import { getContainerWidthOrFullEditorWidth } from './utils';
 var getDefaultGuidelines = memoizeOne(function (editorWidth) {
   return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map(function (val, index) {
     return {
       key: "grid_".concat(index),
       position: {
-        x: val / 12 * editorWidth
+        x: roundToNearest(val / 12 * editorWidth)
       }
     };
   });
 });
 var getWideGuidelines = memoizeOne(function (editorWidth) {
-  var wideSpacing = editorWidth * breakoutWideScaleRatio / 2;
+  var wideSpacing = roundToNearest(editorWidth * breakoutWideScaleRatio / 2);
   return [{
     key: "wide_left",
     position: {
@@ -27,7 +28,7 @@ var getWideGuidelines = memoizeOne(function (editorWidth) {
   }];
 });
 var getFullWidthGuidelines = memoizeOne(function (containerWidth) {
-  var fullWidth = getContainerWidthOrFullEditorWidth(containerWidth);
+  var fullWidth = roundToNearest(getContainerWidthOrFullEditorWidth(containerWidth));
   return [{
     key: "full_width_left",
     position: {

package/dist/esm/guideline/index.js

@@ -2,6 +2,6 @@ export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
-export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
-export { getSnapWidth, findClosestSnap } from './snapping';
+export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX } from './constants';
+export { getGuidelineSnaps, findClosestSnap } from './snapping';
 export { isVerticalPosition, getContainerWidthOrFullEditorWidth } from './utils';

package/dist/esm/guideline/snapping.js

@@ -1,21 +1,25 @@
-import { MediaSingleLayout } from '../media-single';
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import memoizeOne from 'memoize-one';
 import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
+import { isVerticalPosition } from './utils';
+
 /**
  * Returns keys of guidelines that are closest to the image and withthin the snapGap.
  * If both default and dynamic guidelines present, only returns default guidelines
  */
-export var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, snapTo) {
+export var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, guidelineSnaps) {
   var snapGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var closestGapIndex = snapArray.reduce(function (prev, curr, index) {
     return Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev;
   }, 0);
   var gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
   if (gap < snapGap) {
-    var snappingWidth = Math.round(snapTo[closestGapIndex].width);
+    var snappingWidth = snapArray[closestGapIndex];
     var guidelineKeys = [];
-    snapTo.forEach(function (s) {
-      if (Math.round(Math.abs(s.width)) === snappingWidth) {
-        guidelineKeys.push(s.guidelineKey);
+    // find wich guideline have the matching snap width
+    guidelineSnaps.forEach(function (gs) {
+      if (gs.width === snappingWidth) {
+        guidelineKeys.push(gs.guidelineKey);
       }
     });
     var defaultGuidelineKeys = guidelineKeys.filter(function (guidelineKey) {
@@ -33,35 +37,43 @@ export var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArra
     keys: []
   };
 };
-
-/**
- * Get snapping widths and respective guideline keys
- */
-export var getSnapWidth = function getSnapWidth(guidelines, mediaSingleWidth, snap, layout) {
-  return guidelines.map(function (guideline) {
-    var _guideline$position;
-    var positionX = (_guideline$position = guideline.position) !== null && _guideline$position !== void 0 && _guideline$position.x && typeof guideline.position.x === 'number' ? guideline.position.x : 0;
-    if (layout === MediaSingleLayout.CENTER || layout === MediaSingleLayout.WIDE || layout === MediaSingleLayout.FULL_WIDTH) {
-      return {
-        guidelineKey: guideline.key,
-        width: mediaSingleWidth + (snap - positionX) * 2
-      };
-    } else if (layout === MediaSingleLayout.ALIGN_END || layout === MediaSingleLayout.WRAP_RIGHT) {
+export var getGuidelineSnaps = memoizeOne(function (guidelines, editorWidth) {
+  var layout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'center';
+  var offset = editorWidth / 2;
+  var getPositionX = function getPositionX(position) {
+    return isVerticalPosition(position) ? position.x : 0;
+  };
+  var calcXSnaps = function calcXSnaps(guidelineReference) {
+    var snapsWidth = guidelineReference.filter(function (g) {
+      return g.width > 0;
+    }).map(function (g) {
+      return g.width;
+    });
+    var uniqueSnapWidth = _toConsumableArray(new Set(snapsWidth));
+    return snapsWidth.length ? uniqueSnapWidth : undefined;
+  };
+  var guidelinesSnapsReference = guidelines.map(function (guideline) {
+    var positionX = getPositionX(guideline.position);
+    if (['align-end', 'wrap-right'].includes(layout)) {
       return {
         guidelineKey: guideline.key,
-        width: mediaSingleWidth + (snap - positionX)
+        width: offset - positionX
       };
-    } else if (layout === MediaSingleLayout.ALIGN_START || layout === MediaSingleLayout.WRAP_LEFT) {
+    } else if (['align-start', 'wrap-left'].includes(layout)) {
       return {
         guidelineKey: guideline.key,
-        width: mediaSingleWidth + positionX - snap
+        width: positionX + offset
       };
     }
     return {
-      guidelineKey: '',
-      width: 0
+      guidelineKey: guideline.key,
+      width: Math.abs(positionX) * 2
     };
-  }).filter(function (guideline) {
-    return guideline.guidelineKey !== '';
   });
-};
+  return {
+    guidelineReference: guidelinesSnapsReference,
+    snaps: {
+      x: calcXSnaps(guidelinesSnapsReference)
+    }
+  };
+});

package/dist/esm/keymaps/index.js

@@ -5,6 +5,7 @@ var _templateObject;
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { N400 } from '@atlaskit/theme/colors';
+import { pluginCommandToPMCommand } from '../preset/plugin-commands';
 import { browser } from '../utils';
 export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
@@ -182,15 +183,17 @@ export function makeKeyMapWithCommon(description, common) {
   var mac = common.replace(/Mod/i, 'Cmd');
   return makeKeymap(description, windows, mac, common);
 }
+function combineWithOldCommand(cmd, oldCmd) {
+  return function (state, dispatch, editorView) {
+    return oldCmd(state, dispatch) || cmd(state, dispatch, editorView);
+  };
+}
 export function bindKeymapWithCommand(shortcut, cmd, keymap) {
   var oldCmd = keymap[shortcut];
-  var newCmd = cmd;
-  if (keymap[shortcut]) {
-    newCmd = function newCmd(state, dispatch, editorView) {
-      return oldCmd(state, dispatch) || cmd(state, dispatch, editorView);
-    };
-  }
-  keymap[shortcut] = newCmd;
+  keymap[shortcut] = oldCmd ? combineWithOldCommand(cmd, oldCmd) : cmd;
+}
+export function bindKeymapWithPluginCommand(shortcut, cmd, keymap) {
+  bindKeymapWithCommand(shortcut, pluginCommandToPMCommand(cmd), keymap);
 }
 export function findKeyMapForBrowser(keyMap) {
   if (keyMap) {

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { _defineProperty(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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.37.0";
+var packageVersion = "74.38.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/preset/index.js

@@ -1,2 +1,3 @@
 export { EditorPresetBuilder } from './builder';
-export { EditorPluginInjectionAPI } from './plugin-injection-api';
+export { EditorPluginInjectionAPI } from './plugin-injection-api';
+export { pluginCommandToPMCommand } from './plugin-commands';

package/dist/esm/preset/plugin-commands.js

@@ -0,0 +1,13 @@
+export function pluginCommandToPMCommand(command) {
+  return function (_ref, dispatch) {
+    var tr = _ref.tr;
+    var newTr = command === null || command === void 0 ? void 0 : command({
+      tr: tr
+    });
+    if (newTr) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch(newTr);
+      return true;
+    }
+    return false;
+  };
+}

package/dist/esm/preset/plugin-injection-api.js

@@ -15,6 +15,9 @@ function hasGetSharedState(plugin) {
 function hasActions(plugin) {
   return _typeof(plugin.actions) === 'object';
 }
+function hasCommands(plugin) {
+  return _typeof(plugin.commands) === 'object';
+}
 var filterPluginsWithListeners = function filterPluginsWithListeners(_ref) {
   var listeners = _ref.listeners,
     plugins = _ref.plugins;
@@ -113,6 +116,26 @@ var ActionsAPI = /*#__PURE__*/function () {
   }]);
   return ActionsAPI;
 }();
+var PluginCommandsAPI = /*#__PURE__*/function () {
+  function PluginCommandsAPI() {
+    _classCallCheck(this, PluginCommandsAPI);
+  }
+  _createClass(PluginCommandsAPI, [{
+    key: "createAPI",
+    value: function createAPI(plugin) {
+      if (!plugin || !hasCommands(plugin)) {
+        return {};
+      }
+      return new Proxy(plugin.commands || {}, {
+        get: function get(target, prop, receiver) {
+          // We will be able to track perfomance here
+          return Reflect.get(target, prop);
+        }
+      });
+    }
+  }]);
+  return PluginCommandsAPI;
+}();
 export var SharedStateAPI = /*#__PURE__*/function () {
   function SharedStateAPI(_ref4) {
     var getEditorState = _ref4.getEditorState;
@@ -237,12 +260,14 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
     });
     this.plugins = new Map();
     this.actionsAPI = new ActionsAPI();
+    this.commandsAPI = new PluginCommandsAPI();
   }
   _createClass(EditorPluginInjectionAPI, [{
     key: "api",
     value: function api() {
       var sharedStateAPI = this.sharedStateAPI,
         actionsAPI = this.actionsAPI,
+        commandsAPI = this.commandsAPI,
         getPluginByName = this.getPluginByName;
       var dependencies = new Proxy({}, {
         get: function get(target, prop, receiver) {
@@ -261,9 +286,11 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
           }
           var sharedState = sharedStateAPI.createAPI(plugin);
           var actions = actionsAPI.createAPI(plugin);
+          var commands = commandsAPI.createAPI(plugin);
           var proxyCoreAPI = {
             sharedState: sharedState,
-            actions: actions
+            actions: actions,
+            commands: commands
           };
           return proxyCoreAPI;
         }

package/dist/esm/types/plugin-command.js

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

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

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.37.0";
+var packageVersion = "74.38.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/MediaSingle/styled.js

@@ -3,6 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _excluded = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
+
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
@@ -131,7 +132,7 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n  &[class*='is-resizing'] {\n    ", "\n  }\n\n  /* Handles responsiveness of non-nested, not-resizing nodes in editor */\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "max-width: ".concat(calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    .new-file-experience-wrapper {\n      box-shadow: none;\n    }"), !isNestedNode && "max-width: ".concat(layout !== 'full-width' && mediaSingleWidth && calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set in old experience\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n  ", "\n\n  /* Handles responsiveness of non-nested, not-resizing nodes in editor */\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    max-width: ".concat(calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "max-width: ".concat(layout !== 'full-width' && mediaSingleWidth && calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set in old experience\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.37.0",
+	"version": "74.38.0",
 	"sideEffects": false
 }

package/dist/types/guideline/constants.d.ts

@@ -1 +1,2 @@
 export declare const MEDIA_DYNAMIC_GUIDELINE_PREFIX = "media_";
+export declare const INNER_GRID_GUIDELINE_PREFIX = "grid_";

package/dist/types/guideline/dynamicGuideline.d.ts

@@ -1,4 +1,4 @@
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { GuidelineConfig } from './types';
 export declare const generateDynamicGuidelines: (state: EditorState, editorWidth: number, styles?: Omit<GuidelineConfig, 'key' | 'position'>) => ({
     styles?: {

package/dist/types/guideline/index.d.ts

@@ -2,7 +2,7 @@ export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
-export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
-export type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, } from './types';
-export { getSnapWidth, findClosestSnap } from './snapping';
+export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX, } from './constants';
+export type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, GuidelineSnap, GuidelineSnapsReference, } from './types';
+export { getGuidelineSnaps, findClosestSnap } from './snapping';
 export { isVerticalPosition, getContainerWidthOrFullEditorWidth, } from './utils';

package/dist/types/guideline/snapping.d.ts

@@ -1,18 +1,19 @@
-import { RichMediaLayout } from '@atlaskit/adf-schema';
-import type { GuidelineConfig } from './types';
-export type SnapTo = {
-    guidelineKey: string;
-    width: number;
-};
+import type { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { GuidelineConfig, GuidelineSnap } from './types';
 /**
  * Returns keys of guidelines that are closest to the image and withthin the snapGap.
  * If both default and dynamic guidelines present, only returns default guidelines
  */
-export declare const findClosestSnap: (mediaSingleWidth: number, snapArray: number[], snapTo: SnapTo[], snapGap?: number) => {
+export declare const findClosestSnap: (mediaSingleWidth: number, snapArray: number[], guidelineSnaps: GuidelineSnap[], snapGap?: number) => {
     gap: number;
     keys: string[];
 };
-/**
- * Get snapping widths and respective guideline keys
- */
-export declare const getSnapWidth: (guidelines: GuidelineConfig[], mediaSingleWidth: number, snap: number, layout: RichMediaLayout | null) => SnapTo[];
+export declare const getGuidelineSnaps: import("memoize-one").MemoizedFn<(guidelines: GuidelineConfig[], editorWidth: number, layout?: RichMediaLayout) => {
+    guidelineReference: {
+        guidelineKey: string;
+        width: number;
+    }[];
+    snaps: {
+        x: number[] | undefined;
+    };
+}>;

package/dist/types/guideline/types.d.ts

@@ -1,5 +1,5 @@
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { CSSToken } from '@atlaskit/tokens';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CSSToken } from '@atlaskit/tokens';
 export declare enum WidthTypes {
     PERCENTAGE = "percentage",
     PIXEL = "pixel"
@@ -40,3 +40,14 @@ export interface GuidelinePluginOptions {
 }
 export type DisplayGrid = (props: Required<GuidelinePluginState>) => boolean;
 export type DisplayGuideline = (view: EditorView) => DisplayGrid;
+export type GuidelineSnap = {
+    guidelineKey: string;
+    width: number;
+};
+export type GuidelineSnapsReference = {
+    snaps: {
+        x?: number[];
+        y?: number[];
+    };
+    guidelineReference: GuidelineSnap[];
+};

package/dist/types/keymaps/index.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Command } from '../types/command';
+import type { PluginCommand } from '../types/plugin-command';
 export declare const addAltText: Keymap;
 export declare const navToEditorToolbar: Keymap;
 export declare const navToFloatingToolbar: Keymap;
@@ -85,7 +86,10 @@ export interface Keymap {
     common?: string;
 }
 export declare function bindKeymapWithCommand(shortcut: string, cmd: Command, keymap: {
-    [key: string]: Function;
+    [key: string]: Command;
+}): void;
+export declare function bindKeymapWithPluginCommand(shortcut: string, cmd: PluginCommand, keymap: {
+    [key: string]: Command;
 }): void;
 export declare function findKeyMapForBrowser(keyMap: Keymap): string | undefined;
 export { DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP, } from './consts';

package/dist/types/preset/index.d.ts

@@ -1,2 +1,3 @@
 export { EditorPresetBuilder } from './builder';
 export { EditorPluginInjectionAPI } from './plugin-injection-api';
+export { pluginCommandToPMCommand } from './plugin-commands';

package/dist/types/preset/plugin-commands.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from '../types/command';
+import type { PluginCommand } from '../types/plugin-command';
+export declare function pluginCommandToPMCommand(command: PluginCommand | undefined): Command;

package/dist/types/preset/plugin-injection-api.d.ts

@@ -32,6 +32,7 @@ interface PluginInjectionAPIDefinition {
 export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefinition {
     private sharedStateAPI;
     private actionsAPI;
+    private commandsAPI;
     private plugins;
     constructor({ getEditorState }: SharedStateAPIProps);
     api<T extends NextEditorPlugin<any, any>>(): {

package/dist/types/types/index.d.ts

@@ -29,6 +29,7 @@ export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
 export type { NextEditorPlugin, AllEditorPresetPluginTypes, PluginDependenciesAPI, ExtractPluginNameFromAllBuilderPlugins, SafePresetCheck, DefaultEditorPlugin, OptionalPlugin, PluginInjectionAPI, CreatePluginDependenciesAPI, NextEditorPluginMetadata, ExtractInjectionAPI, ExtractPluginActions, PluginInjectionAPIWithDependency, PluginInjectionAPIWithDependencies, } from './next-editor-plugin';
+export type { PluginCommand, PluginCommandWithMetadata, } from './plugin-command';
 export type IconProps = {
     label?: string;
 };

package/dist/types/types/next-editor-plugin.d.ts

@@ -6,25 +6,32 @@
  */
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorPlugin } from './editor-plugin';
+import type { PluginCommand, PluginCommandWithMetadata } from './plugin-command';
 type IsAny<T> = 0 extends 1 & T ? true : false;
 type PickSharedStatePropertyName<Metadata extends NextEditorPluginMetadata> = IsAny<Metadata> extends true ? never : ExtractSharedStateFromMetadata<Metadata> extends never ? never : 'getSharedState';
 type WithSharedState<Metadata extends NextEditorPluginMetadata> = {
     [Property in keyof Pick<Metadata, 'sharedState'> as PickSharedStatePropertyName<Metadata>]: (editorState: EditorState | undefined) => ExtractSharedStateFromMetadata<Metadata>;
 };
 type PickActionsPropertyName<Metadata extends NextEditorPluginMetadata> = IsAny<Metadata> extends true ? never : ExtractActionsFromMetadata<Metadata> extends never ? never : 'actions';
+type PickCommandsPropertyName<Metadata extends NextEditorPluginMetadata> = IsAny<Metadata> extends true ? never : ExtractCommandsFromMetadata<Metadata> extends never ? never : 'commands';
 type WithActions<Metadata extends NextEditorPluginMetadata> = {
     [Property in keyof Pick<Metadata, 'actions'> as PickActionsPropertyName<Metadata>]: ExtractActionsFromMetadata<Metadata>;
 };
-export type DefaultEditorPlugin<Name extends string, Metadata extends NextEditorPluginMetadata> = EditorPlugin & WithSharedState<Metadata> & WithActions<Metadata> & {
+type WithCommands<Metadata extends NextEditorPluginMetadata> = {
+    [Property in keyof Pick<Metadata, 'commands'> as PickCommandsPropertyName<Metadata>]: ExtractCommandsFromMetadata<Metadata>;
+};
+export type DefaultEditorPlugin<Name extends string, Metadata extends NextEditorPluginMetadata> = EditorPlugin & WithSharedState<Metadata> & WithActions<Metadata> & WithCommands<Metadata> & {
     name: Name;
 };
 type MaybeAction = ((...agrs: any) => any) | ((...agrs: any) => void);
 type NextEditorPluginActions = Record<string, MaybeAction>;
+type NextEditorPluginCommands = Record<string, PluginCommandWithMetadata | PluginCommand>;
 export interface NextEditorPluginMetadata {
     readonly sharedState?: any;
     readonly pluginConfiguration?: any;
     readonly dependencies?: DependencyPlugin[];
     readonly actions?: NextEditorPluginActions;
+    readonly commands?: NextEditorPluginCommands;
 }
 export type PluginInjectionAPI<Name extends string, Metadata extends NextEditorPluginMetadata> = {
     dependencies: CreatePluginDependenciesAPI<[
@@ -56,6 +63,7 @@ type ExtractPluginDependenciesFromMetadataWithoutOptionals<Metadata extends Next
 type ExtractPluginDependenciesFromMetadata<Metadata> = 'dependencies' extends keyof Metadata ? Metadata['dependencies'] extends DependencyPlugin[] ? Exclude<Metadata['dependencies'], undefined> : [] : [];
 type ExtractSharedStateFromMetadata<Metadata> = 'sharedState' extends keyof Metadata ? Metadata['sharedState'] : never;
 type ExtractActionsFromMetadata<Metadata> = 'actions' extends keyof Metadata ? Metadata['actions'] : never;
+type ExtractCommandsFromMetadata<Metadata> = 'commands' extends keyof Metadata ? Metadata['commands'] : never;
 type ExtractPluginConfigurationFromMetadata<Metadata> = 'pluginConfiguration' extends keyof Metadata ? Metadata['pluginConfiguration'] : never;
 export type ExtractPluginDependencies<Plugin> = Plugin extends NextEditorPlugin<any, any> ? Plugin extends (config: any, api: any) => DefaultEditorPlugin<any, infer Metadata> ? ExtractPluginDependenciesFromMetadataWithoutOptionals<Metadata> : never : never;
 type ExtractPluginConfiguration<Plugin> = Plugin extends NextEditorPlugin<any, any> ? Plugin extends (config: any, api: any) => DefaultEditorPlugin<any, infer Metadata> ? ExtractPluginConfigurationFromMetadata<Metadata> : never : never;
@@ -72,6 +80,7 @@ export type PluginDependenciesAPI<Plugin extends NextEditorPlugin<any, any>> = {
         }) => void) => Unsubscribe;
     };
     actions: ExtractPluginActions<Plugin>;
+    commands: Plugin extends NextEditorPlugin<any, infer Metadata> ? ExtractCommandsFromMetadata<Metadata> : never;
 };
 export type CreatePluginDependenciesAPI<PluginList extends NextEditorPlugin<any, any>[]> = {
     [Plugin in PluginList[number] as `${ExtractPluginName<Plugin>}`]: Plugin extends OptionalPlugin<NextEditorPlugin<any, any>> ? PluginDependenciesAPI<Plugin> | undefined : Plugin extends NextEditorPlugin<any, any> ? PluginDependenciesAPI<Plugin> : never;

package/dist/types/types/plugin-command.d.ts

@@ -0,0 +1,7 @@
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+type PluginCommandProps = {
+    tr: Transaction;
+};
+export type PluginCommand = (props: PluginCommandProps) => Transaction | null;
+export type PluginCommandWithMetadata = (args: any) => PluginCommand;
+export {};

package/dist/types/ui/MediaSingle/styled.d.ts

@@ -1,7 +1,8 @@
 /** @jsx jsx */
-import React, { RefObject } from 'react';
+import type { RefObject } from 'react';
+import React from 'react';
 import { jsx } from '@emotion/react';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 /**
  * Calculates the image width for non-resized images.
  *

package/dist/types-ts4.5/guideline/constants.d.ts

@@ -1 +1,2 @@
 export declare const MEDIA_DYNAMIC_GUIDELINE_PREFIX = "media_";
+export declare const INNER_GRID_GUIDELINE_PREFIX = "grid_";