@atlaskit/adf-schema 35.2.0 → 35.4.0

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

@@ -2,8 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
+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';
 
 /**
@@ -66,36 +65,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 (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;
-  }
-  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;
 export var setGlobalTheme = function setGlobalTheme(theme) {
@@ -190,12 +159,7 @@ export 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 (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/esm/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/esm/schema/nodes/list-item.js

@@ -9,4 +9,21 @@ export var listItem = {
   toDOM: function toDOM() {
     return ['li', 0];
   }
+};
+
+/**
+ * @name list_item_with_task
+ * @description this node allows task-list to be nested inside list-item
+ */
+export 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];
+  }
 };

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

@@ -84,4 +84,34 @@ export var panel = function 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 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;
 };

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

@@ -5,7 +5,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 var tablePrefixSelector = 'pm-table';
 export var tableCellSelector = "".concat(tablePrefixSelector, "-cell-content-wrap");
@@ -51,36 +50,6 @@ export var getCellAttrs = function getCellAttrs(dom) {
     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) {
-  var 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;
-  }
-  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;
 export var setGlobalTheme = function setGlobalTheme(theme) {
@@ -158,12 +127,7 @@ export 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 (getBooleanFF('platform.editor.use-lch-for-color-inversion_1qv8ol')) {
-            attrs.style = "background-color: ".concat(getDarkModeLCHColor(color), ";");
-          } else {
-            attrs.style = "background-color: ".concat(invertCustomColor(color), ";");
-          }
+          attrs.style = "background-color: ".concat(getDarkModeLCHColor(color), ";");
         } else {
           // if we are in light mode, we can just set the color
           attrs.style = "background-color: ".concat(background, ";");