@atlaskit/editor-core 204.6.4 → 204.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 204.7.0
+
+### Minor Changes
+
+- [#130191](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130191)
+  [`e1cf89e2fc15b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e1cf89e2fc15b) -
+  [ED-26903] Add class to full page editor content area region
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 204.6.4
 
 ### Patch Changes

package/dist/cjs/ui/Addon/click-area-helper.js

@@ -8,6 +8,7 @@ var _collab = require("@atlaskit/editor-common/collab");
 var _commands = require("@atlaskit/editor-common/commands");
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _contentComponentWrapper = require("./ClickAreaBlock/contentComponentWrapper");
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 var insideContentArea = function insideContentArea(ref) {
@@ -45,7 +46,7 @@ var checkForModal = exports.checkForModal = function checkForModal(target) {
   return true;
 };
 var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaClickHandler(view, event) {
-  var _view$hasFocus, _event$currentTarget;
+  var _view$hasFocus, _target$parentElement, _event$currentTarget;
   var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
   if (!(event.target instanceof HTMLElement)) {
     return;
@@ -79,7 +80,9 @@ var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaCl
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   (0, _utils.closestElement)(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
-  var isContentComponent = !!(0, _utils.closestElement)(target, "[".concat(_contentComponentWrapper.ignoreAttribute, "]")) || (target === null || target === void 0 ? void 0 : target.getAttribute(_contentComponentWrapper.ignoreAttribute)) === 'true';
+
+  // For clicks directly on the content component -- they should not be ignored
+  var isContentComponent = (0, _platformFeatureFlags.fg)('platform_editor_keep_focus_on_content_comp_clicks') ? target === null || target === void 0 || (_target$parentElement = target.parentElement) === null || _target$parentElement === void 0 ? void 0 : _target$parentElement.closest("[".concat(_contentComponentWrapper.ignoreAttribute, "]")) : !!(0, _utils.closestElement)(target, "[".concat(_contentComponentWrapper.ignoreAttribute, "]")) || (target === null || target === void 0 ? void 0 : target.getAttribute(_contentComponentWrapper.ignoreAttribute)) === 'true';
 
   // This is a super workaround to find when events are coming from Confluence InlineComment modal
   // We don't own those components, so we can't change them

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
@@ -86,7 +87,10 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       fullWidthMode: fullWidthMode,
       layoutMaxWidth: theme.layoutMaxWidth,
       isEditorToolbarHidden: props.isEditorToolbarHidden
-    })),
+    }))
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _platformFeatureFlags.fg)('platform_editor_lcm_styling_uplift') ? 'ak-editor-content-area-region' : undefined,
     "data-editor-editable-content": true,
     "data-editor-primary-toolbar-hidden": props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 'true' : undefined,
     role: "region",

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

package/dist/es2019/ui/Addon/click-area-helper.js

@@ -2,6 +2,7 @@ import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
 import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
 import { closestElement } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ignoreAttribute } from './ClickAreaBlock/contentComponentWrapper';
 
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
@@ -40,7 +41,7 @@ export const checkForModal = target => {
   return true;
 };
 const clickAreaClickHandler = (view, event) => {
-  var _view$hasFocus, _event$currentTarget;
+  var _view$hasFocus, _target$parentElement, _event$currentTarget;
   const isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
   if (!(event.target instanceof HTMLElement)) {
     return;
@@ -74,7 +75,9 @@ const clickAreaClickHandler = (view, event) => {
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   closestElement(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
-  const isContentComponent = !!closestElement(target, `[${ignoreAttribute}]`) || (target === null || target === void 0 ? void 0 : target.getAttribute(ignoreAttribute)) === 'true';
+
+  // For clicks directly on the content component -- they should not be ignored
+  const isContentComponent = fg('platform_editor_keep_focus_on_content_comp_clicks') ? target === null || target === void 0 ? void 0 : (_target$parentElement = target.parentElement) === null || _target$parentElement === void 0 ? void 0 : _target$parentElement.closest(`[${ignoreAttribute}]`) : !!closestElement(target, `[${ignoreAttribute}]`) || (target === null || target === void 0 ? void 0 : target.getAttribute(ignoreAttribute)) === 'true';
 
   // This is a super workaround to find when events are coming from Confluence InlineComment modal
   // We don't own those components, so we can't change them

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js

@@ -9,6 +9,7 @@ import React, { useImperativeHandle, useRef } from 'react';
 import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -74,7 +75,10 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
       fullWidthMode,
       layoutMaxWidth: theme.layoutMaxWidth,
       isEditorToolbarHidden: props.isEditorToolbarHidden
-    })],
+    })]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: fg('platform_editor_lcm_styling_uplift') ? 'ak-editor-content-area-region' : undefined,
     "data-editor-editable-content": true,
     "data-editor-primary-toolbar-hidden": props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') ? 'true' : undefined,
     role: "region",

package/dist/es2019/version-wrapper.js

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

package/dist/esm/ui/Addon/click-area-helper.js

@@ -2,6 +2,7 @@ import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
 import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
 import { closestElement } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ignoreAttribute } from './ClickAreaBlock/contentComponentWrapper';
 
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
@@ -40,7 +41,7 @@ export var checkForModal = function checkForModal(target) {
   return true;
 };
 var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
-  var _view$hasFocus, _event$currentTarget;
+  var _view$hasFocus, _target$parentElement, _event$currentTarget;
   var isEditorFocused = !!(view !== null && view !== void 0 && (_view$hasFocus = view.hasFocus) !== null && _view$hasFocus !== void 0 && _view$hasFocus.call(view));
   if (!(event.target instanceof HTMLElement)) {
     return;
@@ -74,7 +75,9 @@ var clickAreaClickHandler = function clickAreaClickHandler(view, event) {
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   closestElement(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
-  var isContentComponent = !!closestElement(target, "[".concat(ignoreAttribute, "]")) || (target === null || target === void 0 ? void 0 : target.getAttribute(ignoreAttribute)) === 'true';
+
+  // For clicks directly on the content component -- they should not be ignored
+  var isContentComponent = fg('platform_editor_keep_focus_on_content_comp_clicks') ? target === null || target === void 0 || (_target$parentElement = target.parentElement) === null || _target$parentElement === void 0 ? void 0 : _target$parentElement.closest("[".concat(ignoreAttribute, "]")) : !!closestElement(target, "[".concat(ignoreAttribute, "]")) || (target === null || target === void 0 ? void 0 : target.getAttribute(ignoreAttribute)) === 'true';
 
   // This is a super workaround to find when events are coming from Confluence InlineComment modal
   // We don't own those components, so we can't change them

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

@@ -10,6 +10,7 @@ import React, { useImperativeHandle, useRef } from 'react';
 import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -75,7 +76,10 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
       fullWidthMode: fullWidthMode,
       layoutMaxWidth: theme.layoutMaxWidth,
       isEditorToolbarHidden: props.isEditorToolbarHidden
-    })),
+    }))
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: fg('platform_editor_lcm_styling_uplift') ? 'ak-editor-content-area-region' : undefined,
     "data-editor-editable-content": true,
     "data-editor-primary-toolbar-hidden": props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') ? 'true' : undefined,
     role: "region",

package/dist/esm/version-wrapper.js

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

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

@@ -22,6 +22,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     dependencies: import("packages/editor/editor-plugin-find-replace/dist/types/findReplacePluginType").FindReplacePluginDependencies;
     actions: {
         getToolbarButton: (params: import("@atlaskit/editor-plugins/find-replace").FindReplaceToolbarButtonActionProps) => import("react").ReactNode;
+        activateFindReplace: (triggerMethod?: import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.SHORTCUT | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.TOOLBAR | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.EXTERNAL | undefined) => boolean;
     };
 }, {
     takeFullWidth: boolean;

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

@@ -74,6 +74,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     dependencies: import("packages/editor/editor-plugin-find-replace/dist/types/findReplacePluginType").FindReplacePluginDependencies;
     actions: {
         getToolbarButton: (params: import("@atlaskit/editor-plugins/find-replace").FindReplaceToolbarButtonActionProps) => import("react").ReactNode;
+        activateFindReplace: (triggerMethod?: import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.SHORTCUT | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.TOOLBAR | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.EXTERNAL | undefined) => boolean;
     };
 }, {
     takeFullWidth: boolean;

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

@@ -22,6 +22,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     dependencies: import("packages/editor/editor-plugin-find-replace/dist/types/findReplacePluginType").FindReplacePluginDependencies;
     actions: {
         getToolbarButton: (params: import("@atlaskit/editor-plugins/find-replace").FindReplaceToolbarButtonActionProps) => import("react").ReactNode;
+        activateFindReplace: (triggerMethod?: import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.SHORTCUT | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.TOOLBAR | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.EXTERNAL | undefined) => boolean;
     };
 }, {
     takeFullWidth: boolean;

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

@@ -14,7 +14,7 @@ import { type ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { ContentComponents, ReactComponents } from '../../../types';
-import { type ScrollContainerRefs } from './types';
+import type { ScrollContainerRefs } from './types';
 interface FullPageEditorContentAreaProps {
     editorAPI: PublicPluginAPI<[OptionalPlugin<ContextPanelPlugin>]> | undefined;
     appearance: EditorAppearance | undefined;

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

@@ -106,6 +106,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         dependencies: import("packages/editor/editor-plugin-find-replace/dist/types/findReplacePluginType").FindReplacePluginDependencies;
         actions: {
             getToolbarButton: (params: import("@atlaskit/editor-plugins/find-replace").FindReplaceToolbarButtonActionProps) => import("react").ReactNode;
+            activateFindReplace: (triggerMethod?: import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.SHORTCUT | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.TOOLBAR | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.EXTERNAL | undefined) => boolean;
         };
     }, {
         takeFullWidth: boolean;

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

@@ -158,6 +158,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         dependencies: import("packages/editor/editor-plugin-find-replace/dist/types/findReplacePluginType").FindReplacePluginDependencies;
         actions: {
             getToolbarButton: (params: import("@atlaskit/editor-plugins/find-replace").FindReplaceToolbarButtonActionProps) => import("react").ReactNode;
+            activateFindReplace: (triggerMethod?: import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.SHORTCUT | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.TOOLBAR | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.EXTERNAL | undefined) => boolean;
         };
     }, {
         takeFullWidth: boolean;

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

@@ -106,6 +106,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         dependencies: import("packages/editor/editor-plugin-find-replace/dist/types/findReplacePluginType").FindReplacePluginDependencies;
         actions: {
             getToolbarButton: (params: import("@atlaskit/editor-plugins/find-replace").FindReplaceToolbarButtonActionProps) => import("react").ReactNode;
+            activateFindReplace: (triggerMethod?: import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.SHORTCUT | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.TOOLBAR | import("@atlaskit/editor-common/analytics").TRIGGER_METHOD.EXTERNAL | undefined) => boolean;
         };
     }, {
         takeFullWidth: boolean;

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

@@ -14,7 +14,7 @@ import { type ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { ContentComponents, ReactComponents } from '../../../types';
-import { type ScrollContainerRefs } from './types';
+import type { ScrollContainerRefs } from './types';
 interface FullPageEditorContentAreaProps {
     editorAPI: PublicPluginAPI<[
         OptionalPlugin<ContextPanelPlugin>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "204.6.4",
+	"version": "204.7.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -91,7 +91,7 @@
 		"@atlaskit/collab-provider": "^10.10.0",
 		"@atlaskit/editor-plugin-annotation": "^2.1.0",
 		"@atlaskit/editor-plugin-card": "^5.4.0",
-		"@atlaskit/editor-plugin-list": "^4.1.0",
+		"@atlaskit/editor-plugin-list": "^4.2.0",
 		"@atlaskit/editor-plugin-paste": "^3.1.0",
 		"@atlaskit/link-provider": "^2.0.0",
 		"@atlaskit/logo": "^16.0.0",
@@ -117,7 +117,7 @@
 		"@types/is-number": "^7.0.0",
 		"diff": "^4.0.1",
 		"enzyme": "^3.10.0",
-		"jscodeshift": "^0.16.1",
+		"jscodeshift": "^17.0.0",
 		"mockdate": "^3.0.5",
 		"raf-stub": "^2.0.1",
 		"react": "^18.2.0",
@@ -522,6 +522,10 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_split_list_item_for_gap_cursor": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_editor_non_macros_list_indent_fix": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -550,6 +554,9 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_lcm_styling_uplift": {
+			"type": "boolean"
+		},
 		"platform_editor_scroll_table_flickering_fix": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -565,6 +572,9 @@
 		"platform_editor_tables_numbered_column_correction": {
 			"type": "boolean",
 			"referenceOnly": true
+		},
+		"platform_editor_keep_focus_on_content_comp_clicks": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {