@atlaskit/editor-plugin-block-type 4.0.13 → 4.1.0

package/dist/cjs/pm-plugins/ui/ToolbarBlockType/styled.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperSmallStyle = exports.keyboardShortcutSelect = exports.keyboardShortcut = exports.expandIconWrapperStyle = exports.blockTypeMenuItemStyle = void 0;
+exports.wrapperSmallStyle = exports.keyboardShortcutSelect = exports.keyboardShortcut = exports.floatingToolbarWrapperStyle = exports.expandIconWrapperStyle = exports.blockTypeMenuItemStyle = void 0;
 var _react = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
@@ -26,6 +26,12 @@ var blockTypeMenuItemStyle = exports.blockTypeMenuItemStyle = function blockType
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
         'h1, h2, h3, h4, h5, h6': {
           marginTop: 0
+        },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+        blockquote: {
+          paddingTop: 0,
+          paddingBottom: 0,
+          marginTop: 0
         }
       }
     },
@@ -54,4 +60,12 @@ var wrapperSmallStyle = exports.wrapperSmallStyle = (0, _react.css)({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)({
   marginLeft: "var(--ds-space-negative-100, -8px)"
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var floatingToolbarWrapperStyle = exports.floatingToolbarWrapperStyle = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  "[data-role='droplistContent']": {
+    maxHeight: '90vh'
+  }
 });

package/dist/cjs/pm-plugins/utils.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.areBlockTypesDisabled = areBlockTypesDisabled;
-exports.isNodeAWrappingBlockNode = exports.createWrappingTextBlockRule = exports.createJoinNodesRule = void 0;
+exports.isNodeAWrappingBlockNode = exports.hasBlockQuoteInOptions = exports.createWrappingTextBlockRule = exports.createJoinNodesRule = exports.checkFormattingIsPresent = void 0;
+var _mark = require("@atlaskit/editor-common/mark");
 var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -31,7 +32,10 @@ var createWrappingTextBlockRule = exports.createWrappingTextBlockRule = function
   var match = _ref.match,
     nodeType = _ref.nodeType,
     getAttrs = _ref.getAttrs;
-  var handler = function handler(state, match, start, end) {
+  var handler = function handler(state, match, start, end
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  ) {
     var fixedStart = Math.max(start, 1);
     var $start = state.doc.resolve(fixedStart);
     var attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
@@ -85,21 +89,71 @@ function areBlockTypesDisabled(state) {
   var nodesTypes = getSelectedWrapperNodes(state);
   var _state$schema$nodes2 = state.schema.nodes,
     panel = _state$schema$nodes2.panel,
-    blockquote = _state$schema$nodes2.blockquote;
+    blockquote = _state$schema$nodes2.blockquote,
+    bulletList = _state$schema$nodes2.bulletList,
+    orderedList = _state$schema$nodes2.orderedList;
   if ((0, _experiments.editorExperiment)('platform_editor_blockquote_in_text_formatting_menu', true)) {
     var hasQuote = false;
+    var hasNestedListInQuote = false;
     var _state$selection2 = state.selection,
       $from = _state$selection2.$from,
       $to = _state$selection2.$to;
     state.doc.nodesBetween($from.pos, $to.pos, function (node) {
-      hasQuote = node.type === blockquote;
-      return !hasQuote;
+      if (node.type === blockquote) {
+        hasQuote = true;
+        node.descendants(function (child) {
+          if (child.type === bulletList || child.type === orderedList) {
+            hasNestedListInQuote = true;
+            return false;
+          }
+          return true;
+        });
+      }
+      return !hasNestedListInQuote;
     });
     return nodesTypes.filter(function (type) {
       return type !== panel;
-    }).length > 0 || hasQuote;
+    }).length > 0 && (!hasQuote || hasNestedListInQuote);
   }
   return nodesTypes.filter(function (type) {
     return type !== panel;
   }).length > 0;
-}
+}
+var blockStylingIsPresent = function blockStylingIsPresent(state) {
+  var _state$selection3 = state.selection,
+    from = _state$selection3.from,
+    to = _state$selection3.to;
+  var isBlockStyling = false;
+  state.doc.nodesBetween(from, to, function (node) {
+    if (_blockTypes.FORMATTING_NODE_TYPES.indexOf(node.type.name) !== -1) {
+      isBlockStyling = true;
+      return false;
+    }
+    return true;
+  });
+  return isBlockStyling;
+};
+var marksArePresent = function marksArePresent(state) {
+  var activeMarkTypes = _blockTypes.FORMATTING_MARK_TYPES.filter(function (mark) {
+    if (!!state.schema.marks[mark]) {
+      var _state$selection4 = state.selection,
+        $from = _state$selection4.$from,
+        empty = _state$selection4.empty;
+      var marks = state.schema.marks;
+      if (empty) {
+        return !!marks[mark].isInSet(state.storedMarks || $from.marks());
+      }
+      return (0, _mark.anyMarkActive)(state, marks[mark]);
+    }
+    return false;
+  });
+  return activeMarkTypes.length > 0;
+};
+var checkFormattingIsPresent = exports.checkFormattingIsPresent = function checkFormattingIsPresent(state) {
+  return marksArePresent(state) || blockStylingIsPresent(state);
+};
+var hasBlockQuoteInOptions = exports.hasBlockQuoteInOptions = function hasBlockQuoteInOptions(dropdownOptions) {
+  return !!dropdownOptions.find(function (blockType) {
+    return blockType.name === 'blockquote';
+  });
+};

package/dist/es2019/blockTypePlugin.js

@@ -7,7 +7,7 @@ import { IconHeading, IconQuote } from '@atlaskit/editor-common/quick-insert';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { setBlockTypeWithAnalytics, insertBlockQuoteWithAnalytics, insertBlockQuoteWithAnalyticsCommand } from './pm-plugins/commands/block-type';
+import { setBlockTypeWithAnalytics, insertBlockQuoteWithAnalytics, insertBlockQuoteWithAnalyticsCommand, clearFormatting } from './pm-plugins/commands/block-type';
 import inputRulePlugin from './pm-plugins/input-rule';
 import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin, pluginKey } from './pm-plugins/main';
@@ -181,6 +181,9 @@ const blockTypePlugin = ({
       insertBlockQuote(inputMethod) {
         var _api$analytics5;
         return insertBlockQuoteWithAnalyticsCommand(inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
+      },
+      clearFormatting() {
+        return clearFormatting();
       }
     },
     getSharedState(editorState) {

package/dist/es2019/pm-plugins/block-types.js

@@ -70,6 +70,8 @@ export const OTHER = {
   nodeName: ''
 };
 export const TEXT_BLOCK_TYPES = [NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
+export const FORMATTING_NODE_TYPES = ['heading', 'blockquote'];
+export const FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup', 'backgroundColor'];
 export const WRAPPER_BLOCK_TYPES = [BLOCK_QUOTE, CODE_BLOCK, PANEL];
 export const ALL_BLOCK_TYPES = TEXT_BLOCK_TYPES.concat(WRAPPER_BLOCK_TYPES);
 export const getBlockTypesInDropdown = includeBlockQuoteAsTextstyleOption => {

package/dist/es2019/pm-plugins/commands/block-type.js

@@ -4,6 +4,7 @@ import { filterChildrenBetween, wrapSelectionIn } from '@atlaskit/editor-common/
 import { Slice, Fragment } from '@atlaskit/editor-prosemirror/model';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { HEADINGS_BY_NAME, NORMAL_TEXT } from '../block-types';
+import { FORMATTING_NODE_TYPES, FORMATTING_MARK_TYPES, cellSelectionNodesBetween, formatTypes, clearNodeFormattingOnSelection } from './clear-formatting';
 import { wrapSelectionInBlockType } from './wrapSelectionIn';
 export function setBlockType(name) {
   return ({
@@ -63,6 +64,9 @@ export function setHeading(level, fromBlockQuote) {
     return tr;
   };
 }
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
 export function setBlockTypeWithAnalytics(name, inputMethod, editorAnalyticsApi, fromBlockQuote) {
   return ({
     tr
@@ -114,6 +118,54 @@ export function setNormalText(fromBlockQuote) {
     return tr;
   };
 }
+export function clearFormatting() {
+  return function ({
+    tr
+  }) {
+    const formattingCleared = [];
+    const schema = tr.doc.type.schema;
+    FORMATTING_MARK_TYPES.forEach(mark => {
+      const {
+        from,
+        to
+      } = tr.selection;
+      const markType = schema.marks[mark];
+      if (!markType) {
+        return;
+      }
+      if (tr.selection instanceof CellSelection) {
+        cellSelectionNodesBetween(tr.selection, tr.doc, (node, pos) => {
+          const isTableCell = node.type === schema.nodes.tableCell || node.type === schema.nodes.tableHeader;
+          if (!isTableCell) {
+            return true;
+          }
+          if (tr.doc.rangeHasMark(pos, pos + node.nodeSize, markType)) {
+            formattingCleared.push(formatTypes[mark]);
+            tr.removeMark(pos, pos + node.nodeSize, markType);
+          }
+          return false;
+        });
+      } else if (tr.doc.rangeHasMark(from, to, markType)) {
+        formattingCleared.push(formatTypes[mark]);
+        tr.removeMark(from, to, markType);
+      }
+    });
+    FORMATTING_NODE_TYPES.forEach(nodeName => {
+      const formattedNodeType = schema.nodes[nodeName];
+      const {
+        $from,
+        $to
+      } = tr.selection;
+      if (tr.selection instanceof CellSelection) {
+        cellSelectionNodesBetween(tr.selection, tr.doc, clearNodeFormattingOnSelection(schema, tr, formattedNodeType, nodeName, formattingCleared));
+      } else {
+        tr.doc.nodesBetween($from.pos, $to.pos, clearNodeFormattingOnSelection(schema, tr, formattedNodeType, nodeName, formattingCleared));
+      }
+    });
+    tr.setStoredMarks([]);
+    return tr;
+  };
+}
 function withCurrentHeadingLevel(fn) {
   return ({
     tr
@@ -129,7 +181,7 @@ function withCurrentHeadingLevel(fn) {
 
     // Check each paragraph and/or heading and check for consistent level
     let level;
-    for (let node of nodes) {
+    for (const node of nodes) {
       const nodeLevel = node.node.type === heading ? node.node.attrs.level : 0;
       if (!level) {
         level = nodeLevel;
@@ -164,7 +216,10 @@ export function setNormalTextWithAnalytics(inputMethod, editorAnalyticsApi, from
     });
   });
 }
-export const setHeadingWithAnalytics = (newHeadingLevel, inputMethod, editorAnalyticsApi, fromBlockQuote) => {
+export const setHeadingWithAnalytics = (newHeadingLevel, inputMethod, editorAnalyticsApi, fromBlockQuote
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   return withCurrentHeadingLevel(previousHeadingLevel => ({
     tr
   }) => {

package/dist/es2019/pm-plugins/commands/clear-formatting.js

@@ -0,0 +1,50 @@
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { liftTarget } from '@atlaskit/editor-prosemirror/transform';
+// Functions duplicated from platform/packages/editor/editor-plugin-text-formatting/src/editor-commands/clear-formatting.ts
+// TODO: Refactor to avoid duplication if platform_editor_blockquote_in_text_formatting_menu experiment is productionalised
+export const FORMATTING_NODE_TYPES = ['heading', 'blockquote'];
+export const FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup', 'backgroundColor'];
+export const formatTypes = {
+  em: ACTION_SUBJECT_ID.FORMAT_ITALIC,
+  code: ACTION_SUBJECT_ID.FORMAT_CODE,
+  strike: ACTION_SUBJECT_ID.FORMAT_STRIKE,
+  strong: ACTION_SUBJECT_ID.FORMAT_STRONG,
+  underline: ACTION_SUBJECT_ID.FORMAT_UNDERLINE,
+  textColor: ACTION_SUBJECT_ID.FORMAT_COLOR,
+  subsup: 'subsup',
+  backgroundColor: ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR
+};
+export const cellSelectionNodesBetween = (selection, doc, f, startPos
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
+  selection.forEachCell((cell, cellPos) => {
+    doc.nodesBetween(cellPos, cellPos + cell.nodeSize, f, startPos);
+  });
+};
+
+// eslint-disable-next-line @typescript-eslint/max-params
+export function clearNodeFormattingOnSelection(schema, tr, formattedNodeType, nodeName, formattingCleared) {
+  return function (node, pos) {
+    if (node.type === formattedNodeType) {
+      if (formattedNodeType.isTextblock) {
+        tr.setNodeMarkup(pos, schema.nodes.paragraph);
+        formattingCleared.push(nodeName);
+        return false;
+      } else {
+        // In case of panel or blockquote
+        const fromPos = tr.doc.resolve(pos + 1);
+        const toPos = tr.doc.resolve(pos + node.nodeSize - 1);
+        const nodeRange = fromPos.blockRange(toPos);
+        if (nodeRange) {
+          const targetLiftDepth = liftTarget(nodeRange);
+          if (targetLiftDepth || targetLiftDepth === 0) {
+            formattingCleared.push(nodeName);
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            tr.lift(nodeRange, targetLiftDepth);
+          }
+        }
+      }
+    }
+    return true;
+  };
+}

package/dist/es2019/pm-plugins/input-rule.js

@@ -12,12 +12,16 @@ function getHeadingLevel(match) {
 }
 function headingRule(nodeType, maxLevel) {
   return createWrappingTextBlockRule({
+    // Ignored via go/ees005
+    // eslint-disable-next-line require-unicode-regexp
     match: new RegExp('^(#{1,' + maxLevel + '})\\s$'),
     nodeType,
     getAttrs: getHeadingLevel
   });
 }
 function blockQuoteRule(nodeType) {
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
   return createJoinNodesRule(/^\s*>\s$/, nodeType);
 }
 
@@ -30,7 +34,13 @@ function blockQuoteRule(nodeType) {
 function getHeadingRules(editorAnalyticsAPI, schema) {
   // '# ' for h1, '## ' for h2 and etc
   const hashRule = headingRule(schema.nodes.heading, MAX_HEADING_LEVEL);
-  const leftNodeReplacementHashRule = createRule(new RegExp(`${leafNodeReplacementCharacter}(#{1,6})\\s$`), (state, match, start, end) => {
+  const leftNodeReplacementHashRule = createRule(
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
+  new RegExp(`${leafNodeReplacementCharacter}(#{1,6})\\s$`),
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  (state, match, start, end) => {
     const level = match[1].length;
     return insertBlock(state, schema.nodes.heading, start, end, {
       level
@@ -60,7 +70,13 @@ function getHeadingRules(editorAnalyticsAPI, schema) {
 function getBlockQuoteRules(editorAnalyticsAPI, schema) {
   // '> ' for blockquote
   const greatherThanRule = blockQuoteRule(schema.nodes.blockquote);
-  const leftNodeReplacementGreatherRule = createRule(new RegExp(`${leafNodeReplacementCharacter}\\s*>\\s$`), (state, _match, start, end) => {
+  const leftNodeReplacementGreatherRule = createRule(
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
+  new RegExp(`${leafNodeReplacementCharacter}\\s*>\\s$`),
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  (state, _match, start, end) => {
     return insertBlock(state, schema.nodes.blockquote, start, end);
   });
 

package/dist/es2019/pm-plugins/keymap.js

@@ -3,6 +3,8 @@ import { backspace, bindKeymapWithCommand, deleteKey, findKeyMapForBrowser, find
 import { createNewParagraphAbove, createNewParagraphBelow, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics } from '@atlaskit/editor-common/utils';
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { redo, undo } from '@atlaskit/editor-prosemirror/history';
+// Ignored via go/ees005
+// eslint-disable-next-line import/no-namespace
 import * as blockTypes from './block-types';
 import { cleanUpAtTheStartOfDocument, insertBlockQuoteWithAnalytics } from './commands/block-type';
 import { deleteAndMoveCursor } from './commands/delete-and-move-cursor';
@@ -12,16 +14,37 @@ const backspaceCommand = chainCommands(cleanUpAtTheStartOfDocument, deleteBlockC
 const del = chainCommands(deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), deleteBlockContent(isNodeAWrappingBlockNode), deleteAndMoveCursor);
 export default function keymapPlugin(editorAnalyticsApi, schema, _featureFlags) {
   const list = {};
-  bindKeymapWithCommand(insertNewLine.common, insertNewLineWithAnalytics(editorAnalyticsApi), list);
+  bindKeymapWithCommand(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  insertNewLine.common, insertNewLineWithAnalytics(editorAnalyticsApi), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(moveUp.common, createNewParagraphAbove, list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(moveDown.common, createNewParagraphBelow, list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(findKeyMapForBrowser(redoKeymap), redo, list);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(undoKeymap.common, undo, list);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(backspace.common, backspaceCommand, list);
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(deleteKey.common, del, list);
   bindKeymapWithCommand(forwardDelete.mac, del, list);
   if (schema.nodes[blockTypes.BLOCK_QUOTE.nodeName]) {
-    bindKeymapWithCommand(findShortcutByKeymap(toggleBlockQuote), insertBlockQuoteWithAnalytics(INPUT_METHOD.KEYBOARD, editorAnalyticsApi), list);
+    bindKeymapWithCommand(
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    findShortcutByKeymap(toggleBlockQuote), insertBlockQuoteWithAnalytics(INPUT_METHOD.KEYBOARD, editorAnalyticsApi), list);
   }
   return keymap(list);
 }

package/dist/es2019/pm-plugins/main.js

@@ -6,7 +6,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { BLOCK_QUOTE, CODE_BLOCK, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, HEADINGS_BY_LEVEL, NORMAL_TEXT, OTHER, PANEL, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, getBlockTypesInDropdown } from './block-types';
 import { setHeadingWithAnalytics, setNormalTextWithAnalytics } from './commands/block-type';
 import { HEADING_KEYS } from './consts';
-import { areBlockTypesDisabled } from './utils';
+import { areBlockTypesDisabled, checkFormattingIsPresent, hasBlockQuoteInOptions } from './utils';
 const blockTypeForNode = (node, schema) => {
   if (node.type === schema.nodes.heading) {
     const maybeNode = HEADINGS_BY_LEVEL[node.attrs['level']];
@@ -70,7 +70,10 @@ const autoformatHeading = (headingLevel, editorAnalyticsApi) => {
   return setHeadingWithAnalytics(headingLevel, INPUT_METHOD.FORMATTING, editorAnalyticsApi);
 };
 export const pluginKey = new PluginKey('blockTypePlugin');
-export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, includeBlockQuoteAsTextstyleOption) => {
+export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, includeBlockQuoteAsTextstyleOption
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) => {
   var _editorAPI$analytics;
   const editorAnalyticsApi = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions;
   let altKeyLocation = 0;
@@ -93,21 +96,26 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
         const availableWrapperBlockTypes = WRAPPER_BLOCK_TYPES.filter(blockType => isBlockTypeSchemaSupported(blockType, state));
         const BLOCK_TYPES_IN_DROPDOWN = getBlockTypesInDropdown(includeBlockQuoteAsTextstyleOption);
         const availableBlockTypesInDropdown = BLOCK_TYPES_IN_DROPDOWN.filter(blockType => isBlockTypeSchemaSupported(blockType, state));
+        const formattingIsPresent = hasBlockQuoteInOptions(availableBlockTypesInDropdown) ? checkFormattingIsPresent(state) : undefined;
         return {
           currentBlockType: detectBlockType(availableBlockTypesInDropdown, state),
           blockTypesDisabled: areBlockTypesDisabled(state),
           availableBlockTypes,
           availableWrapperBlockTypes,
-          availableBlockTypesInDropdown
+          availableBlockTypesInDropdown,
+          formattingIsPresent
         };
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       apply(_tr, oldPluginState, _oldState, newState) {
         const newPluginState = {
           ...oldPluginState,
           currentBlockType: detectBlockType(oldPluginState.availableBlockTypesInDropdown, newState),
-          blockTypesDisabled: areBlockTypesDisabled(newState)
+          blockTypesDisabled: areBlockTypesDisabled(newState),
+          formattingIsPresent: hasBlockQuoteInOptions(oldPluginState.availableBlockTypesInDropdown) ? checkFormattingIsPresent(newState) : undefined
         };
-        if (newPluginState.currentBlockType !== oldPluginState.currentBlockType || newPluginState.blockTypesDisabled !== oldPluginState.blockTypesDisabled) {
+        if (newPluginState.currentBlockType !== oldPluginState.currentBlockType || newPluginState.blockTypesDisabled !== oldPluginState.blockTypesDisabled || newPluginState.formattingIsPresent !== oldPluginState.formattingIsPresent) {
           dispatch(pluginKey, newPluginState);
         }
         return newPluginState;
@@ -141,6 +149,8 @@ export const createPlugin = (editorAPI, dispatch, lastNodeMustBeParagraph, inclu
         }
         return false;
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop(view, event, slice, moved) {
         return handleBlockQuoteDND(view, event, slice);
       }

package/dist/es2019/pm-plugins/ui/FloatingToolbarComponent.js

@@ -22,13 +22,21 @@ export function FloatingToolbarComponent({
     var _api$core2, _api$blockType2, _api$blockType2$comma;
     return api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockType2 = api.blockType) === null || _api$blockType2 === void 0 ? void 0 : (_api$blockType2$comma = _api$blockType2.commands) === null || _api$blockType2$comma === void 0 ? void 0 : _api$blockType2$comma.insertBlockQuote(INPUT_METHOD.TOOLBAR));
   }, [api]);
+  const clearFormatting = useCallback(() => {
+    var _api$core3, _api$blockType3, _api$blockType3$comma;
+    return api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockType3 = api.blockType) === null || _api$blockType3 === void 0 ? void 0 : (_api$blockType3$comma = _api$blockType3.commands) === null || _api$blockType3$comma === void 0 ? void 0 : _api$blockType3$comma.clearFormatting());
+  }, [api]);
   return /*#__PURE__*/React.createElement(ToolbarBlockType, {
     isSmall: FloatingToolbarSettings.isSmall,
     isDisabled: FloatingToolbarSettings.disabled,
     isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
-    setTextLevel: boundSetBlockType,
+    setTextLevel: boundSetBlockType
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     pluginState: blockTypeState,
     wrapBlockQuote: wrapBlockQuote,
+    clearFormatting: clearFormatting,
     shouldUseDefaultRole: FloatingToolbarSettings.shouldUseDefaultRole,
     api: api
   });

package/dist/es2019/pm-plugins/ui/PrimaryToolbarComponent.js

@@ -23,12 +23,20 @@ export function PrimaryToolbarComponent({
     var _api$core2, _api$blockType2, _api$blockType2$comma;
     return api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockType2 = api.blockType) === null || _api$blockType2 === void 0 ? void 0 : (_api$blockType2$comma = _api$blockType2.commands) === null || _api$blockType2$comma === void 0 ? void 0 : _api$blockType2$comma.insertBlockQuote(INPUT_METHOD.TOOLBAR));
   };
+  const clearFormatting = () => {
+    var _api$core3, _api$blockType3, _api$blockType3$comma;
+    return api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockType3 = api.blockType) === null || _api$blockType3 === void 0 ? void 0 : (_api$blockType3$comma = _api$blockType3.commands) === null || _api$blockType3$comma === void 0 ? void 0 : _api$blockType3$comma.clearFormatting());
+  };
   return /*#__PURE__*/React.createElement(ToolbarBlockType, {
     isSmall: isSmall,
     isDisabled: disabled,
     isReducedSpacing: isToolbarReducedSpacing,
     setTextLevel: boundSetBlockType,
     wrapBlockQuote: wrapBlockQuote,
+    clearFormatting: clearFormatting
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     pluginState: blockTypeState,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,

package/dist/es2019/pm-plugins/ui/ToolbarBlockType/blocktype-button.js

@@ -63,5 +63,8 @@ export const BlockTypeButton = props => {
     }))))
   }, !props.isSmall && jsx(Box, {
     xcss: [buttonContentStyle, props.isReducedSpacing && buttonContentReducedSpacingStyle]
-  }, jsx(FormattedMessage, props.title || NORMAL_TEXT.title)));
+  }, jsx(FormattedMessage
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , props.title || NORMAL_TEXT.title)));
 };