@atlaskit/adf-schema 35.3.0 → 35.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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/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/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/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/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/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, ";");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/adf-schema",
-  "version": "35.3.0",
+  "version": "35.4.0",
   "description": "Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,6 @@
     "memoize-one": "^6.0.0"
   },
   "devDependencies": {
-    "@atlaskit/platform-feature-flags": "^0.2.4",
     "@atlassian/adf-schema-json": "^1.4.0",
     "@babel/cli": "^7.22.9",
     "@babel/core": "^7.22.9",