@atlaskit/editor-core 187.43.17 → 187.43.19

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 187.43.19
+
+### Patch Changes
+
+- [`2a6a2518852`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a6a2518852) - Reverse dependencies for mobile dimensions plugin & base plugin
+
+## 187.43.18
+
+### Patch Changes
+
+- [`eaa9770d475`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eaa9770d475) - [ED-18264] Remove feature flag for chart colors
+
 ## 187.43.17
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -278,7 +278,7 @@ Object.defineProperty(exports, "insertDate", {
 Object.defineProperty(exports, "insertExpand", {
   enumerable: true,
   get: function get() {
-    return _commands5.insertExpand;
+    return _commands6.insertExpand;
   }
 });
 Object.defineProperty(exports, "insertMediaSingleNode", {
@@ -350,7 +350,7 @@ Object.defineProperty(exports, "selectionPluginKey", {
 Object.defineProperty(exports, "setIsExpanded", {
   enumerable: true,
   get: function get() {
-    return _commands4.setIsExpanded;
+    return _commands5.setIsExpanded;
   }
 });
 Object.defineProperty(exports, "setKeyboardHeight", {
@@ -362,7 +362,7 @@ Object.defineProperty(exports, "setKeyboardHeight", {
 Object.defineProperty(exports, "setMobilePaddingTop", {
   enumerable: true,
   get: function get() {
-    return _commands4.setMobilePaddingTop;
+    return _commands5.setMobilePaddingTop;
   }
 });
 Object.defineProperty(exports, "setStatusPickerAt", {
@@ -462,7 +462,8 @@ var _actions2 = require("./plugins/status/actions");
 var _typeAhead = require("./plugins/type-ahead");
 var _history = require("./plugins/history");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _commands4 = require("./plugins/mobile-dimensions/commands");
+var _commands4 = require("./plugins/base/commands");
+var _commands5 = require("./plugins/mobile-dimensions/commands");
 var _utils = require("./utils");
 var _utils2 = require("@atlaskit/editor-common/utils");
 var _createEditor = require("./create-editor");
@@ -470,7 +471,7 @@ var _actions3 = _interopRequireDefault(require("./actions"));
 var _portalProvider = require("@atlaskit/editor-common/portal-provider");
 var _gapCursorSelection = require("./plugins/selection/gap-cursor-selection");
 var _mobileSelection = require("./plugins/mobile-selection");
-var _commands5 = require("./plugins/expand/commands");
+var _commands6 = require("./plugins/expand/commands");
 var _WithPluginState = _interopRequireDefault(require("./ui/WithPluginState"));
 var _statusColorPalette = require("./ui/ColorPalette/Palettes/statusColorPalette");
 var _common = require("./ui/ColorPalette/Palettes/common");

package/dist/cjs/plugins/base/commands.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setKeyboardHeight = void 0;
+var _pluginKey = require("./pm-plugins/scroll-gutter/plugin-key");
+var setKeyboardHeight = function setKeyboardHeight(keyboardHeight) {
+  return function (state, dispatch) {
+    var tr = state.tr;
+    tr.setMeta(_pluginKey.scrollGutterPluginKey, {
+      keyboardHeight: keyboardHeight
+    });
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+exports.setKeyboardHeight = setKeyboardHeight;

package/dist/cjs/plugins/base/plugin.js

@@ -18,7 +18,7 @@ var _disableSpellChecking = _interopRequireDefault(require("./pm-plugins/disable
 var _contextIdentifier = _interopRequireWildcard(require("./pm-plugins/context-identifier"));
 var _newlinePreserveMarks = _interopRequireDefault(require("./pm-plugins/newline-preserve-marks"));
 var _inlineCursorTarget = _interopRequireDefault(require("./pm-plugins/inline-cursor-target"));
-var _scrollGutter = _interopRequireDefault(require("./pm-plugins/scroll-gutter"));
+var _scrollGutter = _interopRequireWildcard(require("./pm-plugins/scroll-gutter"));
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _frozenEditor = _interopRequireDefault(require("./pm-plugins/frozen-editor"));
 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); }
@@ -37,7 +37,8 @@ var basePlugin = function basePlugin(_ref) {
     name: 'base',
     getSharedState: function getSharedState(editorState) {
       return {
-        contextIdentifier: (0, _contextIdentifier.getContextIdentifier)(editorState)
+        contextIdentifier: (0, _contextIdentifier.getContextIdentifier)(editorState),
+        keyboardHeight: (0, _scrollGutter.getKeyboardHeight)(editorState)
       };
     },
     pmPlugins: function pmPlugins() {

package/dist/cjs/plugins/base/pm-plugins/{scroll-gutter.js → scroll-gutter/index.js}

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getKeyboardHeight = exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
-var _utils2 = require("../../mobile-dimensions/utils");
+var _pluginKey = require("./plugin-key");
+var getKeyboardHeight = function getKeyboardHeight(state) {
+  if (state) {
+    var scrollGutterPluginState = (0, _pluginKey.getScrollGutterPluginState)(state);
+    return scrollGutterPluginState ? scrollGutterPluginState.keyboardHeight : undefined;
+  }
+};
+exports.getKeyboardHeight = getKeyboardHeight;
 var MIN_TAP_SIZE_IN_PX = 40;
 function supportsIntersectionObserver() {
   if (typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype) {
@@ -151,6 +158,18 @@ var _default = function _default() {
   var scrollElement = null; // | undefined;
 
   return new _safePlugin.SafePlugin({
+    key: _pluginKey.scrollGutterPluginKey,
+    state: {
+      init: function init() {
+        return {};
+      },
+      apply: function apply(tr, pluginState) {
+        if (tr.getMeta(_pluginKey.scrollGutterPluginKey)) {
+          return tr.getMeta(_pluginKey.scrollGutterPluginKey);
+        }
+        return pluginState;
+      }
+    },
     props: {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.
@@ -195,6 +214,7 @@ var _default = function _default() {
          * Toggle the Scroll Gutter Element
          */
         update: function update(view, prevState) {
+          var _getKeyboardHeight;
           if (!scrollElement || !editorParentElement) {
             return;
           }
@@ -219,8 +239,8 @@ var _default = function _default() {
             return;
           }
           // Determine whether we need to consider Keyboard Height
-          var mobileDimensionsPluginState = (0, _utils2.getMobileDimensionsPluginState)(state);
-          var viewportHeight = scrollElement.offsetHeight - (mobileDimensionsPluginState && mobileDimensionsPluginState.keyboardHeight ? mobileDimensionsPluginState.keyboardHeight : 0);
+          var keyboardHeight = (_getKeyboardHeight = getKeyboardHeight(state)) !== null && _getKeyboardHeight !== void 0 ? _getKeyboardHeight : 0;
+          var viewportHeight = scrollElement.offsetHeight - keyboardHeight;
           var contentHeight = editorParentElement.offsetHeight - (gutterMounted ? gutterSize : 0);
 
           // Add or remove the gutter based on whether the content is about to exceed the viewport height.

package/dist/cjs/plugins/base/pm-plugins/scroll-gutter/plugin-key.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollGutterPluginKey = exports.getScrollGutterPluginState = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var scrollGutterPluginKey = new _state.PluginKey('scrollGutter');
+exports.scrollGutterPluginKey = scrollGutterPluginKey;
+var getScrollGutterPluginState = function getScrollGutterPluginState(state) {
+  if (state) {
+    return scrollGutterPluginKey.getState(state);
+  }
+};
+exports.getScrollGutterPluginState = getScrollGutterPluginState;

package/dist/cjs/plugins/mobile-dimensions/actions.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MobileDimensionsActionTypes = void 0;
 var MobileDimensionsActionTypes = /*#__PURE__*/function (MobileDimensionsActionTypes) {
-  MobileDimensionsActionTypes["SET_KEYBOARD_HEIGHT"] = "SET_KEYBOARD_HEIGHT";
   MobileDimensionsActionTypes["SET_WINDOW_HEIGHT"] = "SET_WINDOW_HEIGHT";
   MobileDimensionsActionTypes["SET_MOBILE_PADDING_TOP"] = "SET_MOBILE_PADDING_TOP";
   MobileDimensionsActionTypes["SET_IS_EXPANDED"] = "SET_IS_EXPANDED";

package/dist/cjs/plugins/mobile-dimensions/commands.js

@@ -3,16 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setWindowHeight = exports.setMobilePaddingTop = exports.setKeyboardHeight = exports.setIsExpanded = void 0;
+exports.setWindowHeight = exports.setMobilePaddingTop = exports.setIsExpanded = void 0;
 var _actions = require("./actions");
 var _pluginFactory = require("./plugin-factory");
-var setKeyboardHeight = function setKeyboardHeight(keyboardHeight) {
-  return (0, _pluginFactory.createCommand)({
-    type: _actions.MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT,
-    keyboardHeight: keyboardHeight
-  });
-};
-exports.setKeyboardHeight = setKeyboardHeight;
 var setWindowHeight = function setWindowHeight(windowHeight) {
   return (0, _pluginFactory.createCommand)({
     type: _actions.MobileDimensionsActionTypes.SET_WINDOW_HEIGHT,

package/dist/cjs/plugins/mobile-dimensions/index.js

@@ -9,7 +9,6 @@ var _commands = require("./commands");
 var _pluginFactory = require("./plugin-factory");
 var getInitialState = function getInitialState() {
   return {
-    keyboardHeight: -1,
     mobilePaddingTop: 0,
     windowHeight: window.innerHeight,
     isExpanded: false

package/dist/cjs/plugins/mobile-dimensions/reducer.js

@@ -11,10 +11,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _default(state, action) {
   switch (action.type) {
-    case _actions.MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        keyboardHeight: action.keyboardHeight
-      });
     case _actions.MobileDimensionsActionTypes.SET_WINDOW_HEIGHT:
       return _objectSpread(_objectSpread({}, state), {}, {
         windowHeight: action.windowHeight

package/dist/cjs/ui/AppearanceComponents/Mobile.js

@@ -15,6 +15,7 @@ var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
 var _ContentStyles = require("../ContentStyles");
 var _Addon = require("../Addon");
+var _context = require("../../presets/context");
 var _templateObject;
 /** @jsx jsx */
 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); }
@@ -23,11 +24,13 @@ var mobileEditor = (0, _react2.css)(_templateObject || (_templateObject = (0, _t
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)();
 ContentArea.displayName = 'ContentArea';
 var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppearance(_ref, ref) {
+  var _api$base2;
   var editorView = _ref.editorView,
     persistScrollGutter = _ref.persistScrollGutter,
     children = _ref.children,
     editorDisabled = _ref.editorDisabled,
     featureFlags = _ref.featureFlags;
+  var api = (0, _context.usePresetContext)();
   var render = (0, _react.useCallback)(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
       mobileDimensions = _ref2.mobileDimensions;
@@ -35,10 +38,13 @@ var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppear
     var minHeight = 100;
     var currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
     if (mobileDimensions) {
-      var keyboardHeight = mobileDimensions.keyboardHeight,
-        windowHeight = mobileDimensions.windowHeight,
+      var _api$base, _basePluginState$keyb;
+      var windowHeight = mobileDimensions.windowHeight,
         mobilePaddingTop = mobileDimensions.mobilePaddingTop,
         isExpanded = mobileDimensions.isExpanded;
+      var basePluginState = api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
+      var keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
+
       /*
         We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
         This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
@@ -73,7 +79,7 @@ var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppear
     }, (0, _react2.jsx)("div", {
       className: "ak-editor-content-area"
     }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags]);
+  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 ? void 0 : (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
   return (0, _react2.jsx)(_WithPluginState.default, {
     plugins: {
       maxContentSize: _maxContentSize.pluginKey,

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -340,18 +340,13 @@ var ColorPicker = function ColorPicker(props) {
     title = props.title,
     currentColor = props.currentColor,
     onChange = props.onChange,
-    onFieldChange = props.onFieldChange,
-    featureFlags = props.featureFlags;
+    onFieldChange = props.onFieldChange;
   var onColorChange = function onColorChange(color) {
     var colorValue = color.value;
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-      expandedChartColors: false
-    },
-    expandedChartColors = _ref.expandedChartColors;
-  return expandedChartColors ? (0, _react.jsx)(_ColorPickerButton.default, {
+  return (0, _react.jsx)(_ColorPickerButton.default, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
@@ -364,25 +359,13 @@ var ColorPicker = function ColorPicker(props) {
       width: "var(--ds-space-300, 24px)",
       height: "var(--ds-space-300, 24px)"
     }
-  }) : (0, _react.jsx)(_ColorPickerButton.default, {
-    title: title,
-    currentColor: currentColor,
-    onChange: onColorChange,
-    colorPalette: colorPalette,
-    cols: ORIGINAL_COLOR_PICKER_COLUMNS,
-    alignX: "right",
-    placement: "ConfigPanel",
-    size: {
-      width: "var(--ds-space-300, 24px)",
-      height: "var(--ds-space-300, 24px)"
-    }
   });
 };
-var ColorPickerField = function ColorPickerField(_ref2) {
-  var name = _ref2.name,
-    field = _ref2.field,
-    onFieldChange = _ref2.onFieldChange,
-    featureFlags = _ref2.featureFlags;
+var ColorPickerField = function ColorPickerField(_ref) {
+  var name = _ref.name,
+    field = _ref.field,
+    onFieldChange = _ref.onFieldChange,
+    featureFlags = _ref.featureFlags;
   var label = field.label,
     defaultValue = field.defaultValue,
     isRequired = field.isRequired;
@@ -393,9 +376,9 @@ var ColorPickerField = function ColorPickerField(_ref2) {
     validate: function validate(value) {
       return (0, _utils.validate)(field, value || '');
     }
-  }, function (_ref3) {
-    var fieldProps = _ref3.fieldProps,
-      error = _ref3.error;
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps,
+      error = _ref2.error;
     return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
       css: colorPickerWrapper
     }, (0, _react.jsx)("label", {

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.43.17";
+var version = "187.43.19";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/index.js

@@ -41,7 +41,8 @@ export { commitStatusPicker, setStatusPickerAt, updateStatus, updateStatusWithAn
 export { typeAheadPluginKey } from './plugins/type-ahead';
 export { historyPluginKey } from './plugins/history';
 export { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-export { setKeyboardHeight, setMobilePaddingTop, setIsExpanded } from './plugins/mobile-dimensions/commands';
+export { setKeyboardHeight } from './plugins/base/commands';
+export { setMobilePaddingTop, setIsExpanded } from './plugins/mobile-dimensions/commands';
 
 // Used in editor-test-helpers and mobile bridge
 export { setTextSelection, getNodesCount, measurements } from './utils';

package/dist/es2019/plugins/base/commands.js

@@ -0,0 +1,13 @@
+import { scrollGutterPluginKey } from './pm-plugins/scroll-gutter/plugin-key';
+export const setKeyboardHeight = keyboardHeight => (state, dispatch) => {
+  const {
+    tr
+  } = state;
+  tr.setMeta(scrollGutterPluginKey, {
+    keyboardHeight
+  });
+  if (dispatch) {
+    dispatch(tr);
+  }
+  return true;
+};

package/dist/es2019/plugins/base/plugin.js

@@ -9,7 +9,7 @@ import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
 import contextIdentifierPlugin, { getContextIdentifier } from './pm-plugins/context-identifier';
 import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
-import scrollGutter from './pm-plugins/scroll-gutter';
+import scrollGutter, { getKeyboardHeight } from './pm-plugins/scroll-gutter';
 import { keymap } from '@atlaskit/editor-common/keymaps';
 import frozenEditor from './pm-plugins/frozen-editor';
 // Chrome >= 88
@@ -24,7 +24,8 @@ const basePlugin = ({
     name: 'base',
     getSharedState(editorState) {
       return {
-        contextIdentifier: getContextIdentifier(editorState)
+        contextIdentifier: getContextIdentifier(editorState),
+        keyboardHeight: getKeyboardHeight(editorState)
       };
     },
     pmPlugins() {

package/dist/es2019/plugins/base/pm-plugins/{scroll-gutter.js → scroll-gutter/index.js}

@@ -1,6 +1,12 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, isEmptyDocument } from '@atlaskit/editor-common/utils';
-import { getMobileDimensionsPluginState } from '../../mobile-dimensions/utils';
+import { getScrollGutterPluginState, scrollGutterPluginKey } from './plugin-key';
+export const getKeyboardHeight = state => {
+  if (state) {
+    const scrollGutterPluginState = getScrollGutterPluginState(state);
+    return scrollGutterPluginState ? scrollGutterPluginState.keyboardHeight : undefined;
+  }
+};
 const MIN_TAP_SIZE_IN_PX = 40;
 function supportsIntersectionObserver() {
   if (typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype) {
@@ -143,6 +149,16 @@ export default ((pluginOptions = {}) => {
   let scrollElement = null; // | undefined;
 
   return new SafePlugin({
+    key: scrollGutterPluginKey,
+    state: {
+      init: () => ({}),
+      apply: (tr, pluginState) => {
+        if (tr.getMeta(scrollGutterPluginKey)) {
+          return tr.getMeta(scrollGutterPluginKey);
+        }
+        return pluginState;
+      }
+    },
     props: {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.
@@ -179,6 +195,7 @@ export default ((pluginOptions = {}) => {
          * Toggle the Scroll Gutter Element
          */
         update(view, prevState) {
+          var _getKeyboardHeight;
           if (!scrollElement || !editorParentElement) {
             return;
           }
@@ -203,8 +220,8 @@ export default ((pluginOptions = {}) => {
             return;
           }
           // Determine whether we need to consider Keyboard Height
-          const mobileDimensionsPluginState = getMobileDimensionsPluginState(state);
-          const viewportHeight = scrollElement.offsetHeight - (mobileDimensionsPluginState && mobileDimensionsPluginState.keyboardHeight ? mobileDimensionsPluginState.keyboardHeight : 0);
+          const keyboardHeight = (_getKeyboardHeight = getKeyboardHeight(state)) !== null && _getKeyboardHeight !== void 0 ? _getKeyboardHeight : 0;
+          const viewportHeight = scrollElement.offsetHeight - keyboardHeight;
           const contentHeight = editorParentElement.offsetHeight - (gutterMounted ? gutterSize : 0);
 
           // Add or remove the gutter based on whether the content is about to exceed the viewport height.

package/dist/es2019/plugins/base/pm-plugins/scroll-gutter/plugin-key.js

@@ -0,0 +1,7 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const scrollGutterPluginKey = new PluginKey('scrollGutter');
+export const getScrollGutterPluginState = state => {
+  if (state) {
+    return scrollGutterPluginKey.getState(state);
+  }
+};

package/dist/es2019/plugins/mobile-dimensions/actions.js

@@ -1,5 +1,4 @@
 export let MobileDimensionsActionTypes = /*#__PURE__*/function (MobileDimensionsActionTypes) {
-  MobileDimensionsActionTypes["SET_KEYBOARD_HEIGHT"] = "SET_KEYBOARD_HEIGHT";
   MobileDimensionsActionTypes["SET_WINDOW_HEIGHT"] = "SET_WINDOW_HEIGHT";
   MobileDimensionsActionTypes["SET_MOBILE_PADDING_TOP"] = "SET_MOBILE_PADDING_TOP";
   MobileDimensionsActionTypes["SET_IS_EXPANDED"] = "SET_IS_EXPANDED";

package/dist/es2019/plugins/mobile-dimensions/commands.js

@@ -1,9 +1,5 @@
 import { MobileDimensionsActionTypes } from './actions';
 import { createCommand } from './plugin-factory';
-export const setKeyboardHeight = keyboardHeight => createCommand({
-  type: MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT,
-  keyboardHeight
-});
 export const setWindowHeight = windowHeight => createCommand({
   type: MobileDimensionsActionTypes.SET_WINDOW_HEIGHT,
   windowHeight

package/dist/es2019/plugins/mobile-dimensions/index.js

@@ -2,7 +2,6 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { setWindowHeight } from './commands';
 import { createPluginState, mobileDimensionsPluginKey } from './plugin-factory';
 const getInitialState = () => ({
-  keyboardHeight: -1,
   mobilePaddingTop: 0,
   windowHeight: window.innerHeight,
   isExpanded: false

package/dist/es2019/plugins/mobile-dimensions/reducer.js

@@ -1,11 +1,6 @@
 import { MobileDimensionsActionTypes } from './actions';
 export default function (state, action) {
   switch (action.type) {
-    case MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT:
-      return {
-        ...state,
-        keyboardHeight: action.keyboardHeight
-      };
     case MobileDimensionsActionTypes.SET_WINDOW_HEIGHT:
       return {
         ...state,

package/dist/es2019/ui/AppearanceComponents/Mobile.js

@@ -7,6 +7,7 @@ import WithPluginState from '../WithPluginState';
 import WithFlash from '../WithFlash';
 import { createEditorContentStyle } from '../ContentStyles';
 import { ClickAreaMobile as ClickArea } from '../Addon';
+import { usePresetContext } from '../../presets/context';
 const mobileEditor = css`
   min-height: 30px;
   width: 100%;
@@ -30,6 +31,8 @@ export const MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearanc
   editorDisabled,
   featureFlags
 }, ref) {
+  var _api$base2;
+  const api = usePresetContext();
   const render = useCallback(({
     maxContentSize,
     mobileDimensions
@@ -38,12 +41,15 @@ export const MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearanc
     let minHeight = 100;
     let currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
     if (mobileDimensions) {
+      var _api$base, _basePluginState$keyb;
       const {
-        keyboardHeight,
         windowHeight,
         mobilePaddingTop,
         isExpanded
       } = mobileDimensions;
+      const basePluginState = api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
+      const keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
+
       /*
         We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
         This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
@@ -78,7 +84,7 @@ export const MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearanc
     }, jsx("div", {
       className: "ak-editor-content-area"
     }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags]);
+  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 ? void 0 : (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
   return jsx(WithPluginState, {
     plugins: {
       maxContentSize: maxContentSizePluginKey,

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -333,20 +333,14 @@ const ColorPicker = props => {
     title,
     currentColor,
     onChange,
-    onFieldChange,
-    featureFlags
+    onFieldChange
   } = props;
   const onColorChange = color => {
     const colorValue = color.value;
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  const {
-    expandedChartColors
-  } = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-    expandedChartColors: false
-  };
-  return expandedChartColors ? jsx(ColorPickerButton, {
+  return jsx(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
@@ -359,18 +353,6 @@ const ColorPicker = props => {
       width: "var(--ds-space-300, 24px)",
       height: "var(--ds-space-300, 24px)"
     }
-  }) : jsx(ColorPickerButton, {
-    title: title,
-    currentColor: currentColor,
-    onChange: onColorChange,
-    colorPalette: colorPalette,
-    cols: ORIGINAL_COLOR_PICKER_COLUMNS,
-    alignX: "right",
-    placement: "ConfigPanel",
-    size: {
-      width: "var(--ds-space-300, 24px)",
-      height: "var(--ds-space-300, 24px)"
-    }
   });
 };
 const ColorPickerField = ({

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.43.17";
+export const version = "187.43.19";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/index.js

@@ -41,7 +41,8 @@ export { commitStatusPicker, setStatusPickerAt, updateStatus, updateStatusWithAn
 export { typeAheadPluginKey } from './plugins/type-ahead';
 export { historyPluginKey } from './plugins/history';
 export { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-export { setKeyboardHeight, setMobilePaddingTop, setIsExpanded } from './plugins/mobile-dimensions/commands';
+export { setKeyboardHeight } from './plugins/base/commands';
+export { setMobilePaddingTop, setIsExpanded } from './plugins/mobile-dimensions/commands';
 
 // Used in editor-test-helpers and mobile bridge
 export { setTextSelection, getNodesCount, measurements } from './utils';

package/dist/esm/plugins/base/commands.js

@@ -0,0 +1,13 @@
+import { scrollGutterPluginKey } from './pm-plugins/scroll-gutter/plugin-key';
+export var setKeyboardHeight = function setKeyboardHeight(keyboardHeight) {
+  return function (state, dispatch) {
+    var tr = state.tr;
+    tr.setMeta(scrollGutterPluginKey, {
+      keyboardHeight: keyboardHeight
+    });
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  };
+};

package/dist/esm/plugins/base/plugin.js

@@ -12,7 +12,7 @@ import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
 import contextIdentifierPlugin, { getContextIdentifier } from './pm-plugins/context-identifier';
 import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
-import scrollGutter from './pm-plugins/scroll-gutter';
+import scrollGutter, { getKeyboardHeight } from './pm-plugins/scroll-gutter';
 import { keymap } from '@atlaskit/editor-common/keymaps';
 import frozenEditor from './pm-plugins/frozen-editor';
 // Chrome >= 88
@@ -26,7 +26,8 @@ var basePlugin = function basePlugin(_ref) {
     name: 'base',
     getSharedState: function getSharedState(editorState) {
       return {
-        contextIdentifier: getContextIdentifier(editorState)
+        contextIdentifier: getContextIdentifier(editorState),
+        keyboardHeight: getKeyboardHeight(editorState)
       };
     },
     pmPlugins: function pmPlugins() {

package/dist/esm/plugins/base/pm-plugins/{scroll-gutter.js → scroll-gutter/index.js}

@@ -1,6 +1,12 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, isEmptyDocument } from '@atlaskit/editor-common/utils';
-import { getMobileDimensionsPluginState } from '../../mobile-dimensions/utils';
+import { getScrollGutterPluginState, scrollGutterPluginKey } from './plugin-key';
+export var getKeyboardHeight = function getKeyboardHeight(state) {
+  if (state) {
+    var scrollGutterPluginState = getScrollGutterPluginState(state);
+    return scrollGutterPluginState ? scrollGutterPluginState.keyboardHeight : undefined;
+  }
+};
 var MIN_TAP_SIZE_IN_PX = 40;
 function supportsIntersectionObserver() {
   if (typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype) {
@@ -145,6 +151,18 @@ export default (function () {
   var scrollElement = null; // | undefined;
 
   return new SafePlugin({
+    key: scrollGutterPluginKey,
+    state: {
+      init: function init() {
+        return {};
+      },
+      apply: function apply(tr, pluginState) {
+        if (tr.getMeta(scrollGutterPluginKey)) {
+          return tr.getMeta(scrollGutterPluginKey);
+        }
+        return pluginState;
+      }
+    },
     props: {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.
@@ -189,6 +207,7 @@ export default (function () {
          * Toggle the Scroll Gutter Element
          */
         update: function update(view, prevState) {
+          var _getKeyboardHeight;
           if (!scrollElement || !editorParentElement) {
             return;
           }
@@ -213,8 +232,8 @@ export default (function () {
             return;
           }
           // Determine whether we need to consider Keyboard Height
-          var mobileDimensionsPluginState = getMobileDimensionsPluginState(state);
-          var viewportHeight = scrollElement.offsetHeight - (mobileDimensionsPluginState && mobileDimensionsPluginState.keyboardHeight ? mobileDimensionsPluginState.keyboardHeight : 0);
+          var keyboardHeight = (_getKeyboardHeight = getKeyboardHeight(state)) !== null && _getKeyboardHeight !== void 0 ? _getKeyboardHeight : 0;
+          var viewportHeight = scrollElement.offsetHeight - keyboardHeight;
           var contentHeight = editorParentElement.offsetHeight - (gutterMounted ? gutterSize : 0);
 
           // Add or remove the gutter based on whether the content is about to exceed the viewport height.

package/dist/esm/plugins/base/pm-plugins/scroll-gutter/plugin-key.js

@@ -0,0 +1,7 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var scrollGutterPluginKey = new PluginKey('scrollGutter');
+export var getScrollGutterPluginState = function getScrollGutterPluginState(state) {
+  if (state) {
+    return scrollGutterPluginKey.getState(state);
+  }
+};

package/dist/esm/plugins/mobile-dimensions/actions.js

@@ -1,5 +1,4 @@
 export var MobileDimensionsActionTypes = /*#__PURE__*/function (MobileDimensionsActionTypes) {
-  MobileDimensionsActionTypes["SET_KEYBOARD_HEIGHT"] = "SET_KEYBOARD_HEIGHT";
   MobileDimensionsActionTypes["SET_WINDOW_HEIGHT"] = "SET_WINDOW_HEIGHT";
   MobileDimensionsActionTypes["SET_MOBILE_PADDING_TOP"] = "SET_MOBILE_PADDING_TOP";
   MobileDimensionsActionTypes["SET_IS_EXPANDED"] = "SET_IS_EXPANDED";

package/dist/esm/plugins/mobile-dimensions/commands.js

@@ -1,11 +1,5 @@
 import { MobileDimensionsActionTypes } from './actions';
 import { createCommand } from './plugin-factory';
-export var setKeyboardHeight = function setKeyboardHeight(keyboardHeight) {
-  return createCommand({
-    type: MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT,
-    keyboardHeight: keyboardHeight
-  });
-};
 export var setWindowHeight = function setWindowHeight(windowHeight) {
   return createCommand({
     type: MobileDimensionsActionTypes.SET_WINDOW_HEIGHT,

package/dist/esm/plugins/mobile-dimensions/index.js

@@ -3,7 +3,6 @@ import { setWindowHeight } from './commands';
 import { createPluginState, mobileDimensionsPluginKey } from './plugin-factory';
 var getInitialState = function getInitialState() {
   return {
-    keyboardHeight: -1,
     mobilePaddingTop: 0,
     windowHeight: window.innerHeight,
     isExpanded: false

package/dist/esm/plugins/mobile-dimensions/reducer.js

@@ -4,10 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { MobileDimensionsActionTypes } from './actions';
 export default function (state, action) {
   switch (action.type) {
-    case MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        keyboardHeight: action.keyboardHeight
-      });
     case MobileDimensionsActionTypes.SET_WINDOW_HEIGHT:
       return _objectSpread(_objectSpread({}, state), {}, {
         windowHeight: action.windowHeight

package/dist/esm/ui/AppearanceComponents/Mobile.js

@@ -9,15 +9,18 @@ import WithPluginState from '../WithPluginState';
 import WithFlash from '../WithFlash';
 import { createEditorContentStyle } from '../ContentStyles';
 import { ClickAreaMobile as ClickArea } from '../Addon';
+import { usePresetContext } from '../../presets/context';
 var mobileEditor = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 30px;\n  width: 100%;\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n  }\n"])));
 var ContentArea = createEditorContentStyle();
 ContentArea.displayName = 'ContentArea';
 export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(_ref, ref) {
+  var _api$base2;
   var editorView = _ref.editorView,
     persistScrollGutter = _ref.persistScrollGutter,
     children = _ref.children,
     editorDisabled = _ref.editorDisabled,
     featureFlags = _ref.featureFlags;
+  var api = usePresetContext();
   var render = useCallback(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
       mobileDimensions = _ref2.mobileDimensions;
@@ -25,10 +28,13 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
     var minHeight = 100;
     var currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
     if (mobileDimensions) {
-      var keyboardHeight = mobileDimensions.keyboardHeight,
-        windowHeight = mobileDimensions.windowHeight,
+      var _api$base, _basePluginState$keyb;
+      var windowHeight = mobileDimensions.windowHeight,
         mobilePaddingTop = mobileDimensions.mobilePaddingTop,
         isExpanded = mobileDimensions.isExpanded;
+      var basePluginState = api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
+      var keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
+
       /*
         We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
         This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
@@ -63,7 +69,7 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
     }, jsx("div", {
       className: "ak-editor-content-area"
     }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags]);
+  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 ? void 0 : (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
   return jsx(WithPluginState, {
     plugins: {
       maxContentSize: maxContentSizePluginKey,

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -330,18 +330,13 @@ var ColorPicker = function ColorPicker(props) {
     title = props.title,
     currentColor = props.currentColor,
     onChange = props.onChange,
-    onFieldChange = props.onFieldChange,
-    featureFlags = props.featureFlags;
+    onFieldChange = props.onFieldChange;
   var onColorChange = function onColorChange(color) {
     var colorValue = color.value;
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-      expandedChartColors: false
-    },
-    expandedChartColors = _ref.expandedChartColors;
-  return expandedChartColors ? jsx(ColorPickerButton, {
+  return jsx(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
@@ -354,25 +349,13 @@ var ColorPicker = function ColorPicker(props) {
       width: "var(--ds-space-300, 24px)",
       height: "var(--ds-space-300, 24px)"
     }
-  }) : jsx(ColorPickerButton, {
-    title: title,
-    currentColor: currentColor,
-    onChange: onColorChange,
-    colorPalette: colorPalette,
-    cols: ORIGINAL_COLOR_PICKER_COLUMNS,
-    alignX: "right",
-    placement: "ConfigPanel",
-    size: {
-      width: "var(--ds-space-300, 24px)",
-      height: "var(--ds-space-300, 24px)"
-    }
   });
 };
-var ColorPickerField = function ColorPickerField(_ref2) {
-  var name = _ref2.name,
-    field = _ref2.field,
-    onFieldChange = _ref2.onFieldChange,
-    featureFlags = _ref2.featureFlags;
+var ColorPickerField = function ColorPickerField(_ref) {
+  var name = _ref.name,
+    field = _ref.field,
+    onFieldChange = _ref.onFieldChange,
+    featureFlags = _ref.featureFlags;
   var label = field.label,
     defaultValue = field.defaultValue,
     isRequired = field.isRequired;
@@ -383,9 +366,9 @@ var ColorPickerField = function ColorPickerField(_ref2) {
     validate: function validate(value) {
       return _validate(field, value || '');
     }
-  }, function (_ref3) {
-    var fieldProps = _ref3.fieldProps,
-      error = _ref3.error;
+  }, function (_ref2) {
+    var fieldProps = _ref2.fieldProps,
+      error = _ref2.error;
     return jsx(Fragment, null, jsx("div", {
       css: colorPickerWrapper
     }, jsx("label", {

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.43.17";
+export var version = "187.43.19";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/index.d.ts

@@ -61,7 +61,8 @@ QuickInsertProvider, } from '@atlaskit/editor-common/provider-factory';
 export { historyPluginKey } from './plugins/history';
 export { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, } from '@atlaskit/editor-common/analytics';
 export type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-export { setKeyboardHeight, setMobilePaddingTop, setIsExpanded, } from './plugins/mobile-dimensions/commands';
+export { setKeyboardHeight } from './plugins/base/commands';
+export { setMobilePaddingTop, setIsExpanded, } from './plugins/mobile-dimensions/commands';
 export { setTextSelection, getNodesCount, measurements } from './utils';
 export { 
 /**

package/dist/types/plugins/base/commands.d.ts

@@ -0,0 +1,2 @@
+import type { Command } from '@atlaskit/editor-common/types';
+export declare const setKeyboardHeight: (keyboardHeight: number) => Command;

package/dist/types/plugins/base/plugin.d.ts

@@ -12,6 +12,8 @@ export interface BasePluginOptions {
 }
 export type BasePluginState = {
     contextIdentifier: ContextIdentifierProvider | undefined;
+    /** Current height of keyboard (+ custom toolbar) in iOS app */
+    keyboardHeight: number | undefined;
 };
 export type BasePlugin = NextEditorPlugin<'base', {
     pluginConfiguration: BasePluginOptions | undefined;

package/dist/{types-ts4.5/plugins/base/pm-plugins/scroll-gutter.d.ts → types/plugins/base/pm-plugins/scroll-gutter/index.d.ts}

@@ -1,5 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const getKeyboardHeight: (state?: EditorState) => number | undefined;
 export type ScrollGutterPluginOptions = {
     /** Element the page uses for scrolling */
     getScrollElement?: (view: EditorView) => HTMLElement | null;
@@ -16,5 +18,5 @@ export type ScrollGutterPluginOptions = {
     persistScrollGutter?: boolean;
     gutterSize?: number;
 };
-declare const _default: (pluginOptions?: ScrollGutterPluginOptions) => SafePlugin<any> | undefined;
+declare const _default: (pluginOptions?: ScrollGutterPluginOptions) => SafePlugin<{}> | undefined;
 export default _default;

package/dist/types/plugins/base/pm-plugins/scroll-gutter/plugin-key.d.ts

@@ -0,0 +1,7 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export type ScrollGutterPluginState = {
+    keyboardHeight: number;
+};
+export declare const scrollGutterPluginKey: PluginKey<ScrollGutterPluginState>;
+export declare const getScrollGutterPluginState: (state?: EditorState) => ScrollGutterPluginState | undefined;

package/dist/types/plugins/mobile-dimensions/actions.d.ts

@@ -1,5 +1,4 @@
 export declare enum MobileDimensionsActionTypes {
-    SET_KEYBOARD_HEIGHT = "SET_KEYBOARD_HEIGHT",
     SET_WINDOW_HEIGHT = "SET_WINDOW_HEIGHT",
     SET_MOBILE_PADDING_TOP = "SET_MOBILE_PADDING_TOP",
     SET_IS_EXPANDED = "SET_IS_EXPANDED"
@@ -8,10 +7,6 @@ export interface SetMobilePaddingTop {
     type: MobileDimensionsActionTypes.SET_MOBILE_PADDING_TOP;
     paddingTop: number;
 }
-export interface SetKeyboardHeight {
-    type: MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT;
-    keyboardHeight: number;
-}
 export interface SetWindowHeight {
     type: MobileDimensionsActionTypes.SET_WINDOW_HEIGHT;
     windowHeight: number;
@@ -20,4 +15,4 @@ export interface SetIsExpanded {
     type: MobileDimensionsActionTypes.SET_IS_EXPANDED;
     isExpanded: boolean;
 }
-export type MobileDimensionsAction = SetKeyboardHeight | SetWindowHeight | SetMobilePaddingTop | SetIsExpanded;
+export type MobileDimensionsAction = SetWindowHeight | SetMobilePaddingTop | SetIsExpanded;

package/dist/types/plugins/mobile-dimensions/commands.d.ts

@@ -1,4 +1,3 @@
-export declare const setKeyboardHeight: (keyboardHeight: number) => import("@atlaskit/editor-common/types").Command;
 export declare const setWindowHeight: (windowHeight: number) => import("@atlaskit/editor-common/types").Command;
 export declare const setMobilePaddingTop: (paddingTop: number) => import("@atlaskit/editor-common/types").Command;
 export declare const setIsExpanded: (isExpanded: boolean) => import("@atlaskit/editor-common/types").Command;

package/dist/types/plugins/mobile-dimensions/index.d.ts

@@ -1,3 +1,3 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions'>;
 export default mobileDimensionsPlugin;

package/dist/types/plugins/mobile-dimensions/reducer.d.ts

@@ -1,3 +1,3 @@
-import { MobileDimensionsAction } from './actions';
-import { MobileDimensionsPluginState } from './types';
+import type { MobileDimensionsAction } from './actions';
+import type { MobileDimensionsPluginState } from './types';
 export default function (state: MobileDimensionsPluginState, action: MobileDimensionsAction): MobileDimensionsPluginState;

package/dist/types/plugins/mobile-dimensions/types.d.ts

@@ -1,6 +1,4 @@
 export type MobileDimensionsPluginState = {
-    /** Current height of keyboard (+ custom toolbar) in iOS app */
-    keyboardHeight: number;
     /** Current value of window.innerHeight, on Android this changes when keyboards shows/hides */
     windowHeight: number;
     /** Current value of padding top set from native (see WebBridge abstract class implementation) */

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

@@ -61,7 +61,8 @@ QuickInsertProvider, } from '@atlaskit/editor-common/provider-factory';
 export { historyPluginKey } from './plugins/history';
 export { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, } from '@atlaskit/editor-common/analytics';
 export type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-export { setKeyboardHeight, setMobilePaddingTop, setIsExpanded, } from './plugins/mobile-dimensions/commands';
+export { setKeyboardHeight } from './plugins/base/commands';
+export { setMobilePaddingTop, setIsExpanded, } from './plugins/mobile-dimensions/commands';
 export { setTextSelection, getNodesCount, measurements } from './utils';
 export { 
 /**

package/dist/types-ts4.5/plugins/base/commands.d.ts

@@ -0,0 +1,2 @@
+import type { Command } from '@atlaskit/editor-common/types';
+export declare const setKeyboardHeight: (keyboardHeight: number) => Command;

package/dist/types-ts4.5/plugins/base/plugin.d.ts

@@ -12,6 +12,8 @@ export interface BasePluginOptions {
 }
 export type BasePluginState = {
     contextIdentifier: ContextIdentifierProvider | undefined;
+    /** Current height of keyboard (+ custom toolbar) in iOS app */
+    keyboardHeight: number | undefined;
 };
 export type BasePlugin = NextEditorPlugin<'base', {
     pluginConfiguration: BasePluginOptions | undefined;

package/dist/{types/plugins/base/pm-plugins/scroll-gutter.d.ts → types-ts4.5/plugins/base/pm-plugins/scroll-gutter/index.d.ts}

@@ -1,5 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const getKeyboardHeight: (state?: EditorState) => number | undefined;
 export type ScrollGutterPluginOptions = {
     /** Element the page uses for scrolling */
     getScrollElement?: (view: EditorView) => HTMLElement | null;
@@ -16,5 +18,5 @@ export type ScrollGutterPluginOptions = {
     persistScrollGutter?: boolean;
     gutterSize?: number;
 };
-declare const _default: (pluginOptions?: ScrollGutterPluginOptions) => SafePlugin<any> | undefined;
+declare const _default: (pluginOptions?: ScrollGutterPluginOptions) => SafePlugin<{}> | undefined;
 export default _default;

package/dist/types-ts4.5/plugins/base/pm-plugins/scroll-gutter/plugin-key.d.ts

@@ -0,0 +1,7 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export type ScrollGutterPluginState = {
+    keyboardHeight: number;
+};
+export declare const scrollGutterPluginKey: PluginKey<ScrollGutterPluginState>;
+export declare const getScrollGutterPluginState: (state?: EditorState) => ScrollGutterPluginState | undefined;

package/dist/types-ts4.5/plugins/mobile-dimensions/actions.d.ts

@@ -1,5 +1,4 @@
 export declare enum MobileDimensionsActionTypes {
-    SET_KEYBOARD_HEIGHT = "SET_KEYBOARD_HEIGHT",
     SET_WINDOW_HEIGHT = "SET_WINDOW_HEIGHT",
     SET_MOBILE_PADDING_TOP = "SET_MOBILE_PADDING_TOP",
     SET_IS_EXPANDED = "SET_IS_EXPANDED"
@@ -8,10 +7,6 @@ export interface SetMobilePaddingTop {
     type: MobileDimensionsActionTypes.SET_MOBILE_PADDING_TOP;
     paddingTop: number;
 }
-export interface SetKeyboardHeight {
-    type: MobileDimensionsActionTypes.SET_KEYBOARD_HEIGHT;
-    keyboardHeight: number;
-}
 export interface SetWindowHeight {
     type: MobileDimensionsActionTypes.SET_WINDOW_HEIGHT;
     windowHeight: number;
@@ -20,4 +15,4 @@ export interface SetIsExpanded {
     type: MobileDimensionsActionTypes.SET_IS_EXPANDED;
     isExpanded: boolean;
 }
-export type MobileDimensionsAction = SetKeyboardHeight | SetWindowHeight | SetMobilePaddingTop | SetIsExpanded;
+export type MobileDimensionsAction = SetWindowHeight | SetMobilePaddingTop | SetIsExpanded;

package/dist/types-ts4.5/plugins/mobile-dimensions/commands.d.ts

@@ -1,4 +1,3 @@
-export declare const setKeyboardHeight: (keyboardHeight: number) => import("@atlaskit/editor-common/types").Command;
 export declare const setWindowHeight: (windowHeight: number) => import("@atlaskit/editor-common/types").Command;
 export declare const setMobilePaddingTop: (paddingTop: number) => import("@atlaskit/editor-common/types").Command;
 export declare const setIsExpanded: (isExpanded: boolean) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/plugins/mobile-dimensions/index.d.ts

@@ -1,3 +1,3 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions'>;
 export default mobileDimensionsPlugin;

package/dist/types-ts4.5/plugins/mobile-dimensions/reducer.d.ts

@@ -1,3 +1,3 @@
-import { MobileDimensionsAction } from './actions';
-import { MobileDimensionsPluginState } from './types';
+import type { MobileDimensionsAction } from './actions';
+import type { MobileDimensionsPluginState } from './types';
 export default function (state: MobileDimensionsPluginState, action: MobileDimensionsAction): MobileDimensionsPluginState;

package/dist/types-ts4.5/plugins/mobile-dimensions/types.d.ts

@@ -1,6 +1,4 @@
 export type MobileDimensionsPluginState = {
-    /** Current height of keyboard (+ custom toolbar) in iOS app */
-    keyboardHeight: number;
     /** Current value of window.innerHeight, on Android this changes when keyboards shows/hides */
     windowHeight: number;
     /** Current value of padding top set from native (see WebBridge abstract class implementation) */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.43.17",
+  "version": "187.43.19",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"