@atlaskit/editor-common 110.50.2 → 111.0.0

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

@@ -57,7 +57,6 @@ export const EditorDiagonalLineIcon = () => {
  */
 export const highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
   label: 'No color',
   // Mostly informative, only used for analytics
   border: "var(--ds-border, #091E4224)",
@@ -69,7 +68,6 @@ backgroundColorPalette.forEach((label, color) => {
 });
 export const highlightColorPaletteNext = [{
   value: REMOVE_HIGHLIGHT_COLOR,
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
   label: 'No color',
   // Mostly informative, only used for analytics
   border: "var(--ds-border, #091E4224)",

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

@@ -1,214 +1,68 @@
-/* eslint-disable @atlassian/i18n/no-literal-string-in-object */
-
-import { darkPanelColors } from '../../../panel';
 import { DEFAULT_BORDER_COLOR } from './common';
-/** this is not new usage - old code extracted from editor-core */
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-export const panelBackgroundPalette = [
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+export const panelBackgroundPalette = [{
   label: 'White',
   value: '#FFFFFF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light blue',
   value: '#DEEBFF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light teal',
   value: '#E6FCFF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light green',
   value: '#E3FCEF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light yellow',
   value: '#FFFAE6'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light red',
   value: '#FFEBE6'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light purple',
   value: '#EAE6FF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Light gray',
   value: '#F4F5F7'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Blue',
   value: '#B3D4FF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Teal',
   value: '#B3F5FF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Green',
   value: '#ABF5D1'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Yellow',
   value: '#FFF0B3'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Red',
   value: '#FFBDAD'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Purple',
   value: '#C0B6F2'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Gray',
   value: '#B3BAC5'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Dark blue',
   value: '#4C9AFF'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Dark teal',
   value: '#79E2F2'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Dark green',
   value: '#57D9A3'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Dark yellow',
   value: '#FFC400'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Dark red',
   value: '#FF8F73'
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+}, {
   label: 'Dark purple',
   value: '#998DD9'
 }].map(color => ({
   ...color,
   border: `var(--ds-border, ${DEFAULT_BORDER_COLOR})`
-}));
-/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
-export const panelDarkModeBackgroundPalette = [
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark gray',
-  value: darkPanelColors.DarkGray
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark blue',
-  value: darkPanelColors.B1200S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark teal',
-  value: darkPanelColors.T1200S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark green',
-  value: darkPanelColors.G1200S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark yellow',
-  value: darkPanelColors.Y1200S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark red',
-  value: darkPanelColors.R1200S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Dark purple',
-  value: darkPanelColors.P1200S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Gray',
-  value: darkPanelColors.Gray
-}, {
-  label: 'blue',
-  value: darkPanelColors.B900
-}, {
-  label: 'teal',
-  value: darkPanelColors.T900
-}, {
-  label: 'green',
-  value: darkPanelColors.G900
-}, {
-  label: 'yellow',
-  value: darkPanelColors.Y900
-}, {
-  label: 'red',
-  value: darkPanelColors.R900
-}, {
-  label: 'purple',
-  value: darkPanelColors.P900
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light gray',
-  value: darkPanelColors.LightGray
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light blue',
-  value: darkPanelColors.B800S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light teal',
-  value: darkPanelColors.T900S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light green',
-  value: darkPanelColors.G900S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light yellow',
-  value: darkPanelColors.Y800S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light red',
-  value: darkPanelColors.R800S
-},
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
-  label: 'Light purple',
-  value: darkPanelColors.P800S
-}].map(color => ({
-  ...color,
-  border: DEFAULT_BORDER_COLOR
 }));

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

@@ -6,7 +6,7 @@ export { default as Color } from './ColorPalette/Color';
 export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumn, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
-export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
+export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
 export { highlightColorPalette, highlightColorPaletteNext, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes/paletteMessagesTokenModeNames';

package/dist/es2019/ui-react/with-react-editor-view-outer-listeners.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent, useCallback, useEffect, useRef, useState } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import ReactEditorViewContext from './ReactEditorViewContext';
 // Use this context to pass in the reference of the element that should be considered as the outside click target
@@ -29,7 +30,7 @@ class WithOutsideClick extends PureComponent {
         }
       }
     });
