@atlaskit/editor-core 221.2.0 → 221.3.0

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

@@ -3,25 +3,18 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx } from '@emotion/react';
 import isEqual from 'lodash/isEqual';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
-var toolbarComponentsWrapper = css(_defineProperty({
-  display: 'flex'
-}, "@media (max-width: ".concat(akEditorMobileMaxWidth, "px)"), {
-  justifyContent: 'space-between'
-}));
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { ToolbarComponentsWrapperCompiled } from './ToolbarComponentsWrapper-compiled';
+import { ToolbarComponentsWrapperEmotion } from './ToolbarComponentsWrapper-emotion';
+var ToolbarComponentsWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, ToolbarComponentsWrapperCompiled, ToolbarComponentsWrapperEmotion);
 
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -62,8 +55,7 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
         // Hiding toolbar in SSR until the dependency of screen width is resolved in SSR environment.
         return null;
       }
-      return jsx("div", {
-        css: toolbarComponentsWrapper,
+      return /*#__PURE__*/React.createElement(ToolbarComponentsWrapperMigration, {
         "data-vc": "toolbar-inner"
       }, items.map(function (component, key) {
         var element = component({

package/dist/esm/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.compiled.css

@@ -0,0 +1,2 @@
+._1bsb1osq{width:100%}
+._kqswh2mm{position:relative}

package/dist/esm/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js

@@ -0,0 +1,21 @@
+/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import "./ToolbarSizeDetectorWrapper-compiled.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var toolbarSizeDetectorWrapperCompiledStyles = {
+  root: "_1bsb1osq _kqswh2mm"
+};
+export var ToolbarSizeDetectorWrapperCompiled = function ToolbarSizeDetectorWrapperCompiled(_ref) {
+  var children = _ref.children,
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: ax([toolbarSizeDetectorWrapperCompiledStyles.root])
+  }, children);
+};

package/dist/esm/ui/Toolbar/ToolbarSizeDetectorWrapper-emotion.js

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration
+import { css, jsx } from '@emotion/react';
+var toolbarSizeDetectorWrapperEmotionStyles = css({
+  width: '100%',
+  position: 'relative'
+});
+export var ToolbarSizeDetectorWrapperEmotion = function ToolbarSizeDetectorWrapperEmotion(_ref) {
+  var children = _ref.children,
+    style = _ref.style;
+  return jsx("div", {
+    css: toolbarSizeDetectorWrapperEmotionStyles,
+    style: style
+  }, children);
+};

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

@@ -1,24 +1,20 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React, { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx } from '@emotion/react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { isFullPage } from '../../utils/is-full-page';
 import { useElementWidth } from './hooks';
 import { Toolbar } from './Toolbar';
 import { toolbarSizeToWidth, widthToToolbarSize } from './toolbar-size';
-var toolbar = css({
-  width: '100%',
-  position: 'relative'
-});
+import { ToolbarSizeDetectorWrapperCompiled } from './ToolbarSizeDetectorWrapper-compiled';
+import { ToolbarSizeDetectorWrapperEmotion } from './ToolbarSizeDetectorWrapper-emotion';
+var ToolbarSizeDetectorWrapperMigration = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, ToolbarSizeDetectorWrapperCompiled, ToolbarSizeDetectorWrapperEmotion);
 export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
   var ref = React.useRef(null);
   var _React$useState = React.useState(undefined),
@@ -44,14 +40,21 @@ export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
       return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
     }
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
-  return jsx("div", {
-    css: toolbar,
-    style: {
+  var memoizedWrapperStyle = useMemo(function () {
+    return {
       minWidth: minWidthValue
-    }
-  }, jsx(WidthObserver, {
+    };
+  }, [minWidthValue]);
+  var wrapperStyle = expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true) ? memoizedWrapperStyle : {
+    minWidth: minWidthValue
+  };
+  return /*#__PURE__*/React.createElement(ToolbarSizeDetectorWrapperMigration
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- minWidth is computed dynamically from props.hasMinWidth, props.appearance, props.twoLineEditorToolbar, and the platform_editor_preview_panel_responsiveness experiment, so it cannot be expressed as a static css value.
+  , {
+    style: wrapperStyle
+  }, /*#__PURE__*/React.createElement(WidthObserver, {
     setWidth: setWidth
-  }), props.editorView && toolbarSize ? jsx(Toolbar, {
+  }), props.editorView && toolbarSize ? /*#__PURE__*/React.createElement(Toolbar, {
     toolbarSize: toolbarSize,
     items: props.items,
     editorView: props.editorView,
@@ -67,7 +70,7 @@ export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
     containerElement: props.containerElement,
     hasMinWidth: props.hasMinWidth,
     twoLineEditorToolbar: props.twoLineEditorToolbar
-  }) : jsx("div", {
+  }) : /*#__PURE__*/React.createElement("div", {
     ref: ref
   }));
 };

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "221.1.3";
+export var version = "221.2.1";

package/dist/types/ui/Appearance/Comment/FixedToolbar-compiled.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `Toolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+import React from 'react';
+type FixedToolbarCompiledProps = {
+    children?: ReactNode;
+    isEditorModernisationEnabled?: boolean;
+    isNewToolbarEnabled?: boolean;
+    twoLineEditorToolbar?: boolean;
+};
+export declare const FixedToolbarCompiled: (props: FixedToolbarCompiledProps) => React.JSX.Element;
+export {};

package/dist/types/ui/Appearance/Comment/FixedToolbar-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `Toolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+type FixedToolbarEmotionProps = {
+    children?: ReactNode;
+    isEditorModernisationEnabled?: boolean;
+    isNewToolbarEnabled?: boolean;
+    twoLineEditorToolbar?: boolean;
+};
+export declare const FixedToolbarEmotion: (props: FixedToolbarEmotionProps) => JSX.Element;
+export {};

package/dist/types/ui/Appearance/Comment/StickyToolbar-compiled.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `Toolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode, RefObject } from 'react';
+import React from 'react';
+type StickyToolbarCompiledProps = {
+    children?: ReactNode;
+    externalToolbarRef?: RefObject<HTMLElement>;
+    isEditorModernisationEnabled?: boolean;
+    isNewToolbarEnabled?: boolean;
+    offsetTop?: number;
+    twoLineEditorToolbar?: boolean;
+};
+export declare const StickyToolbarCompiled: (props: StickyToolbarCompiledProps) => React.JSX.Element;
+export {};

package/dist/types/ui/Appearance/Comment/StickyToolbar-emotion.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `Toolbar.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode, RefObject } from 'react';
+type StickyToolbarEmotionProps = {
+    children?: ReactNode;
+    externalToolbarRef?: RefObject<HTMLElement>;
+    isEditorModernisationEnabled?: boolean;
+    isNewToolbarEnabled?: boolean;
+    offsetTop?: number;
+    twoLineEditorToolbar?: boolean;
+};
+export declare const StickyToolbarEmotion: (props: StickyToolbarEmotionProps) => JSX.Element;
+export {};

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { jsx } from '@emotion/react';
 import type { UseStickyToolbarType } from '@atlaskit/editor-common/ui';
 type MainToolbarProps = {
     children?: React.ReactNode;
@@ -8,5 +7,5 @@ type MainToolbarProps = {
     twoLineEditorToolbar?: boolean;
     useStickyToolbar?: UseStickyToolbarType;
 };
-export declare const MainToolbar: ({ useStickyToolbar, twoLineEditorToolbar, children, isEditorModernisationEnabled, isNewToolbarEnabled, }: MainToolbarProps) => jsx.JSX.Element;
+export declare const MainToolbar: ({ useStickyToolbar, twoLineEditorToolbar, children, isEditorModernisationEnabled, isNewToolbarEnabled, }: MainToolbarProps) => React.JSX.Element;
 export {};

package/dist/types/ui/Toolbar/ToolbarComponentsWrapper-compiled.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `ToolbarInner.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+interface ToolbarComponentsWrapperCompiledProps {
+    children?: ReactNode;
+    'data-vc'?: string;
+}
+export declare const ToolbarComponentsWrapperCompiled: ({ children, "data-vc": dataVc, }: ToolbarComponentsWrapperCompiledProps) => JSX.Element;
+export {};

package/dist/types/ui/Toolbar/ToolbarComponentsWrapper-emotion.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `ToolbarInner.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+interface ToolbarComponentsWrapperEmotionProps {
+    children?: ReactNode;
+    'data-vc'?: string;
+}
+export declare const ToolbarComponentsWrapperEmotion: ({ children, "data-vc": dataVc, }: ToolbarComponentsWrapperEmotionProps) => JSX.Element;
+export {};

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

@@ -1,11 +1,6 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import type { ToolbarInnerProps } from './toolbar-types';
 export declare class ToolbarInner extends React.Component<ToolbarInnerProps> {
     shouldComponentUpdate(nextProps: ToolbarInnerProps): boolean;
-    render(): jsx.JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/types/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { CSSProperties, ReactNode } from 'react';
+interface ToolbarSizeDetectorWrapperCompiledProps {
+    children?: ReactNode;
+    style?: CSSProperties;
+}
+export declare const ToolbarSizeDetectorWrapperCompiled: ({ children, style, }: ToolbarSizeDetectorWrapperCompiledProps) => JSX.Element;
+export {};

package/dist/types/ui/Toolbar/ToolbarSizeDetectorWrapper-emotion.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { CSSProperties, ReactNode } from 'react';
+interface ToolbarSizeDetectorWrapperEmotionProps {
+    children?: ReactNode;
+    style?: CSSProperties;
+}
+export declare const ToolbarSizeDetectorWrapperEmotion: ({ children, style, }: ToolbarSizeDetectorWrapperEmotionProps) => JSX.Element;
+export {};

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

@@ -1,3 +1,3 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { ToolbarWithSizeDetectorProps } from './toolbar-types';
-export declare const ToolbarWithSizeDetector: (props: ToolbarWithSizeDetectorProps) => jsx.JSX.Element;
+export declare const ToolbarWithSizeDetector: (props: ToolbarWithSizeDetectorProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "221.2.0",
+	"version": "221.3.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,10 +66,11 @@
 		"@atlaskit/platform-feature-flags-react": "^1.0.0",
 		"@atlaskit/react-ufo": "^7.1.0",
 		"@atlaskit/task-decision": "^21.2.0",
-		"@atlaskit/tmp-editor-statsig": "^109.0.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tmp-editor-statsig": "^110.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/width-detector": "^6.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
@@ -84,7 +85,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.7.0",
+		"@atlaskit/editor-common": "^116.11.0",
 		"@atlaskit/link-provider": "^5.0.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -101,8 +102,8 @@
 		"@atlaskit/collab-provider": "^21.0.0",
 		"@atlaskit/editor-plugin-annotation": "^12.0.0",
 		"@atlaskit/editor-plugin-card": "^18.0.0",
-		"@atlaskit/editor-plugin-list": "^14.0.0",
-		"@atlaskit/editor-plugin-paste": "^13.0.0",
+		"@atlaskit/editor-plugin-list": "^14.1.0",
+		"@atlaskit/editor-plugin-paste": "^13.1.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/link-provider": "^5.0.0",
 		"@atlaskit/linking-common": "^10.0.0",
@@ -114,7 +115,7 @@
 		"@atlaskit/popper": "^8.0.0",
 		"@atlaskit/portal": "^6.0.0",
 		"@atlaskit/renderer": "^133.5.0",
-		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/section-message": "^9.1.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^17.0.0",
 		"@atlaskit/util-data-test": "^19.0.0",
@@ -123,8 +124,7 @@
 		"@atlassian/adf-schema-json": "^1.33.0",
 		"@atlassian/editor-rovo-bridge": "^10.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
-		"@atlassian/search-client": "^1.14.0",
+		"@atlassian/search-client": "^1.16.0",
 		"@atlassian/search-provider": "^13.0.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/user-profile-card": "^1.14.0",
@@ -140,7 +140,7 @@
 		"raf-stub": "^2.0.1",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl": "^6.6.2",
+		"react-intl": "^7.0.0",
 		"url-search-params": "^0.10.0"
 	},
 	"techstack": {