@atlaskit/editor-core 206.0.2 → 206.1.0

package/dist/types/ui/Appearance/Chromeless.d.ts

@@ -4,10 +4,19 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
 import { type EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { EditorAppearanceComponentProps } from '../../types';
+export declare const ContentArea: React.ForwardRefExoticComponent<Omit<{
+    theme?: import("@emotion/react").Theme | undefined;
+    colorMode?: "light" | "dark" | undefined;
+    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
+    viewMode?: "edit" | "view" | undefined;
+    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
+    isScrollable?: boolean | undefined;
+    appearance?: EditorAppearance | undefined;
+} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type AppearanceProps = EditorAppearanceComponentProps<[
     OptionalPlugin<MaxContentSizePlugin>,
     OptionalPlugin<EditorViewModePlugin>

package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts

@@ -1,13 +1,4 @@
-/// <reference types="react" />
 export declare const fullPageEditorWrapper: import("@emotion/react").SerializedStyles;
-export declare const ScrollContainer: import("react").ForwardRefExoticComponent<Omit<{
-    theme?: import("@emotion/react").Theme | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-    viewMode?: "edit" | "view" | undefined;
-    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
-    isScrollable?: boolean | undefined;
-} & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const contentArea: () => import("@emotion/react").SerializedStyles;
 export declare const contentAreaWrapper: import("@emotion/react").SerializedStyles;
 export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;

package/dist/types/ui/ContentStyles/index.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import type { SerializedStyles } from '@emotion/react';
 import { type Theme } from '@emotion/react';
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, FeatureFlags } from '@atlaskit/editor-common/types';
 export declare const linkStyles: SerializedStyles;
 type ContentStylesProps = {
     theme?: Theme;
@@ -14,6 +14,7 @@ type ContentStylesProps = {
     viewMode?: 'view' | 'edit';
     typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed';
     isScrollable?: boolean;
+    appearance?: EditorAppearance;
 };
 export declare const placeholderStyles: SerializedStyles;
 /**

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

@@ -0,0 +1,39 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { EditorAppearance, FeatureFlags } from '@atlaskit/editor-common/types';
+export declare const linkStyles: import("@emotion/react").SerializedStyles;
+export declare const placeholderStyles: import("@emotion/react").SerializedStyles;
+/**
+ * fix layout issue of first block node
+ */
+export declare const fixBlockControlStylesSSR: () => import("@emotion/react").SerializedStyles;
+export type EditorContentContainerProps = {
+    className?: string;
+    children?: React.ReactNode;
+    featureFlags?: FeatureFlags;
+    viewMode?: 'view' | 'edit';
+    isScrollable?: boolean;
+    appearance?: EditorAppearance;
+};
+/**
+ * EditorContentStyles is a wrapper component that applies styles to its children
+ * based on the provided feature flags, view mode, and other props.
+ * It uses Emotion for styling and supports scrollable content.
+ * The component is memoized to optimize performance.
+ *
+ * This will be used in near future to replace the current editor content styles from index.tsx
+ *
+ * @param {EditorContentContainerProps} props - The props for the component.
+ * @param {string} props.className - Additional class name for the component.
+ * @param {React.ReactNode} props.children - The content to be rendered inside the component.
+ * @param {FeatureFlags} props.featureFlags - Feature flags to control the styles.
+ * @param {'view' | 'edit'} props.viewMode - The view mode of the editor.
+ * @param {boolean} props.isScrollable - Whether the content is scrollable.
+ * @param {'full-page' | 'full-width' | 'comment' | 'chromeless'} props.appearance - The appearance of the editor.
+ * @returns {JSX.Element} The styled content component.
+ */
+declare const EditorContentContainer: React.ForwardRefExoticComponent<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default EditorContentContainer;

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

@@ -929,6 +929,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     suppressToolbar?: (() => boolean) | undefined;
                     unsuppressToolbar?: (() => boolean) | undefined;
                     setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+                    forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
                     refreshToolbarDocking?: (() => boolean) | undefined;
                 } | undefined;
             }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>>
@@ -1021,6 +1022,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             suppressToolbar?: (() => boolean) | undefined;
             unsuppressToolbar?: (() => boolean) | undefined;
             setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+            forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
             refreshToolbarDocking?: (() => boolean) | undefined;
         } | undefined;
     }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>,
@@ -1119,6 +1121,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
                     suppressToolbar?: (() => boolean) | undefined;
                     unsuppressToolbar?: (() => boolean) | undefined;
                     setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+                    forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
                     refreshToolbarDocking?: (() => boolean) | undefined;
                 } | undefined;
             }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>>

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

@@ -981,6 +981,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                     suppressToolbar?: (() => boolean) | undefined;
                     unsuppressToolbar?: (() => boolean) | undefined;
                     setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+                    forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
                     refreshToolbarDocking?: (() => boolean) | undefined;
                 } | undefined;
             }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>>
@@ -1073,6 +1074,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             suppressToolbar?: (() => boolean) | undefined;
             unsuppressToolbar?: (() => boolean) | undefined;
             setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+            forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
             refreshToolbarDocking?: (() => boolean) | undefined;
         } | undefined;
     }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>,
@@ -1171,6 +1173,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
                     suppressToolbar?: (() => boolean) | undefined;
                     unsuppressToolbar?: (() => boolean) | undefined;
                     setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+                    forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
                     refreshToolbarDocking?: (() => boolean) | undefined;
                 } | undefined;
             }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>>

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

@@ -929,6 +929,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                     suppressToolbar?: (() => boolean) | undefined;
                     unsuppressToolbar?: (() => boolean) | undefined;
                     setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+                    forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
                     refreshToolbarDocking?: (() => boolean) | undefined;
                 } | undefined;
             }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>>
@@ -1021,6 +1022,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             suppressToolbar?: (() => boolean) | undefined;
             unsuppressToolbar?: (() => boolean) | undefined;
             setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+            forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
             refreshToolbarDocking?: (() => boolean) | undefined;
         } | undefined;
     }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>,
@@ -1119,6 +1121,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
                     suppressToolbar?: (() => boolean) | undefined;
                     unsuppressToolbar?: (() => boolean) | undefined;
                     setToolbarDocking?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
+                    forceToolbarDockingWithoutAnalytics?: ((toolbarDocking: import("packages/editor/editor-plugin-selection-toolbar/dist/types/types").ToolbarDocking) => boolean) | undefined;
                     refreshToolbarDocking?: (() => boolean) | undefined;
                 } | undefined;
             }, import("@atlaskit/editor-plugins/selection-toolbar").SelectionToolbarPluginOptions>>

package/dist/types-ts4.5/ui/Appearance/Chromeless.d.ts

@@ -4,10 +4,19 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
 import { type EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { EditorAppearanceComponentProps } from '../../types';
+export declare const ContentArea: React.ForwardRefExoticComponent<Omit<{
+    theme?: import("@emotion/react").Theme | undefined;
+    colorMode?: "light" | "dark" | undefined;
+    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
+    viewMode?: "edit" | "view" | undefined;
+    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
+    isScrollable?: boolean | undefined;
+    appearance?: EditorAppearance | undefined;
+} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type AppearanceProps = EditorAppearanceComponentProps<[
     OptionalPlugin<MaxContentSizePlugin>,
     OptionalPlugin<EditorViewModePlugin>

package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts

@@ -1,13 +1,4 @@
-/// <reference types="react" />
 export declare const fullPageEditorWrapper: import("@emotion/react").SerializedStyles;
-export declare const ScrollContainer: import("react").ForwardRefExoticComponent<Omit<{
-    theme?: import("@emotion/react").Theme | undefined;
-    colorMode?: "light" | "dark" | undefined;
-    featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-    viewMode?: "edit" | "view" | undefined;
-    typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
-    isScrollable?: boolean | undefined;
-} & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const contentArea: () => import("@emotion/react").SerializedStyles;
 export declare const contentAreaWrapper: import("@emotion/react").SerializedStyles;
 export declare const contentAreaHeightNoToolbar: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/ContentStyles/index.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import type { SerializedStyles } from '@emotion/react';
 import { type Theme } from '@emotion/react';
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, FeatureFlags } from '@atlaskit/editor-common/types';
 export declare const linkStyles: SerializedStyles;
 type ContentStylesProps = {
     theme?: Theme;
@@ -14,6 +14,7 @@ type ContentStylesProps = {
     viewMode?: 'view' | 'edit';
     typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed';
     isScrollable?: boolean;
+    appearance?: EditorAppearance;
 };
 export declare const placeholderStyles: SerializedStyles;
 /**

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

@@ -0,0 +1,39 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { EditorAppearance, FeatureFlags } from '@atlaskit/editor-common/types';
+export declare const linkStyles: import("@emotion/react").SerializedStyles;
+export declare const placeholderStyles: import("@emotion/react").SerializedStyles;
+/**
+ * fix layout issue of first block node
+ */
+export declare const fixBlockControlStylesSSR: () => import("@emotion/react").SerializedStyles;
+export type EditorContentContainerProps = {
+    className?: string;
+    children?: React.ReactNode;
+    featureFlags?: FeatureFlags;
+    viewMode?: 'view' | 'edit';
+    isScrollable?: boolean;
+    appearance?: EditorAppearance;
+};
+/**
+ * EditorContentStyles is a wrapper component that applies styles to its children
+ * based on the provided feature flags, view mode, and other props.
+ * It uses Emotion for styling and supports scrollable content.
+ * The component is memoized to optimize performance.
+ *
+ * This will be used in near future to replace the current editor content styles from index.tsx
+ *
+ * @param {EditorContentContainerProps} props - The props for the component.
+ * @param {string} props.className - Additional class name for the component.
+ * @param {React.ReactNode} props.children - The content to be rendered inside the component.
+ * @param {FeatureFlags} props.featureFlags - Feature flags to control the styles.
+ * @param {'view' | 'edit'} props.viewMode - The view mode of the editor.
+ * @param {boolean} props.isScrollable - Whether the content is scrollable.
+ * @param {'full-page' | 'full-width' | 'comment' | 'chromeless'} props.appearance - The appearance of the editor.
+ * @returns {JSX.Element} The styled content component.
+ */
+declare const EditorContentContainer: React.ForwardRefExoticComponent<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default EditorContentContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "206.0.2",
+	"version": "206.1.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,9 +59,9 @@
 		"@atlaskit/mention": "^24.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
-		"@atlaskit/react-ufo": "^3.9.0",
+		"@atlaskit/react-ufo": "^3.10.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^4.17.0",
+		"@atlaskit/tmp-editor-statsig": "^4.18.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -594,10 +594,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_controls_sticky_controls": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_nested_tables_sticky_header_bug": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -642,6 +638,9 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_find_and_replace_duplication": {
+			"type": "boolean"
+		},
 		"editor_a11y_aria_label_removal_popup": {
 			"type": "boolean",
 			"referenceOnly": true