@atlaskit/editor-plugin-alignment 1.0.1 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-alignment
 
+## 1.1.0
+
+### Minor Changes
+
+- [#77222](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77222) [`b924ab2b79f3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b924ab2b79f3) - [ux] Add keyboard shortcuts for center and right text alignment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.0.2
+
+### Patch Changes
+
+- [#78224](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78224) [`6b4c9dd4ad34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b4c9dd4ad34) - ED-22219: adf-schema updated to 35.5.2
+- Updated dependencies
+
 ## 1.0.1
 
 ### Patch Changes

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

@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.keymapPlugin = keymapPlugin;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../commands");
 function keymapPlugin() {
   var list = {};
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignLeft.common, (0, _commands.changeAlignment)('start'), list);
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.text-alignment-keyboard-shortcuts')) {
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignCenter.common, (0, _commands.changeAlignment)('center'), list);
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.alignRight.common, (0, _commands.changeAlignment)('end'), list);
+  }
   return (0, _keymap.keymap)(list);
 }

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

@@ -9,20 +9,29 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _iconMap = require("../ToolbarAlignment/icon-map");
 var _AlignmentButton = _interopRequireDefault(require("./AlignmentButton"));
 var _styles = require("./styles");
 /** @jsx jsx */
 
+var alignCenterKeyboardShortcut;
+var alignRightKeyboardShortcut;
+if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.text-alignment-keyboard-shortcuts')) {
+  alignCenterKeyboardShortcut = _keymaps.alignCenter;
+  alignRightKeyboardShortcut = _keymaps.alignRight;
+}
 var alignmentOptions = [{
   title: _messages.alignmentMessages.alignLeft,
   shortcut: _keymaps.alignLeft,
   value: 'start'
 }, {
   title: _messages.alignmentMessages.alignCenter,
+  shortcut: alignCenterKeyboardShortcut,
   value: 'center'
 }, {
   title: _messages.alignmentMessages.alignRight,
+  shortcut: alignRightKeyboardShortcut,
   value: 'end'
 }];
 function Alignment(_ref) {

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -10,8 +10,8 @@ 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function PrimaryToolbarComponent(_ref) {
   var api = _ref.api,
     editorView = _ref.editorView,

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

@@ -23,7 +23,7 @@ var _Alignment = _interopRequireDefault(require("../Alignment"));
 var _iconMap = require("./icon-map");
 var _styles2 = require("./styles");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(AlignmentToolbar, _React$Component);

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

@@ -1,8 +1,13 @@
-import { alignLeft, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
+import { alignCenter, alignLeft, alignRight, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { changeAlignment } from '../commands';
 export function keymapPlugin() {
   const list = {};
   bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
+    bindKeymapWithCommand(alignCenter.common, changeAlignment('center'), list);
+    bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
+  }
   return keymap(list);
 }

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

@@ -1,20 +1,29 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { alignLeft } from '@atlaskit/editor-common/keymaps';
+import { alignCenter, alignLeft, alignRight } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages } from '@atlaskit/editor-common/messages';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { IconMap } from '../ToolbarAlignment/icon-map';
 import AlignmentButton from './AlignmentButton';
 import { alignmentWrapper } from './styles';
+let alignCenterKeyboardShortcut;
+let alignRightKeyboardShortcut;
+if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
+  alignCenterKeyboardShortcut = alignCenter;
+  alignRightKeyboardShortcut = alignRight;
+}
 const alignmentOptions = [{
   title: alignmentMessages.alignLeft,
   shortcut: alignLeft,
   value: 'start'
 }, {
   title: alignmentMessages.alignCenter,
+  shortcut: alignCenterKeyboardShortcut,
   value: 'center'
 }, {
   title: alignmentMessages.alignRight,
+  shortcut: alignRightKeyboardShortcut,
   value: 'end'
 }];
 function Alignment({

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

@@ -1,8 +1,13 @@
-import { alignLeft, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
+import { alignCenter, alignLeft, alignRight, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { changeAlignment } from '../commands';
 export function keymapPlugin() {
   var list = {};
   bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
+    bindKeymapWithCommand(alignCenter.common, changeAlignment('center'), list);
+    bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
+  }
   return keymap(list);
 }

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

@@ -1,20 +1,29 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { alignLeft } from '@atlaskit/editor-common/keymaps';
+import { alignCenter, alignLeft, alignRight } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages } from '@atlaskit/editor-common/messages';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { IconMap } from '../ToolbarAlignment/icon-map';
 import AlignmentButton from './AlignmentButton';
 import { alignmentWrapper } from './styles';
+var alignCenterKeyboardShortcut;
+var alignRightKeyboardShortcut;
+if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
+  alignCenterKeyboardShortcut = alignCenter;
+  alignRightKeyboardShortcut = alignRight;
+}
 var alignmentOptions = [{
   title: alignmentMessages.alignLeft,
   shortcut: alignLeft,
   value: 'start'
 }, {
   title: alignmentMessages.alignCenter,
+  shortcut: alignCenterKeyboardShortcut,
   value: 'center'
 }, {
   title: alignmentMessages.alignRight,
+  shortcut: alignRightKeyboardShortcut,
   value: 'end'
 }];
 function Alignment(_ref) {

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

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-alignment",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Alignment plugin for @atlaskit/editor-core",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -21,12 +21,13 @@
     "runReact18": false
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.5.1",
-    "@atlaskit/editor-common": "^78.0.0",
+    "@atlaskit/adf-schema": "^35.5.2",
+    "@atlaskit/editor-common": "^78.12.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/editor-tables": "^2.5.0",
-    "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/tokens": "^1.37.0",
+    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/platform-feature-flags": "^0.2.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -93,5 +94,10 @@
   "af:exports": {
     ".": "./src/index.ts"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
+  "platform-feature-flags": {
+    "platform.editor.text-alignment-keyboard-shortcuts": {
+      "type": "boolean"
+    }
+  }
 }