@atlaskit/editor-common 94.16.0 → 94.17.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 94.17.0
+
+### Minor Changes
+
+- [#162388](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162388)
+  [`ac57b50211fdc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ac57b50211fdc) -
+  add 'clamped' option to resizer prop HandleSize which uses CSS to alter height of handle, add
+  logic to ensure handles are visible when selection is inside node
+- [#162298](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162298)
+  [`f5893b7270927`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f5893b7270927) -
+  ED-25498 Integrate transformNestedTablesIncomingDocument with Editor and Renderer to transform
+  nested table extensions
+
+## 94.16.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 94.16.0
 
 ### Minor Changes

package/dist/cjs/analytics/types/enums.js

@@ -123,6 +123,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["NESTED_TABLE_TRANSFORMED"] = "nestedTableTransformed";
   ACTION["NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS"] = "newCollabSyncUpErrorNoSteps";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/cjs/analytics/types/nested-table-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "94.16.0";
+var packageVersion = "94.17.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/resizer/BreakoutResizer.js

@@ -31,10 +31,16 @@ var getHandleStyle = function getHandleStyle(node) {
       var handleOffset = (0, _experiments.editorExperiment)('nested-dnd', true) ? _styles.LAYOUT_COLUMN_PADDING * 2 + 8 : _styles.LAYOUT_COLUMN_PADDING * 2;
       return {
         left: {
-          left: "-".concat(handleOffset, "px")
+          left: "-".concat(handleOffset, "px"),
+          height: 'calc(100% - 8px)',
+          bottom: '0px',
+          top: 'unset'
         },
         right: {
-          right: "-".concat(handleOffset, "px")
+          right: "-".concat(handleOffset, "px"),
+          height: 'calc(100% - 8px)',
+          bottom: '0px',
+          top: 'unset'
         }
       };
   }
@@ -51,11 +57,12 @@ var ignoreResizerMutations = exports.ignoreResizerMutations = function ignoreRes
  */
 var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
   var editorView = _ref.editorView,
-    node = _ref.node,
+    nodeType = _ref.nodeType,
     getPos = _ref.getPos,
     getRef = _ref.getRef,
     disabled = _ref.disabled,
-    getEditorWidth = _ref.getEditorWidth;
+    getEditorWidth = _ref.getEditorWidth,
+    parentRef = _ref.parentRef;
   var _useState = (0, _react.useState)({
       minWidth: undefined,
       maxWidth: undefined,
@@ -67,6 +74,24 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     maxWidth = _useState2$.maxWidth,
     isResizing = _useState2$.isResizing,
     setResizingState = _useState2[1];
+
+  // Relying on re-renders caused by selection changes inside/around node
+  var isSelectionInNode = (0, _react.useMemo)(function () {
+    var pos = getPos();
+    if (pos === undefined) {
+      return false;
+    }
+    var node = editorView.state.doc.nodeAt(pos);
+    if (node === null) {
+      return false;
+    }
+    var endPos = pos + node.nodeSize;
+    var startPos = pos;
+    var _editorView$state$sel = editorView.state.selection,
+      $from = _editorView$state$sel.$from,
+      $to = _editorView$state$sel.$to;
+    return $from.pos >= startPos && endPos >= $to.pos;
+  }, [editorView.state.doc, editorView.state.selection, getPos]);
   var handleResizeStart = (0, _react.useCallback)(function () {
     var newMinWidth;
     var newMaxWidth;
@@ -100,7 +125,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
         width: Math.max(newWidth, _editorSharedStyles.akEditorDefaultLayoutWidth)
       })]);
     }
-    newTr.setMeta('is-resizer-resizing', false);
+    newTr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
     dispatch(newTr);
     setResizingState({
       isResizing: false,
@@ -121,7 +146,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
       left: true,
       right: true
     },
-    handleStyles: getHandleStyle(node),
+    handleStyles: getHandleStyle(nodeType),
     minWidth: minWidth,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
@@ -131,10 +156,14 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
       left: '50%',
       transform: 'translateX(-50%)'
     } : undefined,
-    resizeRatio: 2,
     handleResizeStart: handleResizeStart,
     handleResizeStop: handleResizeStop,
-    handleSize: "small",
-    childrenDOMRef: getRef
+    childrenDOMRef: getRef,
+    resizeRatio: 2,
+    isHandleVisible: isSelectionInNode,
+    handleSize: "clamped",
+    handleHighlight: "full-height",
+    handlePositioning: "adjacent",
+    handleAlignmentMethod: "sticky"
   });
 };

package/dist/cjs/styles/shared/resizer.js

@@ -27,4 +27,4 @@ var handleWrapperClass = exports.handleWrapperClass = 'resizer-handle-wrapper';
 var resizerHandleZIndex = exports.resizerHandleZIndex = 1;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
-var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t// This below style is here to make sure the image width is correct when nested in a table\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
+var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t// This below style is here to make sure the image width is correct when nested in a table\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.16.0";
+var packageVersion = "94.17.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/processRawValue.js

@@ -4,14 +4,50 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.processRawValue = processRawValue;
-exports.processRawValueWithoutTransformation = processRawValueWithoutTransformation;
+exports.processRawValueWithoutValidation = processRawValueWithoutValidation;
 var _transforms = require("@atlaskit/adf-utils/transforms");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _privacyFilter = require("./filter/privacy-filter");
 var _trackUnsupportedContent = require("./track-unsupported-content");
 var _validateUsingSpec = require("./validate-using-spec");
-function processRawValueWithoutTransformation(schema, value) {
+var transformNestedTablesWithAnalytics = function transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent) {
+  try {
+    var _transformNestedTable = (0, _transforms.transformNestedTablesIncomingDocument)(node),
+      transformedAdf = _transformNestedTable.transformedAdf,
+      isTransformed = _transformNestedTable.isTransformed;
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _analytics.ACTION.NESTED_TABLE_TRANSFORMED,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      });
+      return {
+        transformedAdf: transformedAdf,
+        isTransformed: isTransformed
+      };
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to transform one or more nested tables in the document');
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _analytics.ACTION.DOCUMENT_PROCESSING_ERROR,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          errorMessage: 'Failed to transform one or more nested tables in the document'
+        }
+      });
+    }
+  }
+  return {
+    transformedAdf: node,
+    isTransformed: false
+  };
+};
+function processRawValueWithoutValidation(schema, value, dispatchAnalyticsEvent) {
   if (!value) {
     return;
   }
@@ -27,8 +63,14 @@ function processRawValueWithoutTransformation(schema, value) {
   } else {
     node = value;
   }
-  var parsedDoc = _model.Node.fromJSON(schema, node);
-  return parsedDoc;
+  if ((0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
+    // Convert nested-table extensions into nested tables
+    var _transformNestedTable2 = transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent),
+      transformedAdf = _transformNestedTable2.transformedAdf;
+    return _model.Node.fromJSON(schema, transformedAdf);
+  } else {
+    return _model.Node.fromJSON(schema, node);
+  }
 }
 function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
@@ -156,6 +198,11 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
         eventType: _analytics.EVENT_TYPE.OPERATIONAL
       });
     }
+    if ((0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
+      // Convert nested-table extensions into nested tables
+      var _transformNestedTable3 = transformNestedTablesWithAnalytics(transformedAdf, dispatchAnalyticsEvent);
+      transformedAdf = _transformNestedTable3.transformedAdf;
+    }
     var entity = (0, _validateUsingSpec.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     var parsedDoc = _model.Node.fromJSON(schema, newEntity);

package/dist/es2019/analytics/types/enums.js

@@ -117,6 +117,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["NESTED_TABLE_TRANSFORMED"] = "nestedTableTransformed";
   ACTION["NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS"] = "newCollabSyncUpErrorNoSteps";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/es2019/analytics/types/nested-table-events.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "94.16.0";
+const packageVersion = "94.17.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/resizer/BreakoutResizer.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { LAYOUT_COLUMN_PADDING } from '../styles';
@@ -20,10 +20,16 @@ const getHandleStyle = node => {
       const handleOffset = editorExperiment('nested-dnd', true) ? LAYOUT_COLUMN_PADDING * 2 + 8 : LAYOUT_COLUMN_PADDING * 2;
       return {
         left: {
-          left: `-${handleOffset}px`
+          left: `-${handleOffset}px`,
+          height: 'calc(100% - 8px)',
+          bottom: '0px',
+          top: 'unset'
         },
         right: {
-          right: `-${handleOffset}px`
+          right: `-${handleOffset}px`,
+          height: 'calc(100% - 8px)',
+          bottom: '0px',
+          top: 'unset'
         }
       };
   }
@@ -40,11 +46,12 @@ export const ignoreResizerMutations = mutation => {
  */
 const BreakoutResizer = ({
   editorView,
-  node,
+  nodeType,
   getPos,
   getRef,
   disabled,
-  getEditorWidth
+  getEditorWidth,
+  parentRef
 }) => {
   const [{
     minWidth,
@@ -55,6 +62,25 @@ const BreakoutResizer = ({
     maxWidth: undefined,
     isResizing: false
   });
+
+  // Relying on re-renders caused by selection changes inside/around node
+  const isSelectionInNode = useMemo(() => {
+    const pos = getPos();
+    if (pos === undefined) {
+      return false;
+    }
+    const node = editorView.state.doc.nodeAt(pos);
+    if (node === null) {
+      return false;
+    }
+    const endPos = pos + node.nodeSize;
+    const startPos = pos;
+    const {
+      $from,
+      $to
+    } = editorView.state.selection;
+    return $from.pos >= startPos && endPos >= $to.pos;
+  }, [editorView.state.doc, editorView.state.selection, getPos]);
   const handleResizeStart = useCallback(() => {
     let newMinWidth;
     let newMaxWidth;
@@ -94,7 +120,7 @@ const BreakoutResizer = ({
         width: Math.max(newWidth, akEditorDefaultLayoutWidth)
       })]);
     }
-    newTr.setMeta('is-resizer-resizing', false);
+    newTr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
     dispatch(newTr);
     setResizingState({
       isResizing: false,
@@ -113,7 +139,7 @@ const BreakoutResizer = ({
       left: true,
       right: true
     },
-    handleStyles: getHandleStyle(node),
+    handleStyles: getHandleStyle(nodeType),
     minWidth: minWidth,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
@@ -123,11 +149,15 @@ const BreakoutResizer = ({
       left: '50%',
       transform: 'translateX(-50%)'
     } : undefined,
-    resizeRatio: 2,
     handleResizeStart: handleResizeStart,
     handleResizeStop: handleResizeStop,
-    handleSize: "small",
-    childrenDOMRef: getRef
+    childrenDOMRef: getRef,
+    resizeRatio: 2,
+    isHandleVisible: isSelectionInNode,
+    handleSize: "clamped",
+    handleHighlight: "full-height",
+    handlePositioning: "adjacent",
+    handleAlignmentMethod: "sticky"
   });
 };
 export { BreakoutResizer };

package/dist/es2019/styles/shared/resizer.js

@@ -100,6 +100,11 @@ export const resizerStyles = css`
 				height: 96px;
 			}
 		}
+		&.clamped {
+			& .${resizerHandleThumbClassName} {
+				height: clamp(43px, calc(100% - 32px), 96px);
+			}
+		}
 
 		/*
       Handle Alignment

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "94.16.0";
+const packageVersion = "94.17.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/utils/processRawValue.js

@@ -1,10 +1,47 @@
-import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
+import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNestedTablesIncomingDocument, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
 import { Node } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
-export function processRawValueWithoutTransformation(schema, value) {
+const transformNestedTablesWithAnalytics = (node, dispatchAnalyticsEvent) => {
+  try {
+    const {
+      transformedAdf,
+      isTransformed
+    } = transformNestedTablesIncomingDocument(node);
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.NESTED_TABLE_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+      return {
+        transformedAdf,
+        isTransformed
+      };
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to transform one or more nested tables in the document');
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.DOCUMENT_PROCESSING_ERROR,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          errorMessage: 'Failed to transform one or more nested tables in the document'
+        }
+      });
+    }
+  }
+  return {
+    transformedAdf: node,
+    isTransformed: false
+  };
+};
+export function processRawValueWithoutValidation(schema, value, dispatchAnalyticsEvent) {
   if (!value) {
     return;
   }
@@ -20,8 +57,15 @@ export function processRawValueWithoutTransformation(schema, value) {
   } else {
     node = value;
   }
-  const parsedDoc = Node.fromJSON(schema, node);
-  return parsedDoc;
+  if (fg('platform_editor_use_nested_table_pm_nodes')) {
+    // Convert nested-table extensions into nested tables
+    const {
+      transformedAdf
+    } = transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent);
+    return Node.fromJSON(schema, transformedAdf);
+  } else {
+    return Node.fromJSON(schema, node);
+  }
 }
 export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
@@ -153,6 +197,12 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
         eventType: EVENT_TYPE.OPERATIONAL
       });
     }
+    if (fg('platform_editor_use_nested_table_pm_nodes')) {
+      // Convert nested-table extensions into nested tables
+      ({
+        transformedAdf
+      } = transformNestedTablesWithAnalytics(transformedAdf, dispatchAnalyticsEvent));
+    }
     const entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
     let newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     const parsedDoc = Node.fromJSON(schema, newEntity);

package/dist/esm/analytics/types/enums.js

@@ -117,6 +117,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["NESTED_TABLE_TRANSFORMED"] = "nestedTableTransformed";
   ACTION["NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS"] = "newCollabSyncUpErrorNoSteps";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/esm/analytics/types/nested-table-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "94.16.0";
+var packageVersion = "94.17.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/resizer/BreakoutResizer.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { LAYOUT_COLUMN_PADDING } from '../styles';
@@ -21,10 +21,16 @@ var getHandleStyle = function getHandleStyle(node) {
       var handleOffset = editorExperiment('nested-dnd', true) ? LAYOUT_COLUMN_PADDING * 2 + 8 : LAYOUT_COLUMN_PADDING * 2;
       return {
         left: {
-          left: "-".concat(handleOffset, "px")
+          left: "-".concat(handleOffset, "px"),
+          height: 'calc(100% - 8px)',
+          bottom: '0px',
+          top: 'unset'
         },
         right: {
-          right: "-".concat(handleOffset, "px")
+          right: "-".concat(handleOffset, "px"),
+          height: 'calc(100% - 8px)',
+          bottom: '0px',
+          top: 'unset'
         }
       };
   }
@@ -41,11 +47,12 @@ export var ignoreResizerMutations = function ignoreResizerMutations(mutation) {
  */
 var BreakoutResizer = function BreakoutResizer(_ref) {
   var editorView = _ref.editorView,
-    node = _ref.node,
+    nodeType = _ref.nodeType,
     getPos = _ref.getPos,
     getRef = _ref.getRef,
     disabled = _ref.disabled,
-    getEditorWidth = _ref.getEditorWidth;
+    getEditorWidth = _ref.getEditorWidth,
+    parentRef = _ref.parentRef;
   var _useState = useState({
       minWidth: undefined,
       maxWidth: undefined,
@@ -57,6 +64,24 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     maxWidth = _useState2$.maxWidth,
     isResizing = _useState2$.isResizing,
     setResizingState = _useState2[1];
+
+  // Relying on re-renders caused by selection changes inside/around node
+  var isSelectionInNode = useMemo(function () {
+    var pos = getPos();
+    if (pos === undefined) {
+      return false;
+    }
+    var node = editorView.state.doc.nodeAt(pos);
+    if (node === null) {
+      return false;
+    }
+    var endPos = pos + node.nodeSize;
+    var startPos = pos;
+    var _editorView$state$sel = editorView.state.selection,
+      $from = _editorView$state$sel.$from,
+      $to = _editorView$state$sel.$to;
+    return $from.pos >= startPos && endPos >= $to.pos;
+  }, [editorView.state.doc, editorView.state.selection, getPos]);
   var handleResizeStart = useCallback(function () {
     var newMinWidth;
     var newMaxWidth;
@@ -90,7 +115,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
         width: Math.max(newWidth, akEditorDefaultLayoutWidth)
       })]);
     }
-    newTr.setMeta('is-resizer-resizing', false);
+    newTr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
     dispatch(newTr);
     setResizingState({
       isResizing: false,
@@ -111,7 +136,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
       left: true,
       right: true
     },
-    handleStyles: getHandleStyle(node),
+    handleStyles: getHandleStyle(nodeType),
     minWidth: minWidth,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
@@ -121,11 +146,15 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
       left: '50%',
       transform: 'translateX(-50%)'
     } : undefined,
-    resizeRatio: 2,
     handleResizeStart: handleResizeStart,
     handleResizeStop: handleResizeStop,
-    handleSize: "small",
-    childrenDOMRef: getRef
+    childrenDOMRef: getRef,
+    resizeRatio: 2,
+    isHandleVisible: isSelectionInNode,
+    handleSize: "clamped",
+    handleHighlight: "full-height",
+    handlePositioning: "adjacent",
+    handleAlignmentMethod: "sticky"
   });
 };
 export { BreakoutResizer };

package/dist/esm/styles/shared/resizer.js

@@ -21,4 +21,4 @@ export var handleWrapperClass = 'resizer-handle-wrapper';
 export var resizerHandleZIndex = 1;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
-export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t// This below style is here to make sure the image width is correct when nested in a table\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
+export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t// This below style is here to make sure the image width is correct when nested in a table\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.16.0";
+var packageVersion = "94.17.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/utils/processRawValue.js

@@ -1,10 +1,46 @@
-import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
+import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNestedTablesIncomingDocument, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
 import { Node } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
-export function processRawValueWithoutTransformation(schema, value) {
+var transformNestedTablesWithAnalytics = function transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent) {
+  try {
+    var _transformNestedTable = transformNestedTablesIncomingDocument(node),
+      transformedAdf = _transformNestedTable.transformedAdf,
+      isTransformed = _transformNestedTable.isTransformed;
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.NESTED_TABLE_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+      return {
+        transformedAdf: transformedAdf,
+        isTransformed: isTransformed
+      };
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to transform one or more nested tables in the document');
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.DOCUMENT_PROCESSING_ERROR,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          errorMessage: 'Failed to transform one or more nested tables in the document'
+        }
+      });
+    }
+  }
+  return {
+    transformedAdf: node,
+    isTransformed: false
+  };
+};
+export function processRawValueWithoutValidation(schema, value, dispatchAnalyticsEvent) {
   if (!value) {
     return;
   }
@@ -20,8 +56,14 @@ export function processRawValueWithoutTransformation(schema, value) {
   } else {
     node = value;
   }
-  var parsedDoc = Node.fromJSON(schema, node);
-  return parsedDoc;
+  if (fg('platform_editor_use_nested_table_pm_nodes')) {
+    // Convert nested-table extensions into nested tables
+    var _transformNestedTable2 = transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent),
+      transformedAdf = _transformNestedTable2.transformedAdf;
+    return Node.fromJSON(schema, transformedAdf);
+  } else {
+    return Node.fromJSON(schema, node);
+  }
 }
 export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
