@atlaskit/editor-core 197.5.3 → 197.7.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-core
 
+## 197.7.0
+
+### Minor Changes
+
+- [#140548](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140548)
+  [`36d26892db64c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/36d26892db64c) -
+  ED-24762 Add support for hasEditPermission in tasks and decision plugin
+
+### Patch Changes
+
+- [#140548](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/140548)
+  [`05d7b5dc7aae5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/05d7b5dc7aae5) -
+  [ux] ED-24770 removed disabled style for task and decision
+- Updated dependencies
+
+## 197.6.0
+
+### Minor Changes
+
+- [#139831](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139831)
+  [`181c907365d7d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/181c907365d7d) -
+  Pass autoformat provider via preset
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 197.5.3
 
 ### Patch Changes

package/dist/cjs/composable-editor/editor-internal.js

@@ -165,7 +165,8 @@ function ReactEditorViewContextWrapper(props) {
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
     mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
     cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
-    emojiProvider: props.editorProps.emojiProvider
+    emojiProvider: props.editorProps.emojiProvider,
+    autoformattingProvider: props.editorProps.autoformattingProvider
   });
   return (0, _react2.jsx)(_ReactEditorView.default, (0, _extends2.default)({}, props, {
     setEditorApi: setEditorAPI

package/dist/cjs/composable-editor/hooks/useProviders.js

@@ -22,7 +22,8 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
   var contextIdentifierProvider = _ref.contextIdentifierProvider,
     mediaProvider = _ref.mediaProvider,
     cardProvider = _ref.cardProvider,
-    emojiProvider = _ref.emojiProvider;
+    emojiProvider = _ref.emojiProvider,
+    autoformattingProvider = _ref.autoformattingProvider;
   var editorApi = (0, _context2.usePresetContext)();
   (0, _react.useEffect)(function () {
     function setProvider() {
@@ -78,4 +79,12 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
       }
     }
   }, [emojiProvider, editorApi]);
+  (0, _react.useEffect)(function () {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_autoformatting_provider_from_plugin_config')) {
+      if (autoformattingProvider) {
+        var _editorApi$customAuto;
+        editorApi === null || editorApi === void 0 || (_editorApi$customAuto = editorApi.customAutoformat) === null || _editorApi$customAuto === void 0 || _editorApi$customAuto.actions.setProvider(autoformattingProvider);
+      }
+    }
+  }, [autoformattingProvider, editorApi]);
 };

package/dist/cjs/composable-editor/utils/handleProviders.js

@@ -43,7 +43,9 @@ function handleProviders(providerFactory, _ref, extensionProvider, quickInsertPr
   if (!(0, _platformFeatureFlags.fg)('platform_editor_card_provider_from_plugin_config')) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }
-  providerFactory.setProvider('autoformattingProvider', autoformattingProvider);
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_autoformatting_provider_from_plugin_config')) {
+    providerFactory.setProvider('autoformattingProvider', autoformattingProvider);
+  }
   if (extensionProvider) {
     providerFactory.setProvider('extensionProvider', Promise.resolve(extensionProvider));
   }

package/dist/cjs/presets/universal.js

@@ -160,11 +160,11 @@ function createUniversalPresetInternal(_ref) {
     isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
     isCommentEditor: isComment,
     isChromelessEditor: isChromeless
-  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, {
+  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, _objectSpread({
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
     useLongPressSelection: false
-  }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([_feedbackDialog.feedbackDialogPlugin, _objectSpread({
+  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tasksAndDecisionsPlugin)], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([_feedbackDialog.feedbackDialogPlugin, _objectSpread({
     coreVersion: _versionWrapper.version
   }, props.feedbackInfo)], Boolean(props.feedbackInfo)).maybeAdd([_helpDialog.helpDialogPlugin, !!props.legacyImageUploadProvider], Boolean(props.allowHelpDialog)).maybeAdd([_saveOnEnter.saveOnEnterPlugin, props.onSave], Boolean(props.saveOnEnter && props.onSave)).maybeAdd(_imageUpload.imageUploadPlugin, Boolean(props.legacyImageUploadProvider)).maybeAdd(
   // duplicate plugin exists because first one if media is enabled
@@ -208,7 +208,9 @@ function createUniversalPresetInternal(_ref) {
     editorAppearance: appearance,
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage: props.__livePage
-  })], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(_customAutoformat.customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([_status.statusPlugin, {
+  })], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd([_customAutoformat.customAutoformatPlugin, {
+    autoformattingProvider: props.autoformattingProvider
+  }], Boolean(props.autoformattingProvider)).maybeAdd([_status.statusPlugin, {
     menuDisabled: statusMenuDisabled,
     allowZeroWidthSpaceAfter: true
   }], Boolean(props.allowStatus)).maybeAdd(_indentation.indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(_scrollIntoView.scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([_toolbarListsIndentation.toolbarListsIndentationPlugin, {

package/dist/cjs/ui/ContentStyles/index.js

@@ -21,6 +21,7 @@ var _styles3 = require("@atlaskit/editor-plugins/find-replace/styles");
 var _styles4 = require("@atlaskit/editor-plugins/paste-options-toolbar/styles");
 var _styles5 = require("@atlaskit/editor-plugins/placeholder-text/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _tokens = require("@atlaskit/tokens");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
@@ -35,7 +36,7 @@ var _media = require("./media");
 var _panel = require("./panel");
 var _status = require("./status");
 var _tasksAndDecisions = require("./tasks-and-decisions");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /* eslint-disable react-hooks/rules-of-hooks */
 /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
@@ -77,9 +78,9 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)({
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 var contentStyles = function contentStyles(props) {
-  return (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (min-width: ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\tpointer-events: none;\n\t\topacity: 0.7;\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t", "\n\t", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n\t.hyperlink-open-link {\n\t\tsvg {\n\t\t\tmax-width: 18px;\n\t\t}\n\t\t&[href] {\n\t\t\tpadding: 0 4px;\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
+  return (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (min-width: ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t", "\n\t", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n\t.hyperlink-open-link {\n\t\tsvg {\n\t\t\tmax-width: 18px;\n\t\t}\n\t\t&[href] {\n\t\t\tpadding: 0 4px;\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), _media.mediaStyles, (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel.panelStyles)(), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, (0, _aiPanels.aiPanelStyles)(props.colorMode), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), _media.mediaStyles, (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel.panelStyles)(), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, (0, _aiPanels.aiPanelStyles)(props.colorMode), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

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

package/dist/es2019/composable-editor/editor-internal.js

@@ -157,7 +157,8 @@ function ReactEditorViewContextWrapper(props) {
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
     mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
     cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 ? void 0 : (_props$editorProps$li2 = _props$editorProps$li.smartLinks) === null || _props$editorProps$li2 === void 0 ? void 0 : _props$editorProps$li2.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
-    emojiProvider: props.editorProps.emojiProvider
+    emojiProvider: props.editorProps.emojiProvider,
+    autoformattingProvider: props.editorProps.autoformattingProvider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI

package/dist/es2019/composable-editor/hooks/useProviders.js

@@ -13,7 +13,8 @@ export const useProviders = ({
   contextIdentifierProvider,
   mediaProvider,
   cardProvider,
-  emojiProvider
+  emojiProvider,
+  autoformattingProvider
 }) => {
   const editorApi = usePresetContext();
   useEffect(() => {
@@ -49,4 +50,12 @@ export const useProviders = ({
       }
     }
   }, [emojiProvider, editorApi]);
+  useEffect(() => {
+    if (fg('platform_editor_autoformatting_provider_from_plugin_config')) {
+      if (autoformattingProvider) {
+        var _editorApi$customAuto;
+        editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$customAuto = editorApi.customAutoformat) === null || _editorApi$customAuto === void 0 ? void 0 : _editorApi$customAuto.actions.setProvider(autoformattingProvider);
+      }
+    }
+  }, [autoformattingProvider, editorApi]);
 };

package/dist/es2019/composable-editor/utils/handleProviders.js

@@ -39,7 +39,9 @@ export default function handleProviders(providerFactory, {
   if (!fg('platform_editor_card_provider_from_plugin_config')) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }
-  providerFactory.setProvider('autoformattingProvider', autoformattingProvider);
+  if (!fg('platform_editor_autoformatting_provider_from_plugin_config')) {
+    providerFactory.setProvider('autoformattingProvider', autoformattingProvider);
+  }
   if (extensionProvider) {
     providerFactory.setProvider('extensionProvider', Promise.resolve(extensionProvider));
   }

package/dist/es2019/presets/universal.js

@@ -156,7 +156,8 @@ export default function createUniversalPresetInternal({
   }], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
-    useLongPressSelection: false
+    useLongPressSelection: false,
+    ...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tasksAndDecisionsPlugin)
   }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, {
     coreVersion,
     ...props.feedbackInfo
@@ -207,7 +208,9 @@ export default function createUniversalPresetInternal({
     editorAppearance: appearance,
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage: props.__livePage
-  }], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
+  }], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd([customAutoformatPlugin, {
+    autoformattingProvider: props.autoformattingProvider
+  }], Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
     menuDisabled: statusMenuDisabled,
     allowZeroWidthSpaceAfter: true
   }], Boolean(props.allowStatus)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {

package/dist/es2019/ui/ContentStyles/index.js

@@ -23,6 +23,7 @@ import { findReplaceStyles } from '@atlaskit/editor-plugins/find-replace/styles'
 import { textHighlightStyle } from '@atlaskit/editor-plugins/paste-options-toolbar/styles';
 import { placeholderTextStyles } from '@atlaskit/editor-plugins/placeholder-text/styles';
 import { akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSelectedBorderColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N200, N30A, N500 } from '@atlaskit/theme/colors';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
@@ -37,7 +38,6 @@ import { mediaStyles } from './media';
 import { panelStyles } from './panel';
 import { statusStyles } from './status';
 import { taskDecisionStyles } from './tasks-and-decisions';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const linkStyles = css`
 	.ProseMirror {
@@ -195,10 +195,12 @@ const contentStyles = props => css`
 		${InlineNodeViewSharedStyles};
 	}
 
-	.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {
-		pointer-events: none;
-		opacity: 0.7;
-	}
+	${fg('editor_request_to_edit_task') ? null : css`
+				.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {
+					pointer-events: none;
+					opacity: 0.7;
+				}
+			`}
 
 	.ProseMirror-hideselection *::selection {
 		background: transparent;

package/dist/es2019/version-wrapper.js

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

package/dist/esm/composable-editor/editor-internal.js

@@ -161,7 +161,8 @@ function ReactEditorViewContextWrapper(props) {
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
     mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
     cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
-    emojiProvider: props.editorProps.emojiProvider
+    emojiProvider: props.editorProps.emojiProvider,
+    autoformattingProvider: props.editorProps.autoformattingProvider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI

package/dist/esm/composable-editor/hooks/useProviders.js

@@ -15,7 +15,8 @@ export var useProviders = function useProviders(_ref) {
   var contextIdentifierProvider = _ref.contextIdentifierProvider,
     mediaProvider = _ref.mediaProvider,
     cardProvider = _ref.cardProvider,
-    emojiProvider = _ref.emojiProvider;
+    emojiProvider = _ref.emojiProvider,
+    autoformattingProvider = _ref.autoformattingProvider;
   var editorApi = usePresetContext();
   useEffect(function () {
     function setProvider() {
@@ -71,4 +72,12 @@ export var useProviders = function useProviders(_ref) {
       }
     }
   }, [emojiProvider, editorApi]);
+  useEffect(function () {
+    if (fg('platform_editor_autoformatting_provider_from_plugin_config')) {
+      if (autoformattingProvider) {
+        var _editorApi$customAuto;
+        editorApi === null || editorApi === void 0 || (_editorApi$customAuto = editorApi.customAutoformat) === null || _editorApi$customAuto === void 0 || _editorApi$customAuto.actions.setProvider(autoformattingProvider);
+      }
+    }
+  }, [autoformattingProvider, editorApi]);
 };

package/dist/esm/composable-editor/utils/handleProviders.js

@@ -38,7 +38,9 @@ export default function handleProviders(providerFactory, _ref, extensionProvider
   if (!fg('platform_editor_card_provider_from_plugin_config')) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }
-  providerFactory.setProvider('autoformattingProvider', autoformattingProvider);
+  if (!fg('platform_editor_autoformatting_provider_from_plugin_config')) {
+    providerFactory.setProvider('autoformattingProvider', autoformattingProvider);
+  }
   if (extensionProvider) {
     providerFactory.setProvider('extensionProvider', Promise.resolve(extensionProvider));
   }

package/dist/esm/presets/universal.js

@@ -153,11 +153,11 @@ export default function createUniversalPresetInternal(_ref) {
     isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
     isCommentEditor: isComment,
     isChromelessEditor: isChromeless
-  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
+  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, _objectSpread({
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
     useLongPressSelection: false
-  }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, _objectSpread({
+  }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tasksAndDecisionsPlugin)], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, _objectSpread({
     coreVersion: coreVersion
   }, props.feedbackInfo)], Boolean(props.feedbackInfo)).maybeAdd([helpDialogPlugin, !!props.legacyImageUploadProvider], Boolean(props.allowHelpDialog)).maybeAdd([saveOnEnterPlugin, props.onSave], Boolean(props.saveOnEnter && props.onSave)).maybeAdd(imageUploadPlugin, Boolean(props.legacyImageUploadProvider)).maybeAdd(
   // duplicate plugin exists because first one if media is enabled
@@ -201,7 +201,9 @@ export default function createUniversalPresetInternal(_ref) {
     editorAppearance: appearance,
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage: props.__livePage
-  })], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
+  })], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd([customAutoformatPlugin, {
+    autoformattingProvider: props.autoformattingProvider
+  }], Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
     menuDisabled: statusMenuDisabled,
     allowZeroWidthSpaceAfter: true
   }], Boolean(props.allowStatus)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {

package/dist/esm/ui/ContentStyles/index.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /* eslint-disable react-hooks/rules-of-hooks */
 /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Requires manual remediation over time due to use of unsafe nested mixins */
@@ -25,6 +25,7 @@ import { findReplaceStyles } from '@atlaskit/editor-plugins/find-replace/styles'
 import { textHighlightStyle } from '@atlaskit/editor-plugins/paste-options-toolbar/styles';
 import { placeholderTextStyles } from '@atlaskit/editor-plugins/placeholder-text/styles';
 import { akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorDefaultLayoutWidth, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSelectedBorderColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N200, N30A, N500 } from '@atlaskit/theme/colors';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
@@ -39,7 +40,6 @@ import { mediaStyles } from './media';
 import { panelStyles } from './panel';
 import { statusStyles } from './status';
 import { taskDecisionStyles } from './tasks-and-decisions';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t}\n"])), linkSharedStyle);
 var ruleStyles = function ruleStyles() {
@@ -70,9 +70,9 @@ export var placeholderStyles = css({
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 var contentStyles = function contentStyles(props) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (min-width: ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\tpointer-events: none;\n\t\topacity: 0.7;\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t", "\n\t", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n\t.hyperlink-open-link {\n\t\tsvg {\n\t\t\tmax-width: 18px;\n\t\t}\n\t\t&[href] {\n\t\t\tpadding: 0 4px;\n\t\t}\n\t}\n"])), akEditorGutterPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (min-width: ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t", "\n\t", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n\t.hyperlink-open-link {\n\t\tsvg {\n\t\t\tmax-width: 18px;\n\t\t}\n\t\t&[href] {\n\t\t\tpadding: 0 4px;\n\t\t}\n\t}\n"])), akEditorGutterPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(), blocktypeStyles(), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles, layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, statusStyles, annotationSharedStyles(), smartCardStyles(), smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(), blocktypeStyles(), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles, layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, statusStyles, annotationSharedStyles(), smartCardStyles(), smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

package/dist/esm/version-wrapper.js

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

package/dist/types/composable-editor/hooks/useProviders.d.ts

@@ -1,10 +1,11 @@
-import type { CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { AutoformattingProvider, CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type EmojiProvider } from '@atlaskit/emoji';
 interface UseProvidersProps {
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
     cardProvider: Promise<CardProvider> | undefined;
     emojiProvider: Promise<EmojiProvider> | undefined;
+    autoformattingProvider: Promise<AutoformattingProvider> | undefined;
 }
 /**
  * This hook is used to replace the old approach of using the `providerFactory`.
@@ -14,5 +15,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, }: UseProvidersProps) => void;
+export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
 export {};

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

@@ -1381,7 +1381,13 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
-}, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
+}, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {
+    sharedState: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginSharedState | undefined;
+    pluginConfiguration: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions;
+    actions: {
+        setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").AutoformattingProvider>) => Promise<boolean>;
+    };
+}, import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
     pluginConfiguration: import("@atlaskit/editor-plugin-card").CardPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;

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

@@ -29,6 +29,10 @@ export type InitialPluginConfiguration = {
     emoji?: {
         emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
     };
+    tasksAndDecisionsPlugin?: {
+        hasEditPermission?: boolean;
+        requestEditPermission?: () => void;
+    };
 };
 /**
  * Creates a preset with all of the available plugins.
@@ -1428,7 +1432,13 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugins/status").StatusState | undefined;
-}, import("@atlaskit/editor-plugins/status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
+}, import("@atlaskit/editor-plugins/status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {
+    sharedState: import("@atlaskit/editor-plugins/custom-autoformat").CustomAutoformatPluginSharedState | undefined;
+    pluginConfiguration: import("@atlaskit/editor-plugins/custom-autoformat").CustomAutoformatPluginOptions;
+    actions: {
+        setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").AutoformattingProvider>) => Promise<boolean>;
+    };
+}, import("@atlaskit/editor-plugins/custom-autoformat").CustomAutoformatPluginOptions> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
     pluginConfiguration: import("@atlaskit/editor-plugins/card").CardPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: FeatureFlags;

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

@@ -1381,7 +1381,13 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
-}, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
+}, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {
+    sharedState: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginSharedState | undefined;
+    pluginConfiguration: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions;
+    actions: {
+        setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").AutoformattingProvider>) => Promise<boolean>;
+    };
+}, import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
     pluginConfiguration: import("@atlaskit/editor-plugin-card").CardPluginOptions | undefined;
     dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;

package/dist/types-ts4.5/composable-editor/hooks/useProviders.d.ts

@@ -1,10 +1,11 @@
-import type { CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { AutoformattingProvider, CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type EmojiProvider } from '@atlaskit/emoji';
 interface UseProvidersProps {
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
     cardProvider: Promise<CardProvider> | undefined;
     emojiProvider: Promise<EmojiProvider> | undefined;
+    autoformattingProvider: Promise<AutoformattingProvider> | undefined;
 }
 /**
  * This hook is used to replace the old approach of using the `providerFactory`.
@@ -14,5 +15,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, }: UseProvidersProps) => void;
+export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
 export {};

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

@@ -1742,7 +1742,13 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
         };
         sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
     }, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined,
-    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined,
+    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {
+        sharedState: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginSharedState | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions;
+        actions: {
+            setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").AutoformattingProvider>) => Promise<boolean>;
+        };
+    }, import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
         pluginConfiguration: import("@atlaskit/editor-plugin-card").CardPluginOptions | undefined;
         dependencies: [

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

@@ -29,6 +29,10 @@ export type InitialPluginConfiguration = {
     emoji?: {
         emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
     };
+    tasksAndDecisionsPlugin?: {
+        hasEditPermission?: boolean;
+        requestEditPermission?: () => void;
+    };
 };
 /**
  * Creates a preset with all of the available plugins.
@@ -1789,7 +1793,13 @@ export default function createUniversalPresetInternal({ appearance, props, featu
         };
         sharedState: import("@atlaskit/editor-plugins/status").StatusState | undefined;
     }, import("@atlaskit/editor-plugins/status").StatusPluginOptions | undefined> | undefined,
-    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined,
+    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {
+        sharedState: import("@atlaskit/editor-plugins/custom-autoformat").CustomAutoformatPluginSharedState | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugins/custom-autoformat").CustomAutoformatPluginOptions;
+        actions: {
+            setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").AutoformattingProvider>) => Promise<boolean>;
+        };
+    }, import("@atlaskit/editor-plugins/custom-autoformat").CustomAutoformatPluginOptions> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
         pluginConfiguration: import("@atlaskit/editor-plugins/card").CardPluginOptions | undefined;
         dependencies: [

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

@@ -1742,7 +1742,13 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
         };
         sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
     }, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined,
-    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined,
+    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {
+        sharedState: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginSharedState | undefined;
+        pluginConfiguration: import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions;
+        actions: {
+            setProvider: (provider: Promise<import("@atlaskit/editor-common/provider-factory").AutoformattingProvider>) => Promise<boolean>;
+        };
+    }, import("@atlaskit/editor-plugin-custom-autoformat").CustomAutoformatPluginOptions> | undefined,
     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {
         pluginConfiguration: import("@atlaskit/editor-plugin-card").CardPluginOptions | undefined;
         dependencies: [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "197.5.3",
+	"version": "197.7.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,14 +43,14 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/editor-common": "^89.0.0",
+		"@atlaskit/editor-common": "^89.1.0",
 		"@atlaskit/editor-json-transformer": "^8.18.0",
-		"@atlaskit/editor-plugins": "^4.4.0",
+		"@atlaskit/editor-plugins": "^4.5.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/emoji": "^67.7.0",
-		"@atlaskit/icon": "^22.17.0",
-		"@atlaskit/media-card": "^78.2.0",
+		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/media-card": "^78.3.0",
 		"@atlaskit/mention": "^23.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/task-decision": "^17.10.0",
@@ -105,7 +105,7 @@
 		"@atlaskit/util-data-test": "^17.9.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/adf-schema-json": "^1.22.0",
-		"@atlassian/search-provider": "2.4.125",
+		"@atlassian/search-provider": "2.4.127",
 		"@emotion/jest": "^11.8.0",
 		"@storybook/addon-knobs": "^5.3.18",
 		"@testing-library/react": "^12.1.5",
@@ -261,6 +261,12 @@
 		},
 		"platform_editor_breakout_use_css": {
 			"type": "boolean"
+		},
+		"platform_editor_autoformatting_provider_from_plugin_config": {
+			"type": "boolean"
+		},
+		"editor_request_to_edit_task": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {