@atlaskit/editor-plugin-toolbar-lists-indentation 1.6.3 → 1.7.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-toolbar-lists-indentation
 
+## 1.7.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.7.0
+
+### Minor Changes
+
+- [#120426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120426)
+  [`1cb3869ab1a96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1cb3869ab1a96) -
+  [ED-23436] Use editor primary toolbar plugin to structure the primary toolbar
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.6.3
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -21,31 +21,39 @@ var toolbarListsIndentationPlugin = exports.toolbarListsIndentationPlugin = func
     _ref2$allowHeadingAnd = _ref2.allowHeadingAndParagraphIndentation,
     allowHeadingAndParagraphIndentation = _ref2$allowHeadingAnd === void 0 ? false : _ref2$allowHeadingAnd;
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var primaryToolbarComponent = function primaryToolbarComponent(_ref3) {
+    var editorView = _ref3.editorView,
+      popupsMountPoint = _ref3.popupsMountPoint,
+      popupsBoundariesElement = _ref3.popupsBoundariesElement,
+      popupsScrollableElement = _ref3.popupsScrollableElement,
+      toolbarSize = _ref3.toolbarSize,
+      disabled = _ref3.disabled,
+      isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
+    var isSmall = toolbarSize < _types.ToolbarSize.L;
+    return /*#__PURE__*/_react.default.createElement(PrimaryToolbarComponent, {
+      featureFlags: featureFlags,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      isSmall: isSmall,
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      disabled: disabled,
+      editorView: editorView,
+      showIndentationButtons: showIndentationButtons,
+      pluginInjectionApi: api,
+      allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
+    });
+  };
   return {
     name: 'toolbarListsIndentation',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
-      var editorView = _ref3.editorView,
-        popupsMountPoint = _ref3.popupsMountPoint,
-        popupsBoundariesElement = _ref3.popupsBoundariesElement,
-        popupsScrollableElement = _ref3.popupsScrollableElement,
-        toolbarSize = _ref3.toolbarSize,
-        disabled = _ref3.disabled,
-        isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
-      var isSmall = toolbarSize < _types.ToolbarSize.L;
-      return /*#__PURE__*/_react.default.createElement(PrimaryToolbarComponent, {
-        featureFlags: featureFlags,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        isSmall: isSmall,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        disabled: disabled,
-        editorView: editorView,
-        showIndentationButtons: showIndentationButtons,
-        pluginInjectionApi: api,
-        allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
-      });
-    }
+    usePluginHook: function usePluginHook() {
+      var _api$core, _api$primaryToolbar;
+      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
+        name: 'toolbarListsIndentation',
+        component: primaryToolbarComponent
+      }));
+    },
+    primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };
 function PrimaryToolbarComponent(_ref4) {

package/dist/cjs/ui/Toolbar.js

@@ -34,7 +34,8 @@ function Toolbar(props) {
     showIndentationButtons = props.showIndentationButtons,
     indentDisabled = props.indentDisabled,
     outdentDisabled = props.outdentDisabled,
-    onItemActivated = props.onItemActivated;
+    onItemActivated = props.onItemActivated,
+    pluginInjectionApi = props.pluginInjectionApi;
   var labelUnorderedList = formatMessage(_messages.listMessages.unorderedList);
   var labelOrderedList = formatMessage(_messages.listMessages.orderedList);
   var labelListsFormat = formatMessage(_messages.listMessages.listsFormat);
@@ -133,7 +134,9 @@ function Toolbar(props) {
         description: indentMessage,
         keymap: _keymaps.indent
       })
-    })), (0, _react2.jsx)("span", {
+    })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", {
       css: _styles.separatorStyles
     }))
   );

package/dist/cjs/ui/ToolbarDropdown.js

@@ -30,7 +30,8 @@ function ToolbarDropdown(props) {
     popupsMountPoint = props.popupsMountPoint,
     popupsBoundariesElement = props.popupsBoundariesElement,
     popupsScrollableElement = props.popupsScrollableElement,
-    onItemActivated = props.onItemActivated;
+    onItemActivated = props.onItemActivated,
+    pluginInjectionApi = props.pluginInjectionApi;
   var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isDropdownOpen = _React$useState2[0],
@@ -108,7 +109,9 @@ function ToolbarDropdown(props) {
       }, (0, _react2.jsx)(_chevronDown.default, {
         label: ""
       })))
-    })), (0, _react2.jsx)("span", {
+    })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", {
       css: _styles.separatorStyles
     }))
   );

package/dist/cjs/ui/index.js

@@ -44,7 +44,8 @@ function ToolbarListsIndentation(props) {
       outdentDisabled: outdentDisabled,
       disabled: disabled,
       onItemActivated: (0, _onItemActivated.onItemActivated)(pluginInjectionApi, indentationStateNode),
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      pluginInjectionApi: pluginInjectionApi
     });
   }
   return (0, _react.jsx)(_Toolbar.Toolbar, {
@@ -59,6 +60,7 @@ function ToolbarListsIndentation(props) {
     outdentDisabled: outdentDisabled,
     disabled: disabled,
     onItemActivated: (0, _onItemActivated.onItemActivated)(pluginInjectionApi, indentationStateNode),
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    pluginInjectionApi: pluginInjectionApi
   });
 }

package/dist/es2019/plugin.js

@@ -13,32 +13,40 @@ export const toolbarListsIndentationPlugin = ({
     allowHeadingAndParagraphIndentation = false
   } = config !== null && config !== void 0 ? config : {};
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  const primaryToolbarComponent = ({
+    editorView,
+    popupsMountPoint,
+    popupsBoundariesElement,
+    popupsScrollableElement,
+    toolbarSize,
+    disabled,
+    isToolbarReducedSpacing
+  }) => {
+    const isSmall = toolbarSize < ToolbarSize.L;
+    return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
+      featureFlags: featureFlags,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      isSmall: isSmall,
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      disabled: disabled,
+      editorView: editorView,
+      showIndentationButtons: showIndentationButtons,
+      pluginInjectionApi: api,
+      allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
+    });
+  };
   return {
     name: 'toolbarListsIndentation',
-    primaryToolbarComponent({
-      editorView,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      toolbarSize,
-      disabled,
-      isToolbarReducedSpacing
-    }) {
-      const isSmall = toolbarSize < ToolbarSize.L;
-      return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
-        featureFlags: featureFlags,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        isSmall: isSmall,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        disabled: disabled,
-        editorView: editorView,
-        showIndentationButtons: showIndentationButtons,
-        pluginInjectionApi: api,
-        allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
-      });
-    }
+    usePluginHook: () => {
+      var _api$core, _api$primaryToolbar;
+      api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
+        name: 'toolbarListsIndentation',
+        component: primaryToolbarComponent
+      }));
+    },
+    primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };
 export function PrimaryToolbarComponent({

package/dist/es2019/ui/Toolbar.js

@@ -28,7 +28,8 @@ export function Toolbar(props) {
     showIndentationButtons,
     indentDisabled,
     outdentDisabled,
-    onItemActivated
+    onItemActivated,
+    pluginInjectionApi
   } = props;
   const labelUnorderedList = formatMessage(messages.unorderedList);
   const labelOrderedList = formatMessage(messages.orderedList);
@@ -124,7 +125,9 @@ export function Toolbar(props) {
         description: indentMessage,
         keymap: toggleIndentKeymap
       })
-    })), jsx("span", {
+    })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("span", {
       css: separatorStyles
     }))
   );

package/dist/es2019/ui/ToolbarDropdown.js

@@ -23,7 +23,8 @@ export function ToolbarDropdown(props) {
     popupsMountPoint,
     popupsBoundariesElement,
     popupsScrollableElement,
-    onItemActivated
+    onItemActivated,
+    pluginInjectionApi
   } = props;
   const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
   const [isOpenedByKeyboard, setOpenedByKeyboard] = React.useState(false);
@@ -96,7 +97,9 @@ export function ToolbarDropdown(props) {
       }, jsx(ExpandIcon, {
         label: ""
       })))
-    })), jsx("span", {
+    })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("span", {
       css: separatorStyles
     }))
   );

package/dist/es2019/ui/index.js

@@ -39,7 +39,8 @@ export default function ToolbarListsIndentation(props) {
       outdentDisabled: outdentDisabled,
       disabled: disabled,
       onItemActivated: onItemActivated(pluginInjectionApi, indentationStateNode),
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      pluginInjectionApi: pluginInjectionApi
     });
   }
   return jsx(Toolbar, {
@@ -54,6 +55,7 @@ export default function ToolbarListsIndentation(props) {
     outdentDisabled: outdentDisabled,
     disabled: disabled,
     onItemActivated: onItemActivated(pluginInjectionApi, indentationStateNode),
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    pluginInjectionApi: pluginInjectionApi
   });
 }

package/dist/esm/plugin.js

@@ -13,31 +13,39 @@ export var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugi
     _ref2$allowHeadingAnd = _ref2.allowHeadingAndParagraphIndentation,
     allowHeadingAndParagraphIndentation = _ref2$allowHeadingAnd === void 0 ? false : _ref2$allowHeadingAnd;
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var primaryToolbarComponent = function primaryToolbarComponent(_ref3) {
+    var editorView = _ref3.editorView,
+      popupsMountPoint = _ref3.popupsMountPoint,
+      popupsBoundariesElement = _ref3.popupsBoundariesElement,
+      popupsScrollableElement = _ref3.popupsScrollableElement,
+      toolbarSize = _ref3.toolbarSize,
+      disabled = _ref3.disabled,
+      isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
+    var isSmall = toolbarSize < ToolbarSize.L;
+    return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
+      featureFlags: featureFlags,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      isSmall: isSmall,
+      isToolbarReducedSpacing: isToolbarReducedSpacing,
+      disabled: disabled,
+      editorView: editorView,
+      showIndentationButtons: showIndentationButtons,
+      pluginInjectionApi: api,
+      allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
+    });
+  };
   return {
     name: 'toolbarListsIndentation',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
-      var editorView = _ref3.editorView,
-        popupsMountPoint = _ref3.popupsMountPoint,
-        popupsBoundariesElement = _ref3.popupsBoundariesElement,
-        popupsScrollableElement = _ref3.popupsScrollableElement,
-        toolbarSize = _ref3.toolbarSize,
-        disabled = _ref3.disabled,
-        isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
-      var isSmall = toolbarSize < ToolbarSize.L;
-      return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
-        featureFlags: featureFlags,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        isSmall: isSmall,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        disabled: disabled,
-        editorView: editorView,
-        showIndentationButtons: showIndentationButtons,
-        pluginInjectionApi: api,
-        allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
-      });
-    }
+    usePluginHook: function usePluginHook() {
+      var _api$core, _api$primaryToolbar;
+      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
+        name: 'toolbarListsIndentation',
+        component: primaryToolbarComponent
+      }));
+    },
+    primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };
 export function PrimaryToolbarComponent(_ref4) {

package/dist/esm/ui/Toolbar.js

@@ -26,7 +26,8 @@ export function Toolbar(props) {
     showIndentationButtons = props.showIndentationButtons,
     indentDisabled = props.indentDisabled,
     outdentDisabled = props.outdentDisabled,
-    onItemActivated = props.onItemActivated;
+    onItemActivated = props.onItemActivated,
+    pluginInjectionApi = props.pluginInjectionApi;
   var labelUnorderedList = formatMessage(messages.unorderedList);
   var labelOrderedList = formatMessage(messages.orderedList);
   var labelListsFormat = formatMessage(messages.listsFormat);
@@ -125,7 +126,9 @@ export function Toolbar(props) {
         description: indentMessage,
         keymap: toggleIndentKeymap
       })
-    })), jsx("span", {
+    })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("span", {
       css: separatorStyles
     }))
   );

package/dist/esm/ui/ToolbarDropdown.js

@@ -22,7 +22,8 @@ export function ToolbarDropdown(props) {
     popupsMountPoint = props.popupsMountPoint,
     popupsBoundariesElement = props.popupsBoundariesElement,
     popupsScrollableElement = props.popupsScrollableElement,
-    onItemActivated = props.onItemActivated;
+    onItemActivated = props.onItemActivated,
+    pluginInjectionApi = props.pluginInjectionApi;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isDropdownOpen = _React$useState2[0],
@@ -100,7 +101,9 @@ export function ToolbarDropdown(props) {
       }, jsx(ExpandIcon, {
         label: ""
       })))
-    })), jsx("span", {
+    })), !(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("span", {
       css: separatorStyles
     }))
   );

package/dist/esm/ui/index.js

@@ -37,7 +37,8 @@ export default function ToolbarListsIndentation(props) {
       outdentDisabled: outdentDisabled,
       disabled: disabled,
       onItemActivated: onItemActivated(pluginInjectionApi, indentationStateNode),
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      pluginInjectionApi: pluginInjectionApi
     });
   }
   return jsx(Toolbar, {
@@ -52,6 +53,7 @@ export default function ToolbarListsIndentation(props) {
     outdentDisabled: outdentDisabled,
     disabled: disabled,
     onItemActivated: onItemActivated(pluginInjectionApi, indentationStateNode),
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    pluginInjectionApi: pluginInjectionApi
   });
 }

package/dist/types/plugin.d.ts

@@ -4,6 +4,7 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { IndentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import type { ListPlugin } from '@atlaskit/editor-plugin-list';
+import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 type Config = {
     showIndentationButtons: boolean;
@@ -16,7 +17,8 @@ export type ToolbarListsIndentationPlugin = NextEditorPlugin<'toolbarListsIndent
         ListPlugin,
         OptionalPlugin<IndentationPlugin>,
         OptionalPlugin<TasksAndDecisionsPlugin>,
-        OptionalPlugin<AnalyticsPlugin>
+        OptionalPlugin<AnalyticsPlugin>,
+        OptionalPlugin<PrimaryToolbarPlugin>
     ];
 }>;
 export declare const toolbarListsIndentationPlugin: ToolbarListsIndentationPlugin;

package/dist/types/types.d.ts

@@ -1,5 +1,6 @@
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ToolbarListsIndentationPlugin } from './plugin';
 import type { onItemActivated } from './ui/onItemActivated';
 export type ButtonName = 'bullet_list' | 'ordered_list' | 'indent' | 'outdent';
 export interface ToolbarProps {
@@ -17,4 +18,5 @@ export interface ToolbarProps {
     indentDisabled?: boolean;
     outdentDisabled?: boolean;
     onItemActivated: ReturnType<typeof onItemActivated>;
+    pluginInjectionApi?: ExtractInjectionAPI<ToolbarListsIndentationPlugin> | undefined;
 }

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

@@ -4,6 +4,7 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { IndentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import type { ListPlugin } from '@atlaskit/editor-plugin-list';
+import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 type Config = {
     showIndentationButtons: boolean;
@@ -16,7 +17,8 @@ export type ToolbarListsIndentationPlugin = NextEditorPlugin<'toolbarListsIndent
         ListPlugin,
         OptionalPlugin<IndentationPlugin>,
         OptionalPlugin<TasksAndDecisionsPlugin>,
-        OptionalPlugin<AnalyticsPlugin>
+        OptionalPlugin<AnalyticsPlugin>,
+        OptionalPlugin<PrimaryToolbarPlugin>
     ];
 }>;
 export declare const toolbarListsIndentationPlugin: ToolbarListsIndentationPlugin;

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

@@ -1,5 +1,6 @@
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ToolbarListsIndentationPlugin } from './plugin';
 import type { onItemActivated } from './ui/onItemActivated';
 export type ButtonName = 'bullet_list' | 'ordered_list' | 'indent' | 'outdent';
 export interface ToolbarProps {
@@ -17,4 +18,5 @@ export interface ToolbarProps {
     indentDisabled?: boolean;
     outdentDisabled?: boolean;
     onItemActivated: ReturnType<typeof onItemActivated>;
+    pluginInjectionApi?: ExtractInjectionAPI<ToolbarListsIndentationPlugin> | undefined;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar-lists-indentation",
-	"version": "1.6.3",
+	"version": "1.7.1",
 	"description": "Toolbar lists and indentation plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,12 +33,13 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^85.0.0",
+		"@atlaskit/editor-common": "^86.0.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-block-type": "^3.8.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.1.0",
 		"@atlaskit/editor-plugin-indentation": "^1.4.0",
 		"@atlaskit/editor-plugin-list": "^3.5.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^1.2.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",