@atlaskit/editor-common 110.4.13 → 110.5.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 110.5.0
+
+### Minor Changes
+
+- [`c59b674ee234d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c59b674ee234d) -
+  NOISSUE - Update limited mode messages and move to editor-common so they can be picked up for
+  translation.
+
+## 110.4.14
+
+### Patch Changes
+
+- [`a369fcd2d81f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a369fcd2d81f3) -
+  [ux] [ENGHEALTH-30483] Add close button to element browser modal header section
+- Updated dependencies
+
 ## 110.4.13
 
 ### Patch Changes

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

@@ -121,7 +121,8 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
         emptyStateHandler = _this$props.emptyStateHandler,
         viewMoreItem = _this$props.viewMoreItem,
         onViewMore = _this$props.onViewMore,
-        cache = _this$props.cache;
+        cache = _this$props.cache,
+        autoFocusSearch = _this$props.autoFocusSearch;
       var _this$state2 = this.state,
         categories = _this$state2.categories,
         searchTerm = _this$state2.searchTerm,
@@ -142,7 +143,8 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
         emptyStateHandler: emptyStateHandler,
         viewMoreItem: viewMoreItem,
         cache: cache,
-        onViewMore: onViewMore
+        onViewMore: onViewMore,
+        autoFocusSearch: autoFocusSearch
       });
     }
   }]);

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

@@ -136,7 +136,9 @@ function StatelessElementBrowser(props) {
     onSelectCategory = props.onSelectCategory,
     searchTerm = props.searchTerm,
     showCategories = props.showCategories,
-    cache = props.cache;
+    cache = props.cache,
+    _props$autoFocusSearc = props.autoFocusSearch,
+    autoFocusSearch = _props$autoFocusSearc === void 0 ? true : _props$autoFocusSearc;
   var _useContainerWidth = (0, _useContainerWidth2.default)(),
     containerWidth = _useContainerWidth.containerWidth,
     ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
@@ -149,21 +151,31 @@ function StatelessElementBrowser(props) {
   var selectedCategoryIndex = (_props$categories = props.categories) === null || _props$categories === void 0 ? void 0 : _props$categories.findIndex(function (category) {
     return category.name === selectedCategory;
   });
+  var _useState3 = (0, _react.useState)(autoFocusSearch),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    canFocusSearch = _useState4[0],
+    setCanFocusSearch = _useState4[1];
   if (showCategories) {
     var isEmptySearchTerm = !searchTerm || (searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) === 0;
     if (!isEmptySearchTerm) {
       // clear the flag if the search happens after a user has chosen the category
       categoryBeenChosen.current = false;
     }
-    // A11Y: if categories exists, on the initial render search element should receive focus.
-    // After user pick some category the category should stay focused.
-    isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
+    if ((0, _expValEquals.expValEquals)('platform_editor_update_modal_close_button', 'isEnabled', true)) {
+      // 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);
+    } else {
+      // A11Y: if categories exists, on the initial render search element should receive focus.
+      // After user pick some category the category should stay focused.
+      isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
+    }
   }
   var itemIsDisabled = (0, _react.useCallback)(function (index) {
     var _items$index$isDisabl, _items$index;
     return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
   }, [items]);
-  var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount, (0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch),
+  var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount, (0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch),
     selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
     focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
     setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -233,50 +245,63 @@ function StatelessElementBrowser(props) {
     onSelectCategory(category);
     categoryBeenChosen.current = true;
   }, [categoryBeenChosen, onSelectCategory]);
-  return (0, _react2.jsx)("div", {
-    css: wrapper,
-    "data-testid": "element-browser",
-    id: _constants.ELEMENT_BROWSER_ID
-  }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , (0, _extends2.default)({}, props, {
-    selectedItemIndex: selectedItemIndex,
-    focusOnEmptyStateButton: focusOnEmptyStateButton,
-    focusedItemIndex: focusedItemIndex,
-    setFocusedItemIndex: setFocusedItemIndex,
-    focusedCategoryIndex: focusedCategoryIndex,
-    setFocusedCategoryIndex: setFocusedCategoryIndex,
-    focusOnSearch: focusOnSearch,
-    columnCount: columnCount,
-    setColumnCount: setColumnCount,
-    setFocusOnSearch: setFocusOnSearch,
-    onKeyPress: onItemsEnterTabKeyPress,
-    onKeyDown: onKeyDown,
-    viewMoreItem: viewMoreItem,
-    onViewMore: onViewMore,
-    focusOnViewMore: focusOnViewMore,
-    cache: cache
-  })) : (0, _react2.jsx)(DesktopBrowser
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , (0, _extends2.default)({}, props, {
-    selectedItemIndex: selectedItemIndex,
-    focusOnEmptyStateButton: focusOnEmptyStateButton,
-    focusedItemIndex: focusedItemIndex,
-    setFocusedItemIndex: setFocusedItemIndex,
-    focusOnSearch: focusOnSearch,
-    setColumnCount: setColumnCount,
-    columnCount: columnCount,
-    setFocusOnSearch: setFocusOnSearch,
-    onKeyPress: onItemsEnterTabKeyPress,
-    onKeyDown: onKeyDown,
-    focusedCategoryIndex: focusedCategoryIndex,
-    setFocusedCategoryIndex: setFocusedCategoryIndex,
-    selectedCategoryIndex: selectedCategoryIndex,
-    onSelectCategory: onSelectCategoryCB,
-    cache: cache
-  })));
+  var handleKeyPress = function handleKeyPress(e) {
+    if (e.key === 'Tab') {
+      // only Tab key can change focus from close button (if present)
+      setCanFocusSearch(true);
+    }
+  };
+  var handleClick = function handleClick() {
+    setCanFocusSearch(true);
+  };
+  return /* eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable */(
+    (0, _react2.jsx)("div", {
+      css: wrapper,
+      "data-testid": "element-browser",
+      id: _constants.ELEMENT_BROWSER_ID,
+      onKeyUp: canFocusSearch ? undefined : handleKeyPress,
+      onClick: canFocusSearch ? undefined : handleClick
+    }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, props, {
+      selectedItemIndex: selectedItemIndex,
+      focusOnEmptyStateButton: focusOnEmptyStateButton,
+      focusedItemIndex: focusedItemIndex,
+      setFocusedItemIndex: setFocusedItemIndex,
+      focusedCategoryIndex: focusedCategoryIndex,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      focusOnSearch: focusOnSearch,
+      columnCount: columnCount,
+      setColumnCount: setColumnCount,
+      setFocusOnSearch: setFocusOnSearch,
+      onKeyPress: onItemsEnterTabKeyPress,
+      onKeyDown: onKeyDown,
+      viewMoreItem: viewMoreItem,
+      onViewMore: onViewMore,
+      focusOnViewMore: focusOnViewMore,
+      cache: cache
+    })) : (0, _react2.jsx)(DesktopBrowser
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, props, {
+      selectedItemIndex: selectedItemIndex,
+      focusOnEmptyStateButton: focusOnEmptyStateButton,
+      focusedItemIndex: focusedItemIndex,
+      setFocusedItemIndex: setFocusedItemIndex,
+      focusOnSearch: focusOnSearch,
+      setColumnCount: setColumnCount,
+      columnCount: columnCount,
+      setFocusOnSearch: setFocusOnSearch,
+      onKeyPress: onItemsEnterTabKeyPress,
+      onKeyDown: onKeyDown,
+      focusedCategoryIndex: focusedCategoryIndex,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      selectedCategoryIndex: selectedCategoryIndex,
+      onSelectCategory: onSelectCategoryCB,
+      cache: cache
+    })))
+  );
 }
 function MobileBrowser(_ref) {
   var showCategories = _ref.showCategories,

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

@@ -9,6 +9,7 @@ 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; }
 /**
@@ -193,6 +194,14 @@ 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,
@@ -242,8 +251,8 @@ var skipBackwardOffsetToSafeItem = function skipBackwardOffsetToSafeItem(current
   // Move to search if no available index
   return currentIndex + 1;
 };
-function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, itemIsDisabled, isFocusSearch) {
-  var _useReducer = (0, _react.useReducer)(reducer, initialState, getInitialState(listSize, canFocusViewMore)),
+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)),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
@@ -264,19 +273,20 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
 
   // calls if items size changed
   var reset = (0, _react.useCallback)(function (listSize) {
-    var payload = _objectSpread(_objectSpread({}, initialState), {}, {
+    var defaultState = (0, _expValEquals.expValEquals)('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled;
+    var payload = _objectSpread(_objectSpread({}, defaultState), {}, {
       listSize: listSize
     });
     // A11Y: if categories exist ,on the initial render search element should receive focus.
     // After user pick some category the category should stay focused.
     payload = Object.assign(payload, {
-      focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : initialState.focusOnSearch
+      focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : defaultState.focusOnSearch
     });
     dispatch({
       type: ACTIONS.UPDATE_STATE,
       payload: payload
     });
-  }, [isFocusSearch]);
+  }, [isFocusSearch, autoFocusSearch]);
   var removeFocusFromSearchAndSetOnItem = (0, _react.useCallback)(function (index) {
     var payload = {
       focusedItemIndex: index,

package/dist/cjs/messages/index.js

@@ -124,6 +124,12 @@ Object.defineProperty(exports, "layoutMessages", {
     return _layout.toolbarMessages;
   }
 });
+Object.defineProperty(exports, "limitedModeMessages", {
+  enumerable: true,
+  get: function get() {
+    return _limitedMode.limitedModeMessages;
+  }
+});
 Object.defineProperty(exports, "linkMessages", {
   enumerable: true,
   get: function get() {
@@ -292,6 +298,7 @@ var _selectionToolbar = require("./selection-toolbar");
 var _contextPanel = require("./context-panel");
 var _trackChanges = require("./track-changes");
 var _syncBlock = require("./syncBlock");
+var _limitedMode = require("./limited-mode");
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({

package/dist/cjs/messages/limited-mode.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.limitedModeMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+var limitedModeMessages = exports.limitedModeMessages = (0, _reactIntlNext.defineMessages)({
+  limitedModeTitle: {
+    id: 'fabric.editor.limitedModeTitle',
+    defaultMessage: 'Speed improvements',
+    description: 'Title for flag shown when some functionality is disabled in a page in order to improve the pages speed.'
+  },
+  limitedModeDescriptionWithLink: {
+    id: 'fabric.editor.limitedModeDescription',
+    defaultMessage: 'To increase speed and response time <learnMoreLink>some editing features are limited.</learnMoreLink>',
+    description: 'Description for flag shown when some functionality is disabled in a page in order to improve the pages speed. This description contains a link to learn more about limited mode.'
+  },
+  limitedModeDescriptionWithoutLink: {
+    id: 'fabric.editor.limitedModeDescriptionWithoutLink',
+    defaultMessage: 'To increase speed and response time some editing features are limited.',
+    description: 'Description for flag shown when some functionality is disabled in a page in order to improve the pages speed. This description does not contain a link to learn more about limited mode.'
+  }
+});

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

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

@@ -90,7 +90,8 @@ export default class ElementBrowser extends PureComponent {
       emptyStateHandler,
       viewMoreItem,
       onViewMore,
-      cache
+      cache,
+      autoFocusSearch
     } = this.props;
     const {
       categories,
@@ -113,7 +114,8 @@ export default class ElementBrowser extends PureComponent {
       emptyStateHandler: emptyStateHandler,
       viewMoreItem: viewMoreItem,
       cache: cache,
-      onViewMore: onViewMore
+      onViewMore: onViewMore,
+      autoFocusSearch: autoFocusSearch
     });
   }
 }

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

@@ -126,7 +126,8 @@ function StatelessElementBrowser(props) {
     onSelectCategory,
     searchTerm,
     showCategories,
-    cache
+    cache,
+    autoFocusSearch = true
   } = props;
   const {
     containerWidth,
@@ -138,15 +139,22 @@ function StatelessElementBrowser(props) {
   const selectedCategoryIndex = (_props$categories = props.categories) === null || _props$categories === void 0 ? void 0 : _props$categories.findIndex(category => {
     return category.name === selectedCategory;
   });
+  const [canFocusSearch, setCanFocusSearch] = useState(autoFocusSearch);
   if (showCategories) {
     const isEmptySearchTerm = !searchTerm || (searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) === 0;
     if (!isEmptySearchTerm) {
       // clear the flag if the search happens after a user has chosen the category
       categoryBeenChosen.current = false;
     }
-    // A11Y: if categories exists, on the initial render search element should receive focus.
-    // After user pick some category the category should stay focused.
-    isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
+    if (expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true)) {
+      // 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);
+    } else {
+      // A11Y: if categories exists, on the initial render search element should receive focus.
+      // After user pick some category the category should stay focused.
+      isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
+    }
   }
   const itemIsDisabled = useCallback(index => {
     var _items$index$isDisabl, _items$index;
@@ -163,7 +171,7 @@ function StatelessElementBrowser(props) {
     focusOnViewMore,
     onKeyDown,
     setFocusOnSearch
-  } = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch);
+  } = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch);
   useEffect(() => {
     fireAnalyticsEvent(props.createAnalyticsEvent)({
       payload: {
@@ -223,50 +231,63 @@ function StatelessElementBrowser(props) {
     onSelectCategory(category);
     categoryBeenChosen.current = true;
   }, [categoryBeenChosen, onSelectCategory]);
-  return jsx("div", {
-    css: wrapper,
-    "data-testid": "element-browser",
-    id: ELEMENT_BROWSER_ID
-  }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, props, {
-    selectedItemIndex: selectedItemIndex,
-    focusOnEmptyStateButton: focusOnEmptyStateButton,
-    focusedItemIndex: focusedItemIndex,
-    setFocusedItemIndex: setFocusedItemIndex,
-    focusedCategoryIndex: focusedCategoryIndex,
-    setFocusedCategoryIndex: setFocusedCategoryIndex,
-    focusOnSearch: focusOnSearch,
-    columnCount: columnCount,
-    setColumnCount: setColumnCount,
-    setFocusOnSearch: setFocusOnSearch,
-    onKeyPress: onItemsEnterTabKeyPress,
-    onKeyDown: onKeyDown,
-    viewMoreItem: viewMoreItem,
-    onViewMore: onViewMore,
-    focusOnViewMore: focusOnViewMore,
-    cache: cache
-  })) : jsx(DesktopBrowser
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, props, {
-    selectedItemIndex: selectedItemIndex,
-    focusOnEmptyStateButton: focusOnEmptyStateButton,
-    focusedItemIndex: focusedItemIndex,
-    setFocusedItemIndex: setFocusedItemIndex,
-    focusOnSearch: focusOnSearch,
-    setColumnCount: setColumnCount,
-    columnCount: columnCount,
-    setFocusOnSearch: setFocusOnSearch,
-    onKeyPress: onItemsEnterTabKeyPress,
-    onKeyDown: onKeyDown,
-    focusedCategoryIndex: focusedCategoryIndex,
-    setFocusedCategoryIndex: setFocusedCategoryIndex,
-    selectedCategoryIndex: selectedCategoryIndex,
-    onSelectCategory: onSelectCategoryCB,
-    cache: cache
-  })));
+  const handleKeyPress = e => {
+    if (e.key === 'Tab') {
+      // only Tab key can change focus from close button (if present)
+      setCanFocusSearch(true);
+    }
+  };
+  const handleClick = () => {
+    setCanFocusSearch(true);
+  };
+  return /* eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable */(
+    jsx("div", {
+      css: wrapper,
+      "data-testid": "element-browser",
+      id: ELEMENT_BROWSER_ID,
+      onKeyUp: canFocusSearch ? undefined : handleKeyPress,
+      onClick: canFocusSearch ? undefined : handleClick
+    }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      selectedItemIndex: selectedItemIndex,
+      focusOnEmptyStateButton: focusOnEmptyStateButton,
+      focusedItemIndex: focusedItemIndex,
+      setFocusedItemIndex: setFocusedItemIndex,
+      focusedCategoryIndex: focusedCategoryIndex,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      focusOnSearch: focusOnSearch,
+      columnCount: columnCount,
+      setColumnCount: setColumnCount,
+      setFocusOnSearch: setFocusOnSearch,
+      onKeyPress: onItemsEnterTabKeyPress,
+      onKeyDown: onKeyDown,
+      viewMoreItem: viewMoreItem,
+      onViewMore: onViewMore,
+      focusOnViewMore: focusOnViewMore,
+      cache: cache
+    })) : jsx(DesktopBrowser
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      selectedItemIndex: selectedItemIndex,
+      focusOnEmptyStateButton: focusOnEmptyStateButton,
+      focusedItemIndex: focusedItemIndex,
+      setFocusedItemIndex: setFocusedItemIndex,
+      focusOnSearch: focusOnSearch,
+      setColumnCount: setColumnCount,
+      columnCount: columnCount,
+      setFocusOnSearch: setFocusOnSearch,
+      onKeyPress: onItemsEnterTabKeyPress,
+      onKeyDown: onKeyDown,
+      focusedCategoryIndex: focusedCategoryIndex,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      selectedCategoryIndex: selectedCategoryIndex,
+      onSelectCategory: onSelectCategoryCB,
+      cache: cache
+    })))
+  );
 }
 function MobileBrowser({
   showCategories,

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

@@ -1,5 +1,6 @@
 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
@@ -200,6 +201,14 @@ 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,
@@ -246,8 +255,8 @@ const skipBackwardOffsetToSafeItem = (currentIndex, stepSize, itemIsDisabled) =>
   // Move to search if no available index
   return currentIndex + 1;
 };
-function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, itemIsDisabled, isFocusSearch) {
-  const [state, dispatch] = useReducer(reducer, initialState, getInitialState(listSize, canFocusViewMore));
+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));
   useEffect(() => {
     dispatch({
       type: ACTIONS.UPDATE_STATE,
@@ -267,20 +276,21 @@ 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;
     let payload = {
-      ...initialState,
+      ...defaultState,
       listSize
     };
     // A11Y: if categories exist ,on the initial render search element should receive focus.
     // After user pick some category the category should stay focused.
     payload = Object.assign(payload, {
-      focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : initialState.focusOnSearch
+      focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : defaultState.focusOnSearch
     });
     dispatch({
       type: ACTIONS.UPDATE_STATE,
       payload
     });
-  }, [isFocusSearch]);
+  }, [isFocusSearch, autoFocusSearch]);
   const removeFocusFromSearchAndSetOnItem = useCallback(index => {
     let payload = {
       focusedItemIndex: index,

package/dist/es2019/messages/index.js

@@ -43,6 +43,7 @@ export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
 export { syncBlockMessages } from './syncBlock';
+export { limitedModeMessages } from './limited-mode';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/messages/limited-mode.js

@@ -0,0 +1,21 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+import { defineMessages } from 'react-intl-next';
+export const limitedModeMessages = defineMessages({
+  limitedModeTitle: {
+    id: 'fabric.editor.limitedModeTitle',
+    defaultMessage: 'Speed improvements',
+    description: 'Title for flag shown when some functionality is disabled in a page in order to improve the pages speed.'
+  },
+  limitedModeDescriptionWithLink: {
+    id: 'fabric.editor.limitedModeDescription',
+    defaultMessage: 'To increase speed and response time <learnMoreLink>some editing features are limited.</learnMoreLink>',
+    description: 'Description for flag shown when some functionality is disabled in a page in order to improve the pages speed. This description contains a link to learn more about limited mode.'
+  },
+  limitedModeDescriptionWithoutLink: {
+    id: 'fabric.editor.limitedModeDescriptionWithoutLink',
+    defaultMessage: 'To increase speed and response time some editing features are limited.',
+    description: 'Description for flag shown when some functionality is disabled in a page in order to improve the pages speed. This description does not contain a link to learn more about limited mode.'
+  }
+});

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 = "0.0.0-development";
+const packageVersion = "110.4.14";
 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 = "0.0.0-development";
+const packageVersion = "110.4.14";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -112,7 +112,8 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
         emptyStateHandler = _this$props.emptyStateHandler,
         viewMoreItem = _this$props.viewMoreItem,
         onViewMore = _this$props.onViewMore,
-        cache = _this$props.cache;
+        cache = _this$props.cache,
+        autoFocusSearch = _this$props.autoFocusSearch;
       var _this$state2 = this.state,
         categories = _this$state2.categories,
         searchTerm = _this$state2.searchTerm,
@@ -133,7 +134,8 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
         emptyStateHandler: emptyStateHandler,
         viewMoreItem: viewMoreItem,
         cache: cache,
-        onViewMore: onViewMore
+        onViewMore: onViewMore,
+        autoFocusSearch: autoFocusSearch
       });
     }
   }]);

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

@@ -126,7 +126,9 @@ function StatelessElementBrowser(props) {
     onSelectCategory = props.onSelectCategory,
     searchTerm = props.searchTerm,
     showCategories = props.showCategories,
-    cache = props.cache;
+    cache = props.cache,
+    _props$autoFocusSearc = props.autoFocusSearch,
+    autoFocusSearch = _props$autoFocusSearc === void 0 ? true : _props$autoFocusSearc;
   var _useContainerWidth = useContainerWidth(),
     containerWidth = _useContainerWidth.containerWidth,
     ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
@@ -139,21 +141,31 @@ function StatelessElementBrowser(props) {
   var selectedCategoryIndex = (_props$categories = props.categories) === null || _props$categories === void 0 ? void 0 : _props$categories.findIndex(function (category) {
     return category.name === selectedCategory;
   });
+  var _useState3 = useState(autoFocusSearch),
+    _useState4 = _slicedToArray(_useState3, 2),
+    canFocusSearch = _useState4[0],
+    setCanFocusSearch = _useState4[1];
   if (showCategories) {
     var isEmptySearchTerm = !searchTerm || (searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) === 0;
     if (!isEmptySearchTerm) {
       // clear the flag if the search happens after a user has chosen the category
       categoryBeenChosen.current = false;
     }
-    // A11Y: if categories exists, on the initial render search element should receive focus.
-    // After user pick some category the category should stay focused.
-    isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
+    if (expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true)) {
+      // 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);
+    } else {
+      // A11Y: if categories exists, on the initial render search element should receive focus.
+      // After user pick some category the category should stay focused.
+      isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
+    }
   }
   var itemIsDisabled = useCallback(function (index) {
     var _items$index$isDisabl, _items$index;
     return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
   }, [items]);
-  var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch),
+  var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch),
     selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
     focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
     setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -223,50 +235,63 @@ function StatelessElementBrowser(props) {
     onSelectCategory(category);
     categoryBeenChosen.current = true;
   }, [categoryBeenChosen, onSelectCategory]);
-  return jsx("div", {
-    css: wrapper,
-    "data-testid": "element-browser",
-    id: ELEMENT_BROWSER_ID
-  }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, props, {
-    selectedItemIndex: selectedItemIndex,
-    focusOnEmptyStateButton: focusOnEmptyStateButton,
-    focusedItemIndex: focusedItemIndex,
-    setFocusedItemIndex: setFocusedItemIndex,
-    focusedCategoryIndex: focusedCategoryIndex,
-    setFocusedCategoryIndex: setFocusedCategoryIndex,
-    focusOnSearch: focusOnSearch,
-    columnCount: columnCount,
-    setColumnCount: setColumnCount,
-    setFocusOnSearch: setFocusOnSearch,
-    onKeyPress: onItemsEnterTabKeyPress,
-    onKeyDown: onKeyDown,
-    viewMoreItem: viewMoreItem,
-    onViewMore: onViewMore,
-    focusOnViewMore: focusOnViewMore,
-    cache: cache
-  })) : jsx(DesktopBrowser
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, props, {
-    selectedItemIndex: selectedItemIndex,
-    focusOnEmptyStateButton: focusOnEmptyStateButton,
-    focusedItemIndex: focusedItemIndex,
-    setFocusedItemIndex: setFocusedItemIndex,
-    focusOnSearch: focusOnSearch,
-    setColumnCount: setColumnCount,
-    columnCount: columnCount,
-    setFocusOnSearch: setFocusOnSearch,
-    onKeyPress: onItemsEnterTabKeyPress,
-    onKeyDown: onKeyDown,
-    focusedCategoryIndex: focusedCategoryIndex,
-    setFocusedCategoryIndex: setFocusedCategoryIndex,
-    selectedCategoryIndex: selectedCategoryIndex,
-    onSelectCategory: onSelectCategoryCB,
-    cache: cache
-  })));
+  var handleKeyPress = function handleKeyPress(e) {
+    if (e.key === 'Tab') {
+      // only Tab key can change focus from close button (if present)
+      setCanFocusSearch(true);
+    }
+  };
+  var handleClick = function handleClick() {
+    setCanFocusSearch(true);
+  };
+  return /* eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable */(
+    jsx("div", {
+      css: wrapper,
+      "data-testid": "element-browser",
+      id: ELEMENT_BROWSER_ID,
+      onKeyUp: canFocusSearch ? undefined : handleKeyPress,
+      onClick: canFocusSearch ? undefined : handleClick
+    }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      selectedItemIndex: selectedItemIndex,
+      focusOnEmptyStateButton: focusOnEmptyStateButton,
+      focusedItemIndex: focusedItemIndex,
+      setFocusedItemIndex: setFocusedItemIndex,
+      focusedCategoryIndex: focusedCategoryIndex,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      focusOnSearch: focusOnSearch,
+      columnCount: columnCount,
+      setColumnCount: setColumnCount,
+      setFocusOnSearch: setFocusOnSearch,
+      onKeyPress: onItemsEnterTabKeyPress,
+      onKeyDown: onKeyDown,
+      viewMoreItem: viewMoreItem,
+      onViewMore: onViewMore,
+      focusOnViewMore: focusOnViewMore,
+      cache: cache
+    })) : jsx(DesktopBrowser
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      selectedItemIndex: selectedItemIndex,
+      focusOnEmptyStateButton: focusOnEmptyStateButton,
+      focusedItemIndex: focusedItemIndex,
+      setFocusedItemIndex: setFocusedItemIndex,
+      focusOnSearch: focusOnSearch,
+      setColumnCount: setColumnCount,
+      columnCount: columnCount,
+      setFocusOnSearch: setFocusOnSearch,
+      onKeyPress: onItemsEnterTabKeyPress,
+      onKeyDown: onKeyDown,
+      focusedCategoryIndex: focusedCategoryIndex,
+      setFocusedCategoryIndex: setFocusedCategoryIndex,
+      selectedCategoryIndex: selectedCategoryIndex,
+      onSelectCategory: onSelectCategoryCB,
+      cache: cache
+    })))
+  );
 }
 function MobileBrowser(_ref) {
   var showCategories = _ref.showCategories,

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

@@ -4,6 +4,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; }
 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
@@ -188,6 +189,14 @@ 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,
@@ -237,8 +246,8 @@ var skipBackwardOffsetToSafeItem = function skipBackwardOffsetToSafeItem(current
   // Move to search if no available index
   return currentIndex + 1;
 };
-function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, itemIsDisabled, isFocusSearch) {
-  var _useReducer = useReducer(reducer, initialState, getInitialState(listSize, canFocusViewMore)),
+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)),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
@@ -259,19 +268,20 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
 
   // calls if items size changed
   var reset = useCallback(function (listSize) {
-    var payload = _objectSpread(_objectSpread({}, initialState), {}, {
+    var defaultState = expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true) && autoFocusSearch ? initialState : initialStateWithFocusOnSearchDisabled;
+    var payload = _objectSpread(_objectSpread({}, defaultState), {}, {
       listSize: listSize
     });
     // A11Y: if categories exist ,on the initial render search element should receive focus.
     // After user pick some category the category should stay focused.
     payload = Object.assign(payload, {
-      focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : initialState.focusOnSearch
+      focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : defaultState.focusOnSearch
     });
     dispatch({
       type: ACTIONS.UPDATE_STATE,
       payload: payload
     });
-  }, [isFocusSearch]);
+  }, [isFocusSearch, autoFocusSearch]);
   var removeFocusFromSearchAndSetOnItem = useCallback(function (index) {
     var payload = {
       focusedItemIndex: index,

package/dist/esm/messages/index.js

@@ -43,6 +43,7 @@ export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
 export { syncBlockMessages } from './syncBlock';
+export { limitedModeMessages } from './limited-mode';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/messages/limited-mode.js

@@ -0,0 +1,21 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+import { defineMessages } from 'react-intl-next';
+export var limitedModeMessages = defineMessages({
+  limitedModeTitle: {
+    id: 'fabric.editor.limitedModeTitle',
+    defaultMessage: 'Speed improvements',
+    description: 'Title for flag shown when some functionality is disabled in a page in order to improve the pages speed.'
+  },
+  limitedModeDescriptionWithLink: {
+    id: 'fabric.editor.limitedModeDescription',
+    defaultMessage: 'To increase speed and response time <learnMoreLink>some editing features are limited.</learnMoreLink>',
+    description: 'Description for flag shown when some functionality is disabled in a page in order to improve the pages speed. This description contains a link to learn more about limited mode.'
+  },
+  limitedModeDescriptionWithoutLink: {
+    id: 'fabric.editor.limitedModeDescriptionWithoutLink',
+    defaultMessage: 'To increase speed and response time some editing features are limited.',
+    description: 'Description for flag shown when some functionality is disabled in a page in order to improve the pages speed. This description does not contain a link to learn more about limited mode.'
+  }
+});

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 = "0.0.0-development";
+var packageVersion = "110.4.14";
 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 = "0.0.0-development";
+var packageVersion = "110.4.14";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -4,6 +4,10 @@ import type { QuickInsertItem } from '../provider-factory';
 import type { EmptyStateHandler } from '../types';
 import type { Category, Modes } from './types';
 export interface Props {
+    /**
+     * If search field should be focused on the initial load
+     */
+    autoFocusSearch?: boolean;
     cache?: CellMeasurerCache;
     categories?: Category[];
     defaultCategory?: string;

package/dist/types/element-browser/components/StatelessElementBrowser.d.ts

@@ -9,6 +9,10 @@ import type { QuickInsertItem } from '../../provider-factory';
 import type { EmptyStateHandler } from '../../types';
 import type { Category, Modes } from '../types';
 export type StatelessElementBrowserProps = {
+    /**
+     * If search field should be focused on the initial load
+     */
+    autoFocusSearch?: boolean;
     cache?: CellMeasurerCache;
     categories?: Category[];
     emptyStateHandler?: EmptyStateHandler;
@@ -32,6 +36,10 @@ export type StatelessElementBrowserProps = {
     viewMoreItem?: QuickInsertItem;
 } & WithAnalyticsEventsProps;
 declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
+    /**
+     * If search field should be focused on the initial load
+     */
+    autoFocusSearch?: boolean;
     cache?: CellMeasurerCache;
     categories?: Category[];
     emptyStateHandler?: EmptyStateHandler;

package/dist/types/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts

@@ -72,6 +72,6 @@ export type useSelectAndFocusReturnType = {
     setFocusedItemIndex: (index?: number) => void;
     setFocusOnSearch: () => void;
 };
-declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, itemIsDisabled: (index: number) => boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
+declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, itemIsDisabled: (index: number) => boolean, isFocusSearch?: boolean, autoFocusSearch?: boolean): useSelectAndFocusReturnType;
 export declare const ensureSafeIndex: (index: number, listSize: number) => number;
 export default useSelectAndFocusOnArrowNavigation;

package/dist/types/messages/index.d.ts

@@ -39,6 +39,7 @@ export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
 export { syncBlockMessages } from './syncBlock';
+export { limitedModeMessages } from './limited-mode';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/messages/limited-mode.d.ts

@@ -0,0 +1,17 @@
+export declare const limitedModeMessages: {
+    limitedModeTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedModeDescriptionWithLink: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedModeDescriptionWithoutLink: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -49,6 +49,7 @@ export interface RenderOptionsPropsT<T extends Object> {
     hide: () => void;
 }
 export interface DropdownOptionT<T extends Object> {
+    confirmDialog?: ConfirmDialogOptions | (() => ConfirmDialogOptions);
     description?: string;
     disabled?: boolean;
     domItemOptions?: {

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

@@ -4,6 +4,10 @@ import type { QuickInsertItem } from '../provider-factory';
 import type { EmptyStateHandler } from '../types';
 import type { Category, Modes } from './types';
 export interface Props {
+    /**
+     * If search field should be focused on the initial load
+     */
+    autoFocusSearch?: boolean;
     cache?: CellMeasurerCache;
     categories?: Category[];
     defaultCategory?: string;

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

@@ -9,6 +9,10 @@ import type { QuickInsertItem } from '../../provider-factory';
 import type { EmptyStateHandler } from '../../types';
 import type { Category, Modes } from '../types';
 export type StatelessElementBrowserProps = {
+    /**
+     * If search field should be focused on the initial load
+     */
+    autoFocusSearch?: boolean;
     cache?: CellMeasurerCache;
     categories?: Category[];
     emptyStateHandler?: EmptyStateHandler;
@@ -32,6 +36,10 @@ export type StatelessElementBrowserProps = {
     viewMoreItem?: QuickInsertItem;
 } & WithAnalyticsEventsProps;
 declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
+    /**
+     * If search field should be focused on the initial load
+     */
+    autoFocusSearch?: boolean;
     cache?: CellMeasurerCache;
     categories?: Category[];
     emptyStateHandler?: EmptyStateHandler;

package/dist/types-ts4.5/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts

@@ -72,6 +72,6 @@ export type useSelectAndFocusReturnType = {
     setFocusedItemIndex: (index?: number) => void;
     setFocusOnSearch: () => void;
 };
-declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, itemIsDisabled: (index: number) => boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
+declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, itemIsDisabled: (index: number) => boolean, isFocusSearch?: boolean, autoFocusSearch?: boolean): useSelectAndFocusReturnType;
 export declare const ensureSafeIndex: (index: number, listSize: number) => number;
 export default useSelectAndFocusOnArrowNavigation;

package/dist/types-ts4.5/messages/index.d.ts

@@ -39,6 +39,7 @@ export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
 export { syncBlockMessages } from './syncBlock';
+export { limitedModeMessages } from './limited-mode';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types-ts4.5/messages/limited-mode.d.ts

@@ -0,0 +1,17 @@
+export declare const limitedModeMessages: {
+    limitedModeTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedModeDescriptionWithLink: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedModeDescriptionWithoutLink: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -49,6 +49,7 @@ export interface RenderOptionsPropsT<T extends Object> {
     hide: () => void;
 }
 export interface DropdownOptionT<T extends Object> {
+    confirmDialog?: ConfirmDialogOptions | (() => ConfirmDialogOptions);
     description?: string;
     disabled?: boolean;
     domItemOptions?: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.4.13",
+	"version": "110.5.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/profilecard": "^24.17.0",
+		"@atlaskit/profilecard": "^24.18.0",
 		"@atlaskit/react-ufo": "^4.11.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/smart-card": "^43.0.0",