@atlaskit/editor-plugin-alignment 0.1.3 → 0.1.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-alignment
 
+## 0.1.4
+
+### Patch Changes
+
+- [#67814](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67814) [`b9ae9606c2e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9ae9606c2e0) - Migrate status and alignment plugins to use useSharedPluginState rather than WithPluginState
+
 ## 0.1.3
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -7,15 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultConfig = exports.alignmentPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
-var _commands = require("./commands");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
-var _ToolbarAlignment = _interopRequireDefault(require("./ui/ToolbarAlignment"));
+var _PrimaryToolbarComponent = require("./ui/PrimaryToolbarComponent");
 var defaultConfig = exports.defaultConfig = {
   align: 'start'
 };
-var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin() {
+var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {
+  var api = _ref.api;
   return {
     name: 'alignment',
     marks: function marks() {
@@ -24,11 +23,21 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin() {
         mark: _adfSchema.alignment
       }];
     },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      var pluginState = _main.pluginKey.getState(editorState);
+      return pluginState ? {
+        align: pluginState.align,
+        isEnabled: pluginState.isEnabled
+      } : undefined;
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'alignmentPlugin',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch;
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch;
           return (0, _main.createPlugin)(dispatch, defaultConfig);
         }
       }, {
@@ -38,31 +47,21 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin() {
         }
       }];
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        disabled = _ref2.disabled,
-        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
-      return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
-        plugins: {
-          align: _main.pluginKey
-        },
-        render: function render(_ref3) {
-          var align = _ref3.align;
-          return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
-            pluginState: align,
-            isReducedSpacing: isToolbarReducedSpacing,
-            changeAlignment: function changeAlignment(align) {
-              return (0, _commands.changeAlignment)(align)(editorView.state, editorView.dispatch);
-            },
-            disabled: disabled || !align.isEnabled,
-            popupsMountPoint: popupsMountPoint,
-            popupsBoundariesElement: popupsBoundariesElement,
-            popupsScrollableElement: popupsScrollableElement
-          });
-        }
+    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        popupsMountPoint = _ref3.popupsMountPoint,
+        popupsBoundariesElement = _ref3.popupsBoundariesElement,
+        popupsScrollableElement = _ref3.popupsScrollableElement,
+        disabled = _ref3.disabled,
+        isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
+      return /*#__PURE__*/_react.default.createElement(_PrimaryToolbarComponent.PrimaryToolbarComponent, {
+        api: api,
+        editorView: editorView,
+        disabled: disabled,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement,
+        isToolbarReducedSpacing: isToolbarReducedSpacing
       });
     }
   };

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _commands = require("../commands");
+var _ToolbarAlignment = _interopRequireDefault(require("./ToolbarAlignment"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function PrimaryToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    disabled = _ref.disabled,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
+    alignmentState = _useSharedPluginState.alignmentState;
+  var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
+    return (0, _commands.changeAlignment)(align)(editorView.state, editorView.dispatch);
+  }, [editorView]);
+  return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
+    pluginState: alignmentState,
+    isReducedSpacing: isToolbarReducedSpacing,
+    changeAlignment: changeAlignmentCallback,
+    disabled: disabled || !alignmentState.isEnabled,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement
+  });
+}

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

@@ -79,7 +79,8 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
   (0, _createClass2.default)(AlignmentToolbar, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _pluginState$align,
+        _this2 = this;
       var isOpen = this.state.isOpen;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
@@ -89,6 +90,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
         pluginState = _this$props.pluginState,
         disabled = _this$props.disabled,
         intl = _this$props.intl;
+      var alignment = (_pluginState$align = pluginState === null || pluginState === void 0 ? void 0 : pluginState.align) !== null && _pluginState$align !== void 0 ? _pluginState$align : 'start';
       var title = intl.formatMessage(_messages.messages.alignment);
       return (
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -130,7 +132,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
             (0, _react2.jsx)("div", {
               css: _styles2.triggerWrapper
             }, (0, _react2.jsx)(_iconMap.IconMap, {
-              alignment: pluginState.align
+              alignment: alignment
             }), (0, _react2.jsx)("span", {
               css: _styles2.expandIconWrapper
             }, (0, _react2.jsx)(_chevronDown.default, {
@@ -142,7 +144,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
           onClick: function onClick(align) {
             return _this2.changeAlignment(align, false);
           },
-          selectedAlignment: pluginState.align
+          selectedAlignment: alignment
         })), (0, _react2.jsx)("span", {
           css: _styles.separatorStyles
         }))

package/dist/es2019/plugin.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import { alignment } from '@atlaskit/adf-schema';
-import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
-import { changeAlignment } from './commands';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin, pluginKey } from './pm-plugins/main';
-import ToolbarAlignment from './ui/ToolbarAlignment';
+import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
 export const defaultConfig = {
   align: 'start'
 };
-export const alignmentPlugin = () => ({
+export const alignmentPlugin = ({
+  api
+}) => ({
   name: 'alignment',
   marks() {
     return [{
@@ -16,6 +16,16 @@ export const alignmentPlugin = () => ({
       mark: alignment
     }];
   },
+  getSharedState(editorState) {
+    if (!editorState) {
+      return undefined;
+    }
+    const pluginState = pluginKey.getState(editorState);
+    return pluginState ? {
+      align: pluginState.align,
+      isEnabled: pluginState.isEnabled
+    } : undefined;
+  },
   pmPlugins() {
     return [{
       name: 'alignmentPlugin',
@@ -35,23 +45,14 @@ export const alignmentPlugin = () => ({
     disabled,
     isToolbarReducedSpacing
   }) {
-    return /*#__PURE__*/React.createElement(WithPluginState, {
-      plugins: {
-        align: pluginKey
-      },
-      render: ({
-        align
-      }) => {
-        return /*#__PURE__*/React.createElement(ToolbarAlignment, {
-          pluginState: align,
-          isReducedSpacing: isToolbarReducedSpacing,
-          changeAlignment: align => changeAlignment(align)(editorView.state, editorView.dispatch),
-          disabled: disabled || !align.isEnabled,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement
-        });
-      }
+    return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
+      api: api,
+      editorView: editorView,
+      disabled: disabled,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      isToolbarReducedSpacing: isToolbarReducedSpacing
     });
   }
 });

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -0,0 +1,27 @@
+import React, { useCallback } from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { changeAlignment } from '../commands';
+import ToolbarAlignment from './ToolbarAlignment';
+export function PrimaryToolbarComponent({
+  api,
+  editorView,
+  disabled,
+  popupsMountPoint,
+  popupsBoundariesElement,
+  popupsScrollableElement,
+  isToolbarReducedSpacing
+}) {
+  const {
+    alignmentState
+  } = useSharedPluginState(api, ['alignment']);
+  const changeAlignmentCallback = useCallback(align => changeAlignment(align)(editorView.state, editorView.dispatch), [editorView]);
+  return /*#__PURE__*/React.createElement(ToolbarAlignment, {
+    pluginState: alignmentState,
+    isReducedSpacing: isToolbarReducedSpacing,
+    changeAlignment: changeAlignmentCallback,
+    disabled: disabled || !alignmentState.isEnabled,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement
+  });
+}

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

@@ -55,6 +55,7 @@ export class AlignmentToolbar extends React.Component {
     });
   }
   render() {
+    var _pluginState$align;
     const {
       isOpen
     } = this.state;
@@ -67,6 +68,7 @@ export class AlignmentToolbar extends React.Component {
       disabled,
       intl
     } = this.props;
+    const alignment = (_pluginState$align = pluginState === null || pluginState === void 0 ? void 0 : pluginState.align) !== null && _pluginState$align !== void 0 ? _pluginState$align : 'start';
     const title = intl.formatMessage(messages.alignment);
     return (
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -108,7 +110,7 @@ export class AlignmentToolbar extends React.Component {
           jsx("div", {
             css: triggerWrapper
           }, jsx(IconMap, {
-            alignment: pluginState.align
+            alignment: alignment
           }), jsx("span", {
             css: expandIconWrapper
           }, jsx(ExpandIcon, {
@@ -118,7 +120,7 @@ export class AlignmentToolbar extends React.Component {
         })
       }, jsx(Alignment, {
         onClick: align => this.changeAlignment(align, false),
-        selectedAlignment: pluginState.align
+        selectedAlignment: alignment
       })), jsx("span", {
         css: separatorStyles
       }))

package/dist/esm/plugin.js

@@ -1,14 +1,13 @@
 import React from 'react';
 import { alignment } from '@atlaskit/adf-schema';
-import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
-import { changeAlignment as _changeAlignment } from './commands';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin, pluginKey } from './pm-plugins/main';
-import ToolbarAlignment from './ui/ToolbarAlignment';
+import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
 export var defaultConfig = {
   align: 'start'
 };
-export var alignmentPlugin = function alignmentPlugin() {
+export var alignmentPlugin = function alignmentPlugin(_ref) {
+  var api = _ref.api;
   return {
     name: 'alignment',
     marks: function marks() {
@@ -17,11 +16,21 @@ export var alignmentPlugin = function alignmentPlugin() {
         mark: alignment
       }];
     },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      var pluginState = pluginKey.getState(editorState);
+      return pluginState ? {
+        align: pluginState.align,
+        isEnabled: pluginState.isEnabled
+      } : undefined;
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'alignmentPlugin',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch;
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch;
           return createPlugin(dispatch, defaultConfig);
         }
       }, {
@@ -31,31 +40,21 @@ export var alignmentPlugin = function alignmentPlugin() {
         }
       }];
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        disabled = _ref2.disabled,
-        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
-      return /*#__PURE__*/React.createElement(WithPluginState, {
-        plugins: {
-          align: pluginKey
-        },
-        render: function render(_ref3) {
-          var align = _ref3.align;
-          return /*#__PURE__*/React.createElement(ToolbarAlignment, {
-            pluginState: align,
-            isReducedSpacing: isToolbarReducedSpacing,
-            changeAlignment: function changeAlignment(align) {
-              return _changeAlignment(align)(editorView.state, editorView.dispatch);
-            },
-            disabled: disabled || !align.isEnabled,
-            popupsMountPoint: popupsMountPoint,
-            popupsBoundariesElement: popupsBoundariesElement,
-            popupsScrollableElement: popupsScrollableElement
-          });
-        }
+    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        popupsMountPoint = _ref3.popupsMountPoint,
+        popupsBoundariesElement = _ref3.popupsBoundariesElement,
+        popupsScrollableElement = _ref3.popupsScrollableElement,
+        disabled = _ref3.disabled,
+        isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
+      return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
+        api: api,
+        editorView: editorView,
+        disabled: disabled,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement,
+        isToolbarReducedSpacing: isToolbarReducedSpacing
       });
     }
   };

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -0,0 +1,27 @@
+import React, { useCallback } from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { changeAlignment } from '../commands';
+import ToolbarAlignment from './ToolbarAlignment';
+export function PrimaryToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    disabled = _ref.disabled,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
+  var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
+    alignmentState = _useSharedPluginState.alignmentState;
+  var changeAlignmentCallback = useCallback(function (align) {
+    return changeAlignment(align)(editorView.state, editorView.dispatch);
+  }, [editorView]);
+  return /*#__PURE__*/React.createElement(ToolbarAlignment, {
+    pluginState: alignmentState,
+    isReducedSpacing: isToolbarReducedSpacing,
+    changeAlignment: changeAlignmentCallback,
+    disabled: disabled || !alignmentState.isEnabled,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement
+  });
+}

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

@@ -73,7 +73,8 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   _createClass(AlignmentToolbar, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _pluginState$align,
+        _this2 = this;
       var isOpen = this.state.isOpen;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
@@ -83,6 +84,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         pluginState = _this$props.pluginState,
         disabled = _this$props.disabled,
         intl = _this$props.intl;
+      var alignment = (_pluginState$align = pluginState === null || pluginState === void 0 ? void 0 : pluginState.align) !== null && _pluginState$align !== void 0 ? _pluginState$align : 'start';
       var title = intl.formatMessage(messages.alignment);
       return (
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -124,7 +126,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
             jsx("div", {
               css: triggerWrapper
             }, jsx(IconMap, {
-              alignment: pluginState.align
+              alignment: alignment
             }), jsx("span", {
               css: expandIconWrapper
             }, jsx(ExpandIcon, {
@@ -136,7 +138,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick(align) {
             return _this2.changeAlignment(align, false);
           },
-          selectedAlignment: pluginState.align
+          selectedAlignment: alignment
         })), jsx("span", {
           css: separatorStyles
         }))

package/dist/types/plugin.d.ts

@@ -1,5 +1,7 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { AlignmentPluginState } from './pm-plugins/types';
 export declare const defaultConfig: AlignmentPluginState;
-export type AlignmentPlugin = NextEditorPlugin<'alignment'>;
+export type AlignmentPlugin = NextEditorPlugin<'alignment', {
+    sharedState: AlignmentPluginState | undefined;
+}>;
 export declare const alignmentPlugin: AlignmentPlugin;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AlignmentPlugin } from '../plugin';
+interface PrimaryToolbarComponentProps {
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    editorView: EditorView;
+    disabled: boolean;
+    popupsMountPoint?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    isToolbarReducedSpacing: boolean;
+}
+export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, }: PrimaryToolbarComponentProps): JSX.Element;
+export {};

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

@@ -7,7 +7,7 @@ export interface State {
     isOpen: boolean;
 }
 export interface Props {
-    pluginState: AlignmentPluginState;
+    pluginState: AlignmentPluginState | undefined;
     changeAlignment: (align: AlignmentState) => void;
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;

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

@@ -1,5 +1,7 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { AlignmentPluginState } from './pm-plugins/types';
 export declare const defaultConfig: AlignmentPluginState;
-export type AlignmentPlugin = NextEditorPlugin<'alignment'>;
+export type AlignmentPlugin = NextEditorPlugin<'alignment', {
+    sharedState: AlignmentPluginState | undefined;
+}>;
 export declare const alignmentPlugin: AlignmentPlugin;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AlignmentPlugin } from '../plugin';
+interface PrimaryToolbarComponentProps {
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    editorView: EditorView;
+    disabled: boolean;
+    popupsMountPoint?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    isToolbarReducedSpacing: boolean;
+}
+export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, }: PrimaryToolbarComponentProps): JSX.Element;
+export {};

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

@@ -7,7 +7,7 @@ export interface State {
     isOpen: boolean;
 }
 export interface Props {
-    pluginState: AlignmentPluginState;
+    pluginState: AlignmentPluginState | undefined;
     changeAlignment: (align: AlignmentState) => void;
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-alignment",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Alignment plugin for @atlaskit/editor-core",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -22,11 +22,11 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^35.3.0",
-    "@atlaskit/editor-common": "^76.39.0",
+    "@atlaskit/editor-common": "^76.41.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
-    "@atlaskit/editor-tables": "^2.3.0",
+    "@atlaskit/editor-tables": "^2.4.0",
     "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -42,6 +42,7 @@
     "@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",
+    "@testing-library/user-event": "^14.4.3",
     "react-dom": "^16.8.0",
     "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"