@atlaskit/editor-common 105.8.5 → 105.9.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-common
 
+## 105.9.1
+
+### Patch Changes
+
+- [#159910](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159910)
+  [`795f5ed29ca14`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/795f5ed29ca14) -
+  Make getNodeRenderer synchronous so loading state never appear in Confluence
+- Updated dependencies
+
+## 105.9.0
+
+### Minor Changes
+
+- [#160422](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160422)
+  [`83606959c73cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/83606959c73cd) -
+  EDITOR-719 Overrides adf validation of nested tables for nested renderers inside bodied extensions
+  and reverts a previous change to transformNestedTablesIncomingDocument which prevented nested
+  tables inside bodied extensions from being transformed by their parent renderer. This was due to a
+  bug with comment positions of nested tables inside bodied extensions which meant their positions
+  were not being calculated correctly due to not being transformed in the parent renderer.
+
+### Patch Changes
+
+- [#159390](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159390)
+  [`cc1d530fb6ed2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cc1d530fb6ed2) -
+  [ux] [ED-28074] Fix media selection state and remove css-based targeting
+- Updated dependencies
+
 ## 105.8.5
 
 ### Patch Changes

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -37,7 +37,8 @@ function ElementSearch(_ref) {
     onKeyDown = _ref.onKeyDown,
     searchTerm = _ref.searchTerm,
     items = _ref.items,
-    selectedItemIndex = _ref.selectedItemIndex;
+    selectedItemIndex = _ref.selectedItemIndex,
+    ariaControlsId = _ref.ariaControlsId;
   var ref = (0, _useFocus.default)(focus);
   var assistiveTextRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(false),
@@ -120,6 +121,8 @@ function ElementSearch(_ref) {
       ,
       className: "js-search-input",
       role: "combobox",
+      "aria-expanded": "true",
+      "aria-controls": ariaControlsId,
       "aria-activedescendant": ariaActiveDescendant,
       value: searchTerm
     }), (0, _react2.jsx)("span", {

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -424,7 +424,8 @@ function DesktopBrowser(_ref2) {
     onClick: setFocusOnSearch,
     searchTerm: searchTerm,
     items: items,
-    selectedItemIndex: selectedItemIndex
+    selectedItemIndex: selectedItemIndex,
+    ariaControlsId: selectedCategory ? "browse-category-".concat(selectedCategory, "-tab") : 'browse-category-tab'
   })), (0, _react2.jsx)(_ElementList.default, {
     items: items,
     mode: mode,

package/dist/cjs/extensions/extension-handlers.js

@@ -116,8 +116,6 @@ function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
   return (0, _reactLoadable.default)({
     loader: function loader() {
       if ((0, _platformFeatureFlags.fg)('confluence_preload_extension_providers')) {
-        // Logic here is specific to Confluence because it doesn't use the original react-loadable.
-        // The library is replaced with a custom one that supports synchronous return value from loader.
         var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
         if (maybePromise instanceof Promise) {
           return maybePromise.then(function (node) {
@@ -125,11 +123,12 @@ function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
           });
         } else {
           var _renderSync, _ref;
-          // maybePromise is sync here
           var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-          // Note resolveImport is still async but we are not waiting on a already-fulfilled value.
-          // It is fast enough to not flip back to loading.
-          return (0, _manifestHelpers.resolveImport)(preloaded ? preloaded : maybePromise.render());
+          // Only product implemented preloading will return sync result
+          // However the out-of-box won't handle this. Confluence uses a custom implementation
+          return preloaded
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ? (0, _manifestHelpers.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
         }
       } else {
         return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(function (node) {

package/dist/cjs/extensions/manifest-helpers.js

@@ -8,7 +8,7 @@ exports.FORGE_EXTENSION_TYPE = void 0;
 exports.buildAction = buildAction;
 exports.buildExtensionKeyAndNodeKey = void 0;
 exports.buildNode = buildNode;
-exports.resolveImport = exports.getExtensionKeyAndNodeKey = void 0;
+exports.resolveImportSync = exports.resolveImport = exports.getExtensionKeyAndNodeKey = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -44,18 +44,21 @@ function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
+var resolveImportSync = exports.resolveImportSync = function resolveImportSync(importedModule) {
+  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
+};
 var resolveImport = exports.resolveImport = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importPromise) {
-    var importedModule;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.t0 = resolveImportSync;
+          _context.next = 3;
           return importPromise;
-        case 2:
-          importedModule = _context.sent;
-          return _context.abrupt("return", importedModule && importedModule.__esModule ? importedModule.default : importedModule);
-        case 4:
+        case 3:
+          _context.t1 = _context.sent;
+          return _context.abrupt("return", (0, _context.t0)(_context.t1));
+        case 5:
         case "end":
           return _context.stop();
       }

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 = "105.8.5";
+var packageVersion = "105.9.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -28,7 +28,7 @@ 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\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.ak-editor-no-interaction\n\t\t.", "\n\t\t.", ":not(:hover)\n\t\t.", " {\n\t\tbackground: ", ";\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)", akEditorSelectedNodeClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border, #091E4224)", 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// Remove when cleaning up platform_editor_interaction_api_refactor\n\t.ak-editor-no-interaction\n\t\t.", "\n\t\t.", ":not(:hover)\n\t\t.", " {\n\t\tbackground: ", ";\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)", akEditorSelectedNodeClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border, #091E4224)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmaticResizerStyles() {

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

@@ -23,7 +23,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 = "105.8.5";
+var packageVersion = "105.9.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/utils/validate-using-spec.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validationErrorHandler = exports.validateADFEntity = exports.UNSUPPORTED_NODE_ATTRIBUTE = void 0;
 exports.wrapWithUnsupported = wrapWithUnsupported;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _validator = require("@atlaskit/adf-utils/validator");
 var _analytics = require("../analytics");
 var _trackUnsupportedContent = require("./track-unsupported-content");
+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 UNSUPPORTED_NODE_ATTRIBUTE = exports.UNSUPPORTED_NODE_ATTRIBUTE = 'unsupportedNodeAttribute';
-var errorCallbackFor = function errorCallbackFor(marks, validate, dispatchAnalyticsEvent) {
+var errorCallbackFor = function errorCallbackFor(marks, validate, dispatchAnalyticsEvent, validationOverrides) {
   return function (entity, error, options) {
-    return validationErrorHandler(entity, error, options, marks, validate, dispatchAnalyticsEvent);
+    return validationErrorHandler(entity, error, _objectSpread(_objectSpread({}, options), {}, {
+      allowNestedTables: validationOverrides === null || validationOverrides === void 0 ? void 0 : validationOverrides.allowNestedTables
+    }), marks, validate, dispatchAnalyticsEvent);
   };
 };
 var validationErrorHandler = exports.validationErrorHandler = function validationErrorHandler(entity, error, options, marks, validate, dispatchAnalyticsEvent) {
@@ -62,6 +68,19 @@ var validationErrorHandler = exports.validationErrorHandler = function validatio
       }
     }
   }
+
+  // Nested tables don't actually exist in ADF. In ADF they are stored as an `extension` node with the nested table content serialized in a property of that extension.
+  // Usually when we validate ADF we are validating this `extension` and then later transforming it into nested tables for usage by ProseMirror.
+  // Under certain circumstances however, ADF validation is performed on this already transformed extension and since nested tables aren't allowed by ADF this
+  // produces an error. For example, nested renderers in Confluence `bodiedExtension`'s. The nested renderer receives the already transformed nested tables that originated from the
+  // `extension` node and validates it. This is invalid ADF so an error is thrown.
+  // This override allows an exception to be made for nested tables in the validator in this circumstance.
+  if (options.allowNestedTables) {
+    var meta = error.meta;
+    if (options.allowNestedTables && meta !== null && meta !== void 0 && meta.parentType && ['tableCell', 'tableHeader'].includes(meta === null || meta === void 0 ? void 0 : meta.parentType) && error.code === 'INVALID_CONTENT' && entity.type === 'table') {
+      return entity;
+    }
+  }
   if (options.allowUnsupportedBlock) {
     return wrapWithUnsupported(entity);
   }
@@ -112,7 +131,7 @@ function trackValidationError(dispatchAnalyticsEvent, error, entity) {
     attrs: entity.attrs || {}
   }, error.code);
 }
-var validateADFEntity = exports.validateADFEntity = function validateADFEntity(schema, node, dispatchAnalyticsEvent) {
+var validateADFEntity = exports.validateADFEntity = function validateADFEntity(schema, node, dispatchAnalyticsEvent, validationOverrides) {
   var nodes = Object.keys(schema.nodes);
   var marks = Object.keys(schema.marks);
   var validate = (0, _validator.validator)(nodes, marks, {
@@ -122,7 +141,7 @@ var validateADFEntity = exports.validateADFEntity = function validateADFEntity(s
     type: 'doc',
     content: []
   };
-  var _validate = validate(node, errorCallbackFor(marks, validate, dispatchAnalyticsEvent)),
+  var _validate = validate(node, errorCallbackFor(marks, validate, dispatchAnalyticsEvent, validationOverrides)),
     _validate$entity = _validate.entity,
     entity = _validate$entity === void 0 ? emptyDoc : _validate$entity;
   return entity;

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -27,7 +27,8 @@ function ElementSearch({
   onKeyDown,
   searchTerm,
   items,
-  selectedItemIndex
+  selectedItemIndex,
+  ariaControlsId
 }) {
   const ref = useFocus(focus);
   const assistiveTextRef = useRef(null);
@@ -111,6 +112,8 @@ function ElementSearch({
       ,
       className: "js-search-input",
       role: "combobox",
+      "aria-expanded": "true",
+      "aria-controls": ariaControlsId,
       "aria-activedescendant": ariaActiveDescendant,
       value: searchTerm
     }), jsx("span", {

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -415,7 +415,8 @@ function DesktopBrowser({
     onClick: setFocusOnSearch,
     searchTerm: searchTerm,
     items: items,
-    selectedItemIndex: selectedItemIndex
+    selectedItemIndex: selectedItemIndex,
+    ariaControlsId: selectedCategory ? `browse-category-${selectedCategory}-tab` : 'browse-category-tab'
   })), jsx(ElementList, {
     items: items,
     mode: mode,

package/dist/es2019/extensions/extension-handlers.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
+import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -60,18 +60,17 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
   return Loadable({
     loader: () => {
       if (fg('confluence_preload_extension_providers')) {
-        // Logic here is specific to Confluence because it doesn't use the original react-loadable.
-        // The library is replaced with a custom one that supports synchronous return value from loader.
         const maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
         if (maybePromise instanceof Promise) {
           return maybePromise.then(node => resolveImport(node.render()));
         } else {
           var _renderSync, _ref;
-          // maybePromise is sync here
           const preloaded = maybePromise === null || maybePromise === void 0 ? void 0 : (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-          // Note resolveImport is still async but we are not waiting on a already-fulfilled value.
-          // It is fast enough to not flip back to loading.
-          return resolveImport(preloaded ? preloaded : maybePromise.render());
+          // Only product implemented preloading will return sync result
+          // However the out-of-box won't handle this. Confluence uses a custom implementation
+          return preloaded
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ? resolveImportSync(preloaded) : resolveImport(maybePromise.render());
         }
       } else {
         return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(node => resolveImport(node.render()));

package/dist/es2019/extensions/manifest-helpers.js

@@ -23,10 +23,12 @@ export function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
-export const resolveImport = async importPromise => {
-  const importedModule = await importPromise;
+export const resolveImportSync = importedModule => {
   return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
 };
+export const resolveImport = async importPromise => {
+  return resolveImportSync(await importPromise);
+};
 export function buildNode(action, manifest) {
   if (!manifest.modules.nodes) {
     return;

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 = "105.8.5";
+const packageVersion = "105.9.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -199,6 +199,7 @@ export const resizerStyles = css`
 		}
 	}
 
+	// Remove when cleaning up platform_editor_interaction_api_refactor
 	.ak-editor-no-interaction
 		.${akEditorSelectedNodeClassName}
 		.${resizerHandleClassName}:not(:hover)

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 = "105.8.5";
+const packageVersion = "105.9.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/utils/validate-using-spec.js

@@ -2,9 +2,12 @@ import { validator } from '@atlaskit/adf-utils/validator';
 import { ACTION_SUBJECT_ID } from '../analytics';
 export const UNSUPPORTED_NODE_ATTRIBUTE = 'unsupportedNodeAttribute';
 import { fireUnsupportedEvent } from './track-unsupported-content';
-const errorCallbackFor = (marks, validate, dispatchAnalyticsEvent) => {
+const errorCallbackFor = (marks, validate, dispatchAnalyticsEvent, validationOverrides) => {
   return (entity, error, options) => {
-    return validationErrorHandler(entity, error, options, marks, validate, dispatchAnalyticsEvent);
+    return validationErrorHandler(entity, error, {
+      ...options,
+      allowNestedTables: validationOverrides === null || validationOverrides === void 0 ? void 0 : validationOverrides.allowNestedTables
+    }, marks, validate, dispatchAnalyticsEvent);
   };
 };
 export const validationErrorHandler = (entity, error, options, marks, validate, dispatchAnalyticsEvent) => {
@@ -55,6 +58,19 @@ export const validationErrorHandler = (entity, error, options, marks, validate,
       }
     }
   }
+
+  // Nested tables don't actually exist in ADF. In ADF they are stored as an `extension` node with the nested table content serialized in a property of that extension.
+  // Usually when we validate ADF we are validating this `extension` and then later transforming it into nested tables for usage by ProseMirror.
+  // Under certain circumstances however, ADF validation is performed on this already transformed extension and since nested tables aren't allowed by ADF this
+  // produces an error. For example, nested renderers in Confluence `bodiedExtension`'s. The nested renderer receives the already transformed nested tables that originated from the
+  // `extension` node and validates it. This is invalid ADF so an error is thrown.
+  // This override allows an exception to be made for nested tables in the validator in this circumstance.
+  if (options.allowNestedTables) {
+    const meta = error.meta;
+    if (options.allowNestedTables && meta !== null && meta !== void 0 && meta.parentType && ['tableCell', 'tableHeader'].includes(meta === null || meta === void 0 ? void 0 : meta.parentType) && error.code === 'INVALID_CONTENT' && entity.type === 'table') {
+      return entity;
+    }
+  }
   if (options.allowUnsupportedBlock) {
     return wrapWithUnsupported(entity);
   }
@@ -101,7 +117,7 @@ function trackValidationError(dispatchAnalyticsEvent, error, entity) {
     attrs: entity.attrs || {}
   }, error.code);
 }
-export const validateADFEntity = (schema, node, dispatchAnalyticsEvent) => {
+export const validateADFEntity = (schema, node, dispatchAnalyticsEvent, validationOverrides) => {
   const nodes = Object.keys(schema.nodes);
   const marks = Object.keys(schema.marks);
   const validate = validator(nodes, marks, {
@@ -113,7 +129,7 @@ export const validateADFEntity = (schema, node, dispatchAnalyticsEvent) => {
   };
   const {
     entity = emptyDoc
-  } = validate(node, errorCallbackFor(marks, validate, dispatchAnalyticsEvent));
+  } = validate(node, errorCallbackFor(marks, validate, dispatchAnalyticsEvent, validationOverrides));
   return entity;
 };
 export function wrapWithUnsupported(originalValue, type = 'block') {

package/dist/esm/element-browser/components/ElementSearch.js

@@ -26,7 +26,8 @@ function ElementSearch(_ref) {
     onKeyDown = _ref.onKeyDown,
     searchTerm = _ref.searchTerm,
     items = _ref.items,
-    selectedItemIndex = _ref.selectedItemIndex;
+    selectedItemIndex = _ref.selectedItemIndex,
+    ariaControlsId = _ref.ariaControlsId;
   var ref = useFocus(focus);
   var assistiveTextRef = useRef(null);
   var _useState = useState(false),
@@ -109,6 +110,8 @@ function ElementSearch(_ref) {
       ,
       className: "js-search-input",
       role: "combobox",
+      "aria-expanded": "true",
+      "aria-controls": ariaControlsId,
       "aria-activedescendant": ariaActiveDescendant,
       value: searchTerm
     }), jsx("span", {

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -413,7 +413,8 @@ function DesktopBrowser(_ref2) {
     onClick: setFocusOnSearch,
     searchTerm: searchTerm,
     items: items,
-    selectedItemIndex: selectedItemIndex
+    selectedItemIndex: selectedItemIndex,
+    ariaControlsId: selectedCategory ? "browse-category-".concat(selectedCategory, "-tab") : 'browse-category-tab'
   })), jsx(ElementList, {
     items: items,
     mode: mode,

package/dist/esm/extensions/extension-handlers.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
+import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -106,8 +106,6 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
   return Loadable({
     loader: function loader() {
       if (fg('confluence_preload_extension_providers')) {
-        // Logic here is specific to Confluence because it doesn't use the original react-loadable.
-        // The library is replaced with a custom one that supports synchronous return value from loader.
         var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
         if (maybePromise instanceof Promise) {
           return maybePromise.then(function (node) {
@@ -115,11 +113,12 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
           });
         } else {
           var _renderSync, _ref;
-          // maybePromise is sync here
           var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-          // Note resolveImport is still async but we are not waiting on a already-fulfilled value.
-          // It is fast enough to not flip back to loading.
-          return resolveImport(preloaded ? preloaded : maybePromise.render());
+          // Only product implemented preloading will return sync result
+          // However the out-of-box won't handle this. Confluence uses a custom implementation
+          return preloaded
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ? resolveImportSync(preloaded) : resolveImport(maybePromise.render());
         }
       } else {
         return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(function (node) {

package/dist/esm/extensions/manifest-helpers.js

@@ -33,18 +33,21 @@ export function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
+export var resolveImportSync = function resolveImportSync(importedModule) {
+  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
+};
 export var resolveImport = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importPromise) {
-    var importedModule;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.t0 = resolveImportSync;
+          _context.next = 3;
           return importPromise;
-        case 2:
-          importedModule = _context.sent;
-          return _context.abrupt("return", importedModule && importedModule.__esModule ? importedModule.default : importedModule);
-        case 4:
+        case 3:
+          _context.t1 = _context.sent;
+          return _context.abrupt("return", (0, _context.t0)(_context.t1));
+        case 5:
         case "end":
           return _context.stop();
       }

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 = "105.8.5";
+var packageVersion = "105.9.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -22,7 +22,7 @@ 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\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.ak-editor-no-interaction\n\t\t.", "\n\t\t.", ":not(:hover)\n\t\t.", " {\n\t\tbackground: ", ";\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)", akEditorSelectedNodeClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border, #091E4224)", 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// Remove when cleaning up platform_editor_interaction_api_refactor\n\t.ak-editor-no-interaction\n\t\t.", "\n\t\t.", ":not(:hover)\n\t\t.", " {\n\t\tbackground: ", ";\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)", akEditorSelectedNodeClassName, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border, #091E4224)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var pragmaticResizerStyles = function pragmaticResizerStyles() {

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

@@ -20,7 +20,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 = "105.8.5";
+var packageVersion = "105.9.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/utils/validate-using-spec.js

@@ -1,10 +1,15 @@
+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 { validator } from '@atlaskit/adf-utils/validator';
 import { ACTION_SUBJECT_ID } from '../analytics';
 export var UNSUPPORTED_NODE_ATTRIBUTE = 'unsupportedNodeAttribute';
 import { fireUnsupportedEvent } from './track-unsupported-content';
-var errorCallbackFor = function errorCallbackFor(marks, validate, dispatchAnalyticsEvent) {
+var errorCallbackFor = function errorCallbackFor(marks, validate, dispatchAnalyticsEvent, validationOverrides) {
   return function (entity, error, options) {
-    return validationErrorHandler(entity, error, options, marks, validate, dispatchAnalyticsEvent);
+    return validationErrorHandler(entity, error, _objectSpread(_objectSpread({}, options), {}, {
+      allowNestedTables: validationOverrides === null || validationOverrides === void 0 ? void 0 : validationOverrides.allowNestedTables
+    }), marks, validate, dispatchAnalyticsEvent);
   };
 };
 export var validationErrorHandler = function validationErrorHandler(entity, error, options, marks, validate, dispatchAnalyticsEvent) {
@@ -55,6 +60,19 @@ export var validationErrorHandler = function validationErrorHandler(entity, erro
       }
     }
   }
+
+  // Nested tables don't actually exist in ADF. In ADF they are stored as an `extension` node with the nested table content serialized in a property of that extension.
+  // Usually when we validate ADF we are validating this `extension` and then later transforming it into nested tables for usage by ProseMirror.
+  // Under certain circumstances however, ADF validation is performed on this already transformed extension and since nested tables aren't allowed by ADF this
+  // produces an error. For example, nested renderers in Confluence `bodiedExtension`'s. The nested renderer receives the already transformed nested tables that originated from the
+  // `extension` node and validates it. This is invalid ADF so an error is thrown.
+  // This override allows an exception to be made for nested tables in the validator in this circumstance.
+  if (options.allowNestedTables) {
+    var meta = error.meta;
+    if (options.allowNestedTables && meta !== null && meta !== void 0 && meta.parentType && ['tableCell', 'tableHeader'].includes(meta === null || meta === void 0 ? void 0 : meta.parentType) && error.code === 'INVALID_CONTENT' && entity.type === 'table') {
+      return entity;
+    }
+  }
   if (options.allowUnsupportedBlock) {
     return wrapWithUnsupported(entity);
   }
@@ -105,7 +123,7 @@ function trackValidationError(dispatchAnalyticsEvent, error, entity) {
     attrs: entity.attrs || {}
   }, error.code);
 }
-export var validateADFEntity = function validateADFEntity(schema, node, dispatchAnalyticsEvent) {
+export var validateADFEntity = function validateADFEntity(schema, node, dispatchAnalyticsEvent, validationOverrides) {
   var nodes = Object.keys(schema.nodes);
   var marks = Object.keys(schema.marks);
   var validate = validator(nodes, marks, {
@@ -115,7 +133,7 @@ export var validateADFEntity = function validateADFEntity(schema, node, dispatch
     type: 'doc',
     content: []
   };
-  var _validate = validate(node, errorCallbackFor(marks, validate, dispatchAnalyticsEvent)),
+  var _validate = validate(node, errorCallbackFor(marks, validate, dispatchAnalyticsEvent, validationOverrides)),
     _validate$entity = _validate.entity,
     entity = _validate$entity === void 0 ? emptyDoc : _validate$entity;
   return entity;

package/dist/types/element-browser/components/ElementSearch.d.ts

@@ -15,6 +15,7 @@ interface Props {
     searchTerm?: string;
     items: QuickInsertItem[];
     selectedItemIndex?: number;
+    ariaControlsId?: string;
 }
 declare const MemoizedElementSearchWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;

package/dist/types/extensions/manifest-helpers.d.ts

@@ -5,5 +5,6 @@ export declare const FORGE_EXTENSION_TYPE = "com.atlassian.ecosystem";
 export declare const getExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, extensionType: ExtensionType) => string[];
 export declare const buildExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, nodeKey?: ExtensionModuleKey) => string;
 export declare function buildAction<T extends Parameters>(action: ExtensionModuleAction<T>, manifest: ExtensionManifest<T>): ADFEntity | import("./types/extension-manifest").ExtensionModuleActionHandler | undefined;
-export declare const resolveImport: <T extends Parameters>(importPromise: Module<T>) => Promise<T>;
+export declare const resolveImportSync: <T extends Parameters>(importedModule: Module<T>) => T;
+export declare const resolveImport: <T extends Parameters>(importPromise: Promise<Module<T>> | Module<T>) => Promise<T>;
 export declare function buildNode<T extends Parameters>(action: ExtensionModuleActionObject<T>, manifest: ExtensionManifest<T>): ADFEntity | undefined;

package/dist/types/utils/validate-using-spec.d.ts

@@ -10,7 +10,9 @@ export declare const validationErrorHandler: (entity: ADFEntity, error: Validati
         originalValue: ADFEntity;
     };
 } | undefined;
-export declare const validateADFEntity: (schema: Schema, node: ADFEntity, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => ADFEntity;
+export declare const validateADFEntity: (schema: Schema, node: ADFEntity, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, validationOverrides?: {
+    allowNestedTables?: boolean;
+}) => ADFEntity;
 export declare function wrapWithUnsupported(originalValue: ADFEntity, type?: 'block' | 'inline' | 'mark'): {
     type: string;
     attrs: {

package/dist/types-ts4.5/element-browser/components/ElementSearch.d.ts

@@ -15,6 +15,7 @@ interface Props {
     searchTerm?: string;
     items: QuickInsertItem[];
     selectedItemIndex?: number;
+    ariaControlsId?: string;
 }
 declare const MemoizedElementSearchWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;

package/dist/types-ts4.5/extensions/manifest-helpers.d.ts

@@ -5,5 +5,6 @@ export declare const FORGE_EXTENSION_TYPE = "com.atlassian.ecosystem";
 export declare const getExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, extensionType: ExtensionType) => string[];
 export declare const buildExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, nodeKey?: ExtensionModuleKey) => string;
 export declare function buildAction<T extends Parameters>(action: ExtensionModuleAction<T>, manifest: ExtensionManifest<T>): ADFEntity | import("./types/extension-manifest").ExtensionModuleActionHandler | undefined;
-export declare const resolveImport: <T extends Parameters>(importPromise: Module<T>) => Promise<T>;
+export declare const resolveImportSync: <T extends Parameters>(importedModule: Module<T>) => T;
+export declare const resolveImport: <T extends Parameters>(importPromise: Promise<Module<T>> | Module<T>) => Promise<T>;
 export declare function buildNode<T extends Parameters>(action: ExtensionModuleActionObject<T>, manifest: ExtensionManifest<T>): ADFEntity | undefined;

package/dist/types-ts4.5/utils/validate-using-spec.d.ts

@@ -10,7 +10,9 @@ export declare const validationErrorHandler: (entity: ADFEntity, error: Validati
         originalValue: ADFEntity;
     };
 } | undefined;
-export declare const validateADFEntity: (schema: Schema, node: ADFEntity, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => ADFEntity;
+export declare const validateADFEntity: (schema: Schema, node: ADFEntity, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, validationOverrides?: {
+    allowNestedTables?: boolean;
+}) => ADFEntity;
 export declare function wrapWithUnsupported(originalValue: ADFEntity, type?: 'block' | 'inline' | 'mark'): {
     type: string;
     attrs: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "105.8.5",
+	"version": "105.9.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -122,7 +122,7 @@
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.5.0",
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/adf-utils": "^19.19.0",
+		"@atlaskit/adf-utils": "^19.20.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
@@ -139,7 +139,7 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.2.0",
-		"@atlaskit/icon": "^26.1.0",
+		"@atlaskit/icon": "^26.2.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.11.0",
@@ -168,7 +168,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.24.0",
+		"@atlaskit/tmp-editor-statsig": "^4.25.0",
 		"@atlaskit/tokens": "^4.9.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",