@atlaskit/editor-core 214.2.4 → 215.0.1

package/dist/esm/create-editor/ReactEditorView.js

@@ -493,71 +493,67 @@ export function ReactEditorView(props) {
   var possibleListeners = React.useRef([]);
   React.useEffect(function () {
     return function () {
-      if (fg('cc_editor_abort_ufo_load_on_editor_scroll')) {
-        if (scrollElement.current) {
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-          var _iterator = _createForOfIteratorHelper(possibleListeners.current),
-            _step;
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var _scrollElement$curren;
-              var possibleListener = _step.value;
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              (_scrollElement$curren = scrollElement.current) === null || _scrollElement$curren === void 0 || _scrollElement$curren.removeEventListener.apply(_scrollElement$curren, _toConsumableArray(possibleListener));
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
+      if (scrollElement.current) {
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        var _iterator = _createForOfIteratorHelper(possibleListeners.current),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var _scrollElement$curren;
+            var possibleListener = _step.value;
+            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+            (_scrollElement$curren = scrollElement.current) === null || _scrollElement$curren === void 0 || _scrollElement$curren.removeEventListener.apply(_scrollElement$curren, _toConsumableArray(possibleListener));
           }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
-        scrollElement.current = null;
       }
+      scrollElement.current = null;
     };
   }, []);
   var handleEditorViewRef = useCallback(function (node) {
-    if (fg('cc_editor_abort_ufo_load_on_editor_scroll')) {
-      if (node) {
-        scrollElement.current = document.querySelector('[data-editor-scroll-container]');
-        var cleanupListeners = function cleanupListeners() {
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-          var _iterator2 = _createForOfIteratorHelper(possibleListeners.current),
-            _step2;
-          try {
-            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-              var _scrollElement$curren2;
-              var possibleListener = _step2.value;
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              (_scrollElement$curren2 = scrollElement.current) === null || _scrollElement$curren2 === void 0 || _scrollElement$curren2.removeEventListener.apply(_scrollElement$curren2, _toConsumableArray(possibleListener));
-            }
-          } catch (err) {
-            _iterator2.e(err);
-          } finally {
-            _iterator2.f();
+    if (node) {
+      scrollElement.current = document.querySelector('[data-editor-scroll-container]');
+      var cleanupListeners = function cleanupListeners() {
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        var _iterator2 = _createForOfIteratorHelper(possibleListeners.current),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _scrollElement$curren2;
+            var possibleListener = _step2.value;
+            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+            (_scrollElement$curren2 = scrollElement.current) === null || _scrollElement$curren2 === void 0 || _scrollElement$curren2.removeEventListener.apply(_scrollElement$curren2, _toConsumableArray(possibleListener));
           }
-        };
-        if (scrollElement.current) {
-          var wheelAbortHandler = function wheelAbortHandler() {
-            var activeInteraction = getActiveInteraction();
-            if (activeInteraction && ['edit-page', 'live-edit'].includes(activeInteraction.ufoName)) {
-              abortAll('new_interaction', "wheel-on-editor-element");
-            }
-            cleanupListeners();
-          };
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          scrollElement.current.addEventListener('wheel', wheelAbortHandler);
-          possibleListeners.current.push(['wheel', wheelAbortHandler]);
-          var scrollAbortHandler = function scrollAbortHandler() {
-            var activeInteraction = getActiveInteraction();
-            if (activeInteraction && ['edit-page', 'live-edit'].includes(activeInteraction.ufoName)) {
-              abortAll('new_interaction', "scroll-on-editor-element");
-            }
-            cleanupListeners();
-          };
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          scrollElement.current.addEventListener('scroll', scrollAbortHandler);
-          possibleListeners.current.push(['scroll', scrollAbortHandler]);
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
         }
+      };
+      if (scrollElement.current) {
+        var wheelAbortHandler = function wheelAbortHandler() {
+          var activeInteraction = getActiveInteraction();
+          if (activeInteraction && ['edit-page', 'live-edit'].includes(activeInteraction.ufoName)) {
+            abortAll('new_interaction', "wheel-on-editor-element");
+          }
+          cleanupListeners();
+        };
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        scrollElement.current.addEventListener('wheel', wheelAbortHandler);
+        possibleListeners.current.push(['wheel', wheelAbortHandler]);
+        var scrollAbortHandler = function scrollAbortHandler() {
+          var activeInteraction = getActiveInteraction();
+          if (activeInteraction && ['edit-page', 'live-edit'].includes(activeInteraction.ufoName)) {
+            abortAll('new_interaction', "scroll-on-editor-element");
+          }
+          cleanupListeners();
+        };
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        scrollElement.current.addEventListener('scroll', scrollAbortHandler);
+        possibleListeners.current.push(['scroll', scrollAbortHandler]);
       }
     }
     if (!viewRef.current && node) {

package/dist/esm/index.js

@@ -36,13 +36,5 @@ export { getNodesCount } from './utils/getNodesCount';
 export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export { default as EditorActions } from './actions';
-export {
-// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
-/**
- * @deprecated
- * DO NOT USE THIS WILL BE REMOVED SOON.
- * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
- */
-createEditorContentStyle } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

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

@@ -6,10 +6,11 @@ import { useIntl } from 'react-intl-next';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
 import { TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isToolbar } from '../../../utils/toolbar';
 import { ToolbarNext } from '../../Toolbar/Toolbar';
-import { useToolbarPortal } from '../../Toolbar/ToolbarPortal';
+import { ToolbarPortalMountPoint, useToolbarPortal } from '../../Toolbar/ToolbarPortal';
 var styles = {
   mainToolbarIconBefore: "_19pkpxbi _2hwxpxbi _otyrpxbi",
   mainToolbarIconBeforeNew: "_4cvr1h6o _1e0c1txw",
@@ -106,7 +107,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
     }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
       "data-testid": 'before-primary-toolbar-components-plugin',
       className: ax([styles.beforePrimaryToolbarComponents])
-    }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents))) : toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/React.createElement(ToolbarNext, {
+    }, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), fg('platform_editor_toolbar_aifc_patch_7') && /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)) : toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView) && /*#__PURE__*/React.createElement(ToolbarNext, {
       toolbar: toolbar,
       components: components,
       editorView: editorView,

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /**
@@ -9,6 +10,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, useTheme } from '@emotion/react';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -58,7 +60,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { syncBlockStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
 import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -66,6 +68,34 @@ import { textHighlightStyle } from './styles/textHighlightStyles';
 import { unsupportedStyles } from './styles/unsupportedStyles';
 import { whitespaceStyles } from './styles/whitespaceStyles';
 var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+var alignMultipleWrappedImageInLayoutStyles = {
+  '.ProseMirror [data-layout-section] [data-layout-column] > div': {
+    // apply marginTop to wrapped mediaSingle that has preceding wrapped mediaSingle (even when there's gap cursor in between them)
+    // Given the first wrapped mediaSingle in layout has 0 marginTop, this is needed to make sure fellow wrapped mediaSingle align with it horizontally
+    '.mediaSingleView-content-wrap[layout^=wrap] + .mediaSingleView-content-wrap[layout^=wrap], .mediaSingleView-content-wrap[layout^=wrap] + .ProseMirror-gapcursor + .mediaSingleView-content-wrap[layout^=wrap]': {
+      '.rich-media-item': {
+        marginTop: 0
+      }
+    },
+    // Due to the above rule, wrapped mediaSingle (not the first node in layout) that are followed by wrapped mediaSingle should also have 0 marginTop
+    // so it's aligned with the following wrapped mediaSingle
+    '.mediaSingleView-content-wrap[layout^=wrap]:has( + .mediaSingleView-content-wrap[layout^=wrap])': {
+      '.rich-media-item': {
+        marginTop: 0
+      }
+    }
+  }
+};
+var firstWrappedMediaStyles = {
+  '.ProseMirror': {
+    // Remove gap between first wrapped mediaSingle and its fellow wrapped mediaSingle
+    "& [layout^='wrap-']:has(+ [layout^='wrap-']), & [layout^='wrap-']:has(+ .ProseMirror-gapcursor + [layout^='wrap-'])": _defineProperty({}, "& .".concat(richMediaClassName), {
+      marginLeft: 0,
+      marginRight: 0
+    })
+  }
+};
+
 /**
  * EditorContentStyles is a wrapper component that applies styles to its children
  * based on the provided feature flags, view mode, and other props.
@@ -175,6 +205,8 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     ruleStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mediaStyles,
+    // merge firstWrappedMediaStyles with mediaStyles when clean up platform_editor_fix_media_in_renderer
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -256,7 +288,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     resizerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    layoutBaseStyles, expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) &&
+    layoutBaseStyles,
+    // merge alignMultipleWrappedImageInLayoutStyles with layoutBaseStyles when clean up platform_editor_fix_media_in_renderer
+    fg('platform_editor_fix_media_in_renderer') && alignMultipleWrappedImageInLayoutStyles, expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     syncBlockStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -358,10 +392,12 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     mediaAlignmentStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    tableLayoutFixes, expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) &&
+    tableLayoutFixes,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    !fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix,

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

@@ -34,7 +34,6 @@ export var tableContainerStyles = css({
   '.ProseMirror .pm-table-wrapper': {
     maxWidth: '100%',
     overflowX: 'auto',
-    overflowY: 'visible',
     // Ensure the wrapper doesn't grow beyond its container
     width: '100%',
     boxSizing: 'border-box'
@@ -48,4 +47,13 @@ export var tableContainerStyles = css({
     // Ensure tables can be scrolled horizontally if needed
     minWidth: 'auto'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var tableContainerOverflowY = css({
+  /* Fix for HOT-119925: Ensure table containers have proper width constraints and overflow handling */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper': {
+    overflowY: 'visible'
+  }
 });

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "0.0.0-development";
+export var version = "215.0.0";

package/dist/types/index.d.ts

@@ -28,12 +28,5 @@ export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export type { Command, EditorProps, EditorInstance, CommandDispatch } from './types';
 export { default as EditorActions } from './actions';
-export { 
-/**
- * @deprecated
- * DO NOT USE THIS WILL BE REMOVED SOON.
- * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
- */
-createEditorContentStyle, } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

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

@@ -3,3 +3,4 @@ export declare const tableLayoutFixes: SerializedStyles;
 export declare const tableCommentEditorMarginOverride: SerializedStyles;
 export declare const tableCommentEditorStyles: SerializedStyles;
 export declare const tableContainerStyles: SerializedStyles;
+export declare const tableContainerOverflowY: SerializedStyles;

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

@@ -28,12 +28,5 @@ export { default as measurements } from './utils/performance/measure-enum';
 export { createFeatureFlagsFromProps } from './utils/feature-flags-from-props';
 export type { Command, EditorProps, EditorInstance, CommandDispatch } from './types';
 export { default as EditorActions } from './actions';
-export { 
-/**
- * @deprecated
- * DO NOT USE THIS WILL BE REMOVED SOON.
- * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
- */
-createEditorContentStyle, } from './ui/ContentStyles';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor/create-plugins-list';
 export { ReactEditorView } from './create-editor/ReactEditorView';

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

