@atlaskit/editor-common 110.50.2 → 111.0.0

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

@@ -1,219 +1,72 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-/* 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 var panelBackgroundPalette = [
-// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-{
+export var 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(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
     border: "var(--ds-border, ".concat(DEFAULT_BORDER_COLOR, ")")
   });
-});
-/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
-export var 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(function (color) {
-  return _objectSpread(_objectSpread({}, color), {}, {
-    border: DEFAULT_BORDER_COLOR
-  });
 });

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.2",
+	"version": "111.0.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"