@atlaskit/editor-common 74.21.4 → 74.22.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 74.22.0
+
+### Minor Changes
+
+- [`464745a92e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/464745a92e6) - [ux] Updated the Editor Table plugin to use the new guidelines plugin when custom-table-widths FF is enabled
+
 ## 74.21.4
 
 ### Patch Changes

package/dist/cjs/guideline/fixedGuideline.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createGuidesFromLengths = exports.createFixedGuidelinesFromLengths = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/**
+ * This creates a collection of points relative to the center line of each supplied length. For example; a length of
+ * 100 centered to 0 would result in the left position of -50 and a right position of +50.
+ *
+ * Length values should be unique, as duplicates will be trimmed from the result.
+ *
+ * @example
+ * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
+ *  {left: -50, right: 50, length: 100},
+ *  {left: -100, right: 100, length: 200},
+ *  {left: 100, right: -100, length: -200},
+ *  {left: -100.5, right: 100.5, length: 201},
+ * ]
+ *
+ * @param lengths A colection of length values which will be split into a left & right guides.
+ * @returns A collection of LengthGuide objects which can be used to draw left & right guides
+ */
+var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
+  return Array.from(new Set(lengths)).reduce(function (acc, length) {
+    var h = length * 0.5;
+    if (!h || !Number.isFinite(length)) {
+      // Filter out nonsensical values, like 0
+      return acc;
+    }
+    return [].concat((0, _toConsumableArray2.default)(acc), [{
+      left: -h,
+      right: h,
+      length: length
+    }]);
+  }, []);
+};
+
+/**
+ * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
+ * Each length value generates a guideline config for both the left and right side of the length.
+ */
+exports.createGuidesFromLengths = createGuidesFromLengths;
+var createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths(lengths) {
+  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'guide';
+  return createGuidesFromLengths(lengths).reduce(function (acc, _ref) {
+    var left = _ref.left,
+      right = _ref.right,
+      length = _ref.length;
+    return [].concat((0, _toConsumableArray2.default)(acc), [{
+      key: "".concat(key, "-").concat(length, "-left"),
+      position: {
+        x: left
+      }
+    }, {
+      key: "".concat(key, "-").concat(length, "-right"),
+      position: {
+        x: right
+      }
+    }]);
+  }, []);
+};
+exports.createFixedGuidelinesFromLengths = createFixedGuidelinesFromLengths;

package/dist/cjs/guideline/index.js

@@ -3,10 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "createFixedGuidelinesFromLengths", {
+  enumerable: true,
+  get: function get() {
+    return _fixedGuideline.createFixedGuidelinesFromLengths;
+  }
+});
+Object.defineProperty(exports, "createGuidesFromLengths", {
+  enumerable: true,
+  get: function get() {
+    return _fixedGuideline.createGuidesFromLengths;
+  }
+});
 Object.defineProperty(exports, "generateDynamicGuidelines", {
   enumerable: true,
   get: function get() {
     return _dynamicGuideline.generateDynamicGuidelines;
   }
 });
-var _dynamicGuideline = require("./dynamicGuideline");
+Object.defineProperty(exports, "getGuidelinesWithHighlights", {
+  enumerable: true,
+  get: function get() {
+    return _updateGuideline.getGuidelinesWithHighlights;
+  }
+});
+var _dynamicGuideline = require("./dynamicGuideline");
+var _fixedGuideline = require("./fixedGuideline");
+var _updateGuideline = require("./updateGuideline");

package/dist/cjs/guideline/updateGuideline.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGuidelinesWithHighlights = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+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) { (0, _defineProperty2.default)(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 activeGuidelineStyle = function activeGuidelineStyle(guideline) {
+  return _objectSpread(_objectSpread({}, guideline), {}, {
+    active: true,
+    show: true
+  });
+};
+var getGuidelinesWithHighlights = function getGuidelinesWithHighlights(gap, maxGap, activeGuidelineKeys, guidelines) {
+  if (activeGuidelineKeys.length) {
+    return guidelines.map(function (guideline) {
+      if (activeGuidelineKeys.includes(guideline.key) && gap < maxGap) {
+        return activeGuidelineStyle(guideline);
+      }
+      return guideline;
+    });
+  } else {
+    return guidelines;
+  }
+};
+exports.getGuidelinesWithHighlights = getGuidelinesWithHighlights;

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.21.4";
+var packageVersion = "74.22.0";
 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.21.4";
+var packageVersion = "74.22.0";
 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.21.4",
+	"version": "74.22.0",
 	"sideEffects": false
 }

package/dist/es2019/guideline/fixedGuideline.js

@@ -0,0 +1,53 @@
+/**
+ * This creates a collection of points relative to the center line of each supplied length. For example; a length of
+ * 100 centered to 0 would result in the left position of -50 and a right position of +50.
+ *
+ * Length values should be unique, as duplicates will be trimmed from the result.
+ *
+ * @example
+ * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
+ *  {left: -50, right: 50, length: 100},
+ *  {left: -100, right: 100, length: 200},
+ *  {left: 100, right: -100, length: -200},
+ *  {left: -100.5, right: 100.5, length: 201},
+ * ]
+ *
+ * @param lengths A colection of length values which will be split into a left & right guides.
+ * @returns A collection of LengthGuide objects which can be used to draw left & right guides
+ */
+export const createGuidesFromLengths = lengths => {
+  return Array.from(new Set(lengths)).reduce((acc, length) => {
+    const h = length * 0.5;
+    if (!h || !Number.isFinite(length)) {
+      // Filter out nonsensical values, like 0
+      return acc;
+    }
+    return [...acc, {
+      left: -h,
+      right: h,
+      length
+    }];
+  }, []);
+};
+
+/**
+ * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
+ * Each length value generates a guideline config for both the left and right side of the length.
+ */
+export const createFixedGuidelinesFromLengths = (lengths, key = 'guide') => {
+  return createGuidesFromLengths(lengths).reduce((acc, {
+    left,
+    right,
+    length
+  }) => [...acc, {
+    key: `${key}-${length}-left`,
+    position: {
+      x: left
+    }
+  }, {
+    key: `${key}-${length}-right`,
+    position: {
+      x: right
+    }
+  }], []);
+};

package/dist/es2019/guideline/index.js

@@ -1 +1,3 @@
-export { generateDynamicGuidelines } from './dynamicGuideline';
+export { generateDynamicGuidelines } from './dynamicGuideline';
+export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
+export { getGuidelinesWithHighlights } from './updateGuideline';

package/dist/es2019/guideline/updateGuideline.js

@@ -0,0 +1,17 @@
+const activeGuidelineStyle = guideline => ({
+  ...guideline,
+  active: true,
+  show: true
+});
+export const getGuidelinesWithHighlights = (gap, maxGap, activeGuidelineKeys, guidelines) => {
+  if (activeGuidelineKeys.length) {
+    return guidelines.map(guideline => {
+      if (activeGuidelineKeys.includes(guideline.key) && gap < maxGap) {
+        return activeGuidelineStyle(guideline);
+      }
+      return guideline;
+    });
+  } else {
+    return guidelines;
+  }
+};

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.21.4";
+const packageVersion = "74.22.0";
 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.21.4";
+const packageVersion = "74.22.0";
 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.21.4",
+	"version": "74.22.0",
 	"sideEffects": false
 }

package/dist/esm/guideline/fixedGuideline.js

@@ -0,0 +1,56 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+/**
+ * This creates a collection of points relative to the center line of each supplied length. For example; a length of
+ * 100 centered to 0 would result in the left position of -50 and a right position of +50.
+ *
+ * Length values should be unique, as duplicates will be trimmed from the result.
+ *
+ * @example
+ * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
+ *  {left: -50, right: 50, length: 100},
+ *  {left: -100, right: 100, length: 200},
+ *  {left: 100, right: -100, length: -200},
+ *  {left: -100.5, right: 100.5, length: 201},
+ * ]
+ *
+ * @param lengths A colection of length values which will be split into a left & right guides.
+ * @returns A collection of LengthGuide objects which can be used to draw left & right guides
+ */
+export var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
+  return Array.from(new Set(lengths)).reduce(function (acc, length) {
+    var h = length * 0.5;
+    if (!h || !Number.isFinite(length)) {
+      // Filter out nonsensical values, like 0
+      return acc;
+    }
+    return [].concat(_toConsumableArray(acc), [{
+      left: -h,
+      right: h,
+      length: length
+    }]);
+  }, []);
+};
+
+/**
+ * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
+ * Each length value generates a guideline config for both the left and right side of the length.
+ */
+export var createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths(lengths) {
+  var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'guide';
+  return createGuidesFromLengths(lengths).reduce(function (acc, _ref) {
+    var left = _ref.left,
+      right = _ref.right,
+      length = _ref.length;
+    return [].concat(_toConsumableArray(acc), [{
+      key: "".concat(key, "-").concat(length, "-left"),
+      position: {
+        x: left
+      }
+    }, {
+      key: "".concat(key, "-").concat(length, "-right"),
+      position: {
+        x: right
+      }
+    }]);
+  }, []);
+};

package/dist/esm/guideline/index.js

@@ -1 +1,3 @@
-export { generateDynamicGuidelines } from './dynamicGuideline';
+export { generateDynamicGuidelines } from './dynamicGuideline';
+export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
+export { getGuidelinesWithHighlights } from './updateGuideline';

package/dist/esm/guideline/updateGuideline.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+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 activeGuidelineStyle = function activeGuidelineStyle(guideline) {
+  return _objectSpread(_objectSpread({}, guideline), {}, {
+    active: true,
+    show: true
+  });
+};
+export var getGuidelinesWithHighlights = function getGuidelinesWithHighlights(gap, maxGap, activeGuidelineKeys, guidelines) {
+  if (activeGuidelineKeys.length) {
+    return guidelines.map(function (guideline) {
+      if (activeGuidelineKeys.includes(guideline.key) && gap < maxGap) {
+        return activeGuidelineStyle(guideline);
+      }
+      return guideline;
+    });
+  } else {
+    return guidelines;
+  }
+};

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.21.4";
+var packageVersion = "74.22.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/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.21.4";
+var packageVersion = "74.22.0";
 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.21.4",
+	"version": "74.22.0",
 	"sideEffects": false
 }

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

@@ -0,0 +1,29 @@
+import { LengthGuide } from './types';
+/**
+ * This creates a collection of points relative to the center line of each supplied length. For example; a length of
+ * 100 centered to 0 would result in the left position of -50 and a right position of +50.
+ *
+ * Length values should be unique, as duplicates will be trimmed from the result.
+ *
+ * @example
+ * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
+ *  {left: -50, right: 50, length: 100},
+ *  {left: -100, right: 100, length: 200},
+ *  {left: 100, right: -100, length: -200},
+ *  {left: -100.5, right: 100.5, length: 201},
+ * ]
+ *
+ * @param lengths A colection of length values which will be split into a left & right guides.
+ * @returns A collection of LengthGuide objects which can be used to draw left & right guides
+ */
+export declare const createGuidesFromLengths: (lengths: number[]) => LengthGuide[];
+/**
+ * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
+ * Each length value generates a guideline config for both the left and right side of the length.
+ */
+export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string) => {
+    key: string;
+    position: {
+        x: number;
+    };
+}[];

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

@@ -1 +1,3 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
+export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
+export { getGuidelinesWithHighlights } from './updateGuideline';

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

@@ -2,3 +2,8 @@ export declare enum WidthTypes {
     PERCENTAGE = "percentage",
     PIXEL = "pixel"
 }
+export type LengthGuide = {
+    left: number;
+    right: number;
+    length: number;
+};

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

@@ -0,0 +1,5 @@
+export declare const getGuidelinesWithHighlights: <T extends {
+    key: string;
+    active?: boolean | undefined;
+    show?: boolean | undefined;
+}>(gap: number, maxGap: number, activeGuidelineKeys: string[], guidelines: T[]) => T[];

package/dist/types/resizer/Resizer.d.ts

@@ -16,6 +16,11 @@ export type ResizerProps = {
     handleComponent?: HandleComponent;
     handleHeightSize?: HandleHeightSizeType;
     handleMarginTop?: number;
+    snap?: {
+        x?: Array<number>;
+        y?: Array<number>;
+    };
+    snapGap?: number;
     handleAlignmentMethod?: HandleAlignmentMethod;
     resizeRatio?: number;
 };

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

@@ -0,0 +1,29 @@
+import { LengthGuide } from './types';
+/**
+ * This creates a collection of points relative to the center line of each supplied length. For example; a length of
+ * 100 centered to 0 would result in the left position of -50 and a right position of +50.
+ *
+ * Length values should be unique, as duplicates will be trimmed from the result.
+ *
+ * @example
+ * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
+ *  {left: -50, right: 50, length: 100},
+ *  {left: -100, right: 100, length: 200},
+ *  {left: 100, right: -100, length: -200},
+ *  {left: -100.5, right: 100.5, length: 201},
+ * ]
+ *
+ * @param lengths A colection of length values which will be split into a left & right guides.
+ * @returns A collection of LengthGuide objects which can be used to draw left & right guides
+ */
+export declare const createGuidesFromLengths: (lengths: number[]) => LengthGuide[];
+/**
+ * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
+ * Each length value generates a guideline config for both the left and right side of the length.
+ */
+export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string) => {
+    key: string;
+    position: {
+        x: number;
+    };
+}[];

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

@@ -1 +1,3 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
+export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
+export { getGuidelinesWithHighlights } from './updateGuideline';

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

@@ -2,3 +2,8 @@ export declare enum WidthTypes {
     PERCENTAGE = "percentage",
     PIXEL = "pixel"
 }
+export type LengthGuide = {
+    left: number;
+    right: number;
+    length: number;
+};

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

@@ -0,0 +1,5 @@
+export declare const getGuidelinesWithHighlights: <T extends {
+    key: string;
+    active?: boolean | undefined;
+    show?: boolean | undefined;
+}>(gap: number, maxGap: number, activeGuidelineKeys: string[], guidelines: T[]) => T[];

package/dist/types-ts4.5/resizer/Resizer.d.ts

@@ -16,6 +16,11 @@ export type ResizerProps = {
     handleComponent?: HandleComponent;
     handleHeightSize?: HandleHeightSizeType;
     handleMarginTop?: number;
+    snap?: {
+        x?: Array<number>;
+        y?: Array<number>;
+    };
+    snapGap?: number;
     handleAlignmentMethod?: HandleAlignmentMethod;
     resizeRatio?: number;
 };

package/package.json

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