@atlaskit/editor-plugin-insert-block 11.0.7 → 11.2.0

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 11.2.0
+
+### Minor Changes
+
+- [`ef22af532ebfd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef22af532ebfd) -
+  EDITOR-6558: Introduce a reusable Markdown Mode editor plugin and two consumer-supplied
+  insert-filter hooks.
+
+  ### `@atlassian/editor-plugin-markdown-mode` (new package — major)
+
+  A reusable editor plugin that owns the full Markdown Mode lifecycle: ProseMirror plugin state for
+  the active view, a 3-button view toggle (`MarkdownModeViewToggleBase`), a CodeMirror 6 source view
+  (`MarkdownSourceView`), ADF↔markdown conversion (`adfToMarkdown` / `markdownToAdf`), and the
+  snapshot/writeback orchestration (`MarkdownModeContentComponent`). The plugin is product-agnostic
+  — Confluence wraps it for the `cc-markdown-mode` experiment, but any consumer can adopt it.
+
+  The package also exports two allowlists used by the new insert-filter hooks below:
+  - `MARKDOWN_COMPATIBLE_QUICK_INSERT_ITEM_IDS` + `isMarkdownCompatibleQuickInsertItem` — items
+    whose underlying node has a clean GFM round-trip via `@atlassian/mdast-util-from-pm`.
+  - `MARKDOWN_COMPATIBLE_TOOLBAR_ITEM_NAMES` + `isMarkdownCompatibleToolbarItem` — same idea for the
+    main toolbar's `+` insert block.
+
+  ### `@atlaskit/editor-plugin-quick-insert` (minor)
+
+  Added an optional `itemFilter?: (item: QuickInsertItem) => boolean` to `QuickInsertOptions`. When
+  set, the filter is applied in both `getQuickInsertSuggestions` (the typeahead path) and the
+  `getSuggestions` action path before items are categorised or returned. Composes additively with
+  any caller-supplied filter via `&&`. No behavioural change for callers that don't set it.
+
+  ### `@atlaskit/editor-plugin-insert-block` (minor)
+
+  Added an optional `itemFilter?: (item: { value: { name: string } }) => boolean` to
+  `InsertBlockPluginOptions`. The filter is applied to the items list inside `createItems` before
+  it's split into toolbar buttons / overflow dropdown entries, so item counts stay correct
+  downstream. Wired through both legacy (`ToolbarInsertBlock`) and new (`useInsertButtonState`)
+  toolbar code paths. No behavioural change for callers that don't set it.
+
+  ### `@atlaskit/editor-common` (patch)
+
+  `UseSharedPluginStateWithSelector`-friendly types are unchanged; the only public change is a new
+  optional field on `QuickInsertOptions` and a corresponding plumbing field on the internal
+  `QuickInsertSearchOptions`.
+
+  ### `@atlassian/mdast-util-from-pm` (patch)
+
+  Added `undoEdgeWhitespaceEncoding()` post-processor that replaces the leading/trailing-edge entity
+  escapes ` ` and `	` produced by the upstream encoder with literal space and tab
+  characters. This is a readability + round-trip identity fix that benefits all consumers, not just
+  Markdown Mode.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.1.0
+
+### Minor Changes
+
+- [`d1bd1354e626f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d1bd1354e626f) -
+  Remove A/A for Create with Rovo via Slash Command experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.7
 
 ### Patch Changes

package/dist/cjs/insertBlockPlugin.js

@@ -357,6 +357,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
     insertMenuItems: options.insertMenuItems,
+    itemFilter: options.itemFilter,
     editorActions: editorActions,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     showElementBrowserLink: options.showElementBrowserLink,

package/dist/cjs/ui/ElementBrowser/InsertMenu.js

@@ -36,8 +36,6 @@ var DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 560;
  * This newer implementation matches how the quick insert menu sorts elements.
  */
 var sortFeaturedItems = exports.sortFeaturedItems = function sortFeaturedItems(featuredItems, formatMessage) {
-  // temporary for A/A test
-  ['slot-two', 'slot-four'].includes((0, _expVal.expValNoExposure)('cc_fd_cwr_quick_insert_aa', 'cohort', 'control'));
   if (['new-description', 'orig-description'].includes((0, _expVal.expVal)('cc_fd_db_top_editor_toolbar', 'cohort', 'control')) || (0, _expVal.expValNoExposure)('cc_fd_wb_jira_quick_insert_experiment', 'isEnabled', false) || ['slot-two', 'slot-four'].includes((0, _expVal.expValNoExposure)('cc_fd_cwr_quick_insert', 'cohort', 'control'))) {
     // Sort by priority (lower first) on the concatenated list so items
     // with "priority" are at the top (e.g. Whiteboard before Database)

package/dist/cjs/ui/ToolbarInsertBlock/create-items.js

@@ -66,7 +66,8 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
     numberOfButtons = config.numberOfButtons,
     schema = config.schema,
     formatMessage = config.formatMessage,
-    isEditorOffline = config.isEditorOffline;
+    isEditorOffline = config.isEditorOffline,
+    itemFilter = config.itemFilter;
   var items = [];
   var isOffline = isEditorOffline === true;
   if (actionSupported) {
@@ -245,9 +246,14 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   if (insertMenuItems) {
     items.push.apply(items, (0, _toConsumableArray2.default)(insertMenuItems));
   }
+
+  // EDITOR-6558: apply consumer-supplied filter (e.g. Markdown Mode allowlist)
+  // before computing toolbar button / dropdown splits so item counts are
+  // correct downstream.
+  var filteredItems = itemFilter ? items.filter(itemFilter) : items;
   var numButtonsAdjusted = numberOfButtons;
   if ((0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes')) {
-    if (items.slice(0, numButtonsAdjusted).some(function (item) {
+    if (filteredItems.slice(0, numButtonsAdjusted).some(function (item) {
       return item.value.name === 'table selector';
     })) {
       numButtonsAdjusted++;
@@ -255,8 +261,8 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   } else {
     numButtonsAdjusted = tableSupported && tableSelectorSupported ? numberOfButtons + 1 : numberOfButtons;
   }
-  var buttonItems = items.slice(0, numButtonsAdjusted).map(buttonToItem);
-  var remainingItems = items.slice(numButtonsAdjusted).filter(function (_ref) {
+  var buttonItems = filteredItems.slice(0, numButtonsAdjusted).map(buttonToItem);
+  var remainingItems = filteredItems.slice(numButtonsAdjusted).filter(function (_ref) {
     var name = _ref.value.name;
     return name !== 'table selector';
   });

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

@@ -835,6 +835,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           emojiProvider: props.emojiProvider,
           availableWrapperBlockTypes: props.availableWrapperBlockTypes,
           insertMenuItems: props.insertMenuItems,
+          itemFilter: props.itemFilter,
           schema: props.editorView.state.schema,
           numberOfButtons: props.buttons,
           formatMessage: props.intl.formatMessage

package/dist/cjs/ui/toolbar-components/InsertButton.js

@@ -40,6 +40,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
     horizontalRuleEnabled = _ref.horizontalRuleEnabled,
     expandEnabled = _ref.expandEnabled,
     insertMenuItems = _ref.insertMenuItems,
+    itemFilter = _ref.itemFilter,
     numberOfButtons = _ref.numberOfButtons,
     onInsertBlockType = _ref.onInsertBlockType,
     toolbarConfig = _ref.toolbarConfig;
@@ -72,6 +73,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
       editorView: editorView || undefined,
       horizontalRuleEnabled: horizontalRuleEnabled,
       insertMenuItems: insertMenuItems,
+      itemFilter: itemFilter,
       nativeStatusSupported: nativeStatusSupported,
       numberOfButtons: numberOfButtons,
       tableSelectorSupported: tableSelectorSupported,

package/dist/cjs/ui/toolbar-components/hooks/useInsertButtonState.js

@@ -18,6 +18,7 @@ var useInsertButtonState = exports.useInsertButtonState = function useInsertButt
     editorView = _ref.editorView,
     horizontalRuleEnabled = _ref.horizontalRuleEnabled,
     insertMenuItems = _ref.insertMenuItems,
+    itemFilter = _ref.itemFilter,
     nativeStatusSupported = _ref.nativeStatusSupported,
     numberOfButtons = _ref.numberOfButtons,
     tableSelectorSupported = _ref.tableSelectorSupported,
@@ -80,6 +81,7 @@ var useInsertButtonState = exports.useInsertButtonState = function useInsertButt
       emojiProvider: emojiProvider,
       availableWrapperBlockTypes: availableWrapperBlockTypes,
       insertMenuItems: insertMenuItems,
+      itemFilter: itemFilter,
       schema: editorView === null || editorView === void 0 ? void 0 : editorView.state.schema,
       numberOfButtons: numberOfButtons || 0,
       formatMessage: formatMessage

package/dist/cjs/ui/toolbar-components.js

@@ -274,6 +274,7 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
           horizontalRuleEnabled: options.horizontalRuleEnabled,
           expandEnabled: options.allowExpand,
           insertMenuItems: options.insertMenuItems,
+          itemFilter: options.itemFilter,
           numberOfButtons: 0
         });
       };

package/dist/es2019/insertBlockPlugin.js

@@ -341,6 +341,7 @@ function ToolbarInsertBlockWithInjectionApi({
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
     insertMenuItems: options.insertMenuItems,
+    itemFilter: options.itemFilter,
     editorActions: editorActions,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     showElementBrowserLink: options.showElementBrowserLink,

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -26,8 +26,6 @@ export const DEFAULT_HEIGHT = 560;
  * This newer implementation matches how the quick insert menu sorts elements.
  */
 export const sortFeaturedItems = (featuredItems, formatMessage) => {
-  // temporary for A/A test
-  ['slot-two', 'slot-four'].includes(expValNoExposure('cc_fd_cwr_quick_insert_aa', 'cohort', 'control'));
   if (['new-description', 'orig-description'].includes(expVal('cc_fd_db_top_editor_toolbar', 'cohort', 'control')) || expValNoExposure('cc_fd_wb_jira_quick_insert_experiment', 'isEnabled', false) || ['slot-two', 'slot-four'].includes(expValNoExposure('cc_fd_cwr_quick_insert', 'cohort', 'control'))) {
     // Sort by priority (lower first) on the concatenated list so items
     // with "priority" are at the top (e.g. Whiteboard before Database)

package/dist/es2019/ui/ToolbarInsertBlock/create-items.js

@@ -52,7 +52,8 @@ const createInsertBlockItems = config => {
     numberOfButtons,
     schema,
     formatMessage,
-    isEditorOffline
+    isEditorOffline,
+    itemFilter
   } = config;
   const items = [];
   const isOffline = isEditorOffline === true;
@@ -226,16 +227,21 @@ const createInsertBlockItems = config => {
   if (insertMenuItems) {
     items.push(...insertMenuItems);
   }
+
+  // EDITOR-6558: apply consumer-supplied filter (e.g. Markdown Mode allowlist)
+  // before computing toolbar button / dropdown splits so item counts are
+  // correct downstream.
+  const filteredItems = itemFilter ? items.filter(itemFilter) : items;
   let numButtonsAdjusted = numberOfButtons;
   if (fg('platform_editor_toolbar_responsive_fixes')) {
-    if (items.slice(0, numButtonsAdjusted).some(item => item.value.name === 'table selector')) {
+    if (filteredItems.slice(0, numButtonsAdjusted).some(item => item.value.name === 'table selector')) {
       numButtonsAdjusted++;
     }
   } else {
     numButtonsAdjusted = tableSupported && tableSelectorSupported ? numberOfButtons + 1 : numberOfButtons;
   }
-  const buttonItems = items.slice(0, numButtonsAdjusted).map(buttonToItem);
-  const remainingItems = items.slice(numButtonsAdjusted).filter(({
+  const buttonItems = filteredItems.slice(0, numButtonsAdjusted).map(buttonToItem);
+  const remainingItems = filteredItems.slice(numButtonsAdjusted).filter(({
     value: {
       name
     }

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

@@ -588,6 +588,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
       emojiProvider: props.emojiProvider,
       availableWrapperBlockTypes: props.availableWrapperBlockTypes,
       insertMenuItems: props.insertMenuItems,
+      itemFilter: props.itemFilter,
       schema: props.editorView.state.schema,
       numberOfButtons: props.buttons,
       formatMessage: props.intl.formatMessage

package/dist/es2019/ui/toolbar-components/InsertButton.js

@@ -29,6 +29,7 @@ export const InsertButton = ({
   horizontalRuleEnabled,
   expandEnabled,
   insertMenuItems,
+  itemFilter,
   numberOfButtons,
   onInsertBlockType,
   toolbarConfig
@@ -66,6 +67,7 @@ export const InsertButton = ({
     editorView: editorView || undefined,
     horizontalRuleEnabled,
     insertMenuItems,
+    itemFilter,
     nativeStatusSupported,
     numberOfButtons,
     tableSelectorSupported,

package/dist/es2019/ui/toolbar-components/hooks/useInsertButtonState.js

@@ -10,6 +10,7 @@ export const useInsertButtonState = ({
   editorView,
   horizontalRuleEnabled,
   insertMenuItems,
+  itemFilter,
   nativeStatusSupported,
   numberOfButtons,
   tableSelectorSupported,
@@ -74,6 +75,7 @@ export const useInsertButtonState = ({
     emojiProvider,
     availableWrapperBlockTypes,
     insertMenuItems,
+    itemFilter,
     schema: editorView === null || editorView === void 0 ? void 0 : editorView.state.schema,
     numberOfButtons: numberOfButtons || 0,
     formatMessage

package/dist/es2019/ui/toolbar-components.js

@@ -250,6 +250,7 @@ export const getToolbarComponents = ({
         horizontalRuleEnabled: options.horizontalRuleEnabled,
         expandEnabled: options.allowExpand,
         insertMenuItems: options.insertMenuItems,
+        itemFilter: options.itemFilter,
         numberOfButtons: 0
       });
     };

package/dist/esm/insertBlockPlugin.js

@@ -347,6 +347,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
     insertMenuItems: options.insertMenuItems,
+    itemFilter: options.itemFilter,
     editorActions: editorActions,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     showElementBrowserLink: options.showElementBrowserLink,

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -33,8 +33,6 @@ export var DEFAULT_HEIGHT = 560;
  * This newer implementation matches how the quick insert menu sorts elements.
  */
 export var sortFeaturedItems = function sortFeaturedItems(featuredItems, formatMessage) {
-  // temporary for A/A test
-  ['slot-two', 'slot-four'].includes(expValNoExposure('cc_fd_cwr_quick_insert_aa', 'cohort', 'control'));
   if (['new-description', 'orig-description'].includes(expVal('cc_fd_db_top_editor_toolbar', 'cohort', 'control')) || expValNoExposure('cc_fd_wb_jira_quick_insert_experiment', 'isEnabled', false) || ['slot-two', 'slot-four'].includes(expValNoExposure('cc_fd_cwr_quick_insert', 'cohort', 'control'))) {
     // Sort by priority (lower first) on the concatenated list so items
     // with "priority" are at the top (e.g. Whiteboard before Database)

package/dist/esm/ui/ToolbarInsertBlock/create-items.js

@@ -59,7 +59,8 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
     numberOfButtons = config.numberOfButtons,
     schema = config.schema,
     formatMessage = config.formatMessage,
-    isEditorOffline = config.isEditorOffline;
+    isEditorOffline = config.isEditorOffline,
+    itemFilter = config.itemFilter;
   var items = [];
   var isOffline = isEditorOffline === true;
   if (actionSupported) {
@@ -238,9 +239,14 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   if (insertMenuItems) {
     items.push.apply(items, _toConsumableArray(insertMenuItems));
   }
+
+  // EDITOR-6558: apply consumer-supplied filter (e.g. Markdown Mode allowlist)
+  // before computing toolbar button / dropdown splits so item counts are
+  // correct downstream.
+  var filteredItems = itemFilter ? items.filter(itemFilter) : items;
   var numButtonsAdjusted = numberOfButtons;
   if (fg('platform_editor_toolbar_responsive_fixes')) {
-    if (items.slice(0, numButtonsAdjusted).some(function (item) {
+    if (filteredItems.slice(0, numButtonsAdjusted).some(function (item) {
       return item.value.name === 'table selector';
     })) {
       numButtonsAdjusted++;
@@ -248,8 +254,8 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   } else {
     numButtonsAdjusted = tableSupported && tableSelectorSupported ? numberOfButtons + 1 : numberOfButtons;
   }
-  var buttonItems = items.slice(0, numButtonsAdjusted).map(buttonToItem);
-  var remainingItems = items.slice(numButtonsAdjusted).filter(function (_ref) {
+  var buttonItems = filteredItems.slice(0, numButtonsAdjusted).map(buttonToItem);
+  var remainingItems = filteredItems.slice(numButtonsAdjusted).filter(function (_ref) {
     var name = _ref.value.name;
     return name !== 'table selector';
   });

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

@@ -829,6 +829,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           emojiProvider: props.emojiProvider,
           availableWrapperBlockTypes: props.availableWrapperBlockTypes,
           insertMenuItems: props.insertMenuItems,
+          itemFilter: props.itemFilter,
           schema: props.editorView.state.schema,
           numberOfButtons: props.buttons,
           formatMessage: props.intl.formatMessage

package/dist/esm/ui/toolbar-components/InsertButton.js

@@ -32,6 +32,7 @@ export var InsertButton = function InsertButton(_ref) {
     horizontalRuleEnabled = _ref.horizontalRuleEnabled,
     expandEnabled = _ref.expandEnabled,
     insertMenuItems = _ref.insertMenuItems,
+    itemFilter = _ref.itemFilter,
     numberOfButtons = _ref.numberOfButtons,
     onInsertBlockType = _ref.onInsertBlockType,
     toolbarConfig = _ref.toolbarConfig;
@@ -64,6 +65,7 @@ export var InsertButton = function InsertButton(_ref) {
       editorView: editorView || undefined,
       horizontalRuleEnabled: horizontalRuleEnabled,
       insertMenuItems: insertMenuItems,
+      itemFilter: itemFilter,
       nativeStatusSupported: nativeStatusSupported,
       numberOfButtons: numberOfButtons,
       tableSelectorSupported: tableSelectorSupported,

package/dist/esm/ui/toolbar-components/hooks/useInsertButtonState.js

@@ -11,6 +11,7 @@ export var useInsertButtonState = function useInsertButtonState(_ref) {
     editorView = _ref.editorView,
     horizontalRuleEnabled = _ref.horizontalRuleEnabled,
     insertMenuItems = _ref.insertMenuItems,
+    itemFilter = _ref.itemFilter,
     nativeStatusSupported = _ref.nativeStatusSupported,
     numberOfButtons = _ref.numberOfButtons,
     tableSelectorSupported = _ref.tableSelectorSupported,
@@ -73,6 +74,7 @@ export var useInsertButtonState = function useInsertButtonState(_ref) {
       emojiProvider: emojiProvider,
       availableWrapperBlockTypes: availableWrapperBlockTypes,
       insertMenuItems: insertMenuItems,
+      itemFilter: itemFilter,
       schema: editorView === null || editorView === void 0 ? void 0 : editorView.state.schema,
       numberOfButtons: numberOfButtons || 0,
       formatMessage: formatMessage

package/dist/esm/ui/toolbar-components.js

@@ -267,6 +267,7 @@ export var getToolbarComponents = function getToolbarComponents(_ref) {
           horizontalRuleEnabled: options.horizontalRuleEnabled,
           expandEnabled: options.allowExpand,
           insertMenuItems: options.insertMenuItems,
+          itemFilter: options.itemFilter,
           numberOfButtons: 0
         });
       };

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

@@ -66,6 +66,21 @@ export interface InsertBlockPluginOptions {
     appearance?: EditorAppearance;
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: any;
+    /**
+     * EDITOR-6558: Optional predicate for filtering insert-block items by
+     * `value.name` before they're rendered in the toolbar / dropdown /
+     * element browser. Items returning `false` are hidden.
+     *
+     * Used by Markdown Mode (gated by the `cc-markdown-mode` experiment in
+     * Confluence) to allowlist only items whose corresponding node/mark
+     * types have a clean GFM round-trip. Currently applied to the main
+     * toolbar insert surfaces (`ToolbarInsertBlock`, `useInsertButtonState`).
+     */
+    itemFilter?: (item: {
+        value: {
+            name: string;
+        };
+    }) => boolean;
     nativeStatusSupported?: boolean;
     /**
      * To hide the element browser "view more" button in the

package/dist/types/ui/ToolbarInsertBlock/create-items.d.ts

@@ -23,6 +23,8 @@ export interface CreateItemsConfig {
     isEditorOffline?: boolean;
     isNewMenuEnabled?: boolean;
     isTypeAheadAllowed?: boolean;
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     layoutSectionEnabled?: boolean;
     linkDisabled?: boolean;
     linkSupported?: boolean;

package/dist/types/ui/ToolbarInsertBlock/types.d.ts

@@ -30,6 +30,8 @@ export interface Props {
     isEditorOffline?: boolean;
     isReducedSpacing: boolean;
     isTypeAheadAllowed?: boolean;
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     layoutSectionEnabled?: boolean;
     linkDisabled?: boolean;
     linkSupported?: boolean;

package/dist/types/ui/toolbar-components/InsertButton.d.ts

@@ -11,6 +11,8 @@ type InsertButtonProps = {
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: MenuItem[];
     isFullPageAppearance?: boolean;
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     nativeStatusSupported?: boolean;
     numberOfButtons?: number;
     onInsertBlockType?: (name: string) => Command;
@@ -18,5 +20,5 @@ type InsertButtonProps = {
     tableSelectorSupported?: boolean;
     toolbarConfig?: ToolbarInsertBlockButtonsConfig;
 };
-export declare const InsertButton: ({ api, breakpoint, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, numberOfButtons, onInsertBlockType, toolbarConfig, }: InsertButtonProps) => React.JSX.Element | null;
+export declare const InsertButton: ({ api, breakpoint, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, itemFilter, numberOfButtons, onInsertBlockType, toolbarConfig, }: InsertButtonProps) => React.JSX.Element | null;
 export {};

package/dist/types/ui/toolbar-components/hooks/useInsertButtonState.d.ts

@@ -13,6 +13,8 @@ interface UseInsertButtonStateProps {
     expandEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: MenuItem[];
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     nativeStatusSupported?: boolean;
     numberOfButtons?: number;
     showElementBrowserLink?: boolean;
@@ -24,5 +26,5 @@ export interface InsertButtonState {
     emojiProvider?: EmojiProvider;
     isTypeAheadAllowed?: boolean;
 }
-export declare const useInsertButtonState: ({ api, breakpoint, editorView, horizontalRuleEnabled, insertMenuItems, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, toolbarConfig, }: UseInsertButtonStateProps) => InsertButtonState;
+export declare const useInsertButtonState: ({ api, breakpoint, editorView, horizontalRuleEnabled, insertMenuItems, itemFilter, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, toolbarConfig, }: UseInsertButtonStateProps) => InsertButtonState;
 export {};

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

@@ -66,6 +66,21 @@ export interface InsertBlockPluginOptions {
     appearance?: EditorAppearance;
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: any;
+    /**
+     * EDITOR-6558: Optional predicate for filtering insert-block items by
+     * `value.name` before they're rendered in the toolbar / dropdown /
+     * element browser. Items returning `false` are hidden.
+     *
+     * Used by Markdown Mode (gated by the `cc-markdown-mode` experiment in
+     * Confluence) to allowlist only items whose corresponding node/mark
+     * types have a clean GFM round-trip. Currently applied to the main
+     * toolbar insert surfaces (`ToolbarInsertBlock`, `useInsertButtonState`).
+     */
+    itemFilter?: (item: {
+        value: {
+            name: string;
+        };
+    }) => boolean;
     nativeStatusSupported?: boolean;
     /**
      * To hide the element browser "view more" button in the

package/dist/types-ts4.5/ui/ToolbarInsertBlock/create-items.d.ts

@@ -23,6 +23,8 @@ export interface CreateItemsConfig {
     isEditorOffline?: boolean;
     isNewMenuEnabled?: boolean;
     isTypeAheadAllowed?: boolean;
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     layoutSectionEnabled?: boolean;
     linkDisabled?: boolean;
     linkSupported?: boolean;

package/dist/types-ts4.5/ui/ToolbarInsertBlock/types.d.ts

@@ -30,6 +30,8 @@ export interface Props {
     isEditorOffline?: boolean;
     isReducedSpacing: boolean;
     isTypeAheadAllowed?: boolean;
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     layoutSectionEnabled?: boolean;
     linkDisabled?: boolean;
     linkSupported?: boolean;

package/dist/types-ts4.5/ui/toolbar-components/InsertButton.d.ts

@@ -11,6 +11,8 @@ type InsertButtonProps = {
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: MenuItem[];
     isFullPageAppearance?: boolean;
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     nativeStatusSupported?: boolean;
     numberOfButtons?: number;
     onInsertBlockType?: (name: string) => Command;
@@ -18,5 +20,5 @@ type InsertButtonProps = {
     tableSelectorSupported?: boolean;
     toolbarConfig?: ToolbarInsertBlockButtonsConfig;
 };
-export declare const InsertButton: ({ api, breakpoint, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, numberOfButtons, onInsertBlockType, toolbarConfig, }: InsertButtonProps) => React.JSX.Element | null;
+export declare const InsertButton: ({ api, breakpoint, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, itemFilter, numberOfButtons, onInsertBlockType, toolbarConfig, }: InsertButtonProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/toolbar-components/hooks/useInsertButtonState.d.ts

@@ -13,6 +13,8 @@ interface UseInsertButtonStateProps {
     expandEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: MenuItem[];
+    /** @see InsertBlockPluginOptions.itemFilter */
+    itemFilter?: (item: MenuItem) => boolean;
     nativeStatusSupported?: boolean;
     numberOfButtons?: number;
     showElementBrowserLink?: boolean;
@@ -24,5 +26,5 @@ export interface InsertButtonState {
     emojiProvider?: EmojiProvider;
     isTypeAheadAllowed?: boolean;
 }
-export declare const useInsertButtonState: ({ api, breakpoint, editorView, horizontalRuleEnabled, insertMenuItems, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, toolbarConfig, }: UseInsertButtonStateProps) => InsertButtonState;
+export declare const useInsertButtonState: ({ api, breakpoint, editorView, horizontalRuleEnabled, insertMenuItems, itemFilter, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, toolbarConfig, }: UseInsertButtonStateProps) => InsertButtonState;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "11.0.7",
+	"version": "11.2.0",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/editor-plugin-panel": "^12.0.0",
 		"@atlaskit/editor-plugin-placeholder-text": "^11.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^11.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^10.1.0",
+		"@atlaskit/editor-plugin-quick-insert": "^10.2.0",
 		"@atlaskit/editor-plugin-rule": "^10.0.0",
 		"@atlaskit/editor-plugin-status": "^11.0.0",
 		"@atlaskit/editor-plugin-table": "^22.2.0",
@@ -64,7 +64,7 @@
 		"@atlaskit/icon": "^34.3.0",
 		"@atlaskit/icon-lab": "^6.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^68.0.0",
+		"@atlaskit/tmp-editor-statsig": "^70.2.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -74,7 +74,7 @@
 		"react-virtualized": "^9.22.6"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.9.0",
+		"@atlaskit/editor-common": "^114.11.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"