@atlaskit/editor-core 220.0.1 → 220.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 220.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 220.0.2
+
+### Patch Changes
+
+- [`ed89ab85318b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed89ab85318b9) -
+  [ux] Allow text selection and copying within reference synced blocks in the editor
+- Updated dependencies
+
 ## 220.0.1
 
 ### Patch Changes

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -390,7 +390,9 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _syncBlockStyles.syncBlockStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _experiments.editorExperiment)('platform_synced_block', true) && _syncBlockStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
+    (0, _experiments.editorExperiment)('platform_synced_block', true) && _syncBlockStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _syncBlockStyles.syncBlockTextSelectionStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _syncBlockStyles.syncBlockFirstNodeStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.syncBlockStylesBase = exports.syncBlockStyles = exports.syncBlockOverflowStyles = exports.syncBlockFirstNodeStyles = void 0;
+exports.syncBlockTextSelectionStyles = exports.syncBlockStylesBase = exports.syncBlockStyles = exports.syncBlockOverflowStyles = exports.syncBlockFirstNodeStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
@@ -187,6 +187,38 @@ var syncBlockOverflowStyles = exports.syncBlockOverflowStyles = (0, _react.css)(
   })
 });
 
+// Styles for text selection in reference sync blocks.
+// Gated behind platform_synced_block_patch_14.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var syncBlockTextSelectionStyles = exports.syncBlockTextSelectionStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
+  // Show text cursor to indicate content is selectable
+  cursor: 'text',
+  // Remove browser focus outline on the contentEditable renderer wrapper
+  outline: 'none',
+  // Hide the blinking insertion caret. contentEditable="true" is set on
+  // the renderer to enable text selection, but the content is read-only.
+  caretColor: 'transparent',
+  // Override cursor: pointer set by the editor's layout styles on
+  // [data-layout-section] elements rendered inside the sync block content.
+  // Without this, layout nodes inside reference sync blocks show a pointer
+  // cursor instead of a text cursor.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-layout-section]': {
+    cursor: 'text'
+  }
+}), ".ProseMirror .ak-editor-selected-node .".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  'span[data-emoji-id], span[data-emoji-id] span': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    boxShadow: 'none !important',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::before': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      backgroundColor: 'transparent !important'
+    }
+  }
+}));
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var syncBlockFirstNodeStyles = exports.syncBlockFirstNodeStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror > .fabric-editor-breakout-mark:first-child", (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), {
   marginTop: 0

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

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js

@@ -57,7 +57,7 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
 import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, 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, statusStylesTeam26 } from './styles/statusStyles';
-import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
+import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableLayoutFixesWithFontSize, tableContentModeStyles } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
@@ -386,7 +386,9 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
     // 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
-    editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) &&
+    editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockTextSelectionStyles, editorExperiment('platform_synced_block', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     syncBlockFirstNodeStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -244,6 +244,46 @@ export const syncBlockOverflowStyles = css({
   }
 });
 
+// Styles for text selection in reference sync blocks.
+// Gated behind platform_synced_block_patch_14.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const syncBlockTextSelectionStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [`.${SyncBlockSharedCssClassName.renderer}`]: {
+    // Show text cursor to indicate content is selectable
+    cursor: 'text',
+    // Remove browser focus outline on the contentEditable renderer wrapper
+    outline: 'none',
+    // Hide the blinking insertion caret. contentEditable="true" is set on
+    // the renderer to enable text selection, but the content is read-only.
+    caretColor: 'transparent',
+    // Override cursor: pointer set by the editor's layout styles on
+    // [data-layout-section] elements rendered inside the sync block content.
+    // Without this, layout nodes inside reference sync blocks show a pointer
+    // cursor instead of a text cursor.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section]': {
+      cursor: 'text'
+    }
+  },
+  // Suppress ProseMirror's selected-node box-shadow and backgroundColor on emojis inside
+  // the contentEditable renderer wrapper. PM applies .ak-editor-selected-node
+  // to inline nodes within contentEditable regions.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [`.ProseMirror .ak-editor-selected-node .${SyncBlockSharedCssClassName.renderer}`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    'span[data-emoji-id], span[data-emoji-id] span': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      boxShadow: 'none !important',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&::before': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        backgroundColor: 'transparent !important'
+      }
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const syncBlockFirstNodeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values

package/dist/es2019/version-wrapper.js

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

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

@@ -58,7 +58,7 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
 import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, 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, statusStylesTeam26 } from './styles/statusStyles';
-import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
+import { syncBlockStyles, syncBlockStylesBase, syncBlockFirstNodeStyles, syncBlockOverflowStyles, syncBlockTextSelectionStyles } from './styles/syncBlockStyles';
 import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes, tableLayoutFixesWithFontSize, tableContentModeStyles } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
@@ -382,7 +382,9 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
     // 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
-    editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) &&
+    editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    syncBlockTextSelectionStyles, editorExperiment('platform_synced_block', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     syncBlockFirstNodeStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

@@ -180,6 +180,38 @@ export var syncBlockOverflowStyles = css({
   })
 });
 
+// Styles for text selection in reference sync blocks.
+// Gated behind platform_synced_block_patch_14.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var syncBlockTextSelectionStyles = css(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer), {
+  // Show text cursor to indicate content is selectable
+  cursor: 'text',
+  // Remove browser focus outline on the contentEditable renderer wrapper
+  outline: 'none',
+  // Hide the blinking insertion caret. contentEditable="true" is set on
+  // the renderer to enable text selection, but the content is read-only.
+  caretColor: 'transparent',
+  // Override cursor: pointer set by the editor's layout styles on
+  // [data-layout-section] elements rendered inside the sync block content.
+  // Without this, layout nodes inside reference sync blocks show a pointer
+  // cursor instead of a text cursor.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-layout-section]': {
+    cursor: 'text'
+  }
+}), ".ProseMirror .ak-editor-selected-node .".concat(SyncBlockSharedCssClassName.renderer), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  'span[data-emoji-id], span[data-emoji-id] span': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    boxShadow: 'none !important',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&::before': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+      backgroundColor: 'transparent !important'
+    }
+  }
+}));
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var syncBlockFirstNodeStyles = css(_defineProperty({}, ".ProseMirror > .fabric-editor-breakout-mark:first-child", _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), {
   marginTop: 0

package/dist/esm/version-wrapper.js

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

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

@@ -2,4 +2,5 @@ import type { SerializedStyles } from '@emotion/react';
 export declare const syncBlockStylesBase: SerializedStyles;
 export declare const syncBlockStyles: SerializedStyles;
 export declare const syncBlockOverflowStyles: SerializedStyles;
+export declare const syncBlockTextSelectionStyles: SerializedStyles;
 export declare const syncBlockFirstNodeStyles: SerializedStyles;

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

@@ -2,4 +2,5 @@ import type { SerializedStyles } from '@emotion/react';
 export declare const syncBlockStylesBase: SerializedStyles;
 export declare const syncBlockStyles: SerializedStyles;
 export declare const syncBlockOverflowStyles: SerializedStyles;
+export declare const syncBlockTextSelectionStyles: SerializedStyles;
 export declare const syncBlockFirstNodeStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "220.0.1",
+	"version": "220.0.3",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -62,19 +62,19 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
 		"@atlaskit/editor-ssr-renderer": "^6.0.0",
-		"@atlaskit/editor-toolbar": "^1.9.0",
+		"@atlaskit/editor-toolbar": "^1.10.0",
 		"@atlaskit/editor-toolbar-model": "^0.5.0",
 		"@atlaskit/emoji": "^70.15.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/media-card": "^80.7.0",
-		"@atlaskit/mention": "^26.0.0",
+		"@atlaskit/mention": "^26.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/react-ufo": "^6.6.0",
 		"@atlaskit/task-decision": "^20.1.0",
-		"@atlaskit/tmp-editor-statsig": "^88.3.0",
+		"@atlaskit/tmp-editor-statsig": "^89.0.0",
 		"@atlaskit/tokens": "^13.1.0",
 		"@atlaskit/tooltip": "^22.6.0",
 		"@atlaskit/width-detector": "^5.1.0",
@@ -92,8 +92,8 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.0.0",
-		"@atlaskit/link-provider": "^4.4.0",
+		"@atlaskit/editor-common": "^115.2.0",
+		"@atlaskit/link-provider": "^4.5.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -108,11 +108,11 @@
 		"@atlaskit/code": "^17.5.0",
 		"@atlaskit/collab-provider": "^20.0.0",
 		"@atlaskit/editor-plugin-annotation": "^11.0.0",
-		"@atlaskit/editor-plugin-card": "^17.0.0",
+		"@atlaskit/editor-plugin-card": "^17.1.0",
 		"@atlaskit/editor-plugin-list": "^13.0.0",
 		"@atlaskit/editor-plugin-paste": "^12.1.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
-		"@atlaskit/link-provider": "^4.4.0",
+		"@atlaskit/link-provider": "^4.5.0",
 		"@atlaskit/linking-common": "^9.13.0",
 		"@atlaskit/logo": "^20.1.0",
 		"@atlaskit/media-core": "^37.1.0",
@@ -129,7 +129,7 @@
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/adf-schema-json": "^1.33.0",
-		"@atlassian/editor-rovo-bridge": "^9.0.0",
+		"@atlassian/editor-rovo-bridge": "^9.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/search-client": "^1.11.0",
@@ -336,6 +336,9 @@
 		},
 		"platform_editor_chromeless_akeditor_class": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_14": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {