@atlaskit/editor-common 106.9.1 → 106.9.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-common
 
+## 106.9.2
+
+### Patch Changes
+
+- [#171539](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171539)
+  [`823e66121b671`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/823e66121b671) -
+  [ux] Fixes height of the resize handle when advanced layouts feature is enabled.
+- Updated dependencies
+
 ## 106.9.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "106.9.1";
+var packageVersion = "106.9.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/styles/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "pragmaticResizerStylesForTooltip", {
     return _resizer.pragmaticResizerStylesForTooltip;
   }
 });
+Object.defineProperty(exports, "pragmaticStylesLayoutFirstNodeResizeHandleFix", {
+  enumerable: true,
+  get: function get() {
+    return _resizer.pragmaticStylesLayoutFirstNodeResizeHandleFix;
+  }
+});
 Object.defineProperty(exports, "resizerHandleClassName", {
   enumerable: true,
   get: function get() {

package/dist/cjs/styles/shared/resizer.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
+exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -59,6 +59,22 @@ var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip
     });
   }
 };
+var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = function pragmaticStylesLayoutFirstNodeResizeHandleFix() {
+  if ((0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+    return (0, _react.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.fabric-editor-breakout-mark': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+        '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+          '> .pm-breakout-resize-handle-container': {
+            height: 'calc(100% - 8px)'
+          }
+        }
+      }
+    });
+  }
+};
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmaticResizerStyles() {

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "106.9.1";
+var packageVersion = "106.9.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "106.9.1";
+const packageVersion = "106.9.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/styles/index.js

@@ -26,7 +26,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/es2019/styles/shared/resizer.js

@@ -254,6 +254,22 @@ export const pragmaticResizerStylesForTooltip = () => {
     });
   }
 };
+export const pragmaticStylesLayoutFirstNodeResizeHandleFix = () => {
+  if (editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+    return css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.fabric-editor-breakout-mark': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+        '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+          '> .pm-breakout-resize-handle-container': {
+            height: 'calc(100% - 8px)'
+          }
+        }
+      }
+    });
+  }
+};
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const pragmaticResizerStyles = () => {

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "106.9.1";
+const packageVersion = "106.9.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "106.9.1";
+var packageVersion = "106.9.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/styles/index.js

@@ -26,7 +26,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/esm/styles/shared/resizer.js

@@ -53,6 +53,22 @@ export var pragmaticResizerStylesForTooltip = function pragmaticResizerStylesFor
     });
   }
 };
+export var pragmaticStylesLayoutFirstNodeResizeHandleFix = function pragmaticStylesLayoutFirstNodeResizeHandleFix() {
+  if (editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+    return css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.fabric-editor-breakout-mark': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+        '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+          '> .pm-breakout-resize-handle-container': {
+            height: 'calc(100% - 8px)'
+          }
+        }
+      }
+    });
+  }
+};
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var pragmaticResizerStyles = function pragmaticResizerStyles() {

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "106.9.1";
+var packageVersion = "106.9.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/styles/index.d.ts

@@ -23,7 +23,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip, } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/types/styles/shared/resizer.d.ts

@@ -10,4 +10,5 @@ export declare const resizerHandleThumbWidth = 3;
 export declare const resizerHandleZIndex = 1;
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
+export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: () => import("@emotion/react").SerializedStyles | undefined;
 export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;

package/dist/types-ts4.5/styles/index.d.ts

@@ -23,7 +23,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
 export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
-export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticResizerStylesForTooltip, } from './shared/resizer';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
 export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
 export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';

package/dist/types-ts4.5/styles/shared/resizer.d.ts

@@ -10,4 +10,5 @@ export declare const resizerHandleThumbWidth = 3;
 export declare const resizerHandleZIndex = 1;
 export declare const resizerStyles: import("@emotion/react").SerializedStyles;
 export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
+export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: () => import("@emotion/react").SerializedStyles | undefined;
 export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "106.9.1",
+	"version": "106.9.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -141,7 +141,7 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^26.4.0",
+		"@atlaskit/icon": "^27.0.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.11.0",