@atlaskit/editor-common 110.7.1 → 110.7.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 110.7.2
+
+### Patch Changes
+
+- [`ff53e1bfc6c25`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff53e1bfc6c25) -
+  [ED-29482] clean up references to platform_editor_toolbar_rerender_optimization_exp
+- [`663926469ec70`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/663926469ec70) -
+  Switch to use fg() to check feature gate platform_editor_update_modal_close_button
+- Updated dependencies
+
 ## 110.7.1
 
 ### Patch Changes

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

@@ -161,7 +161,7 @@ function StatelessElementBrowser(props) {
       // clear the flag if the search happens after a user has chosen the category
       categoryBeenChosen.current = false;
     }
-    if ((0, _expValEquals.expValEquals)('platform_editor_update_modal_close_button', 'isEnabled', true)) {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_update_modal_close_button')) {
       // A11Y: if categories exists and search can be focused, on the initial render it should receive focus.
       // After user pick some category the category should stay focused.
       isFocusSearch = canFocusSearch && (!categoryBeenChosen.current || !isEmptySearchTerm);

package/dist/cjs/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -9,7 +9,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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) { (0, _defineProperty2.default)(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; }
 /**
@@ -194,14 +193,6 @@ var moveReducer = function moveReducer(state, action) {
     focusedItemIndex: safeIndex
   });
 };
-var initialStateWithFocusOnSearchDisabled = {
-  focusOnSearch: false,
-  focusOnViewMore: false,
-  focusOnEmptyStateButton: false,
-  selectedItemIndex: 0,
-  focusedItemIndex: undefined,
-  listSize: 0
-};
 var initialState = {
   focusOnSearch: true,
   focusOnViewMore: false,
@@ -210,6 +201,9 @@ var initialState = {
   focusedItemIndex: undefined,
   listSize: 0
 };
+var initialStateWithFocusOnSearchDisabled = _objectSpread(_objectSpread({}, initialState), {}, {
+  focusOnSearch: false
+});
 var getInitialState = function getInitialState(listSize, canFocusViewMore) {
   return function (initialState) {
     return _objectSpread(_objectSpread({}, initialState), {}, {
@@ -252,7 +246,7 @@ var skipBackwardOffsetToSafeItem = function skipBackwardOffsetToSafeItem(current
   return currentIndex + 1;
 };
 function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch) {
-  var _useReducer = (0, _react.useReducer)(reducer, (0, _expValEquals.expValEquals)('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled, getInitialState(listSize, canFocusViewMore)),
+  var _useReducer = (0, _react.useReducer)(reducer, autoFocusSearch && (0, _platformFeatureFlags.fg)('platform_editor_update_modal_close_button') ? initialState : initialStateWithFocusOnSearchDisabled, getInitialState(listSize, canFocusViewMore)),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
@@ -273,7 +267,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
 
   // calls if items size changed
   var reset = (0, _react.useCallback)(function (listSize) {
-    var defaultState = (0, _expValEquals.expValEquals)('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled;
+    var defaultState = autoFocusSearch && (0, _platformFeatureFlags.fg)('platform_editor_update_modal_close_button') ? initialState : initialStateWithFocusOnSearchDisabled;
     var payload = _objectSpread(_objectSpread({}, defaultState), {}, {
       listSize: listSize
     });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.7.0";
+var packageVersion = "110.7.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,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 = "110.7.0";
+var packageVersion = "110.7.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _elementBrowser = require("../../element-browser");
 var _messages = require("../../messages");
 var _mediaInsert = require("../../messages/media-insert");
@@ -74,39 +73,22 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
     }
     selectedItemIndex.current = index;
   }, []);
-  var handleArrowRight = function handleArrowRight() {
+  var handleArrowRightMemoized = (0, _react.useCallback)(function () {
     var _filteredFocusableEle;
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     incrementIndex(filteredFocusableElements);
     (_filteredFocusableEle = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle === void 0 || _filteredFocusableEle.focus();
-  };
-  var handleArrowLeft = function handleArrowLeft() {
-    var _filteredFocusableEle2;
-    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    decrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 || _filteredFocusableEle2.focus();
-  };
-  var handleTab = function handleTab() {
-    var _filteredFocusableEle3;
-    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 || _filteredFocusableEle3.focus();
-  };
-  var handleArrowRightMemoized = (0, _react.useCallback)(function () {
-    var _filteredFocusableEle4;
-    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    incrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle4 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle4 === void 0 || _filteredFocusableEle4.focus();
   }, [incrementIndex]);
   var handleArrowLeftMemoized = (0, _react.useCallback)(function () {
-    var _filteredFocusableEle5;
+    var _filteredFocusableEle2;
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     decrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle5 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle5 === void 0 || _filteredFocusableEle5.focus();
+    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 || _filteredFocusableEle2.focus();
   }, [decrementIndex]);
   var handleTabMemoized = (0, _react.useCallback)(function () {
-    var _filteredFocusableEle6;
+    var _filteredFocusableEle3;
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    (_filteredFocusableEle6 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle6 === void 0 || _filteredFocusableEle6.focus();
+    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 || _filteredFocusableEle3.focus();
   }, []);
   var handleTabLocal = function handleTabLocal() {
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
@@ -126,19 +108,13 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
     }
     element.focus();
   };
-  var submenuKeydownHandleContextRaw = {
-    handleArrowLeft: handleArrowLeft,
-    handleArrowRight: handleArrowRight,
-    handleTab: handleTab
-  };
-  var submenuKeydownHandleContextMemoized = (0, _react.useMemo)(function () {
+  var submenuKeydownHandleContext = (0, _react.useMemo)(function () {
     return {
       handleArrowLeft: handleArrowLeftMemoized,
       handleArrowRight: handleArrowRightMemoized,
       handleTab: handleTabMemoized
     };
   }, [handleArrowLeftMemoized, handleArrowRightMemoized, handleTabMemoized]);
-  var submenuKeydownHandleContext = (0, _experiments.editorExperiment)('platform_editor_toolbar_rerender_optimization_exp', true) ? submenuKeydownHandleContextMemoized : submenuKeydownHandleContextRaw;
   (0, _react.useLayoutEffect)(function () {
     if (!wrapperRef.current || disableArrowKeyNavigation) {
       return;
@@ -213,18 +189,18 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       if (isShortcutToFocusToolbar(event)) {
-        var _filteredFocusableEle7, _filteredFocusableEle8, _filteredFocusableEle9;
+        var _filteredFocusableEle4, _filteredFocusableEle5, _filteredFocusableEle6;
         var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-        (_filteredFocusableEle7 = filteredFocusableElements[0]) === null || _filteredFocusableEle7 === void 0 || _filteredFocusableEle7.focus();
+        (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 || _filteredFocusableEle4.focus();
 
         // Button component from DS removes focus ring when :focus:not(:focus-visible) is true
         // Since here we programmatically focus the first button in the toolbar (as suppose to keyboard navigation), browser does not always force focus-visible to true
         // which is why the first button in the toolbar is not shown with focus ring
         // The workaround is add a new classname so we add back focus ring when the button is focused
-        if (((_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.tagName) === 'BUTTON') {
+        if (((_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.tagName) === 'BUTTON') {
           filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
         }
-        (_filteredFocusableEle9 = filteredFocusableElements[0]) === null || _filteredFocusableEle9 === void 0 || _filteredFocusableEle9.scrollIntoView({
+        (_filteredFocusableEle6 = filteredFocusableElements[0]) === null || _filteredFocusableEle6 === void 0 || _filteredFocusableEle6.scrollIntoView({
           behavior: 'smooth',
           block: 'center',
           inline: 'nearest'

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

@@ -146,7 +146,7 @@ function StatelessElementBrowser(props) {
       // clear the flag if the search happens after a user has chosen the category
       categoryBeenChosen.current = false;
     }
-    if (expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true)) {
+    if (fg('platform_editor_update_modal_close_button')) {
       // A11Y: if categories exists and search can be focused, on the initial render it should receive focus.
       // After user pick some category the category should stay focused.
       isFocusSearch = canFocusSearch && (!categoryBeenChosen.current || !isEmptySearchTerm);

package/dist/es2019/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -1,7 +1,5 @@
 import { useCallback, useEffect, useReducer, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-
 /**
  * a custom hook that handles keyboard navigation for Arrow keys based on a
  * given listSize, and a step (for up and down arrows).
@@ -201,14 +199,6 @@ const moveReducer = (state, action) => {
     focusedItemIndex: safeIndex
   };
 };
-const initialStateWithFocusOnSearchDisabled = {
-  focusOnSearch: false,
-  focusOnViewMore: false,
-  focusOnEmptyStateButton: false,
-  selectedItemIndex: 0,
-  focusedItemIndex: undefined,
-  listSize: 0
-};
 const initialState = {
   focusOnSearch: true,
   focusOnViewMore: false,
@@ -217,6 +207,10 @@ const initialState = {
   focusedItemIndex: undefined,
   listSize: 0
 };
+const initialStateWithFocusOnSearchDisabled = {
+  ...initialState,
+  focusOnSearch: false
+};
 const getInitialState = (listSize, canFocusViewMore) => initialState => ({
   ...initialState,
   listSize,
@@ -256,7 +250,7 @@ const skipBackwardOffsetToSafeItem = (currentIndex, stepSize, itemIsDisabled) =>
   return currentIndex + 1;
 };
 function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch) {
-  const [state, dispatch] = useReducer(reducer, expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled, getInitialState(listSize, canFocusViewMore));
+  const [state, dispatch] = useReducer(reducer, autoFocusSearch && fg('platform_editor_update_modal_close_button') ? initialState : initialStateWithFocusOnSearchDisabled, getInitialState(listSize, canFocusViewMore));
   useEffect(() => {
     dispatch({
       type: ACTIONS.UPDATE_STATE,
@@ -276,7 +270,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
 
   // calls if items size changed
   const reset = useCallback(listSize => {
-    const defaultState = expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled;
+    const defaultState = autoFocusSearch && fg('platform_editor_update_modal_close_button') ? initialState : initialStateWithFocusOnSearchDisabled;
     let payload = {
       ...defaultState,
       listSize

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 = "110.7.0";
+const packageVersion = "110.7.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

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

@@ -7,7 +7,6 @@ import React, { useCallback, useLayoutEffect, useMemo, 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
 import { mediaInsertMessages } from '../../messages/media-insert';
@@ -67,39 +66,22 @@ export const ToolbarArrowKeyNavigationProvider = ({
     }
     selectedItemIndex.current = index;
   }, []);
-  const handleArrowRight = () => {
+  const handleArrowRightMemoized = useCallback(() => {
     var _filteredFocusableEle;
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     incrementIndex(filteredFocusableElements);
     (_filteredFocusableEle = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle === void 0 ? void 0 : _filteredFocusableEle.focus();
-  };
-  const handleArrowLeft = () => {
-    var _filteredFocusableEle2;
-    const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    decrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
-  };
-  const handleTab = () => {
-    var _filteredFocusableEle3;
-    const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
-  };
-  const handleArrowRightMemoized = useCallback(() => {
-    var _filteredFocusableEle4;
-    const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    incrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle4 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
   }, [incrementIndex]);
   const handleArrowLeftMemoized = useCallback(() => {
-    var _filteredFocusableEle5;
+    var _filteredFocusableEle2;
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     decrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle5 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.focus();
+    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
   }, [decrementIndex]);
   const handleTabMemoized = useCallback(() => {
-    var _filteredFocusableEle6;
+    var _filteredFocusableEle3;
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    (_filteredFocusableEle6 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle6 === void 0 ? void 0 : _filteredFocusableEle6.focus();
+    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
   }, []);
   const handleTabLocal = () => {
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
@@ -118,17 +100,11 @@ export const ToolbarArrowKeyNavigationProvider = ({
     }
     element.focus();
   };
-  const submenuKeydownHandleContextRaw = {
-    handleArrowLeft,
-    handleArrowRight,
-    handleTab
-  };
-  const submenuKeydownHandleContextMemoized = useMemo(() => ({
+  const submenuKeydownHandleContext = useMemo(() => ({
     handleArrowLeft: handleArrowLeftMemoized,
     handleArrowRight: handleArrowRightMemoized,
     handleTab: handleTabMemoized
   }), [handleArrowLeftMemoized, handleArrowRightMemoized, handleTabMemoized]);
-  const submenuKeydownHandleContext = editorExperiment('platform_editor_toolbar_rerender_optimization_exp', true) ? submenuKeydownHandleContextMemoized : submenuKeydownHandleContextRaw;
   useLayoutEffect(() => {
     if (!wrapperRef.current || disableArrowKeyNavigation) {
       return;
@@ -205,18 +181,18 @@ export const ToolbarArrowKeyNavigationProvider = ({
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       if (isShortcutToFocusToolbar(event)) {
-        var _filteredFocusableEle7, _filteredFocusableEle8, _filteredFocusableEle9;
+        var _filteredFocusableEle4, _filteredFocusableEle5, _filteredFocusableEle6;
         const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-        (_filteredFocusableEle7 = filteredFocusableElements[0]) === null || _filteredFocusableEle7 === void 0 ? void 0 : _filteredFocusableEle7.focus();
+        (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
 
         // Button component from DS removes focus ring when :focus:not(:focus-visible) is true
         // Since here we programmatically focus the first button in the toolbar (as suppose to keyboard navigation), browser does not always force focus-visible to true
         // which is why the first button in the toolbar is not shown with focus ring
         // The workaround is add a new classname so we add back focus ring when the button is focused
-        if (((_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.tagName) === 'BUTTON') {
+        if (((_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.tagName) === 'BUTTON') {
           filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
         }
-        (_filteredFocusableEle9 = filteredFocusableElements[0]) === null || _filteredFocusableEle9 === void 0 ? void 0 : _filteredFocusableEle9.scrollIntoView({
+        (_filteredFocusableEle6 = filteredFocusableElements[0]) === null || _filteredFocusableEle6 === void 0 ? void 0 : _filteredFocusableEle6.scrollIntoView({
           behavior: 'smooth',
           block: 'center',
           inline: 'nearest'

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

@@ -151,7 +151,7 @@ function StatelessElementBrowser(props) {
       // clear the flag if the search happens after a user has chosen the category
       categoryBeenChosen.current = false;
     }
-    if (expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true)) {
+    if (fg('platform_editor_update_modal_close_button')) {
       // A11Y: if categories exists and search can be focused, on the initial render it should receive focus.
       // After user pick some category the category should stay focused.
       isFocusSearch = canFocusSearch && (!categoryBeenChosen.current || !isEmptySearchTerm);

package/dist/esm/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -4,8 +4,6 @@ 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; }
 import { useCallback, useEffect, useReducer, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-
 /**
  * a custom hook that handles keyboard navigation for Arrow keys based on a
  * given listSize, and a step (for up and down arrows).
@@ -189,14 +187,6 @@ var moveReducer = function moveReducer(state, action) {
     focusedItemIndex: safeIndex
   });
 };
-var initialStateWithFocusOnSearchDisabled = {
-  focusOnSearch: false,
-  focusOnViewMore: false,
-  focusOnEmptyStateButton: false,
-  selectedItemIndex: 0,
-  focusedItemIndex: undefined,
-  listSize: 0
-};
 var initialState = {
   focusOnSearch: true,
   focusOnViewMore: false,
@@ -205,6 +195,9 @@ var initialState = {
   focusedItemIndex: undefined,
   listSize: 0
 };
+var initialStateWithFocusOnSearchDisabled = _objectSpread(_objectSpread({}, initialState), {}, {
+  focusOnSearch: false
+});
 var getInitialState = function getInitialState(listSize, canFocusViewMore) {
   return function (initialState) {
     return _objectSpread(_objectSpread({}, initialState), {}, {
@@ -247,7 +240,7 @@ var skipBackwardOffsetToSafeItem = function skipBackwardOffsetToSafeItem(current
   return currentIndex + 1;
 };
 function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch) {
-  var _useReducer = useReducer(reducer, expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled, getInitialState(listSize, canFocusViewMore)),
+  var _useReducer = useReducer(reducer, autoFocusSearch && fg('platform_editor_update_modal_close_button') ? initialState : initialStateWithFocusOnSearchDisabled, getInitialState(listSize, canFocusViewMore)),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
@@ -268,7 +261,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
 
   // calls if items size changed
   var reset = useCallback(function (listSize) {
-    var defaultState = expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled;
+    var defaultState = autoFocusSearch && fg('platform_editor_update_modal_close_button') ? initialState : initialStateWithFocusOnSearchDisabled;
     var payload = _objectSpread(_objectSpread({}, defaultState), {}, {
       listSize: listSize
     });

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 = "110.7.0";
+var packageVersion = "110.7.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

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

@@ -7,7 +7,6 @@ import React, { useCallback, useLayoutEffect, useMemo, 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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
 import { mediaInsertMessages } from '../../messages/media-insert';
@@ -66,39 +65,22 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
     }
     selectedItemIndex.current = index;
   }, []);
-  var handleArrowRight = function handleArrowRight() {
+  var handleArrowRightMemoized = useCallback(function () {
     var _filteredFocusableEle;
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     incrementIndex(filteredFocusableElements);
     (_filteredFocusableEle = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle === void 0 || _filteredFocusableEle.focus();
-  };
-  var handleArrowLeft = function handleArrowLeft() {
-    var _filteredFocusableEle2;
-    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    decrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 || _filteredFocusableEle2.focus();
-  };
-  var handleTab = function handleTab() {
-    var _filteredFocusableEle3;
-    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 || _filteredFocusableEle3.focus();
-  };
-  var handleArrowRightMemoized = useCallback(function () {
-    var _filteredFocusableEle4;
-    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    incrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle4 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle4 === void 0 || _filteredFocusableEle4.focus();
   }, [incrementIndex]);
   var handleArrowLeftMemoized = useCallback(function () {
-    var _filteredFocusableEle5;
+    var _filteredFocusableEle2;
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     decrementIndex(filteredFocusableElements);
-    (_filteredFocusableEle5 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle5 === void 0 || _filteredFocusableEle5.focus();
+    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 || _filteredFocusableEle2.focus();
   }, [decrementIndex]);
   var handleTabMemoized = useCallback(function () {
-    var _filteredFocusableEle6;
+    var _filteredFocusableEle3;
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-    (_filteredFocusableEle6 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle6 === void 0 || _filteredFocusableEle6.focus();
+    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 || _filteredFocusableEle3.focus();
   }, []);
   var handleTabLocal = function handleTabLocal() {
     var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
@@ -118,19 +100,13 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
     }
     element.focus();
   };
-  var submenuKeydownHandleContextRaw = {
-    handleArrowLeft: handleArrowLeft,
-    handleArrowRight: handleArrowRight,
-    handleTab: handleTab
-  };
-  var submenuKeydownHandleContextMemoized = useMemo(function () {
+  var submenuKeydownHandleContext = useMemo(function () {
     return {
       handleArrowLeft: handleArrowLeftMemoized,
       handleArrowRight: handleArrowRightMemoized,
       handleTab: handleTabMemoized
     };
   }, [handleArrowLeftMemoized, handleArrowRightMemoized, handleTabMemoized]);
-  var submenuKeydownHandleContext = editorExperiment('platform_editor_toolbar_rerender_optimization_exp', true) ? submenuKeydownHandleContextMemoized : submenuKeydownHandleContextRaw;
   useLayoutEffect(function () {
     if (!wrapperRef.current || disableArrowKeyNavigation) {
       return;
@@ -205,18 +181,18 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       if (isShortcutToFocusToolbar(event)) {
-        var _filteredFocusableEle7, _filteredFocusableEle8, _filteredFocusableEle9;
+        var _filteredFocusableEle4, _filteredFocusableEle5, _filteredFocusableEle6;
         var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
-        (_filteredFocusableEle7 = filteredFocusableElements[0]) === null || _filteredFocusableEle7 === void 0 || _filteredFocusableEle7.focus();
+        (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 || _filteredFocusableEle4.focus();
 
         // Button component from DS removes focus ring when :focus:not(:focus-visible) is true
         // Since here we programmatically focus the first button in the toolbar (as suppose to keyboard navigation), browser does not always force focus-visible to true
         // which is why the first button in the toolbar is not shown with focus ring
         // The workaround is add a new classname so we add back focus ring when the button is focused
-        if (((_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.tagName) === 'BUTTON') {
+        if (((_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.tagName) === 'BUTTON') {
           filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
         }
-        (_filteredFocusableEle9 = filteredFocusableElements[0]) === null || _filteredFocusableEle9 === void 0 || _filteredFocusableEle9.scrollIntoView({
+        (_filteredFocusableEle6 = filteredFocusableElements[0]) === null || _filteredFocusableEle6 === void 0 || _filteredFocusableEle6.scrollIntoView({
           behavior: 'smooth',
           block: 'center',
           inline: 'nearest'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.7.1",
+	"version": "110.7.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.4.0",
+		"@atlaskit/tmp-editor-statsig": "^13.5.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -288,6 +288,9 @@
 		},
 		"platform_editor_block_menu_format_rank_revised": {
 			"type": "boolean"
+		},
+		"platform_editor_update_modal_close_button": {
+			"type": "boolean"
 		}
 	}
 }