@atlaskit/editor-core 215.5.0 → 215.6.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-core
 
+## 215.6.0
+
+### Minor Changes
+
+- [`93a78565619a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/93a78565619a0) -
+  [ux] Fixing the borded which was cut off cause of fixed toolbar
+
+## 215.5.1
+
+### Patch Changes
+
+- [`7eb66badf6a43`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7eb66badf6a43) -
+  [ux] [EDITOR-2397] update extension styles to exclude nested renderers/ bodied extensions
+- Updated dependencies
+
 ## 215.5.0
 
 ### Minor Changes

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -75,6 +75,9 @@ var mainToolbarWrapperStylesVisualRefresh = (0, _react2.css)({
     maxWidth: '100%'
   }
 });
+var mainToolbarWithRadiusStyle = (0, _react2.css)({
+  borderRadius: "var(--ds-radius-small, 3px)".concat(" ", "var(--ds-radius-small, 3px)", " 0 0")
+});
 var stickyToolbarWrapperStyleNew = (0, _react2.css)({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -123,7 +126,7 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react2.jsx)("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding],
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle],
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );

package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js

@@ -372,8 +372,15 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
   // When cleaning up the experiment, move this logic into the baseExtensionStyles above
   var fontSize = (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') ? (0, _editorSharedStyles.relativeFontSizeToBase16)(_editorSharedStyles.akEditorFullPageDenseFontSize) : undefined;
   var denseExtensionStyles = (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? (0, _react.css)({
+    // Table of Contents Macro
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.extension-container :not([data-inline-card-lozenge] *, [data-prosemirror-mark-name="code"])': {
+    '.extension-container [data-macro-name="toc"] *': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'var(--ak-editor-base-font-size)'
+    },
+    // Excerpt Include Macro
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '.extension-container .ak-excerpt-include :not([data-inline-card-lozenge] *, code, .status-lozenge-span *, .code-block *)': {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       fontSize: 'var(--ak-editor-base-font-size)'
     }

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 = "215.4.1";
+var version = exports.version = "215.5.1";

package/dist/es2019/ui/Appearance/Comment/Toolbar.js

@@ -72,6 +72,9 @@ const mainToolbarWrapperStylesVisualRefresh = css({
     maxWidth: '100%'
   }
 });
+const mainToolbarWithRadiusStyle = css({
+  borderRadius: `${"var(--ds-radius-small, 3px)"} ${"var(--ds-radius-small, 3px)"} 0 0`
+});
 const stickyToolbarWrapperStyleNew = css({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -116,7 +119,7 @@ const StickyToolbar = props => {
 const FixedToolbar = props =>
 // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
 jsx("div", {
-  css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding],
+  css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle],
   "data-testid": "ak-editor-main-toolbar"
 }, props.children);
 

package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js

@@ -366,8 +366,15 @@ export const getExtensionStyles = () => {
   // When cleaning up the experiment, move this logic into the baseExtensionStyles above
   const fontSize = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') ? relativeFontSizeToBase16(akEditorFullPageDenseFontSize) : undefined;
   const denseExtensionStyles = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? css({
+    // Table of Contents Macro
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.extension-container :not([data-inline-card-lozenge] *, [data-prosemirror-mark-name="code"])': {
+    '.extension-container [data-macro-name="toc"] *': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'var(--ak-editor-base-font-size)'
+    },
+    // Excerpt Include Macro
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '.extension-container .ak-excerpt-include :not([data-inline-card-lozenge] *, code, .status-lozenge-span *, .code-block *)': {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       fontSize: 'var(--ak-editor-base-font-size)'
     }

package/dist/es2019/version-wrapper.js

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

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -66,6 +66,9 @@ var mainToolbarWrapperStylesVisualRefresh = css({
     maxWidth: '100%'
   }
 });
+var mainToolbarWithRadiusStyle = css({
+  borderRadius: "var(--ds-radius-small, 3px)".concat(" ", "var(--ds-radius-small, 3px)", " 0 0")
+});
 var stickyToolbarWrapperStyleNew = css({
   position: 'sticky',
   paddingBottom: "var(--ds-space-100, 8px)",
@@ -114,7 +117,7 @@ var FixedToolbar = function FixedToolbar(props) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("div", {
-      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding],
+      css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, fg('platform-visual-refresh-icons') && mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle],
       "data-testid": "ak-editor-main-toolbar"
     }, props.children)
   );

package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js

@@ -366,8 +366,15 @@ export var getExtensionStyles = function getExtensionStyles() {
   // When cleaning up the experiment, move this logic into the baseExtensionStyles above
   var fontSize = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') ? relativeFontSizeToBase16(akEditorFullPageDenseFontSize) : undefined;
   var denseExtensionStyles = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? css({
+    // Table of Contents Macro
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-    '.extension-container :not([data-inline-card-lozenge] *, [data-prosemirror-mark-name="code"])': {
+    '.extension-container [data-macro-name="toc"] *': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: 'var(--ak-editor-base-font-size)'
+    },
+    // Excerpt Include Macro
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '.extension-container .ak-excerpt-include :not([data-inline-card-lozenge] *, code, .status-lozenge-span *, .code-block *)': {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       fontSize: 'var(--ak-editor-base-font-size)'
     }

package/dist/esm/version-wrapper.js

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

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -163,6 +163,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     sharedState: import("@atlaskit/editor-plugins/collab-edit").CollabEditPluginSharedState;
 }, import("@atlaskit/editor-plugins/collab-edit").PrivateCollabEditOptions> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
     actions: {
+        handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
         insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
         setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
     };
@@ -243,6 +244,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     sharedState: import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginState;
 }, import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginConfig | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
     actions: {
+        handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
         insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
         setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
     };

package/dist/types/presets/universal.d.ts

@@ -224,6 +224,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     sharedState: import("@atlaskit/editor-plugins/collab-edit").CollabEditPluginSharedState;
 }, import("@atlaskit/editor-plugins/collab-edit").PrivateCollabEditOptions> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
     actions: {
+        handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
         insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
         setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
     };
@@ -304,6 +305,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     sharedState: import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginState;
 }, import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginConfig | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
     actions: {
+        handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
         insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
         setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
     };

package/dist/types/presets/useUniversalPreset.d.ts

@@ -163,6 +163,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     sharedState: import("@atlaskit/editor-plugins/collab-edit").CollabEditPluginSharedState;
 }, import("@atlaskit/editor-plugins/collab-edit").PrivateCollabEditOptions> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
     actions: {
+        handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
         insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
         setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
     };
@@ -243,6 +244,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     sharedState: import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginState;
 }, import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginConfig | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
     actions: {
+        handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
         insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
         setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
     };

package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts

@@ -280,6 +280,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     }, import("@atlaskit/editor-plugins/collab-edit").PrivateCollabEditOptions> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         actions: {
+            handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
             setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
         };
@@ -371,6 +372,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     }, import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginConfig | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         actions: {
+            handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
             setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
         };

package/dist/types-ts4.5/presets/universal.d.ts

@@ -341,6 +341,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     }, import("@atlaskit/editor-plugins/collab-edit").PrivateCollabEditOptions> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         actions: {
+            handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
             setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
         };
@@ -432,6 +433,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     }, import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginConfig | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         actions: {
+            handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
             setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
         };

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -280,6 +280,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     }, import("@atlaskit/editor-plugins/collab-edit").PrivateCollabEditOptions> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         actions: {
+            handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
             setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
         };
@@ -371,6 +372,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     }, import("@atlaskit/editor-plugins/media-insert").MediaInsertPluginConfig | undefined> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"media", {
         actions: {
+            handleMediaNodeRenderError: (node: import("prosemirror-model").Node, reason: string) => void;
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugins/media/types").InsertMediaAsMediaSingle;
             setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").MediaProvider>) => boolean;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "215.5.0",
+	"version": "215.6.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,13 +58,13 @@
 		"@atlaskit/emoji": "^69.6.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/media-card": "^79.5.0",
+		"@atlaskit/media-card": "^79.6.0",
 		"@atlaskit/mention": "^24.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.12.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^13.16.0",
+		"@atlaskit/tmp-editor-statsig": "^13.17.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.6.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.15.0",
+		"@atlaskit/editor-common": "^110.16.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -455,6 +455,9 @@
 		},
 		"platform_editor_table_container_y_overflow_fix": {
 			"type": "boolean"
+		},
+		"platform_editor_comments_border_radius": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {