@atlaskit/editor-common 74.45.2 → 74.45.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 74.45.4
+
+### Patch Changes
+
+- [`58fa188ef48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58fa188ef48) - [ux] [ED-19461] Reduce draggable zone of adjacent resize handle.
+
+## 74.45.3
+
+### Patch Changes
+
+- [`cf71a66559b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf71a66559b) - Update analytics event for new resize experience
+
 ## 74.45.2
 
 ### Patch Changes

package/dist/cjs/guideline/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "getGuidelineSnaps", {
     return _snapping.getGuidelineSnaps;
   }
 });
+Object.defineProperty(exports, "getGuidelineTypeFromKey", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getGuidelineTypeFromKey;
+  }
+});
 Object.defineProperty(exports, "getGuidelinesWithHighlights", {
   enumerable: true,
   get: function get() {

package/dist/cjs/guideline/types.js

@@ -2,23 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.WidthTypes = void 0;
-var WidthTypes = /*#__PURE__*/function (WidthTypes) {
-  WidthTypes["PERCENTAGE"] = "percentage";
-  WidthTypes["PIXEL"] = "pixel";
-  return WidthTypes;
-}({});
-/*
- * When x is 0, a vertical line is displayed at the center of the editor
- * a negative value will move the line to the left,
- * a positive value will move the line to the right,
- * The range is from -width/2 to width/2, outside will be ignored.
- * Define as an object allows us add more options in the future.
- *
- * ────────────┬─────────── y=0
- *             │
- *             │
- *            x=0
- */
-exports.WidthTypes = WidthTypes;
+});

package/dist/cjs/guideline/utils.js

@@ -1,24 +1,66 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVerticalPosition = exports.isNumber = exports.getMediaSingleDimensions = exports.getContainerWidthOrFullEditorWidth = void 0;
+exports.isVerticalPosition = exports.isRange = exports.isNumber = exports.getMediaSingleDimensions = exports.getGuidelineTypeFromKey = exports.getContainerWidthOrFullEditorWidth = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mediaSingle = require("../media-single");
 var isNumber = function isNumber(x) {
   return typeof x === 'number' && !isNaN(x) && isFinite(x);
 };
 exports.isNumber = isNumber;
+var isRange = function isRange(range) {
+  return !!((0, _typeof2.default)(range) === 'object' && range && 'start' in range && 'end' in range);
+};
+exports.isRange = isRange;
 var isVerticalPosition = function isVerticalPosition(pos) {
   return isNumber(pos.x);
 };
 
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+exports.isVerticalPosition = isVerticalPosition;
+var getGuidelineTypeFromKey = function getGuidelineTypeFromKey(keys, guidelines) {
+  if (guidelines.length === 0) {
+    return 'none';
+  }
+
+  // Check for default guidelines on key
+  if (keys.some(function (key) {
+    return ['grid_', 'wide_', 'full_width'].some(function (defaultGuideline) {
+      return key.indexOf(defaultGuideline) >= 0;
+    });
+  })) {
+    return 'default';
+  }
+
+  // Find the first matched guideline (ignoring duplicates or groups)
+  var matchedGuideline = guidelines.find(function (guideline) {
+    return keys.some(function (key) {
+      return guideline.key === key;
+    });
+  });
+  if (!matchedGuideline) {
+    return 'none';
+  }
+
+  // Check whether temporary or horizontal guides
+  if (isVerticalPosition(matchedGuideline.position)) {
+    return isRange(matchedGuideline.position.y) ? 'relative' : 'temporary';
+  } else {
+    return isRange(matchedGuideline.position.x) ? 'relative' : 'none'; // Can never have temporary horizontal guides
+  }
+};
+
 /**
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.
  */
-exports.isVerticalPosition = isVerticalPosition;
+exports.getGuidelineTypeFromKey = getGuidelineTypeFromKey;
 var getContainerWidthOrFullEditorWidth = function getContainerWidthOrFullEditorWidth(containerWidth) {
   return Math.min(containerWidth - _editorSharedStyles.akEditorGutterPadding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) / 2;
 };

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

package/dist/cjs/resizer/Resizer.js

@@ -87,7 +87,7 @@ function ResizerNext(props) {
     right: (0, _classnames3.default)(_resizer.resizerHandleClassName[handleHeightSize], (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(handleClassName, "-right"), !!handleClassName), (0, _defineProperty2.default)(_classnames2, _resizer.resizerHandleRightClassName, !handleClassName), (0, _defineProperty2.default)(_classnames2, _resizer.resizerHandleStickyClassName, handleAlignmentMethod === 'sticky'), _classnames2))
   };
   var baseHandleStyles = {
-    width: handlePositioning === 'adjacent' ? "var(--ds-space-250, 20px)" : "var(--ds-space-300, 24px)",
+    width: handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)",
     // eslint-disable-next-line
     marginTop: Number.isFinite(handleMarginTop) ? "".concat(handleMarginTop, "px") : undefined,
     zIndex: _resizer.resizerHandleZIndex,

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

