@atlaskit/editor-common 74.49.0 → 74.49.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 74.49.2
+
+### Patch Changes
+
+- [`a3c9fd814c5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3c9fd814c5) - Set minimum width for media single node of video type (when first inserted and when resizing)
+
+## 74.49.1
+
+### Patch Changes
+
+- [`79c0b7e6821`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c0b7e6821) - Decouple `base` plugin from `editor-core`
+
 ## 74.49.0
 
 ### Minor Changes

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

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrappedLayouts = exports.MEDIA_SINGLE_SNAP_GAP = exports.MEDIA_SINGLE_RESIZE_THROTTLE_TIME = exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = exports.MEDIA_SINGLE_HIGHLIGHT_GAP = exports.MEDIA_SINGLE_HANDLE_MARGIN = exports.MEDIA_SINGLE_GUTTER_SIZE = exports.Layout = exports.DEFAULT_ROUNDING_INTERVAL = exports.DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_HEIGHT = void 0;
-var MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
-exports.MEDIA_SINGLE_MIN_PIXEL_WIDTH = MEDIA_SINGLE_MIN_PIXEL_WIDTH;
+exports.wrappedLayouts = exports.MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = exports.MEDIA_SINGLE_SNAP_GAP = exports.MEDIA_SINGLE_RESIZE_THROTTLE_TIME = exports.MEDIA_SINGLE_HIGHLIGHT_GAP = exports.MEDIA_SINGLE_HANDLE_MARGIN = exports.MEDIA_SINGLE_GUTTER_SIZE = exports.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = exports.Layout = exports.DEFAULT_ROUNDING_INTERVAL = exports.DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_HEIGHT = void 0;
+var MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = 24;
+exports.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH;
+var MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = 320;
+exports.MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH;
 var MEDIA_SINGLE_SNAP_GAP = 3;
 exports.MEDIA_SINGLE_SNAP_GAP = MEDIA_SINGLE_SNAP_GAP;
 var MEDIA_SINGLE_HIGHLIGHT_GAP = 10;

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

@@ -15,22 +15,22 @@ Object.defineProperty(exports, "DEFAULT_IMAGE_WIDTH", {
     return _constants.DEFAULT_IMAGE_WIDTH;
   }
 });
-Object.defineProperty(exports, "MEDIA_SINGLE_GUTTER_SIZE", {
+Object.defineProperty(exports, "MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH", {
   enumerable: true,
   get: function get() {
-    return _constants.MEDIA_SINGLE_GUTTER_SIZE;
+    return _constants.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH;
   }
 });
-Object.defineProperty(exports, "MEDIA_SINGLE_HIGHLIGHT_GAP", {
+Object.defineProperty(exports, "MEDIA_SINGLE_GUTTER_SIZE", {
   enumerable: true,
   get: function get() {
-    return _constants.MEDIA_SINGLE_HIGHLIGHT_GAP;
+    return _constants.MEDIA_SINGLE_GUTTER_SIZE;
   }
 });
-Object.defineProperty(exports, "MEDIA_SINGLE_MIN_PIXEL_WIDTH", {
+Object.defineProperty(exports, "MEDIA_SINGLE_HIGHLIGHT_GAP", {
   enumerable: true,
   get: function get() {
-    return _constants.MEDIA_SINGLE_MIN_PIXEL_WIDTH;
+    return _constants.MEDIA_SINGLE_HIGHLIGHT_GAP;
   }
 });
 Object.defineProperty(exports, "MEDIA_SINGLE_RESIZE_THROTTLE_TIME", {
@@ -45,6 +45,12 @@ Object.defineProperty(exports, "MEDIA_SINGLE_SNAP_GAP", {
     return _constants.MEDIA_SINGLE_SNAP_GAP;
   }
 });
+Object.defineProperty(exports, "MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH", {
+  enumerable: true,
+  get: function get() {
+    return _constants.MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH;
+  }
+});
 Object.defineProperty(exports, "MediaSingleLayout", {
   enumerable: true,
   get: function get() {

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

@@ -110,13 +110,13 @@ var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {
  * Make it fall between max width and min width
  * @param origWidth original width of image (media node width)
  * @param maxWidth default to akEditorDefaultLayoutWidth (760)
- * @param minWidth default to MEDIA_SINGLE_MIN_PIXEL_WIDTH (24)
+ * @param minWidth default to MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH (24)
  */
 exports.calcMediaSingleMaxWidth = calcMediaSingleMaxWidth;
 var getMediaSingleInitialWidth = function getMediaSingleInitialWidth() {
   var origWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _constants.DEFAULT_IMAGE_WIDTH;
   var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _editorSharedStyles.akEditorDefaultLayoutWidth;
-  var minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.MEDIA_SINGLE_MIN_PIXEL_WIDTH;
+  var minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH;
   return Math.max(Math.min(origWidth, maxWidth), minWidth);
 };
 exports.getMediaSingleInitialWidth = getMediaSingleInitialWidth;

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

package/dist/cjs/utils/index.js

@@ -28,6 +28,24 @@ Object.defineProperty(exports, "FILEPATH_REGEXP", {
     return _hyperlink.FILEPATH_REGEXP;
   }
 });
+Object.defineProperty(exports, "GUTTER_SELECTOR", {
+  enumerable: true,
+  get: function get() {
+    return _scrollGutter.GUTTER_SELECTOR;
+  }
+});
+Object.defineProperty(exports, "GUTTER_SIZE_IN_PX", {
+  enumerable: true,
+  get: function get() {
+    return _scrollGutter.GUTTER_SIZE_IN_PX;
+  }
+});
+Object.defineProperty(exports, "GUTTER_SIZE_MOBILE_IN_PX", {
+  enumerable: true,
+  get: function get() {
+    return _scrollGutter.GUTTER_SIZE_MOBILE_IN_PX;
+  }
+});
 Object.defineProperty(exports, "LinkMatcher", {
   enumerable: true,
   get: function get() {
@@ -1001,6 +1019,7 @@ var _richMediaUtils = require("./rich-media-utils");
 var _privacyFilter = require("./filter/privacy-filter");
 var _datasource = require("./datasource");
 var _commands = require("./commands");
+var _scrollGutter = require("./scroll-gutter");
 var _inputRules = require("./input-rules");
 // prosemirror-history does not export its plugin key
 var pmHistoryPluginKey = 'history$';

package/dist/cjs/utils/scroll-gutter.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GUTTER_SIZE_MOBILE_IN_PX = exports.GUTTER_SIZE_IN_PX = exports.GUTTER_SELECTOR = void 0;
+var GUTTER_SIZE_IN_PX = 120; // Default gutter size
+exports.GUTTER_SIZE_IN_PX = GUTTER_SIZE_IN_PX;
+var GUTTER_SIZE_MOBILE_IN_PX = 36; // Gutter size for Mobile
+exports.GUTTER_SIZE_MOBILE_IN_PX = GUTTER_SIZE_MOBILE_IN_PX;
+var GUTTER_SELECTOR = '#editor-scroll-gutter';
+exports.GUTTER_SELECTOR = GUTTER_SELECTOR;

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

@@ -1,4 +1,5 @@
-export const MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
+export const MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = 24;
+export const MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = 320;
 export const MEDIA_SINGLE_SNAP_GAP = 3;
 export const MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export const MEDIA_SINGLE_HANDLE_MARGIN = 12;

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, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts } from './constants';
+export { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts } from './constants';
 export { getMediaSinglePixelWidth, calcMediaSinglePixelWidth, calcMediaSingleMaxWidth, getMediaSingleInitialWidth, calculateOffsetLeft, roundToNearest } from './utils';

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

@@ -1,5 +1,5 @@
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
-import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
+import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
 
 /**
  * Convert media node width to pixel
@@ -97,9 +97,9 @@ export const calcMediaSingleMaxWidth = containerWidth => {
  * Make it fall between max width and min width
  * @param origWidth original width of image (media node width)
  * @param maxWidth default to akEditorDefaultLayoutWidth (760)
- * @param minWidth default to MEDIA_SINGLE_MIN_PIXEL_WIDTH (24)
+ * @param minWidth default to MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH (24)
  */
-export const getMediaSingleInitialWidth = (origWidth = DEFAULT_IMAGE_WIDTH, maxWidth = akEditorDefaultLayoutWidth, minWidth = MEDIA_SINGLE_MIN_PIXEL_WIDTH) => {
+export const getMediaSingleInitialWidth = (origWidth = DEFAULT_IMAGE_WIDTH, maxWidth = akEditorDefaultLayoutWidth, minWidth = MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH) => {
   return Math.max(Math.min(origWidth, maxWidth), minWidth);
 };
 export function calculateOffsetLeft(insideInlineLike, insideLayout, pmViewDom, wrapper) {

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

package/dist/es2019/utils/index.js

@@ -48,6 +48,7 @@ export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, ali
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode } from './commands';
+export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX } from './scroll-gutter';
 export function shallowEqual(obj1 = {}, obj2 = {}) {
   const keys1 = Object.keys(obj1);
   const keys2 = Object.keys(obj2);

package/dist/es2019/utils/scroll-gutter.js

@@ -0,0 +1,3 @@
+export const GUTTER_SIZE_IN_PX = 120; // Default gutter size
+export const GUTTER_SIZE_MOBILE_IN_PX = 36; // Gutter size for Mobile
+export const GUTTER_SELECTOR = '#editor-scroll-gutter';

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

@@ -1,4 +1,5 @@
-export var MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
+export var MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = 24;
+export var MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = 320;
 export var MEDIA_SINGLE_SNAP_GAP = 3;
 export var MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export var MEDIA_SINGLE_HANDLE_MARGIN = 12;

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, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts } from './constants';
+export { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts } from './constants';
 export { getMediaSinglePixelWidth, calcMediaSinglePixelWidth, calcMediaSingleMaxWidth, getMediaSingleInitialWidth, calculateOffsetLeft, roundToNearest } from './utils';

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

@@ -1,5 +1,5 @@
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
-import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
+import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
 
 /**
  * Convert media node width to pixel
@@ -100,12 +100,12 @@ export var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerW
  * Make it fall between max width and min width
  * @param origWidth original width of image (media node width)
  * @param maxWidth default to akEditorDefaultLayoutWidth (760)
- * @param minWidth default to MEDIA_SINGLE_MIN_PIXEL_WIDTH (24)
+ * @param minWidth default to MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH (24)
  */
 export var getMediaSingleInitialWidth = function getMediaSingleInitialWidth() {
   var origWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_IMAGE_WIDTH;
   var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : akEditorDefaultLayoutWidth;
-  var minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MEDIA_SINGLE_MIN_PIXEL_WIDTH;
+  var minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH;
   return Math.max(Math.min(origWidth, maxWidth), minWidth);
 };
 export function calculateOffsetLeft(insideInlineLike, insideLayout, pmViewDom, wrapper) {

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

package/dist/esm/utils/index.js

@@ -48,6 +48,7 @@ export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, ali
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode } from './commands';
+export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX } from './scroll-gutter';
 export function shallowEqual() {
   var obj1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var obj2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/dist/esm/utils/scroll-gutter.js

@@ -0,0 +1,3 @@
+export var GUTTER_SIZE_IN_PX = 120; // Default gutter size
+export var GUTTER_SIZE_MOBILE_IN_PX = 36; // Gutter size for Mobile
+export var GUTTER_SELECTOR = '#editor-scroll-gutter';

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

@@ -1,5 +1,6 @@
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
-export declare const MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
+export declare const MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = 24;
+export declare const MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = 320;
 export declare const MEDIA_SINGLE_SNAP_GAP = 3;
 export declare const MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export declare const MEDIA_SINGLE_HANDLE_MARGIN = 12;

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, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, } from './constants';
+export { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, } from './constants';
 export { getMediaSinglePixelWidth, calcMediaSinglePixelWidth, calcMediaSingleMaxWidth, getMediaSingleInitialWidth, calculateOffsetLeft, roundToNearest, } from './utils';

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

@@ -43,7 +43,7 @@ export declare const calcMediaSingleMaxWidth: (containerWidth: number) => number
  * Make it fall between max width and min width
  * @param origWidth original width of image (media node width)
  * @param maxWidth default to akEditorDefaultLayoutWidth (760)
- * @param minWidth default to MEDIA_SINGLE_MIN_PIXEL_WIDTH (24)
+ * @param minWidth default to MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH (24)
  */
 export declare const getMediaSingleInitialWidth: (origWidth?: number, maxWidth?: number, minWidth?: number) => number;
 export declare function calculateOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;

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

@@ -60,6 +60,7 @@ export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode, } from './commands';
 export type { WalkNode } from './commands';
+export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX, } from './scroll-gutter';
 export declare function shallowEqual(obj1?: any, obj2?: any): boolean;
 export { inputRuleWithAnalytics, createWrappingJoinRule, createRule, } from './input-rules';
 export declare function isSelectionInsideLastNodeInDocument(selection: Selection): boolean;

package/dist/types/utils/scroll-gutter.d.ts

@@ -0,0 +1,3 @@
+export declare const GUTTER_SIZE_IN_PX = 120;
+export declare const GUTTER_SIZE_MOBILE_IN_PX = 36;
+export declare const GUTTER_SELECTOR = "#editor-scroll-gutter";

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

@@ -1,5 +1,6 @@
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
-export declare const MEDIA_SINGLE_MIN_PIXEL_WIDTH = 24;
+export declare const MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH = 24;
+export declare const MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH = 320;
 export declare const MEDIA_SINGLE_SNAP_GAP = 3;
 export declare const MEDIA_SINGLE_HIGHLIGHT_GAP = 10;
 export declare const MEDIA_SINGLE_HANDLE_MARGIN = 12;

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, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, } from './constants';
+export { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_HIGHLIGHT_GAP, MEDIA_SINGLE_GUTTER_SIZE, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, Layout as MediaSingleLayout, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, } from './constants';
 export { getMediaSinglePixelWidth, calcMediaSinglePixelWidth, calcMediaSingleMaxWidth, getMediaSingleInitialWidth, calculateOffsetLeft, roundToNearest, } from './utils';

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

@@ -43,7 +43,7 @@ export declare const calcMediaSingleMaxWidth: (containerWidth: number) => number
  * Make it fall between max width and min width
  * @param origWidth original width of image (media node width)
  * @param maxWidth default to akEditorDefaultLayoutWidth (760)
- * @param minWidth default to MEDIA_SINGLE_MIN_PIXEL_WIDTH (24)
+ * @param minWidth default to MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH (24)
  */
 export declare const getMediaSingleInitialWidth: (origWidth?: number, maxWidth?: number, minWidth?: number) => number;
 export declare function calculateOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;

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

@@ -60,6 +60,7 @@ export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode, } from './commands';
 export type { WalkNode } from './commands';
+export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX, } from './scroll-gutter';
 export declare function shallowEqual(obj1?: any, obj2?: any): boolean;
 export { inputRuleWithAnalytics, createWrappingJoinRule, createRule, } from './input-rules';
 export declare function isSelectionInsideLastNodeInDocument(selection: Selection): boolean;

package/dist/types-ts4.5/utils/scroll-gutter.d.ts

@@ -0,0 +1,3 @@
+export declare const GUTTER_SIZE_IN_PX = 120;
+export declare const GUTTER_SIZE_MOBILE_IN_PX = 36;
+export declare const GUTTER_SELECTOR = "#editor-scroll-gutter";

package/package.json

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