@atlaskit/editor-common 115.3.0 → 115.4.0

package/dist/es2019/extensions/configPanelMessages.js

@@ -0,0 +1,98 @@
+import { defineMessages } from 'react-intl';
+export const configPanelMessages = 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.'
+  }
+});

package/dist/es2019/extensions/createAutoConverterRunner.js

@@ -0,0 +1,8 @@
+export const createAutoConverterRunner = autoConvertHandlers => text => {
+  for (const handler of autoConvertHandlers) {
+    const result = handler(text);
+    if (result) {
+      return result;
+    }
+  }
+};

package/dist/es2019/extensions/default-extension-provider.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { getAutoConvertPatternsFromModule } from './module-helpers';
+import { getAutoConvertPatternsFromModule } from './getAutoConvertPatternsFromModule';
 export default class DefaultExtensionProvider {
   constructor(manifests,
   /**

package/dist/es2019/extensions/extension-handlers.js

@@ -2,8 +2,9 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
+import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
 import { messages } from './messages';
+import { resolveImportSync } from './resolveImportSync';
 import { UnknownMacroPlaceholder } from './UnknownMacroPlaceholder';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -20,12 +21,6 @@ manifest, extKey, nodeKey, extensionType, extensionKey) {
   }
   return node;
 }
-export function getExtensionManifest(extensionProvider, extensionType, extensionKey
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Generic extension types; any required for provider compatibility
-) {
-  const [extKey] = getExtensionKeyAndNodeKey(extensionKey, extensionType);
-  return extensionProvider.getExtension(extensionType, extKey);
-}
 export async function getExtensionModuleNode(extensionProvider, extensionType, extensionKey
 // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Generic extension types; any required for provider compatibility
 ) {
@@ -100,4 +95,6 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
     // react-loadable will pass through but doesn't know about in its type definitions.
     loading: ExtensionLoading
   });
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getExtensionManifest } from './getExtensionManifest';

package/dist/es2019/extensions/getAutoConvertPatternsFromModule.js

@@ -0,0 +1,9 @@
+export async function getAutoConvertPatternsFromModule(extensions) {
+  const items = await Promise.all(extensions.map(manifest => {
+    if (manifest.modules.autoConvert && manifest.modules.autoConvert.url) {
+      return manifest.modules.autoConvert.url;
+    }
+    return [];
+  }));
+  return [].concat(...items);
+}

package/dist/es2019/extensions/getExtensionManifest.js

@@ -0,0 +1,7 @@
+import { getExtensionKeyAndNodeKey } from './manifest-helpers';
+export function getExtensionManifest(extensionProvider, extensionType, extensionKey
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Generic extension types; any required for provider compatibility
+) {
+  const [extKey] = getExtensionKeyAndNodeKey(extensionKey, extensionType);
+  return extensionProvider.getExtension(extensionType, extKey);
+}

package/dist/es2019/extensions/groupBy.js

@@ -0,0 +1,7 @@
+export const groupBy = (arr, attr, keyRenamer) =>
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+arr.reduce((acc, item) => {
+  acc[keyRenamer(item[attr])] = item;
+  return acc;
+}, {});

package/dist/es2019/extensions/manifest-helpers.js

@@ -1,3 +1,5 @@
+import { buildExtensionKeyAndNodeKey } from './buildExtensionKeyAndNodeKey';
+import { resolveImportSync } from './resolveImportSync';
 export const FORGE_EXTENSION_TYPE = 'com.atlassian.ecosystem';
 export const NATIVE_EMBED_EXTENSION_TYPE = 'com.atlassian.confluence.macro.core';
 export const NATIVE_EMBED_EXTENSION_KEY = 'native-embed';
@@ -12,12 +14,6 @@ export const getExtensionKeyAndNodeKey = (extensionKey, extensionType) => {
   const [extKey, nodeKey = 'default'] = extensionKey.split(':');
   return [extKey, nodeKey];
 };
-export const buildExtensionKeyAndNodeKey = (extensionKey, nodeKey) => {
-  if (!nodeKey || nodeKey === 'default') {
-    return extensionKey;
-  }
-  return `${extensionKey}:${nodeKey}`;
-};
 export function buildAction(action, manifest) {
   if (typeof action === 'function') {
     return action;
@@ -26,9 +22,6 @@ export function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
-export const resolveImportSync = importedModule => {
-  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
-};
 export const resolveImport = async importPromise => {
   return resolveImportSync(await importPromise);
 };
@@ -67,4 +60,8 @@ export function buildNode(action, manifest) {
     };
   }
   return extension;
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { buildExtensionKeyAndNodeKey } from './buildExtensionKeyAndNodeKey';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { resolveImportSync } from './resolveImportSync';

package/dist/es2019/extensions/messages.js

@@ -56,100 +56,5 @@ export const messages = defineMessages({
     description: 'Header text for an unresolved Confluence macro placeholder.'
   }
 });
-export const configPanelMessages = 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
+export { configPanelMessages } from './configPanelMessages';

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

@@ -1,40 +1,5 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-import { buildAction } from './manifest-helpers';
-export const groupBy = (arr, attr, keyRenamer) =>
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-arr.reduce((acc, item) => {
-  acc[keyRenamer(item[attr])] = item;
-  return acc;
-}, {});
-export function buildMenuItem(manifest, extensionModule) {
-  const title = extensionModule.title || manifest.title;
-  const key = `${manifest.key}:${extensionModule.key}`;
-  const node = buildAction(extensionModule.action, manifest);
-  if (!node) {
-    throw new Error(`Couldn't find any action for ${title} (${key})`);
-  }
-  return {
-    key,
-    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,
-    ...((fg('cc_fd_wb_create_priority_in_slash_menu_enabled') || fg('rovo_chat_enable_skills_ui_m1')) && {
-      priority: extensionModule.priority
-    }),
-    ...(extensionModule.lozenge != null && {
-      lozenge: extensionModule.lozenge
-    }),
-    icon: extensionModule.icon || manifest.icons['48'],
-    node
-  };
-}
+import { buildMenuItem } from './buildMenuItem';
+import { createAutoConverterRunner } from './createAutoConverterRunner';
 export const getQuickInsertItemsFromModule = (extensions, transformFunction) => {
   const items = extensions.map(manifest => {
     const modules = manifest.modules.quickInsert || [];
@@ -43,23 +8,6 @@ export const getQuickInsertItemsFromModule = (extensions, transformFunction) =>
   const flatItems = [].concat(...items);
   return flatItems.map(transformFunction);
 };
-export async function getAutoConvertPatternsFromModule(extensions) {
-  const items = await Promise.all(extensions.map(manifest => {
-    if (manifest.modules.autoConvert && manifest.modules.autoConvert.url) {
-      return manifest.modules.autoConvert.url;
-    }
-    return [];
-  }));
-  return [].concat(...items);
-}
-export const createAutoConverterRunner = autoConvertHandlers => text => {
-  for (const handler of autoConvertHandlers) {
-    const result = handler(text);
-    if (result) {
-      return result;
-    }
-  }
-};
 export async function getExtensionAutoConvertersFromProvider(extensionProviderPromise) {
   const extensionProvider = await extensionProviderPromise;
   const extensionAutoConverters = await extensionProvider.getAutoConverter();
@@ -216,4 +164,12 @@ 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
+export { groupBy } from './groupBy';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { buildMenuItem } from './buildMenuItem';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getAutoConvertPatternsFromModule } from './getAutoConvertPatternsFromModule';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { createAutoConverterRunner } from './createAutoConverterRunner';

package/dist/es2019/extensions/resolveImportSync.js

@@ -0,0 +1,3 @@
+export const resolveImportSync = importedModule => {
+  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
+};

package/dist/es2019/extensions.js

@@ -2,10 +2,14 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { isFieldset, isTabGroup, isTabField, isExpand, isDateRange } from './extensions/types/field-definitions';
-export { createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getQuickInsertItemsFromModule, getContextualToolbarItemsFromModule, buildMenuItem } from './extensions/module-helpers';
+export { buildMenuItem } from './extensions/buildMenuItem';
+export { createAutoConverterRunner } from './extensions/createAutoConverterRunner';
+export { getExtensionAutoConvertersFromProvider, getQuickInsertItemsFromModule, getContextualToolbarItemsFromModule } from './extensions/module-helpers';
 export { default as DefaultExtensionProvider } from './extensions/default-extension-provider';
 export { default as combineExtensionProviders } from './extensions/combine-extension-providers';
 export { AGENT_MANAGED_EXTENSION_KEY, getExtensionKeyAndNodeKey, NATIVE_EMBED_EXTENSION_TYPE, NATIVE_EMBED_EXTENSION_KEY, resolveImport } from './extensions/manifest-helpers';
-export { getExtensionModuleNode, getNodeRenderer, getExtensionModuleNodePrivateProps, getExtensionManifest } from './extensions/extension-handlers';
+export { getExtensionModuleNode, getNodeRenderer, getExtensionModuleNodePrivateProps } from './extensions/extension-handlers';
+export { getExtensionManifest } from './extensions/getExtensionManifest';
 export { getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, getUserFieldContextProvider } from './extensions/extension-fields-helpers';
-export { configPanelMessages, messages } from './extensions/messages';
+export { configPanelMessages } from './extensions/configPanelMessages';
+export { messages } from './extensions/messages';

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

@@ -12,10 +12,6 @@ import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
 import { ButtonItem } from '@atlaskit/menu';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../floating-toolbar';
-export const menuItemDimensions = {
-  width: 175,
-  height: 32
-};
 const labelStyles = css({
   display: 'inline-block',
   width: '100%'
@@ -192,4 +188,6 @@ export const DropdownMenuItem = props => {
     }, itemContent);
   }
   return itemContent;
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { menuItemDimensions } from './menuItemDimensions';

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

@@ -0,0 +1,4 @@
+export const menuItemDimensions = {
+  width: 175,
+  height: 32
+};

package/dist/es2019/getEnabledFeatureFlagKeys.js

@@ -0,0 +1,8 @@
+/**
+ * Transforms FeatureFlags to a type safe string array of the enabled feature flags.
+ *
+ * Useful for analytics and analysis purposes.
+ */
+export function getEnabledFeatureFlagKeys(featureFlags) {
+  return Object.keys(featureFlags).filter(key => featureFlags[key] === true);
+}

package/dist/es2019/guideline/createGuidesFromLengths.js

@@ -0,0 +1,43 @@
+/**
+ * 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
+ */
+export const createGuidesFromLengths = (lengths, hasFullWidthGuide = false) => {
+  return Array.from(new Set(lengths)).reduce((acc, length, index) => {
+    const h = length * 0.5;
+    if (length === 0) {
+      return [...acc, {
+        left: 0,
+        right: 0,
+        length
+      }];
+    }
+    if (!h || !Number.isFinite(length)) {
+      // Filter out nonsensical values, null, undefined, NaN, empty string
+      return acc;
+    }
+    return [...acc, {
+      left: -h,
+      right: h,
+      length,
+      // Assumes the full width guide is always the last length in the array
+      ...(hasFullWidthGuide && index === lengths.length - 1 ? {
+        isFullWidth: true
+      } : {})
+    }];
+  }, []);
+};

package/dist/es2019/guideline/defaultGuideline.js

@@ -1,7 +1,7 @@
 import memoizeOne from 'memoize-one';
 import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
 import { roundToNearest } from '../media-single';
-import { getContainerWidthOrFullEditorWidth } from './utils';
+import { getContainerWidthOrFullEditorWidth } from './getContainerWidthOrFullEditorWidth';
 const getDefaultGuidelines = memoizeOne(editorWidth => {
   return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map((val, index) => ({
     key: `grid_${index}`,

package/dist/es2019/guideline/dynamicGuideline.js

@@ -2,7 +2,7 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findChildren } from '@atlaskit/editor-prosemirror/utils';
 import { roundToNearest } from '../media-single';
 import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
-import { getMediaSingleDimensions } from './utils';
+import { getMediaSingleDimensions } from './getMediaSingleDimensions';
 export const generateDynamicGuidelines = (state, editorWidth, styles = {}) => {
   const selectedNode = state.selection instanceof NodeSelection && state.selection.node;
   const offset = editorWidth / 2;

package/dist/es2019/guideline/findClosestSnap.js

@@ -0,0 +1,30 @@
+import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './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
+ */
+export const findClosestSnap = (mediaSingleWidth, snapArray, guidelineSnaps, snapGap = 0) => {
+  const closestGapIndex = snapArray.reduce((prev, curr, index) => Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev, 0);
+  const gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
+  if (gap < snapGap) {
+    const snappingWidth = snapArray[closestGapIndex];
+    const guidelineKeys = [];
+    // find wich guideline have the matching snap width
+    guidelineSnaps.forEach(gs => {
+      if (gs.width === snappingWidth) {
+        guidelineKeys.push(gs.guidelineKey);
+      }
+    });
+    const defaultGuidelineKeys = guidelineKeys.filter(guidelineKey => !guidelineKey.startsWith(MEDIA_DYNAMIC_GUIDELINE_PREFIX));
+    return {
+      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,
+    keys: []
+  };
+};

package/dist/es2019/guideline/fixedGuideline.js

@@ -1,46 +1,4 @@
-/**
- * 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
- */
-export const createGuidesFromLengths = (lengths, hasFullWidthGuide = false) => {
-  return Array.from(new Set(lengths)).reduce((acc, length, index) => {
-    const h = length * 0.5;
-    if (length === 0) {
-      return [...acc, {
-        left: 0,
-        right: 0,
-        length
-      }];
-    }
-    if (!h || !Number.isFinite(length)) {
-      // Filter out nonsensical values, null, undefined, NaN, empty string
-      return acc;
-    }
-    return [...acc, {
-      left: -h,
-      right: h,
-      length,
-      // Assumes the full width guide is always the last length in the array
-      ...(hasFullWidthGuide && index === lengths.length - 1 ? {
-        isFullWidth: true
-      } : {})
-    }];
-  }, []);
-};
+import { createGuidesFromLengths } from './createGuidesFromLengths';
 
 /**
  * This creates a Guideline configuration generating a collection of guideline pairs from each supplied length value.
@@ -79,4 +37,6 @@ export const createFixedGuidelinesFromLengths = (lengths, key = 'guide', hasFull
       }];
     }
   }, []);
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { createGuidesFromLengths } from './createGuidesFromLengths';

package/dist/es2019/guideline/getContainerWidthOrFullEditorWidth.js

@@ -0,0 +1,13 @@
+import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export const getContainerWidthOrFullEditorWidth = containerWidth => {
+  const padding = containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth) / 2;
+};