@atlaskit/editor-core 153.1.4 → 154.0.0

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

@@ -5,14 +5,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';
 const alignmentOptions = [{
   title: alignmentMessages.alignLeft,
+  shortcut: alignLeft,
   value: 'start'
 }, {
   title: alignmentMessages.alignCenter,
   value: 'center'
 }, {
   title: alignmentMessages.alignRight,
+  shortcut: alignRight,
   value: 'end'
 }];
 
@@ -32,7 +35,8 @@ class Alignment extends PureComponent {
     }, alignmentOptions.map(alignment => {
       const {
         value,
-        title
+        title,
+        shortcut
       } = alignment;
       const message = intl.formatMessage(title);
       return /*#__PURE__*/React.createElement(AlignmentButton, {
@@ -40,6 +44,7 @@ class Alignment extends PureComponent {
         key: value,
         value: value,
         label: message,
+        shortcut: shortcut,
         onClick: onClick,
         isSelected: value === selectedAlignment
       });

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

@@ -14,7 +14,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/es2019/ui/Appearance/FullPage/FullPage.js

@@ -56,7 +56,7 @@ export class FullPageEditor extends React.Component {
     }));
 
     _defineProperty(this, "handleResize", () => {
-      this.scheduledKeylineUpdate = this.updateToolbarKeyline();
+      this.updateToolbarKeyline();
     });
   }
 
@@ -66,10 +66,7 @@ export class FullPageEditor extends React.Component {
 
   componentWillUnmount() {
     window.removeEventListener('resize', this.handleResize);
-
-    if (this.scheduledKeylineUpdate) {
-      cancelAnimationFrame(this.scheduledKeylineUpdate);
-    }
+    this.updateToolbarKeyline.cancel();
   }
 
   render() {

package/dist/es2019/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/es2019/ui/AppearanceComponents/Mobile.js

@@ -35,12 +35,14 @@ export function MobileAppearance({
   }) => {
     const maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
     let minHeight = 100;
+    let currentIsExpanded = true; // isExpanded prop should always be true for Hybrid Editor
 
     if (mobileDimensions) {
       const {
         keyboardHeight,
         windowHeight,
-        mobilePaddingTop
+        mobilePaddingTop,
+        isExpanded
       } = mobileDimensions;
       /*
         We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
@@ -49,9 +51,16 @@ export function MobileAppearance({
         is scrolled nevertheless, and it gives the sensation that the content was lost.
       */
 
-      const keyboardHeightVh = keyboardHeight * 100 / windowHeight;
-      const 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, {
@@ -62,7 +71,8 @@ export function MobileAppearance({
     }, /*#__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/es2019/ui/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -2,69 +2,136 @@
 // 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 const 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(color => ({ ...color,
   border: DEFAULT_BORDER_COLOR
+}));
+export const 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(color => ({ ...color,
+  border: DEFAULT_BORDER_COLOR
 }));

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

@@ -1,6 +1,6 @@
 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/es2019/ui/Dropdown/index.js

@@ -3,7 +3,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';
 
 /**

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

@@ -6,7 +6,7 @@ import DropList from '@atlaskit/droplist'; // eslint-disable-next-line @atlaskit
 
 import Item, { ItemGroup } from '@atlaskit/item';
 import Tooltip from '@atlaskit/tooltip';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import withOuterListeners from '../with-outer-listeners';
 const Wrapper = styled.div`
@@ -72,7 +72,8 @@ export default class DropdownMenuWrapper extends PureComponent {
     const {
       onItemActivated,
       onMouseEnter,
-      onMouseLeave
+      onMouseLeave,
+      shouldUseDefaultRole
     } = this.props; // onClick and value.name are the action indicators in the handlers
     // If neither are present, don't wrap in an Item.
 
@@ -86,7 +87,7 @@ export default class DropdownMenuWrapper extends PureComponent {
       key: item.key || item.content,
       isSelected: item.isActive
     }, /*#__PURE__*/React.createElement(Item, {
-      role: "menuitem",
+      role: shouldUseDefaultRole ? 'button' : 'menuitem',
       elemBefore: item.elemBefore,
       elemAfter: item.elemAfter,
       isDisabled: item.isDisabled,
@@ -100,7 +101,8 @@ export default class DropdownMenuWrapper extends PureComponent {
         item
       }),
       className: item.className,
-      "aria-label": String(item.content)
+      "aria-label": item.label || String(item.content),
+      "aria-pressed": shouldUseDefaultRole ? item.isActive : undefined
     }, /*#__PURE__*/React.createElement(ItemContentWrapper, {
       hasElemBefore: !!item.elemBefore
     }, item.content)));
@@ -130,7 +132,8 @@ export default class DropdownMenuWrapper extends PureComponent {
       fitHeight,
       fitWidth,
       isOpen,
-      zIndex
+      zIndex,
+      shouldUseDefaultRole
     } = this.props;
     return /*#__PURE__*/React.createElement(Popup, {
       target: isOpen ? target : undefined,
@@ -158,7 +161,7 @@ export default class DropdownMenuWrapper extends PureComponent {
       }
     }), items.map((group, index) => /*#__PURE__*/React.createElement(ItemGroup, {
       key: index,
-      role: "menu"
+      role: shouldUseDefaultRole ? 'group' : 'menu'
     }, group.items.map(item => this.renderItem(item))))));
   }
 

package/dist/es2019/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -215,7 +215,7 @@ function ElementItem({
     innerRef: ref,
     onKeyPress: onKeyPress,
     "data-testid": `element-item-${index}`,
-    tabIndex: -1,
+    tabIndex: 0,
     style: inlineMode ? null : itemStyleOverrides
   }, /*#__PURE__*/React.createElement(ItemContent, {
     title: title,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PureComponent } from 'react';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { Container } from './styles';
 export { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from './utils';
 export default class FloatingToolbar extends PureComponent {

package/dist/es2019/ui/LinkSearch/LinkSearchList.js

@@ -25,15 +25,21 @@ export default class LinkSearchList extends PureComponent {
       items,
       selectedIndex,
       isLoading,
-      ariaControls
+      ariaControls,
+      role,
+      id
     } = this.props;
     let itemsContent;
     let loadingContent;
 
     if (items && items.length > 0) {
       itemsContent = /*#__PURE__*/React.createElement(List, {
+        id: id,
+        role: role,
         "aria-controls": ariaControls
       }, items.map((item, index) => /*#__PURE__*/React.createElement(LinkSearchListItem, {
+        id: `link-search-list-item-${index}`,
+        role: role && 'option',
         item: item,
         selected: selectedIndex === index,
         onMouseMove: onMouseMove,

package/dist/es2019/ui/LinkSearch/LinkSearchListItem.js

@@ -6,12 +6,9 @@ import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppress
 import { fontSizeSmall } from '@atlaskit/theme';
 import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import formatDistance from 'date-fns/formatDistance';
-import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
-import format from 'date-fns/format';
 import { getCorrectAltByIconUrl } from './listItemAlts';
+import { transformTimeStamp } from './transformTimeStamp';
 import { injectIntl } from 'react-intl-next';
-import messages from '../../messages';
 export const Container = styled.li`
   background-color: ${props => props.selected ? N20 : 'transparent'};
   padding: 8px 12px;
@@ -106,57 +103,29 @@ class LinkSearchListItem extends React.PureComponent {
     return null;
   }
 
-  renderWithSpaces(pageAction, dateString, timeSince = '') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0 \u2022", /*#__PURE__*/React.createElement("span", {
-      className: "link-search-timestamp",
-      "data-test-id": "link-search-timestamp"
-    }, "\xA0 ", pageAction, " ", dateString, " ", timeSince));
-  }
-
-  renderAbsoluteOrRelativeDate(timeStamp, pageAction) {
+  renderTimeStamp() {
     const {
+      item,
       intl
     } = this.props;
-    let pageActionText = '';
-
-    switch (pageAction) {
-      case 'updated':
-        pageActionText = intl.formatMessage(messages.timeUpdated);
-        break;
-
-      case 'viewed':
-        pageActionText = intl.formatMessage(messages.timeViewed);
-        break;
-    }
-
-    if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
-      return this.renderWithSpaces(pageActionText, format(timeStamp, 'MMMM dd, yyyy'));
-    }
-
-    return this.renderWithSpaces(pageActionText, formatDistance(timeStamp, Date.now()), intl.formatMessage(messages.timeAgo));
-  }
-
-  renderTimeStamp() {
-    const {
-      lastUpdatedDate,
-      lastViewedDate
-    } = this.props.item;
-
-    if (lastViewedDate) {
-      return this.renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed');
-    }
-
-    if (lastUpdatedDate) {
-      return this.renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated');
-    }
+    const date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
+    return date && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0 \u2022", /*#__PURE__*/React.createElement("span", {
+      className: "link-search-timestamp",
+      "data-test-id": "link-search-timestamp"
+    }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
   }
 
   render() {
     const {
       item,
-      selected
+      selected,
+      id,
+      role
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
+      role: role,
+      id: id,
+      "aria-selected": selected,
       "data-testid": "link-search-list-item",
       selected: selected,
       onMouseMove: this.handleMouseMove,

package/dist/es2019/ui/LinkSearch/transformTimeStamp.js

@@ -0,0 +1,41 @@
+import formatDistance from 'date-fns/formatDistance';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import messages from '../../messages';
+
+const renderAbsoluteOrRelativeDate = (timeStamp, pageAction, intl) => {
+  let pageActionText = '';
+
+  switch (pageAction) {
+    case 'updated':
+      pageActionText = intl.formatMessage(messages.timeUpdated);
+      break;
+
+    case 'viewed':
+      pageActionText = intl.formatMessage(messages.timeViewed);
+      break;
+  }
+
+  if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
+    return {
+      pageAction: pageActionText,
+      dateString: format(timeStamp, 'MMMM dd, yyyy')
+    };
+  }
+
+  return {
+    pageAction: pageActionText,
+    dateString: formatDistance(timeStamp, Date.now()),
+    timeSince: intl.formatMessage(messages.timeAgo)
+  };
+};
+
+export const transformTimeStamp = (intl, lastViewedDate, lastUpdatedDate) => {
+  if (lastViewedDate) {
+    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
+  }
+
+  if (lastUpdatedDate) {
+    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
+  }
+};

package/dist/es2019/ui/LinkSearch/withActivityProvider.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { WithProviders } from '@atlaskit/editor-common';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 export default function withActivityProvider(WrappedComponent) {
   return class WithActivityProvider extends React.Component {
     constructor(...args) {

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { PureComponent } from 'react';
 import { Input } from './styles';
-import { browser } from '@atlaskit/editor-common';
+import { browser } from '@atlaskit/editor-common/utils';
 const KeyZCode = 90;
 const KeyYCode = 89;
 export default class PanelTextInput extends PureComponent {
@@ -109,12 +109,22 @@ export default class PanelTextInput extends PureComponent {
       maxLength,
       testId,
       ariaLabel,
-      describedById
+      describedById,
+      ariaActiveDescendant,
+      ariaControls,
+      ariaExpanded,
+      ariaAutoComplete,
+      role
     } = this.props;
     const {
       value
     } = this.state;
     return /*#__PURE__*/React.createElement(Input, {
+      role: role,
+      "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-activedescendant": ariaActiveDescendant,
       "aria-describedby": describedById,
       "data-testid": testId || '',
       type: "text",

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

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import { gridTypeForLayout } from '../../plugins/grid';
 import { snapTo, handleSides } from './utils';
-import { richMediaClassName } from '@atlaskit/editor-common';
+import { richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics';
 

package/dist/es2019/ui/Resizer/styled.js

@@ -1,4 +1,4 @@
-import { MediaSingleDimensionHelper } from '@atlaskit/editor-common';
+import { MediaSingleDimensionHelper } from '@atlaskit/editor-common/ui';
 import styled from 'styled-components';
 export const Wrapper = styled.div`
   & > div {

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

@@ -27,6 +27,10 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     title,
     titlePosition = 'top',
     item,
+    'aria-label': ariaLabel,
+    'aria-haspopup': ariaHasPopup,
+    'aria-expanded': ariaExpanded,
+    'aria-pressed': ariaPressed,
     onClick,
     onItemClick
   } = props;
@@ -52,17 +56,14 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
       onItemClick(item);
     }
   }, [disabled, onClick, onItemClick, item, buttonId]);
-  const ariaLabel = props['aria-label'];
   const id = buttonId ? `editor-toolbar__${buttonId}` : undefined;
   const button = /*#__PURE__*/React.createElement(Button, {
     id: id,
     ref: ref,
     appearance: "subtle",
-    "aria-haspopup": true,
     testId: testId,
     className: className,
     href: href,
-    "aria-label": ariaLabel,
     iconAfter: iconAfter,
     iconBefore: iconBefore,
     isDisabled: disabled,
@@ -70,7 +71,11 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     onClick: handleClick,
     spacing: spacing || 'default',
     target: target,
-    shouldFitContainer: true
+    shouldFitContainer: true,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    "aria-label": ariaLabel,
+    "aria-pressed": ariaPressed
   }, children);
 
   if (!title) {

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

@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Spinner from '@atlaskit/spinner';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/custom-theme-button';
 import ToolbarButton from '../ToolbarButton';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { pluginKey as widthPluginKey } from '../../plugins/width';
-import { WidthConsumer } from '@atlaskit/editor-common';
+import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ContextPanelConsumer } from '../ContextPanel/context';
 
 function useCreateWidthCallbacks({

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { startMeasure, stopMeasure } from '@atlaskit/editor-common';
+import { startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { createDispatch } from '../../event-dispatcher';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../plugins/analytics';
 import { analyticsEventKey } from '../../plugins/analytics/consts';