@atlaskit/editor-plugin-insert-block 1.3.2 → 1.3.4

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

@@ -50,19 +50,23 @@ export var tableButtonWrapper = function tableButtonWrapper(_ref) {
   var isTableSelectorOpen = _ref.isTableSelectorOpen,
     isButtonDisabled = _ref.isButtonDisabled;
   return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation due to mixins
-    css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    ", "\n    ", "\n\n  .table-toolbar-btn {\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n      margin-right: ", ";\n      padding: ", ";\n      & > span {\n        min-width: 16px;\n        margin: ", ";\n      }\n    }\n    .table-selector-toolbar-btn {\n      padding: ", ";\n      & > span {\n        margin: ", ";\n        width: 16px !important;\n        display: flex;\n        justify-content: center;\n      }\n\n      border-top-left-radius: ", " !important;\n      border-bottom-left-radius: ", " !important;\n    }\n  "])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-space-025, 1px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)")
+    css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: flex;\n\t\t", "\n\t\t", "\n\n  .table-toolbar-btn {\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-right-radius: ", ";\n\t\t\tmargin-right: ", ";\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmin-width: 16px;\n\t\t\t\tmargin: ", ";\n\t\t\t}\n\t\t}\n\t\t.table-selector-toolbar-btn {\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmargin: ", ";\n\t\t\t\twidth: 16px !important;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tborder-top-left-radius: ", " !important;\n\t\t\tborder-bottom-left-radius: ", " !important;\n\t\t}\n\t"])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-space-025, 1px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)")
   );
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ToolbarInsertBlock, _React$PureComponent);
   var _super = _createSuper(ToolbarInsertBlock);
-  function ToolbarInsertBlock(props) {
+  function ToolbarInsertBlock() {
     var _this;
     _classCallCheck(this, ToolbarInsertBlock);
-    _this = _super.call(this, props);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "tableButtonRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "tableSelectorButtonRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "unregisterToggleDropdownMenuOptions", null);
     _defineProperty(_assertThisInitialized(_this), "state", {
       isPlusMenuOpen: false,
       emojiPickerOpen: false,
@@ -188,10 +192,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _this.toggleTableSelector(INPUT_METHOD.TOOLBAR);
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
+      _this.unregisterToggleDropdownMenuOptions = _this.props.registerToggleDropdownMenuOptions ? _this.props.registerToggleDropdownMenuOptions(_this.handleClick) : null;
+    });
     _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
-      if (_this.unresgisterToggleDropdownMenuOptions) {
-        _this.unresgisterToggleDropdownMenuOptions();
-      }
+      var _this$unregisterToggl, _this2;
+      (_this$unregisterToggl = (_this2 = _this).unregisterToggleDropdownMenuOptions) === null || _this$unregisterToggl === void 0 || _this$unregisterToggl.call(_this2);
     });
     _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
       _this.togglePlusMenuVisibility();
@@ -232,27 +238,35 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m2 = pluginInjectionApi.mention) === null || _pluginInjectionApi$m2 === void 0 || (_pluginInjectionApi$m2 = _pluginInjectionApi$m2.actions) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : _pluginInjectionApi$m2.openTypeAhead(inputMethod));
     });
     _defineProperty(_assertThisInitialized(_this), "insertTable", function (inputMethod) {
-      var _pluginInjectionApi$t, _pluginInjectionApi$t2, _pluginInjectionApi$t3, _pluginInjectionApi$t4;
       var _this$props2 = _this.props,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
         editorView = _this$props2.editorView;
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      return (_pluginInjectionApi$t = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t2 = pluginInjectionApi.table) === null || _pluginInjectionApi$t2 === void 0 || (_pluginInjectionApi$t3 = (_pluginInjectionApi$t4 = _pluginInjectionApi$t2.actions).insertTable) === null || _pluginInjectionApi$t3 === void 0 ? void 0 : _pluginInjectionApi$t3.call(_pluginInjectionApi$t4, {
-        action: ACTION.INSERTED,
-        actionSubject: ACTION_SUBJECT.DOCUMENT,
-        actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-        attributes: {
-          inputMethod: inputMethod
-        },
-        eventType: EVENT_TYPE.TRACK
-      })(state, dispatch)) !== null && _pluginInjectionApi$t !== void 0 ? _pluginInjectionApi$t : false;
+
+      // workaround to solve race condition where cursor is not placed correctly inside table
+      queueMicrotask(function () {
+        var _pluginInjectionApi$t, _pluginInjectionApi$t2, _pluginInjectionApi$t3;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t = pluginInjectionApi.table) === null || _pluginInjectionApi$t === void 0 || (_pluginInjectionApi$t2 = (_pluginInjectionApi$t3 = _pluginInjectionApi$t.actions).insertTable) === null || _pluginInjectionApi$t2 === void 0 || _pluginInjectionApi$t2.call(_pluginInjectionApi$t3, {
+          action: ACTION.INSERTED,
+          actionSubject: ACTION_SUBJECT.DOCUMENT,
+          actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+          attributes: {
+            inputMethod: inputMethod
+          },
+          eventType: EVENT_TYPE.TRACK
+        })(state, dispatch);
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
       return function () {
-        var _pluginInjectionApi$c3, _pluginInjectionApi$t5;
         var pluginInjectionApi = _this.props.pluginInjectionApi;
-        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t5 = pluginInjectionApi.table) === null || _pluginInjectionApi$t5 === void 0 ? void 0 : _pluginInjectionApi$t5.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
+
+        // workaround to solve race condition where cursor is not placed correctly inside table
+        queueMicrotask(function () {
+          var _pluginInjectionApi$c3, _pluginInjectionApi$t4;
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 || _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
+        });
       };
     });
     _defineProperty(_assertThisInitialized(_this), "createDate", function (inputMethod) {
@@ -308,14 +322,14 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "insertTaskDecision", function (name, inputMethod) {
       return function () {
-        var _pluginInjectionApi$t6, _pluginInjectionApi$t7;
+        var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
         var _this$props7 = _this.props,
           _this$props7$editorVi = _this$props7.editorView,
           state = _this$props7$editorVi.state,
           dispatch = _this$props7$editorVi.dispatch,
           pluginInjectionApi = _this$props7.pluginInjectionApi;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        return (_pluginInjectionApi$t6 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t7 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t7 === void 0 ? void 0 : _pluginInjectionApi$t7.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t6 !== void 0 ? _pluginInjectionApi$t6 : false;
+        return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
       };
     });
     _defineProperty(_assertThisInitialized(_this), "insertHorizontalRule", function (inputMethod) {
@@ -459,8 +473,6 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         inputMethod: INPUT_METHOD.INSERT_MENU
       });
     });
-    var registerToggleDropdownMenuOptions = props.registerToggleDropdownMenuOptions;
-    _this.unresgisterToggleDropdownMenuOptions = registerToggleDropdownMenuOptions ? registerToggleDropdownMenuOptions(_this.handleClick) : null;
     return _this;
   }
   _createClass(ToolbarInsertBlock, [{
@@ -493,7 +505,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "renderPopup",
     value: function renderPopup() {
-      var _this2 = this;
+      var _this3 = this;
       var emojiPickerOpen = this.state.emojiPickerOpen;
       var _this$props12 = this.props,
         popupsMountPoint = _this$props12.popupsMountPoint,
@@ -511,8 +523,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return null;
       }
       var onUnmount = function onUnmount() {
-        var _this2$props$pluginIn;
-        return (_this2$props$pluginIn = _this2.props.pluginInjectionApi) === null || _this2$props$pluginIn === void 0 || (_this2$props$pluginIn = _this2$props$pluginIn.core) === null || _this2$props$pluginIn === void 0 || (_this2$props$pluginIn = _this2$props$pluginIn.actions) === null || _this2$props$pluginIn === void 0 ? void 0 : _this2$props$pluginIn.focus();
+        var _this3$props$pluginIn;
+        return (_this3$props$pluginIn = _this3.props.pluginInjectionApi) === null || _this3$props$pluginIn === void 0 || (_this3$props$pluginIn = _this3$props$pluginIn.core) === null || _this3$props$pluginIn === void 0 || (_this3$props$pluginIn = _this3$props$pluginIn.actions) === null || _this3$props$pluginIn === void 0 ? void 0 : _this3$props$pluginIn.focus();
       };
       return jsx(Popup, {
         target: ref,
@@ -573,7 +585,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this,
+      var _this4 = this,
         _tableButton,
         _tableButton2,
         _tableButton3,
@@ -639,7 +651,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           return jsx(ToolbarButton, {
             item: btn,
             testId: String(btn.content),
-            ref: btn.value.name === 'emoji' ? _this3.handleEmojiButtonRef : noop,
+            ref: btn.value.name === 'emoji' ? _this4.handleEmojiButtonRef : noop,
             key: btn.value.name,
             spacing: isReducedSpacing ? 'none' : 'default',
             disabled: isDisabled || btn.isDisabled,
@@ -649,7 +661,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
             "aria-label": btn['aria-label'],
             "aria-haspopup": btn['aria-haspopup'],
             "aria-keyshortcuts": btn['aria-keyshortcuts'],
-            onItemClick: _this3.insertToolbarMenuItem
+            onItemClick: _this4.insertToolbarMenuItem
           });
         }), this.props.tableSelectorSupported && (isTableButtonVisible || isTableSizeVisible) && jsx("div", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -657,7 +669,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
             isTableSelectorOpen: isTableSelectorOpen,
             isButtonDisabled: (_tableButton = tableButton) === null || _tableButton === void 0 ? void 0 : _tableButton.isDisabled
           })
-        }, isTableButtonVisible && jsx(ToolbarButton, {
+        }, isTableButtonVisible && jsx(ToolbarButton
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: "table-toolbar-btn",
           item: tableButton,
           ref: this.tableButtonRef,
@@ -672,7 +686,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": tableButton ? tableButton['aria-haspopup'] : undefined,
           "aria-keyshortcuts": tableButton ? tableButton['aria-keyshortcuts'] : undefined,
           onItemClick: this.insertToolbarMenuItem
-        }), isTableButtonVisible && jsx(ToolbarButton, {
+        }), isTableButtonVisible && jsx(ToolbarButton
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
           className: "table-selector-toolbar-btn",
           item: tableSelectorButton,
           testId: String((_tableSelectorButton = tableSelectorButton) === null || _tableSelectorButton === void 0 ? void 0 : _tableSelectorButton.content),

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

@@ -16,9 +16,8 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private plusButtonRef?;
     private tableButtonRef;
     private tableSelectorButtonRef;
-    private unresgisterToggleDropdownMenuOptions;
+    private unregisterToggleDropdownMenuOptions;
     state: State;
-    constructor(props: Props & WrappedComponentProps & InternalActions);
     static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
     componentDidUpdate(prevProps: Props): void;
     private onOpenChange;
@@ -35,6 +34,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handleSelectedTableSize;
     private handleTableSelectorPressEscape;
     private handleTableSelectorClickOutside;
+    componentDidMount: () => void;
     componentWillUnmount: () => void;
     render(): jsx.JSX.Element | null;
     private handleClick;

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

@@ -16,9 +16,8 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private plusButtonRef?;
     private tableButtonRef;
     private tableSelectorButtonRef;
-    private unresgisterToggleDropdownMenuOptions;
+    private unregisterToggleDropdownMenuOptions;
     state: State;
-    constructor(props: Props & WrappedComponentProps & InternalActions);
     static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
     componentDidUpdate(prevProps: Props): void;
     private onOpenChange;
@@ -35,6 +34,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handleSelectedTableSize;
     private handleTableSelectorPressEscape;
     private handleTableSelectorClickOutside;
+    componentDidMount: () => void;
     componentWillUnmount: () => void;
     render(): jsx.JSX.Element | null;
     private handleClick;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-insert-block",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "Insert block plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^81.0.0",
+    "@atlaskit/editor-common": "^81.2.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
     "@atlaskit/editor-plugin-block-type": "^3.4.0",
     "@atlaskit/editor-plugin-code-block": "^1.3.0",
@@ -45,7 +45,7 @@
     "@atlaskit/editor-plugin-image-upload": "^1.1.0",
     "@atlaskit/editor-plugin-layout": "^1.2.0",
     "@atlaskit/editor-plugin-media": "^1.20.0",
-    "@atlaskit/editor-plugin-mentions": "^1.4.0",
+    "@atlaskit/editor-plugin-mentions": "^1.5.0",
     "@atlaskit/editor-plugin-panel": "^1.2.0",
     "@atlaskit/editor-plugin-placeholder-text": "^1.2.0",
     "@atlaskit/editor-plugin-quick-insert": "^1.1.0",
@@ -58,7 +58,7 @@
     "@atlaskit/editor-shared-styles": "^2.11.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/primitives": "^6.3.0",
+    "@atlaskit/primitives": "^6.4.0",
     "@atlaskit/theme": "^12.8.0",
     "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
@@ -77,7 +77,6 @@
     "@af/visual-regression": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",
     "typescript": "~5.4.2"
@@ -114,6 +113,5 @@
         "import-no-extraneous-disable-for-examples-and-docs"
       ]
     }
