@atlaskit/editor-plugin-block-controls 27.0.4 → 27.0.6

package/dist/es2019/pm-plugins/vanilla-quick-insert.js

@@ -1,5 +1,5 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { blockControlsMessages as messages } from '@atlaskit/editor-common/messages';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
+import { messages } from '@atlaskit/editor-common/messages/block-controls';
 import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';

package/dist/es2019/ui/block-controls-left-surface.compiled.css

@@ -1,4 +1,5 @@
-._zulpv77o{gap:var(--ds-space-025,2px)}._154iu2gc{top:var(--ds-space-100,8px)}
+._zulpv77o{gap:var(--ds-space-025,2px)}._154i1ejb{top:var(--ds-space-300,24px)}
+._154iu2gc{top:var(--ds-space-100,8px)}
 ._17c61i8t{position-visibility:anchors-valid}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}

package/dist/es2019/ui/block-controls-left-surface.js

@@ -21,6 +21,9 @@ const leftSurfaceRowStyles = null;
 // can stick near the top of the viewport instead of scrolling off with the node's top edge.
 // Keep in sync with STICKY_CONTROLS_TOP_MARGIN in ./consts (must be a static literal here).
 const leftSurfaceStickyStyles = null;
+
+// Keep in sync with STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER in ./consts (must be a static literal here)
+const leftSurfaceStickyTableHeaderStyles = null;
 const BlockControlsLeftSurfaceContent = ({
   api,
   components,
@@ -50,7 +53,7 @@ const BlockControlsLeftSurfaceContent = ({
     style: placement.style,
     className: ax(["_kqswstnw _17c61i8t _1pbyb4wl", isTopLevel && leftSurfaceGutterStyles.container])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isTopLevel && leftSurfaceGutterStyles.row, isSticky && "_kqsw1if8 _154iu2gc"])
+    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isTopLevel && leftSurfaceGutterStyles.row, isSticky && "_kqsw1if8 _154iu2gc", isSticky && (blockControlsContext === null || blockControlsContext === void 0 ? void 0 : blockControlsContext.targetNode.type.name) === 'table' && isExperimentEnabled('platform_editor_block_controls_sticky_header_fix') && "_154i1ejb"])
   }, /*#__PURE__*/React.createElement(BlockControlsVisibilityProvider, {
     shouldHideHoverControls: shouldHideHoverControls,
     useCssStyles: useCssStyles

package/dist/es2019/ui/block-controls-left-surfaces.js

@@ -5,8 +5,8 @@ import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
 import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { BLOCK_CONTROLS_LEFT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles';
+import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles/native-anchor';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
 import { getNodeTypeWithLevel } from '../pm-plugins/decorations-common';
 import { BlockControlsLeftSurface } from './block-controls-left-surface';

package/dist/es2019/ui/block-controls-right-surface.compiled.css

@@ -1,4 +1,5 @@
-._zulpv77o{gap:var(--ds-space-025,2px)}._154iu2gc{top:var(--ds-space-100,8px)}
+._zulpv77o{gap:var(--ds-space-025,2px)}._154i1ejb{top:var(--ds-space-300,24px)}
+._154iu2gc{top:var(--ds-space-100,8px)}
 ._17c61i8t{position-visibility:anchors-valid}
 ._1e0c1txw{display:flex}
 ._1pbyb4wl{z-index:100}

package/dist/es2019/ui/block-controls-right-surface.js

@@ -2,8 +2,10 @@
 import "./block-controls-right-surface.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { BLOCK_CONTROLS_RIGHT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
 import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model/surface-renderer';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { BlockControlsVisibilityProvider } from './block-controls-surface-components';
 import { useBlockControlsVisibility } from './visibility-container';
 const rightSurfaceOuterStyles = null;
@@ -14,6 +16,9 @@ const rightSurfaceRowStyles = null;
 // can stick near the top of the viewport instead of scrolling off with the node's top edge.
 // Keep in sync with STICKY_CONTROLS_TOP_MARGIN in ./consts (must be a static literal here).
 const rightSurfaceStickyStyles = null;
+
+// Keep in sync with STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER in ./consts (must be a static literal here)
+const rightSurfaceStickyTableHeaderStyles = null;
 const BlockControlsRightSurfaceContent = ({
   api,
   components,
@@ -22,6 +27,7 @@ const BlockControlsRightSurfaceContent = ({
   source,
   surfaceContext
 }) => {
+  const blockControlsContext = surfaceContext.get(BLOCK_CONTROL_UI_CONTEXT);
   const {
     shouldHide: shouldHideHoverControls,
     useCssStyles
@@ -40,7 +46,7 @@ const BlockControlsRightSurfaceContent = ({
     style: placement.style,
     className: ax(["_kqswstnw _17c61i8t _1pbyb4wl"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isSticky && "_kqsw1if8 _154iu2gc"])
+    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isSticky && "_kqsw1if8 _154iu2gc", isSticky && (blockControlsContext === null || blockControlsContext === void 0 ? void 0 : blockControlsContext.targetNode.type.name) === 'table' && isExperimentEnabled('platform_editor_block_controls_sticky_header_fix') && "_154i1ejb"])
   }, /*#__PURE__*/React.createElement(BlockControlsVisibilityProvider, {
     shouldHideHoverControls: shouldHideHoverControls,
     useCssStyles: useCssStyles

package/dist/es2019/ui/block-controls-right-surfaces.js

@@ -5,8 +5,8 @@ import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
 import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { BLOCK_CONTROLS_RIGHT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles';
+import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles/native-anchor';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
 import { getNodeTypeWithLevel } from '../pm-plugins/decorations-common';
 import { BlockControlsRightSurface } from './block-controls-right-surface';

package/dist/es2019/ui/block-controls-surface-drag-handle.js

@@ -7,13 +7,13 @@ import { useIntl } from 'react-intl';
 
 // oxlint-disable-next-line typescript/consistent-type-imports -- jsx is the runtime factory for the classic JSX pragma above.
 
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { surfaceDragHandleElementStore } from '@atlaskit/editor-common/block-controls/surface-drag-handle-element';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
+import { messages as blockControlsMessages } from '@atlaskit/editor-common/messages/block-controls';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/es2019/ui/consts.js

@@ -1,6 +1,6 @@
-import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles/drag-handle';
 import { breakoutResizableNodes as breakoutResizableNodesNew, getBreakoutResizableNodes } from '@atlaskit/editor-common/utils';
-import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
+import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/es2019/ui/drag-handle.js

@@ -8,14 +8,15 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { DRAG_HANDLE_WIDTH, tableControlsSpacing } from '@atlaskit/editor-common/styles';
+import { messages as blockControlsMessages } from '@atlaskit/editor-common/messages/block-controls';
+import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles/drag-handle';
+import { tableControlsSpacing } from '@atlaskit/editor-common/styles/table';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorFullPageNarrowBreakout, akEditorTableToolbarSize, relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/consts';
+import { akEditorFullPageNarrowBreakout, akEditorTableToolbarSize, relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/constants';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/es2019/ui/drop-target-layout.js

@@ -6,7 +6,7 @@ import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } fr
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
+import { layoutBreakpointWidth } from '@atlaskit/editor-shared-styles/constants';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';

package/dist/es2019/ui/drop-target.js

@@ -6,7 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

package/dist/es2019/ui/global-styles.js

@@ -4,11 +4,12 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, Global, jsx } from '@emotion/react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { ANCHOR_VARIABLE_NAME, DRAG_HANDLE_WIDTH, isCSSAnchorSupported } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles/drag-handle';
+import { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported } from '@atlaskit/editor-common/styles/native-anchor';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
-import { akEditorBreakoutPadding, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced } from '@atlaskit/editor-shared-styles';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace/whitespace';
+import { akEditorBreakoutPadding, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced } from '@atlaskit/editor-shared-styles/constants';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/es2019/ui/inline-drop-target.js

@@ -8,7 +8,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
+import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles/constants';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';

package/dist/es2019/ui/quick-insert-button.js

@@ -7,13 +7,13 @@ import React, { useCallback, useEffect, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages as messages } from '@atlaskit/editor-common/messages';
-import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
+import { messages } from '@atlaskit/editor-common/messages/block-controls';
+import { tableControlsSpacing } from '@atlaskit/editor-common/styles/table';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles';
+import { relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/constants';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import AddIcon from '@atlaskit/icon/core/add';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss

package/dist/es2019/ui/use-block-controls-surface-drag-source.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { startMeasure } from '@atlaskit/editor-common/performance-measures';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';

package/dist/es2019/ui/utils/get-node-content-element.js

@@ -1,4 +1,4 @@
-import { resizerItemClassName } from '@atlaskit/editor-common/styles';
+import { resizerItemClassName } from '@atlaskit/editor-common/styles/resizer';
 const INNER_CONTAINER_SELECTORS = {
   blockCard: '.datasourceView-content-inner-wrap',
   bodiedExtension: '.extension-container[data-layout]',

package/dist/es2019/ui/visibility-container.js

@@ -6,8 +6,8 @@ import React, { useEffect, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles/constants';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';

package/dist/esm/editor-commands/handle-key-down-with-preserved-selection.js

@@ -1,4 +1,4 @@
-import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
+import { deleteSelectedRange } from '@atlaskit/editor-common/selection/utils';
 import { stopPreservingSelection } from '../pm-plugins/selection-preservation/editor-commands';
 var getKeyboardEventInfo = function getKeyboardEventInfo(event) {
   var key = event.key.toLowerCase();

package/dist/esm/editor-commands/move-node-with-block-menu.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { _defineProperty(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; }
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { DIRECTION } from '@atlaskit/editor-common/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { DIRECTION } from '@atlaskit/editor-common/types/block-controls';
 import { key } from '../pm-plugins/main';
 import { mapPreservedSelection } from '../pm-plugins/utils/selection';
 import { moveNode } from './move-node';

package/dist/esm/editor-commands/move-node.js

@@ -1,12 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { _defineProperty(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; }
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import { expandedState } from '@atlaskit/editor-common/expand';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { expandSelectionBounds, GapCursorSelection } from '@atlaskit/editor-common/selection';
+import { messages as blockControlsMessages } from '@atlaskit/editor-common/messages/block-controls';
+import { expandSelectionBounds } from '@atlaskit/editor-common/selection';
+import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { transformSliceNestedExpandToExpand } from '@atlaskit/editor-common/transforms';
-import { DIRECTION } from '@atlaskit/editor-common/types';
+import { DIRECTION } from '@atlaskit/editor-common/types/block-controls';
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { isNodeTypeValidChildOf, getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';

package/dist/esm/editor-commands/move-to-layout.js

@@ -1,5 +1,5 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { logException } from '@atlaskit/editor-common/monitoring';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { logException } from '@atlaskit/editor-common/monitoring/error';
 import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';

package/dist/esm/pm-plugins/handle-mouse-down.js

@@ -1,4 +1,4 @@
-import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles/drag-handle';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var handleMouseDown = function handleMouseDown(api) {

package/dist/esm/pm-plugins/handle-mouse-over.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import memoizeOne from 'memoize-one';
-import { isMultiBlockSelection } from '@atlaskit/editor-common/selection';
+import { isMultiBlockSelection } from '@atlaskit/editor-common/selection/utils';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

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

@@ -1,5 +1,5 @@
 import { bindKeymapWithCommand, dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, showElementDragHandle } from '@atlaskit/editor-common/keymaps';
-import { DIRECTION } from '@atlaskit/editor-common/types';
+import { DIRECTION } from '@atlaskit/editor-common/types/block-controls';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { moveNodeViaShortcut } from '../editor-commands/move-node';
 import { showDragHandleAtSelection } from '../editor-commands/show-drag-handle';

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

@@ -6,14 +6,14 @@ 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) { _defineProperty(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; }
 import rafSchedule from 'raf-schd';
 import { getDocument } from '@atlaskit/browser-apis';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
+import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor-provider';
 import { isMeasuring, startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles/drag-handle';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
-import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
+import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui-toolbar';
 import { isEmptyDocument } from '@atlaskit/editor-common/utils';
 import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';

package/dist/esm/pm-plugins/selection-preservation/pm-plugin.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles/drag-handle';
 import { key } from '../main';
 import { createPreservedSelection, mapPreservedSelection } from '../utils/selection';
 import { stopPreservingSelection } from './editor-commands';

package/dist/esm/pm-plugins/sparse-surfaces-view.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { _defineProperty(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; }
 import { BLOCK_CONTROLS_LEFT_SURFACE, BLOCK_CONTROLS_RIGHT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
-import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
+import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor-provider';
 import { resolveSurface } from '@atlaskit/editor-ui-control-model/surface-renderer';
 import { createSurfaceAnchorDecorations } from './decorations-surface-anchor';
 import { key as blockControlsKey } from './main';

package/dist/esm/pm-plugins/utils/analytics.js

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 export var attachMoveNodeAnalytics = function attachMoveNodeAnalytics(tr, inputMethod, fromDepth, fromNodeTypes, toDepth, toNodeType, isSameParent, api, hasSelectedMultipleNodes) {
   var _api$analytics;
   return api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.attachAnalyticsEvent({

package/dist/esm/pm-plugins/utils/drag-handle-positions.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import memoizeOne from 'memoize-one';
-import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles/drag-handle';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H1_TOP_ADJUSTMENT, DRAG_HANDLE_H2_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_PARAGRAPH_SMALL_TOP_ADJUSTMENT, DRAG_HANDLE_PARAGRAPH_TOP_ADJUSTMENT, dragHandleGap } from '../../ui/consts';

package/dist/esm/pm-plugins/utils/expand-and-update-selection.js

@@ -1,7 +1,8 @@
 import { selectNodeAtPos } from '@atlaskit/editor-common/node-selection';
-import { expandToBlockRange, isMultiBlockRange } from '@atlaskit/editor-common/selection';
+import { isMultiBlockRange } from '@atlaskit/editor-common/selection';
+import { expandToBlockRange } from '@atlaskit/editor-common/selection/utils';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { selectTableClosestToPos } from '@atlaskit/editor-tables/utils';
+import { selectTableClosestToPos } from '@atlaskit/editor-tables/select-table-closest-to-pos';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { selectNode } from './getSelection';
 import { adjustSelectionBoundsForEdgePositions } from './selection';

package/dist/esm/pm-plugins/utils/getSelection.js

@@ -1,9 +1,10 @@
 import { getNodeSelectionForPos, selectNodeAtPos } from '@atlaskit/editor-common/node-selection';
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
+import { Side } from '@atlaskit/editor-common/selection';
+import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { selectTableClosestToPos } from '@atlaskit/editor-tables/utils';
+import { selectTableClosestToPos } from '@atlaskit/editor-tables/select-table-closest-to-pos';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var getInlineNodePos = function getInlineNodePos(doc, start, nodeSize) {
   var $startPos = doc.resolve(start);

package/dist/esm/pm-plugins/utils/selection.js

@@ -1,7 +1,8 @@
 import { INSERTED_TRAILING_PARAGRAPH_TO_LAST_NODE_META } from '@atlaskit/editor-common/block-type';
-import { expandToBlockRange, isMultiBlockRange } from '@atlaskit/editor-common/selection';
+import { isMultiBlockRange } from '@atlaskit/editor-common/selection';
+import { expandToBlockRange } from '@atlaskit/editor-common/selection/utils';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { getTableSelectionClosesToPos } from '@atlaskit/editor-tables/utils';
+import { getTableSelectionClosesToPos } from '@atlaskit/editor-tables/get-table-selection-closes-to-pos';
 import { getBlockControlsMeta, key } from '../main';
 import { newGetSelection } from './getSelection';
 export var getMultiSelectionIfPosInside = function getMultiSelectionIfPosInside(api, pos, tr) {

package/dist/esm/pm-plugins/utils/update-selection.js

@@ -1,4 +1,5 @@
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
+import { Side } from '@atlaskit/editor-common/selection';
+import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports

package/dist/esm/pm-plugins/vanilla-quick-insert.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { _defineProperty(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; }
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { blockControlsMessages as messages } from '@atlaskit/editor-common/messages';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
+import { messages } from '@atlaskit/editor-common/messages/block-controls';
 import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';

package/dist/esm/ui/block-controls-left-surface.compiled.css

@@ -1,4 +1,5 @@
-._zulpv77o{gap:var(--ds-space-025,2px)}._154iu2gc{top:var(--ds-space-100,8px)}
+._zulpv77o{gap:var(--ds-space-025,2px)}._154i1ejb{top:var(--ds-space-300,24px)}
+._154iu2gc{top:var(--ds-space-100,8px)}
 ._17c61i8t{position-visibility:anchors-valid}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}

package/dist/esm/ui/block-controls-left-surface.js

@@ -21,6 +21,9 @@ var leftSurfaceRowStyles = null;
 // can stick near the top of the viewport instead of scrolling off with the node's top edge.
 // Keep in sync with STICKY_CONTROLS_TOP_MARGIN in ./consts (must be a static literal here).
 var leftSurfaceStickyStyles = null;
+
+// Keep in sync with STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER in ./consts (must be a static literal here)
+var leftSurfaceStickyTableHeaderStyles = null;
 var BlockControlsLeftSurfaceContent = function BlockControlsLeftSurfaceContent(_ref) {
   var api = _ref.api,
     components = _ref.components,
@@ -48,7 +51,7 @@ var BlockControlsLeftSurfaceContent = function BlockControlsLeftSurfaceContent(_
     style: placement.style,
     className: ax(["_kqswstnw _17c61i8t _1pbyb4wl", isTopLevel && leftSurfaceGutterStyles.container])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isTopLevel && leftSurfaceGutterStyles.row, isSticky && "_kqsw1if8 _154iu2gc"])
+    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isTopLevel && leftSurfaceGutterStyles.row, isSticky && "_kqsw1if8 _154iu2gc", isSticky && (blockControlsContext === null || blockControlsContext === void 0 ? void 0 : blockControlsContext.targetNode.type.name) === 'table' && isExperimentEnabled('platform_editor_block_controls_sticky_header_fix') && "_154i1ejb"])
   }, /*#__PURE__*/React.createElement(BlockControlsVisibilityProvider, {
     shouldHideHoverControls: shouldHideHoverControls,
     useCssStyles: useCssStyles

package/dist/esm/ui/block-controls-left-surfaces.js

@@ -12,8 +12,8 @@ import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
 import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { BLOCK_CONTROLS_LEFT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles';
+import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles/native-anchor';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
 import { getNodeTypeWithLevel } from '../pm-plugins/decorations-common';
 import { BlockControlsLeftSurface } from './block-controls-left-surface';

package/dist/esm/ui/block-controls-right-surface.compiled.css

@@ -1,4 +1,5 @@
-._zulpv77o{gap:var(--ds-space-025,2px)}._154iu2gc{top:var(--ds-space-100,8px)}
+._zulpv77o{gap:var(--ds-space-025,2px)}._154i1ejb{top:var(--ds-space-300,24px)}
+._154iu2gc{top:var(--ds-space-100,8px)}
 ._17c61i8t{position-visibility:anchors-valid}
 ._1e0c1txw{display:flex}
 ._1pbyb4wl{z-index:100}

package/dist/esm/ui/block-controls-right-surface.js

@@ -2,8 +2,10 @@
 import "./block-controls-right-surface.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { BLOCK_CONTROLS_RIGHT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
 import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model/surface-renderer';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { BlockControlsVisibilityProvider } from './block-controls-surface-components';
 import { useBlockControlsVisibility } from './visibility-container';
 var rightSurfaceOuterStyles = null;
@@ -14,6 +16,9 @@ var rightSurfaceRowStyles = null;
 // can stick near the top of the viewport instead of scrolling off with the node's top edge.
 // Keep in sync with STICKY_CONTROLS_TOP_MARGIN in ./consts (must be a static literal here).
 var rightSurfaceStickyStyles = null;
+
+// Keep in sync with STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER in ./consts (must be a static literal here)
+var rightSurfaceStickyTableHeaderStyles = null;
 var BlockControlsRightSurfaceContent = function BlockControlsRightSurfaceContent(_ref) {
   var api = _ref.api,
     components = _ref.components,
@@ -21,6 +26,7 @@ var BlockControlsRightSurfaceContent = function BlockControlsRightSurfaceContent
     placement = _ref.placement,
     source = _ref.source,
     surfaceContext = _ref.surfaceContext;
+  var blockControlsContext = surfaceContext.get(BLOCK_CONTROL_UI_CONTEXT);
   var _useBlockControlsVisi = useBlockControlsVisibility({
       api: api,
       controlSide: 'right',
@@ -38,7 +44,7 @@ var BlockControlsRightSurfaceContent = function BlockControlsRightSurfaceContent
     style: placement.style,
     className: ax(["_kqswstnw _17c61i8t _1pbyb4wl"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isSticky && "_kqsw1if8 _154iu2gc"])
+    className: ax(["_zulpv77o _4cvr1h6o _1e0c1txw", isSticky && "_kqsw1if8 _154iu2gc", isSticky && (blockControlsContext === null || blockControlsContext === void 0 ? void 0 : blockControlsContext.targetNode.type.name) === 'table' && isExperimentEnabled('platform_editor_block_controls_sticky_header_fix') && "_154i1ejb"])
   }, /*#__PURE__*/React.createElement(BlockControlsVisibilityProvider, {
     shouldHideHoverControls: shouldHideHoverControls,
     useCssStyles: useCssStyles

package/dist/esm/ui/block-controls-right-surfaces.js

@@ -12,8 +12,8 @@ import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
 import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { BLOCK_CONTROLS_RIGHT_SURFACE } from '@atlaskit/editor-common/block-controls/surface-keys';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles';
+import { isCSSAnchorSupported } from '@atlaskit/editor-common/styles/native-anchor';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
 import { getNodeTypeWithLevel } from '../pm-plugins/decorations-common';
 import { BlockControlsRightSurface } from './block-controls-right-surface';

package/dist/esm/ui/block-controls-surface-drag-handle.js

@@ -8,13 +8,13 @@ import { useIntl } from 'react-intl';
 
 // oxlint-disable-next-line typescript/consistent-type-imports -- jsx is the runtime factory for the classic JSX pragma above.
 
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { BLOCK_CONTROL_UI_CONTEXT } from '@atlaskit/editor-common/block-controls/block-control-ui-context';
 import { surfaceDragHandleElementStore } from '@atlaskit/editor-common/block-controls/surface-drag-handle-element';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
+import { messages as blockControlsMessages } from '@atlaskit/editor-common/messages/block-controls';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/esm/ui/consts.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 var _dropTargetMarginMap;
-import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
+import { DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles/drag-handle';
 import { breakoutResizableNodes as breakoutResizableNodesNew, getBreakoutResizableNodes } from '@atlaskit/editor-common/utils';
-import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
+import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';