@atlaskit/editor-common 74.28.0 → 74.29.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 74.29.1
+
+### Patch Changes
+
+- [`f0153f75b5d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f0153f75b5d) - Added generateDefaultGuideline to editor-common/guideline
+
+## 74.29.0
+
+### Minor Changes
+
+- [`e83596269e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e83596269e5) - Add isResizing support into media plugin
+
 ## 74.28.0
 
 ### Minor Changes

package/dist/cjs/guideline/defaultGuideline.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateDefaultGuidelines = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _utils = require("./utils");
+var getDefaultGuidelines = (0, _memoizeOne.default)(function (editorWidth) {
+  return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map(function (val, index) {
+    return {
+      key: "grid_".concat(index),
+      position: {
+        x: val / 12 * editorWidth
+      }
+    };
+  });
+});
+var getWideGuidelines = (0, _memoizeOne.default)(function (editorWidth) {
+  var wideSpacing = editorWidth * _editorSharedStyles.breakoutWideScaleRatio / 2;
+  return [{
+    key: "wide_left",
+    position: {
+      x: -wideSpacing
+    }
+  }, {
+    key: "wide_right",
+    position: {
+      x: wideSpacing
+    }
+  }];
+});
+var getFullWidthGuidelines = (0, _memoizeOne.default)(function (containerWidth) {
+  var fullWidth = (0, _utils.getContainerWidthOrFullEditorWidth)(containerWidth);
+  return [{
+    key: "full_width_left",
+    position: {
+      x: -fullWidth
+    }
+  }, {
+    key: "full_width_right",
+    position: {
+      x: fullWidth
+    }
+  }];
+});
+var generateDefaultGuidelines = function generateDefaultGuidelines(editorWidth, containerWidth) {
+  var isFullWidthMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var innerGrids = getDefaultGuidelines(editorWidth);
+  var wideGuidelines = !isFullWidthMode ? getWideGuidelines(editorWidth) : [];
+  var fullWidthGuidelines = !isFullWidthMode ? getFullWidthGuidelines(containerWidth) : [];
+  return [].concat((0, _toConsumableArray2.default)(innerGrids), (0, _toConsumableArray2.default)(wideGuidelines), (0, _toConsumableArray2.default)(fullWidthGuidelines));
+};
+exports.generateDefaultGuidelines = generateDefaultGuidelines;

package/dist/cjs/guideline/index.js

@@ -21,12 +21,24 @@ Object.defineProperty(exports, "createGuidesFromLengths", {
     return _fixedGuideline.createGuidesFromLengths;
   }
 });
+Object.defineProperty(exports, "generateDefaultGuidelines", {
+  enumerable: true,
+  get: function get() {
+    return _defaultGuideline.generateDefaultGuidelines;
+  }
+});
 Object.defineProperty(exports, "generateDynamicGuidelines", {
   enumerable: true,
   get: function get() {
     return _dynamicGuideline.generateDynamicGuidelines;
   }
 });
+Object.defineProperty(exports, "getContainerWidthOrFullEditorWidth", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getContainerWidthOrFullEditorWidth;
+  }
+});
 Object.defineProperty(exports, "getGuidelinesWithHighlights", {
   enumerable: true,
   get: function get() {
@@ -41,6 +53,7 @@ Object.defineProperty(exports, "isVerticalPosition", {
 });
 var _dynamicGuideline = require("./dynamicGuideline");
 var _fixedGuideline = require("./fixedGuideline");
+var _defaultGuideline = require("./defaultGuideline");
 var _updateGuideline = require("./updateGuideline");
 var _constants = require("./constants");
 var _utils = require("./utils");

package/dist/cjs/guideline/utils.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVerticalPosition = exports.isNumber = void 0;
+exports.isVerticalPosition = exports.isNumber = exports.getContainerWidthOrFullEditorWidth = void 0;
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var isNumber = function isNumber(x) {
   return typeof x === 'number' && !isNaN(x) && isFinite(x);
 };
@@ -11,4 +12,13 @@ exports.isNumber = isNumber;
 var isVerticalPosition = function isVerticalPosition(pos) {
   return isNumber(pos.x);
 };
-exports.isVerticalPosition = isVerticalPosition;
+
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+exports.isVerticalPosition = isVerticalPosition;
+var getContainerWidthOrFullEditorWidth = function getContainerWidthOrFullEditorWidth(containerWidth) {
+  return Math.min(containerWidth - _editorSharedStyles.akEditorGutterPadding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) / 2;
+};
+exports.getContainerWidthOrFullEditorWidth = getContainerWidthOrFullEditorWidth;

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

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

@@ -64,7 +64,6 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         layout = _this$props.layout,
         width = _this$props.width,
         snapPoints = _this$props.snapPoints;
-
       // prevent creating a drag event on Firefox
       event.preventDefault();
       _this.setState({

package/dist/cjs/version.json

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

package/dist/es2019/guideline/defaultGuideline.js

@@ -0,0 +1,45 @@
+import memoizeOne from 'memoize-one';
+import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { getContainerWidthOrFullEditorWidth } from './utils';
+const getDefaultGuidelines = memoizeOne(editorWidth => {
+  return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map((val, index) => ({
+    key: `grid_${index}`,
+    position: {
+      x: val / 12 * editorWidth
+    }
+  }));
+});
+const getWideGuidelines = memoizeOne(editorWidth => {
+  const wideSpacing = editorWidth * breakoutWideScaleRatio / 2;
+  return [{
+    key: `wide_left`,
+    position: {
+      x: -wideSpacing
+    }
+  }, {
+    key: `wide_right`,
+    position: {
+      x: wideSpacing
+    }
+  }];
+});
+const getFullWidthGuidelines = memoizeOne(containerWidth => {
+  const fullWidth = getContainerWidthOrFullEditorWidth(containerWidth);
+  return [{
+    key: `full_width_left`,
+    position: {
+      x: -fullWidth
+    }
+  }, {
+    key: `full_width_right`,
+    position: {
+      x: fullWidth
+    }
+  }];
+});
+export const generateDefaultGuidelines = (editorWidth, containerWidth, isFullWidthMode = false) => {
+  const innerGrids = getDefaultGuidelines(editorWidth);
+  const wideGuidelines = !isFullWidthMode ? getWideGuidelines(editorWidth) : [];
+  const fullWidthGuidelines = !isFullWidthMode ? getFullWidthGuidelines(containerWidth) : [];
+  return [...innerGrids, ...wideGuidelines, ...fullWidthGuidelines];
+};

package/dist/es2019/guideline/index.js

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

package/dist/es2019/guideline/utils.js

@@ -1,4 +1,11 @@
+import { akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 export const isNumber = x => typeof x === 'number' && !isNaN(x) && isFinite(x);
 export const isVerticalPosition = pos => {
   return isNumber(pos.x);
-};
+};
+
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export const getContainerWidthOrFullEditorWidth = containerWidth => Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) / 2;

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

package/dist/es2019/ui/ResizerLegacy/index.js

@@ -42,7 +42,6 @@ export default class Resizer extends React.Component {
         width,
         snapPoints
       } = this.props;
-
       // prevent creating a drag event on Firefox
       event.preventDefault();
       this.setState({

package/dist/es2019/version.json

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

package/dist/esm/guideline/defaultGuideline.js

@@ -0,0 +1,49 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import memoizeOne from 'memoize-one';
+import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { getContainerWidthOrFullEditorWidth } from './utils';
+var getDefaultGuidelines = memoizeOne(function (editorWidth) {
+  return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map(function (val, index) {
+    return {
+      key: "grid_".concat(index),
+      position: {
+        x: val / 12 * editorWidth
+      }
+    };
+  });
+});
+var getWideGuidelines = memoizeOne(function (editorWidth) {
+  var wideSpacing = editorWidth * breakoutWideScaleRatio / 2;
+  return [{
+    key: "wide_left",
+    position: {
+      x: -wideSpacing
+    }
+  }, {
+    key: "wide_right",
+    position: {
+      x: wideSpacing
+    }
+  }];
+});
+var getFullWidthGuidelines = memoizeOne(function (containerWidth) {
+  var fullWidth = getContainerWidthOrFullEditorWidth(containerWidth);
+  return [{
+    key: "full_width_left",
+    position: {
+      x: -fullWidth
+    }
+  }, {
+    key: "full_width_right",
+    position: {
+      x: fullWidth
+    }
+  }];
+});
+export var generateDefaultGuidelines = function generateDefaultGuidelines(editorWidth, containerWidth) {
+  var isFullWidthMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var innerGrids = getDefaultGuidelines(editorWidth);
+  var wideGuidelines = !isFullWidthMode ? getWideGuidelines(editorWidth) : [];
+  var fullWidthGuidelines = !isFullWidthMode ? getFullWidthGuidelines(containerWidth) : [];
+  return [].concat(_toConsumableArray(innerGrids), _toConsumableArray(wideGuidelines), _toConsumableArray(fullWidthGuidelines));
+};

package/dist/esm/guideline/index.js

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

package/dist/esm/guideline/utils.js

@@ -1,6 +1,15 @@
+import { akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 export var isNumber = function isNumber(x) {
   return typeof x === 'number' && !isNaN(x) && isFinite(x);
 };
 export var isVerticalPosition = function isVerticalPosition(pos) {
   return isNumber(pos.x);
+};
+
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export var getContainerWidthOrFullEditorWidth = function getContainerWidthOrFullEditorWidth(containerWidth) {
+  return Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) / 2;
 };

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

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

@@ -57,7 +57,6 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         layout = _this$props.layout,
         width = _this$props.width,
         snapPoints = _this$props.snapPoints;
-
       // prevent creating a drag event on Firefox
       event.preventDefault();
       _this.setState({

package/dist/esm/version.json

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

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

@@ -0,0 +1,2 @@
+import type { GuidelineConfig } from './types';
+export declare const generateDefaultGuidelines: (editorWidth: number, containerWidth: number, isFullWidthMode?: boolean | undefined) => GuidelineConfig[];

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

@@ -1,6 +1,7 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
+export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
 export type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, } from './types';
-export { isVerticalPosition } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth, } from './utils';

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

@@ -1,3 +1,8 @@
 import { Position, VerticalPosition } from './types';
 export declare const isNumber: (x: unknown) => x is number;
 export declare const isVerticalPosition: (pos: Position) => pos is VerticalPosition;
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export declare const getContainerWidthOrFullEditorWidth: (containerWidth: number) => number;

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

@@ -0,0 +1,2 @@
+import type { GuidelineConfig } from './types';
+export declare const generateDefaultGuidelines: (editorWidth: number, containerWidth: number, isFullWidthMode?: boolean | undefined) => GuidelineConfig[];

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

@@ -1,6 +1,7 @@
 export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
+export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
 export type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, } from './types';
-export { isVerticalPosition } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth, } from './utils';

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

@@ -1,3 +1,8 @@
 import { Position, VerticalPosition } from './types';
 export declare const isNumber: (x: unknown) => x is number;
 export declare const isVerticalPosition: (pos: Position) => pos is VerticalPosition;
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export declare const getContainerWidthOrFullEditorWidth: (containerWidth: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.28.0",
+  "version": "74.29.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -78,7 +78,7 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",
-    "@atlaskit/adf-schema": "^26.3.0",
+    "@atlaskit/adf-schema": "^26.4.0",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",