@atlaskit/editor-core 197.13.3 → 197.14.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-core
 
+## 197.14.0
+
+### Minor Changes
+
+- [#146455](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146455)
+  [`b692485729f1c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b692485729f1c) -
+  improve comment editor toolbar responsiveness
+
+### Patch Changes
+
+- [#145959](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145959)
+  [`ea00ae7d7d94f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ea00ae7d7d94f) -
+  [ED-25130] Make contain explicity for the container-type: inline-size
+- Updated dependencies
+
 ## 197.13.3
 
 ### Patch Changes

package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js

@@ -75,7 +75,13 @@ var contentAreaContainerTypeInlineSize = exports.contentAreaContainerTypeInlineS
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transition: "padding 0ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
     containerType: 'inline-size',
-    containerName: 'editor-area'
+    containerName: 'editor-area',
+    // Chrome 129 Regression!
+    // By the spec, when the container-type: inline-size is used
+    // The browser should apply the bewlo properties to the element.
+    // However, for reasons that goes beyond my knowledge.
+    // Chrome 129 broke that behavior, and now we need to make it explicity.
+    contain: 'layout style inline-size'
   });
 };
 

package/dist/cjs/ui/Toolbar/toolbar-size.js

@@ -7,6 +7,7 @@ exports.widthToToolbarSize = exports.toolbarSizeToWidth = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _isFullPage = require("../../utils/is-full-page");
 var _types = require("./types");
+// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPageNext = [{
   width: _types.ToolbarWidthsFullPageNext.XXL,
   size: _types.ToolbarSize.XXL
@@ -24,7 +25,10 @@ var toolbarSizesFullPageNext = [{
   size: _types.ToolbarSize.S
 }];
 
-// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
+/** @deprecated
+ * To be removed as part of ED-25129 in favour of toolbarSizesFullPageNext along with references
+ * to platform_editor_toolbar_responsive_fixes feature gate
+ */
 var toolbarSizesFullPage = [{
   width: _types.ToolbarWidthsFullPage.XXL,
   size: _types.ToolbarSize.XXL
@@ -41,6 +45,27 @@ var toolbarSizesFullPage = [{
   width: _types.ToolbarWidthsFullPage.S,
   size: _types.ToolbarSize.S
 }];
+var toolbarSizesNext = [{
+  width: _types.ToolbarWidthsNext.XXL,
+  size: _types.ToolbarSize.XXL
+}, {
+  width: _types.ToolbarWidthsNext.XL,
+  size: _types.ToolbarSize.XL
+}, {
+  width: _types.ToolbarWidthsNext.L,
+  size: _types.ToolbarSize.L
+}, {
+  width: _types.ToolbarWidthsNext.M,
+  size: _types.ToolbarSize.M
+}, {
+  width: _types.ToolbarWidthsNext.S,
+  size: _types.ToolbarSize.S
+}];
+
+/** @deprecated
+ * To be removed as part of ED-25129 in favour of toolbarSizesNext along with references
+ * to platform_editor_toolbar_responsive_fixes feature gate
+ */
 var toolbarSizes = [{
   width: _types.ToolbarWidths.XXL,
   size: _types.ToolbarSize.XXL
@@ -58,7 +83,7 @@ var toolbarSizes = [{
   size: _types.ToolbarSize.S
 }];
 var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
-  return (0, _isFullPage.isFullPage)(appearance) ? (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
+  return (0, _isFullPage.isFullPage)(appearance) ? (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes') ? toolbarSizesNext : toolbarSizes;
 };
 var toolbarSizeToWidth = exports.toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref) {

package/dist/cjs/ui/Toolbar/types.js

@@ -27,4 +27,10 @@ Object.defineProperty(exports, "ToolbarWidthsFullPageNext", {
     return _types.ToolbarWidthsFullPageNext;
   }
 });
+Object.defineProperty(exports, "ToolbarWidthsNext", {
+  enumerable: true,
+  get: function get() {
+    return _types.ToolbarWidthsNext;
+  }
+});
 var _types = require("@atlaskit/editor-common/types");

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "197.13.3";
+var version = exports.version = "197.14.0";

package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js

@@ -66,7 +66,13 @@ export const contentAreaContainerTypeInlineSize = () => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transition: `padding 0ms ${akEditorSwoopCubicBezier}`,
     containerType: 'inline-size',
-    containerName: 'editor-area'
+    containerName: 'editor-area',
+    // Chrome 129 Regression!
+    // By the spec, when the container-type: inline-size is used
+    // The browser should apply the bewlo properties to the element.
+    // However, for reasons that goes beyond my knowledge.
+    // Chrome 129 broke that behavior, and now we need to make it explicity.
+    contain: 'layout style inline-size'
   });
 };
 

package/dist/es2019/ui/Toolbar/toolbar-size.js

@@ -1,6 +1,8 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './types';
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, ToolbarWidthsNext } from './types';
+
+// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 const toolbarSizesFullPageNext = [{
   width: ToolbarWidthsFullPageNext.XXL,
   size: ToolbarSize.XXL
@@ -18,7 +20,10 @@ const toolbarSizesFullPageNext = [{
   size: ToolbarSize.S
 }];
 
-// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
+/** @deprecated
+ * To be removed as part of ED-25129 in favour of toolbarSizesFullPageNext along with references
+ * to platform_editor_toolbar_responsive_fixes feature gate
+ */
 const toolbarSizesFullPage = [{
   width: ToolbarWidthsFullPage.XXL,
   size: ToolbarSize.XXL
@@ -35,6 +40,27 @@ const toolbarSizesFullPage = [{
   width: ToolbarWidthsFullPage.S,
   size: ToolbarSize.S
 }];
+const toolbarSizesNext = [{
+  width: ToolbarWidthsNext.XXL,
+  size: ToolbarSize.XXL
+}, {
+  width: ToolbarWidthsNext.XL,
+  size: ToolbarSize.XL
+}, {
+  width: ToolbarWidthsNext.L,
+  size: ToolbarSize.L
+}, {
+  width: ToolbarWidthsNext.M,
+  size: ToolbarSize.M
+}, {
+  width: ToolbarWidthsNext.S,
+  size: ToolbarSize.S
+}];
+
+/** @deprecated
+ * To be removed as part of ED-25129 in favour of toolbarSizesNext along with references
+ * to platform_editor_toolbar_responsive_fixes feature gate
+ */
 const toolbarSizes = [{
   width: ToolbarWidths.XXL,
   size: ToolbarSize.XXL
@@ -51,7 +77,7 @@ const toolbarSizes = [{
   width: ToolbarWidths.S,
   size: ToolbarSize.S
 }];
-const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
+const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesNext : toolbarSizes;
 export const toolbarSizeToWidth = (toolbarSize, appearance) => {
   return (toolbarSizesForAppearance(appearance).find(({
     size

package/dist/es2019/ui/Toolbar/types.js

@@ -1 +1 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsNext, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "197.13.3";
+export const version = "197.14.0";

package/dist/esm/ui/Appearance/FullPage/StyledComponents.js

@@ -70,7 +70,13 @@ export var contentAreaContainerTypeInlineSize = function contentAreaContainerTyp
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transition: "padding 0ms ".concat(akEditorSwoopCubicBezier),
     containerType: 'inline-size',
-    containerName: 'editor-area'
+    containerName: 'editor-area',
+    // Chrome 129 Regression!
+    // By the spec, when the container-type: inline-size is used
+    // The browser should apply the bewlo properties to the element.
+    // However, for reasons that goes beyond my knowledge.
+    // Chrome 129 broke that behavior, and now we need to make it explicity.
+    contain: 'layout style inline-size'
   });
 };
 

package/dist/esm/ui/Toolbar/toolbar-size.js

@@ -1,6 +1,8 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './types';
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, ToolbarWidthsNext } from './types';
+
+// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPageNext = [{
   width: ToolbarWidthsFullPageNext.XXL,
   size: ToolbarSize.XXL
@@ -18,7 +20,10 @@ var toolbarSizesFullPageNext = [{
   size: ToolbarSize.S
 }];
 
-// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
+/** @deprecated
+ * To be removed as part of ED-25129 in favour of toolbarSizesFullPageNext along with references
+ * to platform_editor_toolbar_responsive_fixes feature gate
+ */
 var toolbarSizesFullPage = [{
   width: ToolbarWidthsFullPage.XXL,
   size: ToolbarSize.XXL
@@ -35,6 +40,27 @@ var toolbarSizesFullPage = [{
   width: ToolbarWidthsFullPage.S,
   size: ToolbarSize.S
 }];
+var toolbarSizesNext = [{
+  width: ToolbarWidthsNext.XXL,
+  size: ToolbarSize.XXL
+}, {
+  width: ToolbarWidthsNext.XL,
+  size: ToolbarSize.XL
+}, {
+  width: ToolbarWidthsNext.L,
+  size: ToolbarSize.L
+}, {
+  width: ToolbarWidthsNext.M,
+  size: ToolbarSize.M
+}, {
+  width: ToolbarWidthsNext.S,
+  size: ToolbarSize.S
+}];
+
+/** @deprecated
+ * To be removed as part of ED-25129 in favour of toolbarSizesNext along with references
+ * to platform_editor_toolbar_responsive_fixes feature gate
+ */
 var toolbarSizes = [{
   width: ToolbarWidths.XXL,
   size: ToolbarSize.XXL
@@ -52,7 +78,7 @@ var toolbarSizes = [{
   size: ToolbarSize.S
 }];
 var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
-  return isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
+  return isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesNext : toolbarSizes;
 };
 export var toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref) {

package/dist/esm/ui/Toolbar/types.js

@@ -1 +1 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsNext, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "197.13.3";
+export var version = "197.14.0";

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

@@ -1,2 +1,2 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsNext, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from '@atlaskit/editor-common/types';

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

@@ -1,2 +1,2 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsNext, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from '@atlaskit/editor-common/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "197.13.3",
+	"version": "197.14.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,14 +43,14 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.2.0",
-		"@atlaskit/editor-common": "^91.1.0",
+		"@atlaskit/editor-common": "^91.2.0",
 		"@atlaskit/editor-json-transformer": "^8.18.0",
 		"@atlaskit/editor-plugin-quick-insert": "1.4.3",
 		"@atlaskit/editor-plugins": "^5.4.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/emoji": "^67.8.0",
-		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/icon": "^22.19.0",
 		"@atlaskit/media-card": "^78.5.0",
 		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",