-    _defineProperty(this, "handleKeydown", evt => {
+    _defineProperty(this, "handleKeyDown", evt => {
       if (!this.props.isActiveComponent) {
         return;
       }
@@ -47,6 +48,10 @@ class WithOutsideClick extends PureComponent {
       } else if ((evt.code === 'Delete' || evt.code === 'Backspace') && this.props.handleBackspaceDeleteKeydown) {
         this.props.handleBackspaceDeleteKeydown(evt);
       }
+      if (expValEquals('platform_editor_block_menu', 'isEnabled', true)) {
+        var _this$props$handleKey, _this$props;
+        (_this$props$handleKey = (_this$props = this.props).handleKeyDown) === null || _this$props$handleKey === void 0 ? void 0 : _this$props$handleKey.call(_this$props, evt);
+      }
     });
   }
   componentDidMount() {
@@ -58,7 +63,7 @@ class WithOutsideClick extends PureComponent {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       document.addEventListener('click', this.handleClick, options);
     }
-    if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown) {
+    if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && expValEquals('platform_editor_block_menu', 'isEnabled', true)) {
       var _this$props$editorRef;
       // Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
       // Ignored via go/ees005
@@ -69,7 +74,7 @@ class WithOutsideClick extends PureComponent {
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      ).addEventListener('keydown', this.handleKeydown, false);
+      ).addEventListener('keydown', this.handleKeyDown, false);
     }
   }
   componentWillUnmount() {
@@ -81,7 +86,7 @@ class WithOutsideClick extends PureComponent {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       document.removeEventListener('click', this.handleClick, options);
     }
-    if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown) {
+    if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && expValEquals('platform_editor_block_menu', 'isEnabled', true)) {
       var _this$props$editorRef2;
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -91,7 +96,7 @@ class WithOutsideClick extends PureComponent {
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      ).removeEventListener('keydown', this.handleKeydown, false);
+      ).removeEventListener('keydown', this.handleKeyDown, false);
     }
   }
   render() {
@@ -105,12 +110,13 @@ function hasIsOpen(props) {
 }
 export default function withReactEditorViewOuterListeners(Component) {
   return ({
+    captureClick,
+    closeOnTab,
+    handleBackspaceDeleteKeydown,
     handleClickOutside,
     handleEnterKeydown,
     handleEscapeKeydown,
-    handleBackspaceDeleteKeydown,
-    closeOnTab,
-    captureClick,
+    handleKeyDown,
     ...props
   }) => {
     const isActiveProp = hasIsOpen(props) ? props.isOpen : true;
@@ -141,6 +147,7 @@ export default function withReactEditorViewOuterListeners(Component) {
       handleEnterKeydown: handleEnterKeydown,
       handleEscapeKeydown: handleEscapeKeydown,
       handleBackspaceDeleteKeydown: handleBackspaceDeleteKeydown,
+      handleKeyDown: handleKeyDown,
       closeOnTab: closeOnTab,
       captureClick: captureClick
     }, /*#__PURE__*/React.createElement(Component

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "110.50.1";
+var packageVersion = "110.50.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/panel.js

@@ -1,4 +1,4 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';
+export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, PanelSharedCssClassName, PanelSharedSelectors } from './styles/shared/panel';

package/dist/esm/styles/shared/panel.js

@@ -8,71 +8,6 @@ var lightPanelColors = {
   warning: '#FFFAE6',
   error: '#FFEBE6'
 };
-export var darkPanelColors = {
-  // standard panels
-  info: "#0C294F",
-  error: "#441C13",
-  warning: "#413001",
-  tip: "#052E21",
-  success: "#052E21",
-  note: "#282249",
-  // Reds
-  R900: '#601D16',
-  // Red Saturated
-  R100S: "#FFEFEB",
-  R300S: "#FFB5A3",
-  R500S: "#FF6B47",
-  R800S: "#C4320E",
-  R1200S: "#441C13",
-  // Yellows
-  Y900: '#533F04',
-  // Yellow Saturated
-  Y100S: "#FFF3D1",
-  Y300S: "#FFDC7A",
-  Y500S: "#FFC933",
-  Y800S: "#D8A003",
-  Y1200S: "#413001",
-  // Greens
-  G900: '#164B35',
-  // Green Saturated
-  G100S: "#E3FCF0",
-  G300S: "#95EEC5",
-  G400S: "#60DCA8",
-  G900S: "#086848",
-  G1200S: "#052E21",
-  // Blues
-  B900: '#09326C',
-  // Saturated Blues
-  B100S: '#E5F0FF',
-  B300S: '#A3C9FF',
-  B500S: '#4794FF',
-  B800S: '#0055CC',
-  B1200S: '#0C294F',
-  // Purples
-  P900: "#352C63",
-  // Purple Saturated
-  P100S: "#EEEBFF",
-  P300S: "#CCC3FE",
-  P500S: "#A292F7",
-  P800S: "#5E49CA",
-  P1200S: "#282249",
-  // Teals
-  T900: '#1D474C',
-  // Teal Saturated
-  T100S: "#DBFAFF",
-  T300S: "#78EBFC",
-  T400S: "#3AD6EE",
-  T900S: "#056270",
-  T1200S: "#0B3037",
-  // Dark Mode Alpha
-  DarkGray: '#161A1D',
-  Gray: '#2C333A',
-  LightGray: '#5A6977',
-  TextColor: '#D9DDE3'
-};
-export function getPanelDarkModeCSS(colorName, colorValue) {
-  return "\n  &[data-panel-color=\"".concat(colorName, "\"] {\n    background-color: ").concat(colorValue, " !important; // !important to override default style color\n    color: ").concat(darkPanelColors.TextColor, ";\n  }\n  ");
-}
 var prefix = 'ak-editor-panel';
 export var PanelSharedCssClassName = {
   prefix: prefix,

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.50.1";
+var packageVersion = "110.50.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -54,14 +54,10 @@ export var ErrorMessage = function ErrorMessage(_ref2) {
     }
   }, jsx("span", {
     css: iconWrapperStyle
-  }, fg('platform_editor_dec_a11y_fixes') ? jsx(ErrorIcon, {
+  }, jsx(ErrorIcon, {
     LEGACY_size: "small",
-    label: intl.formatMessage(commonMessages.error)
-  })
-  /* eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx */ : jsx(ErrorIcon, {
-    LEGACY_size: "small",
-    label: "error",
-    "aria-label": "error"
+    label: fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(commonMessages.error) : "error",
+    "aria-label": fg('platform_editor_dec_a11y_fixes') ? undefined : "error"
   })), children);
 };
 export var ValidMessage = function ValidMessage(_ref3) {

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

@@ -58,7 +58,6 @@ export var EditorDiagonalLineIcon = function EditorDiagonalLineIcon() {
  */
 export var highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
   label: 'No color',
   // Mostly informative, only used for analytics
   border: "var(--ds-border, #091E4224)",
@@ -70,7 +69,6 @@ backgroundColorPalette.forEach(function (label, color) {
 });
 export var highlightColorPaletteNext = [{
   value: REMOVE_HIGHLIGHT_COLOR,
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
   label: 'No color',
   // Mostly informative, only used for analytics
   border: "var(--ds-border, #091E4224)",