@@ -149,6 +191,11 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
         eventType: EVENT_TYPE.OPERATIONAL
       });
     }
+    if (fg('platform_editor_use_nested_table_pm_nodes')) {
+      // Convert nested-table extensions into nested tables
+      var _transformNestedTable3 = transformNestedTablesWithAnalytics(transformedAdf, dispatchAnalyticsEvent);
+      transformedAdf = _transformNestedTable3.transformedAdf;
+    }
     var entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     var parsedDoc = Node.fromJSON(schema, newEntity);

package/dist/types/analytics/types/enums.d.ts

@@ -124,6 +124,7 @@ export declare enum ACTION {
     RENDERED = "rendered",
     ON_EDITOR_READY_CALLBACK = "onEditorReadyCallback",
     ON_CHANGE_CALLBACK = "onChangeCalled",
+    NESTED_TABLE_TRANSFORMED = "nestedTableTransformed",
     NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS = "newCollabSyncUpErrorNoSteps",
     REMOVE_ICON = "removedIcon",
     INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",

package/dist/types/analytics/types/events.d.ts

@@ -29,6 +29,7 @@ import type { LoomEventPayload } from './loom-events';
 import type { MediaEventPayload } from './media-events';
 import { type MentionEventPayload } from './mention-events';
 import type { MoveContentEventPayload } from './move-content-events';
+import { type NestedTableActionsEventPayload } from './nested-table-events';
 import type { NodeEventPayload } from './node-events';
 import type { PasteEventPayload } from './paste-events';
 import type { ReferentialityEventPayload } from './referentiality-events';
@@ -47,7 +48,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | AIDefinitionsEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AIDefinitionsEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types/analytics/types/general-events.d.ts

@@ -104,7 +104,9 @@ type ReactNodeViewRenderedAEP = OperationalAEP<ACTION.REACT_NODEVIEW_RENDERED, A
 }>;
 type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAIL, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, undefined>;
-type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, undefined>;
+type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, {
+    errorMessage?: string;
+} | undefined>;
 type EditorStopAEP = UIAEP<ACTION.STOPPED, ACTION_SUBJECT.EDITOR, ACTION_SUBJECT_ID.SAVE | ACTION_SUBJECT_ID.CANCEL, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
     documentSize: number;

package/dist/types/analytics/types/nested-table-events.d.ts

@@ -0,0 +1,4 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { OperationalAEP } from './utils';
+export type NestedTableTransformedAEP = OperationalAEP<ACTION.NESTED_TABLE_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
+export type NestedTableActionsEventPayload = NestedTableTransformedAEP;

package/dist/types/resizer/BreakoutResizer.d.ts

@@ -12,12 +12,13 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
  *
  * use platform_editor_advanced_layouts_breakout_resizing
  */
-declare const BreakoutResizer: ({ editorView, node, getPos, getRef, disabled, getEditorWidth, }: {
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, }: {
     editorView: EditorView;
-    node: BreakoutSupportedNodes;
+    nodeType: BreakoutSupportedNodes;
     getPos: getPosHandlerNode;
     getRef?: ((ref: HTMLElement | null) => void) | undefined;
-    disabled: boolean;
+    disabled?: boolean | undefined;
     getEditorWidth: () => EditorContainerWidth | undefined;
+    parentRef?: HTMLElement | undefined;
 }) => JSX.Element;
 export { BreakoutResizer };

package/dist/types/resizer/Resizer.d.ts

@@ -39,6 +39,8 @@ export type ResizerProps = {
     handlePositioning?: HandlePositioning;
     /**
      * The handleSize is used to determine the width/height of the handle element.
+     *
+     * **To be deprecated** and replaced with 'clamped' by default
      */
     handleSize?: HandleSize;
     /**

package/dist/types/resizer/types.d.ts

@@ -21,7 +21,7 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
-export type HandleSize = 'small' | 'medium' | 'large';
+export type HandleSize = 'small' | 'medium' | 'large' | 'clamped';
 export type HandleAlignmentMethod = 'center' | 'sticky';
 export type HandlePositioning = 'overlap' | 'adjacent';
 export type ResizerAppearance = 'danger';

package/dist/types/utils/processRawValue.d.ts

@@ -3,5 +3,5 @@ import { Node } from '@atlaskit/editor-prosemirror/model';
 import type { DispatchAnalyticsEvent } from '../analytics';
 import type { ProviderFactory } from '../provider-factory';
 import type { ReplaceRawValue, Transformer } from '../types';
-export declare function processRawValueWithoutTransformation(schema: Schema, value?: ReplaceRawValue): Node | undefined;
+export declare function processRawValueWithoutValidation(schema: Schema, value?: ReplaceRawValue, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;
 export declare function processRawValue(schema: Schema, value?: ReplaceRawValue, providerFactory?: ProviderFactory, sanitizePrivateContent?: boolean, contentTransformer?: Transformer<string>, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -124,6 +124,7 @@ export declare enum ACTION {
     RENDERED = "rendered",
     ON_EDITOR_READY_CALLBACK = "onEditorReadyCallback",
     ON_CHANGE_CALLBACK = "onChangeCalled",
+    NESTED_TABLE_TRANSFORMED = "nestedTableTransformed",
     NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS = "newCollabSyncUpErrorNoSteps",
     REMOVE_ICON = "removedIcon",
     INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",

package/dist/types-ts4.5/analytics/types/events.d.ts

@@ -29,6 +29,7 @@ import type { LoomEventPayload } from './loom-events';
 import type { MediaEventPayload } from './media-events';
 import { type MentionEventPayload } from './mention-events';
 import type { MoveContentEventPayload } from './move-content-events';
+import { type NestedTableActionsEventPayload } from './nested-table-events';
 import type { NodeEventPayload } from './node-events';
 import type { PasteEventPayload } from './paste-events';
 import type { ReferentialityEventPayload } from './referentiality-events';
@@ -47,7 +48,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | AIDefinitionsEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AIDefinitionsEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -104,7 +104,9 @@ type ReactNodeViewRenderedAEP = OperationalAEP<ACTION.REACT_NODEVIEW_RENDERED, A
 }>;
 type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAIL, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, undefined>;
-type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, undefined>;
+type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, {
+    errorMessage?: string;
+} | undefined>;
 type EditorStopAEP = UIAEP<ACTION.STOPPED, ACTION_SUBJECT.EDITOR, ACTION_SUBJECT_ID.SAVE | ACTION_SUBJECT_ID.CANCEL, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
     documentSize: number;

package/dist/types-ts4.5/analytics/types/nested-table-events.d.ts

@@ -0,0 +1,4 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { OperationalAEP } from './utils';
+export type NestedTableTransformedAEP = OperationalAEP<ACTION.NESTED_TABLE_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
+export type NestedTableActionsEventPayload = NestedTableTransformedAEP;

package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts

@@ -12,12 +12,13 @@ export declare const ignoreResizerMutations: (mutation: MutationRecord | {
  *
  * use platform_editor_advanced_layouts_breakout_resizing
  */
-declare const BreakoutResizer: ({ editorView, node, getPos, getRef, disabled, getEditorWidth, }: {
+declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled, getEditorWidth, parentRef, }: {
     editorView: EditorView;
-    node: BreakoutSupportedNodes;
+    nodeType: BreakoutSupportedNodes;
     getPos: getPosHandlerNode;
     getRef?: ((ref: HTMLElement | null) => void) | undefined;
-    disabled: boolean;
+    disabled?: boolean | undefined;
     getEditorWidth: () => EditorContainerWidth | undefined;
+    parentRef?: HTMLElement | undefined;
 }) => JSX.Element;
 export { BreakoutResizer };

package/dist/types-ts4.5/resizer/Resizer.d.ts

@@ -39,6 +39,8 @@ export type ResizerProps = {
     handlePositioning?: HandlePositioning;
     /**
      * The handleSize is used to determine the width/height of the handle element.
+     *
+     * **To be deprecated** and replaced with 'clamped' by default
      */
     handleSize?: HandleSize;
     /**

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

@@ -21,7 +21,7 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
-export type HandleSize = 'small' | 'medium' | 'large';
+export type HandleSize = 'small' | 'medium' | 'large' | 'clamped';
 export type HandleAlignmentMethod = 'center' | 'sticky';
 export type HandlePositioning = 'overlap' | 'adjacent';
 export type ResizerAppearance = 'danger';

package/dist/types-ts4.5/utils/processRawValue.d.ts

@@ -3,5 +3,5 @@ import { Node } from '@atlaskit/editor-prosemirror/model';
 import type { DispatchAnalyticsEvent } from '../analytics';
 import type { ProviderFactory } from '../provider-factory';
 import type { ReplaceRawValue, Transformer } from '../types';
-export declare function processRawValueWithoutTransformation(schema: Schema, value?: ReplaceRawValue): Node | undefined;
+export declare function processRawValueWithoutValidation(schema: Schema, value?: ReplaceRawValue, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;
 export declare function processRawValue(schema: Schema, value?: ReplaceRawValue, providerFactory?: ProviderFactory, sanitizePrivateContent?: boolean, contentTransformer?: Transformer<string>, dispatchAnalyticsEvent?: DispatchAnalyticsEvent): Node | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.16.0",
+	"version": "94.17.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -130,14 +130,14 @@
 		"@atlaskit/icon-object": "^6.7.0",
 		"@atlaskit/link-datasource": "^3.8.0",
 		"@atlaskit/link-picker": "^1.47.0",
-		"@atlaskit/media-card": "^78.11.0",
-		"@atlaskit/media-client": "^28.1.0",
+		"@atlaskit/media-card": "^78.12.0",
+		"@atlaskit/media-client": "^28.2.0",
 		"@atlaskit/media-client-react": "^2.3.0",
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^67.0.0",
 		"@atlaskit/media-ui": "^26.1.0",
-		"@atlaskit/media-viewer": "49.2.7",
+		"@atlaskit/media-viewer": "49.3.0",
 		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/onboarding": "^12.1.0",
@@ -189,7 +189,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "*",
 		"@atlaskit/media-core": "^34.3.0",
-		"@atlaskit/media-test-helpers": "^34.5.0",
+		"@atlaskit/media-test-helpers": "^34.6.0",
 		"@atlaskit/util-data-test": "^17.12.0",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/dom": "^10.1.0",
@@ -282,6 +282,9 @@
 		},
 		"platform_editor_reduce_element_browser_padding": {
 			"type": "boolean"
+		},
+		"platform_editor_use_nested_table_pm_nodes": {
+			"type": "boolean"
 		}
 	}
 }