@atlaskit/adf-schema 35.2.0 → 35.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/adf-schema
 
+## 35.4.0
+
+### Minor Changes
+
+- d915d07: EDF-26 Cleaned up platform.editor.use-lch-for-color-inversion_1qv8ol flag and removed platform feature flags as a package dependency as it is no longer used. Text and table cell background colors will now use the LCH inversion method in dark mode by default.
+
+## 35.3.0
+
+### Minor Changes
+
+- 529022b: ED-21611: Adding node-nesting rules for task inside list, and media, codeblock, rule, action and decision inside panel.
+
 ## 35.2.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -531,6 +531,12 @@ Object.defineProperty(exports, "expandToJSON", {
     return _schema.expandToJSON;
   }
 });
+Object.defineProperty(exports, "extendedPanel", {
+  enumerable: true,
+  get: function get() {
+    return _schema.extendedPanel;
+  }
+});
 Object.defineProperty(exports, "extension", {
   enumerable: true,
   get: function get() {
@@ -705,6 +711,12 @@ Object.defineProperty(exports, "listItem", {
     return _schema.listItem;
   }
 });
+Object.defineProperty(exports, "listItemWithTask", {
+  enumerable: true,
+  get: function get() {
+    return _schema.listItemWithTask;
+  }
+});
 Object.defineProperty(exports, "media", {
   enumerable: true,
   get: function get() {

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

@@ -81,7 +81,7 @@ var nodesInOrder = [{
   spec: _nodes.orderedListWithOrder
 }, {
   name: 'listItem',
-  spec: _nodes.listItem
+  spec: _nodes.listItemWithTask
 }, {
   name: 'heading',
   spec: _nodes.heading
@@ -93,7 +93,7 @@ var nodesInOrder = [{
   spec: _nodes.codeBlock
 }, {
   name: 'panel',
-  spec: (0, _nodes.panel)(true)
+  spec: (0, _nodes.extendedPanel)(true)
 }, {
   name: 'rule',
   spec: _nodes.rule

package/dist/cjs/schema/index.js

@@ -243,6 +243,12 @@ Object.defineProperty(exports, "expandToJSON", {
     return _nodes.expandToJSON;
   }
 });
+Object.defineProperty(exports, "extendedPanel", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.extendedPanel;
+  }
+});
 Object.defineProperty(exports, "extension", {
   enumerable: true,
   get: function get() {
@@ -357,6 +363,12 @@ Object.defineProperty(exports, "listItem", {
     return _nodes.listItem;
   }
 });
+Object.defineProperty(exports, "listItemWithTask", {
+  enumerable: true,
+  get: function get() {
+    return _nodes.listItemWithTask;
+  }
+});
 Object.defineProperty(exports, "media", {
   enumerable: true,
   get: function get() {

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

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _editorPalette = require("../../utils/editor-palette");
 var _groups = require("../groups");
 var _colors = require("../../utils/colors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _lchColorInversion = require("../../utils/lch-color-inversion");
 /**
  * @name textColor_mark
@@ -74,36 +73,6 @@ colorArrayPalette.forEach(function (_ref) {
   return colorPalette.set(color.toLowerCase(), label);
 });
 
-/**
- * This function is duplicated in @atlaskit/renderer and ../nodes/tableNodes
- * it takes a color string, and if the color string is a hex or rgb value
- * it will invert the color and return the inverted color.
- */
-function invertCustomColor(customColor) {
-  var hex;
-  if ((0, _colors.isHex)(customColor)) {
-    hex = customColor;
-  } else if ((0, _colors.isRgb)(customColor)) {
-    hex = (0, _colors.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;
-  }
-  var hexWithoutHash = hex.replace('#', '');
-
-  // This inverts the hex color by
-  // 1. converting the hex code to a number
-  // 2. XORing it with 0xffffff
-  // 3. Converting the result back to hex
-  // 4. Removing the leading 1 from the result
-  return "#".concat((Number("0x1".concat(hexWithoutHash)) ^ 0xffffff).toString(16).substring(1).toUpperCase());
-}
-
 // these are for test only
 var testGlobalTheme;
 var setGlobalTheme = function setGlobalTheme(theme) {
@@ -199,12 +168,7 @@ var textColor = {
     } else {
       if (getGlobalTheme().colorMode === 'dark') {
         // if we have a custom color, we need to check if we are in dark mode
-        // and if the feature flag is enabled we need to use the LCH conversion method
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.use-lch-for-color-inversion_1qv8ol')) {
-          paletteColorValue = (0, _lchColorInversion.getDarkModeLCHColor)(mark.attrs.color);
-        } else {
-          paletteColorValue = invertCustomColor(mark.attrs.color);
-        }
+        paletteColorValue = (0, _lchColorInversion.getDarkModeLCHColor)(mark.attrs.color);
       } else {
         // if we are in light mode, we can just set the color
         paletteColorValue = mark.attrs.color;

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

@@ -142,6 +142,12 @@ Object.defineProperty(exports, "expandToJSON", {
     return _expand.toJSON;
   }
 });
+Object.defineProperty(exports, "extendedPanel", {
+  enumerable: true,
+  get: function get() {
+    return _panel.extendedPanel;
+  }
+});
 Object.defineProperty(exports, "extension", {
   enumerable: true,
   get: function get() {
@@ -220,6 +226,12 @@ Object.defineProperty(exports, "listItem", {
     return _listItem.listItem;
   }
 });
+Object.defineProperty(exports, "listItemWithTask", {
+  enumerable: true,
+  get: function get() {
+    return _listItem.listItemWithTask;
+  }
+});
 Object.defineProperty(exports, "media", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/nodes/list-item.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.listItem = void 0;
+exports.listItemWithTask = exports.listItem = void 0;
 var listItem = {
   content: '(paragraph | mediaSingle | codeBlock | unsupportedBlock) (paragraph | bulletList | orderedList | mediaSingle | codeBlock | unsupportedBlock)*',
   marks: 'unsupportedMark unsupportedNodeAttribute',
@@ -16,4 +16,22 @@ var listItem = {
     return ['li', 0];
   }
 };
-exports.listItem = listItem;
+
+/**
+ * @name list_item_with_task
+ * @description this node allows task-list to be nested inside list-item
+ */
+exports.listItem = listItem;
+var listItemWithTask = {
+  content: '(paragraph | mediaSingle | codeBlock | unsupportedBlock) (paragraph | bulletList | orderedList | taskList | mediaSingle | codeBlock | unsupportedBlock)*',
+  marks: 'unsupportedMark unsupportedNodeAttribute',
+  defining: true,
+  selectable: false,
+  parseDOM: [{
+    tag: 'li'
+  }],
+  toDOM: function toDOM() {
+    return ['li', 0];
+  }
+};
+exports.listItemWithTask = listItemWithTask;

package/dist/cjs/schema/nodes/panel.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.panel = exports.PanelType = void 0;
+exports.panel = exports.extendedPanel = exports.PanelType = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -91,4 +91,35 @@ var panel = function panel(allowCustomPanel) {
   };
   return panelNodeSpec;
 };
-exports.panel = panel;
+
+/**
+ * @name extended_panel
+ * @description it allows more content to be nested as compared to panel node.
+ * Specifically, it allows Media, action, code-block, rule and decision nodes in
+ * addition to content allowed inside panel
+ */
+exports.panel = panel;
+var extendedPanel = function extendedPanel(allowCustomPanel) {
+  var panelNodeSpec = {
+    group: 'block',
+    content: '(paragraph | heading | bulletList | orderedList | blockCard | mediaGroup | mediaSingle | codeBlock | taskList | rule | decisionList | unsupportedBlock)+',
+    marks: 'unsupportedMark unsupportedNodeAttribute',
+    attrs: getDefaultAttrs(),
+    selectable: true,
+    parseDOM: [{
+      tag: 'div[data-panel-type]',
+      getAttrs: function getAttrs(dom) {
+        return getParseDOMAttrs(allowCustomPanel, dom);
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var attrs = getDomAttrs(node.attrs);
+      var contentAttrs = {
+        'data-panel-content': 'true'
+      };
+      return ['div', attrs, ['div', contentAttrs, 0]];
+    }
+  };
+  return panelNodeSpec;
+};
+exports.extendedPanel = extendedPanel;

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

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _editorPalette = require("../../utils/editor-palette");
 var _colors = require("../../utils/colors");
 var _uuid = require("../../utils/uuid");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _lchColorInversion = require("../../utils/lch-color-inversion");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -64,36 +63,6 @@ var getCellAttrs = function getCellAttrs(dom) {
   };
 };
 exports.getCellAttrs = getCellAttrs;
-/**
- * This function is duplicated in @atlaskit/renderer
- * it takes a color string, and if the color string is a hex or rgb value
- * it will invert the color and return the inverted color.
- */
-function invertCustomColor(customColor) {
-  var hex;
-  if ((0, _colors.isHex)(customColor)) {
-    hex = customColor;
-  } else if ((0, _colors.isRgb)(customColor)) {
-    hex = (0, _colors.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;
-  }
-  var hexWithoutHash = hex.replace('#', '');
-
-  // This inverts the hex color by
-  // 1. converting the hex code to a number
-  // 2. XORing it with 0xffffff
-  // 3. Converting the result back to hex
-  // 4. Removing the leading 1 from the result
-  return "#".concat((Number("0x1".concat(hexWithoutHash)) ^ 0xffffff).toString(16).substring(1).toUpperCase());
-}
-
 // these are for test only
 var testGlobalTheme;
 var setGlobalTheme = function setGlobalTheme(theme) {
@@ -172,12 +141,7 @@ var getCellDomAttrs = function getCellDomAttrs(node) {
         // 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
-          // and if the feature flag is enabled we need to use the LCH conversion method
-          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.use-lch-for-color-inversion_1qv8ol')) {
-            attrs.style = "background-color: ".concat((0, _lchColorInversion.getDarkModeLCHColor)(color), ";");
-          } else {
-            attrs.style = "background-color: ".concat(invertCustomColor(color), ";");
-          }
+          attrs.style = "background-color: ".concat((0, _lchColorInversion.getDarkModeLCHColor)(color), ";");
         } else {
           // if we are in light mode, we can just set the color
           attrs.style = "background-color: ".concat(background, ";");

package/dist/es2019/index.js

@@ -1,3 +1,3 @@
 export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, blockquoteWithList, 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, extensionFrame, multiBodiedExtension } 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, listItemWithTask, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, extendedPanel, 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, getDarkModeLCHColor } from './utils';

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

@@ -1,7 +1,7 @@
 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, blockquoteWithList, 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';
+import { confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, doc, paragraph, text, bulletList, orderedListWithOrder, listItemWithTask, heading, blockquoteWithList, codeBlock, extendedPanel, 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, customSpecs = {}) {
   if (!config) {
     return {};
@@ -66,7 +66,7 @@ const nodesInOrder = [{
   spec: orderedListWithOrder
 }, {
   name: 'listItem',
-  spec: listItem
+  spec: listItemWithTask
 }, {
   name: 'heading',
   spec: heading
@@ -78,7 +78,7 @@ const nodesInOrder = [{
   spec: codeBlock
 }, {
   name: 'panel',
-  spec: panel(true)
+  spec: extendedPanel(true)
 }, {
   name: 'rule',
   spec: rule

package/dist/es2019/schema/index.js

@@ -1,4 +1,4 @@
-export { PanelType, blockCard, blockquote, blockquoteWithList, 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 { PanelType, blockCard, blockquote, blockquoteWithList, 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, listItemWithTask, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, extendedPanel, 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/es2019/schema/marks/text-color.js

@@ -1,7 +1,6 @@
 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';
+import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500 } from '../../utils/colors';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
 
 /**
@@ -59,36 +58,6 @@ export const colorPalette = new Map();
 export const colorPaletteExtended = colorPalette;
 colorArrayPalette.forEach(([color, label]) => colorPalette.set(color.toLowerCase(), label));
 
-/**
- * This function is duplicated in @atlaskit/renderer and ../nodes/tableNodes
- * it takes a color string, and if the color string is a hex or rgb value
- * it will invert the color and return the inverted color.
- */
-function invertCustomColor(customColor) {
-  let hex;
-  if (isHex(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;
-  }
-  const hexWithoutHash = hex.replace('#', '');
-
-  // This inverts the hex color by
-  // 1. converting the hex code to a number
-  // 2. XORing it with 0xffffff
-  // 3. Converting the result back to hex
-  // 4. Removing the leading 1 from the result
-  return `#${(Number(`0x1${hexWithoutHash}`) ^ 0xffffff).toString(16).substring(1).toUpperCase()}`;
-}
-
 // these are for test only
 let testGlobalTheme;
 export const setGlobalTheme = theme => {
@@ -183,12 +152,7 @@ export const textColor = {
     } else {
       if (getGlobalTheme().colorMode === 'dark') {
         // if we have a custom color, we need to check if we are in dark mode
-        // and if the feature flag is enabled we need to use the LCH conversion method
-        if (getBooleanFF('platform.editor.use-lch-for-color-inversion_1qv8ol')) {
-          paletteColorValue = getDarkModeLCHColor(mark.attrs.color);
-        } else {
-          paletteColorValue = invertCustomColor(mark.attrs.color);
-        }
+        paletteColorValue = getDarkModeLCHColor(mark.attrs.color);
       } else {
         // if we are in light mode, we can just set the color
         paletteColorValue = mark.attrs.color;

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

@@ -15,8 +15,8 @@ export { paragraph } from './paragraph';
 export { emoji } from './emoji';
 export { image } from './image';
 export { mention, toJSON as mentionToJSON } from './mention';
-export { listItem } from './list-item';
-export { panel, PanelType } from './panel';
+export { listItem, listItemWithTask } from './list-item';
+export { panel, extendedPanel, PanelType } from './panel';
 export { text } from './text';
 export { default as unknownBlock } from './unknown-block';
 export { caption } from './caption';

package/dist/es2019/schema/nodes/list-item.js

@@ -9,4 +9,21 @@ export const listItem = {
   toDOM() {
     return ['li', 0];
   }
+};
+
+/**
+ * @name list_item_with_task
+ * @description this node allows task-list to be nested inside list-item
+ */
+export const listItemWithTask = {
+  content: '(paragraph | mediaSingle | codeBlock | unsupportedBlock) (paragraph | bulletList | orderedList | taskList | mediaSingle | codeBlock | unsupportedBlock)*',
+  marks: 'unsupportedMark unsupportedNodeAttribute',
+  defining: true,
+  selectable: false,
+  parseDOM: [{
+    tag: 'li'
+  }],
+  toDOM() {
+    return ['li', 0];
+  }
 };

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

@@ -80,4 +80,32 @@ export const panel = allowCustomPanel => {
     }
   };
   return panelNodeSpec;
+};
+
+/**
+ * @name extended_panel
+ * @description it allows more content to be nested as compared to panel node.
+ * Specifically, it allows Media, action, code-block, rule and decision nodes in
+ * addition to content allowed inside panel
+ */
+export const extendedPanel = allowCustomPanel => {
+  const panelNodeSpec = {
+    group: 'block',
+    content: '(paragraph | heading | bulletList | orderedList | blockCard | mediaGroup | mediaSingle | codeBlock | taskList | rule | decisionList | unsupportedBlock)+',
+    marks: 'unsupportedMark unsupportedNodeAttribute',
+    attrs: getDefaultAttrs(),
+    selectable: true,
+    parseDOM: [{
+      tag: 'div[data-panel-type]',
+      getAttrs: dom => getParseDOMAttrs(allowCustomPanel, dom)
+    }],
+    toDOM(node) {
+      const attrs = getDomAttrs(node.attrs);
+      const contentAttrs = {
+        'data-panel-content': 'true'
+      };
+      return ['div', attrs, ['div', contentAttrs, 0]];
+    }
+  };
+  return panelNodeSpec;
 };

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

@@ -1,7 +1,6 @@
 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';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
 export const tablePrefixSelector = 'pm-table';
 export const tableCellSelector = `${tablePrefixSelector}-cell-content-wrap`;
@@ -46,36 +45,6 @@ export const getCellAttrs = (dom, defaultValues = {}) => {
     background: backgroundHexCode
   };
 };
-/**
- * This function is duplicated in @atlaskit/renderer
- * it takes a color string, and if the color string is a hex or rgb value
- * it will invert the color and return the inverted color.
- */
-function invertCustomColor(customColor) {
-  let hex;
-  if (isHex(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;
-  }
-  const hexWithoutHash = hex.replace('#', '');
-
-  // This inverts the hex color by
-  // 1. converting the hex code to a number
-  // 2. XORing it with 0xffffff
-  // 3. Converting the result back to hex
-  // 4. Removing the leading 1 from the result
-  return `#${(Number(`0x1${hexWithoutHash}`) ^ 0xffffff).toString(16).substring(1).toUpperCase()}`;
-}
-
 // these are for test only
 let testGlobalTheme;
 export const setGlobalTheme = theme => {
@@ -155,12 +124,7 @@ export const getCellDomAttrs = node => {
         // 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
-          // and if the feature flag is enabled we need to use the LCH conversion method
-          if (getBooleanFF('platform.editor.use-lch-for-color-inversion_1qv8ol')) {
-            attrs.style = `background-color: ${getDarkModeLCHColor(color)};`;
-          } else {
-            attrs.style = `background-color: ${invertCustomColor(color)};`;
-          }
+          attrs.style = `background-color: ${getDarkModeLCHColor(color)};`;
         } else {
           // if we are in light mode, we can just set the color
           attrs.style = `background-color: ${background};`;

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, blockquoteWithList, 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, extensionFrame, multiBodiedExtension } 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, listItemWithTask, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, extendedPanel, 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, getDarkModeLCHColor } 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, blockquoteWithList, 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';
+import { confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, doc, paragraph, text, bulletList, orderedListWithOrder, listItemWithTask, heading, blockquoteWithList, codeBlock, extendedPanel, 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) {
@@ -71,7 +71,7 @@ var nodesInOrder = [{
   spec: orderedListWithOrder
 }, {
   name: 'listItem',
-  spec: listItem
+  spec: listItemWithTask
 }, {
   name: 'heading',
   spec: heading
@@ -83,7 +83,7 @@ var nodesInOrder = [{
   spec: codeBlock
 }, {
   name: 'panel',
-  spec: panel(true)
+  spec: extendedPanel(true)
 }, {
   name: 'rule',
   spec: rule

package/dist/esm/schema/index.js

@@ -1,4 +1,4 @@
-export { PanelType, blockCard, blockquote, blockquoteWithList, 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 { PanelType, blockCard, blockquote, blockquoteWithList, 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, listItemWithTask, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, extendedPanel, 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';