@atlaskit/editor-core 198.3.2 → 198.4.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-core
 
+## 198.4.1
+
+### Patch Changes
+
+- [#149178](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149178)
+  [`f3c027c1f8373`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f3c027c1f8373) -
+  [ED-24859] Improve LazyNodeView toDOM implementation to avoid LayoutShifts
+
+## 198.4.0
+
+### Minor Changes
+
+- [#137506](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137506)
+  [`75c4ebf9d7515`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/75c4ebf9d7515) -
+  Pass TaskDecisionProvider via preset
+
+### Patch Changes
+
+- [#148229](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148229)
+  [`c93af357bcf75`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c93af357bcf75) -
+  ED-24121: Removes legacy context type from reacteditorview
+- Updated dependencies
+
 ## 198.3.2
 
 ### Patch Changes

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

@@ -180,7 +180,8 @@ function ReactEditorViewContextWrapper(props) {
     mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
     cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
     emojiProvider: props.editorProps.emojiProvider,
-    autoformattingProvider: props.editorProps.autoformattingProvider
+    autoformattingProvider: props.editorProps.autoformattingProvider,
+    taskDecisionProvider: props.editorProps.taskDecisionProvider
   });
   return (0, _react2.jsx)(_ReactEditorView.default, (0, _extends2.default)({}, props, {
     editorAPI: editorAPI,

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

@@ -23,7 +23,8 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
     mediaProvider = _ref.mediaProvider,
     cardProvider = _ref.cardProvider,
     emojiProvider = _ref.emojiProvider,
-    autoformattingProvider = _ref.autoformattingProvider;
+    autoformattingProvider = _ref.autoformattingProvider,
+    taskDecisionProvider = _ref.taskDecisionProvider;
   (0, _react.useEffect)(function () {
     function setProvider() {
       return _setProvider.apply(this, arguments);
@@ -84,4 +85,12 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
       }
     }
   }, [autoformattingProvider, editorApi]);
+  (0, _react.useEffect)(function () {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_td_provider_from_plugin_config')) {
+      if (taskDecisionProvider) {
+        var _editorApi$taskDecisi;
+        editorApi === null || editorApi === void 0 || (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 || _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
+      }
+    }
+  }, [taskDecisionProvider, editorApi]);
 };

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

@@ -28,7 +28,9 @@ function handleProviders(providerFactory, _ref, extensionProvider, quickInsertPr
     searchProvider = _ref.searchProvider;
   providerFactory.setProvider('emojiProvider', emojiProvider);
   providerFactory.setProvider('mentionProvider', mentionProvider);
-  providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_td_provider_from_plugin_config')) {
+    providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
+  }
   providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
   providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
   providerFactory.setProvider('collabEditProvider', collabEditProvider);

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

@@ -13,7 +13,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntlNext = require("react-intl-next");
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -827,9 +826,6 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
   }]);
   return ReactEditorView;
 }(_react.default.Component);
-(0, _defineProperty2.default)(ReactEditorView, "contextTypes", {
-  getAtlaskitAnalyticsEventHandlers: _propTypes.default.func
-});
 function getUAPrefix() {
   if (_browser.browser.chrome) {
     return 'ua-chrome';

package/dist/cjs/create-editor/create-schema.js

@@ -1,20 +1,70 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createGenericMetada = void 0;
 exports.createSchema = createSchema;
+exports.wrapToDOMProxy = exports.wrapNodeSpecProxy = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _sanitizeNodes = require("../utils/sanitizeNodes");
 var _createEditor = require("./create-editor");
 var _sortByOrder = require("./sort-by-order");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var createGenericMetada = exports.createGenericMetada = function createGenericMetada(node) {
+  var commonAttributes = (0, _defineProperty2.default)({}, 'data-prosemirror-node-name', node.type.name);
+  if (!node.type.isBlock) {
+    return commonAttributes;
+  }
+  return _objectSpread(_objectSpread({}, commonAttributes), {}, (0, _defineProperty2.default)({}, 'data-prosemirror-node-block', true));
+};
+var wrapToDOMProxy = exports.wrapToDOMProxy = function wrapToDOMProxy(toDOM) {
+  var toDOMProxy = new Proxy(toDOM, {
+    apply: function apply(target, thisArg, argumentsList) {
+      var result = Reflect.apply(target, thisArg, argumentsList);
+      if (!Array.isArray(result)) {
+        return result;
+      }
+      var node = argumentsList[0];
+      var hasAttributes = (0, _typeof2.default)(result[1]) === 'object' && !Array.isArray(result[1]);
+      if (hasAttributes) {
+        result[1] = Object.assign(result[1], createGenericMetada(node));
+      } else {
+        result.splice(1, 0, createGenericMetada(node));
+      }
+      return result;
+    }
+  });
+  return toDOMProxy;
+};
+var wrapNodeSpecProxy = exports.wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
+  var nodeSpecProxy = new Proxy(spec, {
+    get: function get(target, prop, receiver) {
+      var result = Reflect.get(target, prop, receiver);
+      if (prop !== 'toDOM' || !result) {
+        return result;
+      }
+      return wrapToDOMProxy(result);
+    }
+  });
+  return nodeSpecProxy;
+};
 function createSchema(editorConfig) {
   var marks = (0, _createEditor.fixExcludes)(editorConfig.marks.sort((0, _sortByOrder.sortByOrder)('marks')).reduce(function (acc, mark) {
     acc[mark.name] = mark.mark;
     return acc;
   }, {}));
   var nodes = (0, _sanitizeNodes.sanitizeNodes)(editorConfig.nodes.sort((0, _sortByOrder.sortByOrder)('nodes')).reduce(function (acc, node) {
-    acc[node.name] = node.node;
+    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
+      acc[node.name] = wrapNodeSpecProxy(node.node);
+    } else {
+      acc[node.name] = node.node;
+    }
     return acc;
   }, {}), marks);
   return new _model.Schema({

package/dist/cjs/presets/universal.js

@@ -162,7 +162,8 @@ function createUniversalPresetInternal(_ref) {
   }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([_tasksAndDecisions.tasksAndDecisionsPlugin, _objectSpread({
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
-    useLongPressSelection: false
+    useLongPressSelection: false,
+    taskDecisionProvider: props.taskDecisionProvider
   }, 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(

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

@@ -86,7 +86,7 @@ var fixBlockControlStylesSSR = exports.fixBlockControlStylesSSR = function fixBl
 // 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)(_templateObject7 || (_templateObject7 = (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\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\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)(_templateObject7 || (_templateObject7 = (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.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\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 (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\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\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, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject8 || (_templateObject8 = (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)", (0, _platformFeatureFlags.fg)('platform_editor_mark_boundary_cursor') ? (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t"]))) : null, _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, _panel2.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), fixBlockControlStylesSSR(), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };

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

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

@@ -169,7 +169,8 @@ function ReactEditorViewContextWrapper(props) {
     mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
     cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 ? void 0 : (_linking$smartLinks = _linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
     emojiProvider: props.editorProps.emojiProvider,
-    autoformattingProvider: props.editorProps.autoformattingProvider
+    autoformattingProvider: props.editorProps.autoformattingProvider,
+    taskDecisionProvider: props.editorProps.taskDecisionProvider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     editorAPI: editorAPI,

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

@@ -14,7 +14,8 @@ export const useProviders = ({
   mediaProvider,
   cardProvider,
   emojiProvider,
-  autoformattingProvider
+  autoformattingProvider,
+  taskDecisionProvider
 }) => {
   useEffect(() => {
     async function setProvider() {
@@ -55,4 +56,12 @@ export const useProviders = ({
       }
     }
   }, [autoformattingProvider, editorApi]);
+  useEffect(() => {
+    if (fg('platform_editor_td_provider_from_plugin_config')) {
+      if (taskDecisionProvider) {
+        var _editorApi$taskDecisi;
+        editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 ? void 0 : _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
+      }
+    }
+  }, [taskDecisionProvider, editorApi]);
 };

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

@@ -24,7 +24,9 @@ export default function handleProviders(providerFactory, {
 }, extensionProvider, quickInsertProvider) {
   providerFactory.setProvider('emojiProvider', emojiProvider);
   providerFactory.setProvider('mentionProvider', mentionProvider);
-  providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
+  if (!fg('platform_editor_td_provider_from_plugin_config')) {
+    providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
+  }
   providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
   providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
   providerFactory.setProvider('collabEditProvider', collabEditProvider);

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

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import PropTypes from 'prop-types';
 import { injectIntl } from 'react-intl-next';
 import uuid from 'uuid/v4';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, getAnalyticsEventsFromTransaction, PLATFORMS } from '@atlaskit/editor-common/analytics';
@@ -769,9 +768,6 @@ export class ReactEditorView extends React.Component {
     }) : this.editor);
   }
 }
-_defineProperty(ReactEditorView, "contextTypes", {
-  getAtlaskitAnalyticsEventHandlers: PropTypes.func
-});
 function getUAPrefix() {
   if (browser.chrome) {
     return 'ua-chrome';

package/dist/es2019/create-editor/create-schema.js

@@ -1,14 +1,62 @@
 import { Schema } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { sanitizeNodes } from '../utils/sanitizeNodes';
 import { fixExcludes } from './create-editor';
 import { sortByOrder } from './sort-by-order';
+export const createGenericMetada = node => {
+  const commonAttributes = {
+    ['data-prosemirror-node-name']: node.type.name
+  };
+  if (!node.type.isBlock) {
+    return commonAttributes;
+  }
+  return {
+    ...commonAttributes,
+    ['data-prosemirror-node-block']: true
+  };
+};
+export const wrapToDOMProxy = toDOM => {
+  const toDOMProxy = new Proxy(toDOM, {
+    apply(target, thisArg, argumentsList) {
+      const result = Reflect.apply(target, thisArg, argumentsList);
+      if (!Array.isArray(result)) {
+        return result;
+      }
+      const node = argumentsList[0];
+      const hasAttributes = typeof result[1] === 'object' && !Array.isArray(result[1]);
+      if (hasAttributes) {
+        result[1] = Object.assign(result[1], createGenericMetada(node));
+      } else {
+        result.splice(1, 0, createGenericMetada(node));
+      }
+      return result;
+    }
+  });
+  return toDOMProxy;
+};
+export const wrapNodeSpecProxy = spec => {
+  const nodeSpecProxy = new Proxy(spec, {
+    get: function (target, prop, receiver) {
+      const result = Reflect.get(target, prop, receiver);
+      if (prop !== 'toDOM' || !result) {
+        return result;
+      }
+      return wrapToDOMProxy(result);
+    }
+  });
+  return nodeSpecProxy;
+};
 export function createSchema(editorConfig) {
   const marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce((acc, mark) => {
     acc[mark.name] = mark.mark;
     return acc;
   }, {}));
   const nodes = sanitizeNodes(editorConfig.nodes.sort(sortByOrder('nodes')).reduce((acc, node) => {
-    acc[node.name] = node.node;
+    if (fg('platform_editor_breakout_use_css')) {
+      acc[node.name] = wrapNodeSpecProxy(node.node);
+    } else {
+      acc[node.name] = node.node;
+    }
     return acc;
   }, {}), marks);
   return new Schema({

package/dist/es2019/presets/universal.js

@@ -156,6 +156,7 @@ export default function createUniversalPresetInternal({
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
     useLongPressSelection: false,
+    taskDecisionProvider: props.taskDecisionProvider,
     ...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tasksAndDecisionsPlugin)
   }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, {
     coreVersion,

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

@@ -200,8 +200,17 @@ const contentStyles = props => css`
 		);
 	}
 
+	.ProseMirror {
+		--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));
+	}
+
+	/* We can't allow nodes that are inside other nodes to bleed from the parent container */
+	.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {
+		--ak-editor-max-container-width: 100%;
+	}
+
 	/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */
-	@container editor-area (min-width: ${akEditorBreakpointForSmallDevice}) {
+	@container editor-area (width >= ${akEditorBreakpointForSmallDevice}) {
 		.ProseMirror {
 			--ak-editor--breakout-wide-layout-width: ${akEditorCalculatedWideLayoutWidth}px;
 		}

package/dist/es2019/version-wrapper.js

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

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

@@ -176,7 +176,8 @@ function ReactEditorViewContextWrapper(props) {
     mediaProvider: (_media = props.editorProps.media) === null || _media === void 0 ? void 0 : _media.provider,
     cardProvider: ((_linking = props.editorProps.linking) === null || _linking === void 0 || (_linking = _linking.smartLinks) === null || _linking === void 0 ? void 0 : _linking.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
     emojiProvider: props.editorProps.emojiProvider,
-    autoformattingProvider: props.editorProps.autoformattingProvider
+    autoformattingProvider: props.editorProps.autoformattingProvider,
+    taskDecisionProvider: props.editorProps.taskDecisionProvider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     editorAPI: editorAPI,

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

@@ -16,7 +16,8 @@ export var useProviders = function useProviders(_ref) {
     mediaProvider = _ref.mediaProvider,
     cardProvider = _ref.cardProvider,
     emojiProvider = _ref.emojiProvider,
-    autoformattingProvider = _ref.autoformattingProvider;
+    autoformattingProvider = _ref.autoformattingProvider,
+    taskDecisionProvider = _ref.taskDecisionProvider;
   useEffect(function () {
     function setProvider() {
       return _setProvider.apply(this, arguments);
@@ -77,4 +78,12 @@ export var useProviders = function useProviders(_ref) {
       }
     }
   }, [autoformattingProvider, editorApi]);
+  useEffect(function () {
+    if (fg('platform_editor_td_provider_from_plugin_config')) {
+      if (taskDecisionProvider) {
+        var _editorApi$taskDecisi;
+        editorApi === null || editorApi === void 0 || (_editorApi$taskDecisi = editorApi.taskDecision) === null || _editorApi$taskDecisi === void 0 || _editorApi$taskDecisi.actions.setProvider(taskDecisionProvider);
+      }
+    }
+  }, [taskDecisionProvider, editorApi]);
 };

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

@@ -23,7 +23,9 @@ export default function handleProviders(providerFactory, _ref, extensionProvider
     searchProvider = _ref.searchProvider;
   providerFactory.setProvider('emojiProvider', emojiProvider);
   providerFactory.setProvider('mentionProvider', mentionProvider);
-  providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
+  if (!fg('platform_editor_td_provider_from_plugin_config')) {
+    providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
+  }
   providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
   providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
   providerFactory.setProvider('collabEditProvider', collabEditProvider);

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

@@ -10,7 +10,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import PropTypes from 'prop-types';
 import { injectIntl } from 'react-intl-next';
 import uuid from 'uuid/v4';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, getAnalyticsEventsFromTransaction, PLATFORMS } from '@atlaskit/editor-common/analytics';
@@ -820,9 +819,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   }]);
   return ReactEditorView;
 }(React.Component);
-_defineProperty(ReactEditorView, "contextTypes", {
-  getAtlaskitAnalyticsEventHandlers: PropTypes.func
-});
 function getUAPrefix() {
   if (browser.chrome) {
     return 'ua-chrome';

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

@@ -1,14 +1,61 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Schema } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { sanitizeNodes } from '../utils/sanitizeNodes';
 import { fixExcludes } from './create-editor';
 import { sortByOrder } from './sort-by-order';
+export var createGenericMetada = function createGenericMetada(node) {
+  var commonAttributes = _defineProperty({}, 'data-prosemirror-node-name', node.type.name);
+  if (!node.type.isBlock) {
+    return commonAttributes;
+  }
+  return _objectSpread(_objectSpread({}, commonAttributes), {}, _defineProperty({}, 'data-prosemirror-node-block', true));
+};
+export var wrapToDOMProxy = function wrapToDOMProxy(toDOM) {
+  var toDOMProxy = new Proxy(toDOM, {
+    apply: function apply(target, thisArg, argumentsList) {
+      var result = Reflect.apply(target, thisArg, argumentsList);
+      if (!Array.isArray(result)) {
+        return result;
+      }
+      var node = argumentsList[0];
+      var hasAttributes = _typeof(result[1]) === 'object' && !Array.isArray(result[1]);
+      if (hasAttributes) {
+        result[1] = Object.assign(result[1], createGenericMetada(node));
+      } else {
+        result.splice(1, 0, createGenericMetada(node));
+      }
+      return result;
+    }
+  });
+  return toDOMProxy;
+};
+export var wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
+  var nodeSpecProxy = new Proxy(spec, {
+    get: function get(target, prop, receiver) {
+      var result = Reflect.get(target, prop, receiver);
+      if (prop !== 'toDOM' || !result) {
+        return result;
+      }
+      return wrapToDOMProxy(result);
+    }
+  });
+  return nodeSpecProxy;
+};
 export function createSchema(editorConfig) {
   var marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce(function (acc, mark) {
     acc[mark.name] = mark.mark;
     return acc;
   }, {}));
   var nodes = sanitizeNodes(editorConfig.nodes.sort(sortByOrder('nodes')).reduce(function (acc, node) {
-    acc[node.name] = node.node;
+    if (fg('platform_editor_breakout_use_css')) {
+      acc[node.name] = wrapNodeSpecProxy(node.node);
+    } else {
+      acc[node.name] = node.node;
+    }
     return acc;
   }, {}), marks);
   return new Schema({

package/dist/esm/presets/universal.js

@@ -155,7 +155,8 @@ export default function createUniversalPresetInternal(_ref) {
   }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.tablesPlugin)], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, _objectSpread({
     allowNestedTasks: props.allowNestedTasks,
     consumeTabs: isFullPage,
-    useLongPressSelection: false
+    useLongPressSelection: false,
+    taskDecisionProvider: props.taskDecisionProvider
   }, 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(

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

@@ -78,7 +78,7 @@ export var fixBlockControlStylesSSR = function fixBlockControlStylesSSR() {
 // 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(_templateObject7 || (_templateObject7 = _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\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\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(_templateObject7 || (_templateObject7 = _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.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\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 (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\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\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, fg('editor_request_to_edit_task') ? null : css(_templateObject8 || (_templateObject8 = _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)", fg('platform_editor_mark_boundary_cursor') ? css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t\t\t\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t"]))) : null, 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), fixBlockControlStylesSSR(), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };

package/dist/esm/version-wrapper.js

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

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

@@ -5,20 +5,24 @@ import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugins/context-i
 import { type CustomAutoformatPlugin } from '@atlaskit/editor-plugins/custom-autoformat';
 import { type EmojiPlugin } from '@atlaskit/editor-plugins/emoji';
 import type { MediaPlugin } from '@atlaskit/editor-plugins/media';
+import { type TasksAndDecisionsPlugin } from '@atlaskit/editor-plugins/tasks-and-decisions';
 import { type EmojiProvider } from '@atlaskit/emoji';
+import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
 interface UseProvidersProps {
     editorApi: PublicPluginAPI<[
         OptionalPlugin<ContextIdentifierPlugin>,
         OptionalPlugin<MediaPlugin>,
         OptionalPlugin<CardPlugin>,
         OptionalPlugin<EmojiPlugin>,
-        OptionalPlugin<CustomAutoformatPlugin>
+        OptionalPlugin<CustomAutoformatPlugin>,
+        OptionalPlugin<TasksAndDecisionsPlugin>
     ]> | undefined;
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
     cardProvider: Promise<CardProvider> | undefined;
     emojiProvider: Promise<EmojiProvider> | undefined;
     autoformattingProvider: Promise<AutoformattingProvider> | undefined;
+    taskDecisionProvider: Promise<TaskDecisionProvider> | undefined;
 }
 /**
  * This hook is used to replace the old approach of using the `providerFactory`.
@@ -28,5 +32,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ editorApi, contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
+export declare const useProviders: ({ editorApi, contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, taskDecisionProvider, }: UseProvidersProps) => void;
 export {};

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
@@ -74,9 +73,6 @@ export declare class ReactEditorView<T = {}> extends React.Component<EditorViewP
     transactionTracker: TransactionTracker;
     experienceStore?: ExperienceStore;
     editorRef: React.RefObject<HTMLDivElement>;
-    static contextTypes: {
-        getAtlaskitAnalyticsEventHandlers: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     private canDispatchTransactions;
     private focusTimeoutId?;
     private reliabilityInterval?;

package/dist/types/create-editor/create-schema.d.ts

@@ -1,6 +1,17 @@
+import type { DOMOutputSpec, NodeSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { MarkConfig, NodeConfig } from '../types/pm-config';
+export declare const createGenericMetada: (node: PMNode) => {
+    "data-prosemirror-node-name": string;
+} | {
+    "data-prosemirror-node-block": boolean;
+    "data-prosemirror-node-name": string;
+};
+type toDOMType = (node: PMNode) => DOMOutputSpec;
+export declare const wrapToDOMProxy: (toDOM: toDOMType) => toDOMType;
+export declare const wrapNodeSpecProxy: (spec: NodeSpec) => NodeSpec;
 export declare function createSchema(editorConfig: {
     marks: MarkConfig[];
     nodes: NodeConfig[];
 }): Schema<string, string>;
+export {};