@atlaskit/editor-plugin-alignment 4.2.8 → 4.2.10

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-alignment
 
+## 4.2.10
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.9
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
 ## 4.2.8
 
 ### Patch Changes

package/dist/cjs/alignmentPlugin.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultConfig = exports.alignmentPlugin = void 0;
+exports.alignmentPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -15,7 +15,7 @@ var _main = require("./pm-plugins/main");
 var _FloatingToolbarComponent = require("./ui/FloatingToolbarComponent");
 var _PrimaryToolbarComponent = require("./ui/PrimaryToolbarComponent");
 var _toolbarComponents = require("./ui/toolbar-components");
-var defaultConfig = exports.defaultConfig = {
+var defaultConfig = {
   align: 'start'
 };
 var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {

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

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createInitialPluginState = createInitialPluginState;
 exports.createPlugin = createPlugin;
 exports.pluginKey = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AlignmentToolbar = void 0;
+exports.default = void 0;
 var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -29,7 +29,7 @@ var _iconMap = require("./icon-map");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
+var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   function AlignmentToolbar() {
     var _this;
     (0, _classCallCheck2.default)(this, AlignmentToolbar);

package/dist/es2019/alignmentPlugin.js

@@ -8,7 +8,7 @@ import { createPlugin, pluginKey } from './pm-plugins/main';
 import { FloatingToolbarComponent } from './ui/FloatingToolbarComponent';
 import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
 import { getToolbarComponents } from './ui/toolbar-components';
-export const defaultConfig = {
+const defaultConfig = {
   align: 'start'
 };
 export const alignmentPlugin = ({

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

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { isAlignable } from '../editor-commands';
 import { getActiveAlignment } from './utils';
-export function createInitialPluginState(editorState, pluginConfig) {
+function createInitialPluginState(editorState, pluginConfig) {
   return {
     align: getActiveAlignment(editorState) || pluginConfig.align,
     isEnabled: true

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

@@ -15,7 +15,7 @@ import { ToolbarType } from '../../pm-plugins/types';
 import Alignment from '../Alignment';
 import { IconMap } from './icon-map';
 // eslint-disable-next-line @repo/internal/react/no-class-components
-export class AlignmentToolbar extends React.Component {
+class AlignmentToolbar extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "toolbarItemRef", /*#__PURE__*/React.createRef());

package/dist/esm/alignmentPlugin.js

@@ -8,7 +8,7 @@ import { createPlugin, pluginKey } from './pm-plugins/main';
 import { FloatingToolbarComponent } from './ui/FloatingToolbarComponent';
 import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
 import { getToolbarComponents } from './ui/toolbar-components';
-export var defaultConfig = {
+var defaultConfig = {
   align: 'start'
 };
 export var alignmentPlugin = function alignmentPlugin(_ref) {

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

@@ -5,7 +5,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { isAlignable } from '../editor-commands';
 import { getActiveAlignment } from './utils';
-export function createInitialPluginState(editorState, pluginConfig) {
+function createInitialPluginState(editorState, pluginConfig) {
   return {
     align: getActiveAlignment(editorState) || pluginConfig.align,
     isEnabled: true

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

@@ -22,7 +22,7 @@ import { ToolbarType } from '../../pm-plugins/types';
 import Alignment from '../Alignment';
 import { IconMap } from './icon-map';
 // eslint-disable-next-line @repo/internal/react/no-class-components
-export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
+var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   function AlignmentToolbar() {
     var _this;
     _classCallCheck(this, AlignmentToolbar);

package/dist/types/alignmentPlugin.d.ts

@@ -1,4 +1,2 @@
 import type { AlignmentPlugin } from './alignmentPluginType';
-import type { AlignmentPluginState } from './pm-plugins/types';
-export declare const defaultConfig: AlignmentPluginState;
 export declare const alignmentPlugin: AlignmentPlugin;

package/dist/types/alignmentPluginType.d.ts

@@ -14,7 +14,7 @@ export type AlignmentPluginDependencies = [
     OptionalPlugin<ToolbarPlugin>
 ];
 export type AlignmentPlugin = NextEditorPlugin<'alignment', {
-    sharedState: AlignmentPluginState | undefined;
     dependencies: AlignmentPluginDependencies;
+    sharedState: AlignmentPluginState | undefined;
 }>;
 export type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT;

package/dist/types/pm-plugins/main.d.ts

@@ -1,8 +1,6 @@
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { AlignmentPluginState } from './types';
-export declare function createInitialPluginState(editorState: EditorState, pluginConfig: AlignmentPluginState): AlignmentPluginState;
 export declare const pluginKey: PluginKey<AlignmentPluginState>;
 export declare function createPlugin(dispatch: Dispatch, pluginConfig: AlignmentPluginState): SafePlugin<AlignmentPluginState>;

package/dist/types/ui/Alignment/AlignmentButton/index.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
 import type { AlignmentState } from '../../../pm-plugins/types';
 export interface Props {
-    value: AlignmentState;
-    label: string;
+    content: React.ReactElement;
     isSelected?: boolean;
+    label: string;
     onClick: (value: AlignmentState, shouldClosePopup: boolean) => void;
-    content: React.ReactElement;
     shortcut?: Keymap;
+    value: AlignmentState;
 }
 declare function AlignmentButton({ label, isSelected, content, shortcut, onClick, value }: Props): React.JSX.Element;
 export default AlignmentButton;

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

@@ -1,9 +1,9 @@
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { AlignmentState } from '../../pm-plugins/types';
 export interface Props {
-    selectedAlignment?: string;
-    onClick: (value: AlignmentState) => void;
     className?: string;
+    onClick: (value: AlignmentState) => void;
+    selectedAlignment?: string;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

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

@@ -4,12 +4,12 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { AlignmentPlugin } from '../alignmentPluginType';
 interface PrimaryToolbarComponentProps {
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
-    editorView: EditorView;
     disabled: boolean;
-    popupsMountPoint?: HTMLElement;
+    editorView: EditorView;
+    isToolbarReducedSpacing: boolean;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isToolbarReducedSpacing: boolean;
 }
 export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, }: PrimaryToolbarComponentProps): React.JSX.Element;
 export {};

package/dist/types/ui/Toolbar/AlignmentMenu.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type AlignmentPlugin } from '../../alignmentPluginType';
 export declare const AlignmentMenu: ({ children, api, }: {
-    children?: React.ReactNode;
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    children?: React.ReactNode;
 }) => React.JSX.Element;

package/dist/types/ui/Toolbar/AlignmentMenuItem.d.ts

@@ -5,8 +5,8 @@ import type { AlignmentPlugin } from '../../alignmentPluginType';
 import type { AlignmentState } from '../../pm-plugins/types';
 import type { OptionInfo } from './types';
 export declare const AlignmentMenuItem: ({ option: { label, icon: Icon, keymap }, api, alignment, parents, }: {
-    option: OptionInfo;
-    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     alignment: AlignmentState;
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    option: OptionInfo;
     parents: ToolbarComponentTypes;
 }) => React.JSX.Element;

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

@@ -2,10 +2,10 @@ import type { MessageDescriptor } from 'react-intl-next';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
 import type { IconComponent } from '@atlaskit/editor-toolbar';
 export type OptionInfo = {
-    key: string;
-    type: 'menu-item';
-    label: MessageDescriptor;
     icon: IconComponent;
+    key: string;
     keymap: Keymap;
+    label: MessageDescriptor;
     rank: number;
+    type: 'menu-item';
 };

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

@@ -7,33 +7,17 @@ import type { WrappedComponentProps } from 'react-intl-next';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AlignmentPlugin } from '../../alignmentPluginType';
 import { ToolbarType, type AlignmentState } from '../../pm-plugins/types';
-export interface State {
-    isOpen: boolean;
-}
 export interface Props {
     align: AlignmentState | undefined;
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     changeAlignment: (align: AlignmentState) => void;
-    popupsMountPoint?: HTMLElement;
+    disabled?: boolean;
+    isReducedSpacing?: boolean;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isReducedSpacing?: boolean;
-    disabled?: boolean;
-    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     toolbarType: ToolbarType;
 }
-export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
-    static displayName: string;
-    private toolbarItemRef;
-    state: State;
-    render(): JSX.Element;
-    componentDidUpdate(prevProps: Props): void;
-    private changeAlignment;
-    private toggleOpen;
-    private toggleOpenByKeyboard;
-    private handleOnItemActivated;
-    private hide;
-    private hideOnEscape;
-}
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };

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

@@ -1,4 +1,2 @@
 import type { AlignmentPlugin } from './alignmentPluginType';
-import type { AlignmentPluginState } from './pm-plugins/types';
-export declare const defaultConfig: AlignmentPluginState;
 export declare const alignmentPlugin: AlignmentPlugin;

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

@@ -14,7 +14,7 @@ export type AlignmentPluginDependencies = [
     OptionalPlugin<ToolbarPlugin>
 ];
 export type AlignmentPlugin = NextEditorPlugin<'alignment', {
-    sharedState: AlignmentPluginState | undefined;
     dependencies: AlignmentPluginDependencies;
+    sharedState: AlignmentPluginState | undefined;
 }>;
 export type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,8 +1,6 @@
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { AlignmentPluginState } from './types';
-export declare function createInitialPluginState(editorState: EditorState, pluginConfig: AlignmentPluginState): AlignmentPluginState;
 export declare const pluginKey: PluginKey<AlignmentPluginState>;
 export declare function createPlugin(dispatch: Dispatch, pluginConfig: AlignmentPluginState): SafePlugin<AlignmentPluginState>;

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

@@ -2,12 +2,12 @@ import React from 'react';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
 import type { AlignmentState } from '../../../pm-plugins/types';
 export interface Props {
-    value: AlignmentState;
-    label: string;
+    content: React.ReactElement;
     isSelected?: boolean;
+    label: string;
     onClick: (value: AlignmentState, shouldClosePopup: boolean) => void;
-    content: React.ReactElement;
     shortcut?: Keymap;
+    value: AlignmentState;
 }
 declare function AlignmentButton({ label, isSelected, content, shortcut, onClick, value }: Props): React.JSX.Element;
 export default AlignmentButton;

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

@@ -1,9 +1,9 @@
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { AlignmentState } from '../../pm-plugins/types';
 export interface Props {
-    selectedAlignment?: string;
-    onClick: (value: AlignmentState) => void;
     className?: string;
+    onClick: (value: AlignmentState) => void;
+    selectedAlignment?: string;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;

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

@@ -4,12 +4,12 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { AlignmentPlugin } from '../alignmentPluginType';
 interface PrimaryToolbarComponentProps {
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
-    editorView: EditorView;
     disabled: boolean;
-    popupsMountPoint?: HTMLElement;
+    editorView: EditorView;
+    isToolbarReducedSpacing: boolean;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isToolbarReducedSpacing: boolean;
 }
 export declare function PrimaryToolbarComponent({ api, editorView, disabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, isToolbarReducedSpacing, }: PrimaryToolbarComponentProps): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/Toolbar/AlignmentMenu.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type AlignmentPlugin } from '../../alignmentPluginType';
 export declare const AlignmentMenu: ({ children, api, }: {
-    children?: React.ReactNode;
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    children?: React.ReactNode;
 }) => React.JSX.Element;

package/dist/types-ts4.5/ui/Toolbar/AlignmentMenuItem.d.ts

@@ -5,8 +5,8 @@ import type { AlignmentPlugin } from '../../alignmentPluginType';
 import type { AlignmentState } from '../../pm-plugins/types';
 import type { OptionInfo } from './types';
 export declare const AlignmentMenuItem: ({ option: { label, icon: Icon, keymap }, api, alignment, parents, }: {
-    option: OptionInfo;
-    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     alignment: AlignmentState;
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    option: OptionInfo;
     parents: ToolbarComponentTypes;
 }) => React.JSX.Element;

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

@@ -2,10 +2,10 @@ import type { MessageDescriptor } from 'react-intl-next';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
 import type { IconComponent } from '@atlaskit/editor-toolbar';
 export type OptionInfo = {
-    key: string;
-    type: 'menu-item';
-    label: MessageDescriptor;
     icon: IconComponent;
+    key: string;
     keymap: Keymap;
+    label: MessageDescriptor;
     rank: number;
+    type: 'menu-item';
 };

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

@@ -7,33 +7,17 @@ import type { WrappedComponentProps } from 'react-intl-next';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AlignmentPlugin } from '../../alignmentPluginType';
 import { ToolbarType, type AlignmentState } from '../../pm-plugins/types';
-export interface State {
-    isOpen: boolean;
-}
 export interface Props {
     align: AlignmentState | undefined;
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     changeAlignment: (align: AlignmentState) => void;
-    popupsMountPoint?: HTMLElement;
+    disabled?: boolean;
+    isReducedSpacing?: boolean;
     popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    isReducedSpacing?: boolean;
-    disabled?: boolean;
-    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
     toolbarType: ToolbarType;
 }
-export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
-    static displayName: string;
-    private toolbarItemRef;
-    state: State;
-    render(): JSX.Element;
-    componentDidUpdate(prevProps: Props): void;
-    private changeAlignment;
-    private toggleOpen;
-    private toggleOpenByKeyboard;
-    private handleOnItemActivated;
-    private hide;
-    private hideOnEscape;
-}
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "4.2.8",
+	"version": "4.2.10",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^50.2.1",
+		"@atlaskit/adf-schema": "^50.2.2",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
@@ -38,16 +38,16 @@
 		"@atlaskit/editor-plugin-toolbar": "^0.4.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.3.0",
-		"@atlaskit/icon": "^28.0.0",
+		"@atlaskit/editor-toolbar": "^0.4.0",
+		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^11.5.0",
-		"@atlaskit/tokens": "^6.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.8.0",
+		"@atlaskit/tokens": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.28.0",
+		"@atlaskit/editor-common": "^107.32.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -57,7 +57,6 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/editor-plugin-list": "^5.1.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"wait-for-expect": "^1.2.0"
@@ -104,8 +103,5 @@
 				"dist/types-ts4.5/index.d.ts"
 			]
 		}
-	},
-	"af:exports": {
-		".": "./src/index.ts"
 	}
 }