@atlaskit/editor-core 153.1.1 → 153.1.5

package/dist/esm/plugins/undo-redo/undo-redo-input-source.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { pluginKey as undoRedoPluginKey } from './pm-plugins/plugin-key';
 

package/dist/esm/plugins/unsupported-content/index.js

@@ -1,6 +1,6 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { confluenceUnsupportedBlock, confluenceUnsupportedInline, unsupportedBlock, unsupportedInline, unsupportedMark, unsupportedNodeAttribute } from '@atlaskit/adf-schema';
-import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common';
+import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { ReactNodeView } from '../../nodeviews';
 export var pluginKey = new PluginKey('unsupportedContentPlugin');
 

package/dist/esm/plugins/view-update-subscription/index.js

@@ -1,10 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Plugin, PluginKey } from 'prosemirror-state';
 export var trackerStore = new WeakMap();
 
-var Tracker = function Tracker() {
+var Tracker = /*#__PURE__*/_createClass(function Tracker() {
   var _this = this;
 
   _classCallCheck(this, Tracker);
@@ -26,7 +27,7 @@ var Tracker = function Tracker() {
   });
 
   this.subscriptions = [];
-};
+});
 
 var pluginKey = new PluginKey('viewUpdateSubscriptionKey');
 

package/dist/esm/plugins/width/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { Plugin, PluginKey } from 'prosemirror-state';
 export var pluginKey = new PluginKey('widthPlugin');

package/dist/esm/profiler/render-count.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import uuid from 'uuid';
 import { useComponentRenderTracking } from '../utils/react-hooks/use-component-renderer-tracking';
-import { RenderCountProfiler as RenderCountProfilerClass } from '@atlaskit/editor-common';
+import { RenderCountProfiler as RenderCountProfilerClass } from '@atlaskit/editor-common/utils';
 export var ProfiledComponentIds;
 
 (function (ProfiledComponentIds) {

package/dist/esm/test-utils.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { TextSelection } from 'prosemirror-state';
 import { sortByOrder } from './create-editor/sort-by-order';

package/dist/esm/ui/Addon/ClickAreaMobile/index.js

@@ -23,7 +23,7 @@ import { clickAreaClickHandler } from '../click-area-helper';
  */
 
 var ClickWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  ", "\n"])), function (props) {
-  return props.persistScrollGutter !== true && "min-height: ".concat(props.minHeight, "vh");
+  return props.isExpanded && props.minHeight && "min-height: ".concat(props.minHeight, "px");
 });
 ClickWrapper.displayName = 'ClickWrapper';
 
@@ -90,7 +90,8 @@ var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
         minHeight: this.props.minHeight,
         persistScrollGutter: this.props.persistScrollGutter,
         onClick: this.handleClick,
-        innerRef: this.clickElementRef
+        innerRef: this.clickElementRef,
+        isExpanded: this.props.isExpanded
       }, this.props.children);
     }
   }]);

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

@@ -13,6 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { PureComponent } from 'react';
 import ToolbarButton from '../../ToolbarButton';
