@atlaskit/editor-plugin-alignment 1.14.1 → 1.14.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-alignment
 
+## 1.14.2
+
+### Patch Changes
+
+- [#172933](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/172933)
+  [`8323af2381d00`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8323af2381d00) -
+  [ux] Arranges items in the Selection toolbar under the Contextual toolbar experiment flag
+- Updated dependencies
+
 ## 1.14.1
 
 ### Patch Changes

package/dist/cjs/alignmentPlugin.js

@@ -91,7 +91,9 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {
           };
           return {
             isToolbarAbove: true,
-            items: [toolbarCustom]
+            items: [toolbarCustom],
+            rank: 4,
+            pluginName: 'alignment'
           };
         } else {
           return undefined;

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

@@ -20,6 +20,7 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _types = require("../../pm-plugins/types");
 var _Alignment = _interopRequireDefault(require("../Alignment"));
 var _iconMap = require("./icon-map");
@@ -103,6 +104,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
         api = _this$props.api;
       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.alignmentMessages.alignment);
+      var reducedSpacing = (0, _experiments.editorExperiment)('contextual_formatting_toolbar', true) ? 'compact' : 'none';
       return (
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         (0, _react2.jsx)("span", {
@@ -129,7 +131,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
           fitHeight: 80,
           closeOnTab: true,
           trigger: (0, _react2.jsx)(_uiMenu.ToolbarButton, {
-            spacing: isReducedSpacing ? 'none' : 'default',
+            spacing: isReducedSpacing ? reducedSpacing : 'default',
             disabled: disabled,
             selected: isOpen,
             title: title

package/dist/es2019/alignmentPlugin.js

@@ -83,7 +83,9 @@ export const alignmentPlugin = ({
           };
           return {
             isToolbarAbove: true,
-            items: [toolbarCustom]
+            items: [toolbarCustom],
+            rank: 4,
+            pluginName: 'alignment'
           };
         } else {
           return undefined;

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

@@ -13,6 +13,7 @@ import { expandIconContainerStyle, separatorStyles, triggerWrapperStylesWithPadd
 import { ArrowKeyNavigationType, DropdownContainer as Dropdown, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ToolbarType } from '../../pm-plugins/types';
 import Alignment from '../Alignment';
 import { IconMap } from './icon-map';
@@ -83,6 +84,7 @@ export class AlignmentToolbar extends React.Component {
     } = 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);
+    const reducedSpacing = editorExperiment('contextual_formatting_toolbar', true) ? 'compact' : 'none';
     return (
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       jsx("span", {
@@ -109,7 +111,7 @@ export class AlignmentToolbar extends React.Component {
         fitHeight: 80,
         closeOnTab: true,
         trigger: jsx(ToolbarButton, {
-          spacing: isReducedSpacing ? 'none' : 'default',
+          spacing: isReducedSpacing ? reducedSpacing : 'default',
           disabled: disabled,
           selected: isOpen,
           title: title

package/dist/esm/alignmentPlugin.js

@@ -84,7 +84,9 @@ export var alignmentPlugin = function alignmentPlugin(_ref) {
           };
           return {
             isToolbarAbove: true,
-            items: [toolbarCustom]
+            items: [toolbarCustom],
+            rank: 4,
+            pluginName: 'alignment'
           };
         } else {
           return undefined;

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

@@ -21,6 +21,7 @@ import { expandIconContainerStyle, separatorStyles, triggerWrapperStylesWithPadd
 import { ArrowKeyNavigationType, DropdownContainer as Dropdown, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ToolbarType } from '../../pm-plugins/types';
 import Alignment from '../Alignment';
 import { IconMap } from './icon-map';
@@ -99,6 +100,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         api = _this$props.api;
       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);
+      var reducedSpacing = editorExperiment('contextual_formatting_toolbar', true) ? 'compact' : 'none';
       return (
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         jsx("span", {
@@ -125,7 +127,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           fitHeight: 80,
           closeOnTab: true,
           trigger: jsx(ToolbarButton, {
-            spacing: isReducedSpacing ? 'none' : 'default',
+            spacing: isReducedSpacing ? reducedSpacing : 'default',
             disabled: disabled,
             selected: isOpen,
             title: title

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "1.14.1",
+	"version": "1.14.2",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -21,7 +21,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^96.0.0",
+		"@atlaskit/editor-common": "^96.1.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-tables": "^2.8.0",