@atlaskit/editor-common 107.7.6 → 107.8.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 107.8.0
+
+### Minor Changes
+
+- [#185643](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185643)
+  [`5954e6c1fbac5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5954e6c1fbac5) -
+  [ux] [ED-28432] Add orange highlight color and reorder color swatches
+
+### Patch Changes
+
+- Updated dependencies
+
+## 107.7.7
+
+### Patch Changes
+
+- [#184257](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/184257)
+  [`eec473181c818`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eec473181c818) -
+  Cleanup platform_editor_react18_mention_with_provider_jira fg
+- Updated dependencies
+
 ## 107.7.6
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.7.5";
+var packageVersion = "107.7.7";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.7.5";
+var packageVersion = "107.7.7";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/Mention/index.js

@@ -13,7 +13,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _providerFactory = require("../../provider-factory");
 var _mentionWithProviders = require("./mention-with-providers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -33,18 +32,7 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider_fix') || (0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider_jira')) {
-        return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
-          id: id,
-          text: text,
-          accessLevel: accessLevel,
-          localId: localId,
-          eventHandlers: eventHandlers,
-          mentionProvider: mentionProvider,
-          profilecardProvider: profilecardProvider
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProvidersOld, {
+      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
         id: id,
         text: text,
         accessLevel: accessLevel,

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -5,24 +5,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MentionWithProvidersOld = exports.MentionWithProviders = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.MentionWithProviders = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/mention/element");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
-var noop = function noop() {};
 var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.default.memo(function (_ref) {
   var accessLevel = _ref.accessLevel,
     eventHandlers = _ref.eventHandlers,
@@ -74,97 +64,4 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
     ssrPlaceholderId: ssrPlaceholderId
   });
-});
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
-  function MentionWithProvidersOld() {
-    var _this;
-    (0, _classCallCheck2.default)(this, MentionWithProvidersOld);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MentionWithProvidersOld, [].concat(args));
-    (0, _defineProperty2.default)(_this, "state", {
-      profilecardProvider: null
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
-  return (0, _createClass2.default)(MentionWithProvidersOld, [{
-    key: "UNSAFE_componentWillMount",
-    value:
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-    function UNSAFE_componentWillMount() {
-      this.updateProfilecardProvider(this.props);
-    }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.profilecardProvider !== this.props.profilecardProvider) {
-        this.updateProfilecardProvider(nextProps);
-      }
-    }
-  }, {
-    key: "updateProfilecardProvider",
-    value: function updateProfilecardProvider(props) {
-      var _this2 = this;
-      // We are not using async/await here to avoid having an intermediate Promise
-      // introduced by the transpiler.
-      // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
-      // rerendering
-      if (props.profilecardProvider) {
-        props.profilecardProvider.then(function (profilecardProvider) {
-          _this2.setState({
-            profilecardProvider: profilecardProvider
-          });
-        }).catch(function () {
-          _this2.setState({
-            profilecardProvider: null
-          });
-        });
-      } else {
-        this.setState({
-          profilecardProvider: null
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        accessLevel = _this$props.accessLevel,
-        eventHandlers = _this$props.eventHandlers,
-        id = _this$props.id,
-        mentionProvider = _this$props.mentionProvider,
-        text = _this$props.text,
-        localId = _this$props.localId;
-      var profilecardProvider = this.state.profilecardProvider;
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var actionHandlers = {};
-      ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
-        actionHandlers[handler] = eventHandlers && eventHandlers[handler] || noop;
-      });
-      var MentionComponent = profilecardProvider && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
-      return /*#__PURE__*/_react.default.createElement(MentionComponent, (0, _extends2.default)({
-        id: id,
-        text: text,
-        accessLevel: accessLevel,
-        localId: localId,
-        mentionProvider: mentionProvider
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        ,
-        profilecardProvider: profilecardProvider
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, actionHandlers));
-    }
-  }]);
-}(_react.PureComponent);
+});

package/dist/cjs/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.highlightColorPalette = exports.REMOVE_HIGHLIGHT_COLOR = exports.EditorDiagonalLineIcon = void 0;
+exports.highlightColorPaletteNext = exports.highlightColorPalette = exports.REMOVE_HIGHLIGHT_COLOR = exports.EditorDiagonalLineIcon = void 0;
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
@@ -50,6 +50,12 @@ var EditorDiagonalLineIcon = exports.EditorDiagonalLineIcon = function EditorDia
     primaryColor: primaryColor
   });
 };
+
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated Use `highlightColorPaletteNext` instead, which supports both orange and yellow highlight color
+ * This will be removed when platform_editor_add_orange_highlight_color is cleaned up
+ */
 var highlightColorPalette = exports.highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
@@ -60,4 +66,15 @@ var highlightColorPalette = exports.highlightColorPalette = [{
 }];
 _adfSchema.backgroundColorPalette.forEach(function (label, color) {
   highlightColorPalette.push((0, _textColorPalette.mapPaletteColor)(label, color));
+});
+var highlightColorPaletteNext = exports.highlightColorPaletteNext = [{
+  value: REMOVE_HIGHLIGHT_COLOR,
+  label: 'No color',
+  // Mostly informative, only used for analytics
+  border: "var(--ds-border, #091E4224)",
+  message: (0, _getColorMessage.default)(_paletteMessages.default, 'no-color'),
+  decorator: (0, _react.jsx)(EditorDiagonalLineIcon, null)
+}];
+_adfSchema.backgroundColorPaletteNext.forEach(function (label, color) {
+  highlightColorPaletteNext.push((0, _textColorPalette.mapPaletteColor)(label, color));
 });

package/dist/cjs/ui-color/index.js

@@ -94,6 +94,12 @@ Object.defineProperty(exports, "highlightColorPalette", {
     return _highlightColorPalette.highlightColorPalette;
   }
 });
+Object.defineProperty(exports, "highlightColorPaletteNext", {
+  enumerable: true,
+  get: function get() {
+    return _highlightColorPalette.highlightColorPaletteNext;
+  }
+});
 Object.defineProperty(exports, "panelBackgroundPalette", {
   enumerable: true,
   get: function get() {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.7.5";
+const packageVersion = "107.7.7";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.7.5";
+const packageVersion = "107.7.7";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ui/Mention/index.js

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/react/no-class-components */
 import React, { PureComponent } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-import { MentionWithProviders, MentionWithProvidersOld } from './mention-with-providers';
+import { MentionWithProviders } from './mention-with-providers';
 export default class Mention extends PureComponent {
   constructor(props) {
     super(props);
@@ -19,18 +18,7 @@ export default class Mention extends PureComponent {
         mentionProvider,
         profilecardProvider
       } = providers;
-      if (fg('platform_editor_react18_mention_with_provider_fix') || fg('platform_editor_react18_mention_with_provider_jira')) {
-        return /*#__PURE__*/React.createElement(MentionWithProviders, {
-          id: id,
-          text: text,
-          accessLevel: accessLevel,
-          localId: localId,
-          eventHandlers: eventHandlers,
-          mentionProvider: mentionProvider,
-          profilecardProvider: profilecardProvider
-        });
-      }
-      return /*#__PURE__*/React.createElement(MentionWithProvidersOld, {
+      return /*#__PURE__*/React.createElement(MentionWithProviders, {
         id: id,
         text: text,
         accessLevel: accessLevel,

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -1,11 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
+import React, { useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
 import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
-const noop = () => {};
 export const MentionWithProviders = /*#__PURE__*/React.memo(({
   accessLevel,
   eventHandlers,
@@ -55,82 +52,4 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
     ssrPlaceholderId: ssrPlaceholderId
   });
-});
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export class MentionWithProvidersOld extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
-      profilecardProvider: null
-    });
-  }
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/no-unsafe
-  UNSAFE_componentWillMount() {
-    this.updateProfilecardProvider(this.props);
-  }
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/no-unsafe
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.profilecardProvider !== this.props.profilecardProvider) {
-      this.updateProfilecardProvider(nextProps);
-    }
-  }
-  updateProfilecardProvider(props) {
-    // We are not using async/await here to avoid having an intermediate Promise
-    // introduced by the transpiler.
-    // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
-    // rerendering
-    if (props.profilecardProvider) {
-      props.profilecardProvider.then(profilecardProvider => {
-        this.setState({
-          profilecardProvider
-        });
-      }).catch(() => {
-        this.setState({
-          profilecardProvider: null
-        });
-      });
-    } else {
-      this.setState({
-        profilecardProvider: null
-      });
-    }
-  }
-  render() {
-    const {
-      accessLevel,
-      eventHandlers,
-      id,
-      mentionProvider,
-      text,
-      localId
-    } = this.props;
-    const {
-      profilecardProvider
-    } = this.state;
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const actionHandlers = {};
-    ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(handler => {
-      actionHandlers[handler] = eventHandlers && eventHandlers[handler] || noop;
-    });
-    const MentionComponent = profilecardProvider && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
-    return /*#__PURE__*/React.createElement(MentionComponent, _extends({
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      localId: localId,
-      mentionProvider: mentionProvider
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      ,
-      profilecardProvider: profilecardProvider
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  }
-}
+});

package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -5,7 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import { backgroundColorPalette, backgroundColorPaletteNext } from '@atlaskit/adf-schema';
 import Icon from '@atlaskit/icon';
 import { useThemeObserver } from '@atlaskit/tokens';
 import getColorMessage from './getColorMessage';
@@ -41,6 +41,12 @@ export const EditorDiagonalLineIcon = () => {
     primaryColor: primaryColor
   });
 };
+
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated Use `highlightColorPaletteNext` instead, which supports both orange and yellow highlight color
+ * This will be removed when platform_editor_add_orange_highlight_color is cleaned up
+ */
 export const highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
@@ -51,4 +57,15 @@ export const highlightColorPalette = [{
 }];
 backgroundColorPalette.forEach((label, color) => {
   highlightColorPalette.push(mapPaletteColor(label, color));
+});
+export const highlightColorPaletteNext = [{
+  value: REMOVE_HIGHLIGHT_COLOR,
+  label: 'No color',
+  // Mostly informative, only used for analytics
+  border: "var(--ds-border, #091E4224)",
+  message: getColorMessage(paletteMessages, 'no-color'),
+  decorator: jsx(EditorDiagonalLineIcon, null)
+}];
+backgroundColorPaletteNext.forEach((label, color) => {
+  highlightColorPaletteNext.push(mapPaletteColor(label, color));
 });

package/dist/es2019/ui-color/index.js

@@ -8,7 +8,7 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
+export { highlightColorPalette, highlightColorPaletteNext, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes/paletteMessagesTokenModeNames';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.7.5";
+var packageVersion = "107.7.7";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.7.5";
+var packageVersion = "107.7.7";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ui/Mention/index.js

@@ -8,9 +8,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @repo/internal/react/no-class-components */
 import React, { PureComponent } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-import { MentionWithProviders, MentionWithProvidersOld } from './mention-with-providers';
+import { MentionWithProviders } from './mention-with-providers';
 var Mention = /*#__PURE__*/function (_PureComponent) {
   function Mention(props) {
     var _this;
@@ -25,18 +24,7 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      if (fg('platform_editor_react18_mention_with_provider_fix') || fg('platform_editor_react18_mention_with_provider_jira')) {
-        return /*#__PURE__*/React.createElement(MentionWithProviders, {
-          id: id,
-          text: text,
-          accessLevel: accessLevel,
-          localId: localId,
-          eventHandlers: eventHandlers,
-          mentionProvider: mentionProvider,
-          profilecardProvider: profilecardProvider
-        });
-      }
-      return /*#__PURE__*/React.createElement(MentionWithProvidersOld, {
+      return /*#__PURE__*/React.createElement(MentionWithProviders, {
         id: id,
         text: text,
         accessLevel: accessLevel,

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -1,19 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
+import React, { useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
 import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
-var noop = function noop() {};
 export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
   var accessLevel = _ref.accessLevel,
     eventHandlers = _ref.eventHandlers,
@@ -65,97 +55,4 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
     ssrPlaceholderId: ssrPlaceholderId
   });
-});
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export var MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
-  function MentionWithProvidersOld() {
-    var _this;
-    _classCallCheck(this, MentionWithProvidersOld);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MentionWithProvidersOld, [].concat(args));
-    _defineProperty(_this, "state", {
-      profilecardProvider: null
-    });
-    return _this;
-  }
-  _inherits(MentionWithProvidersOld, _PureComponent);
-  return _createClass(MentionWithProvidersOld, [{
-    key: "UNSAFE_componentWillMount",
-    value:
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-    function UNSAFE_componentWillMount() {
-      this.updateProfilecardProvider(this.props);
-    }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.profilecardProvider !== this.props.profilecardProvider) {
-        this.updateProfilecardProvider(nextProps);
-      }
-    }
-  }, {
-    key: "updateProfilecardProvider",
-    value: function updateProfilecardProvider(props) {
-      var _this2 = this;
-      // We are not using async/await here to avoid having an intermediate Promise
-      // introduced by the transpiler.
-      // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
-      // rerendering
-      if (props.profilecardProvider) {
-        props.profilecardProvider.then(function (profilecardProvider) {
-          _this2.setState({
-            profilecardProvider: profilecardProvider
-          });
-        }).catch(function () {
-          _this2.setState({
-            profilecardProvider: null
-          });
-        });
-      } else {
-        this.setState({
-          profilecardProvider: null
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        accessLevel = _this$props.accessLevel,
-        eventHandlers = _this$props.eventHandlers,
-        id = _this$props.id,
-        mentionProvider = _this$props.mentionProvider,
-        text = _this$props.text,
-        localId = _this$props.localId;
-      var profilecardProvider = this.state.profilecardProvider;
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var actionHandlers = {};
-      ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
-        actionHandlers[handler] = eventHandlers && eventHandlers[handler] || noop;
-      });
-      var MentionComponent = profilecardProvider && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
-      return /*#__PURE__*/React.createElement(MentionComponent, _extends({
-        id: id,
-        text: text,
-        accessLevel: accessLevel,
-        localId: localId,
-        mentionProvider: mentionProvider
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        ,
-        profilecardProvider: profilecardProvider
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, actionHandlers));
-    }
-  }]);
-}(PureComponent);
+});

package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -5,7 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import { backgroundColorPalette, backgroundColorPaletteNext } from '@atlaskit/adf-schema';
 import Icon from '@atlaskit/icon';
 import { useThemeObserver } from '@atlaskit/tokens';
 import getColorMessage from './getColorMessage';
@@ -42,6 +42,12 @@ export var EditorDiagonalLineIcon = function EditorDiagonalLineIcon() {
     primaryColor: primaryColor
   });
 };
+
+// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
+/**
+ * @deprecated Use `highlightColorPaletteNext` instead, which supports both orange and yellow highlight color
+ * This will be removed when platform_editor_add_orange_highlight_color is cleaned up
+ */
 export var highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
@@ -52,4 +58,15 @@ export var highlightColorPalette = [{
 }];
 backgroundColorPalette.forEach(function (label, color) {
   highlightColorPalette.push(mapPaletteColor(label, color));
+});
+export var highlightColorPaletteNext = [{
+  value: REMOVE_HIGHLIGHT_COLOR,
+  label: 'No color',
+  // Mostly informative, only used for analytics
+  border: "var(--ds-border, #091E4224)",
+  message: getColorMessage(paletteMessages, 'no-color'),
+  decorator: jsx(EditorDiagonalLineIcon, null)
+}];
+backgroundColorPaletteNext.forEach(function (label, color) {
+  highlightColorPaletteNext.push(mapPaletteColor(label, color));
 });

package/dist/esm/ui-color/index.js

@@ -8,7 +8,7 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
+export { highlightColorPalette, highlightColorPaletteNext, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes/paletteMessagesTokenModeNames';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -15,10 +15,3 @@ export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
 export declare const MentionWithProviders: React.MemoExoticComponent<({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => React.JSX.Element>;
-export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
-    state: State;
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    private updateProfilecardProvider;
-    render(): React.JSX.Element;
-}

package/dist/types/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -6,4 +6,9 @@ import { jsx } from '@emotion/react';
 import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
 export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
+/**
+ * @deprecated Use `highlightColorPaletteNext` instead, which supports both orange and yellow highlight color
+ * This will be removed when platform_editor_add_orange_highlight_color is cleaned up
+ */
 export declare const highlightColorPalette: Array<PaletteColor>;
+export declare const highlightColorPaletteNext: Array<PaletteColor>;

package/dist/types/ui-color/index.d.ts

@@ -5,7 +5,7 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
+export { highlightColorPalette, highlightColorPaletteNext, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes/paletteMessagesTokenModeNames';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages } from './ColorPalette/Palettes/type';

package/dist/types-ts4.5/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React from 'react';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -15,10 +15,3 @@ export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
 export declare const MentionWithProviders: React.MemoExoticComponent<({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => React.JSX.Element>;
-export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
-    state: State;
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    private updateProfilecardProvider;
-    render(): React.JSX.Element;
-}

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -6,4 +6,9 @@ import { jsx } from '@emotion/react';
 import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
 export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
+/**
+ * @deprecated Use `highlightColorPaletteNext` instead, which supports both orange and yellow highlight color
+ * This will be removed when platform_editor_add_orange_highlight_color is cleaned up
+ */
 export declare const highlightColorPalette: Array<PaletteColor>;
+export declare const highlightColorPaletteNext: Array<PaletteColor>;

package/dist/types-ts4.5/ui-color/index.d.ts

@@ -5,7 +5,7 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
+export { highlightColorPalette, highlightColorPaletteNext, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes/paletteMessagesTokenModeNames';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages } from './ColorPalette/Palettes/type';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.7.6",
+	"version": "107.8.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -122,7 +122,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
-		"@atlaskit/adf-schema": "^49.0.5",
+		"@atlaskit/adf-schema": "^49.0.6",
 		"@atlaskit/adf-utils": "^19.20.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
@@ -146,7 +146,7 @@
 		"@atlaskit/link-datasource": "^4.13.0",
 		"@atlaskit/link-picker": "^3.6.0",
 		"@atlaskit/media-card": "^79.4.0",
-		"@atlaskit/media-client": "^35.0.0",
+		"@atlaskit/media-client": "^35.1.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-file-preview": "^0.11.0",
@@ -163,14 +163,14 @@
 		"@atlaskit/profilecard": "^23.21.0",
 		"@atlaskit/react-ufo": "^3.14.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^39.4.0",
+		"@atlaskit/smart-card": "^40.0.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.4.0",
+		"@atlaskit/tmp-editor-statsig": "^9.6.0",
 		"@atlaskit/tokens": "^5.5.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -260,12 +260,6 @@
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
-		"platform_editor_react18_mention_with_provider_fix": {
-			"type": "boolean"
-		},
-		"platform_editor_react18_mention_with_provider_jira": {
-			"type": "boolean"
-		},
 		"platform_editor_typography_ugc": {
 			"type": "boolean"
 		},