@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/esm/styles/shared/panel.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject, _templateObject2;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { css } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
@@ -106,26 +104,29 @@ var tokenDarkPanelColors = {
   success: "var(--ds-background-success, ".concat(darkPanelColors['success'], ")"),
   warning: "var(--ds-background-warning, ".concat(darkPanelColors['warning'], ")"),
   error: "var(--ds-background-danger, ".concat(darkPanelColors['error'], ")")
-}; // New custom icons are a little smaller than predefined icons.
-// To fix alignment issues with custom icons, vertical alignment is updated.
+};
 
+// New custom icons are a little smaller than predefined icons.
+// To fix alignment issues with custom icons, vertical alignment is updated.
 var panelEmojiSpriteVerticalAlignment = -(gridSize() * 3 - akEditorCustomIconSize) / 2;
-var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1; // TODO: https://product-fabric.atlassian.net/browse/DSP-4066
+var panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
 
-var panelDarkModeColors = [[colors.B50, darkPanelColors.B1200S], [colors.B75, darkPanelColors.B900], [colors.B100, darkPanelColors.B800S], [colors.N0, darkPanelColors.LightGray], [colors.N20, darkPanelColors.Gray], [colors.N60, darkPanelColors.DarkGray], [colors.T50, darkPanelColors.T1200S], [colors.T75, darkPanelColors.T900], [colors.T100, darkPanelColors.T900S], [colors.G50, darkPanelColors.G1200S], [colors.G75, darkPanelColors.G900], [colors.G200, darkPanelColors.G900S], [colors.Y50, darkPanelColors.Y1200S], [colors.Y75, darkPanelColors.Y900], [colors.Y200, darkPanelColors.Y800S], [colors.R50, darkPanelColors.R1200S], [colors.R75, darkPanelColors.R900], [colors.R100, darkPanelColors.R800S], [colors.P50, darkPanelColors.P1200S], [colors.P75, darkPanelColors.P900], [colors.P100, darkPanelColors.P800S]]; // used for custom panels
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4066
+var panelDarkModeColors = [[colors.B50, darkPanelColors.B1200S], [colors.B75, darkPanelColors.B900], [colors.B100, darkPanelColors.B800S], [colors.N0, darkPanelColors.LightGray], [colors.N20, darkPanelColors.Gray], [colors.N60, darkPanelColors.DarkGray], [colors.T50, darkPanelColors.T1200S], [colors.T75, darkPanelColors.T900], [colors.T100, darkPanelColors.T900S], [colors.G50, darkPanelColors.G1200S], [colors.G75, darkPanelColors.G900], [colors.G200, darkPanelColors.G900S], [colors.Y50, darkPanelColors.Y1200S], [colors.Y75, darkPanelColors.Y900], [colors.Y200, darkPanelColors.Y800S], [colors.R50, darkPanelColors.R1200S], [colors.R75, darkPanelColors.R900], [colors.R100, darkPanelColors.R800S], [colors.P50, darkPanelColors.P1200S], [colors.P75, darkPanelColors.P900], [colors.P100, darkPanelColors.P800S]];
 
+// used for custom panels
 export var getPanelDarkColor = function getPanelDarkColor(panelColor) {
   var colorObject = panelDarkModeColors.find(function (color) {
     return color[0] === panelColor || color[1] === panelColor;
   });
   return colorObject ? colorObject[1] : darkPanelColors.B1200S;
-}; // used for custom panels
+};
 
+// used for custom panels
 export var getPanelBackgroundDarkModeColors = panelDarkModeColors.map(function (_ref) {
   var _ref2 = _slicedToArray(_ref, 2),
-      colorName = _ref2[0],
-      colorValue = _ref2[1];
-
+    colorName = _ref2[0],
+    colorValue = _ref2[1];
   return getPanelDarkModeCSS(colorName, colorValue);
 }).join('\n');
 export function getPanelDarkModeCSS(colorName, colorValue) {
@@ -160,7 +161,6 @@ export var PanelSharedSelectors = {
   yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)",
   copyButton: "button[aria-label=\"Copy\"]"
 };
-
 var iconDynamicStyles = function iconDynamicStyles(panelType) {
   return function (props) {
     var light = lightIconColor[panelType];
@@ -171,9 +171,9 @@ var iconDynamicStyles = function iconDynamicStyles(panelType) {
     })(props);
     return "\n    color: ".concat(color, ";\n  ");
   };
-}; // Provides the color without tokens, used when converting to a custom panel
-
+};
 
+// Provides the color without tokens, used when converting to a custom panel
 export var getPanelTypeBackgroundNoTokens = function getPanelTypeBackgroundNoTokens(panelType) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var light = lightPanelColors[panelType];
@@ -186,8 +186,8 @@ export var getPanelTypeBackgroundNoTokens = function getPanelTypeBackgroundNoTok
 };
 export var getPanelTypeBackground = function getPanelTypeBackground(panelType) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var light = hexToEditorBackgroundPaletteColor(lightPanelColors[panelType]); // hexToEditorBackgroundPaletteColor has a light mode as a fallback color - for legacy dark mode we define the tokens locally
-
+  var light = hexToEditorBackgroundPaletteColor(lightPanelColors[panelType]);
+  // hexToEditorBackgroundPaletteColor has a light mode as a fallback color - for legacy dark mode we define the tokens locally
   var dark = tokenDarkPanelColors[panelType];
   var background = themed({
     light: light,
@@ -195,7 +195,6 @@ export var getPanelTypeBackground = function getPanelTypeBackground(panelType) {
   })(props);
   return background || 'none';
 };
-
 var mainDynamicStyles = function mainDynamicStyles(panelType) {
   return function (props) {
     var background = getPanelTypeBackground(panelType, props);
@@ -206,7 +205,6 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
     return "\n    background-color: ".concat(background, ";\n    color: ").concat(text, ";\n  ");
   };
 };
-
 export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  margin: ", " 0 0;\n  padding: ", "px;\n  min-width: ", "px;\n  display: flex;\n  position: relative;\n  align-items: baseline;\n  word-break: break-word;\n\n  ", "\n\n  .", " {\n    flex-shrink: 0;\n    height: ", "px;\n    width: ", "px;\n    box-sizing: content-box;\n    padding-right: ", "px;\n    text-align: center;\n    user-select: none;\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    ", "\n\n    > span {\n      vertical-align: middle;\n      display: inline-flex;\n    }\n\n    .", " {\n      vertical-align: ", "px;\n    }\n\n    .", " {\n      vertical-align: ", "px;\n\n      // Vertical align only works for inline-block elements in Firefox\n      @-moz-document url-prefix() {\n        img {\n          display: inline-block;\n        }\n      }\n    }\n  }\n\n  .ak-editor-panel__content {\n    margin: 1px 0 1px;\n    flex: 1 0 0;\n    /*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n    min-width: 0;\n  }\n\n  &[data-panel-type='", "'] {\n    ", "\n\n    .", " {\n      ", "\n    }\n  }\n\n  &[data-panel-type='", "'] {\n    ", "\n\n    .", " {\n      ", "\n    }\n  }\n\n  &[data-panel-type='", "'] {\n    ", "\n\n    .", " {\n      ", "\n    }\n  }\n\n  &[data-panel-type='", "'] {\n    ", "\n\n    .", " {\n      ", "\n    }\n  }\n\n  &[data-panel-type='", "'] {\n    ", "\n\n    .", " {\n      ", "\n    }\n  }\n\n  &[data-panel-type='", "'] {\n    ", ";\n  }\n"])), borderRadius(), blockNodesVerticalMargin, gridSize(), akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO)(props), PanelSharedCssClassName.icon, gridSize() * 3, gridSize() * 3, gridSize(), iconDynamicStyles(PanelType.INFO)(props), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, PanelType.NOTE, mainDynamicStyles(PanelType.NOTE)(props), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE)(props), PanelType.TIP, mainDynamicStyles(PanelType.TIP)(props), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP)(props), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING)(props), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING)(props), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR)(props), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR)(props), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS)(props), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS)(props), PanelType.CUSTOM, themed({
     dark: getPanelBackgroundDarkModeColors

package/dist/esm/styles/shared/paragraph.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
-import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
+import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 
+// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 export var paragraphSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & p {\n    font-size: 1em;\n    line-height: ", ";\n    font-weight: normal;\n    margin-top: ", ";\n    margin-bottom: 0;\n    letter-spacing: -0.005em;\n  }\n"])), akEditorLineHeight, blockNodesVerticalMargin);

package/dist/esm/styles/shared/rule.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
 import { DN50, N30A } from '@atlaskit/theme/colors';
@@ -9,8 +7,9 @@ import { themed } from '@atlaskit/theme/components';
 var divider = themed({
   light: "var(--ds-border, ".concat(N30A, ")"),
   dark: "var(--ds-border, ".concat(DN50, ")")
-}); // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
+});
 
+// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 export var ruleSharedStyles = function ruleSharedStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & hr {\n    border: none;\n    background-color: ", ";\n    margin: ", "em 0;\n    height: 2px;\n    border-radius: 1px;\n  }\n"])), divider(props), akEditorLineHeight);
 };

package/dist/esm/styles/shared/shadow.js

@@ -1,14 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 import { css } from '@emotion/react';
 import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
 import { shadowClassNames } from '../../ui/OverflowShadow';
 import { shadowObserverClassNames } from '../../ui/OverflowShadow/shadowObserver';
 var shadowWidth = 8;
+
 /**
  * TODO: This is close to working and removes a tone of JS from OverflowShadow component
  *

package/dist/esm/styles/shared/table.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
 import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorWideLayoutWidth, getTableCellBackgroundDarkModeColors, overflowShadow } from '@atlaskit/editor-shared-styles';
@@ -34,7 +33,6 @@ export var TableSharedCssClassName = {
   TABLE_ROW_CONTROLS_WRAPPER: "".concat(tablePrefixSelector, "-row-controls-wrapper"),
   TABLE_COLUMN_CONTROLS_DECORATIONS: "".concat(tablePrefixSelector, "-column-controls-decoration")
 };
-
 var tableSharedStyle = function tableSharedStyle(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    margin: 0 auto ", "px;\n    box-sizing: border-box;\n\n    /**\n     * Fix block top alignment inside table cells.\n     */\n    .decisionItemView-content-wrap:first-of-type > div {\n      margin-top: 0;\n    }\n  }\n  .", "[data-number-column='true'] {\n    padding-left: ", "px;\n    clear: both;\n  }\n  .", " > table {\n    margin: ", "px 0 0 0;\n  }\n\n  .", " > table,\n  .", " > table {\n    margin: ", "px ", "px 0 0;\n  }\n\n  /* avoid applying styles to nested tables (possible via extensions) */\n  .", " > table,\n  .", " > table,\n  .", " > table {\n    border-collapse: collapse;\n    border: ", "px solid\n      ", ";\n    table-layout: fixed;\n    font-size: 1em;\n    width: 100%;\n\n    &[data-autosize='true'] {\n      table-layout: auto;\n    }\n\n    & {\n      * {\n        box-sizing: border-box;\n      }\n      hr {\n        box-sizing: content-box;\n      }\n\n      tbody {\n        border-bottom: none;\n      }\n      th td {\n        background-color: ", ";\n      }\n      th,\n      td {\n        min-width: ", "px;\n        font-weight: normal;\n        vertical-align: top;\n        border: 1px solid\n          ", ";\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: ", "px;\n        /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n        ", "\n\n        ", ";\n\n        > :first-child:not(style),\n        > style:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + *,\n        > style:first-child + .ProseMirror-gapcursor + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + span + *,\n        > style:first-child + .ProseMirror-gapcursor + span + * {\n          margin-top: 0;\n        }\n\n        th p:not(:first-of-type),\n        td p:not(:first-of-type) {\n          margin-top: 12px;\n        }\n      }\n      th {\n        background-color: ", ";\n        text-align: left;\n\n        /* only apply this styling to codeblocks in default background headercells */\n        /* TODO this needs to be overhauled as it relies on unsafe selectors */\n        &:not([style]):not(.danger) {\n          .", ":not(.danger) {\n            background-color: ", ";\n\n            :not(.", ") {\n              box-shadow: 0px 0px 0px 1px\n                ", ";\n            }\n\n            .", " {\n              background-image: ", ";\n\n              background-color: ", ";\n            }\n\n            .", " {\n              background-color: ", ";\n            }\n\n            /* this is only relevant to the element taken care of by renderer */\n            > [data-ds--code--code-block] {\n              background-image: ", "!important;\n\n              background-color: ", "!important;\n\n              // selector lives inside @atlaskit/code\n              --ds--code--line-number-bg-color: ", ";\n            }\n          }\n        }\n      }\n    }\n  }\n"])), TableSharedCssClassName.TABLE_CONTAINER, tableMarginBottom, TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableMarginTop, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableMarginTop, tableMarginSides, TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, themed({
     light: "var(--ds-border, ".concat(akEditorTableBorder, ")"),
@@ -76,21 +74,16 @@ var tableSharedStyle = function tableSharedStyle(props) {
     dark: "var(--ds-background-neutral, ".concat(DN20, ")")
   })(props));
 };
-
 export var calcTableWidth = function calcTableWidth(layout, containerWidth) {
   var addControllerPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
   switch (layout) {
     case 'full-width':
       return containerWidth ? "".concat(Math.min(containerWidth - (addControllerPadding ? akEditorBreakoutPadding : 0), akEditorFullWidthLayoutWidth), "px") : "".concat(akEditorFullWidthLayoutWidth, "px");
-
     case 'wide':
       if (containerWidth) {
         return "".concat(Math.min(containerWidth - (addControllerPadding ? akEditorBreakoutPadding : 0), akEditorWideLayoutWidth), "px");
       }
-
       return "".concat(akEditorWideLayoutWidth, "px");
-
     default:
       return 'inherit';
   }

package/dist/esm/styles/shared/task-decision.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
 export var TaskDecisionSharedCssClassName = {

package/dist/esm/styles/shared/text-color.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 export var textColorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .fabric-text-color-mark {\n    color: var(--custom-palette-color, inherit);\n  }\n\n  a .fabric-text-color-mark {\n    color: unset;\n  }\n"])));

package/dist/esm/styles/shared/whitespace.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 var whitespaceSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  word-wrap: break-word;\n  white-space: pre-wrap;\n"])));
 export { whitespaceSharedStyles };

package/dist/esm/transforms/expand.js

@@ -3,25 +3,25 @@ import { findParentNodeOfType, findSelectedNodeOfType } from 'prosemirror-utils'
 import { mapChildren } from '../utils/slice';
 export var findExpand = function findExpand(state, selection) {
   var _state$schema$nodes = state.schema.nodes,
-      expand = _state$schema$nodes.expand,
-      nestedExpand = _state$schema$nodes.nestedExpand;
+    expand = _state$schema$nodes.expand,
+    nestedExpand = _state$schema$nodes.nestedExpand;
   return findSelectedNodeOfType([expand, nestedExpand])(selection || state.selection) || findParentNodeOfType([expand, nestedExpand])(selection || state.selection);
-}; // If the top level is a single expand, and the expand is not
+};
+
+// If the top level is a single expand, and the expand is not
 // a part of copied content, then return unwrap contents.
 // This is needed for handling content copied from expand.
 // https://product-fabric.atlassian.net/browse/ED-9146
-
 export var transformSliceToRemoveOpenExpand = function transformSliceToRemoveOpenExpand(slice, schema) {
   if (slice.openStart > 1 && slice.openEnd > 1 && slice.content.childCount === 1 && slice.content.firstChild && slice.content.firstChild.type === schema.nodes.expand) {
     return new Slice(slice.content.firstChild.content, slice.openStart - 1, slice.openEnd - 1);
   }
-
   return slice;
 };
 export var transformSliceNestedExpandToExpand = function transformSliceNestedExpandToExpand(slice, schema) {
   var _schema$nodes = schema.nodes,
-      expand = _schema$nodes.expand,
-      nestedExpand = _schema$nodes.nestedExpand;
+    expand = _schema$nodes.expand,
+    nestedExpand = _schema$nodes.nestedExpand;
   var children = [];
   mapChildren(slice.content, function (node) {
     if (node.type === nestedExpand) {

package/dist/esm/transforms/extension.js

@@ -1,24 +1,23 @@
 import { Slice } from 'prosemirror-model';
 import { mapFragment } from '../utils/slice';
+
 /**
  * Lift content out of "open" top-level bodiedExtensions.
  * Will not work if bodiedExtensions are nested, or when bodiedExtensions are not in the top level
  */
-
 export var transformSliceToRemoveOpenBodiedExtension = function transformSliceToRemoveOpenBodiedExtension(slice, schema) {
   var bodiedExtension = schema.nodes.bodiedExtension;
   var fragment = mapFragment(slice.content, function (node, parent, index) {
     if (node.type === bodiedExtension && !parent) {
       var currentNodeIsAtStartAndIsOpen = slice.openStart && index === 0;
       var currentNodeIsAtEndAndIsOpen = slice.openEnd && index + 1 === slice.content.childCount;
-
       if (currentNodeIsAtStartAndIsOpen || currentNodeIsAtEndAndIsOpen) {
         return node.content;
       }
     }
-
     return node;
-  }); // If the first/last child has changed - then we know we've removed a bodied extension & to decrement the open depth
+  });
 
+  // If the first/last child has changed - then we know we've removed a bodied extension & to decrement the open depth
   return new Slice(fragment, fragment.firstChild && fragment.firstChild.type !== slice.content.firstChild.type ? slice.openStart - 1 : slice.openStart, fragment.lastChild && fragment.lastChild.type !== slice.content.lastChild.type ? slice.openEnd - 1 : slice.openEnd);
 };

package/dist/esm/transforms/layout.js

@@ -1,10 +1,8 @@
 import { Fragment, Slice } from 'prosemirror-model';
 import { flatmap, mapFragment } from '../utils/slice';
-
 var isLayoutNode = function isLayoutNode(node) {
   return node.type === node.type.schema.nodes.layoutSection || node.type === node.type.schema.nodes.layoutColumn;
 };
-
 export function unwrapContentFromLayout(maybeLayoutSection) {
   var fragment = mapFragment(Fragment.from(maybeLayoutSection), function (node) {
     return isLayoutNode(node) ? node.content : node;
@@ -21,6 +19,7 @@ export function removeLayoutFromFirstChild(node, i) {
 export function removeLayoutFromLastChild(node, i, fragment) {
   return i === fragment.childCount - 1 ? unwrapContentFromLayout(node) : node;
 }
+
 /**
  * When we have a slice that cuts across a layoutSection/layoutColumn
  * we can end up with unexpected behaviour on paste/drop where a user
@@ -31,28 +30,28 @@ export function removeLayoutFromLastChild(node, i, fragment) {
  * We only care about slices with non-zero openStart / openEnd's here
  * as we're totally fine for people to copy/paste a full layoutSection
  */
-
 export function transformSliceToRemoveOpenLayoutNodes(slice, schema) {
   // Case 1: A slice entirely within a single layoutSection
   if (slice.openStart && slice.openEnd && slice.content.childCount === 1) {
     var maybeLayoutSection = slice.content.firstChild;
-
     if (maybeLayoutSection.type === schema.nodes.layoutSection) {
-      return new Slice(flatmap(slice.content, removeLayoutFromFirstChild), // '-2' here because we've removed the layoutSection/layoutColumn; reducing the open depth.
+      return new Slice(flatmap(slice.content, removeLayoutFromFirstChild),
+      // '-2' here because we've removed the layoutSection/layoutColumn; reducing the open depth.
       slice.openStart - 2, slice.openEnd - 2);
     }
-  } // Case 2: A slice starting inside a layoutSection and finishing outside
-
+  }
 
+  // Case 2: A slice starting inside a layoutSection and finishing outside
   if (slice.openStart && slice.content.firstChild.type === schema.nodes.layoutSection) {
     slice = new Slice(flatmap(slice.content, removeLayoutFromFirstChild), slice.openStart - 2, slice.openEnd);
-  } // Case 3: A slice starting outside a layoutSection and finishing inside
-
+  }
 
+  // Case 3: A slice starting outside a layoutSection and finishing inside
   if (slice.openEnd && slice.content.lastChild.type === schema.nodes.layoutSection) {
     slice = new Slice(flatmap(slice.content, removeLayoutFromLastChild), slice.openStart, slice.openEnd - 2);
-  } // Case 2 & 3 also handles a slice starting in one layoutSection & finishing in a different layoutSection
+  }
 
+  // Case 2 & 3 also handles a slice starting in one layoutSection & finishing in a different layoutSection
 
   return slice;
 }

package/dist/esm/type-ahead/index.js

@@ -1,13 +1,10 @@
 export var TypeAheadAvailableNodes;
-
 (function (TypeAheadAvailableNodes) {
   TypeAheadAvailableNodes["EMOJI"] = "emojiTypeAhead";
   TypeAheadAvailableNodes["MENTION"] = "mentionTypeAhead";
   TypeAheadAvailableNodes["QUICK_INSERT"] = "quickInsertTypeAhead";
 })(TypeAheadAvailableNodes || (TypeAheadAvailableNodes = {}));
-
 export var SelectItemMode;
-
 (function (SelectItemMode) {
   SelectItemMode["SHIFT_ENTER"] = "shift-enter";
   SelectItemMode["ENTER"] = "enter";

package/dist/esm/types/annotation/emitter.js

@@ -3,28 +3,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import EventEmitter from 'events';
 export var AnnotationUpdateEvent;
-
 (function (AnnotationUpdateEvent) {
   AnnotationUpdateEvent["SET_ANNOTATION_FOCUS"] = "SET_ANNOTATION_FOCUS";
   AnnotationUpdateEvent["SET_ANNOTATION_STATE"] = "SET_ANNOTATION_STATE";
   AnnotationUpdateEvent["REMOVE_ANNOTATION_FOCUS"] = "REMOVE_ANNOTATION_FOCUS";
   AnnotationUpdateEvent["ON_ANNOTATION_CLICK"] = "ON_ANNOTATION_CLICK";
 })(AnnotationUpdateEvent || (AnnotationUpdateEvent = {}));
-
 export var AnnotationUpdateEmitter = /*#__PURE__*/function () {
   function AnnotationUpdateEmitter() {
     _classCallCheck(this, AnnotationUpdateEmitter);
-
     _defineProperty(this, "emitter", new EventEmitter());
   }
-
   _createClass(AnnotationUpdateEmitter, [{
     key: "emit",
     value: function emit(event, params) {
       if (typeof params === 'undefined') {
         return this.emitter.emit(event);
       }
-
       return this.emitter.emit(event, params);
     }
   }, {
@@ -43,6 +38,5 @@ export var AnnotationUpdateEmitter = /*#__PURE__*/function () {
       return this.emitter.listeners(event);
     }
   }]);
-
   return AnnotationUpdateEmitter;
 }();

package/dist/esm/types/index.js

@@ -1,10 +1,8 @@
 export var SortOrder;
-
 (function (SortOrder) {
   SortOrder["ASC"] = "asc";
   SortOrder["DESC"] = "desc";
   SortOrder["NO_ORDER"] = "no_order";
 })(SortOrder || (SortOrder = {}));
-
 export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './toolbar';

package/dist/esm/types/toolbar.js

@@ -1,5 +1,4 @@
 export var ToolbarSize;
-
 (function (ToolbarSize) {
   ToolbarSize[ToolbarSize["XXL"] = 6] = "XXL";
   ToolbarSize[ToolbarSize["XL"] = 5] = "XL";
@@ -8,9 +7,7 @@ export var ToolbarSize;
   ToolbarSize[ToolbarSize["S"] = 2] = "S";
   ToolbarSize[ToolbarSize["XXXS"] = 1] = "XXXS";
 })(ToolbarSize || (ToolbarSize = {}));
-
 export var ToolbarWidths;
-
 (function (ToolbarWidths) {
   ToolbarWidths[ToolbarWidths["XXL"] = 610] = "XXL";
   ToolbarWidths[ToolbarWidths["XL"] = 540] = "XL";
@@ -18,9 +15,7 @@ export var ToolbarWidths;
   ToolbarWidths[ToolbarWidths["M"] = 450] = "M";
   ToolbarWidths[ToolbarWidths["S"] = 370] = "S";
 })(ToolbarWidths || (ToolbarWidths = {}));
-
 export var ToolbarWidthsFullPage;
-
 (function (ToolbarWidthsFullPage) {
   ToolbarWidthsFullPage[ToolbarWidthsFullPage["XXL"] = 650] = "XXL";
   ToolbarWidthsFullPage[ToolbarWidthsFullPage["XL"] = 580] = "XL";

package/dist/esm/ufo/experience-store.js

@@ -10,28 +10,23 @@ export var experienceConfig = {
   }
 };
 export var EditorExperience;
-
 (function (EditorExperience) {
   EditorExperience["loadEditor"] = "load";
   EditorExperience["typing"] = "type";
   EditorExperience["interaction"] = "interact";
   EditorExperience["editSession"] = "editSession";
 })(EditorExperience || (EditorExperience = {}));
-
 export var RELIABILITY_INTERVAL = 30000;
 export var ExperienceStore = /*#__PURE__*/function () {
   function ExperienceStore() {
     _classCallCheck(this, ExperienceStore);
-
     this.experiences = new Map();
-
     for (var _i = 0, _Object$values = Object.values(EditorExperience); _i < _Object$values.length; _i++) {
       var experienceId = _Object$values[_i];
       var experience = new UFOExperience(experienceId, experienceConfig);
       this.experiences.set(experienceId, experience);
     }
   }
-
   _createClass(ExperienceStore, [{
     key: "get",
     value: function get(experienceId) {
@@ -41,7 +36,6 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "getActive",
     value: function getActive(experienceId) {
       var experience = this.experiences.get(experienceId);
-
       if (!(experience !== null && experience !== void 0 && experience.state.final)) {
         return experience;
       }
@@ -55,28 +49,24 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "start",
     value: function start(experienceId, startTime) {
       var _this$get;
-
       (_this$get = this.get(experienceId)) === null || _this$get === void 0 ? void 0 : _this$get.start(startTime);
     }
   }, {
     key: "addMetadata",
     value: function addMetadata(experienceId, metadata) {
       var _this$get2;
-
       (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 ? void 0 : _this$get2.addMetadata(metadata);
     }
   }, {
     key: "mark",
     value: function mark(experienceId, _mark, value) {
       var _this$get3;
-
       (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 ? void 0 : _this$get3.mark(_mark, value);
     }
   }, {
     key: "success",
     value: function success(experienceId, metadata) {
       var _this$getActive;
-
       return (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
         metadata: metadata
       });
@@ -85,7 +75,6 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "fail",
     value: function fail(experienceId, metadata) {
       var _this$getActive2;
-
       (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 ? void 0 : _this$getActive2.failure({
         metadata: metadata
       });
@@ -94,13 +83,11 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "abort",
     value: function abort(experienceId, metadata) {
       var _this = this;
-
       // We add this wait in here because when React catches an error it unmounts the component
       // before the error boundary's componentDidCatch is called
       // In this case we want to fail the experience, but without this wait, abort is called first
       setTimeout(function () {
         var _this$getActive3;
-
         (_this$getActive3 = _this.getActive(experienceId)) === null || _this$getActive3 === void 0 ? void 0 : _this$getActive3.abort({
           metadata: metadata
         });
@@ -110,7 +97,6 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "abortAll",
     value: function abortAll(metadata) {
       var _this2 = this;
-
       this.experiences.forEach(function (experience) {
         _this2.abort(experience.id, metadata);
       });
@@ -119,7 +105,6 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "failAll",
     value: function failAll(metadata) {
       var _this3 = this;
-
       this.experiences.forEach(function (experience) {
         _this3.fail(experience.id, metadata);
       });
@@ -128,17 +113,13 @@ export var ExperienceStore = /*#__PURE__*/function () {
     key: "getInstance",
     value: function getInstance(view) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
       if (!this.stores.get(view) || options !== null && options !== void 0 && options.forceNewInstance) {
         var store = new ExperienceStore();
         this.stores.set(view, store);
       }
-
       return this.stores.get(view);
     }
   }]);
-
   return ExperienceStore;
 }();
-
 _defineProperty(ExperienceStore, "stores", new WeakMap());

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

@@ -9,21 +9,17 @@ export function mapBreakpointToLayoutMaxWidth(breakpoint) {
   switch (breakpoint) {
     case 'M':
       return 760;
-
     case 'L':
       return 850;
-
     default:
       return 680;
   }
 }
 export function BaseThemeWrapper(_ref) {
   var baseFontSize = _ref.baseFontSize,
-      children = _ref.children;
-
+    children = _ref.children;
   var _useGlobalTheme = useGlobalTheme(),
-      mode = _useGlobalTheme.mode;
-
+    mode = _useGlobalTheme.mode;
   var memoizedTheme = useMemo(function () {
     return _defineProperty({
       baseFontSize: baseFontSize || fontSize(),
@@ -38,7 +34,7 @@ export function BaseThemeWrapper(_ref) {
 }
 export function BaseTheme(_ref3) {
   var children = _ref3.children,
-      baseFontSize = _ref3.baseFontSize;
+    baseFontSize = _ref3.baseFontSize;
   return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref4) {
     var breakpoint = _ref4.breakpoint;
     return /*#__PURE__*/React.createElement(BaseThemeWrapper, {

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

@@ -5,13 +5,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -22,24 +18,20 @@ var captionWrapperStyle = css(_templateObject || (_templateObject = _taggedTempl
 var placeholderStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  position: absolute;\n  top: 0;\n  width: 100%;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"));
 export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(CaptionComponent, _React$Component);
-
   var _super = _createSuper(CaptionComponent);
-
   function CaptionComponent() {
     _classCallCheck(this, CaptionComponent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CaptionComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          selected = _this$props.selected,
-          hasContent = _this$props.hasContent,
-          children = _this$props.children,
-          dataAttributes = _this$props.dataAttributes,
-          formatMessage = _this$props.intl.formatMessage;
+        selected = _this$props.selected,
+        hasContent = _this$props.hasContent,
+        children = _this$props.children,
+        dataAttributes = _this$props.dataAttributes,
+        formatMessage = _this$props.intl.formatMessage;
       var showPlaceholder = !selected && !hasContent;
       return jsx("div", _extends({
         "data-media-caption": true,
@@ -51,7 +43,6 @@ export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
       }, formatMessage(messages.placeholder)) : null, children);
     }
   }]);
-
   return CaptionComponent;
 }(React.Component);
 export default injectIntl(CaptionComponent);