@atlaskit/editor-common 115.6.0 → 115.7.0

package/dist/cjs/extensions/messages.js

@@ -3,8 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.messages = exports.configPanelMessages = void 0;
+Object.defineProperty(exports, "configPanelMessages", {
+  enumerable: true,
+  get: function get() {
+    return _configPanelMessages.configPanelMessages;
+  }
+});
+exports.messages = void 0;
 var _reactIntl = require("react-intl");
+var _configPanelMessages = require("./configPanelMessages");
 var messages = exports.messages = (0, _reactIntl.defineMessages)({
   edit: {
     id: 'fabric.editor.edit',
@@ -62,100 +69,4 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     description: 'Header text for an unresolved Confluence macro placeholder.'
   }
 });
-var configPanelMessages = exports.configPanelMessages = (0, _reactIntl.defineMessages)({
-  configFailedToLoad: {
-    id: 'fabric.editor.configFailedToLoad',
-    defaultMessage: 'Failed to load',
-    description: 'Displayed when the config panel fails to load fields'
-  },
-  submit: {
-    id: 'fabric.editor.configPanel.submit',
-    defaultMessage: 'Submit',
-    description: 'Label for a button in the extension configuration panel that the user clicks to submit and apply configuration changes.'
-  },
-  cancel: {
-    id: 'fabric.editor.configPanel.cancel',
-    defaultMessage: 'Cancel',
-    description: 'Label for a button in the extension configuration panel that the user clicks to cancel and discard configuration changes.'
-  },
-  close: {
-    id: 'fabric.editor.configPanel.close',
-    defaultMessage: 'Close',
-    description: 'Label for a button in the extension configuration panel that the user clicks to close the panel.'
-  },
-  required: {
-    id: 'fabric.editor.configPanel.required',
-    defaultMessage: 'Required field',
-    description: 'The text is shown as a validation message below a form field in the extension configuration panel when the user attempts to submit the form without filling in a required field.'
-  },
-  invalid: {
-    id: 'fabric.editor.configPanel.invalid',
-    defaultMessage: 'Invalid field',
-    description: 'Validation message when a field value is not acceptable'
-  },
-  isMultipleAndRadio: {
-    id: 'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio',
-    defaultMessage: 'Can not combine isMultiple with style: radio',
-    description: 'Error message displayed in the extension configuration panel when isMultiple and radio style options are incorrectly combined.'
-  },
-  addField: {
-    id: 'fabric.editor.configPanel.formType.addField',
-    defaultMessage: 'Add field',
-    description: 'Button to add a new field in nested forms'
-  },
-  removeField: {
-    id: 'fabric.editor.configPanel.formType.removeField',
-    defaultMessage: 'Remove field',
-    description: 'Button to remove a field in nested forms'
-  },
-  createOption: {
-    id: 'fabric.editor.configPanel.customSelect.createOption',
-    defaultMessage: 'Create',
-    description: 'The text is shown on a button in the extension configuration panel that allows the user to create a new custom option in a select (drop-down) field.'
-  },
-  documentation: {
-    id: 'fabric.editor.configPanel.documentation',
-    defaultMessage: 'Documentation',
-    description: 'The text is shown as the label of a link in the extension configuration panel that navigates the user to external documentation for the extension.'
-  },
-  help: {
-    id: 'fabric.editor.configPanel.help',
-    defaultMessage: 'Need help?',
-    description: 'Label for documentation link v.2 (to replace "Documentation" text)'
-  },
-  custom: {
-    id: 'fabric.editor.configPanel.dateRange.option.custom',
-    defaultMessage: 'Custom',
-    description: 'Label for the option "Custom" in the date range UI element'
-  },
-  from: {
-    id: 'fabric.editor.configPanel.dateRange.custom.from',
-    defaultMessage: 'From',
-    description: 'Label for the initial date when the option "Custom" is selected in the date range UI element'
-  },
-  to: {
-    id: 'fabric.editor.configPanel.dateRange.custom.to',
-    defaultMessage: 'To',
-    description: 'Label for the end date when the option "Custom" is selected in the date range UI element'
-  },
-  expand: {
-    id: 'fabric.editor.configPanel.dateRange.grouping.expand',
-    defaultMessage: 'Expand',
-    description: 'The text is shown on a button in the extension configuration panel date range section that expands a collapsed group of related input fields.'
-  },
-  collapse: {
-    id: 'fabric.editor.configPanel.dateRange.grouping.collapse',
-    defaultMessage: 'Collapse',
-    description: 'The text is shown on a button in the extension configuration panel date range section that collapses an expanded group of related input fields.'
-  },
-  errorBoundaryTitle: {
-    id: 'fabric.editor.configPanel.errorBoundary.title',
-    defaultMessage: 'Something went wrong.',
-    description: 'The text is shown as the heading in an error boundary fallback within the extension configuration panel when an unexpected error occurs and the panel cannot be rendered.'
-  },
-  errorBoundaryNote: {
-    id: 'fabric.editor.configPanel.errorBoundary.note',
-    defaultMessage: "We've let the team know. You can still edit and publish this page, or check the error console for more information.",
-    description: 'The text is shown as an explanatory note in the error boundary fallback within the extension configuration panel, advising the user that the error has been reported and suggesting they continue editing or check the error console.'
-  }
-});
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/extensions/module-helpers.js

