@atlaskit/editor-common 72.1.2 → 72.2.1

package/dist/es2019/react-node-view/index.js

@@ -9,7 +9,6 @@ import { analyticsEventKey } from '../utils/analytics';
 export default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasAnalyticsContext = false, viewShouldUpdate, hasIntlContext = false) {
     _defineProperty(this, "handleRef", node => this._handleRef(node));
-
     _defineProperty(this, "dispatchAnalyticsEvent", payload => {
       if (this.eventDispatcher) {
         const dispatch = createDispatch(this.eventDispatcher);
@@ -18,7 +17,6 @@ export default class ReactNodeView {
         });
       }
     });
-
     this.node = _node;
     this.view = view;
     this.getPos = getPos;
@@ -30,6 +28,7 @@ export default class ReactNodeView {
     this.eventDispatcher = eventDispatcher;
     this.hasIntlContext = hasIntlContext;
   }
+
   /**
    * This method exists to move initialization logic out of the constructor,
    * so object can be initialized properly before calling render first time.
@@ -39,8 +38,6 @@ export default class ReactNodeView {
    * constructor, which leads to some methods being undefined during the
    * first render.
    */
-
-
   init() {
     this.domRef = this.createDomRef();
     this.setDomAttrs(this.node, this.domRef);
@@ -51,17 +48,16 @@ export default class ReactNodeView {
       dom: undefined,
       contentDOM: undefined
     };
-
     if (this.domRef && contentDOMWrapper) {
       this.domRef.appendChild(contentDOMWrapper);
       this.contentDOM = contentDOM ? contentDOM : contentDOMWrapper;
       this.contentDOMWrapper = contentDOMWrapper || contentDOM;
-    } // @see ED-3790
+    }
+
+    // @see ED-3790
     // something gets messed up during mutation processing inside of a
     // nodeView if DOM structure has nested plain "div"s, it doesn't see the
     // difference between them and it kills the nodeView
-
-
     this.domRef.classList.add(`${this.node.type.name}View-content-wrap`);
     const {
       samplingRate,
@@ -81,46 +77,38 @@ export default class ReactNodeView {
     });
     return this;
   }
-
   renderReactComponent(component) {
     if (!this.domRef || !component) {
       return;
     }
-
     const componentWithErrorBoundary = () => {
       var _this$node$type$name, _this$node, _this$node$type;
-
       return /*#__PURE__*/React.createElement(ErrorBoundary, {
         component: ACTION_SUBJECT.REACT_NODE_VIEW,
         componentId: (_this$node$type$name = this === null || this === void 0 ? void 0 : (_this$node = this.node) === null || _this$node === void 0 ? void 0 : (_this$node$type = _this$node.type) === null || _this$node$type === void 0 ? void 0 : _this$node$type.name) !== null && _this$node$type$name !== void 0 ? _this$node$type$name : ACTION_SUBJECT_ID.UNKNOWN_NODE,
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent
       }, component());
     };
-
     this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
   }
-
   createDomRef() {
     if (!this.node.isInline) {
       return document.createElement('div');
     }
-
     const htmlElement = document.createElement('span');
     return htmlElement;
   }
-
   getContentDOM() {
     return undefined;
   }
-
   _handleRef(node) {
-    const contentDOM = this.contentDOMWrapper || this.contentDOM; // move the contentDOM node inside the inner reference after rendering
+    const contentDOM = this.contentDOMWrapper || this.contentDOM;
 
+    // move the contentDOM node inside the inner reference after rendering
     if (node && contentDOM && !node.contains(contentDOM)) {
       node.appendChild(contentDOM);
     }
   }
-
   render(props, forwardRef) {
     return this.reactComponent ? /*#__PURE__*/React.createElement(this.reactComponent, _extends({
       view: this.view,
@@ -129,66 +117,54 @@ export default class ReactNodeView {
       forwardRef: forwardRef
     }, props)) : null;
   }
-
   update(node, _decorations, _innerDecorations, validUpdate = () => true) {
     // @see https://github.com/ProseMirror/prosemirror/issues/648
     const isValidUpdate = this.node.type === node.type && validUpdate(this.node, node);
-
     if (!isValidUpdate) {
       return false;
     }
-
     if (this.domRef && !this.node.sameMarkup(node)) {
       this.setDomAttrs(node, this.domRef);
-    } // View should not process a re-render if this is false.
-    // We dont want to destroy the view, so we return true.
-
+    }
 
+    // View should not process a re-render if this is false.
+    // We dont want to destroy the view, so we return true.
     if (!this.viewShouldUpdate(node)) {
       this.node = node;
       return true;
     }
-
     this.node = node;
     this.renderReactComponent(() => this.render(this.reactComponentProps, this.handleRef));
     return true;
   }
-
   viewShouldUpdate(nextNode) {
     if (this._viewShouldUpdate) {
       return this._viewShouldUpdate(nextNode);
     }
-
     return true;
   }
+
   /**
    * Copies the attributes from a ProseMirror Node to a DOM node.
    * @param node The Prosemirror Node from which to source the attributes
    */
-
-
   setDomAttrs(node, element) {
     Object.keys(node.attrs || {}).forEach(attr => {
       element.setAttribute(attr, node.attrs[attr]);
     });
   }
-
   get dom() {
     return this.domRef;
   }
-
   destroy() {
     if (!this.domRef) {
       return;
     }
-
     this.portalProviderAPI.remove(this.domRef);
     this.domRef = undefined;
     this.contentDOM = undefined;
   }
-
   static fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate, hasIntlContext = false) {
     return (node, view, getPos) => new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
   }
-
 }

package/dist/es2019/safe-plugin/index.js

@@ -3,8 +3,8 @@ export class SafePlugin extends Plugin {
   // This variable isn't (and shouldn't) be used anywhere. Its purpose is
   // to distinguish Plugin from SafePlugin, thus ensuring that an 'unsafe'
   // Plugin cannot be assigned as an item in EditorPlugin → pmPlugins.
+
   constructor(spec) {
     super(spec);
   }
-
 }

package/dist/es2019/selection/gap-cursor/selection.js

@@ -3,12 +3,10 @@ import { Slice } from 'prosemirror-model';
 import { Selection } from 'prosemirror-state';
 import { isValidTargetNode } from './utils/is-valid-target-node';
 export let Side;
-
 (function (Side) {
   Side["LEFT"] = "left";
   Side["RIGHT"] = "right";
 })(Side || (Side = {}));
-
 export const JSON_ID = 'gapcursor';
 export class GapCursorSelection extends Selection {
   /**
@@ -18,12 +16,9 @@ export class GapCursorSelection extends Selection {
    */
   constructor($pos, side = Side.LEFT) {
     super($pos, $pos);
-
     _defineProperty(this, "visible", false);
-
     this.side = side;
   }
-
   static valid($pos) {
     const {
       parent,
@@ -31,84 +26,68 @@ export class GapCursorSelection extends Selection {
       nodeAfter
     } = $pos;
     const targetNode = isValidTargetNode(nodeBefore) ? nodeBefore : isValidTargetNode(nodeAfter) ? nodeAfter : null;
-
     if (!targetNode || parent.isTextblock) {
       return false;
     }
-
     const deflt = parent.contentMatchAt($pos.index()).defaultType;
     return deflt && deflt.isTextblock;
   }
-
   static findFrom($pos, dir, mustMove = false) {
     const side = dir === 1 ? Side.RIGHT : Side.LEFT;
-
     if (!mustMove && GapCursorSelection.valid($pos)) {
       return new GapCursorSelection($pos, side);
     }
+    let pos = $pos.pos;
 
-    let pos = $pos.pos; // TODO: Fix any, potential issue. ED-5048
-
-    let next = null; // Scan up from this position
+    // TODO: Fix any, potential issue. ED-5048
+    let next = null;
 
+    // Scan up from this position
     for (let d = $pos.depth;; d--) {
       const parent = $pos.node(d);
-
       if (side === Side.RIGHT ? $pos.indexAfter(d) < parent.childCount : $pos.index(d) > 0) {
         next = parent.maybeChild(side === Side.RIGHT ? $pos.indexAfter(d) : $pos.index(d) - 1);
         break;
       } else if (d === 0) {
         return null;
       }
-
       pos += dir;
       const $cur = $pos.doc.resolve(pos);
-
       if (GapCursorSelection.valid($cur)) {
         return new GapCursorSelection($cur, side);
       }
-    } // And then down into the next node
-
+    }
 
+    // And then down into the next node
     for (;;) {
       next = side === Side.RIGHT ? next.firstChild : next.lastChild;
-
       if (next === null) {
         break;
       }
-
       pos += dir;
       const $cur = $pos.doc.resolve(pos);
-
       if (GapCursorSelection.valid($cur)) {
         return new GapCursorSelection($cur, side);
       }
     }
-
     return null;
   }
-
   static fromJSON(doc, json) {
     return new GapCursorSelection(doc.resolve(json.pos), json.side);
   }
-
   map(doc, mapping) {
     const $pos = doc.resolve(mapping.map(this.head));
     return GapCursorSelection.valid($pos) ? new GapCursorSelection($pos, this.side) : Selection.near($pos);
   }
-
   eq(other) {
     return other instanceof GapCursorSelection && other.head === this.head;
   }
-
   content() {
     return Slice.empty;
   }
-
   getBookmark() {
     return new GapBookmark(this.anchor);
   }
-
   toJSON() {
     return {
       pos: this.head,
@@ -116,21 +95,17 @@ export class GapCursorSelection extends Selection {
       side: this.side
     };
   }
-
 }
 Selection.jsonID(JSON_ID, GapCursorSelection);
 export class GapBookmark {
   constructor(pos) {
     this.pos = pos;
   }
-
   map(mapping) {
     return new GapBookmark(mapping.map(this.pos));
   }
-
   resolve(doc) {
     const $pos = doc.resolve(this.pos);
     return GapCursorSelection.valid($pos) ? new GapCursorSelection($pos) : Selection.near($pos);
   }
-
 }

package/dist/es2019/selection/types.js

@@ -1,5 +1,4 @@
 export let RelativeSelectionPos;
-
 (function (RelativeSelectionPos) {
   RelativeSelectionPos["Before"] = "Before";
   RelativeSelectionPos["Start"] = "Start";

package/dist/es2019/selection/utils.js

@@ -2,37 +2,29 @@ export const isSelectionAtStartOfNode = ($pos, parentNode) => {
   if (!parentNode) {
     return false;
   }
-
   for (let i = $pos.depth + 1; i > 0; i--) {
     const node = $pos.node(i);
-
     if (node && node.eq(parentNode.node)) {
       break;
     }
-
     if (i > 1 && $pos.before(i) !== $pos.before(i - 1) + 1) {
       return false;
     }
   }
-
   return true;
 };
 export const isSelectionAtEndOfNode = ($pos, parentNode) => {
   if (!parentNode) {
     return false;
   }
-
   for (let i = $pos.depth + 1; i > 0; i--) {
     const node = $pos.node(i);
-
     if (node && node.eq(parentNode.node)) {
       break;
     }
-
     if (i > 1 && $pos.after(i) !== $pos.after(i - 1) - 1) {
       return false;
     }
   }
-
   return true;
 };

package/dist/es2019/styles/shared/headings.js

@@ -1,7 +1,8 @@
 import { css } from '@emotion/react';
-import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
-// text sizing prototype: http://proto/fabricrender/
+import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
 
+// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
+// text sizing prototype: http://proto/fabricrender/
 export const headingsSharedStyles = props => css`
   & h1 {
     ${h700(props)};

package/dist/es2019/styles/shared/lists.js

@@ -3,18 +3,15 @@ import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
 import browser from '../../utils/browser';
 export const listItemCounterPadding = 24;
 var CSS_VAR_NAMES;
-
 (function (CSS_VAR_NAMES) {
   CSS_VAR_NAMES["ITEM_COUNTER_PADDING"] = "--ed--list--item-counter--padding";
 })(CSS_VAR_NAMES || (CSS_VAR_NAMES = {}));
-
 const getItemCounterLeftPadding = itemCounterDigitsSize => {
   // Previous padding-left was approximately 24px. We approximate that
   // same value using "ch" units (which represent the width of a "0" digit
   // character). We use "ch" so that this computed padding can now grow if
   //  the font-size ever enlarges.
   let paddingLeft = `2.385ch`;
-
   if (itemCounterDigitsSize >= 3) {
     // When there are 3 or more digits, we use a combination of "ch" units and
     // pixel values so that while the computed padding grows if font-size ever
@@ -24,21 +21,16 @@ const getItemCounterLeftPadding = itemCounterDigitsSize => {
     const fixedBasePx = 2;
     paddingLeft = `calc(${itemCounterDigitsSize + 1}ch - ${fixedBasePx}px)`;
   }
-
   return paddingLeft;
 };
-
 const stringifyStyle = style => Object.entries(style).reduce((str, [key, value]) => `${str}${key}:${value};`, ``);
-
 export function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
   const style = {
     [CSS_VAR_NAMES.ITEM_COUNTER_PADDING]: getItemCounterLeftPadding(itemCounterDigitsSize)
   };
-
   if (styleFormat === 'string') {
     return stringifyStyle(style);
   }
-
   return style;
 }
 export const listsSharedStyles = css`

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

@@ -101,19 +101,23 @@ const tokenDarkPanelColors = {
   success: `var(--ds-background-success, ${darkPanelColors['success']})`,
   warning: `var(--ds-background-warning, ${darkPanelColors['warning']})`,
   error: `var(--ds-background-danger, ${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.
 const panelEmojiSpriteVerticalAlignment = -(gridSize() * 3 - akEditorCustomIconSize) / 2;
-const panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1; // TODO: https://product-fabric.atlassian.net/browse/DSP-4066
+const panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
 
-const 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
+const 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 const getPanelDarkColor = panelColor => {
   const colorObject = panelDarkModeColors.find(color => color[0] === panelColor || color[1] === panelColor);
   return colorObject ? colorObject[1] : darkPanelColors.B1200S;
-}; // used for custom panels
+};
 
+// used for custom panels
 export const getPanelBackgroundDarkModeColors = panelDarkModeColors.map(([colorName, colorValue]) => getPanelDarkModeCSS(colorName, colorValue)).join('\n');
 export function getPanelDarkModeCSS(colorName, colorValue) {
   return `
@@ -152,7 +156,6 @@ export const PanelSharedSelectors = {
   yellowWarningIcon: `[aria-label=":warning:"]  span:nth-child(1)`,
   copyButton: `button[aria-label="Copy"]`
 };
-
 const iconDynamicStyles = panelType => props => {
   const light = lightIconColor[panelType];
   const dark = darkIconColor[panelType];
@@ -163,9 +166,9 @@ const iconDynamicStyles = panelType => props => {
   return `
     color: ${color};
   `;
-}; // 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 const getPanelTypeBackgroundNoTokens = (panelType, props = {}) => {
   const light = lightPanelColors[panelType];
   const dark = darkPanelColors[panelType];
@@ -176,8 +179,8 @@ export const getPanelTypeBackgroundNoTokens = (panelType, props = {}) => {
   return background || 'none';
 };
 export const getPanelTypeBackground = (panelType, props = {}) => {
-  const light = hexToEditorBackgroundPaletteColor(lightPanelColors[panelType]); // hexToEditorBackgroundPaletteColor has a light mode as a fallback color - for legacy dark mode we define the tokens locally
-
+  const light = hexToEditorBackgroundPaletteColor(lightPanelColors[panelType]);
+  // hexToEditorBackgroundPaletteColor has a light mode as a fallback color - for legacy dark mode we define the tokens locally
   const dark = tokenDarkPanelColors[panelType];
   const background = themed({
     light,
@@ -185,7 +188,6 @@ export const getPanelTypeBackground = (panelType, props = {}) => {
   })(props);
   return background || 'none';
 };
-
 const mainDynamicStyles = panelType => props => {
   const background = getPanelTypeBackground(panelType, props);
   const text = themed({
@@ -197,7 +199,6 @@ const mainDynamicStyles = panelType => props => {
     color: ${text};
   `;
 };
-
 export const panelSharedStylesWithoutPrefix = props => css`
   border-radius: ${borderRadius()}px;
   margin: ${blockNodesVerticalMargin} 0 0;

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

@@ -1,6 +1,7 @@
 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 const paragraphSharedStyles = css`
   & p {
     font-size: 1em;

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

@@ -5,8 +5,9 @@ import { themed } from '@atlaskit/theme/components';
 const divider = themed({
   light: `var(--ds-border, ${N30A})`,
   dark: `var(--ds-border, ${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 const ruleSharedStyles = props => css`
   & hr {
     border: none;

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

@@ -1,10 +1,12 @@
 /* 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';
 const shadowWidth = 8;
+
 /**
  * TODO: This is close to working and removes a tone of JS from OverflowShadow component
  *

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

@@ -1,4 +1,5 @@
 /* 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';
@@ -30,7 +31,6 @@ export const TableSharedCssClassName = {
   TABLE_ROW_CONTROLS_WRAPPER: `${tablePrefixSelector}-row-controls-wrapper`,
   TABLE_COLUMN_CONTROLS_DECORATIONS: `${tablePrefixSelector}-column-controls-decoration`
 };
-
 const tableSharedStyle = props => css`
   .${TableSharedCssClassName.TABLE_CONTAINER} {
     position: relative;
@@ -199,19 +199,15 @@ const tableSharedStyle = props => css`
     }
   }
 `;
-
 export const calcTableWidth = (layout, containerWidth, addControllerPadding = true) => {
   switch (layout) {
     case 'full-width':
       return containerWidth ? `${Math.min(containerWidth - (addControllerPadding ? akEditorBreakoutPadding : 0), akEditorFullWidthLayoutWidth)}px` : `${akEditorFullWidthLayoutWidth}px`;
-
     case 'wide':
       if (containerWidth) {
         return `${Math.min(containerWidth - (addControllerPadding ? akEditorBreakoutPadding : 0), akEditorWideLayoutWidth)}px`;
       }
-
       return `${akEditorWideLayoutWidth}px`;
-
     default:
       return 'inherit';
   }

package/dist/es2019/transforms/expand.js

@@ -7,16 +7,16 @@ export const findExpand = (state, selection) => {
     nestedExpand
   } = state.schema.nodes;
   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 const 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 const transformSliceNestedExpandToExpand = (slice, schema) => {

package/dist/es2019/transforms/extension.js

@@ -1,10 +1,10 @@
 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 const transformSliceToRemoveOpenBodiedExtension = (slice, schema) => {
   const {
     bodiedExtension
@@ -13,14 +13,13 @@ export const transformSliceToRemoveOpenBodiedExtension = (slice, schema) => {
     if (node.type === bodiedExtension && !parent) {
       const currentNodeIsAtStartAndIsOpen = slice.openStart && index === 0;
       const 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/es2019/transforms/layout.js

@@ -1,8 +1,6 @@
 import { Fragment, Slice } from 'prosemirror-model';
 import { flatmap, mapFragment } from '../utils/slice';
-
 const isLayoutNode = node => node.type === node.type.schema.nodes.layoutSection || node.type === node.type.schema.nodes.layoutColumn;
-
 export function unwrapContentFromLayout(maybeLayoutSection) {
   const fragment = mapFragment(Fragment.from(maybeLayoutSection), node => {
     return isLayoutNode(node) ? node.content : node;
@@ -17,6 +15,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
@@ -27,28 +26,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) {
     const 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;
 }