@atlaskit/editor-common 78.21.2 → 78.22.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 78.22.1
+
+### Patch Changes
+
+- [#85506](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85506) [`9b0e106465b6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9b0e106465b6) - [ux] Updates border color to a darker one after AY11 suggestion after their review
+
+## 78.22.0
+
+### Minor Changes
+
+- [#84733](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84733) [`de779b2d9543`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de779b2d9543) - Modify link-preferences to factor in CLOUD_ENV environment varaible when fetching preferences link
+
+### Patch Changes
+
+- [#84595](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84595) [`412b82018310`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/412b82018310) - ED-22555: Added isFullWidth to GuidelineConfig and use it as a signal
+- [#85335](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85335) [`0ede8cbb7ccf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ede8cbb7ccf) - [ux] [ED-22607] - Removed check for maxFrames when adding child to multi-bodied extensions
+
+  - Allows any number of children to be added to a multi-bodied extension
+
 ## 78.21.2
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Extension/styles.js

@@ -21,7 +21,8 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_styles.wrapperDefault
     border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
+    border: "1px solid ".concat("var(--ds-border-bold, ".concat(_colors.N100, ")")),
+    opacity: '86%'
   },
   '&.with-margin-styles': {
     margin: "0 ".concat("var(--ds-space-negative-150, -12px)"),

package/dist/cjs/extensibility/MultiBodiedExtension/action-api.js

@@ -56,9 +56,6 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
       addChild: function addChild() {
         var state = editorView.state,
           dispatch = editorView.dispatch;
-        if (node.content.childCount >= node.attrs.maxFrames) {
-          throw new Error("Cannot add more than ".concat(node.attrs.maxFrames, " frames"));
-        }
         var p = state.schema.nodes.paragraph.createAndFill({});
         if (!p) {
           throw new Error('Could not create paragraph');

package/dist/cjs/extensibility/MultiBodiedExtension/styles.js

@@ -30,7 +30,8 @@ var mbeExtensionWrapperCSSStyles = exports.mbeExtensionWrapperCSSStyles = (0, _r
     border: "1px solid ".concat("var(--ds-border-inverse, ".concat(_colors.N0, ")")) // adding this so macro doesn't jump when hover border is shown
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
+    border: "1px solid ".concat("var(--ds-border-bold, ".concat(_colors.N100, ")")),
+    opacity: '86%'
   }
 });
 var overlayStyles = exports.overlayStyles = (0, _react.css)({

package/dist/cjs/guideline/fixedGuideline.js

@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createGuidesFromLengths = exports.createFixedGuidelinesFromLengths = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * 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.
@@ -25,6 +28,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
  */
 var createGuidesFromLengths = exports.createGuidesFromLengths = function createGuidesFromLengths(lengths) {
+  var isMaxLengthFullWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return Array.from(new Set(lengths)).reduce(function (acc, length) {
     var h = length * 0.5;
     if (length === 0) {
@@ -38,11 +42,13 @@ var createGuidesFromLengths = exports.createGuidesFromLengths = function createG
       // Filter out nonsensical values, null, undefined, NaN, empty string
       return acc;
     }
-    return [].concat((0, _toConsumableArray2.default)(acc), [{
+    return [].concat((0, _toConsumableArray2.default)(acc), [_objectSpread({
       left: -h,
       right: h,
       length: length
-    }]);
+    }, isMaxLengthFullWidth && length === Math.max.apply(Math, (0, _toConsumableArray2.default)(lengths)) ? {
+      isFullWidth: true
+    } : {})]);
   }, []);
 };
 
@@ -54,10 +60,12 @@ var createGuidesFromLengths = exports.createGuidesFromLengths = function createG
  */
 var createFixedGuidelinesFromLengths = exports.createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths(lengths) {
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'guide';
-  return createGuidesFromLengths(lengths).reduce(function (acc, _ref) {
+  var isMaxLengthFullWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return createGuidesFromLengths(lengths, isMaxLengthFullWidth).reduce(function (acc, _ref) {
     var left = _ref.left,
       right = _ref.right,
-      length = _ref.length;
+      length = _ref.length,
+      isFullWidth = _ref.isFullWidth;
     if (length === 0) {
       return [].concat((0, _toConsumableArray2.default)(acc), [{
         key: "".concat(key, "-").concat(length, "-centre"),
@@ -71,12 +79,14 @@ var createFixedGuidelinesFromLengths = exports.createFixedGuidelinesFromLengths
         position: {
           x: left
         }
-      }, {
+      }, _objectSpread({
         key: "".concat(key, "-").concat(length, "-right"),
         position: {
           x: right
         }
-      }]);
+      }, isFullWidth ? {
+        isFullWidth: true
+      } : {})]);
     }
   }, []);
 };

package/dist/cjs/link/index.js

@@ -77,6 +77,12 @@ Object.defineProperty(exports, "containerWithProvider", {
     return _ToolbarComponents.containerWithProvider;
   }
 });
+Object.defineProperty(exports, "getLinkPreferencesURLFromENV", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.getLinkPreferencesURLFromENV;
+  }
+});
 Object.defineProperty(exports, "inputWrapper", {
   enumerable: true,
   get: function get() {
@@ -95,12 +101,24 @@ Object.defineProperty(exports, "isTextAtPos", {
     return _utils2.isTextAtPos;
   }
 });
+Object.defineProperty(exports, "productionLinkPreferencesUrl", {
+  enumerable: true,
+  get: function get() {
+    return _constants.productionLinkPreferencesUrl;
+  }
+});
 Object.defineProperty(exports, "sha1", {
   enumerable: true,
   get: function get() {
     return _utils.sha1;
   }
 });
+Object.defineProperty(exports, "stagingLinkPreferencesUrl", {
+  enumerable: true,
+  get: function get() {
+    return _constants.stagingLinkPreferencesUrl;
+  }
+});
 Object.defineProperty(exports, "transformTimeStamp", {
   enumerable: true,
   get: function get() {
@@ -118,5 +136,6 @@ var _HyperlinkAddToolbar = require("./LinkPicker/HyperlinkAddToolbar");
 var _HyperlinkAddToolbar2 = _interopRequireWildcard(require("./LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar"));
 var _utils = require("./LinkPicker/HyperlinkAddToolbar/utils");
 var _utils2 = require("./utils");
+var _constants = require("./constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/link/utils.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getLinkPreferencesURLFromENV = void 0;
 exports.isLinkAtPos = isLinkAtPos;
 exports.isTextAtPos = isTextAtPos;
+var _constants = require("./constants");
 function isTextAtPos(pos) {
   return function (state) {
     var node = state.doc.nodeAt(pos);
@@ -16,4 +18,14 @@ function isLinkAtPos(pos) {
     var node = state.doc.nodeAt(pos);
     return !!node && !!state.schema.marks.link.isInSet(node.marks);
   };
-}
+}
+var getLinkPreferencesURLFromENV = exports.getLinkPreferencesURLFromENV = function getLinkPreferencesURLFromENV() {
+  if (process.env.NODE_ENV === 'production' && process.env.CLOUD_ENV === 'staging') {
+    // only a production CLOUD_ENV staging environment has a different link preferences URL
+    return _constants.stagingLinkPreferencesUrl;
+  } else if (process.env.NODE_ENV === 'production') {
+    return _constants.productionLinkPreferencesUrl;
+  } else {
+    return _constants.stagingLinkPreferencesUrl;
+  }
+};

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "78.21.2";
+var packageVersion = "78.22.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

@@ -22,7 +22,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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.21.2";
+var packageVersion = "78.22.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/extensibility/Extension/Extension/styles.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
+import { N100, N30 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
 export const widerLayoutClassName = 'wider-layout';
 export const wrapperStyle = css(wrapperDefault, {
@@ -15,7 +15,8 @@ export const wrapperStyle = css(wrapperDefault, {
     border: `1px solid transparent` // adding this so macro doesn't jump when hover border is shown
   },
   '&.with-hover-border': {
-    border: `1px solid ${`var(--ds-border, ${N30})`}`
+    border: `1px solid ${`var(--ds-border-bold, ${N100})`}`,
+    opacity: '86%'
   },
   '&.with-margin-styles': {
     margin: `0 ${"var(--ds-space-negative-150, -12px)"}`,

package/dist/es2019/extensibility/MultiBodiedExtension/action-api.js

@@ -51,9 +51,6 @@ export const useMultiBodiedExtensionActions = ({
           state,
           dispatch
         } = editorView;
-        if (node.content.childCount >= node.attrs.maxFrames) {
-          throw new Error(`Cannot add more than ${node.attrs.maxFrames} frames`);
-        }
         const p = state.schema.nodes.paragraph.createAndFill({});
         if (!p) {
           throw new Error('Could not create paragraph');

package/dist/es2019/extensibility/MultiBodiedExtension/styles.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { N0, N30 } from '@atlaskit/theme/colors';
+import { N0, N100 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../Extension/styles';
 
 // Wrapper the extension title and extensionContainer
@@ -25,7 +25,8 @@ export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
     border: `1px solid ${`var(--ds-border-inverse, ${N0})`}` // adding this so macro doesn't jump when hover border is shown
   },
   '&.with-hover-border': {
-    border: `1px solid ${`var(--ds-border, ${N30})`}`
+    border: `1px solid ${`var(--ds-border-bold, ${N100})`}`,
+    opacity: '86%'
   }
 });
 export const overlayStyles = css({

package/dist/es2019/guideline/fixedGuideline.js

@@ -16,7 +16,7 @@
  * @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 => {
+export const createGuidesFromLengths = (lengths, isMaxLengthFullWidth = false) => {
   return Array.from(new Set(lengths)).reduce((acc, length) => {
     const h = length * 0.5;
     if (length === 0) {
@@ -33,7 +33,10 @@ export const createGuidesFromLengths = lengths => {
     return [...acc, {
       left: -h,
       right: h,
-      length
+      length,
+      ...(isMaxLengthFullWidth && length === Math.max(...lengths) ? {
+        isFullWidth: true
+      } : {})
     }];
   }, []);
 };
@@ -44,11 +47,12 @@ export const createGuidesFromLengths = lengths => {
  * When length is 0, generate a guideline at position: {x: 0}
  *
  */
-export const createFixedGuidelinesFromLengths = (lengths, key = 'guide') => {
-  return createGuidesFromLengths(lengths).reduce((acc, {
+export const createFixedGuidelinesFromLengths = (lengths, key = 'guide', isMaxLengthFullWidth = false) => {
+  return createGuidesFromLengths(lengths, isMaxLengthFullWidth).reduce((acc, {
     left,
     right,
-    length
+    length,
+    isFullWidth
   }) => {
     if (length === 0) {
       return [...acc, {
@@ -67,7 +71,10 @@ export const createFixedGuidelinesFromLengths = (lengths, key = 'guide') => {
         key: `${key}-${length}-right`,
         position: {
           x: right
-        }
+        },
+        ...(isFullWidth ? {
+          isFullWidth: true
+        } : {})
       }];
     }
   }, []);

package/dist/es2019/link/index.js

@@ -8,4 +8,5 @@ export { EditorLinkPicker } from './LinkPicker/EditorLinkPicker';
 export { HyperlinkAddToolbar } from './LinkPicker/HyperlinkAddToolbar';
 export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RECENT_SEARCH_LIST_SIZE } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
-export { isLinkAtPos, isTextAtPos } from './utils';
+export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV } from './utils';
+export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';

package/dist/es2019/link/utils.js

@@ -1,3 +1,4 @@
+import { productionLinkPreferencesUrl, stagingLinkPreferencesUrl } from './constants';
 export function isTextAtPos(pos) {
   return state => {
     const node = state.doc.nodeAt(pos);
@@ -9,4 +10,14 @@ export function isLinkAtPos(pos) {
     const node = state.doc.nodeAt(pos);
     return !!node && !!state.schema.marks.link.isInSet(node.marks);
   };
-}
+}
+export const getLinkPreferencesURLFromENV = () => {
+  if (process.env.NODE_ENV === 'production' && process.env.CLOUD_ENV === 'staging') {
+    // only a production CLOUD_ENV staging environment has a different link preferences URL
+    return stagingLinkPreferencesUrl;
+  } else if (process.env.NODE_ENV === 'production') {
+    return productionLinkPreferencesUrl;
+  } else {
+    return stagingLinkPreferencesUrl;
+  }
+};

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 = "78.21.2";
+const packageVersion = "78.22.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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "78.21.2";
+const packageVersion = "78.22.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/extensibility/Extension/Extension/styles.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
+import { N100, N30 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
 export var widerLayoutClassName = 'wider-layout';
 export var wrapperStyle = css(wrapperDefault, {
@@ -15,7 +15,8 @@ export var wrapperStyle = css(wrapperDefault, {
     border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+    border: "1px solid ".concat("var(--ds-border-bold, ".concat(N100, ")")),
+    opacity: '86%'
   },
   '&.with-margin-styles': {
     margin: "0 ".concat("var(--ds-space-negative-150, -12px)"),

package/dist/esm/extensibility/MultiBodiedExtension/action-api.js

@@ -49,9 +49,6 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
       addChild: function addChild() {
         var state = editorView.state,
           dispatch = editorView.dispatch;
-        if (node.content.childCount >= node.attrs.maxFrames) {
-          throw new Error("Cannot add more than ".concat(node.attrs.maxFrames, " frames"));
-        }
         var p = state.schema.nodes.paragraph.createAndFill({});
         if (!p) {
           throw new Error('Could not create paragraph');

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { N0, N30 } from '@atlaskit/theme/colors';
+import { N0, N100 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../Extension/styles';
 
 // Wrapper the extension title and extensionContainer
@@ -25,7 +25,8 @@ export var mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
     border: "1px solid ".concat("var(--ds-border-inverse, ".concat(N0, ")")) // adding this so macro doesn't jump when hover border is shown
   },
   '&.with-hover-border': {
-    border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
+    border: "1px solid ".concat("var(--ds-border-bold, ".concat(N100, ")")),
+    opacity: '86%'
   }
 });
 export var overlayStyles = css({

package/dist/esm/guideline/fixedGuideline.js

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * 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.
@@ -18,6 +21,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  * @returns A collection of LengthGuide objects which can be used to draw left & right guides
  */
 export var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
+  var isMaxLengthFullWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return Array.from(new Set(lengths)).reduce(function (acc, length) {
     var h = length * 0.5;
     if (length === 0) {
@@ -31,11 +35,13 @@ export var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
       // Filter out nonsensical values, null, undefined, NaN, empty string
       return acc;
     }
-    return [].concat(_toConsumableArray(acc), [{
+    return [].concat(_toConsumableArray(acc), [_objectSpread({
       left: -h,
       right: h,
       length: length
-    }]);
+    }, isMaxLengthFullWidth && length === Math.max.apply(Math, _toConsumableArray(lengths)) ? {
+      isFullWidth: true
+    } : {})]);
   }, []);
 };
 
@@ -47,10 +53,12 @@ export var createGuidesFromLengths = function createGuidesFromLengths(lengths) {
  */
 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 isMaxLengthFullWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return createGuidesFromLengths(lengths, isMaxLengthFullWidth).reduce(function (acc, _ref) {
     var left = _ref.left,
       right = _ref.right,
-      length = _ref.length;
+      length = _ref.length,
+      isFullWidth = _ref.isFullWidth;
     if (length === 0) {
       return [].concat(_toConsumableArray(acc), [{
         key: "".concat(key, "-").concat(length, "-centre"),
@@ -64,12 +72,14 @@ export var createFixedGuidelinesFromLengths = function createFixedGuidelinesFrom
         position: {
           x: left
         }
-      }, {
+      }, _objectSpread({
         key: "".concat(key, "-").concat(length, "-right"),
         position: {
           x: right
         }
-      }]);
+      }, isFullWidth ? {
+        isFullWidth: true
+      } : {})]);
     }
   }, []);
 };

package/dist/esm/link/index.js

@@ -8,4 +8,5 @@ export { EditorLinkPicker } from './LinkPicker/EditorLinkPicker';
 export { HyperlinkAddToolbar } from './LinkPicker/HyperlinkAddToolbar';
 export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RECENT_SEARCH_LIST_SIZE } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
-export { isLinkAtPos, isTextAtPos } from './utils';
+export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV } from './utils';
+export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';

package/dist/esm/link/utils.js

@@ -1,3 +1,4 @@
+import { productionLinkPreferencesUrl, stagingLinkPreferencesUrl } from './constants';
 export function isTextAtPos(pos) {
   return function (state) {
     var node = state.doc.nodeAt(pos);
@@ -9,4 +10,14 @@ export function isLinkAtPos(pos) {
     var node = state.doc.nodeAt(pos);
     return !!node && !!state.schema.marks.link.isInSet(node.marks);
   };
-}
+}
+export var getLinkPreferencesURLFromENV = function getLinkPreferencesURLFromENV() {
+  if (process.env.NODE_ENV === 'production' && process.env.CLOUD_ENV === 'staging') {
+    // only a production CLOUD_ENV staging environment has a different link preferences URL
+    return stagingLinkPreferencesUrl;
+  } else if (process.env.NODE_ENV === 'production') {
+    return productionLinkPreferencesUrl;
+  } else {
+    return stagingLinkPreferencesUrl;
+  }
+};

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 = "78.21.2";
+var packageVersion = "78.22.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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.21.2";
+var packageVersion = "78.22.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -50,7 +50,7 @@ type MBEEventPayload = TrackAEP<ACTION.ADD_CHILD | ACTION.CHANGE_ACTIVE | ACTION
     extensionType: string;
     extensionKey: string;
     localId: string;
-    maxFramesCount: number;
+    maxFramesCount?: number;
     currentFramesCount: number;
 }, undefined>;
 export type AnalyticsEventPayloadWithChannel = {

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

@@ -17,14 +17,14 @@ import type { LengthGuide } from './types';
  * @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[];
+export declare const createGuidesFromLengths: (lengths: number[], isMaxLengthFullWidth?: boolean) => 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.
  * When length is 0, generate a guideline at position: {x: 0}
  *
  */
-export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string) => {
+export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string, isMaxLengthFullWidth?: boolean) => {
     key: string;
     position: {
         x: number;

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

@@ -6,6 +6,7 @@ export type LengthGuide = {
     left: number;
     right: number;
     length: number;
+    isFullWidth?: boolean;
 };
 export type Range = {
     start: number;
@@ -32,6 +33,7 @@ export type GuidelineStyles = {
 export type GuidelineConfig = {
     key: string;
     position: Position;
+    isFullWidth?: boolean;
 } & GuidelineStyles;
 export type GuidelineContainerRect = {
     top: number;

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

@@ -13,4 +13,5 @@ export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RE
 export type { Props as HyperlinkLinkAddToolbarProps } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
 export type { HyperlinkAddToolbarProps } from './LinkPicker/HyperlinkAddToolbar';
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
-export { isLinkAtPos, isTextAtPos } from './utils';
+export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV, } from './utils';
+export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl, } from './constants';

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

@@ -1,3 +1,5 @@
 import type { Predicate } from '../types';
+import { productionLinkPreferencesUrl, stagingLinkPreferencesUrl } from './constants';
 export declare function isTextAtPos(pos: number): Predicate;
 export declare function isLinkAtPos(pos: number): Predicate;
+export declare const getLinkPreferencesURLFromENV: () => typeof productionLinkPreferencesUrl | typeof stagingLinkPreferencesUrl;

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

@@ -50,7 +50,7 @@ type MBEEventPayload = TrackAEP<ACTION.ADD_CHILD | ACTION.CHANGE_ACTIVE | ACTION
     extensionType: string;
     extensionKey: string;
     localId: string;
-    maxFramesCount: number;
+    maxFramesCount?: number;
     currentFramesCount: number;
 }, undefined>;
 export type AnalyticsEventPayloadWithChannel = {

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

@@ -17,14 +17,14 @@ import type { LengthGuide } from './types';
  * @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[];
+export declare const createGuidesFromLengths: (lengths: number[], isMaxLengthFullWidth?: boolean) => 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.
  * When length is 0, generate a guideline at position: {x: 0}
  *
  */
-export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string) => {
+export declare const createFixedGuidelinesFromLengths: (lengths: number[], key?: string, isMaxLengthFullWidth?: boolean) => {
     key: string;
     position: {
         x: number;

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

@@ -6,6 +6,7 @@ export type LengthGuide = {
     left: number;
     right: number;
     length: number;
+    isFullWidth?: boolean;
 };
 export type Range = {
     start: number;
@@ -32,6 +33,7 @@ export type GuidelineStyles = {
 export type GuidelineConfig = {
     key: string;
     position: Position;
+    isFullWidth?: boolean;
 } & GuidelineStyles;
 export type GuidelineContainerRect = {
     top: number;

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

@@ -13,4 +13,5 @@ export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RE
 export type { Props as HyperlinkLinkAddToolbarProps } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
 export type { HyperlinkAddToolbarProps } from './LinkPicker/HyperlinkAddToolbar';
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
-export { isLinkAtPos, isTextAtPos } from './utils';
+export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV, } from './utils';
+export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl, } from './constants';

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

@@ -1,3 +1,5 @@
 import type { Predicate } from '../types';
+import { productionLinkPreferencesUrl, stagingLinkPreferencesUrl } from './constants';
 export declare function isTextAtPos(pos: number): Predicate;
 export declare function isLinkAtPos(pos: number): Predicate;
+export declare const getLinkPreferencesURLFromENV: () => typeof productionLinkPreferencesUrl | typeof stagingLinkPreferencesUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.21.2",
+  "version": "78.22.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -100,7 +100,7 @@
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
-    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/button": "^17.8.0",
     "@atlaskit/code": "^15.1.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/custom-steps": "^0.0.16",