@atlaskit/editor-common 96.1.0 → 96.1.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 96.1.1
+
+### Patch Changes
+
+- [#173737](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/173737)
+  [`965f739a481f5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/965f739a481f5) -
+  [ux] Items are disabled in the plus menu while offline. This affects arrow navigation in the plus
+  menu and element browser
+- [#173404](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/173404)
+  [`e5dc6a590c2e9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e5dc6a590c2e9) -
+  fixed import path to resolve build error
+- [#170241](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170241)
+  [`05530abbeb871`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/05530abbeb871) -
+  [ux] [ED-25804] [ED-25147] Make sure that Editor AI cannot insert tables nested more than two
+  times into the Editor
+- Updated dependencies
+
 ## 96.1.0
 
 ### Minor Changes

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

@@ -545,7 +545,8 @@ function ElementItem(_ref10) {
   var icon = item.icon,
     title = item.title,
     description = item.description,
-    keyshortcut = item.keyshortcut;
+    keyshortcut = item.keyshortcut,
+    isDisabled = item.isDisabled;
   return (0, _react2.jsx)(_tooltip.default, {
     content: description,
     testId: "element-item-tooltip-".concat(index)
@@ -559,7 +560,8 @@ function ElementItem(_ref10) {
     "aria-describedby": title,
     ref: ref,
     testId: "element-item-".concat(index),
-    id: "searched-item-".concat(index)
+    id: "searched-item-".concat(index),
+    isDisabled: isDisabled
   }, (0, _react2.jsx)(ItemContent
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   , {
@@ -567,7 +569,8 @@ function ElementItem(_ref10) {
     tabIndex: 0,
     title: title,
     description: description,
-    keyshortcut: keyshortcut
+    keyshortcut: keyshortcut,
+    isDisabled: isDisabled
   })));
 }
 
@@ -586,7 +589,8 @@ var ElementBefore = /*#__PURE__*/(0, _react.memo)(function (_ref11) {
 var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref12) {
   var title = _ref12.title,
     description = _ref12.description,
-    keyshortcut = _ref12.keyshortcut;
+    keyshortcut = _ref12.keyshortcut,
+    isDisabled = _ref12.isDisabled;
   if ((0, _platformFeatureFlags.fg)('platform_editor_typography_ugc')) {
     return (
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -600,13 +604,14 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref12) {
       }, (0, _react2.jsx)("div", {
         css: itemTitleWrapper
       }, (0, _react2.jsx)(_primitives.Text, {
+        color: isDisabled ? 'color.text.disabled' : undefined,
         maxLines: 1
       }, title), (0, _react2.jsx)("div", {
         css: itemAfter
       }, keyshortcut && (0, _react2.jsx)("div", {
         css: _shortcut.shortcutStyle
       }, keyshortcut))), description && (0, _react2.jsx)(_primitives.Text, {
-        color: "color.text.subtle",
+        color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
         size: "small",
         maxLines: 2
       }, description))))
@@ -622,13 +627,15 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref12) {
       }, (0, _react2.jsx)("div", {
         css: itemTitleWrapper
       }, (0, _react2.jsx)("p", {
-        css: itemTitle
+        css: isDisabled ? itemTitleDisabled : itemTitle
       }, title), (0, _react2.jsx)("div", {
         css: itemAfter
       }, keyshortcut && (0, _react2.jsx)("div", {
         css: _shortcut.shortcutStyle
-      }, keyshortcut))), description && (0, _react2.jsx)("p", {
-        css: itemDescription
+      }, keyshortcut))), description &&
+      // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+      (0, _react2.jsx)("p", {
+        css: isDisabled ? itemDescriptionDisabled : itemDescription
       }, description)))
     );
   }
@@ -708,6 +715,15 @@ var itemDescription = (0, _react2.css)(multilineStyle, {
   color: "var(--ds-text-subtle, #44546F)",
   marginTop: "var(--ds-space-025, 2px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var itemDescriptionDisabled = (0, _react2.css)(multilineStyle, {
+  overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
+  color: "var(--ds-text-disabled, #091E424F)",
+  marginTop: "var(--ds-space-025, 2px)"
+});
 var itemText = (0, _react2.css)({
   width: 'inherit',
   whiteSpace: 'initial'
@@ -722,6 +738,13 @@ var itemTitle = (0, _react2.css)({
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis'
 });
+var itemTitleDisabled = (0, _react2.css)({
+  width: '100%',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
+  color: "var(--ds-text-disabled, #091E424F)"
+});
 var itemAfter = (0, _react2.css)({
   flex: '0 0 auto',
   paddingTop: "var(--ds-space-025, 2px)",

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

@@ -157,7 +157,11 @@ function StatelessElementBrowser(props) {
     // After user pick some category the category should stay focused.
     isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
   }
-  var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount, !!viewMoreItem, isFocusSearch),
+  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, !!viewMoreItem, itemIsDisabled, isFocusSearch),
     selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
     focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
     setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -197,6 +201,7 @@ function StatelessElementBrowser(props) {
    */
   var selectedItem = selectedItemIndex !== undefined ? items[selectedItemIndex] : null;
   var onItemsEnterTabKeyPress = (0, _react.useCallback)(function (e) {
+    var _selectedItem$isDisab;
     if (e.key !== 'Enter' && (e.key !== 'Tab' || !showCategories)) {
       return;
     }
@@ -206,7 +211,7 @@ function StatelessElementBrowser(props) {
       e.preventDefault();
       return;
     }
-    if (onInsertItem && selectedItem != null) {
+    if (onInsertItem && selectedItem != null && !((_selectedItem$isDisab = selectedItem.isDisabled) !== null && _selectedItem$isDisab !== void 0 ? _selectedItem$isDisab : false)) {
       onInsertItem(selectedItem);
     }
     e.preventDefault();

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

@@ -8,6 +8,7 @@ exports.ensureSafeIndex = exports.default = exports.ACTIONS = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
 /**
@@ -83,12 +84,27 @@ var moveReducer = function moveReducer(state, action) {
         selectedItemIndex: canFocusViewMore ? undefined : listSize
       });
     } else {
-      return _objectSpread(_objectSpread({}, state), {}, {
-        focusOnSearch: false,
-        focusOnViewMore: false,
-        focusedItemIndex: 0,
-        selectedItemIndex: 0
-      });
+      if ((0, _platformFeatureFlags.fg)('platform_editor_is_disabled_state_element_browser')) {
+        var _action$payload$step;
+        var _newIndex = action.payload.positions ? action.payload.positions - ((_action$payload$step = action.payload.step) !== null && _action$payload$step !== void 0 ? _action$payload$step : 1) : 0;
+        var _safeIndex = ensureSafeIndex(_newIndex, state.listSize);
+        var isLastItemFocused = _newIndex > listSize;
+        var focusOnSearch = isLastItemFocused && !canFocusViewMore;
+        var focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          focusOnSearch: focusOnSearch,
+          focusOnViewMore: focusOnViewMore,
+          focusedItemIndex: _safeIndex,
+          selectedItemIndex: _safeIndex
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          focusOnSearch: false,
+          focusOnViewMore: false,
+          focusedItemIndex: 0,
+          selectedItemIndex: 0
+        });
+      }
     }
   }
   if (state.focusOnViewMore) {
@@ -118,17 +134,17 @@ var moveReducer = function moveReducer(state, action) {
     //  row then newIndex will be greater than listSize when
     //  down arrow key is pressed.
     // Or when last item is focused and down or right arrow key is pressed.
-    var isLastItemFocused = newIndex > listSize;
-    var focusOnSearch = isLastItemFocused && !canFocusViewMore;
-    var focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
+    var _isLastItemFocused = newIndex > listSize;
+    var _focusOnSearch = _isLastItemFocused && !canFocusViewMore;
+    var _focusOnViewMore = _isLastItemFocused && !!canFocusViewMore;
     // if search is focused, then select first item.
     // otherwise if view more is focused then select item should be undefined.
-    var selectedItemIndex = focusOnSearch ? 0 : focusOnViewMore ? undefined : safeIndex;
+    var selectedItemIndex = _focusOnSearch ? 0 : _focusOnViewMore ? undefined : safeIndex;
     return _objectSpread(_objectSpread({}, state), {}, {
-      focusOnSearch: focusOnSearch,
-      focusOnViewMore: focusOnViewMore,
+      focusOnSearch: _focusOnSearch,
+      focusOnViewMore: _focusOnViewMore,
       selectedItemIndex: selectedItemIndex,
-      focusedItemIndex: isLastItemFocused ? undefined : safeIndex
+      focusedItemIndex: _isLastItemFocused ? undefined : safeIndex
     });
   }
 
@@ -171,7 +187,40 @@ var getInitialState = function getInitialState(listSize, canFocusViewMore) {
     });
   };
 };
-function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, isFocusSearch) {
+
+// Get the offset forwards - skip items that are disabled
+var skipForwardOffsetToSafeItem = function skipForwardOffsetToSafeItem(currentIndex, listSize, stepSize, itemIsDisabled) {
+  if (currentIndex === undefined) {
+    return undefined;
+  }
+  // Iterate through the list starting from the next item
+  for (var offset = 1; currentIndex + offset * stepSize <= listSize; offset++) {
+    if (!itemIsDisabled(currentIndex + offset * stepSize)) {
+      return offset * stepSize;
+    }
+  }
+
+  // Move to the last place if possible
+  return listSize - currentIndex + 1;
+};
+
+// Get the offset backwards - skip items that are disabled
+var skipBackwardOffsetToSafeItem = function skipBackwardOffsetToSafeItem(currentIndex, stepSize, itemIsDisabled) {
+  if (currentIndex === undefined) {
+    return undefined;
+  }
+
+  // Iterate backwards starting from the previous item
+  for (var offset = 1; currentIndex - offset * stepSize >= -1; offset++) {
+    if (!itemIsDisabled(currentIndex - offset * stepSize) || currentIndex - offset * stepSize === -1) {
+      return offset * stepSize;
+    }
+  }
+
+  // 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)),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
     state = _useReducer2[0],
@@ -271,15 +320,49 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, is
         e.stopPropagation();
         return setFocusOnSearch();
       case 'ArrowRight':
-        return move(e, +1);
+        {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_is_disabled_state_element_browser')) {
+            var _skipForwardOffsetToS;
+            var itemIndex = focusOnSearch ? -1 : selectedItemIndex;
+            var nextItem = (_skipForwardOffsetToS = skipForwardOffsetToSafeItem(itemIndex, listSize, 1, itemIsDisabled)) !== null && _skipForwardOffsetToS !== void 0 ? _skipForwardOffsetToS : 1;
+            return move(e, nextItem);
+          } else {
+            return move(e, +1);
+          }
+        }
       case 'ArrowLeft':
-        return move(e, -1);
+        {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_is_disabled_state_element_browser')) {
+            var _skipBackwardOffsetTo;
+            var _nextItem = (_skipBackwardOffsetTo = skipBackwardOffsetToSafeItem(selectedItemIndex, 1, itemIsDisabled)) !== null && _skipBackwardOffsetTo !== void 0 ? _skipBackwardOffsetTo : 1;
+            return move(e, -_nextItem);
+          } else {
+            return move(e, -1);
+          }
+        }
       case 'ArrowDown':
-        return move(e, +step);
+        {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_is_disabled_state_element_browser')) {
+            var _skipForwardOffsetToS2;
+            var _itemIndex = focusOnSearch ? -step : selectedItemIndex;
+            var _nextItem2 = (_skipForwardOffsetToS2 = skipForwardOffsetToSafeItem(_itemIndex, listSize, step, itemIsDisabled)) !== null && _skipForwardOffsetToS2 !== void 0 ? _skipForwardOffsetToS2 : step;
+            return move(e, +_nextItem2, step);
+          } else {
+            return move(e, +step);
+          }
+        }
       case 'ArrowUp':
-        return move(e, -step, step);
+        {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_is_disabled_state_element_browser')) {
+            var _skipBackwardOffsetTo2;
+            var _nextItem3 = (_skipBackwardOffsetTo2 = skipBackwardOffsetToSafeItem(selectedItemIndex, step, itemIsDisabled)) !== null && _skipBackwardOffsetTo2 !== void 0 ? _skipBackwardOffsetTo2 : step;
+            return move(e, Math.min(-_nextItem3, -step), step);
+          } else {
+            return move(e, -step, step);
+          }
+        }
     }
-  }, [focusOnSearch, setFocusOnSearch, move, step]);
+  }, [focusOnSearch, setFocusOnSearch, move, selectedItemIndex, itemIsDisabled, listSize, step]);
   (0, _react.useEffect)(function () {
     // To reset selection when user filters
     reset(listSize);

package/dist/cjs/insert/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LookDirection = void 0;
 exports.contentAllowedInCodeBlock = contentAllowedInCodeBlock;
+exports.fragmentContainsNodeType = fragmentContainsNodeType;
 exports.shouldSplitSelectedNodeOnNodeInsertion = exports.safeInsert = exports.normaliseNestedLayout = exports.insertSelectedItem = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -311,6 +312,24 @@ function contentAllowedInCodeBlock(state) {
   return isAllowedChild;
 }
 
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+function fragmentContainsNodeType(fragment, nodeType) {
+  var doesContainNodeType = false;
+  fragment.descendants(function (node) {
+    if (node.type === nodeType) {
+      doesContainNodeType = true;
+      // Stop looking
+      return false;
+    }
+    return true;
+  });
+  return doesContainNodeType;
+}
+
 // For platform_editor_element_level_templates experiment only
 // clean up ticket ED-24873
 var insertTemplateFragment = function insertTemplateFragment(_ref3) {

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 && {}.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 = "96.1.0";
+var packageVersion = "96.1.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/preset/core-plugin/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.corePlugin = void 0;
-var _processRawValue = require("../../../src/utils/processRawValue");
+var _processRawValue = require("../../utils/processRawValue");
 var _editorCommands = require("../editor-commands");
 var _requestDocument = require("./requestDocument");
 /**

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

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

@@ -530,7 +530,8 @@ export function ElementItem({
     icon,
     title,
     description,
-    keyshortcut
+    keyshortcut,
+    isDisabled
   } = item;
   return jsx(Tooltip, {
     content: description,
@@ -545,7 +546,8 @@ export function ElementItem({
     "aria-describedby": title,
     ref: ref,
     testId: `element-item-${index}`,
-    id: `searched-item-${index}`
+    id: `searched-item-${index}`,
+    isDisabled: isDisabled
   }, jsx(ItemContent
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   , {
@@ -553,7 +555,8 @@ export function ElementItem({
     tabIndex: 0,
     title: title,
     description: description,
-    keyshortcut: keyshortcut
+    keyshortcut: keyshortcut,
+    isDisabled: isDisabled
   })));
 }
 
@@ -571,7 +574,8 @@ const ElementBefore = /*#__PURE__*/memo(({
 const ItemContent = /*#__PURE__*/memo(({
   title,
   description,
-  keyshortcut
+  keyshortcut,
+  isDisabled
 }) => {
   if (fg('platform_editor_typography_ugc')) {
     return (
@@ -586,13 +590,14 @@ const ItemContent = /*#__PURE__*/memo(({
       }, jsx("div", {
         css: itemTitleWrapper
       }, jsx(Text, {
+        color: isDisabled ? 'color.text.disabled' : undefined,
         maxLines: 1
       }, title), jsx("div", {
         css: itemAfter
       }, keyshortcut && jsx("div", {
         css: shortcutStyle
       }, keyshortcut))), description && jsx(Text, {
-        color: "color.text.subtle",
+        color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
         size: "small",
         maxLines: 2
       }, description))))
@@ -608,13 +613,15 @@ const ItemContent = /*#__PURE__*/memo(({
       }, jsx("div", {
         css: itemTitleWrapper
       }, jsx("p", {
-        css: itemTitle
+        css: isDisabled ? itemTitleDisabled : itemTitle
       }, title), jsx("div", {
         css: itemAfter
       }, keyshortcut && jsx("div", {
         css: shortcutStyle
-      }, keyshortcut))), description && jsx("p", {
-        css: itemDescription
+      }, keyshortcut))), description &&
+      // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+      jsx("p", {
+        css: isDisabled ? itemDescriptionDisabled : itemDescription
       }, description)))
     );
   }
@@ -694,6 +701,15 @@ const itemDescription = css(multilineStyle, {
   color: "var(--ds-text-subtle, #44546F)",
   marginTop: "var(--ds-space-025, 2px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+const itemDescriptionDisabled = css(multilineStyle, {
+  overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: relativeFontSizeToBase16(11.67),
+  color: "var(--ds-text-disabled, #091E424F)",
+  marginTop: "var(--ds-space-025, 2px)"
+});
 const itemText = css({
   width: 'inherit',
   whiteSpace: 'initial'
@@ -708,6 +724,13 @@ const itemTitle = css({
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis'
 });
+const itemTitleDisabled = css({
+  width: '100%',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
+  color: "var(--ds-text-disabled, #091E424F)"
+});
 const itemAfter = css({
   flex: '0 0 auto',
   paddingTop: "var(--ds-space-025, 2px)",

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

@@ -145,6 +145,10 @@ function StatelessElementBrowser(props) {
     // After user pick some category the category should stay focused.
     isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
   }
+  const itemIsDisabled = useCallback(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]);
   const {
     selectedItemIndex,
     focusedItemIndex,
@@ -155,7 +159,7 @@ function StatelessElementBrowser(props) {
     focusOnViewMore,
     onKeyDown,
     setFocusOnSearch
-  } = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!viewMoreItem, isFocusSearch);
+  } = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!viewMoreItem, itemIsDisabled, isFocusSearch);
   useEffect(() => {
     fireAnalyticsEvent(props.createAnalyticsEvent)({
       payload: {
@@ -186,6 +190,7 @@ function StatelessElementBrowser(props) {
    */
   const selectedItem = selectedItemIndex !== undefined ? items[selectedItemIndex] : null;
   const onItemsEnterTabKeyPress = useCallback(e => {
+    var _selectedItem$isDisab;
     if (e.key !== 'Enter' && (e.key !== 'Tab' || !showCategories)) {
       return;
     }
@@ -195,7 +200,7 @@ function StatelessElementBrowser(props) {
       e.preventDefault();
       return;
     }
-    if (onInsertItem && selectedItem != null) {
+    if (onInsertItem && selectedItem != null && !((_selectedItem$isDisab = selectedItem.isDisabled) !== null && _selectedItem$isDisab !== void 0 ? _selectedItem$isDisab : false)) {
       onInsertItem(selectedItem);
     }
     e.preventDefault();

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

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useReducer, useRef } from 'react';
-
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * a custom hook that handles keyboard navigation for Arrow keys based on a
  * given listSize, and a step (for up and down arrows).
@@ -81,13 +81,29 @@ const moveReducer = (state, action) => {
         selectedItemIndex: canFocusViewMore ? undefined : listSize
       };
     } else {
-      return {
-        ...state,
-        focusOnSearch: false,
-        focusOnViewMore: false,
-        focusedItemIndex: 0,
-        selectedItemIndex: 0
-      };
+      if (fg('platform_editor_is_disabled_state_element_browser')) {
+        var _action$payload$step;
+        const newIndex = action.payload.positions ? action.payload.positions - ((_action$payload$step = action.payload.step) !== null && _action$payload$step !== void 0 ? _action$payload$step : 1) : 0;
+        const safeIndex = ensureSafeIndex(newIndex, state.listSize);
+        const isLastItemFocused = newIndex > listSize;
+        const focusOnSearch = isLastItemFocused && !canFocusViewMore;
+        const focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
+        return {
+          ...state,
+          focusOnSearch: focusOnSearch,
+          focusOnViewMore: focusOnViewMore,
+          focusedItemIndex: safeIndex,
+          selectedItemIndex: safeIndex
+        };
+      } else {
+        return {
+          ...state,
+          focusOnSearch: false,
+          focusOnViewMore: false,
+          focusedItemIndex: 0,
+          selectedItemIndex: 0
+        };
+      }
     }
   }
   if (state.focusOnViewMore) {
@@ -172,7 +188,40 @@ const getInitialState = (listSize, canFocusViewMore) => initialState => ({
   listSize,
   canFocusViewMore
 });
-function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, isFocusSearch) {
+
+// Get the offset forwards - skip items that are disabled
+const skipForwardOffsetToSafeItem = (currentIndex, listSize, stepSize, itemIsDisabled) => {
+  if (currentIndex === undefined) {
+    return undefined;
+  }
+  // Iterate through the list starting from the next item
+  for (let offset = 1; currentIndex + offset * stepSize <= listSize; offset++) {
+    if (!itemIsDisabled(currentIndex + offset * stepSize)) {
+      return offset * stepSize;
+    }
+  }
+
+  // Move to the last place if possible
+  return listSize - currentIndex + 1;
+};
+
+// Get the offset backwards - skip items that are disabled
+const skipBackwardOffsetToSafeItem = (currentIndex, stepSize, itemIsDisabled) => {
+  if (currentIndex === undefined) {
+    return undefined;
+  }
+
+  // Iterate backwards starting from the previous item
+  for (let offset = 1; currentIndex - offset * stepSize >= -1; offset++) {
+    if (!itemIsDisabled(currentIndex - offset * stepSize) || currentIndex - offset * stepSize === -1) {
+      return offset * stepSize;
+    }
+  }
+
+  // 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));
   useEffect(() => {
     dispatch({
@@ -272,15 +321,49 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, is
         e.stopPropagation();
         return setFocusOnSearch();
       case 'ArrowRight':
-        return move(e, +1);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipForwardOffsetToS;
+            const itemIndex = focusOnSearch ? -1 : selectedItemIndex;
+            const nextItem = (_skipForwardOffsetToS = skipForwardOffsetToSafeItem(itemIndex, listSize, 1, itemIsDisabled)) !== null && _skipForwardOffsetToS !== void 0 ? _skipForwardOffsetToS : 1;
+            return move(e, nextItem);
+          } else {
+            return move(e, +1);
+          }
+        }
       case 'ArrowLeft':
-        return move(e, -1);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipBackwardOffsetTo;
+            const nextItem = (_skipBackwardOffsetTo = skipBackwardOffsetToSafeItem(selectedItemIndex, 1, itemIsDisabled)) !== null && _skipBackwardOffsetTo !== void 0 ? _skipBackwardOffsetTo : 1;
+            return move(e, -nextItem);
+          } else {
+            return move(e, -1);
+          }
+        }
       case 'ArrowDown':
-        return move(e, +step);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipForwardOffsetToS2;
+            const itemIndex = focusOnSearch ? -step : selectedItemIndex;
+            const nextItem = (_skipForwardOffsetToS2 = skipForwardOffsetToSafeItem(itemIndex, listSize, step, itemIsDisabled)) !== null && _skipForwardOffsetToS2 !== void 0 ? _skipForwardOffsetToS2 : step;
+            return move(e, +nextItem, step);
+          } else {
+            return move(e, +step);
+          }
+        }
       case 'ArrowUp':
-        return move(e, -step, step);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipBackwardOffsetTo2;
+            const nextItem = (_skipBackwardOffsetTo2 = skipBackwardOffsetToSafeItem(selectedItemIndex, step, itemIsDisabled)) !== null && _skipBackwardOffsetTo2 !== void 0 ? _skipBackwardOffsetTo2 : step;
+            return move(e, Math.min(-nextItem, -step), step);
+          } else {
+            return move(e, -step, step);
+          }
+        }
     }
-  }, [focusOnSearch, setFocusOnSearch, move, step]);
+  }, [focusOnSearch, setFocusOnSearch, move, selectedItemIndex, itemIsDisabled, listSize, step]);
   useEffect(() => {
     // To reset selection when user filters
     reset(listSize);

package/dist/es2019/insert/index.js

@@ -305,6 +305,24 @@ export function contentAllowedInCodeBlock(state) {
   return isAllowedChild;
 }
 
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export function fragmentContainsNodeType(fragment, nodeType) {
+  let doesContainNodeType = false;
+  fragment.descendants(node => {
+    if (node.type === nodeType) {
+      doesContainNodeType = true;
+      // Stop looking
+      return false;
+    }
+    return true;
+  });
+  return doesContainNodeType;
+}
+
 // For platform_editor_element_level_templates experiment only
 // clean up ticket ED-24873
 const insertTemplateFragment = ({

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

package/dist/es2019/preset/core-plugin/index.js

@@ -1,4 +1,4 @@
-import { processRawFragmentValue, processRawValue } from '../../../src/utils/processRawValue';
+import { processRawFragmentValue, processRawValue } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
 import { scheduleDocumentRequest } from './requestDocument';
 

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "96.1.0";
+const packageVersion = "96.1.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -535,7 +535,8 @@ export function ElementItem(_ref10) {
   var icon = item.icon,
     title = item.title,
     description = item.description,
-    keyshortcut = item.keyshortcut;
+    keyshortcut = item.keyshortcut,
+    isDisabled = item.isDisabled;
   return jsx(Tooltip, {
     content: description,
     testId: "element-item-tooltip-".concat(index)
@@ -549,7 +550,8 @@ export function ElementItem(_ref10) {
     "aria-describedby": title,
     ref: ref,
     testId: "element-item-".concat(index),
-    id: "searched-item-".concat(index)
+    id: "searched-item-".concat(index),
+    isDisabled: isDisabled
   }, jsx(ItemContent
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   , {
@@ -557,7 +559,8 @@ export function ElementItem(_ref10) {
     tabIndex: 0,
     title: title,
     description: description,
-    keyshortcut: keyshortcut
+    keyshortcut: keyshortcut,
+    isDisabled: isDisabled
   })));
 }
 
@@ -576,7 +579,8 @@ var ElementBefore = /*#__PURE__*/memo(function (_ref11) {
 var ItemContent = /*#__PURE__*/memo(function (_ref12) {
   var title = _ref12.title,
     description = _ref12.description,
-    keyshortcut = _ref12.keyshortcut;
+    keyshortcut = _ref12.keyshortcut,
+    isDisabled = _ref12.isDisabled;
   if (fg('platform_editor_typography_ugc')) {
     return (
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -590,13 +594,14 @@ var ItemContent = /*#__PURE__*/memo(function (_ref12) {
       }, jsx("div", {
         css: itemTitleWrapper
       }, jsx(Text, {
+        color: isDisabled ? 'color.text.disabled' : undefined,
         maxLines: 1
       }, title), jsx("div", {
         css: itemAfter
       }, keyshortcut && jsx("div", {
         css: shortcutStyle
       }, keyshortcut))), description && jsx(Text, {
-        color: "color.text.subtle",
+        color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
         size: "small",
         maxLines: 2
       }, description))))
@@ -612,13 +617,15 @@ var ItemContent = /*#__PURE__*/memo(function (_ref12) {
       }, jsx("div", {
         css: itemTitleWrapper
       }, jsx("p", {
-        css: itemTitle
+        css: isDisabled ? itemTitleDisabled : itemTitle
       }, title), jsx("div", {
         css: itemAfter
       }, keyshortcut && jsx("div", {
         css: shortcutStyle
-      }, keyshortcut))), description && jsx("p", {
-        css: itemDescription
+      }, keyshortcut))), description &&
+      // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+      jsx("p", {
+        css: isDisabled ? itemDescriptionDisabled : itemDescription
       }, description)))
     );
   }
@@ -698,6 +705,15 @@ var itemDescription = css(multilineStyle, {
   color: "var(--ds-text-subtle, #44546F)",
   marginTop: "var(--ds-space-025, 2px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var itemDescriptionDisabled = css(multilineStyle, {
+  overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: relativeFontSizeToBase16(11.67),
+  color: "var(--ds-text-disabled, #091E424F)",
+  marginTop: "var(--ds-space-025, 2px)"
+});
 var itemText = css({
   width: 'inherit',
   whiteSpace: 'initial'
@@ -712,6 +728,13 @@ var itemTitle = css({
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis'
 });
+var itemTitleDisabled = css({
+  width: '100%',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
+  color: "var(--ds-text-disabled, #091E424F)"
+});
 var itemAfter = css({
   flex: '0 0 auto',
   paddingTop: "var(--ds-space-025, 2px)",

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

@@ -146,7 +146,11 @@ function StatelessElementBrowser(props) {
     // After user pick some category the category should stay focused.
     isFocusSearch = !categoryBeenChosen.current || !isEmptySearchTerm;
   }
-  var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!viewMoreItem, isFocusSearch),
+  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, !!viewMoreItem, itemIsDisabled, isFocusSearch),
     selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
     focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
     setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -186,6 +190,7 @@ function StatelessElementBrowser(props) {
    */
   var selectedItem = selectedItemIndex !== undefined ? items[selectedItemIndex] : null;
   var onItemsEnterTabKeyPress = useCallback(function (e) {
+    var _selectedItem$isDisab;
     if (e.key !== 'Enter' && (e.key !== 'Tab' || !showCategories)) {
       return;
     }
@@ -195,7 +200,7 @@ function StatelessElementBrowser(props) {
       e.preventDefault();
       return;
     }
-    if (onInsertItem && selectedItem != null) {
+    if (onInsertItem && selectedItem != null && !((_selectedItem$isDisab = selectedItem.isDisabled) !== null && _selectedItem$isDisab !== void 0 ? _selectedItem$isDisab : false)) {
       onInsertItem(selectedItem);
     }
     e.preventDefault();

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useEffect, useReducer, useRef } from 'react';
-
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * a custom hook that handles keyboard navigation for Arrow keys based on a
  * given listSize, and a step (for up and down arrows).
@@ -78,12 +78,27 @@ var moveReducer = function moveReducer(state, action) {
         selectedItemIndex: canFocusViewMore ? undefined : listSize
       });
     } else {
-      return _objectSpread(_objectSpread({}, state), {}, {
-        focusOnSearch: false,
-        focusOnViewMore: false,
-        focusedItemIndex: 0,
-        selectedItemIndex: 0
-      });
+      if (fg('platform_editor_is_disabled_state_element_browser')) {
+        var _action$payload$step;
+        var _newIndex = action.payload.positions ? action.payload.positions - ((_action$payload$step = action.payload.step) !== null && _action$payload$step !== void 0 ? _action$payload$step : 1) : 0;
+        var _safeIndex = ensureSafeIndex(_newIndex, state.listSize);
+        var isLastItemFocused = _newIndex > listSize;
+        var focusOnSearch = isLastItemFocused && !canFocusViewMore;
+        var focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          focusOnSearch: focusOnSearch,
+          focusOnViewMore: focusOnViewMore,
+          focusedItemIndex: _safeIndex,
+          selectedItemIndex: _safeIndex
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          focusOnSearch: false,
+          focusOnViewMore: false,
+          focusedItemIndex: 0,
+          selectedItemIndex: 0
+        });
+      }
     }
   }
   if (state.focusOnViewMore) {
@@ -113,17 +128,17 @@ var moveReducer = function moveReducer(state, action) {
     //  row then newIndex will be greater than listSize when
     //  down arrow key is pressed.
     // Or when last item is focused and down or right arrow key is pressed.
-    var isLastItemFocused = newIndex > listSize;
-    var focusOnSearch = isLastItemFocused && !canFocusViewMore;
-    var focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
+    var _isLastItemFocused = newIndex > listSize;
+    var _focusOnSearch = _isLastItemFocused && !canFocusViewMore;
+    var _focusOnViewMore = _isLastItemFocused && !!canFocusViewMore;
     // if search is focused, then select first item.
     // otherwise if view more is focused then select item should be undefined.
-    var selectedItemIndex = focusOnSearch ? 0 : focusOnViewMore ? undefined : safeIndex;
+    var selectedItemIndex = _focusOnSearch ? 0 : _focusOnViewMore ? undefined : safeIndex;
     return _objectSpread(_objectSpread({}, state), {}, {
-      focusOnSearch: focusOnSearch,
-      focusOnViewMore: focusOnViewMore,
+      focusOnSearch: _focusOnSearch,
+      focusOnViewMore: _focusOnViewMore,
       selectedItemIndex: selectedItemIndex,
-      focusedItemIndex: isLastItemFocused ? undefined : safeIndex
+      focusedItemIndex: _isLastItemFocused ? undefined : safeIndex
     });
   }
 
@@ -166,7 +181,40 @@ var getInitialState = function getInitialState(listSize, canFocusViewMore) {
     });
   };
 };
-function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, isFocusSearch) {
+
+// Get the offset forwards - skip items that are disabled
+var skipForwardOffsetToSafeItem = function skipForwardOffsetToSafeItem(currentIndex, listSize, stepSize, itemIsDisabled) {
+  if (currentIndex === undefined) {
+    return undefined;
+  }
+  // Iterate through the list starting from the next item
+  for (var offset = 1; currentIndex + offset * stepSize <= listSize; offset++) {
+    if (!itemIsDisabled(currentIndex + offset * stepSize)) {
+      return offset * stepSize;
+    }
+  }
+
+  // Move to the last place if possible
+  return listSize - currentIndex + 1;
+};
+
+// Get the offset backwards - skip items that are disabled
+var skipBackwardOffsetToSafeItem = function skipBackwardOffsetToSafeItem(currentIndex, stepSize, itemIsDisabled) {
+  if (currentIndex === undefined) {
+    return undefined;
+  }
+
+  // Iterate backwards starting from the previous item
+  for (var offset = 1; currentIndex - offset * stepSize >= -1; offset++) {
+    if (!itemIsDisabled(currentIndex - offset * stepSize) || currentIndex - offset * stepSize === -1) {
+      return offset * stepSize;
+    }
+  }
+
+  // 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)),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
@@ -266,15 +314,49 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, is
         e.stopPropagation();
         return setFocusOnSearch();
       case 'ArrowRight':
-        return move(e, +1);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipForwardOffsetToS;
+            var itemIndex = focusOnSearch ? -1 : selectedItemIndex;
+            var nextItem = (_skipForwardOffsetToS = skipForwardOffsetToSafeItem(itemIndex, listSize, 1, itemIsDisabled)) !== null && _skipForwardOffsetToS !== void 0 ? _skipForwardOffsetToS : 1;
+            return move(e, nextItem);
+          } else {
+            return move(e, +1);
+          }
+        }
       case 'ArrowLeft':
-        return move(e, -1);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipBackwardOffsetTo;
+            var _nextItem = (_skipBackwardOffsetTo = skipBackwardOffsetToSafeItem(selectedItemIndex, 1, itemIsDisabled)) !== null && _skipBackwardOffsetTo !== void 0 ? _skipBackwardOffsetTo : 1;
+            return move(e, -_nextItem);
+          } else {
+            return move(e, -1);
+          }
+        }
       case 'ArrowDown':
-        return move(e, +step);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipForwardOffsetToS2;
+            var _itemIndex = focusOnSearch ? -step : selectedItemIndex;
+            var _nextItem2 = (_skipForwardOffsetToS2 = skipForwardOffsetToSafeItem(_itemIndex, listSize, step, itemIsDisabled)) !== null && _skipForwardOffsetToS2 !== void 0 ? _skipForwardOffsetToS2 : step;
+            return move(e, +_nextItem2, step);
+          } else {
+            return move(e, +step);
+          }
+        }
       case 'ArrowUp':
-        return move(e, -step, step);
+        {
+          if (fg('platform_editor_is_disabled_state_element_browser')) {
+            var _skipBackwardOffsetTo2;
+            var _nextItem3 = (_skipBackwardOffsetTo2 = skipBackwardOffsetToSafeItem(selectedItemIndex, step, itemIsDisabled)) !== null && _skipBackwardOffsetTo2 !== void 0 ? _skipBackwardOffsetTo2 : step;
+            return move(e, Math.min(-_nextItem3, -step), step);
+          } else {
+            return move(e, -step, step);
+          }
+        }
     }
-  }, [focusOnSearch, setFocusOnSearch, move, step]);
+  }, [focusOnSearch, setFocusOnSearch, move, selectedItemIndex, itemIsDisabled, listSize, step]);
   useEffect(function () {
     // To reset selection when user filters
     reset(listSize);

package/dist/esm/insert/index.js

@@ -302,6 +302,24 @@ export function contentAllowedInCodeBlock(state) {
   return isAllowedChild;
 }
 
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export function fragmentContainsNodeType(fragment, nodeType) {
+  var doesContainNodeType = false;
+  fragment.descendants(function (node) {
+    if (node.type === nodeType) {
+      doesContainNodeType = true;
+      // Stop looking
+      return false;
+    }
+    return true;
+  });
+  return doesContainNodeType;
+}
+
 // For platform_editor_element_level_templates experiment only
 // clean up ticket ED-24873
 var insertTemplateFragment = function insertTemplateFragment(_ref3) {

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 = "96.1.0";
+var packageVersion = "96.1.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/preset/core-plugin/index.js

@@ -1,4 +1,4 @@
-import { processRawFragmentValue, processRawValue } from '../../../src/utils/processRawValue';
+import { processRawFragmentValue, processRawValue } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
 import { scheduleDocumentRequest } from './requestDocument';
 

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "96.1.0";
+var packageVersion = "96.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

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

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

@@ -30,3 +30,9 @@ export declare const shouldSplitSelectedNodeOnNodeInsertion: ({ parentNodeType,
  * as we extract their text content.
  */
 export declare function contentAllowedInCodeBlock(state: EditorState): boolean;
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export declare function fragmentContainsNodeType(fragment: Fragment, nodeType: NodeType): boolean;

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

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

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

@@ -30,3 +30,9 @@ export declare const shouldSplitSelectedNodeOnNodeInsertion: ({ parentNodeType,
  * as we extract their text content.
  */
 export declare function contentAllowedInCodeBlock(state: EditorState): boolean;
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export declare function fragmentContainsNodeType(fragment: Fragment, nodeType: NodeType): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "96.1.0",
+	"version": "96.1.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -152,8 +152,8 @@
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
-		"@atlaskit/textfield": "^6.6.0",
-		"@atlaskit/tmp-editor-statsig": "^2.22.0",
+		"@atlaskit/textfield": "^6.7.0",
+		"@atlaskit/tmp-editor-statsig": "^2.23.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -261,6 +261,9 @@
 		"platform_editor_react18_extension_component_v2": {
 			"type": "boolean"
 		},
+		"platform_editor_is_disabled_state_element_browser": {
+			"type": "boolean"
+		},
 		"platform-datasources-enable-two-way-sync": {
 			"type": "boolean"
 		},