@atlaskit/editor-common 74.27.0 → 74.27.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 74.27.1
+
+### Patch Changes
+
+- [`dbf78a2ac7f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dbf78a2ac7f) - Added snapping utils and tests to editor-common
+
 ## 74.27.0
 
 ### Minor Changes

package/dist/cjs/guideline/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "MEDIA_DYNAMIC_GUIDELINE_PREFIX", {
+  enumerable: true,
+  get: function get() {
+    return _constants.MEDIA_DYNAMIC_GUIDELINE_PREFIX;
+  }
+});
 Object.defineProperty(exports, "createFixedGuidelinesFromLengths", {
   enumerable: true,
   get: function get() {
@@ -36,4 +42,5 @@ Object.defineProperty(exports, "isVerticalPosition", {
 var _dynamicGuideline = require("./dynamicGuideline");
 var _fixedGuideline = require("./fixedGuideline");
 var _updateGuideline = require("./updateGuideline");
+var _constants = require("./constants");
 var _utils = require("./utils");

package/dist/cjs/guideline/snapping.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSnapWidth = exports.findClosestSnap = void 0;
+var _mediaSingle = require("../media-single");
+var _constants = require("./constants");
+/**
+ * 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
+ */
+var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, snapTo) {
+  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 guidelineKeys = [];
+    snapTo.forEach(function (s) {
+      if (Math.round(Math.abs(s.width)) === snappingWidth) {
+        guidelineKeys.push(s.guidelineKey);
+      }
+    });
+    var defaultGuidelineKeys = guidelineKeys.filter(function (guidelineKey) {
+      return !guidelineKey.startsWith(_constants.MEDIA_DYNAMIC_GUIDELINE_PREFIX);
+    });
+    return {
+      gap: gap,
+      // only highlight default guidelines
+      // when there are both default and dynamic guidelines to be highlighted
+      keys: defaultGuidelineKeys.length && defaultGuidelineKeys.length < guidelineKeys.length ? defaultGuidelineKeys : guidelineKeys
+    };
+  }
+  return {
+    gap: gap,
+    keys: []
+  };
+};
+
+/**
+ * Get snapping widths and respective guideline keys
+ */
+exports.findClosestSnap = findClosestSnap;
+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 === _mediaSingle.MediaSingleLayout.CENTER || layout === _mediaSingle.MediaSingleLayout.WIDE || layout === _mediaSingle.MediaSingleLayout.FULL_WIDTH) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + (snap - positionX) * 2
+      };
+    } else if (layout === _mediaSingle.MediaSingleLayout.ALIGN_END || layout === _mediaSingle.MediaSingleLayout.WRAP_RIGHT) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + (snap - positionX)
+      };
+    } else if (layout === _mediaSingle.MediaSingleLayout.ALIGN_START || layout === _mediaSingle.MediaSingleLayout.WRAP_LEFT) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + positionX - snap
+      };
+    }
+    return {
+      guidelineKey: '',
+      width: 0
+    };
+  }).filter(function (guideline) {
+    return guideline.guidelineKey !== '';
+  });
+};
+exports.getSnapWidth = getSnapWidth;

package/dist/cjs/media-single/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MEDIA_SINGLE_SNAP_GAP = exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = exports.MEDIA_SINGLE_HIGHLIGHT_GAP = exports.MEDIA_SINGLE_HANDLE_MARGIN = exports.MEDIA_SINGLE_GUTTER_SIZE = void 0;
+exports.MEDIA_SINGLE_SNAP_GAP = exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = exports.MEDIA_SINGLE_HIGHLIGHT_GAP = exports.MEDIA_SINGLE_HANDLE_MARGIN = exports.MEDIA_SINGLE_GUTTER_SIZE = exports.Layout = void 0;
 var MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
 exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = MEDIA_SINGLE_MIN_PIXEL_WIDTH;
 var MEDIA_SINGLE_SNAP_GAP = 3;
@@ -13,4 +13,15 @@ exports.MEDIA_SINGLE_HIGHLIGHT_GAP = MEDIA_SINGLE_HIGHLIGHT_GAP;
 var MEDIA_SINGLE_HANDLE_MARGIN = 12;
 exports.MEDIA_SINGLE_HANDLE_MARGIN = MEDIA_SINGLE_HANDLE_MARGIN;
 var MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_HANDLE_MARGIN * 2;
-exports.MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_GUTTER_SIZE;
+exports.MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_GUTTER_SIZE;
+var Layout = /*#__PURE__*/function (Layout) {
+  Layout["FULL_WIDTH"] = "full-width";
+  Layout["WIDE"] = "wide";
+  Layout["CENTER"] = "center";
+  Layout["ALIGN_START"] = "align-start";
+  Layout["ALIGN_END"] = "align-end";
+  Layout["WRAP_RIGHT"] = "wrap-right";
+  Layout["WRAP_LEFT"] = "wrap-left";
+  return Layout;
+}({});
+exports.Layout = Layout;

package/dist/cjs/media-single/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "MEDIA_SINGLE_SNAP_GAP", {
     return _constants.MEDIA_SINGLE_SNAP_GAP;
   }
 });
+Object.defineProperty(exports, "MediaSingleLayout", {
+  enumerable: true,
+  get: function get() {
+    return _constants.Layout;
+  }
+});
 Object.defineProperty(exports, "getMediaSinglePixelWidth", {
   enumerable: true,
   get: function get() {

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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.27.0";
+var packageVersion = "74.27.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.27.0";
+var packageVersion = "74.27.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/version.json

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

package/dist/es2019/guideline/index.js

@@ -1,4 +1,5 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
+export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
 export { isVerticalPosition } from './utils';

package/dist/es2019/guideline/snapping.js

@@ -0,0 +1,60 @@
+import { MediaSingleLayout } from '../media-single';
+import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
+/**
+ * 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 const findClosestSnap = (mediaSingleWidth, snapArray, snapTo, snapGap = 0) => {
+  const closestGapIndex = snapArray.reduce((prev, curr, index) => Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev, 0);
+  const gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
+  if (gap < snapGap) {
+    const snappingWidth = Math.round(snapTo[closestGapIndex].width);
+    let guidelineKeys = [];
+    snapTo.forEach(s => {
+      if (Math.round(Math.abs(s.width)) === snappingWidth) {
+        guidelineKeys.push(s.guidelineKey);
+      }
+    });
+    const defaultGuidelineKeys = guidelineKeys.filter(guidelineKey => !guidelineKey.startsWith(MEDIA_DYNAMIC_GUIDELINE_PREFIX));
+    return {
+      gap,
+      // only highlight default guidelines
+      // when there are both default and dynamic guidelines to be highlighted
+      keys: defaultGuidelineKeys.length && defaultGuidelineKeys.length < guidelineKeys.length ? defaultGuidelineKeys : guidelineKeys
+    };
+  }
+  return {
+    gap,
+    keys: []
+  };
+};
+
+/**
+ * Get snapping widths and respective guideline keys
+ */
+export const getSnapWidth = (guidelines, mediaSingleWidth, snap, layout) => {
+  return guidelines.map(guideline => {
+    var _guideline$position;
+    const 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) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + (snap - positionX)
+      };
+    } else if (layout === MediaSingleLayout.ALIGN_START || layout === MediaSingleLayout.WRAP_LEFT) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + positionX - snap
+      };
+    }
+    return {
+      guidelineKey: '',
+      width: 0
+    };
+  }).filter(guideline => guideline.guidelineKey !== '');
+};

package/dist/es2019/media-single/constants.js

@@ -2,4 +2,14 @@ export const MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
 export const MEDIA_SINGLE_SNAP_GAP = 3;
 export const MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export const MEDIA_SINGLE_HANDLE_MARGIN = 12;
-export const MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_HANDLE_MARGIN * 2;
+export const MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_HANDLE_MARGIN * 2;
+export let Layout = /*#__PURE__*/function (Layout) {
+  Layout["FULL_WIDTH"] = "full-width";
+  Layout["WIDE"] = "wide";
+  Layout["CENTER"] = "center";
+  Layout["ALIGN_START"] = "align-start";
+  Layout["ALIGN_END"] = "align-end";
+  Layout["WRAP_RIGHT"] = "wrap-right";
+  Layout["WRAP_LEFT"] = "wrap-left";
+  return Layout;
+}({});

package/dist/es2019/media-single/index.js

@@ -1,2 +1,2 @@
-export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP } from './constants';
+export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, Layout as MediaSingleLayout } from './constants';
 export { getMediaSinglePixelWidth } from './utils';

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.27.0";
+const packageVersion = "74.27.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.27.0";
+const packageVersion = "74.27.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/version.json

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

package/dist/esm/guideline/index.js

@@ -1,4 +1,5 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
+export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
 export { isVerticalPosition } from './utils';

package/dist/esm/guideline/snapping.js

@@ -0,0 +1,67 @@
+import { MediaSingleLayout } from '../media-single';
+import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
+/**
+ * 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) {
+  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 guidelineKeys = [];
+    snapTo.forEach(function (s) {
+      if (Math.round(Math.abs(s.width)) === snappingWidth) {
+        guidelineKeys.push(s.guidelineKey);
+      }
+    });
+    var defaultGuidelineKeys = guidelineKeys.filter(function (guidelineKey) {
+      return !guidelineKey.startsWith(MEDIA_DYNAMIC_GUIDELINE_PREFIX);
+    });
+    return {
+      gap: gap,
+      // only highlight default guidelines
+      // when there are both default and dynamic guidelines to be highlighted
+      keys: defaultGuidelineKeys.length && defaultGuidelineKeys.length < guidelineKeys.length ? defaultGuidelineKeys : guidelineKeys
+    };
+  }
+  return {
+    gap: gap,
+    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) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + (snap - positionX)
+      };
+    } else if (layout === MediaSingleLayout.ALIGN_START || layout === MediaSingleLayout.WRAP_LEFT) {
+      return {
+        guidelineKey: guideline.key,
+        width: mediaSingleWidth + positionX - snap
+      };
+    }
+    return {
+      guidelineKey: '',
+      width: 0
+    };
+  }).filter(function (guideline) {
+    return guideline.guidelineKey !== '';
+  });
+};

package/dist/esm/media-single/constants.js

@@ -2,4 +2,14 @@ export var MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
 export var MEDIA_SINGLE_SNAP_GAP = 3;
 export var MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export var MEDIA_SINGLE_HANDLE_MARGIN = 12;
-export var MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_HANDLE_MARGIN * 2;
+export var MEDIA_SINGLE_GUTTER_SIZE = MEDIA_SINGLE_HANDLE_MARGIN * 2;
+export var Layout = /*#__PURE__*/function (Layout) {
+  Layout["FULL_WIDTH"] = "full-width";
+  Layout["WIDE"] = "wide";
+  Layout["CENTER"] = "center";
+  Layout["ALIGN_START"] = "align-start";
+  Layout["ALIGN_END"] = "align-end";
+  Layout["WRAP_RIGHT"] = "wrap-right";
+  Layout["WRAP_LEFT"] = "wrap-left";
+  return Layout;
+}({});

package/dist/esm/media-single/index.js

@@ -1,2 +1,2 @@
-export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP } from './constants';
+export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, Layout as MediaSingleLayout } from './constants';
 export { getMediaSinglePixelWidth } from './utils';

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.27.0";
+var packageVersion = "74.27.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.27.0";
+var packageVersion = "74.27.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/version.json

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

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

@@ -1,5 +1,6 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
 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 { isVerticalPosition } from './utils';

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

@@ -0,0 +1,18 @@
+import { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { GuidelineConfig } from './types';
+export type SnapTo = {
+    guidelineKey: string;
+    width: number;
+};
+/**
+ * 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) => {
+    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[];

package/dist/types/media-single/constants.d.ts

@@ -3,3 +3,12 @@ export declare const MEDIA_SINGLE_SNAP_GAP = 3;
 export declare const MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export declare const MEDIA_SINGLE_HANDLE_MARGIN = 12;
 export declare const MEDIA_SINGLE_GUTTER_SIZE: number;
+export declare enum Layout {
+    FULL_WIDTH = "full-width",
+    WIDE = "wide",
+    CENTER = "center",
+    ALIGN_START = "align-start",
+    ALIGN_END = "align-end",
+    WRAP_RIGHT = "wrap-right",
+    WRAP_LEFT = "wrap-left"
+}

package/dist/types/media-single/index.d.ts

@@ -1,2 +1,2 @@
-export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, } from './constants';
+export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, Layout as MediaSingleLayout, } from './constants';
 export { getMediaSinglePixelWidth } from './utils';

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

@@ -1,5 +1,6 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
 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 { isVerticalPosition } from './utils';

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

@@ -0,0 +1,18 @@
+import { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { GuidelineConfig } from './types';
+export type SnapTo = {
+    guidelineKey: string;
+    width: number;
+};
+/**
+ * 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) => {
+    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[];

package/dist/types-ts4.5/media-single/constants.d.ts

@@ -3,3 +3,12 @@ export declare const MEDIA_SINGLE_SNAP_GAP = 3;
 export declare const MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export declare const MEDIA_SINGLE_HANDLE_MARGIN = 12;
 export declare const MEDIA_SINGLE_GUTTER_SIZE: number;
+export declare enum Layout {
+    FULL_WIDTH = "full-width",
+    WIDE = "wide",
+    CENTER = "center",
+    ALIGN_START = "align-start",
+    ALIGN_END = "align-end",
+    WRAP_RIGHT = "wrap-right",
+    WRAP_LEFT = "wrap-left"
+}

package/dist/types-ts4.5/media-single/index.d.ts

@@ -1,2 +1,2 @@
-export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, } from './constants';
+export { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, Layout as MediaSingleLayout, } from './constants';
 export { getMediaSinglePixelWidth } from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.27.0",
+  "version": "74.27.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"