@atlaskit/editor-common 78.32.0 → 78.33.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 78.33.0
+
+### Minor Changes
+
+- [#91653](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91653) [`57a3511f76c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57a3511f76c1) - ECA11Y-203: Added cursor back to the cell, after changing cell background
+
 ## 78.32.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "78.32.0";
+var packageVersion = "78.33.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.32.0";
+var packageVersion = "78.33.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js

@@ -22,7 +22,8 @@ var ColorPaletteArrowKeyNavigationProvider = exports.ColorPaletteArrowKeyNavigat
     isPopupPositioned = _ref.isPopupPositioned,
     handleClose = _ref.handleClose,
     closeOnTab = _ref.closeOnTab,
-    editorRef = _ref.editorRef;
+    editorRef = _ref.editorRef,
+    ignoreEscapeKey = _ref.ignoreEscapeKey;
   var wrapperRef = (0, _react.useRef)(null);
   var currentSelectedColumnIndex = (0, _react.useRef)(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
   var currentSelectedRowIndex = (0, _react.useRef)(selectedRowIndex === -1 ? 0 : selectedRowIndex);
@@ -105,7 +106,9 @@ var ColorPaletteArrowKeyNavigationProvider = exports.ColorPaletteArrowKeyNavigat
           event.preventDefault();
           break;
         case 'Escape':
-          handleClose(event);
+          if (!ignoreEscapeKey) {
+            handleClose(event);
+          }
           break;
         default:
           return;
@@ -124,7 +127,7 @@ var ColorPaletteArrowKeyNavigationProvider = exports.ColorPaletteArrowKeyNavigat
     return function () {
       listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
     };
-  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, listenerTargetElement]);
+  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, ignoreEscapeKey, listenerTargetElement]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "custom-key-handler-wrapper",
     ref: wrapperRef

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -153,7 +153,8 @@ var ColorPickerButton = function ColorPickerButton(props) {
         return setIsPopupOpen(false);
       },
       isOpenedByKeyboard: isOpenedByKeyboard,
