@atlaskit/editor-common 110.50.3 → 111.0.0

package/dist/esm/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/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -6,10 +6,11 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "handleBackspaceDeleteKeydown", "closeOnTab", "captureClick"];
+var _excluded = ["captureClick", "closeOnTab", "handleBackspaceDeleteKeydown", "handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "handleKeyDown"];
 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, 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
@@ -45,7 +46,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
         }
       }
     });
-    _defineProperty(_this, "handleKeydown", function (evt) {
+    _defineProperty(_this, "handleKeyDown", function (evt) {
       if (!_this.props.isActiveComponent) {
         return;
       }
@@ -63,6 +64,10 @@ var WithOutsideClick = /*#__PURE__*/function (_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 || _this$props$handleKey.call(_this$props, evt);
+      }
     });
     return _this;
   }
@@ -78,7 +83,7 @@ var WithOutsideClick = /*#__PURE__*/function (_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
@@ -89,7 +94,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
 
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ).addEventListener('keydown', this.handleKeydown, false);
+        ).addEventListener('keydown', this.handleKeyDown, false);
       }
     }
   }, {
@@ -103,7 +108,7 @@ var WithOutsideClick = /*#__PURE__*/function (_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
@@ -113,7 +118,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
 
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ).removeEventListener('keydown', this.handleKeydown, false);
+        ).removeEventListener('keydown', this.handleKeyDown, false);
       }
     }
   }, {
@@ -130,12 +135,13 @@ function hasIsOpen(props) {
 }
 export default function withReactEditorViewOuterListeners(Component) {
   return function (_ref) {
-    var handleClickOutside = _ref.handleClickOutside,
+    var captureClick = _ref.captureClick,
+      closeOnTab = _ref.closeOnTab,
+      handleBackspaceDeleteKeydown = _ref.handleBackspaceDeleteKeydown,
+      handleClickOutside = _ref.handleClickOutside,
       handleEnterKeydown = _ref.handleEnterKeydown,
       handleEscapeKeydown = _ref.handleEscapeKeydown,
-      handleBackspaceDeleteKeydown = _ref.handleBackspaceDeleteKeydown,
-      closeOnTab = _ref.closeOnTab,
-      captureClick = _ref.captureClick,
+      handleKeyDown = _ref.handleKeyDown,
       props = _objectWithoutProperties(_ref, _excluded);
     var isActiveProp = hasIsOpen(props) ? props.isOpen : true;
     var _useState = useState(false),
@@ -168,6 +174,7 @@ export default function withReactEditorViewOuterListeners(Component) {
         handleEnterKeydown: handleEnterKeydown,
         handleEscapeKeydown: handleEscapeKeydown,
         handleBackspaceDeleteKeydown: handleBackspaceDeleteKeydown,
+        handleKeyDown: handleKeyDown,
         closeOnTab: closeOnTab,
         captureClick: captureClick
       }, /*#__PURE__*/React.createElement(Component

package/dist/types/panel.d.ts

@@ -1 +1 @@
-export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, PanelSharedCssClassName, PanelSharedSelectors, } from './styles/shared/panel';
+export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, PanelSharedCssClassName, PanelSharedSelectors, } from './styles/shared/panel';

package/dist/types/styles/shared/panel.d.ts

@@ -1,53 +1,4 @@
 import { PanelType } from '@atlaskit/adf-schema';
-export declare const darkPanelColors: {
-    info: string;
-    error: string;
-    warning: string;
-    tip: string;
-    success: string;
-    note: string;
-    R900: string;
-    R100S: string;
-    R300S: string;
-    R500S: string;
-    R800S: string;
-    R1200S: string;
-    Y900: string;
-    Y100S: string;
-    Y300S: string;
-    Y500S: string;
-    Y800S: string;
-    Y1200S: string;
-    G900: string;
-    G100S: string;
-    G300S: string;
-    G400S: string;
-    G900S: string;
-    G1200S: string;
-    B900: string;
-    B100S: string;
-    B300S: string;
-    B500S: string;
-    B800S: string;
-    B1200S: string;
-    P900: string;
-    P100S: string;
-    P300S: string;
-    P500S: string;
-    P800S: string;
-    P1200S: string;
-    T900: string;
-    T100S: string;
-    T300S: string;
-    T400S: string;
-    T900S: string;
-    T1200S: string;
-    DarkGray: string;
-    Gray: string;
-    LightGray: string;
-    TextColor: string;
-};
-export declare function getPanelDarkModeCSS(colorName: string, colorValue: string): string;
 export declare const PanelSharedCssClassName: {
     prefix: string;
     content: string;

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

@@ -1,4 +1,2 @@
-import { type PaletteColor } from './type';
-/** this is not new usage - old code extracted from editor-core */
+import type { PaletteColor } from './type';
 export declare const panelBackgroundPalette: PaletteColor[];
-export declare const panelDarkModeBackgroundPalette: PaletteColor[];

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

@@ -3,7 +3,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/types/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -13,6 +13,7 @@ export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEnterKeydown?: SimpleEventHandler<KeyboardEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
+    handleKeyDown?: SimpleEventHandler<KeyboardEvent>;
     targetRef?: any;
 }
 export default function withReactEditorViewOuterListeners<P extends Object>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;

package/dist/types-ts4.5/panel.d.ts

@@ -1 +1 @@
-export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, PanelSharedCssClassName, PanelSharedSelectors, } from './styles/shared/panel';
+export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, PanelSharedCssClassName, PanelSharedSelectors, } from './styles/shared/panel';

package/dist/types-ts4.5/styles/shared/panel.d.ts

@@ -1,53 +1,4 @@
 import { PanelType } from '@atlaskit/adf-schema';
-export declare const darkPanelColors: {
-    info: string;
-    error: string;
-    warning: string;
-    tip: string;
-    success: string;
-    note: string;
-    R900: string;
-    R100S: string;
-    R300S: string;
-    R500S: string;
-    R800S: string;
-    R1200S: string;
-    Y900: string;
-    Y100S: string;
-    Y300S: string;
-    Y500S: string;
-    Y800S: string;
-    Y1200S: string;
-    G900: string;
-    G100S: string;
-    G300S: string;
-    G400S: string;
-    G900S: string;
-    G1200S: string;
-    B900: string;
-    B100S: string;
-    B300S: string;
-    B500S: string;
-    B800S: string;
-    B1200S: string;
-    P900: string;
-    P100S: string;
-    P300S: string;
-    P500S: string;
-    P800S: string;
-    P1200S: string;
-    T900: string;
-    T100S: string;
-    T300S: string;
-    T400S: string;
-    T900S: string;
-    T1200S: string;
-    DarkGray: string;
-    Gray: string;
-    LightGray: string;
-    TextColor: string;
-};
-export declare function getPanelDarkModeCSS(colorName: string, colorValue: string): string;
 export declare const PanelSharedCssClassName: {
     prefix: string;
     content: string;

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

@@ -1,4 +1,2 @@
-import { type PaletteColor } from './type';
-/** this is not new usage - old code extracted from editor-core */
+import type { PaletteColor } from './type';
 export declare const panelBackgroundPalette: PaletteColor[];
-export declare const panelDarkModeBackgroundPalette: PaletteColor[];

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

@@ -3,7 +3,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/types-ts4.5/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -13,6 +13,7 @@ export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEnterKeydown?: SimpleEventHandler<KeyboardEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
+    handleKeyDown?: SimpleEventHandler<KeyboardEvent>;
     targetRef?: any;
 }
 export default function withReactEditorViewOuterListeners<P extends Object>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.50.3",
+	"version": "111.0.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"