@@ -3,3 +3,4 @@ export declare const tableLayoutFixes: SerializedStyles;
 export declare const tableCommentEditorMarginOverride: SerializedStyles;
 export declare const tableCommentEditorStyles: SerializedStyles;
 export declare const tableContainerStyles: SerializedStyles;
+export declare const tableContainerOverflowY: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "214.2.4",
+	"version": "215.0.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
 		"@atlaskit/editor-performance-metrics": "^2.1.0",
 		"@atlaskit/editor-plugin-quick-insert": "^6.0.0",
 		"@atlaskit/editor-plugin-user-preferences": "^4.0.0",
-		"@atlaskit/editor-plugins": "^10.6.0",
+		"@atlaskit/editor-plugins": "^11.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-toolbar": "^0.14.0",
@@ -97,7 +97,7 @@
 		"@atlaskit/editor-plugin-annotation": "^6.1.0",
 		"@atlaskit/editor-plugin-card": "^11.2.0",
 		"@atlaskit/editor-plugin-list": "^8.0.0",
-		"@atlaskit/editor-plugin-paste": "^7.1.0",
+		"@atlaskit/editor-plugin-paste": "^7.2.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/media-core": "^37.0.0",
@@ -107,7 +107,7 @@
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/renderer": "^124.1.0",
 		"@atlaskit/section-message": "^8.7.0",
-		"@atlaskit/smart-card": "^43.0.0",
+		"@atlaskit/smart-card": "^43.1.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/util-data-test": "^18.3.0",
@@ -150,16 +150,9 @@
 		}
 	},
 	"platform-feature-flags": {
-		"cc_editor_abort_ufo_load_on_editor_scroll": {
-			"type": "boolean"
-		},
 		"confluence_floating_toolbar_animation": {
 			"type": "boolean"
 		},
-		"annotations_defensive_node_name_calculations": {
-			"type": "boolean",
-			"referenceOnly": "true"
-		},
 		"linking_platform_datasource_assets_objects": {
 			"type": "boolean",
 			"referenceOnly": "true"
@@ -261,6 +254,9 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_fix_media_in_renderer": {
+			"type": "boolean"
+		},
 		"platform_editor_react_18_autofocus_fix": {
 			"type": "boolean"
 		},
@@ -475,6 +471,12 @@
 		},
 		"platform_editor_text_highlight_padding": {
 			"type": "boolean"
+		},
+		"platform_editor_toolbar_aifc_patch_7": {
+			"type": "boolean"
+		},
+		"platform_editor_table_container_y_overflow_fix": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {

package/create-editor-content-style/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/editor-core/create-editor-content-style",
-  "main": "../dist/cjs/ui/ContentStyles/index.js",
-  "module": "../dist/esm/ui/ContentStyles/index.js",
-  "module:es2019": "../dist/es2019/ui/ContentStyles/index.js",
-  "sideEffects": [
-    "*.compiled.css"
-  ],
-  "types": "../dist/types/ui/ContentStyles/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/ui/ContentStyles/index.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineNodeViewSharedStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
-var _whitespace = require("@atlaskit/editor-common/whitespace");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// For reasoning behind styles, see comments in:
-// ./getInlineNodeViewProducer -> portalChildren()
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var InlineNodeViewSharedStyles = exports.InlineNodeViewSharedStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_reactNodeView.inlineNodeViewClassname), {
-  display: 'inline',
-  userSelect: 'all',
-  whiteSpace: 'nowrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '& > *:not(.zeroWidthSpaceContainer)': {
-    whiteSpace: 'pre-wrap'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > .assistive': {
-    userSelect: 'none'
-  }
-}), '&.ua-safari', (0, _defineProperty2.default)({}, ".".concat(_reactNodeView.inlineNodeViewClassname), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '::selection, *::selection': {
-    background: 'transparent'
-  }
-})), "&.ua-chrome .".concat(_reactNodeView.inlineNodeViewClassname, " > span"), {
-  userSelect: 'none'
-}), ".".concat(_reactNodeView.inlineNodeViewClassname, "AddZeroWidthSpace"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '::after': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    content: "'".concat(_whitespace.ZERO_WIDTH_SPACE, "'")
-  }
-}));

package/dist/cjs/ui/ContentStyles/ai-panels.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.aiPanelStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
- * TODO ED-26957 - remove legacy styles when static emotion refactor is complete
- * We are moving this to new location under FF: platform_editor_core_static_emotion
- * New location: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
- * If you are making updates to this file, please updates in new location as well.
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-var rotationAnimation = (0, _react.keyframes)({
-  '0%': _objectSpread({
-    '--panel-gradient-angle': '0deg'
-  }, isFirefox ? {
-    backgroundPosition: '100%'
-  } : {}),
-  '100%': _objectSpread({
-    '--panel-gradient-angle': '360deg'
-  }, isFirefox ? {
-    backgroundPosition: '-100%'
-  } : {})
-});
-var aiPrismColor = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, 'prism.border.step.1', {
-  light: '#0065FF',
-  dark: '#0065FF80'
-}), 'prism.border.step.2', {
-  light: '#0469FF',
-  dark: '#0469FF80'
-}), 'prism.border.step.3', {
-  light: '#BF63F3',
-  dark: '#BF63F380'
-}), 'prism.border.step.4', {
-  light: '#FFA900',
-  dark: '#FFA90080'
-});
-var prismBorderAnimationStyles = (0, _react.css)({
-  '&::before, &::after': _objectSpread(_objectSpread({
-    animationName: rotationAnimation,
-    animationDuration: '2s',
-    animationTimingFunction: 'linear',
-    animationIterationCount: 'infinite'
-  }, isFirefox ? {
-    animationDirection: 'normal',
-    animationDuration: '1s'
-  } : {}), {}, {
-    '@media (prefers-reduced-motion)': {
-      animation: 'none'
-    }
-  })
-});
-var prismBorderStyles = function prismBorderStyles(colorMode, hover) {
-  return (0, _react.css)(_objectSpread({
-    content: "''",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    position: 'absolute',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    zIndex: -1,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: "calc(100% + 2px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: "calc(100% + 2px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    top: "-1px",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    left: "-1px",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    borderRadius: "calc(".concat("var(--ds-radius-small, 3px)", " + 1px)"),
-    transform: 'translate3d(0, 0, 0)'
-  }, hover ? {
-    background: "var(--ds-border-input, #8590A2)"
-  } : isFirefox ? {
-    background: "linear-gradient(90deg,\n\t\t\t\t\t\t\t\t".concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 0%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 12%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 24%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 48%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 64%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 80%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 100%\n\t\t\t\t\t\t\t)"),
-    backgroundSize: '200%'
-  } : {
-    background: "conic-gradient(\n\t\t\t\t\t\t\t\tfrom var(--panel-gradient-angle, 270deg),\n\t\t\t\t\t\t\t\t".concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 0%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 20%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 50%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 56%,\n\t\t\t\t\t\t\t\t").concat(aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light'], " 100%\n\t\t\t\t\t\t\t)")
-  }));
-};
-var aiPanelStyles = exports.aiPanelStyles = function aiPanelStyles(colorMode
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t@property --panel-gradient-angle {\n\t\tsyntax: '<angle>';\n\t\tinitial-value: 270deg;\n\t\tinherits: false;\n\t}\n\n\tdiv[extensionType='com.atlassian.ai-blocks'] {\n\t\t/* This hides the label for the extension */\n\t\t.extension-label {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t/* This styles the ai panel correctly when its just sitting on the page and there\n\t\tis no user interaction */\n\t\t.extension-container {\n\t\t\tposition: relative;\n\t\t\tbox-shadow: none;\n\t\t\toverflow: unset;\n\t\t\tbackground-color: ", " !important;\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\t", "\n\t\t\t}\n\t\t\t&.with-hover-border {\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\t\t\t& .with-margin-styles {\n\t\t\t\tbackground-color: ", " !important;\n\t\t\t\tborder-radius: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t/* This styles the ai panel correctly when its streaming */\n\tdiv[extensionType='com.atlassian.ai-blocks']:has(.streaming) {\n\t\t.extension-container {\n\t\t\tbox-shadow: none;\n\t\t\toverflow: unset;\n\t\t\t", "\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n\n\t/* This styles the ai panel correctly when a user is hovering over the delete button in the floating panel */\n\tdiv[extensionType='com.atlassian.ai-blocks'].danger {\n\t\t.extension-container {\n\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t}\n\t}\n\n\t/* This removes the margin from the action list when inside an ai panel */\n\tdiv[extensiontype='com.atlassian.ai-blocks'][extensionkey='ai-action-items-block:aiActionItemsBodiedExtension'] {\n\t\tdiv[data-node-type='actionList'] {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t}\n"])), "var(--ds-surface, #FFFFFF)", prismBorderStyles(colorMode), prismBorderStyles(colorMode, true), "var(--ds-surface, #FFFFFF)", "var(--ds-radius-small, 3px)", prismBorderAnimationStyles, prismBorderStyles(colorMode), "var(--ds-border-danger, #E2483D)");
-};

package/dist/cjs/ui/ContentStyles/code-bidi-warning.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.codeBidiWarningStyles = void 0;
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-var codeBidiWarningStyles = exports.codeBidiWarningStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"]': {
-    display: 'inline-block'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-decorator"]': {
-    paddingInlineStart: "var(--ds-space-050, 4px)",
-    paddingInlineEnd: "var(--ds-space-050, 4px)",
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    fontStyle: 'normal',
-    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingTop: '0.05rem',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingBottom: '0.05rem',
-    color: "var(--ds-text-warning, #A54800)",
-    backgroundColor: "var(--ds-background-warning, #FFF7D6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-decorator"]:hover': {
-    color: "var(--ds-text-warning, #A54800)",
-    backgroundColor: "var(--ds-background-warning-hovered, #F8E6A0)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-tooltip"]': {
-    visibility: 'hidden',
-    boxSizing: 'border-box',
-    width: '15pc',
-    backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
-    color: "var(--ds-text-inverse, #FFFFFF)",
-    overflowWrap: 'break-word',
-    cursor: 'default',
-    borderRadius: "var(--ds-radius-small, 4px)",
-    margin: "var(--ds-space-0, 0px)",
-    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
-    position: 'fixed',
-    // The character label will be ~80px and this is positioned from the end of that label
-    // We also use this instead of top: 24px to make sure the tooltip maintains its initial position
-    // instead of being positioned relative to the viewport.
-    // We need to use position: fixed so that the tooltip bypasses the overflow settings of the code block
-    // and is always visible.
-    // We also offset a little extra here to account for the transition behavior (to replicate ADS fade-in-from-top)
-    transform: 'translate(calc(-50% - 40px), calc(24px - 4px))',
-    opacity: 0,
-    whiteSpace: 'normal',
-    font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    zIndex: 9999,
-    // Exit animation timings
-    // - Mark invisible after 0.475s
-    // - After 0.3s, fade out and move up over 0.175s
-    transition: 'visibility 0s linear 0.475s, opacity 0.175s cubic-bezier(0.15,1,0.3,1) 0.3s, transform 0.175s cubic-bezier(0.15,1,0.3,1) 0.3s'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"]:hover [data-bidi-component="code-bidi-warning-tooltip"]': {
-    visibility: 'visible',
-    transform: 'translate(calc(-50% - 40px), calc(24px))',
-    opacity: 1,
-    // Enter animation timings
-    // - Mark visible after 0.3s of hovering
-    // - After 0.3s, fade in over 0.175s
-    // - After 0.3s, move down over 0.35s
-    transition: 'visibility 0s linear 0.3s, opacity 0.175s cubic-bezier(0.15,1,0.3,1) 0.3s, transform 0.35s cubic-bezier(0.15,1,0.3,1) 0.3s'
-  }
-});