@atlaskit/adf-schema 33.1.2 → 33.2.0

package/dist/es2019/schema/nodes/multi-bodied-extension.js

@@ -0,0 +1,94 @@
+import { getExtensionAttrs } from '../../utils/extensions';
+
+/**
+ * @stage 0
+ * @name extensionFrame_node
+ * @description Wraps the block content
+ */
+
+/**
+ * @returns NodeSpec for ExtensionFrameDefinition
+ */
+export const extensionFrame = {
+  type: 'extensionFrame',
+  content: '(panel | paragraph | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaGroup | mediaSingle | decisionList | taskList | table | extension | bodiedExtension | unsupportedBlock | blockCard | embedCard)+',
+  isolating: true,
+  marks: 'alignment indentation dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
+  selectable: true,
+  attrs: {},
+  parseDOM: [{
+    context: 'extensionFrame//',
+    tag: 'div[data-extension-frame]',
+    skip: true
+  }, {
+    tag: 'div[data-extension-frame]'
+  }],
+  toDOM() {
+    const attrs = {
+      'data-extension-frame': 'true'
+    };
+    return ['div', attrs, 0];
+  }
+};
+
+/**
+ * @stage 0
+ * @name multiBodiedExtension_node
+ * @description Wraps multiple extensionFrame objects.
+ */
+
+/**
+ * @returns NodeSpec for MultiBodiedExtensionDefinition
+ */
+const createMultiBodiedExtensionNodeSpec = () => {
+  const nodeSpec = {
+    inline: false,
+    group: 'block',
+    marks: 'dataConsumer fragment',
+    content: 'extensionFrame+',
+    defining: true,
+    selectable: true,
+    attrs: {
+      extensionKey: {
+        default: ''
+      },
+      extensionType: {
+        default: ''
+      },
+      parameters: {
+        default: null
+      },
+      text: {
+        default: null
+      },
+      layout: {
+        default: 'default'
+      },
+      localId: {
+        default: null
+      }
+    },
+    parseDOM: [{
+      context: 'multiBodiedExtension//',
+      tag: '[data-node-type="multi-bodied-extension"]',
+      skip: true
+    }, {
+      tag: '[data-node-type="multi-bodied-extension"]',
+      getAttrs: domNode => getExtensionAttrs(domNode)
+    }],
+    toDOM(node) {
+      const attrs = {
+        'data-node-type': 'multi-bodied-extension',
+        'data-extension-type': node.attrs.extensionType,
+        'data-extension-key': node.attrs.extensionKey,
+        'data-text': node.attrs.text,
+        'data-parameters': JSON.stringify(node.attrs.parameters),
+        'data-layout': node.attrs.layout,
+        'data-local-id:': node.attrs.localId
+      };
+      return ['div', attrs, 0];
+    }
+  };
+  return nodeSpec;
+};
+export const multiBodiedExtension = createMultiBodiedExtensionNodeSpec();

package/dist/es2019/schema/nodes/tableNodes.js

@@ -1,4 +1,3 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { hexToEditorBackgroundPaletteRawValue } from '../../utils/editor-palette';
 import { B100, B50, B75, G200, G50, G75, hexToRgba, isHex, isRgb, N0, N20, N60, N800, P100, P50, P75, R100, R50, R75, rgbToHex, T100, T50, T75, Y200, Y50, Y75 } from '../../utils/colors';
 import { uuid } from '../../utils/uuid';
@@ -56,6 +55,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -123,40 +128,36 @@ export const getCellDomAttrs = node => {
       attrs.style = '';
     } else {
       const color = isRgb(background) && rgbToHex(background) ? rgbToHex(background) : background;
-      if (getBooleanFF('platform.editor.dm-invert-tablecell-bgcolor_9fz6s')) {
-        /**
-         * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
-         * backgrounds persisted.
-         *
-         * This feature predates the introduction of dark mode.
-         *
-         * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
-         *
-         * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
-         *
-         * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-         * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
-         * seperate attribute (data-cell-background), instead of the inline style.
-         *
-         * See the following document for more details on this behaviour
-         * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
-         */
-        const tokenColor = hexToEditorBackgroundPaletteRawValue(color);
-        if (tokenColor) {
-          attrs.style = `background-color: ${tokenColor};`;
-        } else {
+
+      /**
+       * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
+       * backgrounds persisted.
+       *
+       * This feature predates the introduction of dark mode.
+       *
+       * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
+       *
+       * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
+       *
+       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+       * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
+       * seperate attribute (data-cell-background), instead of the inline style.
+       *
+       * See the following document for more details on this behaviour
+       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
+       */
+      const tokenColor = hexToEditorBackgroundPaletteRawValue(color);
+      if (tokenColor) {
+        attrs.style = `background-color: ${tokenColor};`;
+      } else {
+        // if we have a custom color, we need to check if we are in dark mode
+        if (getGlobalTheme().colorMode === 'dark') {
           // if we have a custom color, we need to check if we are in dark mode
-          if (getGlobalTheme().colorMode === 'dark') {
-            // if we have a custom color, we need to check if we are in dark mode
-            attrs.style = `background-color: ${invertCustomColor(color)};`;
-          } else {
-            // if we are in light mode, we can just set the color
-            attrs.style = `background-color: ${background};`;
-          }
+          attrs.style = `background-color: ${invertCustomColor(color)};`;
+        } else {
+          // if we are in light mode, we can just set the color
+          attrs.style = `background-color: ${background};`;
         }
-      } else {
-        const tokenColor = hexToEditorBackgroundPaletteRawValue(color) || color;
-        attrs.style = `${attrs.style || ''}background-color: ${tokenColor};`;
       }
 
       /**

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, bodiedExtension, breakout, bulletList, bulletListSelector, caption, code, codeBlock, codeBlockToJSON, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
-colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette } from './schema';
+colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension } from './schema';
 export { B100, B400, B50, B500, B75, G200, G300, G400, G50, G500, G75, N0, N20, N200, N30, N300, N40, N50, N500, N60, N80, N800, N90, P100, P300, P400, P50, P500, P75, R100, R300, R400, R50, R500, R75, T100, T300, T50, T500, T75, Y200, Y400, Y50, Y500, Y75, acNameToEmoji, acShortcutToEmoji, emojiIdToAcName, generateUuid, getEmojiAcName, getLinkMatch, hexToRgb, hexToRgba, isHex, isRgb, isSafeUrl, linkify, linkifyMatch, normalizeHexColor, normalizeUrl, rgbToHex, uuid } from './utils';

package/dist/esm/schema/create-schema.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { Schema } from '@atlaskit/editor-prosemirror/model';
 import { COLOR, FONT_STYLE, SEARCH_QUERY, LINK } from './groups';
 import { link, em, strong, textColor, strike, subsup, underline, code, typeAheadQuery, confluenceInlineComment, breakout, alignment, indentation, annotation, unsupportedMark, unsupportedNodeAttribute, dataConsumer, fragment, border } from './marks';
-import { confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, doc, paragraph, text, bulletList, orderedListWithOrder, listItem, heading, blockquote, codeBlock, panel, rule, image, mention, media, mediaInline, mediaSingleFull, mediaGroup, hardBreak, emoji, table, tableCell, tableHeader, tableRow, decisionList, decisionItem, taskList, taskItem, unknownBlock, extension, inlineExtension, bodiedExtension, date, placeholder, layoutSection, layoutColumn, inlineCard, blockCard, unsupportedBlock, unsupportedInline, status, expand, nestedExpand, embedCard, caption } from './nodes';
+import { confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, doc, paragraph, text, bulletList, orderedListWithOrder, listItem, heading, blockquote, codeBlock, panel, rule, image, mention, media, mediaInline, mediaSingleFull, mediaGroup, hardBreak, emoji, table, tableCell, tableHeader, tableRow, decisionList, decisionItem, taskList, taskItem, unknownBlock, extension, inlineExtension, bodiedExtension, multiBodiedExtension, extensionFrame, date, placeholder, layoutSection, layoutColumn, inlineCard, blockCard, unsupportedBlock, unsupportedInline, status, expand, nestedExpand, embedCard, caption } from './nodes';
 function addItems(builtInItems, config) {
   var customSpecs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!config) {
@@ -177,6 +177,12 @@ var nodesInOrder = [{
 }, {
   name: 'bodiedExtension',
   spec: bodiedExtension
+}, {
+  name: 'multiBodiedExtension',
+  spec: multiBodiedExtension
+}, {
+  name: 'extensionFrame',
+  spec: extensionFrame
 }, {
   name: 'inlineCard',
   spec: inlineCard

package/dist/esm/schema/index.js

@@ -1,4 +1,4 @@
-export { PanelType, blockCard, blockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline } from './nodes';
+export { PanelType, blockCard, blockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension } from './nodes';
 export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
 colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette } from './marks';
 export { unsupportedNodeTypesForMediaCards } from './unsupported';

package/dist/esm/schema/marks/text-color.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { hexToEditorTextPaletteColor } from '../../utils/editor-palette';
 import { COLOR } from '../groups';
 import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500, isHex, isRgb } from '../../utils/colors';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 /**
  * @name textColor_mark
@@ -76,6 +75,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -159,38 +164,35 @@ export var textColor = {
     // Note -- while there is no way to create custom colors using default tooling
     // the editor does supported ad hoc color values -- and there may be content
     // which has been migrated or created via apis which use such values.
-    if (getBooleanFF('platform.editor.dm-invert-text-color_cvho2')) {
-      /**
-       * The Editor persists custom text colors when content has been migrated from the old editor, or created via
-       * apis.
-       *
-       * This behaviour predates the introduction of dark mode.
-       *
-       * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
-       *
-       * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
-       *
-       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-       * how we detect text colors copied from external editor sources. Where we load the background color from a
-       * seperate attribute (data-text-custom-color), instead of the inline style.
-       *
-       * See the following document for more details on this behaviour
-       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
-       */
-      var tokenColor = hexToEditorTextPaletteColor(mark.attrs.color);
-      if (tokenColor) {
-        paletteColorValue = hexToEditorTextPaletteColor(mark.attrs.color) || mark.attrs.color;
+
+    /**
+     * The Editor persists custom text colors when content has been migrated from the old editor, or created via
+     * apis.
+     *
+     * This behaviour predates the introduction of dark mode.
+     *
+     * Without the inversion logic below, text with custom colors, can be hard to read when the user loads the page in dark mode.
+     *
+     * This introduces inversion of the presentation of the custom text colors when the user is in dark mode.
+     *
+     * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+     * how we detect text colors copied from external editor sources. Where we load the background color from a
+     * seperate attribute (data-text-custom-color), instead of the inline style.
+     *
+     * See the following document for more details on this behaviour
+     * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2908658046/Unsupported+custom+text+colors+in+dark+theme+Editor+Job+Story
+     */
+    var tokenColor = hexToEditorTextPaletteColor(mark.attrs.color);
+    if (tokenColor) {
+      paletteColorValue = hexToEditorTextPaletteColor(mark.attrs.color) || mark.attrs.color;
+    } else {
+      if (getGlobalTheme().colorMode === 'dark') {
+        // if we have a custom color, we need to check if we are in dark mode
+        paletteColorValue = invertCustomColor(mark.attrs.color);
       } else {
-        if (getGlobalTheme().colorMode === 'dark') {
-          // if we have a custom color, we need to check if we are in dark mode
-          paletteColorValue = invertCustomColor(mark.attrs.color);
-        } else {
-          // if we are in light mode, we can just set the color
-          paletteColorValue = mark.attrs.color;
-        }
+        // if we are in light mode, we can just set the color
+        paletteColorValue = mark.attrs.color;
       }
-    } else {
-      paletteColorValue = hexToEditorTextPaletteColor(mark.attrs.color) || mark.attrs.color;
     }
     return ['span', _defineProperty({
       class: 'fabric-text-color-mark',

package/dist/esm/schema/nodes/index.js

@@ -28,9 +28,6 @@ export { decisionList, decisionListSelector } from './decision-list';
 export { decisionItem } from './decision-item';
 export { taskList, taskListSelector } from './task-list';
 export { taskItem } from './task-item';
-export { extension } from './extension';
-export { inlineExtension } from './inline-extension';
-export { bodiedExtension } from './bodied-extension';
 export { date } from './date';
 export { placeholder } from './placeholder';
 export { layoutSection, layoutSectionWithSingleColumn } from './layout-section';
@@ -41,4 +38,9 @@ export { unsupportedBlock } from './unsupported-block';
 export { unsupportedInline } from './unsupported-inline';
 export { status } from './status';
 export { nestedExpand } from './nested-expand';
-export { embedCard } from './embed-card';
+export { embedCard } from './embed-card';
+// Extensions
+export { extension } from './extension';
+export { inlineExtension } from './inline-extension';
+export { bodiedExtension } from './bodied-extension';
+export { extensionFrame, multiBodiedExtension } from './multi-bodied-extension';

package/dist/esm/schema/nodes/multi-bodied-extension.js

@@ -0,0 +1,96 @@
+import { getExtensionAttrs } from '../../utils/extensions';
+
+/**
+ * @stage 0
+ * @name extensionFrame_node
+ * @description Wraps the block content
+ */
+
+/**
+ * @returns NodeSpec for ExtensionFrameDefinition
+ */
+export var extensionFrame = {
+  type: 'extensionFrame',
+  content: '(panel | paragraph | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaGroup | mediaSingle | decisionList | taskList | table | extension | bodiedExtension | unsupportedBlock | blockCard | embedCard)+',
+  isolating: true,
+  marks: 'alignment indentation dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
+  selectable: true,
+  attrs: {},
+  parseDOM: [{
+    context: 'extensionFrame//',
+    tag: 'div[data-extension-frame]',
+    skip: true
+  }, {
+    tag: 'div[data-extension-frame]'
+  }],
+  toDOM: function toDOM() {
+    var attrs = {
+      'data-extension-frame': 'true'
+    };
+    return ['div', attrs, 0];
+  }
+};
+
+/**
+ * @stage 0
+ * @name multiBodiedExtension_node
+ * @description Wraps multiple extensionFrame objects.
+ */
+
+/**
+ * @returns NodeSpec for MultiBodiedExtensionDefinition
+ */
+var createMultiBodiedExtensionNodeSpec = function createMultiBodiedExtensionNodeSpec() {
+  var nodeSpec = {
+    inline: false,
+    group: 'block',
+    marks: 'dataConsumer fragment',
+    content: 'extensionFrame+',
+    defining: true,
+    selectable: true,
+    attrs: {
+      extensionKey: {
+        default: ''
+      },
+      extensionType: {
+        default: ''
+      },
+      parameters: {
+        default: null
+      },
+      text: {
+        default: null
+      },
+      layout: {
+        default: 'default'
+      },
+      localId: {
+        default: null
+      }
+    },
+    parseDOM: [{
+      context: 'multiBodiedExtension//',
+      tag: '[data-node-type="multi-bodied-extension"]',
+      skip: true
+    }, {
+      tag: '[data-node-type="multi-bodied-extension"]',
+      getAttrs: function getAttrs(domNode) {
+        return getExtensionAttrs(domNode);
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var attrs = {
+        'data-node-type': 'multi-bodied-extension',
+        'data-extension-type': node.attrs.extensionType,
+        'data-extension-key': node.attrs.extensionKey,
+        'data-text': node.attrs.text,
+        'data-parameters': JSON.stringify(node.attrs.parameters),
+        'data-layout': node.attrs.layout,
+        'data-local-id:': node.attrs.localId
+      };
+      return ['div', attrs, 0];
+    }
+  };
+  return nodeSpec;
+};
+export var multiBodiedExtension = createMultiBodiedExtensionNodeSpec();

package/dist/esm/schema/nodes/tableNodes.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { hexToEditorBackgroundPaletteRawValue } from '../../utils/editor-palette';
 import { B100, B50, B75, G200, G50, G75, hexToRgba, isHex, isRgb, N0, N20, N60, N800, P100, P50, P75, R100, R50, R75, rgbToHex, T100, T50, T75, Y200, Y50, Y75 } from '../../utils/colors';
 import { uuid } from '../../utils/uuid';
@@ -61,6 +60,12 @@ function invertCustomColor(customColor) {
     hex = customColor;
   } else if (isRgb(customColor)) {
     hex = rgbToHex(customColor);
+    if (hex === null) {
+      // in some cases the rgb color is invalid, in this case we just return the color
+      // See https://product-fabric.atlassian.net/browse/DTR-2003 for a ticket to improve the isRgb function
+      // to align with the rgbToHex function
+      return customColor;
+    }
   } else {
     return customColor;
   }
@@ -126,40 +131,36 @@ export var getCellDomAttrs = function getCellDomAttrs(node) {
       attrs.style = '';
     } else {
       var color = isRgb(background) && rgbToHex(background) ? rgbToHex(background) : background;
-      if (getBooleanFF('platform.editor.dm-invert-tablecell-bgcolor_9fz6s')) {
-        /**
-         * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
-         * backgrounds persisted.
-         *
-         * This feature predates the introduction of dark mode.
-         *
-         * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
-         *
-         * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
-         *
-         * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
-         * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
-         * seperate attribute (data-cell-background), instead of the inline style.
-         *
-         * See the following document for more details on this behaviour
-         * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
-         */
-        var tokenColor = hexToEditorBackgroundPaletteRawValue(color);
-        if (tokenColor) {
-          attrs.style = "background-color: ".concat(tokenColor, ";");
-        } else {
+
+      /**
+       * The Editor supports users pasting content from external sources with custom table cell backgrounds and having those
+       * backgrounds persisted.
+       *
+       * This feature predates the introduction of dark mode.
+       *
+       * Without the inversion logic below, tokenised content (ie. text), can be hard to read when the user loads the page in dark mode.
+       *
+       * This introduces inversion of the presentation of the custom background color when the user is in dark mode.
+       *
+       * This can be done without additional changes to account for users copying and pasting content inside the Editor, because of
+       * how we detect table cell background colors copied from external editor sources. Where we load the background color from a
+       * seperate attribute (data-cell-background), instead of the inline style.
+       *
+       * See the following document for more details on this behaviour
+       * https://hello.atlassian.net/wiki/spaces/CCECO/pages/2892247168/Unsupported+custom+table+cell+background+colors+in+dark+theme+Editor+Job+Story
+       */
+      var tokenColor = hexToEditorBackgroundPaletteRawValue(color);
+      if (tokenColor) {
+        attrs.style = "background-color: ".concat(tokenColor, ";");
+      } else {
+        // if we have a custom color, we need to check if we are in dark mode
+        if (getGlobalTheme().colorMode === 'dark') {
           // if we have a custom color, we need to check if we are in dark mode
-          if (getGlobalTheme().colorMode === 'dark') {
-            // if we have a custom color, we need to check if we are in dark mode
-            attrs.style = "background-color: ".concat(invertCustomColor(color), ";");
-          } else {
-            // if we are in light mode, we can just set the color
-            attrs.style = "background-color: ".concat(background, ";");
-          }
+          attrs.style = "background-color: ".concat(invertCustomColor(color), ";");
+        } else {
+          // if we are in light mode, we can just set the color
+          attrs.style = "background-color: ".concat(background, ";");
         }
-      } else {
-        var _tokenColor = hexToEditorBackgroundPaletteRawValue(color) || color;
-        attrs.style = "".concat(attrs.style || '', "background-color: ").concat(_tokenColor, ";");
       }
 
       /**