-  },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+  }
 }

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/editor-plugin-insert-block"
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ### Table of contents
@@ -41,29 +42,29 @@ import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 
 // @public (undocumented)
 interface InsertBlockOptions {
-  // (undocumented)
-  allowExpand?: boolean;
-  // (undocumented)
-  allowTables?: boolean;
-  // (undocumented)
-  horizontalRuleEnabled?: boolean;
-  // (undocumented)
-  insertMenuItems?: any;
-  // (undocumented)
-  nativeStatusSupported?: boolean;
-  // (undocumented)
-  replacePlusMenuWithElementBrowser?: boolean;
-  // (undocumented)
-  showElementBrowserLink?: boolean;
+	// (undocumented)
+	allowExpand?: boolean;
+	// (undocumented)
+	allowTables?: boolean;
+	// (undocumented)
+	horizontalRuleEnabled?: boolean;
+	// (undocumented)
+	insertMenuItems?: any;
+	// (undocumented)
+	nativeStatusSupported?: boolean;
+	// (undocumented)
+	replacePlusMenuWithElementBrowser?: boolean;
+	// (undocumented)
+	showElementBrowserLink?: boolean;
 }
 
 // @public (undocumented)
 export type InsertBlockPlugin = NextEditorPlugin<
-  'insertBlock',
-  {
-    pluginConfiguration: InsertBlockOptions | undefined;
-    dependencies: InsertBlockPluginDependencies;
-  }
+	'insertBlock',
+	{
+		pluginConfiguration: InsertBlockOptions | undefined;
+		dependencies: InsertBlockPluginDependencies;
+	}
 >;
 
 // @public (undocumented)
@@ -71,27 +72,27 @@ export const insertBlockPlugin: InsertBlockPlugin;
 
 // @public (undocumented)
 type InsertBlockPluginDependencies = [
-  OptionalPlugin<FeatureFlagsPlugin>,
-  TypeAheadPlugin,
-  OptionalPlugin<TablePlugin>,
-  OptionalPlugin<HyperlinkPlugin>,
-  OptionalPlugin<DatePlugin>,
-  OptionalPlugin<BlockTypePlugin>,
-  OptionalPlugin<AnalyticsPlugin>,
-  OptionalPlugin<ImageUploadPlugin>,
-  OptionalPlugin<EmojiPlugin>,
-  OptionalPlugin<QuickInsertPlugin>,
-  OptionalPlugin<RulePlugin>,
-  OptionalPlugin<CodeBlockPlugin>,
-  OptionalPlugin<PanelPlugin>,
-  OptionalPlugin<MediaPlugin>,
-  OptionalPlugin<MentionsPlugin>,
-  OptionalPlugin<StatusPlugin>,
-  OptionalPlugin<LayoutPlugin>,
-  OptionalPlugin<ExpandPlugin>,
-  OptionalPlugin<PlaceholderTextPlugin>,
-  OptionalPlugin<ExtensionPlugin>,
-  OptionalPlugin<TasksAndDecisionsPlugin>,
+	OptionalPlugin<FeatureFlagsPlugin>,
+	TypeAheadPlugin,
+	OptionalPlugin<TablePlugin>,
+	OptionalPlugin<HyperlinkPlugin>,
+	OptionalPlugin<DatePlugin>,
+	OptionalPlugin<BlockTypePlugin>,
+	OptionalPlugin<AnalyticsPlugin>,
+	OptionalPlugin<ImageUploadPlugin>,
+	OptionalPlugin<EmojiPlugin>,
+	OptionalPlugin<QuickInsertPlugin>,
+	OptionalPlugin<RulePlugin>,
+	OptionalPlugin<CodeBlockPlugin>,
+	OptionalPlugin<PanelPlugin>,
+	OptionalPlugin<MediaPlugin>,
+	OptionalPlugin<MentionsPlugin>,
+	OptionalPlugin<StatusPlugin>,
+	OptionalPlugin<LayoutPlugin>,
+	OptionalPlugin<ExpandPlugin>,
+	OptionalPlugin<PlaceholderTextPlugin>,
+	OptionalPlugin<ExtensionPlugin>,
+	OptionalPlugin<TasksAndDecisionsPlugin>,
 ];
 
 // (No @packageDocumentation comment for this package)
@@ -105,9 +106,9 @@ type InsertBlockPluginDependencies = [
 
 ```json
 {
-  "react": "^16.8.0",
-  "react-dom": "^16.8.0",
-  "react-intl-next": "npm:react-intl@^5.18.1"
+	"react": "^16.8.0",
+	"react-dom": "^16.8.0",
+	"react-intl-next": "npm:react-intl@^5.18.1"
 }
 ```