@atlaskit/editor-plugin-alignment 1.13.8 → 1.14.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-plugin-alignment
 
+## 1.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.14.0
+
+### Minor Changes
+
+- [#170744](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170744)
+  [`115a1beee1131`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/115a1beee1131) -
+  [ux] Adds text alignment to the selection toolbar
+
+### Patch Changes
+
+- [#171994](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171994)
+  [`be58e4bb2e387`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be58e4bb2e387) -
+  Migrating usages of UNSAFE types and entrypoints that have been renamed in `@atlaskit/icon` and
+  `@atlaskit/icon-lab`.
+- Updated dependencies
+
 ## 1.13.8
 
 ### Patch Changes

package/dist/cjs/alignmentPlugin.js

@@ -7,8 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultConfig = exports.alignmentPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
+var _FloatingToolbarComponent = require("./ui/FloatingToolbarComponent");
 var _PrimaryToolbarComponent = require("./ui/PrimaryToolbarComponent");
 var defaultConfig = exports.defaultConfig = {
   align: 'start'
@@ -69,6 +71,33 @@ var alignmentPlugin = exports.alignmentPlugin = function alignmentPlugin(_ref) {
         }
       }];
     },
+    pluginsOptions: {
+      selectionToolbar: function selectionToolbar() {
+        if ((0, _experiments.editorExperiment)('contextual_formatting_toolbar', true, {
+          exposure: true
+        })) {
+          var toolbarCustom = {
+            type: 'custom',
+            render: function render(view) {
+              if (!view) {
+                return;
+              }
+              return /*#__PURE__*/_react.default.createElement(_FloatingToolbarComponent.FloatingToolbarComponent, {
+                api: api,
+                editorView: view
+              });
+            },
+            fallback: []
+          };
+          return {
+            isToolbarAbove: true,
+            items: [toolbarCustom]
+          };
+        } else {
+          return undefined;
+        }
+      }
+    },
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };

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

@@ -1 +1,11 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarType = void 0;
+var ToolbarType = exports.ToolbarType = /*#__PURE__*/function (ToolbarType) {
+  ToolbarType["PRIMARY"] = "primaryToolbar";
+  ToolbarType["FLOATING"] = "floatingToolbar";
+  return ToolbarType;
+}({});

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

@@ -32,7 +32,8 @@ function AlignmentButton(_ref) {
     "aria-pressed": isSelected,
     "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(shortcut),
     onClick: onClickCallback,
-    iconBefore: content
+    iconBefore: content,
+    titlePosition: 'bottom'
   });
 }
 var _default = exports.default = AlignmentButton;

package/dist/cjs/ui/FloatingToolbarComponent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingToolbarComponent = FloatingToolbarComponent;
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _editorCommands = require("../editor-commands");
+var _types = require("../pm-plugins/types");
+var _ToolbarAlignment = _interopRequireDefault(require("./ToolbarAlignment"));
+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 && {}.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; }
+var FloatingToolbarSettings = {
+  disabled: false,
+  isToolbarReducedSpacing: true
+};
+function FloatingToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
+    alignmentState = _useSharedPluginState.alignmentState;
+  var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
+    return (0, _editorCommands.changeAlignment)(align)(editorView.state, editorView.dispatch);
+  }, [editorView]);
+  return /*#__PURE__*/_react.default.createElement(_ToolbarAlignment.default, {
+    pluginState: alignmentState,
+    isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
+    changeAlignment: changeAlignmentCallback,
+    disabled: FloatingToolbarSettings.disabled || !alignmentState.isEnabled,
+    toolbarType: _types.ToolbarType.FLOATING,
+    api: api
+  });
+}

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -9,6 +9,7 @@ exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorCommands = require("../editor-commands");
+var _types = require("../pm-plugins/types");
 var _ToolbarAlignment = _interopRequireDefault(require("./ToolbarAlignment"));
 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 && {}.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; }
@@ -33,6 +34,7 @@ function PrimaryToolbarComponent(_ref) {
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
-    api: api
+    api: api,
+    toolbarType: _types.ToolbarType.PRIMARY
   });
 }

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 _types = require("../../pm-plugins/types");
 var _Alignment = _interopRequireDefault(require("../Alignment"));
 var _iconMap = require("./icon-map");
 var _styles2 = require("./styles");