package/dist/es2019/guideline/index.js

@@ -4,4 +4,4 @@ export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX } from './constants';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
-export { isVerticalPosition, getContainerWidthOrFullEditorWidth } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey } from './utils';

package/dist/es2019/guideline/types.js

@@ -1,18 +1 @@
-export let WidthTypes = /*#__PURE__*/function (WidthTypes) {
-  WidthTypes["PERCENTAGE"] = "percentage";
-  WidthTypes["PIXEL"] = "pixel";
-  return WidthTypes;
-}({});
-
-/*
- * When x is 0, a vertical line is displayed at the center of the editor
- * a negative value will move the line to the left,
- * a positive value will move the line to the right,
- * The range is from -width/2 to width/2, outside will be ignored.
- * Define as an object allows us add more options in the future.
- *
- * ────────────┬─────────── y=0
- *             │
- *             │
- *            x=0
- */
+export {};

package/dist/es2019/guideline/utils.js

@@ -1,8 +1,36 @@
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 import { getMediaSinglePixelWidth, roundToNearest } from '../media-single';
 export const isNumber = x => typeof x === 'number' && !isNaN(x) && isFinite(x);
+export const isRange = range => !!(typeof range === 'object' && range && 'start' in range && 'end' in range);
 export const isVerticalPosition = pos => isNumber(pos.x);
 
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+export const getGuidelineTypeFromKey = (keys, guidelines) => {
+  if (guidelines.length === 0) {
+    return 'none';
+  }
+
+  // Check for default guidelines on key
+  if (keys.some(key => ['grid_', 'wide_', 'full_width'].some(defaultGuideline => key.indexOf(defaultGuideline) >= 0))) {
+    return 'default';
+  }
+
+  // Find the first matched guideline (ignoring duplicates or groups)
+  const matchedGuideline = guidelines.find(guideline => keys.some(key => guideline.key === key));
+  if (!matchedGuideline) {
+    return 'none';
+  }
+
+  // Check whether temporary or horizontal guides
+  if (isVerticalPosition(matchedGuideline.position)) {
+    return isRange(matchedGuideline.position.y) ? 'relative' : 'temporary';
+  } else {
+    return isRange(matchedGuideline.position.x) ? 'relative' : 'none'; // Can never have temporary horizontal guides
+  }
+};
+
 /**
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.

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

package/dist/es2019/resizer/Resizer.js

@@ -72,7 +72,7 @@ export default function ResizerNext(props) {
     })
   };
   const baseHandleStyles = {
-    width: handlePositioning === 'adjacent' ? "var(--ds-space-250, 20px)" : "var(--ds-space-300, 24px)",
+    width: handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)",
     // eslint-disable-next-line
     marginTop: Number.isFinite(handleMarginTop) ? `${handleMarginTop}px` : undefined,
     zIndex: resizerHandleZIndex,

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

package/dist/esm/guideline/index.js

@@ -4,4 +4,4 @@ export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX } from './constants';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
-export { isVerticalPosition, getContainerWidthOrFullEditorWidth } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey } from './utils';

package/dist/esm/guideline/types.js

@@ -1,18 +1 @@
-export var WidthTypes = /*#__PURE__*/function (WidthTypes) {
-  WidthTypes["PERCENTAGE"] = "percentage";
-  WidthTypes["PIXEL"] = "pixel";
-  return WidthTypes;
-}({});
-
-/*
- * When x is 0, a vertical line is displayed at the center of the editor
- * a negative value will move the line to the left,
- * a positive value will move the line to the right,
- * The range is from -width/2 to width/2, outside will be ignored.
- * Define as an object allows us add more options in the future.
- *
- * ────────────┬─────────── y=0
- *             │
- *             │
- *            x=0
- */
+export {};

package/dist/esm/guideline/utils.js

@@ -1,12 +1,51 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 import { getMediaSinglePixelWidth, roundToNearest } from '../media-single';
 export var isNumber = function isNumber(x) {
   return typeof x === 'number' && !isNaN(x) && isFinite(x);
 };
+export var isRange = function isRange(range) {
+  return !!(_typeof(range) === 'object' && range && 'start' in range && 'end' in range);
+};
 export var isVerticalPosition = function isVerticalPosition(pos) {
   return isNumber(pos.x);
 };
 
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+export var getGuidelineTypeFromKey = function getGuidelineTypeFromKey(keys, guidelines) {
+  if (guidelines.length === 0) {
+    return 'none';
+  }
+
+  // Check for default guidelines on key
+  if (keys.some(function (key) {
+    return ['grid_', 'wide_', 'full_width'].some(function (defaultGuideline) {
+      return key.indexOf(defaultGuideline) >= 0;
+    });
+  })) {
+    return 'default';
+  }
+
+  // Find the first matched guideline (ignoring duplicates or groups)
+  var matchedGuideline = guidelines.find(function (guideline) {
+    return keys.some(function (key) {
+      return guideline.key === key;
+    });
+  });
+  if (!matchedGuideline) {
+    return 'none';
+  }
+
+  // Check whether temporary or horizontal guides
+  if (isVerticalPosition(matchedGuideline.position)) {
+    return isRange(matchedGuideline.position.y) ? 'relative' : 'temporary';
+  } else {
+    return isRange(matchedGuideline.position.x) ? 'relative' : 'none'; // Can never have temporary horizontal guides
+  }
+};
+
 /**
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.

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

package/dist/esm/resizer/Resizer.js

@@ -77,7 +77,7 @@ export default function ResizerNext(props) {
     right: classnames(resizerHandleClassName[handleHeightSize], (_classnames2 = {}, _defineProperty(_classnames2, "".concat(handleClassName, "-right"), !!handleClassName), _defineProperty(_classnames2, resizerHandleRightClassName, !handleClassName), _defineProperty(_classnames2, resizerHandleStickyClassName, handleAlignmentMethod === 'sticky'), _classnames2))
   };
   var baseHandleStyles = {
-    width: handlePositioning === 'adjacent' ? "var(--ds-space-250, 20px)" : "var(--ds-space-300, 24px)",
+    width: handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)",
     // eslint-disable-next-line
     marginTop: Number.isFinite(handleMarginTop) ? "".concat(handleMarginTop, "px") : undefined,
     zIndex: resizerHandleZIndex,

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

package/dist/types/analytics/types/media-events.d.ts

@@ -1,4 +1,4 @@
-import type { WidthTypes } from '../../guideline/types';
+import type { GuidelineTypes, WidthTypes } from '../../guideline/types';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { TrackAEP, UIAEP } from './utils';
 type MediaBorderActionType = ACTION.UPDATED | ACTION.ADDED | ACTION.DELETED;
@@ -10,10 +10,10 @@ export type CaptionTrackAction = TrackAEP<MediaCaptionActionType, ACTION_SUBJECT
 type MediaAltTextAction = TrackAEP<ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED, ACTION_SUBJECT.MEDIA, ACTION_SUBJECT_ID.ALT_TEXT, undefined, undefined>;
 type MediaUIAction = UIAEP<ACTION.EDITED, ACTION_SUBJECT.MEDIA_SINGLE | ACTION_SUBJECT.EMBEDS, ACTION_SUBJECT_ID.RESIZED, any, undefined>;
 type MediaResizeAttributes = {
-    size?: number;
+    width?: number;
     widthType: WidthTypes;
     layout: string;
-    snapType: 'default' | 'temporary' | 'relative' | 'none';
+    snapType: GuidelineTypes;
     parentNode?: string;
 };
 export type MediaResizeTrackAction = UIAEP<ACTION.EDITED, ACTION_SUBJECT.MEDIA_SINGLE, ACTION_SUBJECT_ID.RESIZED, MediaResizeAttributes, undefined>;

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

@@ -3,6 +3,6 @@ export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fi
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 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 type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, GuidelineSnap, GuidelineSnapsReference, GuidelineTypes, } from './types';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
-export { isVerticalPosition, getContainerWidthOrFullEditorWidth, } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey, } from './utils';

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

@@ -1,9 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CSSToken } from '@atlaskit/tokens';
-export declare enum WidthTypes {
-    PERCENTAGE = "percentage",
-    PIXEL = "pixel"
-}
+export type WidthTypes = 'percentage' | 'pixel';
 export type LengthGuide = {
     left: number;
     right: number;
@@ -51,3 +48,4 @@ export type GuidelineSnapsReference = {
     };
     guidelineReference: GuidelineSnap[];
 };
+export type GuidelineTypes = 'default' | 'temporary' | 'relative' | 'none';

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

@@ -1,7 +1,12 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Position, VerticalPosition } from './types';
+import type { GuidelineConfig, GuidelineTypes, Position, Range, VerticalPosition } from './types';
 export declare const isNumber: (x: unknown) => x is number;
+export declare const isRange: (range: unknown) => range is Range;
 export declare const isVerticalPosition: (pos: Position) => pos is VerticalPosition;
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+export declare const getGuidelineTypeFromKey: (keys: string[], guidelines: GuidelineConfig[]) => GuidelineTypes;
 /**
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.

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

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from 'react';
-import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandlePositioning, HandleResize, HandleResizeStart, HandleStyles, Snap } from './types';
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+import type { HandleComponent } from 're-resizable';
+import type { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandlePositioning, HandleResize, HandleResizeStart, HandleStyles, Snap } from './types';
 export type ResizerProps = {
     enable: EnabledHandles;
     width: number;

package/dist/types-ts4.5/analytics/types/media-events.d.ts

@@ -1,4 +1,4 @@
-import type { WidthTypes } from '../../guideline/types';
+import type { GuidelineTypes, WidthTypes } from '../../guideline/types';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { TrackAEP, UIAEP } from './utils';
 type MediaBorderActionType = ACTION.UPDATED | ACTION.ADDED | ACTION.DELETED;
@@ -10,10 +10,10 @@ export type CaptionTrackAction = TrackAEP<MediaCaptionActionType, ACTION_SUBJECT
 type MediaAltTextAction = TrackAEP<ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED, ACTION_SUBJECT.MEDIA, ACTION_SUBJECT_ID.ALT_TEXT, undefined, undefined>;
 type MediaUIAction = UIAEP<ACTION.EDITED, ACTION_SUBJECT.MEDIA_SINGLE | ACTION_SUBJECT.EMBEDS, ACTION_SUBJECT_ID.RESIZED, any, undefined>;
 type MediaResizeAttributes = {
-    size?: number;
+    width?: number;
     widthType: WidthTypes;
     layout: string;
-    snapType: 'default' | 'temporary' | 'relative' | 'none';
+    snapType: GuidelineTypes;
     parentNode?: string;
 };
 export type MediaResizeTrackAction = UIAEP<ACTION.EDITED, ACTION_SUBJECT.MEDIA_SINGLE, ACTION_SUBJECT_ID.RESIZED, MediaResizeAttributes, undefined>;

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

@@ -3,6 +3,6 @@ export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fi
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 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 type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, GuidelineSnap, GuidelineSnapsReference, GuidelineTypes, } from './types';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
-export { isVerticalPosition, getContainerWidthOrFullEditorWidth, } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey, } from './utils';

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

@@ -1,9 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CSSToken } from '@atlaskit/tokens';
-export declare enum WidthTypes {
-    PERCENTAGE = "percentage",
-    PIXEL = "pixel"
-}
+export type WidthTypes = 'percentage' | 'pixel';
 export type LengthGuide = {
     left: number;
     right: number;
@@ -51,3 +48,4 @@ export type GuidelineSnapsReference = {
     };
     guidelineReference: GuidelineSnap[];
 };
+export type GuidelineTypes = 'default' | 'temporary' | 'relative' | 'none';

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

@@ -1,7 +1,12 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Position, VerticalPosition } from './types';
+import type { GuidelineConfig, GuidelineTypes, Position, Range, VerticalPosition } from './types';
 export declare const isNumber: (x: unknown) => x is number;
+export declare const isRange: (range: unknown) => range is Range;
 export declare const isVerticalPosition: (pos: Position) => pos is VerticalPosition;
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+export declare const getGuidelineTypeFromKey: (keys: string[], guidelines: GuidelineConfig[]) => GuidelineTypes;
 /**
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.

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

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from 'react';
-import { HandleComponent } from 're-resizable';
-import { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandlePositioning, HandleResize, HandleResizeStart, HandleStyles, Snap } from './types';
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+import type { HandleComponent } from 're-resizable';
+import type { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandlePositioning, HandleResize, HandleResizeStart, HandleStyles, Snap } from './types';
 export type ResizerProps = {
     enable: EnabledHandles;
     width: number;

package/package.json

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