@atlaskit/editor-common 96.1.0 → 96.2.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-common
 
+## 96.2.0
+
+### Minor Changes
+
+- [#168049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168049)
+  [`f0b76d1c73ba0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f0b76d1c73ba0) -
+  [ux] Utilizing the new extension plugin's \_\_rendererExtensionOptions option to be able to render
+  renderer view of bodied extensions on toggle in editor
+
+## 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/extensibility/ExtensionComponent.js

@@ -49,6 +49,13 @@ var isEmptyBodiedMacro = function isEmptyBodiedMacro(node) {
   var isEmptyWithNoContent = !firstGrandChildNode && node.childCount === 1;
   return isEmptyWithPlacholder || isEmptyWithNoContent;
 };
+var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
+  var bodiedExtensionContent = [];
+  node.content.forEach(function (childNode) {
+    bodiedExtensionContent.push((0, _utils.nodeToJSON)(childNode));
+  });
+  return !!bodiedExtensionContent.length ? bodiedExtensionContent : node.attrs.text;
+};
 var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ExtensionComponentOld, _Component);
   var _super = _createSuper(ExtensionComponentOld);
@@ -134,7 +141,8 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
       var _pmNode$marks;
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
-        editorView = _this$props.editorView;
+        editorView = _this$props.editorView,
+        rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
       var showBodiedExtensionRendererView = _this.state.showBodiedExtensionRendererView; // State will only be true if the gate is on and meets requirements
       var _pmNode$attrs = pmNode.attrs,
         extensionType = _pmNode$attrs.extensionType,
@@ -148,22 +156,23 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
       var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.attrs) === null || _pmNode$marks === void 0 ? void 0 : _pmNode$marks.localId;
-      var nodeContent = [];
-      if (isBodiedExtension) {
-        var _pmNode$content;
-        pmNode === null || pmNode === void 0 || (_pmNode$content = pmNode.content) === null || _pmNode$content === void 0 || _pmNode$content.forEach(function (childNode) {
-          nodeContent.push(childNode);
-        });
-      }
+      var content = isBodiedExtension ? getBodiedExtensionContent(pmNode) : text;
       var node = {
         type: pmNode.type.name,
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: isBodiedExtension ? nodeContent.length ? nodeContent : text : text,
+        content: content,
         localId: pmNode.attrs.localId,
         fragmentLocalId: fragmentLocalId
       };
+      if (isBodiedExtension) {
+        var rendererExtensionHandler = rendererExtensionHandlers === null || rendererExtensionHandlers === void 0 ? void 0 : rendererExtensionHandlers[extensionType];
+        if (!rendererExtensionHandler) {
+          return null;
+        }
+        return (0, _utils.getExtensionRenderer)(rendererExtensionHandler)(node, (0, _utils.toJSON)(editorView.state.doc));
+      }
       var result;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         var render = (0, _utils.getExtensionRenderer)(extensionHandlers[extensionType]);
@@ -431,7 +440,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       var _this2$props = _this2.props,
         extensionHandlers = _this2$props.extensionHandlers,
         editorView = _this2$props.editorView,
-        showBodiedExtensionRendererView = _this2$props.showBodiedExtensionRendererView;
+        showBodiedExtensionRendererView = _this2$props.showBodiedExtensionRendererView,
+        rendererExtensionHandlers = _this2$props.rendererExtensionHandlers;
       var _pmNode$attrs2 = pmNode.attrs,
         extensionType = _pmNode$attrs2.extensionType,
         extensionKey = _pmNode$attrs2.extensionKey,
@@ -444,22 +454,23 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks2 = pmNode.marks) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.attrs) === null || _pmNode$marks2 === void 0 ? void 0 : _pmNode$marks2.localId;
-      var nodeContent = [];
-      if (isBodiedExtension) {
-        var _pmNode$content2;
-        pmNode === null || pmNode === void 0 || (_pmNode$content2 = pmNode.content) === null || _pmNode$content2 === void 0 || _pmNode$content2.forEach(function (childNode) {
-          nodeContent.push(childNode);
-        });
-      }
+      var content = isBodiedExtension ? getBodiedExtensionContent(pmNode) : text;
       var node = {
         type: pmNode.type.name,
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: isBodiedExtension ? nodeContent.length ? nodeContent : text : text,
+        content: content,
         localId: pmNode.attrs.localId,
         fragmentLocalId: fragmentLocalId
       };
+      if (isBodiedExtension) {
+        var rendererExtensionHandler = rendererExtensionHandlers === null || rendererExtensionHandlers === void 0 ? void 0 : rendererExtensionHandlers[extensionType];
+        if (!rendererExtensionHandler) {
+          return null;
+        }
+        return (0, _utils.getExtensionRenderer)(rendererExtensionHandler)(node, (0, _utils.toJSON)(editorView.state.doc));
+      }
       var result;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         var render = (0, _utils.getExtensionRenderer)(extensionHandlers[extensionType]);

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.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/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.2.0";
 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();