@@ -179,7 +180,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this3 = this;
-      if (this.state.isOpen) {
+      if (this.props.toolbarType !== _types.ToolbarType.FLOATING && this.state.isOpen) {
         // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
         // associated with the alignment button doesn't render until the next render cycle
         // where the popup will be correctly positioned and the relative position of the tooltip

package/dist/es2019/alignmentPlugin.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { alignment } from '@atlaskit/adf-schema';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin, pluginKey } from './pm-plugins/main';
+import { FloatingToolbarComponent } from './ui/FloatingToolbarComponent';
 import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
 export const defaultConfig = {
   align: 'start'
@@ -61,6 +63,33 @@ export const alignmentPlugin = ({
         plugin: () => keymapPlugin()
       }];
     },
+    pluginsOptions: {
+      selectionToolbar: () => {
+        if (editorExperiment('contextual_formatting_toolbar', true, {
+          exposure: true
+        })) {
+          const toolbarCustom = {
+            type: 'custom',
+            render: view => {
+              if (!view) {
+                return;
+              }
+              return /*#__PURE__*/React.createElement(FloatingToolbarComponent, {
+                api: api,
+                editorView: view
+              });
+            },
+            fallback: []
+          };
+          return {
+            isToolbarAbove: true,
+            items: [toolbarCustom]
+          };
+        } else {
+          return undefined;
+        }
+      }
+    },
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };

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

@@ -0,0 +1,5 @@
+export let ToolbarType = /*#__PURE__*/function (ToolbarType) {
+  ToolbarType["PRIMARY"] = "primaryToolbar";
+  ToolbarType["FLOATING"] = "floatingToolbar";
+  return ToolbarType;
+}({});

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

@@ -26,7 +26,8 @@ function AlignmentButton({
     "aria-pressed": isSelected,
     "aria-keyshortcuts": getAriaKeyshortcuts(shortcut),
     onClick: onClickCallback,
-    iconBefore: content
+    iconBefore: content,
+    titlePosition: 'bottom'
   });
 }
 export default AlignmentButton;

package/dist/es2019/ui/FloatingToolbarComponent.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { changeAlignment } from '../editor-commands';
+import { ToolbarType } from '../pm-plugins/types';
+import ToolbarAlignment from './ToolbarAlignment';
+const FloatingToolbarSettings = {
+  disabled: false,
+  isToolbarReducedSpacing: true
+};
+export function FloatingToolbarComponent({
+  api,
+  editorView
+}) {
+  const {
+    alignmentState
+  } = useSharedPluginState(api, ['alignment']);
+  const changeAlignmentCallback = useCallback(align => {
+    return changeAlignment(align)(editorView.state, editorView.dispatch);
+  }, [editorView]);
+  return /*#__PURE__*/React.createElement(ToolbarAlignment, {
+    pluginState: alignmentState,
+    isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
+    changeAlignment: changeAlignmentCallback,
+    disabled: FloatingToolbarSettings.disabled || !alignmentState.isEnabled,
+    toolbarType: ToolbarType.FLOATING,
+    api: api
+  });
+}

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -1,6 +1,7 @@
 import React, { useCallback } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { changeAlignment } from '../editor-commands';
+import { ToolbarType } from '../pm-plugins/types';
 import ToolbarAlignment from './ToolbarAlignment';
 export function PrimaryToolbarComponent({
   api,
@@ -23,6 +24,7 @@ export function PrimaryToolbarComponent({
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
-    api: api
+    api: api,
+    toolbarType: ToolbarType.PRIMARY
   });
 }

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 { ToolbarType } from '../../pm-plugins/types';
 import Alignment from '../Alignment';
 import { IconMap } from './icon-map';
 import { triggerWrapper, wrapper } from './styles';
@@ -154,7 +155,7 @@ export class AlignmentToolbar extends React.Component {
     );
   }
   componentDidUpdate(prevProps) {
-    if (this.state.isOpen) {
+    if (this.props.toolbarType !== ToolbarType.FLOATING && this.state.isOpen) {
       // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
       // associated with the alignment button doesn't render until the next render cycle
       // where the popup will be correctly positioned and the relative position of the tooltip

package/dist/esm/alignmentPlugin.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { alignment } from '@atlaskit/adf-schema';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin, pluginKey } from './pm-plugins/main';
+import { FloatingToolbarComponent } from './ui/FloatingToolbarComponent';
 import { PrimaryToolbarComponent } from './ui/PrimaryToolbarComponent';
 export var defaultConfig = {
   align: 'start'
@@ -62,6 +64,33 @@ export var alignmentPlugin = function alignmentPlugin(_ref) {
         }
       }];
     },
+    pluginsOptions: {
+      selectionToolbar: function selectionToolbar() {
+        if (editorExperiment('contextual_formatting_toolbar', true, {
+          exposure: true
+        })) {
+          var toolbarCustom = {
+            type: 'custom',
+            render: function render(view) {
+              if (!view) {
+                return;
+              }
+              return /*#__PURE__*/React.createElement(FloatingToolbarComponent, {
+                api: api,
+                editorView: view
+              });
+            },
+            fallback: []
+          };
+          return {
+            isToolbarAbove: true,
+            items: [toolbarCustom]
+          };
+        } else {
+          return undefined;
+        }
+      }
+    },
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
 };

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

@@ -0,0 +1,5 @@
+export var ToolbarType = /*#__PURE__*/function (ToolbarType) {
+  ToolbarType["PRIMARY"] = "primaryToolbar";
+  ToolbarType["FLOATING"] = "floatingToolbar";
+  return ToolbarType;
+}({});

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

@@ -25,7 +25,8 @@ function AlignmentButton(_ref) {
     "aria-pressed": isSelected,
     "aria-keyshortcuts": getAriaKeyshortcuts(shortcut),
     onClick: onClickCallback,
-    iconBefore: content
+    iconBefore: content,
+    titlePosition: 'bottom'
   });
 }
 export default AlignmentButton;

package/dist/esm/ui/FloatingToolbarComponent.js

@@ -0,0 +1,26 @@
+import React, { useCallback } from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { changeAlignment } from '../editor-commands';
+import { ToolbarType } from '../pm-plugins/types';
+import ToolbarAlignment from './ToolbarAlignment';
+var FloatingToolbarSettings = {
+  disabled: false,
+  isToolbarReducedSpacing: true
+};
+export function FloatingToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
+  var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
+    alignmentState = _useSharedPluginState.alignmentState;
+  var changeAlignmentCallback = useCallback(function (align) {
+    return changeAlignment(align)(editorView.state, editorView.dispatch);
+  }, [editorView]);
+  return /*#__PURE__*/React.createElement(ToolbarAlignment, {
+    pluginState: alignmentState,
+    isReducedSpacing: FloatingToolbarSettings.isToolbarReducedSpacing,
+    changeAlignment: changeAlignmentCallback,
+    disabled: FloatingToolbarSettings.disabled || !alignmentState.isEnabled,
+    toolbarType: ToolbarType.FLOATING,
+    api: api
+  });
+}

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -1,6 +1,7 @@
 import React, { useCallback } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { changeAlignment } from '../editor-commands';
+import { ToolbarType } from '../pm-plugins/types';
 import ToolbarAlignment from './ToolbarAlignment';
 export function PrimaryToolbarComponent(_ref) {
   var api = _ref.api,
@@ -23,6 +24,7 @@ export function PrimaryToolbarComponent(_ref) {
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
     popupsScrollableElement: popupsScrollableElement,
-    api: api
+    api: api,
+    toolbarType: ToolbarType.PRIMARY
   });
 }

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 { ToolbarType } from '../../pm-plugins/types';
 import Alignment from '../Alignment';
 import { IconMap } from './icon-map';
 import { triggerWrapper, wrapper } from './styles';
@@ -175,7 +176,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this3 = this;
-      if (this.state.isOpen) {
+      if (this.props.toolbarType !== ToolbarType.FLOATING && this.state.isOpen) {
         // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
         // associated with the alignment button doesn't render until the next render cycle
         // where the popup will be correctly positioned and the relative position of the tooltip

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

@@ -3,3 +3,7 @@ export type AlignmentPluginState = {
     align: AlignmentState;
     isEnabled?: boolean;
 };
+export declare enum ToolbarType {
+    PRIMARY = "primaryToolbar",
+    FLOATING = "floatingToolbar"
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AlignmentPlugin } from '../alignmentPluginType';
+interface FloatingToolbarComponentProps {
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    editorView: EditorView;
+}
+export declare function FloatingToolbarComponent({ api, editorView }: FloatingToolbarComponentProps): JSX.Element;
+export {};

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

@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AlignmentPlugin } from '../../alignmentPluginType';
-import type { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
+import { type AlignmentPluginState, type AlignmentState, ToolbarType } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
 }
@@ -20,6 +20,7 @@ export interface Props {
     isReducedSpacing?: boolean;
     disabled?: boolean;
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    toolbarType: ToolbarType;
 }
 export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
     static displayName: string;

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

@@ -3,3 +3,7 @@ export type AlignmentPluginState = {
     align: AlignmentState;
     isEnabled?: boolean;
 };
+export declare enum ToolbarType {
+    PRIMARY = "primaryToolbar",
+    FLOATING = "floatingToolbar"
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AlignmentPlugin } from '../alignmentPluginType';
+interface FloatingToolbarComponentProps {
+    api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    editorView: EditorView;
+}
+export declare function FloatingToolbarComponent({ api, editorView }: FloatingToolbarComponentProps): JSX.Element;
+export {};

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

@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { AlignmentPlugin } from '../../alignmentPluginType';
-import type { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
+import { type AlignmentPluginState, type AlignmentState, ToolbarType } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
 }
@@ -20,6 +20,7 @@ export interface Props {
     isReducedSpacing?: boolean;
     disabled?: boolean;
     api: ExtractInjectionAPI<AlignmentPlugin> | undefined;
+    toolbarType: ToolbarType;
 }
 export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
     static displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "1.13.8",
+	"version": "1.14.1",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -21,12 +21,13 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^95.10.0",
+		"@atlaskit/editor-common": "^96.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^22.28.0",
+		"@atlaskit/icon": "^23.0.0",
 		"@atlaskit/platform-feature-flags": "0.3.0",
+		"@atlaskit/tmp-editor-statsig": "^2.22.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"