@@ -4,142 +4,78 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buildMenuItem = buildMenuItem;
-exports.createAutoConverterRunner = void 0;
-exports.getAutoConvertPatternsFromModule = getAutoConvertPatternsFromModule;
+Object.defineProperty(exports, "buildMenuItem", {
+  enumerable: true,
+  get: function get() {
+    return _buildMenuItem.buildMenuItem;
+  }
+});
+Object.defineProperty(exports, "createAutoConverterRunner", {
+  enumerable: true,
+  get: function get() {
+    return _createAutoConverterRunner.createAutoConverterRunner;
+  }
+});
+Object.defineProperty(exports, "getAutoConvertPatternsFromModule", {
+  enumerable: true,
+  get: function get() {
+    return _getAutoConvertPatternsFromModule.getAutoConvertPatternsFromModule;
+  }
+});
 exports.getContextualToolbarItemsFromModule = void 0;
 exports.getExtensionAutoConvertersFromProvider = getExtensionAutoConvertersFromProvider;
-exports.groupBy = exports.getQuickInsertItemsFromModule = void 0;
+exports.getQuickInsertItemsFromModule = void 0;
+Object.defineProperty(exports, "groupBy", {
+  enumerable: true,
+  get: function get() {
+    return _groupBy.groupBy;
+  }
+});
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _manifestHelpers = require("./manifest-helpers");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var _buildMenuItem = require("./buildMenuItem");
+var _createAutoConverterRunner = require("./createAutoConverterRunner");
+var _groupBy = require("./groupBy");
+var _getAutoConvertPatternsFromModule = require("./getAutoConvertPatternsFromModule");
 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; }
