@atlaskit/editor-plugin-alignment 1.14.5 → 1.14.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-alignment
 
+## 1.14.7
+
+### Patch Changes
+
+- [#99080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99080)
+  [`8b2f0af25c400`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b2f0af25c400) -
+  [ux] ED-26062: Removed icon blue borders when selected
+
+## 1.14.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.14.5
 
 ### 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/Alignment/styles.js

@@ -10,7 +10,15 @@ var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var alignmentWrapper = exports.alignmentWrapper = (0, _react.css)({
   padding: "0 ".concat("var(--ds-space-100, 8px)"),
-  display: 'flex',
-  flexWrap: 'wrap',
-  maxWidth: "".concat(3 * 32, "px")
+  maxWidth: "".concat(3 * 32 + 2 * 2, "px"),
+  // 3 buttons * 32px + 2 * 2px gap
+  columnGap: "var(--ds-space-025, 2px)",
+  // add gap between buttons, so they don't crunch each other
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  button: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not([disabled])::after': {
+      border: 'none' // remove blue border when an item has been selected
+    }
+  }
 });

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/styles.js

@@ -19,6 +19,13 @@ var wrapper = exports.wrapper = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     display: 'flex'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.align-btn': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not([disabled])::after': {
+      border: 'none' // remove blue border when an item has been selected
+    }
   }
 });
 

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/Alignment/styles.js

@@ -3,7 +3,15 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const alignmentWrapper = css({
   padding: `0 ${"var(--ds-space-100, 8px)"}`,
-  display: 'flex',
-  flexWrap: 'wrap',
-  maxWidth: `${3 * 32}px`
+  maxWidth: `${3 * 32 + 2 * 2}px`,
+  // 3 buttons * 32px + 2 * 2px gap
+  columnGap: "var(--ds-space-025, 2px)",
+  // add gap between buttons, so they don't crunch each other
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  button: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not([disabled])::after': {
+      border: 'none' // remove blue border when an item has been selected
+    }
+  }
 });

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/styles.js

@@ -12,6 +12,13 @@ export const wrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     display: 'flex'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.align-btn': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not([disabled])::after': {
+      border: 'none' // remove blue border when an item has been selected
+    }
   }
 });
 

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/Alignment/styles.js

@@ -3,7 +3,15 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var alignmentWrapper = css({
   padding: "0 ".concat("var(--ds-space-100, 8px)"),
-  display: 'flex',
-  flexWrap: 'wrap',
-  maxWidth: "".concat(3 * 32, "px")
+  maxWidth: "".concat(3 * 32 + 2 * 2, "px"),
+  // 3 buttons * 32px + 2 * 2px gap
+  columnGap: "var(--ds-space-025, 2px)",
+  // add gap between buttons, so they don't crunch each other
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  button: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not([disabled])::after': {
+      border: 'none' // remove blue border when an item has been selected
+    }
+  }
 });

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/styles.js

@@ -12,6 +12,13 @@ export var wrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     display: 'flex'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.align-btn': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '&:not([disabled])::after': {
+      border: 'none' // remove blue border when an item has been selected
+    }
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "1.14.5",
+	"version": "1.14.7",
 	"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"