@atlaskit/editor-plugin-alignment 1.14.4 → 1.14.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-alignment
 
+## 1.14.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.14.5
+
+### Patch Changes
+
+- [#181001](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/181001)
+  [`48d0c93c00dcf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/48d0c93c00dcf) -
+  Cleanup fix for the alignment toolbar not closing on click while open.
+
 ## 1.14.4
 
 ### Patch Changes

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

@@ -8,8 +8,15 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _editorCommands = require("../editor-commands");
 function keymapPlugin() {
   var list = {};
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignLeft.common, (0, _editorCommands.changeAlignment)('start'), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignCenter.common, (0, _editorCommands.changeAlignment)('center'), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignRight.common, (0, _editorCommands.changeAlignment)('end'), list);
   return (0, _keymaps.keymap)(list);
 }

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

@@ -28,7 +28,11 @@ function createPlugin(dispatch, pluginConfig) {
       init: function init(_, editorState) {
         return createInitialPluginState(editorState, pluginConfig);
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       apply: function apply(_tr, state, _prevState, nextState) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         var nextPluginState = (0, _utils.getActiveAlignment)(nextState);
         var isEnabled = (0, _editorCommands.isAlignable)(nextPluginState)(nextState);
         var newState = _objectSpread(_objectSpread({}, state), {}, {

package/dist/cjs/pm-plugins/utils/index.js

@@ -10,6 +10,8 @@ var getActiveAlignment = exports.getActiveAlignment = function getActiveAlignmen
   if (state.selection instanceof _cellSelection.CellSelection) {
     var marks = [];
     state.selection.forEachCell(function (cell) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var mark = cell.firstChild.marks.filter(function (mark) {
         return mark.type === state.schema.marks.alignment;
       })[0];

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

@@ -18,10 +18,8 @@ var _styles = require("./styles");
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var alignCenterKeyboardShortcut;
-var alignRightKeyboardShortcut;
-alignCenterKeyboardShortcut = _keymaps.alignCenter;
-alignRightKeyboardShortcut = _keymaps.alignRight;
+var alignCenterKeyboardShortcut = _keymaps.alignCenter;
+var alignRightKeyboardShortcut = _keymaps.alignRight;
 var alignmentOptions = [{
   title: _messages.alignmentMessages.alignLeft,
   shortcut: _keymaps.alignLeft,

package/dist/cjs/ui/FloatingToolbarComponent.js

@@ -28,7 +28,10 @@ function FloatingToolbarComponent(_ref) {
   return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
     pluginState: alignmentState,
     isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
-    changeAlignment: changeAlignmentCallback,
+    changeAlignment: changeAlignmentCallback
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     disabled: FloatingToolbarSettings.disabled || !alignmentState.isEnabled,
     toolbarType: _types.ToolbarType.FLOATING,
     api: api

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -29,7 +29,10 @@ function PrimaryToolbarComponent(_ref) {
   return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
     pluginState: alignmentState,
     isReducedSpacing: isToolbarReducedSpacing,
-    changeAlignment: changeAlignmentCallback,
+    changeAlignment: changeAlignmentCallback
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     disabled: disabled || !alignmentState.isEnabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,

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

@@ -77,11 +77,6 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
       _this.hide();
       (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 || (_this$toolbarItemRef2 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef2 === void 0 || _this$toolbarItemRef2.focus();
     });
-    (0, _defineProperty2.default)(_this, "onOpenChange", function () {
-      _this.setState({
-        isOpen: false
-      });
-    });
     return _this;
   }
   (0, _inherits2.default)(AlignmentToolbar, _React$Component);
@@ -120,7 +115,6 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
               });
             }
           },
-          onOpenChange: (0, _platformFeatureFlags.fg)('platform_editor_fix_toolbar_alignment_item') ? undefined : this.onOpenChange,
           handleEscapeKeydown: this.hideOnEscape,
           arrowKeyNavigationProviderOptions: {
             type: _uiMenu.ArrowKeyNavigationType.MENU

package/dist/es2019/editor-commands/index.js

@@ -6,7 +6,7 @@ import { Selection } from '@atlaskit/editor-prosemirror/state';
  */
 function cascadeCommands(cmds) {
   return (state, dispatch) => {
-    let {
+    const {
       tr: baseTr
     } = state;
     let shouldDispatch = false;

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

@@ -2,8 +2,15 @@ import { alignCenter, alignLeft, alignRight, bindKeymapWithCommand, keymap } fro
 import { changeAlignment } from '../editor-commands';
 export function keymapPlugin() {
   const list = {};
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(alignCenter.common, changeAlignment('center'), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
   return keymap(list);
 }

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

@@ -16,7 +16,11 @@ export function createPlugin(dispatch, pluginConfig) {
       init(_, editorState) {
         return createInitialPluginState(editorState, pluginConfig);
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       apply(_tr, state, _prevState, nextState) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const nextPluginState = getActiveAlignment(nextState);
         const isEnabled = isAlignable(nextPluginState)(nextState);
         const newState = {

package/dist/es2019/pm-plugins/utils/index.js

@@ -4,6 +4,8 @@ export const getActiveAlignment = state => {
   if (state.selection instanceof CellSelection) {
     const marks = [];
     state.selection.forEachCell(cell => {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const mark = cell.firstChild.marks.filter(mark => mark.type === state.schema.marks.alignment)[0];
       marks.push(mark ? mark.attrs.align : 'start');
     });

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

@@ -10,10 +10,8 @@ import { alignmentMessages } from '@atlaskit/editor-common/messages';
 import { IconMap } from '../ToolbarAlignment/icon-map';
 import AlignmentButton from './AlignmentButton';
 import { alignmentWrapper } from './styles';
-let alignCenterKeyboardShortcut;
-let alignRightKeyboardShortcut;
-alignCenterKeyboardShortcut = alignCenter;
-alignRightKeyboardShortcut = alignRight;
+const alignCenterKeyboardShortcut = alignCenter;
+const alignRightKeyboardShortcut = alignRight;
 const alignmentOptions = [{
   title: alignmentMessages.alignLeft,
   shortcut: alignLeft,

package/dist/es2019/ui/FloatingToolbarComponent.js

@@ -20,7 +20,10 @@ export function FloatingToolbarComponent({
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
-    changeAlignment: changeAlignmentCallback,
+    changeAlignment: changeAlignmentCallback
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     disabled: FloatingToolbarSettings.disabled || !alignmentState.isEnabled,
     toolbarType: ToolbarType.FLOATING,
     api: api

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -19,7 +19,10 @@ export function PrimaryToolbarComponent({
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: isToolbarReducedSpacing,
-    changeAlignment: changeAlignmentCallback,
+    changeAlignment: changeAlignmentCallback
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     disabled: disabled || !alignmentState.isEnabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,

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

@@ -61,11 +61,6 @@ export class AlignmentToolbar extends React.Component {
       this.hide();
       (_this$toolbarItemRef2 = this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
     });
-    _defineProperty(this, "onOpenChange", () => {
-      this.setState({
-        isOpen: false
-      });
-    });
   }
   render() {
     var _pluginState$align;
@@ -102,7 +97,6 @@ export class AlignmentToolbar extends React.Component {
             });
           }
         },
-        onOpenChange: fg('platform_editor_fix_toolbar_alignment_item') ? undefined : this.onOpenChange,
         handleEscapeKeydown: this.hideOnEscape,
         arrowKeyNavigationProviderOptions: {
           type: ArrowKeyNavigationType.MENU

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

@@ -2,8 +2,15 @@ import { alignCenter, alignLeft, alignRight, bindKeymapWithCommand, keymap } fro
 import { changeAlignment } from '../editor-commands';
 export function keymapPlugin() {
   var list = {};
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(alignCenter.common, changeAlignment('center'), list);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
   return keymap(list);
 }

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

@@ -19,7 +19,11 @@ export function createPlugin(dispatch, pluginConfig) {
       init: function init(_, editorState) {
         return createInitialPluginState(editorState, pluginConfig);
       },
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       apply: function apply(_tr, state, _prevState, nextState) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         var nextPluginState = getActiveAlignment(nextState);
         var isEnabled = isAlignable(nextPluginState)(nextState);
         var newState = _objectSpread(_objectSpread({}, state), {}, {

package/dist/esm/pm-plugins/utils/index.js

@@ -4,6 +4,8 @@ export var getActiveAlignment = function getActiveAlignment(state) {
   if (state.selection instanceof CellSelection) {
     var marks = [];
     state.selection.forEachCell(function (cell) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       var mark = cell.firstChild.marks.filter(function (mark) {
         return mark.type === state.schema.marks.alignment;
       })[0];

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

@@ -10,10 +10,8 @@ import { alignmentMessages } from '@atlaskit/editor-common/messages';
 import { IconMap } from '../ToolbarAlignment/icon-map';
 import AlignmentButton from './AlignmentButton';
 import { alignmentWrapper } from './styles';
-var alignCenterKeyboardShortcut;
-var alignRightKeyboardShortcut;
-alignCenterKeyboardShortcut = alignCenter;
-alignRightKeyboardShortcut = alignRight;
+var alignCenterKeyboardShortcut = alignCenter;
+var alignRightKeyboardShortcut = alignRight;
 var alignmentOptions = [{
   title: alignmentMessages.alignLeft,
   shortcut: alignLeft,

package/dist/esm/ui/FloatingToolbarComponent.js

@@ -18,7 +18,10 @@ export function FloatingToolbarComponent(_ref) {
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
-    changeAlignment: changeAlignmentCallback,
+    changeAlignment: changeAlignmentCallback
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     disabled: FloatingToolbarSettings.disabled || !alignmentState.isEnabled,
     toolbarType: ToolbarType.FLOATING,
     api: api

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -19,7 +19,10 @@ export function PrimaryToolbarComponent(_ref) {
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     pluginState: alignmentState,
     isReducedSpacing: isToolbarReducedSpacing,
-    changeAlignment: changeAlignmentCallback,
+    changeAlignment: changeAlignmentCallback
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
     disabled: disabled || !alignmentState.isEnabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,

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

@@ -73,11 +73,6 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
       _this.hide();
       (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 || (_this$toolbarItemRef2 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef2 === void 0 || _this$toolbarItemRef2.focus();
     });
-    _defineProperty(_this, "onOpenChange", function () {
-      _this.setState({
-        isOpen: false
-      });
-    });
     return _this;
   }
   _inherits(AlignmentToolbar, _React$Component);
@@ -116,7 +111,6 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
               });
             }
           },
-          onOpenChange: fg('platform_editor_fix_toolbar_alignment_item') ? undefined : this.onOpenChange,
           handleEscapeKeydown: this.hideOnEscape,
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU

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

@@ -33,7 +33,6 @@ export declare class AlignmentToolbar extends React.Component<Props & WrappedCom
     private toggleOpenByKeyboard;
     private hide;
     private hideOnEscape;
-    private onOpenChange;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;

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

@@ -33,7 +33,6 @@ export declare class AlignmentToolbar extends React.Component<Props & WrappedCom
     private toggleOpenByKeyboard;
     private hide;
     private hideOnEscape;
-    private onOpenChange;
 }
 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": "1.14.4",
+	"version": "1.14.6",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -21,13 +21,13 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^97.0.0",
+		"@atlaskit/editor-common": "^98.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/platform-feature-flags": "0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^2.29.0",
+		"@atlaskit/tmp-editor-statsig": "^2.31.0",
 		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
@@ -94,10 +94,5 @@
 	},
 	"af:exports": {
 		".": "./src/index.ts"
-	},
-	"platform-feature-flags": {
-		"platform_editor_fix_toolbar_alignment_item": {
-			"type": "boolean"
-		}
 	}
 }