-var groupBy = exports.groupBy = function groupBy(arr, attr, keyRenamer) {
-  return (
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    arr.reduce(function (acc, item) {
-      acc[keyRenamer(item[attr])] = item;
-      return acc;
-    }, {})
-  );
-};
-function buildMenuItem(manifest, extensionModule) {
-  var title = extensionModule.title || manifest.title;
-  var key = "".concat(manifest.key, ":").concat(extensionModule.key);
-  var node = (0, _manifestHelpers.buildAction)(extensionModule.action, manifest);
-  if (!node) {
-    throw new Error("Couldn't find any action for ".concat(title, " (").concat(key, ")"));
-  }
-  return _objectSpread(_objectSpread(_objectSpread({
-    key: key,
-    title: title,
-    extensionType: manifest.type,
-    extensionKey: manifest.key,
-    keywords: extensionModule.keywords || manifest.keywords || [],
-    featured: extensionModule.featured || false,
-    categories: extensionModule.categories || manifest.categories || [],
-    description: extensionModule.description || manifest.description,
-    summary: manifest.summary,
-    documentationUrl: manifest.documentationUrl
-  }, ((0, _platformFeatureFlags.fg)('cc_fd_wb_create_priority_in_slash_menu_enabled') || (0, _platformFeatureFlags.fg)('rovo_chat_enable_skills_ui_m1')) && {
-    priority: extensionModule.priority
-  }), extensionModule.lozenge != null && {
-    lozenge: extensionModule.lozenge
-  }), {}, {
-    icon: extensionModule.icon || manifest.icons['48'],
-    node: node
-  });
-}
 var getQuickInsertItemsFromModule = exports.getQuickInsertItemsFromModule = function getQuickInsertItemsFromModule(extensions, transformFunction) {
   var _ref;
   var items = extensions.map(function (manifest) {
     var modules = manifest.modules.quickInsert || [];
     return modules.map(function (extensionModule) {
-      return buildMenuItem(manifest, extensionModule);
+      return (0, _buildMenuItem.buildMenuItem)(manifest, extensionModule);
     });
   });
   var flatItems = (_ref = []).concat.apply(_ref, (0, _toConsumableArray2.default)(items));
   return flatItems.map(transformFunction);
 };
-function getAutoConvertPatternsFromModule(_x) {
-  return _getAutoConvertPatternsFromModule.apply(this, arguments);
-}
-function _getAutoConvertPatternsFromModule() {
-  _getAutoConvertPatternsFromModule = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(extensions) {
-    var _ref2;
-    var items;
-    return _regenerator.default.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 1;
-          return Promise.all(extensions.map(function (manifest) {
-            if (manifest.modules.autoConvert && manifest.modules.autoConvert.url) {
-              return manifest.modules.autoConvert.url;
-            }
-            return [];
-          }));
-        case 1:
-          items = _context.sent;
-          return _context.abrupt("return", (_ref2 = []).concat.apply(_ref2, (0, _toConsumableArray2.default)(items)));
-        case 2:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _getAutoConvertPatternsFromModule.apply(this, arguments);
-}
-var createAutoConverterRunner = exports.createAutoConverterRunner = function createAutoConverterRunner(autoConvertHandlers) {
-  return function (text) {
-    var _iterator = _createForOfIteratorHelper(autoConvertHandlers),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var handler = _step.value;
-        var result = handler(text);
-        if (result) {
-          return result;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  };
-};
-function getExtensionAutoConvertersFromProvider(_x2) {
+function getExtensionAutoConvertersFromProvider(_x) {
   return _getExtensionAutoConvertersFromProvider.apply(this, arguments);
 } // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function _getExtensionAutoConvertersFromProvider() {
-  _getExtensionAutoConvertersFromProvider = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(extensionProviderPromise) {
+  _getExtensionAutoConvertersFromProvider = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(extensionProviderPromise) {
     var extensionProvider, extensionAutoConverters;
-    return _regenerator.default.wrap(function (_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context2.next = 1;
+          _context.next = 1;
           return extensionProviderPromise;
         case 1:
-          extensionProvider = _context2.sent;
-          _context2.next = 2;
+          extensionProvider = _context.sent;
+          _context.next = 2;
           return extensionProvider.getAutoConverter();
         case 2:
-          extensionAutoConverters = _context2.sent;
-          return _context2.abrupt("return", createAutoConverterRunner(extensionAutoConverters));
+          extensionAutoConverters = _context.sent;
+          return _context.abrupt("return", (0, _createAutoConverterRunner.createAutoConverterRunner)(extensionAutoConverters));
         case 3:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2);
+    }, _callee);
   }));
   return _getExtensionAutoConvertersFromProvider.apply(this, arguments);
 }