+import { ToolTipContent } from '../../../keymaps';
 
 var AlignmentButton = /*#__PURE__*/function (_PureComponent) {
   _inherits(AlignmentButton, _PureComponent);
@@ -47,12 +48,17 @@ var AlignmentButton = /*#__PURE__*/function (_PureComponent) {
       var _this$props2 = this.props,
           label = _this$props2.label,
           isSelected = _this$props2.isSelected,
-          content = _this$props2.content;
+          content = _this$props2.content,
+          shortcut = _this$props2.shortcut;
       return /*#__PURE__*/React.createElement(ToolbarButton, {
         disabled: false,
         selected: isSelected,
-        title: label,
+        title: /*#__PURE__*/React.createElement(ToolTipContent, {
+          description: label,
+          keymap: shortcut
+        }),
         "aria-label": label,
+        "aria-pressed": isSelected,
         onClick: this.onClick,
         iconBefore: content
       });

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

@@ -15,14 +15,17 @@ import { iconMap } from '../../plugins/alignment/ui/ToolbarAlignment/icon-map';
 import AlignmentButton from './AlignmentButton';
 import { alignmentMessages } from './messages';
 import { AlignmentWrapper } from './styles';
+import { alignLeft, alignRight } from '../../keymaps';
 var alignmentOptions = [{
   title: alignmentMessages.alignLeft,
+  shortcut: alignLeft,
   value: 'start'
 }, {
   title: alignmentMessages.alignCenter,
   value: 'center'
 }, {
   title: alignmentMessages.alignRight,
+  shortcut: alignRight,
   value: 'end'
 }];
 
@@ -52,13 +55,15 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
         }
       }, alignmentOptions.map(function (alignment) {
         var value = alignment.value,
-            title = alignment.title;
+            title = alignment.title,
+            shortcut = alignment.shortcut;
         var message = intl.formatMessage(title);
         return /*#__PURE__*/React.createElement(AlignmentButton, {
           content: iconMap[value],
           key: value,
           value: value,
           label: message,
+          shortcut: shortcut,
           onClick: onClick,
           isSelected: value === selectedAlignment
         });

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -28,7 +28,7 @@ import { stateKey as mediaPluginKey } from '../../../plugins/media/pm-plugins/pl
 import { ClickAreaBlock } from '../../Addon';
 import { tableCommentEditorStyles } from '../../../plugins/table/ui/common-styles.css';
 import WithFlash from '../../WithFlash';
-import { WidthConsumer } from '@atlaskit/editor-common';
+import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 import WidthEmitter from '../../WidthEmitter';
 import { GRID_GUTTER } from '../../../plugins/grid';

package/dist/esm/ui/Appearance/FullPage/FullPage.js

@@ -78,7 +78,7 @@ export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
     }));
 
     _defineProperty(_assertThisInitialized(_this), "handleResize", function () {
-      _this.scheduledKeylineUpdate = _this.updateToolbarKeyline();
+      _this.updateToolbarKeyline();
     });
 
     return _this;
@@ -93,10 +93,7 @@ export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       window.removeEventListener('resize', this.handleResize);
-
-      if (this.scheduledKeylineUpdate) {
-        cancelAnimationFrame(this.scheduledKeylineUpdate);
-      }
+      this.updateToolbarKeyline.cancel();
     }
   }, {
     key: "render",

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -1,4 +1,4 @@
-import { WidthConsumer } from '@atlaskit/editor-common';
+import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ContextPanelConsumer } from '../../ContextPanel/context';
 import React from 'react';
 import { ClickAreaBlock } from '../../Addon';

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

@@ -24,11 +24,13 @@ export function MobileAppearance(_ref) {
         mobileDimensions = _ref2.mobileDimensions;
     var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
     var minHeight = 100;
+    var currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
 
     if (mobileDimensions) {
       var keyboardHeight = mobileDimensions.keyboardHeight,
           windowHeight = mobileDimensions.windowHeight,
-          mobilePaddingTop = mobileDimensions.mobilePaddingTop;
+          mobilePaddingTop = mobileDimensions.mobilePaddingTop,
+          isExpanded = mobileDimensions.isExpanded;
       /*
         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),
@@ -36,9 +38,16 @@ export function MobileAppearance(_ref) {
         is scrolled nevertheless, and it gives the sensation that the content was lost.
       */
 
-      var keyboardHeightVh = keyboardHeight * 100 / windowHeight;
-      var paddingVh = mobilePaddingTop * 100 / windowHeight;
-      minHeight = 100 - keyboardHeightVh - paddingVh;
+      if (!persistScrollGutter) {
+        // in iOS Hybrid Editor windowHeight doesn't exclude keyboardHeight
+        // in Android keyboardHeight is always set to -1;
+        minHeight = windowHeight - keyboardHeight - 2 * mobilePaddingTop;
+      } else {
+        // in iOS Compact Editor windowHeight excludes keyboardHeight
+        minHeight = windowHeight - mobilePaddingTop; // isExpanded can be true of false for Compact editor
+
+        currentIsExpanded = isExpanded;
+      }
     }
 
     return /*#__PURE__*/React.createElement(WithFlash, {
@@ -49,7 +58,8 @@ export function MobileAppearance(_ref) {
     }, /*#__PURE__*/React.createElement(ClickArea, {
       editorView: editorView || undefined,
       minHeight: minHeight,
-      persistScrollGutter: persistScrollGutter
+      persistScrollGutter: persistScrollGutter,
+      isExpanded: currentIsExpanded
     }, /*#__PURE__*/React.createElement(ContentArea, null, /*#__PURE__*/React.createElement("div", {
       className: "ak-editor-content-area"
     }, children)))));

package/dist/esm/ui/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -1,78 +1,147 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
 import { DEFAULT_BORDER_COLOR } from './common';
+import { darkPanelColors } from '@atlaskit/editor-common/styles';
 export var panelBackgroundPalette = [{
-  label: 'Doctor',
+  label: 'White',
   value: colors.N0
 }, {
-  label: 'Pixie dust',
+  label: 'Light blue',
   value: colors.B50
 }, {
-  label: "Gram's sofa",
+  label: 'Light teal',
   value: colors.T50
 }, {
-  label: 'The smell',
+  label: 'Light green',
   value: colors.G50
 }, {
-  label: 'James blonde',
+  label: 'Light yellow',
   value: colors.Y50
 }, {
-  label: 'Rosie',
+  label: 'Light red',
   value: colors.R50
 }, {
-  label: 'Lavender secret',
+  label: 'Light purple',
   value: colors.P50
 }, {
-  label: "Gram's hair",
+  label: 'Light gray',
   value: colors.N20
 }, {
-  label: 'Schwag',
+  label: 'Blue',
   value: colors.B75
 }, {
-  label: 'Arctic chill',
+  label: 'Teal',
   value: colors.T75
 }, {
-  label: 'Mintie',
+  label: 'Green',
   value: colors.G75
 }, {
-  label: 'Dandelion whisper',
+  label: 'Yellow',
   value: colors.Y75
 }, {
-  label: 'Bondi sunburn',
+  label: 'Red',
   value: colors.R75
 }, {
-  label: 'Phantom mist',
+  label: 'Purple',
   value: colors.P75
 }, {
-  label: 'Sentinel',
+  label: 'Gray',
   value: colors.N60
 }, {
-  label: 'Arvo breeze',
+  label: 'Dark blue',
   value: colors.B100
 }, {
-  label: 'Hairy fairy',
+  label: 'Dark teal',
   value: colors.T100
 }, {
-  label: 'Green tea',
+  label: 'Dark green',
   value: colors.G200
 }, {
-  label: 'Pub mix',
+  label: 'Dark yellow',
   value: colors.Y200
 }, {
-  label: 'Alexandria',
+  label: 'Dark red',
   value: colors.R100
 }, {
-  label: 'Herky jerky',
+  label: 'Dark purple',
   value: colors.P100
 }].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
     border: DEFAULT_BORDER_COLOR
   });
+});
+export var panelDarkModeBackgroundPalette = [{
+  label: 'Dark gray',
+  value: darkPanelColors.DarkGray
+}, {
+  label: 'Dark blue',
+  value: darkPanelColors.B1200S
+}, {
+  label: 'Dark teal',
+  value: darkPanelColors.T1200S
+}, {
+  label: 'Dark green',
+  value: darkPanelColors.G1200S
+}, {
+  label: 'Dark yellow',
+  value: darkPanelColors.Y1200S
+}, {
+  label: 'Dark red',
+  value: darkPanelColors.R1200S
+}, {
+  label: 'Dark purple',
+  value: darkPanelColors.P1200S
+}, {
+  label: 'Gray',
+  value: darkPanelColors.Gray
+}, {
+  label: 'blue',
+  value: darkPanelColors.B900
+}, {
+  label: 'teal',
+  value: darkPanelColors.T900
+}, {
+  label: 'green',
+  value: darkPanelColors.G900
+}, {
+  label: 'yellow',
+  value: darkPanelColors.Y900
+}, {
+  label: 'red',
+  value: darkPanelColors.R900
+}, {
+  label: 'purple',
+  value: darkPanelColors.P900
+}, {
+  label: 'Light gray',
+  value: darkPanelColors.LightGray
+}, {
+  label: 'Light blue',
+  value: darkPanelColors.B800S
+}, {
+  label: 'Light teal',
+  value: darkPanelColors.T900S
+}, {
+  label: 'Light green',
+  value: darkPanelColors.G900S
+}, {
+  label: 'Light yellow',
+  value: darkPanelColors.Y800S
+}, {
+  label: 'Light red',
+  value: darkPanelColors.R800S
+}, {
+  label: 'Light purple',
+  value: darkPanelColors.P800S
+}].map(function (color) {
+  return _objectSpread(_objectSpread({}, color), {}, {
+    border: DEFAULT_BORDER_COLOR
+  });
 });

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

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2;
 
 import React from 'react';
 import styled from 'styled-components';
-import { Popup, withOuterListeners } from '@atlaskit/editor-common';
+import { Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
 import Button from '@atlaskit/button';
 import Tooltip from '@atlaskit/tooltip';
 import { N60A } from '@atlaskit/theme/colors';

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["value"],
+    _excluded2 = ["id", "value"];
 
 var _templateObject, _templateObject2;
 
@@ -50,7 +52,7 @@ function Checkbox(_ref) {
         error = _ref2.error;
 
     var isChecked = fieldProps.value,
-        restFieldProps = _objectWithoutProperties(fieldProps, ["value"]);
+        restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
 
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(AKCheckbox, _extends({}, restFieldProps, {
       label: label,
@@ -88,7 +90,7 @@ function Toggle(_ref3) {
 
     var id = fieldProps.id,
         isChecked = fieldProps.value,
-        restFieldProps = _objectWithoutProperties(fieldProps, ["id", "value"]);
+        restFieldProps = _objectWithoutProperties(fieldProps, _excluded2);
 
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ToggleFieldWrapper, null, /*#__PURE__*/React.createElement(ToggleLabel, {
       id: id,

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["onChange", "value"];
 
 var _templateObject;
 
@@ -30,7 +31,7 @@ function CheckboxGroupInner(_ref) {
 
   var onChange = fieldProps.onChange,
       value = fieldProps.value,
-      restFieldProps = _objectWithoutProperties(fieldProps, ["onChange", "value"]);
+      restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
 
   function _onChange(optionValue, isChecked) {
     var active = new Set(value ? value : []);

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

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 var _templateObject, _templateObject2;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import { Field } from '@atlaskit/form';

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

@@ -6,9 +6,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { Fragment, useState, useEffect, useMemo } from 'react';
 import { injectIntl } from 'react-intl-next';

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

@@ -11,9 +11,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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); }; }
 

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

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { Fragment } from 'react';
 import { Field } from '@atlaskit/form';

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onChange"];
 import React, { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
 import TextArea from '@atlaskit/textarea';
@@ -31,7 +32,7 @@ export default function String(_ref) {
 
     if (field.style === 'multiline') {
       var _onChange = fieldProps.onChange,
-          restFieldProps = _objectWithoutProperties(fieldProps, ["onChange"]);
+          restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
 
       var options = field.options;
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({}, restFieldProps, options, {

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

@@ -3,6 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["value"];
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -91,7 +92,7 @@ function SafeSmartUserPicker(_ref) {
       includeUsers = _context$includeUsers === void 0 ? true : _context$includeUsers;
 
   var safeValue = formFieldProps.value,
-      formFieldPropsRest = _objectWithoutProperties(formFieldProps, ["value"]);
+      formFieldPropsRest = _objectWithoutProperties(formFieldProps, _excluded);
 
   var isMultiple = field.isMultiple,
       placeholder = field.placeholder;

package/dist/esm/ui/ConfigPanel/FormContent.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import { isFieldset } from '@atlaskit/editor-common/extensions';

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

@@ -10,9 +10,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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); }; }
 

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

@@ -14,7 +14,7 @@ import React from 'react';
 import { PureComponent } from 'react'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 import DropdownList from '@atlaskit/droplist';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import withOuterListeners from '../with-outer-listeners';
 
 /**