-      isPopupPositioned: isPopupPositioned
+      isPopupPositioned: isPopupPositioned,
+      ignoreEscapeKey: props.returnEscToButton
     }, (0, _react2.jsx)(ColorPaletteWithListeners, {
       cols: props.cols,
       selectedColor: selectedColor,

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "78.32.0";
+const packageVersion = "78.33.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "78.32.0";
+const packageVersion = "78.33.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js

@@ -11,7 +11,8 @@ export const ColorPaletteArrowKeyNavigationProvider = ({
   isPopupPositioned,
   handleClose,
   closeOnTab,
-  editorRef
+  editorRef,
+  ignoreEscapeKey
 }) => {
   const wrapperRef = useRef(null);
   const currentSelectedColumnIndex = useRef(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
@@ -93,7 +94,9 @@ export const ColorPaletteArrowKeyNavigationProvider = ({
           event.preventDefault();
           break;
         case 'Escape':
-          handleClose(event);
+          if (!ignoreEscapeKey) {
+            handleClose(event);
+          }
           break;
         default:
           return;
@@ -112,7 +115,7 @@ export const ColorPaletteArrowKeyNavigationProvider = ({
     return () => {
       listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
     };
-  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, listenerTargetElement]);
+  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, ignoreEscapeKey, listenerTargetElement]);
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-key-handler-wrapper",
     ref: wrapperRef

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -133,7 +133,8 @@ const ColorPickerButton = props => {
       closeOnTab: true,
       handleClose: () => setIsPopupOpen(false),
       isOpenedByKeyboard: isOpenedByKeyboard,
-      isPopupPositioned: isPopupPositioned
+      isPopupPositioned: isPopupPositioned,
+      ignoreEscapeKey: props.returnEscToButton
     }, jsx(ColorPaletteWithListeners, {
       cols: props.cols,
       selectedColor: selectedColor,

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 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 = "78.32.0";
+var packageVersion = "78.33.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.32.0";
+var packageVersion = "78.33.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js

@@ -12,7 +12,8 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
     isPopupPositioned = _ref.isPopupPositioned,
     handleClose = _ref.handleClose,
     closeOnTab = _ref.closeOnTab,
-    editorRef = _ref.editorRef;
+    editorRef = _ref.editorRef,
+    ignoreEscapeKey = _ref.ignoreEscapeKey;
   var wrapperRef = useRef(null);
   var currentSelectedColumnIndex = useRef(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
   var currentSelectedRowIndex = useRef(selectedRowIndex === -1 ? 0 : selectedRowIndex);
@@ -95,7 +96,9 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
           event.preventDefault();
           break;
         case 'Escape':
-          handleClose(event);
+          if (!ignoreEscapeKey) {
+            handleClose(event);
+          }
           break;
         default:
           return;
@@ -114,7 +117,7 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
     return function () {
       listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
     };
-  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, listenerTargetElement]);
+  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, ignoreEscapeKey, listenerTargetElement]);
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-key-handler-wrapper",
     ref: wrapperRef

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -146,7 +146,8 @@ var ColorPickerButton = function ColorPickerButton(props) {
         return setIsPopupOpen(false);
       },
       isOpenedByKeyboard: isOpenedByKeyboard,
-      isPopupPositioned: isPopupPositioned
+      isPopupPositioned: isPopupPositioned,
+      ignoreEscapeKey: props.returnEscToButton
     }, jsx(ColorPaletteWithListeners, {
       cols: props.cols,
       selectedColor: selectedColor,

package/dist/types/types/floating-toolbar.d.ts

@@ -167,6 +167,7 @@ type FloatingToolbarSelectBase<T extends {}, V = SelectOption> = {
     hideExpandIcon?: boolean;
     defaultValue?: V | null;
     placeholder?: string;
+    returnEscToButton?: boolean;
     onChange: (selected: V) => T;
     filterOption?: ((option: V, rawInput: string) => boolean) | null;
 };

package/dist/types/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ColorPaletteArrowKeyNavigationProps } from '../types';
+import type { ColorPaletteArrowKeyNavigationProps } from '../types';
 /**
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/types.d.ts

@@ -21,6 +21,7 @@ export type ColorPaletteArrowKeyNavigationProps = ColorPaletteArrowKeyNavigation
     handleClose?: SimpleEventHandler<KeyboardEvent>;
     closeOnTab?: boolean;
     editorRef: React.RefObject<HTMLDivElement>;
+    ignoreEscapeKey?: boolean | false;
 };
 export type MenuArrowKeyNavigationOptions = {
     type: ArrowKeyNavigationType.MENU;

package/dist/types/ui-menu/ColorPickerButton/index.d.ts

@@ -26,5 +26,6 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsE
      */
     skipFocusButtonAfterPick?: boolean | undefined;
     absoluteOffset?: PopupPosition | undefined;
-}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+    returnEscToButton?: boolean | undefined;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/types/floating-toolbar.d.ts

@@ -167,6 +167,7 @@ type FloatingToolbarSelectBase<T extends {}, V = SelectOption> = {
     hideExpandIcon?: boolean;
     defaultValue?: V | null;
     placeholder?: string;
+    returnEscToButton?: boolean;
     onChange: (selected: V) => T;
     filterOption?: ((option: V, rawInput: string) => boolean) | null;
 };

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ColorPaletteArrowKeyNavigationProps } from '../types';
+import type { ColorPaletteArrowKeyNavigationProps } from '../types';
 /**
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/types.d.ts

@@ -21,6 +21,7 @@ export type ColorPaletteArrowKeyNavigationProps = ColorPaletteArrowKeyNavigation
     handleClose?: SimpleEventHandler<KeyboardEvent>;
     closeOnTab?: boolean;
     editorRef: React.RefObject<HTMLDivElement>;
+    ignoreEscapeKey?: boolean | false;
 };
 export type MenuArrowKeyNavigationOptions = {
     type: ArrowKeyNavigationType.MENU;

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

@@ -26,5 +26,6 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsE
      */
     skipFocusButtonAfterPick?: boolean | undefined;
     absoluteOffset?: PopupPosition | undefined;
-}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+    returnEscToButton?: boolean | undefined;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/package.json

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