@atlaskit/editor-plugin-block-controls 6.0.0 → 6.0.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 6.0.2
+
+### Patch Changes
+
+- [`5de213b733131`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5de213b733131) -
+  [ux] ED-29123 fix paragraph shifting on hover when next to image with wrap-right/left
+- Updated dependencies
+
+## 6.0.1
+
+### Patch Changes
+
+- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
+  Internal changes to how borders are applied.
+- Updated dependencies
+
 ## 6.0.0
 
 ### Patch Changes

package/dist/cjs/pm-plugins/decorations-quick-insert-button.js

@@ -9,6 +9,7 @@ var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _quickInsertButton = require("../ui/quick-insert-button");
 var _marks = require("./utils/marks");
@@ -67,6 +68,10 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
     if ((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15')) {
       // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
       element.style.display = 'block';
+      if ((0, _expValEquals.expValEquals)('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
+        // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
+        element.style.clear = 'unset';
+      }
     }
     element.contentEditable = 'false';
     element.setAttribute('data-blocks-quick-insert-container', 'true');

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

@@ -12,7 +12,7 @@ var previewStyle = {
   borderColor: "var(--ds-border, ".concat(_colors.N30, ")"),
   borderStyle: 'solid',
   borderRadius: "var(--ds-radius-small, 3px)",
-  borderWidth: "var(--ds-border-width-outline, 2px)",
+  borderWidth: "var(--ds-border-width-selected, 2px)",
   backgroundColor: "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")")
 };
 var getPreviewContainerDimensionsForSingle = function getPreviewContainerDimensionsForSingle(dom, nodeType) {

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

@@ -167,7 +167,7 @@ var quickInsertStyles = function quickInsertStyles() {
       height: "var(--ds-space-300, 24px)",
       width: "var(--ds-space-300, 24px)",
       border: 'none',
-      borderRadius: '50%',
+      borderRadius: "var(--ds-radius-full, 9999px)",
       zIndex: _constants.layers.card(),
       outline: 'none',
       cursor: 'pointer',

package/dist/es2019/pm-plugins/decorations-quick-insert-button.js

@@ -2,6 +2,7 @@ import { createElement } from 'react';
 import uuid from 'uuid';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { QuickInsertWithVisibility } from '../ui/quick-insert-button';
 import { getActiveBlockMarks } from './utils/marks';
@@ -59,6 +60,10 @@ export const quickInsertButtonDecoration = ({
     if (fg('platform_editor_controls_patch_15')) {
       // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
       element.style.display = 'block';
+      if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
+        // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
+        element.style.clear = 'unset';
+      }
     }
     element.contentEditable = 'false';
     element.setAttribute('data-blocks-quick-insert-container', 'true');

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

@@ -4,7 +4,7 @@ const previewStyle = {
   borderColor: `var(--ds-border, ${N30})`,
   borderStyle: 'solid',
   borderRadius: "var(--ds-radius-small, 3px)",
-  borderWidth: "var(--ds-border-width-outline, 2px)",
+  borderWidth: "var(--ds-border-width-selected, 2px)",
   backgroundColor: `var(--ds-skeleton-subtle, ${N20})`
 };
 const getPreviewContainerDimensionsForSingle = (dom, nodeType) => {

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

@@ -183,7 +183,7 @@ const quickInsertStyles = () => css({
     height: "var(--ds-space-300, 24px)",
     width: "var(--ds-space-300, 24px)",
     border: 'none',
-    borderRadius: '50%',
+    borderRadius: "var(--ds-radius-full, 9999px)",
     zIndex: layers.card(),
     outline: 'none',
     cursor: 'pointer',

package/dist/esm/pm-plugins/decorations-quick-insert-button.js

@@ -2,6 +2,7 @@ import { createElement } from 'react';
 import uuid from 'uuid';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { QuickInsertWithVisibility } from '../ui/quick-insert-button';
 import { getActiveBlockMarks } from './utils/marks';
@@ -60,6 +61,10 @@ export var quickInsertButtonDecoration = function quickInsertButtonDecoration(_r
     if (fg('platform_editor_controls_patch_15')) {
       // inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
       element.style.display = 'block';
+      if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
+        // make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
+        element.style.clear = 'unset';
+      }
     }
     element.contentEditable = 'false';
     element.setAttribute('data-blocks-quick-insert-container', 'true');

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

@@ -5,7 +5,7 @@ var previewStyle = {
   borderColor: "var(--ds-border, ".concat(N30, ")"),
   borderStyle: 'solid',
   borderRadius: "var(--ds-radius-small, 3px)",
-  borderWidth: "var(--ds-border-width-outline, 2px)",
+  borderWidth: "var(--ds-border-width-selected, 2px)",
   backgroundColor: "var(--ds-skeleton-subtle, ".concat(N20, ")")
 };
 var getPreviewContainerDimensionsForSingle = function getPreviewContainerDimensionsForSingle(dom, nodeType) {

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

@@ -160,7 +160,7 @@ var quickInsertStyles = function quickInsertStyles() {
       height: "var(--ds-space-300, 24px)",
       width: "var(--ds-space-300, 24px)",
       border: 'none',
-      borderRadius: '50%',
+      borderRadius: "var(--ds-radius-full, 9999px)",
       zIndex: layers.card(),
       outline: 'none',
       cursor: 'pointer',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "6.0.0",
+	"version": "6.0.2",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -51,8 +51,8 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.9.0",
+		"@atlaskit/theme": "^21.0.0",
+		"@atlaskit/tmp-editor-statsig": "^12.12.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -64,7 +64,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.0.0",
+		"@atlaskit/editor-common": "^109.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"