@atlaskit/editor-plugin-block-controls 1.7.0 → 1.7.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 1.7.2
+
+### Patch Changes
+
+- [#123621](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123621)
+  [`4184bd66727cb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4184bd66727cb) -
+  Update drag preview opacity on windows
+- Updated dependencies
+
+## 1.7.1
+
+### Patch Changes
+
+- [#122706](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122706)
+  [`1d88c71435949`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1d88c71435949) -
+  ED-24330 Dispatch meta to set isDragging to false in PM drop handler to remove drop target
+  decorations
+
 ## 1.7.0
 
 ### Minor Changes

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

@@ -255,7 +255,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl) {
         }
 
         // Remove drop target decoration when dragging stops
-        if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && !tr.docChanged) {
+        if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && ((0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_24330') ? true : !tr.docChanged)) {
           var dropTargetDecs = decorations.find().filter(function (_ref11) {
             var spec = _ref11.spec;
             return spec.type === 'drop-target-decoration';
@@ -330,7 +330,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl) {
       handleDOMEvents: {
         drop: function drop(view, event) {
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
-          // this duplicates the an empty version of the node it was dropping,
+          // this duplicates an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
           var state = view.state,
             dispatch = view.dispatch,

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dragPreview = void 0;
+var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var previewStyle = {
@@ -52,7 +53,7 @@ var dragPreview = exports.dragPreview = function dragPreview(container, dom, nod
     clonedDom.style.marginRight = '0';
     clonedDom.style.marginBottom = '0';
     clonedDom.style.boxShadow = 'none';
-    clonedDom.style.opacity = (0, _platformFeatureFlags.fg)('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
+    clonedDom.style.opacity = _utils.browser.windows ? '1' : (0, _platformFeatureFlags.fg)('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
     parent.appendChild(clonedDom);
   }
   container.appendChild(parent);

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

@@ -244,7 +244,7 @@ export const createPlugin = (api, getIntl) => {
         }
 
         // Remove drop target decoration when dragging stops
-        if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && !tr.docChanged) {
+        if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && (fg('platform_editor_element_drag_and_drop_ed_24330') ? true : !tr.docChanged)) {
           const dropTargetDecs = decorations.find().filter(({
             spec
           }) => spec.type === 'drop-target-decoration');
@@ -318,7 +318,7 @@ export const createPlugin = (api, getIntl) => {
       handleDOMEvents: {
         drop(view, event) {
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
-          // this duplicates the an empty version of the node it was dropping,
+          // this duplicates an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
           const {
             state,

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

@@ -1,3 +1,4 @@
+import { browser } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, N20, N30 } from '@atlaskit/theme/colors';
 const previewStyle = {
@@ -46,7 +47,7 @@ export const dragPreview = (container, dom, nodeType) => {
     clonedDom.style.marginRight = '0';
     clonedDom.style.marginBottom = '0';
     clonedDom.style.boxShadow = 'none';
-    clonedDom.style.opacity = fg('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
+    clonedDom.style.opacity = browser.windows ? '1' : fg('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
     parent.appendChild(clonedDom);
   }
   container.appendChild(parent);

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

@@ -248,7 +248,7 @@ export var createPlugin = function createPlugin(api, getIntl) {
         }
 
         // Remove drop target decoration when dragging stops
-        if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && !tr.docChanged) {
+        if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && (fg('platform_editor_element_drag_and_drop_ed_24330') ? true : !tr.docChanged)) {
           var dropTargetDecs = decorations.find().filter(function (_ref11) {
             var spec = _ref11.spec;
             return spec.type === 'drop-target-decoration';
@@ -323,7 +323,7 @@ export var createPlugin = function createPlugin(api, getIntl) {
       handleDOMEvents: {
         drop: function drop(view, event) {
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
-          // this duplicates the an empty version of the node it was dropping,
+          // this duplicates an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
           var state = view.state,
             dispatch = view.dispatch,

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

@@ -1,3 +1,4 @@
+import { browser } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, N20, N30 } from '@atlaskit/theme/colors';
 var previewStyle = {
@@ -46,7 +47,7 @@ export var dragPreview = function dragPreview(container, dom, nodeType) {
     clonedDom.style.marginRight = '0';
     clonedDom.style.marginBottom = '0';
     clonedDom.style.boxShadow = 'none';
-    clonedDom.style.opacity = fg('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
+    clonedDom.style.opacity = browser.windows ? '1' : fg('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
     parent.appendChild(clonedDom);
   }
   container.appendChild(parent);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "1.7.0",
+	"version": "1.7.2",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^39.0.3",
-		"@atlaskit/editor-common": "^86.4.0",
+		"@atlaskit/editor-common": "^86.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.5",
 		"@atlaskit/editor-plugin-feature-flags": "^1.1.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/editor-tables": "^2.7.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
@@ -157,6 +157,9 @@
 		},
 		"platform_editor_element_drag_and_drop_ed_24150": {
 			"type": "boolean"
+		},
+		"platform_editor_element_drag_and_drop_ed_24330": {
+			"type": "boolean"
 		}
 	}
 }