@atlaskit/editor-plugin-card 18.0.8 → 18.0.9

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-card
 
+## 18.0.9
+
+### Patch Changes
+
+- [`615699cf079c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/615699cf079c8) -
+  [ux] Disables left resize handle on embed nodes except for when embed is aligned or wrapped right.
+
 ## 18.0.8
 
 ### Patch Changes

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -19,6 +19,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _smartCard = require("@atlaskit/smart-card");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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) { (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; }
@@ -27,6 +28,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
+// Layouts where the left handle is the only resize handle today.
+// These must keep the left handle.
+// Remove during 'platform_editor_lovability_resize_dividers_panels' cleanup
+var leftHandleOnlyLayouts = ['wrap-right', 'align-end'];
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Component) {
   function ResizableEmbedCard() {
@@ -354,12 +359,20 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         width: this.calcPxWidth(),
         innerPadding: _editorSharedStyles.akEditorMediaResizeHandlerPadding
       };
+      var isLeftResizeHandleDisabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
       var enable = {};
       _ui.handleSides.forEach(function (side) {
         if (isResizeDisabled) {
           enable[side] = false;
           return;
         }
+
+        // Disable the left handle up-front (except for layouts where it is the
+        // only handle) before computing whether it would otherwise be enabled.
+        if (side === 'left' && isLeftResizeHandleDisabled && !leftHandleOnlyLayouts.includes(layout)) {
+          enable[side] = false;
+          return;
+        }
         var oppositeSide = side === 'left' ? 'right' : 'left';
         enable[side] = ['full-width', 'wide', 'center'].concat("wrap-".concat(oppositeSide)).concat("align-".concat(_ui.imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
         if (side === 'left' && _this2.insideInlineLike) {

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -13,7 +13,12 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { embedHeaderHeight } from '@atlaskit/smart-card';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+// Layouts where the left handle is the only resize handle today.
+// These must keep the left handle.
+// Remove during 'platform_editor_lovability_resize_dividers_panels' cleanup
+const leftHandleOnlyLayouts = ['wrap-right', 'align-end'];
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class ResizableEmbedCard extends React.Component {
   constructor(...args) {
@@ -336,12 +341,20 @@ export default class ResizableEmbedCard extends React.Component {
       width: this.calcPxWidth(),
       innerPadding: akEditorMediaResizeHandlerPadding
     };
+    const isLeftResizeHandleDisabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
     const enable = {};
     handleSides.forEach(side => {
       if (isResizeDisabled) {
         enable[side] = false;
         return;
       }
+
+      // Disable the left handle up-front (except for layouts where it is the
+      // only handle) before computing whether it would otherwise be enabled.
+      if (side === 'left' && isLeftResizeHandleDisabled && !leftHandleOnlyLayouts.includes(layout)) {
+        enable[side] = false;
+        return;
+      }
       const oppositeSide = side === 'left' ? 'right' : 'left';
       enable[side] = ['full-width', 'wide', 'center'].concat(`wrap-${oppositeSide}`).concat(`align-${imageAlignmentMap[oppositeSide]}`).indexOf(layout) > -1;
       if (side === 'left' && this.insideInlineLike) {

package/dist/esm/ui/ResizableEmbedCard.js

@@ -22,7 +22,12 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { embedHeaderHeight } from '@atlaskit/smart-card';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+// Layouts where the left handle is the only resize handle today.
+// These must keep the left handle.
+// Remove during 'platform_editor_lovability_resize_dividers_panels' cleanup
+var leftHandleOnlyLayouts = ['wrap-right', 'align-end'];
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
   function ResizableEmbedCard() {
@@ -350,12 +355,20 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         width: this.calcPxWidth(),
         innerPadding: akEditorMediaResizeHandlerPadding
       };
+      var isLeftResizeHandleDisabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
       var enable = {};
       handleSides.forEach(function (side) {
         if (isResizeDisabled) {
           enable[side] = false;
           return;
         }
+
+        // Disable the left handle up-front (except for layouts where it is the
+        // only handle) before computing whether it would otherwise be enabled.
+        if (side === 'left' && isLeftResizeHandleDisabled && !leftHandleOnlyLayouts.includes(layout)) {
+          enable[side] = false;
+          return;
+        }
         var oppositeSide = side === 'left' ? 'right' : 'left';
         enable[side] = ['full-width', 'wide', 'center'].concat("wrap-".concat(oppositeSide)).concat("align-".concat(imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
         if (side === 'left' && _this2.insideInlineLike) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "18.0.8",
+	"version": "18.0.9",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",