@atlaskit/editor-common 87.2.1 → 87.3.1

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # @atlaskit/editor-common
 
-## 87.2.1
+## 87.3.1
+
+### Patch Changes
+
+- [`f42945811476f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f42945811476f) -
+  [NO-ISSUE] Mapping macro extensionKeys for the pageElementCounts analytics events to remove
+  prefixes with UUIDs
+
+## 87.3.0
+
+### Minor Changes
+
+- [#125595](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125595)
+  [`88881a6e5b2e9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/88881a6e5b2e9) -
+  added a css util for lnv
 
 ### Patch Changes
 
 - [#125984](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125984)
   [`167a210dfd672`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/167a210dfd672) -
   [ux] Update shortcuts for element dnd
+- [#125082](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125082)
+  [`ba605ab4da0e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ba605ab4da0e1) -
+  [ED-23977] This change cleans up the use of the feature flag
+  'platform.editor.a11y-main-toolbar-navigation_osrty'.
 - Updated dependencies
 
 ## 87.2.0

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../analytics");
 var _constants = require("../constants");
 var _useContainerWidth2 = _interopRequireDefault(require("../hooks/use-container-width"));
@@ -223,7 +224,8 @@ function StatelessElementBrowser(props) {
   }, [categoryBeenChosen, onSelectCategory]);
   return (0, _react2.jsx)("div", {
     css: wrapper,
-    "data-testid": "element-browser"
+    "data-testid": "element-browser",
+    id: (0, _platformFeatureFlags.fg)('editor-fix-esc-main-toolbar-navigation') ? _constants.ELEMENT_BROWSER_ID : undefined
   }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser, (0, _extends2.default)({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/cjs/element-browser/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SIDEBAR_WIDTH = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR_HEADING_PADDING_LEFT = exports.SEARCH_ITEM_HEIGHT_WIDTH = exports.SCROLLBAR_WIDTH = exports.INLINE_SIDEBAR_HEIGHT = exports.GRID_SIZE = exports.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS = exports.ELEMENT_LIST_PADDING = exports.ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_HEIGHT = exports.DEVICE_BREAKPOINT_NUMBERS = void 0;
+exports.SIDEBAR_WIDTH = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR_HEADING_PADDING_LEFT = exports.SEARCH_ITEM_HEIGHT_WIDTH = exports.SCROLLBAR_WIDTH = exports.INLINE_SIDEBAR_HEIGHT = exports.GRID_SIZE = exports.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS = exports.ELEMENT_LIST_PADDING = exports.ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_HEIGHT = exports.ELEMENT_BROWSER_ID = exports.DEVICE_BREAKPOINT_NUMBERS = void 0;
 var _constants = require("@atlaskit/theme/constants");
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
@@ -28,4 +28,5 @@ var SEARCH_ITEM_HEIGHT_WIDTH = exports.SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 var SCROLLBAR_WIDTH = exports.SCROLLBAR_WIDTH = 15;
 var ELEMENT_LIST_PADDING = exports.ELEMENT_LIST_PADDING = 2;
 var ELEMENT_ITEM_HEIGHT = exports.ELEMENT_ITEM_HEIGHT = 75;
-var ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_PADDING = 10;
+var ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_PADDING = 10;
+var ELEMENT_BROWSER_ID = exports.ELEMENT_BROWSER_ID = 'editor-element-browser';

package/dist/cjs/element-browser/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ELEMENT_BROWSER_ID", {
+  enumerable: true,
+  get: function get() {
+    return _constants.ELEMENT_BROWSER_ID;
+  }
+});
 Object.defineProperty(exports, "ELEMENT_ITEM_HEIGHT", {
   enumerable: true,
   get: function get() {

package/dist/cjs/lazy-node-view/css-helper.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertToInlineCss = convertToInlineCss;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+/**
+ * Converts a camelCased CSS property name to a hyphenated CSS property name.
+ *
+ * @param property - CamelCased CSS property name.
+ * @returns Hyphenated CSS property name.
+ */
+function hyphenate(property) {
+  return property.replace(/[A-Z]/g, function (match) {
+    return "-".concat(match.toLowerCase());
+  }).replace(/^ms/, '-ms');
+}
+
+/**
+ * Converts a CSS properties object to a CSS string.
+ * @param properties - CSS properties object.
+ * @returns CSS string.
+ */
+function convertToInlineCss(properties) {
+  var cssString = Object.entries(properties).sort(function (_ref, _ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref, 1),
+      a = _ref3[0];
+    var _ref4 = (0, _slicedToArray2.default)(_ref2, 1),
+      b = _ref4[0];
+    return a.localeCompare(b);
+  }).map(function (_ref5) {
+    var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+      property = _ref6[0],
+      value = _ref6[1];
+    return "".concat(hyphenate(property), ": ").concat(value, ";");
+  }).join(' ');
+  return cssString;
+}

package/dist/cjs/lazy-node-view/index.js

@@ -3,9 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "convertToInlineCss", {
+  enumerable: true,
+  get: function get() {
+    return _cssHelper.convertToInlineCss;
+  }
+});
 exports.withLazyLoading = void 0;
 var _nodeView = require("./node-view");
 var _replaceNodeViews = require("./replace-node-views");
+var _cssHelper = require("./css-helper");
 /**
  * 📢 Public Type
  *

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,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 = "87.2.1";
+var packageVersion = "87.3.1";
 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

@@ -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 = "87.2.1";
+var packageVersion = "87.3.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ColorPaletteArrowKeyNavigationProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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; }
 /**
@@ -29,7 +28,7 @@ var ColorPaletteArrowKeyNavigationProvider = exports.ColorPaletteArrowKeyNavigat
   var wrapperRef = (0, _react.useRef)(null);
   var currentSelectedColumnIndex = (0, _react.useRef)(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
   var currentSelectedRowIndex = (0, _react.useRef)(selectedRowIndex === -1 ? 0 : selectedRowIndex);
-  var element = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? popupsMountPoint : editorRef.current;
+  var element = popupsMountPoint ? popupsMountPoint : editorRef.current;
   var _useState = (0, _react.useState)(element),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     listenerTargetElement = _useState2[0];

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

@@ -36,7 +36,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentSelectedItemIndex = _useState2[0],
     setCurrentSelectedItemIndex = _useState2[1];
-  var element = popupsMountPoint && (0, _platformFeatureFlags.fg)('platform.editor.a11y-main-toolbar-navigation_osrty') ? [popupsMountPoint, editorRef.current] : [editorRef.current];
+  var element = popupsMountPoint ? [popupsMountPoint, editorRef.current] : [editorRef.current];
   var _useState3 = (0, _react.useState)(element),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
     listenerTargetElement = _useState4[0];

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

@@ -259,7 +259,7 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
             key: 'ArrowDown',
             bubbles: true
           });
-          if (mountTo && (0, _platformFeatureFlags.fg)('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+          if (mountTo) {
             mountTo.dispatchEvent(keyboardEvent);
             return;
           }

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _elementBrowser = require("../../element-browser");
 var _messages = require("../../messages");
 var _ui = require("../../ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -120,7 +122,7 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
      * @param event
      */
     var handleKeyDown = function handleKeyDown(event) {
-      var _document$querySelect, _document$querySelect2, _wrapperRef$current;
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current2;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       var targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
@@ -134,11 +136,19 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
+      if ((0, _platformFeatureFlags.fg)('editor-fix-esc-main-toolbar-navigation')) {
+        var _wrapperRef$current;
+        var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(_elementBrowser.ELEMENT_BROWSER_ID));
+        if (elementBrowser) {
+          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+          return;
+        }
+      }
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
       }
-      if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+      if (targetElement instanceof HTMLElement && !((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(targetElement))) {
         selectedItemIndex.current = -1;
       } else {
         selectedItemIndex.current = targetElement instanceof HTMLElement && filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;

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

@@ -17,7 +17,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
 var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -80,7 +79,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef;
         // Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
-        ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
+        (this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
       }
     }
   }, {
@@ -91,7 +90,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       }
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef2;
-        ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
+        (this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
       }
     }
   }, {

package/dist/cjs/utils/page-element-counts.js

@@ -32,6 +32,11 @@ var getPageElementCounts = exports.getPageElementCounts = function getPageElemen
       if ('attrs' in node && node.attrs && 'extensionKey' in node.attrs && node.attrs.extensionKey) {
         var _acc$macros$extension;
         var extensionKey = node.attrs.extensionKey;
+        // If macros extensionKey has <UUID>/<UUID>/static/ prepended to it, remove the prefix
+        if (extensionKey.includes('/static/')) {
+          var extensionKeyParts = extensionKey.split('/');
+          extensionKey = extensionKeyParts[extensionKeyParts.length - 1];
+        }
         acc.macros[extensionKey] = ((_acc$macros$extension = acc.macros[extensionKey]) !== null && _acc$macros$extension !== void 0 ? _acc$macros$extension : 0) + 1;
       }
     } else {

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -9,8 +9,9 @@ import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
-import { DEVICE_BREAKPOINT_NUMBERS, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
+import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
 import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
 import { ViewMore } from '../ViewMore';
@@ -212,7 +213,8 @@ function StatelessElementBrowser(props) {
   }, [categoryBeenChosen, onSelectCategory]);
   return jsx("div", {
     css: wrapper,
-    "data-testid": "element-browser"
+    "data-testid": "element-browser",
+    id: fg('editor-fix-esc-main-toolbar-navigation') ? ELEMENT_BROWSER_ID : undefined
   }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/es2019/element-browser/constants.js

@@ -21,4 +21,5 @@ export const SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 export const SCROLLBAR_WIDTH = 15;
 export const ELEMENT_LIST_PADDING = 2;
 export const ELEMENT_ITEM_HEIGHT = 75;
-export const ELEMENT_ITEM_PADDING = 10;
+export const ELEMENT_ITEM_PADDING = 10;
+export const ELEMENT_BROWSER_ID = 'editor-element-browser';

package/dist/es2019/element-browser/index.js

@@ -1,2 +1,2 @@
 export { default as ElementBrowser } from './components/ElementBrowserLoader';
-export { ELEMENT_ITEM_HEIGHT } from './constants';
+export { ELEMENT_ITEM_HEIGHT, ELEMENT_BROWSER_ID } from './constants';

package/dist/es2019/lazy-node-view/css-helper.js

@@ -0,0 +1,19 @@
+/**
+ * Converts a camelCased CSS property name to a hyphenated CSS property name.
+ *
+ * @param property - CamelCased CSS property name.
+ * @returns Hyphenated CSS property name.
+ */
+function hyphenate(property) {
+  return property.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`).replace(/^ms/, '-ms');
+}
+
+/**
+ * Converts a CSS properties object to a CSS string.
+ * @param properties - CSS properties object.
+ * @returns CSS string.
+ */
+export function convertToInlineCss(properties) {
+  const cssString = Object.entries(properties).sort(([a], [b]) => a.localeCompare(b)).map(([property, value]) => `${hyphenate(property)}: ${value};`).join(' ');
+  return cssString;
+}

package/dist/es2019/lazy-node-view/index.js

@@ -1,5 +1,6 @@
 import { LazyNodeView } from './node-view';
 import { queueReplaceNodeViews } from './replace-node-views';
+export { convertToInlineCss } from './css-helper';
 
 /**
  * 📢 Public Type

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 = "87.2.1";
+const packageVersion = "87.3.1";
 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

@@ -12,7 +12,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 = "87.2.1";
+const packageVersion = "87.3.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -1,5 +1,4 @@
 import React, { useLayoutEffect, useRef, useState } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 /**
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
@@ -19,7 +18,7 @@ export const ColorPaletteArrowKeyNavigationProvider = ({
   const wrapperRef = useRef(null);
   const currentSelectedColumnIndex = useRef(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
   const currentSelectedRowIndex = useRef(selectedRowIndex === -1 ? 0 : selectedRowIndex);
-  const element = getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? popupsMountPoint : editorRef.current;
+  const element = popupsMountPoint ? popupsMountPoint : editorRef.current;
   const [listenerTargetElement] = useState(element);
   const incrementRowIndex = (rowElements, columnElements) => {
     if (currentSelectedRowIndex.current === rowElements.length - 1) {

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

@@ -19,7 +19,7 @@ export const MenuArrowKeyNavigationProvider = ({
 }) => {
   const wrapperRef = useRef(null);
   const [currentSelectedItemIndex, setCurrentSelectedItemIndex] = useState(-1);
-  const element = popupsMountPoint && fg('platform.editor.a11y-main-toolbar-navigation_osrty') ? [popupsMountPoint, editorRef.current] : [editorRef.current];
+  const element = popupsMountPoint ? [popupsMountPoint, editorRef.current] : [editorRef.current];
   const [listenerTargetElement] = useState(element);
   const incrementIndex = useCallback(list => {
     const currentIndex = currentSelectedItemIndex;

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

@@ -257,7 +257,7 @@ export default class DropdownMenuWrapper extends PureComponent {
           key: 'ArrowDown',
           bubbles: true
         });
-        if (mountTo && fg('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+        if (mountTo) {
           mountTo.dispatchEvent(keyboardEvent);
           return;
         }

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

@@ -8,6 +8,8 @@ import React, { useCallback, useLayoutEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages as messages } from '../../messages';
 import { EDIT_AREA_ID } from '../../ui';
 /*
@@ -113,7 +115,7 @@ export const ToolbarArrowKeyNavigationProvider = ({
      * @param event
      */
     const handleKeyDown = event => {
-      var _document$querySelect, _document$querySelect2, _wrapperRef$current;
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current2;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       const targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest(`${childComponentSelector}`)) {
@@ -127,11 +129,19 @@ export const ToolbarArrowKeyNavigationProvider = ({
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
+      if (fg('editor-fix-esc-main-toolbar-navigation')) {
+        var _wrapperRef$current;
+        const elementBrowser = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector(`#${ELEMENT_BROWSER_ID}`);
+        if (elementBrowser) {
+          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+          return;
+        }
+      }
       const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
       }
-      if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+      if (targetElement instanceof HTMLElement && !((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(targetElement))) {
         selectedItemIndex.current = -1;
       } else {
         selectedItemIndex.current = targetElement instanceof HTMLElement && filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import ReactEditorViewContext from './ReactEditorViewContext';
 
 // This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
@@ -51,7 +50,7 @@ class WithOutsideClick extends PureComponent {
     if (this.props.handleEscapeKeydown) {
       var _this$props$editorRef;
       // Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
-      (getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
+      (this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
     }
   }
   componentWillUnmount() {
@@ -60,7 +59,7 @@ class WithOutsideClick extends PureComponent {
     }
     if (this.props.handleEscapeKeydown) {
       var _this$props$editorRef2;
-      (getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
+      (this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
     }
   }
   render() {

package/dist/es2019/utils/page-element-counts.js

@@ -25,7 +25,12 @@ export const getPageElementCounts = doc => {
     else if (node.type === 'extension' || node.type === 'inlineExtension' || node.type === 'bodiedExtension' || node.type === 'multiBodiedExtension' || node.type === 'extensionFrame') {
       if ('attrs' in node && node.attrs && 'extensionKey' in node.attrs && node.attrs.extensionKey) {
         var _acc$macros$extension;
-        const extensionKey = node.attrs.extensionKey;
+        let extensionKey = node.attrs.extensionKey;
+        // If macros extensionKey has <UUID>/<UUID>/static/ prepended to it, remove the prefix
+        if (extensionKey.includes('/static/')) {
+          const extensionKeyParts = extensionKey.split('/');
+          extensionKey = extensionKeyParts[extensionKeyParts.length - 1];
+        }
         acc.macros[extensionKey] = ((_acc$macros$extension = acc.macros[extensionKey]) !== null && _acc$macros$extension !== void 0 ? _acc$macros$extension : 0) + 1;
       }
     } else {

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -10,8 +10,9 @@ import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
-import { DEVICE_BREAKPOINT_NUMBERS, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
+import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
 import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
 import { ViewMore } from '../ViewMore';
@@ -212,7 +213,8 @@ function StatelessElementBrowser(props) {
   }, [categoryBeenChosen, onSelectCategory]);
   return jsx("div", {
     css: wrapper,
-    "data-testid": "element-browser"
+    "data-testid": "element-browser",
+    id: fg('editor-fix-esc-main-toolbar-navigation') ? ELEMENT_BROWSER_ID : undefined
   }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/esm/element-browser/constants.js

@@ -21,4 +21,5 @@ export var SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 export var SCROLLBAR_WIDTH = 15;
 export var ELEMENT_LIST_PADDING = 2;
 export var ELEMENT_ITEM_HEIGHT = 75;
-export var ELEMENT_ITEM_PADDING = 10;
+export var ELEMENT_ITEM_PADDING = 10;
+export var ELEMENT_BROWSER_ID = 'editor-element-browser';

package/dist/esm/element-browser/index.js

@@ -1,2 +1,2 @@
 export { default as ElementBrowser } from './components/ElementBrowserLoader';
-export { ELEMENT_ITEM_HEIGHT } from './constants';
+export { ELEMENT_ITEM_HEIGHT, ELEMENT_BROWSER_ID } from './constants';

package/dist/esm/lazy-node-view/css-helper.js

@@ -0,0 +1,33 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * Converts a camelCased CSS property name to a hyphenated CSS property name.
+ *
+ * @param property - CamelCased CSS property name.
+ * @returns Hyphenated CSS property name.
+ */
+function hyphenate(property) {
+  return property.replace(/[A-Z]/g, function (match) {
+    return "-".concat(match.toLowerCase());
+  }).replace(/^ms/, '-ms');
+}
+
+/**
+ * Converts a CSS properties object to a CSS string.
+ * @param properties - CSS properties object.
+ * @returns CSS string.
+ */
+export function convertToInlineCss(properties) {
+  var cssString = Object.entries(properties).sort(function (_ref, _ref2) {
+    var _ref3 = _slicedToArray(_ref, 1),
+      a = _ref3[0];
+    var _ref4 = _slicedToArray(_ref2, 1),
+      b = _ref4[0];
+    return a.localeCompare(b);
+  }).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      property = _ref6[0],
+      value = _ref6[1];
+    return "".concat(hyphenate(property), ": ").concat(value, ";");
+  }).join(' ');
+  return cssString;
+}

package/dist/esm/lazy-node-view/index.js

@@ -1,5 +1,6 @@
 import { LazyNodeView } from './node-view';
 import { queueReplaceNodeViews } from './replace-node-views';
+export { convertToInlineCss } from './css-helper';
 
 /**
  * 📢 Public Type

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 = "87.2.1";
+var packageVersion = "87.3.1";
 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

@@ -20,7 +20,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 = "87.2.1";
+var packageVersion = "87.3.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useLayoutEffect, useRef, useState } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 /**
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
@@ -19,7 +18,7 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
   var wrapperRef = useRef(null);
   var currentSelectedColumnIndex = useRef(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
   var currentSelectedRowIndex = useRef(selectedRowIndex === -1 ? 0 : selectedRowIndex);
-  var element = getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? popupsMountPoint : editorRef.current;
+  var element = popupsMountPoint ? popupsMountPoint : editorRef.current;
   var _useState = useState(element),
     _useState2 = _slicedToArray(_useState, 1),
     listenerTargetElement = _useState2[0];

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

@@ -26,7 +26,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
     _useState2 = _slicedToArray(_useState, 2),
     currentSelectedItemIndex = _useState2[0],
     setCurrentSelectedItemIndex = _useState2[1];
-  var element = popupsMountPoint && fg('platform.editor.a11y-main-toolbar-navigation_osrty') ? [popupsMountPoint, editorRef.current] : [editorRef.current];
+  var element = popupsMountPoint ? [popupsMountPoint, editorRef.current] : [editorRef.current];
   var _useState3 = useState(element),
     _useState4 = _slicedToArray(_useState3, 1),
     listenerTargetElement = _useState4[0];

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

@@ -248,7 +248,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
             key: 'ArrowDown',
             bubbles: true
           });
-          if (mountTo && fg('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+          if (mountTo) {
             mountTo.dispatchEvent(keyboardEvent);
             return;
           }

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

@@ -8,6 +8,8 @@ import React, { useCallback, useLayoutEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages as messages } from '../../messages';
 import { EDIT_AREA_ID } from '../../ui';
 /*
@@ -111,7 +113,7 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
      * @param event
      */
     var handleKeyDown = function handleKeyDown(event) {
-      var _document$querySelect, _document$querySelect2, _wrapperRef$current;
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current2;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       var targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
@@ -125,11 +127,19 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
+      if (fg('editor-fix-esc-main-toolbar-navigation')) {
+        var _wrapperRef$current;
+        var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(ELEMENT_BROWSER_ID));
+        if (elementBrowser) {
+          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+          return;
+        }
+      }
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
       }
-      if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+      if (targetElement instanceof HTMLElement && !((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(targetElement))) {
         selectedItemIndex.current = -1;
       } else {
         selectedItemIndex.current = targetElement instanceof HTMLElement && filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;

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

@@ -12,7 +12,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import ReactEditorViewContext from './ReactEditorViewContext';
 
 // This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
@@ -71,7 +70,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef;
         // Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
-        (getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
+        (this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
       }
     }
   }, {
@@ -82,7 +81,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       }
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef2;
-        (getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
+        (this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
       }
     }
   }, {

package/dist/esm/utils/page-element-counts.js

@@ -26,6 +26,11 @@ export var getPageElementCounts = function getPageElementCounts(doc) {
       if ('attrs' in node && node.attrs && 'extensionKey' in node.attrs && node.attrs.extensionKey) {
         var _acc$macros$extension;
         var extensionKey = node.attrs.extensionKey;
+        // If macros extensionKey has <UUID>/<UUID>/static/ prepended to it, remove the prefix
+        if (extensionKey.includes('/static/')) {
+          var extensionKeyParts = extensionKey.split('/');
+          extensionKey = extensionKeyParts[extensionKeyParts.length - 1];
+        }
         acc.macros[extensionKey] = ((_acc$macros$extension = acc.macros[extensionKey]) !== null && _acc$macros$extension !== void 0 ? _acc$macros$extension : 0) + 1;
       }
     } else {

package/dist/types/element-browser/constants.d.ts

@@ -18,3 +18,4 @@ export declare const SCROLLBAR_WIDTH = 15;
 export declare const ELEMENT_LIST_PADDING = 2;
 export declare const ELEMENT_ITEM_HEIGHT = 75;
 export declare const ELEMENT_ITEM_PADDING = 10;
+export declare const ELEMENT_BROWSER_ID = "editor-element-browser";

package/dist/types/element-browser/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ElementBrowser } from './components/ElementBrowserLoader';
-export { ELEMENT_ITEM_HEIGHT } from './constants';
+export { ELEMENT_ITEM_HEIGHT, ELEMENT_BROWSER_ID } from './constants';

package/dist/types/lazy-node-view/css-helper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Converts a CSS properties object to a CSS string.
+ * @param properties - CSS properties object.
+ * @returns CSS string.
+ */
+export declare function convertToInlineCss(properties: React.CSSProperties): string;

package/dist/types/lazy-node-view/index.d.ts

@@ -2,6 +2,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { DispatchAnalyticsEvent } from '../analytics';
 import type { NodeViewConstructor } from './types';
+export { convertToInlineCss } from './css-helper';
 export type { NodeViewConstructor };
 /**
  * 📢 Public Type

package/dist/types/types/editor-plugin.d.ts

@@ -23,8 +23,6 @@ export type PluginsOptions = {
      * The selection toolbar is a floating toolbar that is displayed for
      * range selections when any plugins return a selection toolbar group with
      * items.
-     * @private
-     * @deprecated Do not use this plugin option, it is for AI purposes only and will be removed soon.
      */
     selectionToolbar?: SelectionToolbarHandler;
     /**

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

@@ -273,6 +273,7 @@ export interface FloatingToolbarConfig {
     focusTrap?: boolean;
     preventPopupOverflow?: boolean;
     mediaAssistiveMessage?: string;
+    stick?: boolean;
 }
 export type FloatingToolbarHandler = (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
 export {};

package/dist/types-ts4.5/element-browser/constants.d.ts

@@ -18,3 +18,4 @@ export declare const SCROLLBAR_WIDTH = 15;
 export declare const ELEMENT_LIST_PADDING = 2;
 export declare const ELEMENT_ITEM_HEIGHT = 75;
 export declare const ELEMENT_ITEM_PADDING = 10;
+export declare const ELEMENT_BROWSER_ID = "editor-element-browser";

package/dist/types-ts4.5/element-browser/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ElementBrowser } from './components/ElementBrowserLoader';
-export { ELEMENT_ITEM_HEIGHT } from './constants';
+export { ELEMENT_ITEM_HEIGHT, ELEMENT_BROWSER_ID } from './constants';

package/dist/types-ts4.5/lazy-node-view/css-helper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Converts a CSS properties object to a CSS string.
+ * @param properties - CSS properties object.
+ * @returns CSS string.
+ */
+export declare function convertToInlineCss(properties: React.CSSProperties): string;

package/dist/types-ts4.5/lazy-node-view/index.d.ts

@@ -2,6 +2,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { DispatchAnalyticsEvent } from '../analytics';
 import type { NodeViewConstructor } from './types';
+export { convertToInlineCss } from './css-helper';
 export type { NodeViewConstructor };
 /**
  * 📢 Public Type

package/dist/types-ts4.5/types/editor-plugin.d.ts

@@ -23,8 +23,6 @@ export type PluginsOptions = {
      * The selection toolbar is a floating toolbar that is displayed for
      * range selections when any plugins return a selection toolbar group with
      * items.
-     * @private
-     * @deprecated Do not use this plugin option, it is for AI purposes only and will be removed soon.
      */
     selectionToolbar?: SelectionToolbarHandler;
     /**

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

@@ -276,6 +276,7 @@ export interface FloatingToolbarConfig {
     focusTrap?: boolean;
     preventPopupOverflow?: boolean;
     mediaAssistiveMessage?: string;
+    stick?: boolean;
 }
 export type FloatingToolbarHandler = (state: EditorState, intl: IntlShape, providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "87.2.1",
+	"version": "87.3.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -116,7 +116,7 @@
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.7.0",
-		"@atlaskit/icon": "^22.8.0",
+		"@atlaskit/icon": "^22.9.0",
 		"@atlaskit/icon-object": "^6.4.0",
 		"@atlaskit/link-datasource": "^2.9.0",
 		"@atlaskit/link-picker": "^1.41.0",
@@ -134,7 +134,7 @@
 		"@atlaskit/primitives": "^11.1.0",
 		"@atlaskit/profilecard": "^19.17.0",
 		"@atlaskit/section-message": "^6.5.0",
-		"@atlaskit/smart-card": "^27.11.0",
+		"@atlaskit/smart-card": "^27.12.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/task-decision": "^17.10.0",
@@ -254,9 +254,6 @@
 		"platform_editor_a11y_table_context_menu": {
 			"type": "boolean"
 		},
-		"platform.editor.a11y-main-toolbar-navigation_osrty": {
-			"type": "boolean"
-		},
 		"platform.editor.review-text-highlighting-styling": {
 			"type": "boolean"
 		},
@@ -266,6 +263,9 @@
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
+		"editor-fix-esc-main-toolbar-navigation": {
+			"type": "boolean"
+		},
 		"editor_support_code_block_wrapping": {
 			"type": "boolean"
 		}