@atlaskit/editor-plugin-block-controls 9.0.0 → 9.0.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 9.0.2
+
+### Patch Changes
+
+- [`da18116d80cad`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/da18116d80cad) -
+  Refactor to inline experiment checks
+- [`d84e100ff2136`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d84e100ff2136) -
+  Update README.md and 0-intro.tsx
+- Updated dependencies
+
+## 9.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.0.0
 
 ### Patch Changes

package/README.md

@@ -1,10 +1,24 @@
-# Editor plugin block controls
+# Editor Plugin Block Controls
 
 Block controls plugin for @atlaskit/editor-core
 
 **Note:** This component is designed for internal Atlassian development.
 External contributors will be able to use this component but will not be able to submit issues.
 
+## Overview
+
+The Block Controls plugin provides comprehensive UI controls for managing blocks in the Atlassian Editor. It enables drag-and-drop functionality, block selection, quick insert capabilities, and visual decorations for interactive block management. This plugin integrates with the editor's core system to provide an intuitive interface for manipulating content blocks.
+
+## Key features
+
+- **Drag and drop** - Move blocks around the editor with intuitive drag-and-drop gestures
+- **Block selection** - Select and manage individual or multiple blocks
+- **Quick insert** - Quick access to insert new content blocks
+- **Visual decorations** - Hover states, drag handles, and drop target indicators
+- **Block menu** - Context menu for block-level operations
+- **Selection preservation** - Preserve text selection during block operations
+- **Right-side controls** - Configurable right-edge button controls for block actions
+
 ## Install
 
 ---

package/dist/cjs/pm-plugins/interaction-tracking/pm-plugin.js

@@ -73,7 +73,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
     view: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? function (view) {
       var editorContentArea = view.dom.closest('.ak-editor-content-area');
       // rightSideControlsEnabled is the single source of truth (confluence_remix_icon_right_side from preset)
-      var remixRightSideEnabled = rightSideControlsEnabled;
+
       var unbindMouseEnter;
       var unbindMouseLeave;
       var unbindDocumentMouseMove;
@@ -111,7 +111,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
         }
       };
       if (editorContentArea) {
-        if (remixRightSideEnabled && typeof document !== 'undefined') {
+        if (rightSideControlsEnabled && typeof document !== 'undefined') {
           unbindDocumentMouseMove = (0, _bindEventListener.bind)(document, {
             type: 'mousemove',
             listener: function listener(event) {
@@ -134,7 +134,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
         unbindMouseEnter = (0, _bindEventListener.bind)(editorContentArea, {
           type: 'mouseenter',
           listener: function listener() {
-            if (remixRightSideEnabled) {
+            if (rightSideControlsEnabled) {
               cancelScheduledMouseLeave();
             }
             (0, _handleMouseMove.handleMouseEnter)(view);
@@ -148,7 +148,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
               x: e.clientX,
               y: e.clientY
             };
-            if (remixRightSideEnabled) {
+            if (rightSideControlsEnabled) {
               scheduleMouseLeave(e);
             } else {
               (0, _handleMouseMove.handleMouseLeave)(view, false);
@@ -159,7 +159,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
       return {
         destroy: function destroy() {
           var _unbindMouseEnter, _unbindMouseLeave;
-          if (remixRightSideEnabled) {
+          if (rightSideControlsEnabled) {
             var _unbindDocumentMouseM;
             cancelScheduledMouseLeave();
             (_unbindDocumentMouseM = unbindDocumentMouseMove) === null || _unbindDocumentMouseM === void 0 || _unbindDocumentMouseM();

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

@@ -811,9 +811,8 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
         var isDisabled = api === null || api === void 0 || (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 || (_api$editorDisabled = _api$editorDisabled.sharedState.currentState()) === null || _api$editorDisabled === void 0 ? void 0 : _api$editorDisabled.editorDisabled;
         if (isDisabled) {
           var _api$editorViewMode2;
-          var remixRightSideEnabled = rightSideControlsEnabled && (0, _expValEquals.expValEquals)('confluence_remix_icon_right_side', 'isEnabled', true);
           // Hide decorations when disabled, except in view mode when right-side controls are enabled
-          if (!remixRightSideEnabled || (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'view') {
+          if (!(rightSideControlsEnabled && (0, _expValEquals.expValEquals)('confluence_remix_icon_right_side', 'isEnabled', true)) || (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'view') {
             return;
           }
         }

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

@@ -7,6 +7,8 @@ exports.updateSelection = exports.getInsertLayoutStep = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+
 var getInsertLayoutStep = exports.getInsertLayoutStep = function getInsertLayoutStep(tr) {
   return tr.steps.find(function (step) {
     var _step$slice$content$f;

package/dist/cjs/ui/drag-handle-nested-icon.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var spanStyles = (0, _react.css)({
   display: 'inline-block',

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

@@ -49,7 +49,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var iconWrapperStyles = (0, _primitives.xcss)({
   display: 'flex',

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

@@ -24,7 +24,7 @@ var _domAttrName = require("./utils/dom-attr-name");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 // 8px gap + 16px on left and right
 var DROP_TARGET_LAYOUT_DROP_ZONE_WIDTH = 40;

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

@@ -27,7 +27,7 @@ var _inlineDropTarget2 = require("./inline-drop-target");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var DEFAULT_DROP_INDICATOR_WIDTH = 760;
 var EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH = '--editor-block-controls-drop-indicator-width';

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

@@ -21,7 +21,7 @@ var _domAttrName = require("./utils/dom-attr-name");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 /**
  * This anchor element selector disregards anchors that are solely utilized for size measurements,

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

@@ -25,7 +25,7 @@ var _updateSelection = require("../pm-plugins/utils/update-selection");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var HOVER_ZONE_WIDTH = '--editor-blocks-inline-hover-zone-width';
 var HOVER_ZONE_HEIGHT = '--editor-blocks-inline-hover-zone-height';

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

@@ -37,7 +37,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var TEXT_PARENT_TYPES = ['paragraph', 'heading', 'blockquote', 'taskItem', 'decisionItem'];
 var stickyButtonStyles = (0, _primitives.xcss)({

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

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 

package/dist/es2019/pm-plugins/interaction-tracking/pm-plugin.js

@@ -62,7 +62,7 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
     view: editorExperiment('platform_editor_controls', 'variant1') ? view => {
       const editorContentArea = view.dom.closest('.ak-editor-content-area');
       // rightSideControlsEnabled is the single source of truth (confluence_remix_icon_right_side from preset)
-      const remixRightSideEnabled = rightSideControlsEnabled;
+
       let unbindMouseEnter;
       let unbindMouseLeave;
       let unbindDocumentMouseMove;
@@ -100,7 +100,7 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
         }
       };
       if (editorContentArea) {
-        if (remixRightSideEnabled && typeof document !== 'undefined') {
+        if (rightSideControlsEnabled && typeof document !== 'undefined') {
           unbindDocumentMouseMove = bind(document, {
             type: 'mousemove',
             listener: event => {
@@ -123,7 +123,7 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
         unbindMouseEnter = bind(editorContentArea, {
           type: 'mouseenter',
           listener: () => {
-            if (remixRightSideEnabled) {
+            if (rightSideControlsEnabled) {
               cancelScheduledMouseLeave();
             }
             handleMouseEnter(view);
@@ -137,7 +137,7 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
               x: e.clientX,
               y: e.clientY
             };
-            if (remixRightSideEnabled) {
+            if (rightSideControlsEnabled) {
               scheduleMouseLeave(e);
             } else {
               handleMouseLeave(view, false);
@@ -148,7 +148,7 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
       return {
         destroy: () => {
           var _unbindMouseEnter, _unbindMouseLeave;
-          if (remixRightSideEnabled) {
+          if (rightSideControlsEnabled) {
             var _unbindDocumentMouseM;
             cancelScheduledMouseLeave();
             (_unbindDocumentMouseM = unbindDocumentMouseMove) === null || _unbindDocumentMouseM === void 0 ? void 0 : _unbindDocumentMouseM();

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

@@ -710,9 +710,8 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI, nodeDecora
         const isDisabled = api === null || api === void 0 ? void 0 : (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 ? void 0 : (_api$editorDisabled$s = _api$editorDisabled.sharedState.currentState()) === null || _api$editorDisabled$s === void 0 ? void 0 : _api$editorDisabled$s.editorDisabled;
         if (isDisabled) {
           var _api$editorViewMode2, _api$editorViewMode2$;
-          const remixRightSideEnabled = rightSideControlsEnabled && expValEquals('confluence_remix_icon_right_side', 'isEnabled', true);
           // Hide decorations when disabled, except in view mode when right-side controls are enabled
-          if (!remixRightSideEnabled || (api === null || api === void 0 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : (_api$editorViewMode2$ = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2$ === void 0 ? void 0 : _api$editorViewMode2$.mode) !== 'view') {
+          if (!(rightSideControlsEnabled && expValEquals('confluence_remix_icon_right_side', 'isEnabled', true)) || (api === null || api === void 0 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : (_api$editorViewMode2$ = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2$ === void 0 ? void 0 : _api$editorViewMode2$.mode) !== 'view') {
             return;
           }
         }

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

@@ -1,5 +1,6 @@
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export const getInsertLayoutStep = tr => tr.steps.find(step => {
   var _step$slice$content$f;

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

@@ -3,7 +3,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 const spanStyles = css({
   display: 'inline-block',

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

@@ -5,7 +5,7 @@
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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 { getDocument } from '@atlaskit/browser-apis';

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

@@ -4,7 +4,7 @@
  */
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// 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 { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

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

@@ -5,7 +5,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 -- Ignored via go/DSP-18766
+// 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 { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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, tableControlsSpacing } from '@atlaskit/editor-common/styles';

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

@@ -6,7 +6,7 @@
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// 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 { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

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

@@ -5,7 +5,7 @@
 
 import React, { useCallback, useEffect, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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';

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

@@ -4,7 +4,7 @@
  */
 import React, { useEffect, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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';

package/dist/esm/pm-plugins/interaction-tracking/pm-plugin.js

@@ -67,7 +67,7 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
     view: editorExperiment('platform_editor_controls', 'variant1') ? function (view) {
       var editorContentArea = view.dom.closest('.ak-editor-content-area');
       // rightSideControlsEnabled is the single source of truth (confluence_remix_icon_right_side from preset)
-      var remixRightSideEnabled = rightSideControlsEnabled;
+
       var unbindMouseEnter;
       var unbindMouseLeave;
       var unbindDocumentMouseMove;
@@ -105,7 +105,7 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
         }
       };
       if (editorContentArea) {
-        if (remixRightSideEnabled && typeof document !== 'undefined') {
+        if (rightSideControlsEnabled && typeof document !== 'undefined') {
           unbindDocumentMouseMove = bind(document, {
             type: 'mousemove',
             listener: function listener(event) {
@@ -128,7 +128,7 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
         unbindMouseEnter = bind(editorContentArea, {
           type: 'mouseenter',
           listener: function listener() {
-            if (remixRightSideEnabled) {
+            if (rightSideControlsEnabled) {
               cancelScheduledMouseLeave();
             }
             handleMouseEnter(view);
@@ -142,7 +142,7 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
               x: e.clientX,
               y: e.clientY
             };
-            if (remixRightSideEnabled) {
+            if (rightSideControlsEnabled) {
               scheduleMouseLeave(e);
             } else {
               handleMouseLeave(view, false);
@@ -153,7 +153,7 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
       return {
         destroy: function destroy() {
           var _unbindMouseEnter, _unbindMouseLeave;
-          if (remixRightSideEnabled) {
+          if (rightSideControlsEnabled) {
             var _unbindDocumentMouseM;
             cancelScheduledMouseLeave();
             (_unbindDocumentMouseM = unbindDocumentMouseMove) === null || _unbindDocumentMouseM === void 0 || _unbindDocumentMouseM();

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

@@ -805,9 +805,8 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
         var isDisabled = api === null || api === void 0 || (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 || (_api$editorDisabled = _api$editorDisabled.sharedState.currentState()) === null || _api$editorDisabled === void 0 ? void 0 : _api$editorDisabled.editorDisabled;
         if (isDisabled) {
           var _api$editorViewMode2;
-          var remixRightSideEnabled = rightSideControlsEnabled && expValEquals('confluence_remix_icon_right_side', 'isEnabled', true);
           // Hide decorations when disabled, except in view mode when right-side controls are enabled
-          if (!remixRightSideEnabled || (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'view') {
+          if (!(rightSideControlsEnabled && expValEquals('confluence_remix_icon_right_side', 'isEnabled', true)) || (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'view') {
             return;
           }
         }

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

@@ -1,5 +1,6 @@
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export var getInsertLayoutStep = function getInsertLayoutStep(tr) {
   return tr.steps.find(function (step) {

package/dist/esm/ui/drag-handle-nested-icon.js

@@ -3,7 +3,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 var spanStyles = css({
   display: 'inline-block',

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

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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 { getDocument } from '@atlaskit/browser-apis';

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

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// 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 { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

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

@@ -7,7 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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 { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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, tableControlsSpacing } from '@atlaskit/editor-common/styles';

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

@@ -8,7 +8,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// 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 { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

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

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import React, { useCallback, useEffect, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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';

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

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import React, { useEffect, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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';

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

@@ -1,5 +1,6 @@
+import { type MemoizedFn } from 'memoize-one';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
+export declare const isAnchorSupported: MemoizedFn<() => boolean>;
 type RectInfo = {
     bottom: number;
     height: number;

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

@@ -15,8 +15,8 @@ export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeS
  * @param start The start position of the node.
  * @returns The appropriate selection for the node.
  */
-export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | NodeSelection | TextSelection;
-export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
+export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | TextSelection | NodeSelection;
+export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | TextSelection | NodeSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**

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

@@ -1,3 +1,4 @@
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 /**
  * Returns list of block marks on schema that widgets are allowed to render inside
@@ -13,4 +14,4 @@ import { type EditorState } from '@atlaskit/editor-prosemirror/state';
  * // [indent, alignment]
  * ```
  */
-export declare const getActiveBlockMarks: (state: EditorState, pos: number) => import("prosemirror-model").Mark[];
+export declare const getActiveBlockMarks: (state: EditorState, pos: number) => Mark[];

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

@@ -1,6 +1,7 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection, type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CellSelection } from '@atlaskit/editor-tables';
 import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getMultiSelectionIfPosInside: (api: ExtractInjectionAPI<BlockControlsPlugin>, pos: number, tr?: Transaction) => {
     anchor?: number;
@@ -66,4 +67,4 @@ export declare const adjustSelectionBoundsForEdgePositions: ($from: ResolvedPos,
  * @param $to The resolved position of the end of the selection
  * @returns A Selection or undefined if selection is invalid
  */
-export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => NodeSelection | TextSelection | import("@atlaskit/editor-tables").CellSelection | undefined;
+export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => TextSelection | CellSelection | NodeSelection | undefined;

package/dist/types/pm-plugins/utils/update-selection.d.ts

@@ -1,3 +1,4 @@
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const getInsertLayoutStep: (tr: Transaction) => import("prosemirror-transform").Step | undefined;
+import { Step } from '@atlaskit/editor-prosemirror/transform';
+export declare const getInsertLayoutStep: (tr: Transaction) => Step | undefined;
 export declare const updateSelection: (tr: Transaction, to: number, insertAtRight?: boolean) => Transaction;

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

@@ -1,3 +1,4 @@
+import { type MemoizedFn } from 'memoize-one';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import type { NodeType, Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 export declare const isInsideTable: (nodeType: NodeType) => Boolean;
@@ -16,7 +17,7 @@ export declare const isInSameLayout: ($from: ResolvedPos, $to: ResolvedPos) => b
 export declare const transformExpandToNestedExpand: (expandNode: PMNode) => PMNode | null;
 export declare const transformFragmentExpandToNestedExpand: (fragment: Fragment) => Fragment | null;
 export declare const transformSliceExpandToNestedExpand: (slice: Slice) => Slice | null;
-export declare const memoizedTransformExpandToNestedExpand: import("memoize-one").MemoizedFn<(node: PMNode) => PMNode | null>;
+export declare const memoizedTransformExpandToNestedExpand: MemoizedFn<(node: PMNode) => PMNode | null>;
 export declare const canCreateNodeWithContentInsideAnotherNode: (nodeTypesToCreate: NodeType[], nodeWithTargetFragment: Fragment) => boolean;
 export declare function canMoveNodeToIndex(destParent: PMNode, indexIntoParent: number, srcNode: PMNode, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;
 export declare function canMoveSliceToIndex(slice: Slice, sliceFromPos: number, sliceToPos: number, destParent: PMNode, indexIntoParent: number, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;

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

@@ -32,7 +32,7 @@ export declare const QUICK_INSERT_DIMENSIONS: {
 export declare const QUICK_INSERT_LEFT_OFFSET = 16;
 export declare const dragHandleGap: (nodeType: string, parentNodeType?: string) => number;
 export declare const rootElementGap: (nodeType: string) => number;
-export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "8px" | "16px" | "20px" | "24px" | "28px" | "40px";
+export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "24px" | "8px" | "16px" | "20px" | "28px" | "40px";
 export declare const topPositionAdjustment: (nodeType: string) => number;
 export declare const dropTargetMarginMap: {
     [key: number]: string;

package/dist/types/ui/utils/dom-attr-name.d.ts

@@ -1,5 +1,5 @@
 export declare const NODE_ANCHOR_ATTR_NAME = "data-node-anchor";
 export declare const NODE_NODE_TYPE_ATTR_NAME = "data-prosemirror-node-name";
-export declare const getAnchorAttrName: () => "data-node-anchor" | "data-drag-handler-anchor-name";
-export declare const getTypeNameAttrName: () => "data-prosemirror-node-name" | "data-drag-handler-node-type";
+export declare const getAnchorAttrName: () => "data-drag-handler-anchor-name" | "data-node-anchor";
+export declare const getTypeNameAttrName: () => "data-drag-handler-node-type" | "data-prosemirror-node-name";
 export declare const getTypeNameFromDom: (element?: Element | null) => string;

package/dist/types/ui/visibility-container.d.ts

@@ -11,5 +11,5 @@ interface VisibilityContainerProps {
     children: React.ReactNode;
     controlSide?: 'left' | 'right';
 }
-export declare const VisibilityContainer: ({ api, children, controlSide }: VisibilityContainerProps) => jsx.JSX.Element;
+export declare const VisibilityContainer: ({ api, children, controlSide, }: VisibilityContainerProps) => jsx.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
+import { type MemoizedFn } from 'memoize-one';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
+export declare const isAnchorSupported: MemoizedFn<() => boolean>;
 type RectInfo = {
     bottom: number;
     height: number;

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

@@ -15,8 +15,8 @@ export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeS
  * @param start The start position of the node.
  * @returns The appropriate selection for the node.
  */
-export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | NodeSelection | TextSelection;
-export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
+export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | TextSelection | NodeSelection;
+export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | TextSelection | NodeSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**

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

@@ -1,3 +1,4 @@
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 /**
  * Returns list of block marks on schema that widgets are allowed to render inside
@@ -13,4 +14,4 @@ import { type EditorState } from '@atlaskit/editor-prosemirror/state';
  * // [indent, alignment]
  * ```
  */
-export declare const getActiveBlockMarks: (state: EditorState, pos: number) => import("prosemirror-model").Mark[];
+export declare const getActiveBlockMarks: (state: EditorState, pos: number) => Mark[];

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

@@ -1,6 +1,7 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection, type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CellSelection } from '@atlaskit/editor-tables';
 import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getMultiSelectionIfPosInside: (api: ExtractInjectionAPI<BlockControlsPlugin>, pos: number, tr?: Transaction) => {
     anchor?: number;
@@ -66,4 +67,4 @@ export declare const adjustSelectionBoundsForEdgePositions: ($from: ResolvedPos,
  * @param $to The resolved position of the end of the selection
  * @returns A Selection or undefined if selection is invalid
  */
-export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => NodeSelection | TextSelection | import("@atlaskit/editor-tables").CellSelection | undefined;
+export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => TextSelection | CellSelection | NodeSelection | undefined;

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

@@ -1,3 +1,4 @@
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const getInsertLayoutStep: (tr: Transaction) => import("prosemirror-transform").Step | undefined;
+import { Step } from '@atlaskit/editor-prosemirror/transform';
+export declare const getInsertLayoutStep: (tr: Transaction) => Step | undefined;
 export declare const updateSelection: (tr: Transaction, to: number, insertAtRight?: boolean) => Transaction;

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

@@ -1,3 +1,4 @@
+import { type MemoizedFn } from 'memoize-one';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import type { NodeType, Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 export declare const isInsideTable: (nodeType: NodeType) => Boolean;
@@ -16,7 +17,7 @@ export declare const isInSameLayout: ($from: ResolvedPos, $to: ResolvedPos) => b
 export declare const transformExpandToNestedExpand: (expandNode: PMNode) => PMNode | null;
 export declare const transformFragmentExpandToNestedExpand: (fragment: Fragment) => Fragment | null;
 export declare const transformSliceExpandToNestedExpand: (slice: Slice) => Slice | null;
-export declare const memoizedTransformExpandToNestedExpand: import("memoize-one").MemoizedFn<(node: PMNode) => PMNode | null>;
+export declare const memoizedTransformExpandToNestedExpand: MemoizedFn<(node: PMNode) => PMNode | null>;
 export declare const canCreateNodeWithContentInsideAnotherNode: (nodeTypesToCreate: NodeType[], nodeWithTargetFragment: Fragment) => boolean;
 export declare function canMoveNodeToIndex(destParent: PMNode, indexIntoParent: number, srcNode: PMNode, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;
 export declare function canMoveSliceToIndex(slice: Slice, sliceFromPos: number, sliceToPos: number, destParent: PMNode, indexIntoParent: number, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;

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

@@ -32,7 +32,7 @@ export declare const QUICK_INSERT_DIMENSIONS: {
 export declare const QUICK_INSERT_LEFT_OFFSET = 16;
 export declare const dragHandleGap: (nodeType: string, parentNodeType?: string) => number;
 export declare const rootElementGap: (nodeType: string) => number;
-export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "8px" | "16px" | "20px" | "24px" | "28px" | "40px";
+export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "24px" | "8px" | "16px" | "20px" | "28px" | "40px";
 export declare const topPositionAdjustment: (nodeType: string) => number;
 export declare const dropTargetMarginMap: {
     [key: number]: string;

package/dist/types-ts4.5/ui/utils/dom-attr-name.d.ts

@@ -1,5 +1,5 @@
 export declare const NODE_ANCHOR_ATTR_NAME = "data-node-anchor";
 export declare const NODE_NODE_TYPE_ATTR_NAME = "data-prosemirror-node-name";
-export declare const getAnchorAttrName: () => "data-node-anchor" | "data-drag-handler-anchor-name";
-export declare const getTypeNameAttrName: () => "data-prosemirror-node-name" | "data-drag-handler-node-type";
+export declare const getAnchorAttrName: () => "data-drag-handler-anchor-name" | "data-node-anchor";
+export declare const getTypeNameAttrName: () => "data-drag-handler-node-type" | "data-prosemirror-node-name";
 export declare const getTypeNameFromDom: (element?: Element | null) => string;

package/dist/types-ts4.5/ui/visibility-container.d.ts

@@ -11,5 +11,5 @@ interface VisibilityContainerProps {
     children: React.ReactNode;
     controlSide?: 'left' | 'right';
 }
-export declare const VisibilityContainer: ({ api, children, controlSide }: VisibilityContainerProps) => jsx.JSX.Element;
+export declare const VisibilityContainer: ({ api, children, controlSide, }: VisibilityContainerProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "9.0.0",
+	"version": "9.0.2",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^35.10.0",
+		"@atlaskit/tmp-editor-statsig": "^36.3.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.0.0",
+		"@atlaskit/editor-common": "^112.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"