@@ -299,4 +235,11 @@ function shouldAddExtensionItemForNode(item, node) {
     return extensionKey.includes((_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.extensionKey);
   }
   return false;
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/extensions/resolveImportSync.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveImportSync = void 0;
+var resolveImportSync = exports.resolveImportSync = function resolveImportSync(importedModule) {
+  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
+};

package/dist/cjs/extensions.js

@@ -31,7 +31,7 @@ Object.defineProperty(exports, "NATIVE_EMBED_EXTENSION_TYPE", {
 Object.defineProperty(exports, "buildMenuItem", {
   enumerable: true,
   get: function get() {
-    return _moduleHelpers.buildMenuItem;
+    return _buildMenuItem.buildMenuItem;
   }
 });
 Object.defineProperty(exports, "combineExtensionProviders", {
@@ -43,13 +43,13 @@ Object.defineProperty(exports, "combineExtensionProviders", {
 Object.defineProperty(exports, "configPanelMessages", {
   enumerable: true,
   get: function get() {
-    return _messages.configPanelMessages;
+    return _configPanelMessages.configPanelMessages;
   }
 });
 Object.defineProperty(exports, "createAutoConverterRunner", {
   enumerable: true,
   get: function get() {
-    return _moduleHelpers.createAutoConverterRunner;
+    return _createAutoConverterRunner.createAutoConverterRunner;
   }
 });
 Object.defineProperty(exports, "getContextualToolbarItemsFromModule", {
@@ -79,7 +79,7 @@ Object.defineProperty(exports, "getExtensionKeyAndNodeKey", {
 Object.defineProperty(exports, "getExtensionManifest", {
   enumerable: true,
   get: function get() {
-    return _extensionHandlers.getExtensionManifest;
+    return _getExtensionManifest.getExtensionManifest;
   }
 });
 Object.defineProperty(exports, "getExtensionModuleNode", {
@@ -167,10 +167,14 @@ Object.defineProperty(exports, "resolveImport", {
   }
 });
 var _fieldDefinitions = require("./extensions/types/field-definitions");
+var _buildMenuItem = require("./extensions/buildMenuItem");
+var _createAutoConverterRunner = require("./extensions/createAutoConverterRunner");
 var _moduleHelpers = require("./extensions/module-helpers");
 var _defaultExtensionProvider = _interopRequireDefault(require("./extensions/default-extension-provider"));
 var _combineExtensionProviders = _interopRequireDefault(require("./extensions/combine-extension-providers"));
 var _manifestHelpers = require("./extensions/manifest-helpers");
 var _extensionHandlers = require("./extensions/extension-handlers");
+var _getExtensionManifest = require("./extensions/getExtensionManifest");
 var _extensionFieldsHelpers = require("./extensions/extension-fields-helpers");
+var _configPanelMessages = require("./extensions/configPanelMessages");
 var _messages = require("./extensions/messages");

package/dist/cjs/floating-toolbar/DropdownMenuItem.js

@@ -4,7 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.menuItemDimensions = exports.DropdownMenuItem = void 0;
+exports.DropdownMenuItem = void 0;
+Object.defineProperty(exports, "menuItemDimensions", {
+  enumerable: true,
+  get: function get() {
+    return _menuItemDimensions.menuItemDimensions;
+  }
+});
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
@@ -12,6 +18,7 @@ var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"
 var _menu = require("@atlaskit/menu");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _floatingToolbar = require("../floating-toolbar");
+var _menuItemDimensions = require("./menuItemDimensions");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -21,10 +28,6 @@ var _floatingToolbar = require("../floating-toolbar");
 
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
-var menuItemDimensions = exports.menuItemDimensions = {
-  width: 175,
-  height: 32
-};
 var labelStyles = (0, _react2.css)({
   display: 'inline-block',
   width: '100%'
@@ -199,4 +202,5 @@ var DropdownMenuItem = exports.DropdownMenuItem = function DropdownMenuItem(prop
     }, itemContent);
   }
   return itemContent;
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/floating-toolbar/menuItemDimensions.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuItemDimensions = void 0;
+var menuItemDimensions = exports.menuItemDimensions = {
+  width: 175,
+  height: 32
+};

package/dist/cjs/getEnabledFeatureFlagKeys.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEnabledFeatureFlagKeys = getEnabledFeatureFlagKeys;
+/**
+ * Transforms FeatureFlags to a type safe string array of the enabled feature flags.
+ *
+ * Useful for analytics and analysis purposes.
+ */
+function getEnabledFeatureFlagKeys(featureFlags) {
+  return Object.keys(featureFlags).filter(function (key) {
+    return featureFlags[key] === true;
+  });
+}

package/dist/cjs/guideline/createGuidesFromLengths.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createGuidesFromLengths = 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.
+ *
+ * Length values should be unique, as duplicates will be trimmed from the result.
+ *
+ * @example
+ * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
+ *  {left: -50, right: 50, length: 100},
+ *  {left: -100, right: 100, length: 200},
+ *  {left: 100, right: -100, length: -200},
+ *  {left: -100.5, right: 100.5, length: 201},
+ * ]
+ * When length is 0, return  {left: 0, right: 0, length: 0}
+ *
+ * @param lengths A colection of length values which will be split into a left & right guides.
+ * @returns A collection of LengthGuide objects which can be used to draw left & right guides
+ */
+var createGuidesFromLengths = exports.createGuidesFromLengths = function createGuidesFromLengths(lengths) {
+  var hasFullWidthGuide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return Array.from(new Set(lengths)).reduce(function (acc, length, index) {
+    var h = length * 0.5;
+    if (length === 0) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [{
+        left: 0,
+        right: 0,
+        length: length
+      }]);
+    }
+    if (!h || !Number.isFinite(length)) {
+      // Filter out nonsensical values, null, undefined, NaN, empty string
+      return acc;
+    }
+    return [].concat((0, _toConsumableArray2.default)(acc), [_objectSpread({
+      left: -h,
+      right: h,
+      length: length
+    }, hasFullWidthGuide && index === lengths.length - 1 ? {
+      isFullWidth: true
+    } : {})]);
+  }, []);
+};

package/dist/cjs/guideline/defaultGuideline.js

@@ -9,7 +9,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mediaSingle = require("../media-single");
-var _utils = require("./utils");
+var _getContainerWidthOrFullEditorWidth = require("./getContainerWidthOrFullEditorWidth");
 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 {
@@ -35,7 +35,7 @@ var getWideGuidelines = (0, _memoizeOne.default)(function (editorWidth) {
   }];
 });
 var getFullWidthGuidelines = (0, _memoizeOne.default)(function (containerWidth) {
-  var fullWidth = (0, _mediaSingle.roundToNearest)((0, _utils.getContainerWidthOrFullEditorWidth)(containerWidth));
+  var fullWidth = (0, _mediaSingle.roundToNearest)((0, _getContainerWidthOrFullEditorWidth.getContainerWidthOrFullEditorWidth)(containerWidth));
   return [{
     key: "full_width_left",
     position: {

package/dist/cjs/guideline/dynamicGuideline.js

@@ -11,7 +11,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _mediaSingle = require("../media-single");
 var _constants = require("./constants");
-var _utils2 = require("./utils");
+var _getMediaSingleDimensions = require("./getMediaSingleDimensions");
 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; }
 var generateDynamicGuidelines = exports.generateDynamicGuidelines = function generateDynamicGuidelines(state, editorWidth) {
@@ -35,7 +35,7 @@ var generateDynamicGuidelines = exports.generateDynamicGuidelines = function gen
     if ($pos.parent.type !== state.schema.nodes.doc) {
       return acc;
     }
-    var dimensions = (0, _utils2.getMediaSingleDimensions)(node, editorWidth);
+    var dimensions = (0, _getMediaSingleDimensions.getMediaSingleDimensions)(node, editorWidth);
     if (!dimensions) {
       return acc;
     }

package/dist/cjs/guideline/findClosestSnap.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findClosestSnap = void 0;
+var _constants = require("./constants");
+/**
+ * Returns keys of guidelines that are closest to the image and withthin the snapGap.
+ * If both default and dynamic guidelines present, only returns default guidelines
+ */
+var findClosestSnap = exports.findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, guidelineSnaps) {
+  var snapGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var closestGapIndex = snapArray.reduce(function (prev, curr, index) {
+    return Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev;
+  }, 0);
+  var gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
+  if (gap < snapGap) {
+    var snappingWidth = snapArray[closestGapIndex];
+    var guidelineKeys = [];
+    // find wich guideline have the matching snap width
+    guidelineSnaps.forEach(function (gs) {
+      if (gs.width === snappingWidth) {
+        guidelineKeys.push(gs.guidelineKey);
+      }
+    });
+    var defaultGuidelineKeys = guidelineKeys.filter(function (guidelineKey) {
+      return !guidelineKey.startsWith(_constants.MEDIA_DYNAMIC_GUIDELINE_PREFIX);
+    });
+    return {
+      gap: gap,
+      // only highlight default guidelines
+      // when there are both default and dynamic guidelines to be highlighted
+      keys: defaultGuidelineKeys.length && defaultGuidelineKeys.length < guidelineKeys.length ? defaultGuidelineKeys : guidelineKeys
+    };
+  }
+  return {
+    gap: gap,
+    keys: []
+  };
+};

package/dist/cjs/guideline/fixedGuideline.js

@@ -4,54 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createGuidesFromLengths = exports.createFixedGuidelinesFromLengths = void 0;
+exports.createFixedGuidelinesFromLengths = void 0;
+Object.defineProperty(exports, "createGuidesFromLengths", {
+  enumerable: true,
+  get: function get() {
+    return _createGuidesFromLengths.createGuidesFromLengths;
+  }
+});
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _createGuidesFromLengths = require("./createGuidesFromLengths");
 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.
- *
- * Length values should be unique, as duplicates will be trimmed from the result.
- *
- * @example
- * createGuidelinesFromLengths([100, 200, 200, -200, 201]) => [
- *  {left: -50, right: 50, length: 100},
- *  {left: -100, right: 100, length: 200},
- *  {left: 100, right: -100, length: -200},
- *  {left: -100.5, right: 100.5, length: 201},
- * ]
- * When length is 0, return  {left: 0, right: 0, length: 0}
- *
- * @param lengths A colection of length values which will be split into a left & right guides.
- * @returns A collection of LengthGuide objects which can be used to draw left & right guides
- */
-var createGuidesFromLengths = exports.createGuidesFromLengths = function createGuidesFromLengths(lengths) {
-  var hasFullWidthGuide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return Array.from(new Set(lengths)).reduce(function (acc, length, index) {
-    var h = length * 0.5;
-    if (length === 0) {
-      return [].concat((0, _toConsumableArray2.default)(acc), [{
-        left: 0,
-        right: 0,
-        length: length
-      }]);
-    }
-    if (!h || !Number.isFinite(length)) {
-      // Filter out nonsensical values, null, undefined, NaN, empty string
-      return acc;
-    }
-    return [].concat((0, _toConsumableArray2.default)(acc), [_objectSpread({
-      left: -h,
-      right: h,
-      length: length
-    }, hasFullWidthGuide && index === lengths.length - 1 ? {
-      isFullWidth: true
-    } : {})]);
-  }, []);
-};
-
 /**
  * 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.
@@ -61,7 +25,7 @@ var createGuidesFromLengths = exports.createGuidesFromLengths = function createG
 var createFixedGuidelinesFromLengths = exports.createFixedGuidelinesFromLengths = function createFixedGuidelinesFromLengths(lengths) {
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'guide';
   var hasFullWidthGuide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  return createGuidesFromLengths(lengths, hasFullWidthGuide).reduce(function (acc, _ref) {
+  return (0, _createGuidesFromLengths.createGuidesFromLengths)(lengths, hasFullWidthGuide).reduce(function (acc, _ref) {
     var left = _ref.left,
       right = _ref.right,
       length = _ref.length,
@@ -89,4 +53,5 @@ var createFixedGuidelinesFromLengths = exports.createFixedGuidelinesFromLengths
       } : {})]);
     }
   }, []);
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export