@atlaskit/editor-plugin-table 7.29.5 → 7.29.6

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-table
 
+## 7.29.6
+
+### Patch Changes
+
+- [#155668](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155668)
+  [`f948f63ced742`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f948f63ced742) -
+  We are testing replacing findDOMNode with an explicit ref behind a feature flag. If this fix is
+  successful it will be available in a later release.
+- Updated dependencies
+
 ## 7.29.5
 
 ### Patch Changes

package/dist/cjs/ui/FloatingDragMenu/DropdownMenu.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DropdownMenu = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
@@ -18,7 +19,13 @@ 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; }
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 
-var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.DropList);
+var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {
+  var setOutsideClickTargetRef = _react.default.useContext(_uiReact.OutsideClickTargetRefContext);
+  return /*#__PURE__*/_react.default.createElement(_ui.DropList, (0, _extends2.default)({
+    onDroplistRef: setOutsideClickTargetRef
+  }, props));
+};
+var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(DropListWithOutsideClickTargetRef);
 var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
   var items = _ref.items,
     section = _ref.section,

package/dist/es2019/ui/FloatingDragMenu/DropdownMenu.js

@@ -1,12 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 import React, { useState } from 'react';
 import { DropList, Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenuItem } from '@atlaskit/editor-common/ui-menu';
-import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
+import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { MenuGroup, Section } from '@atlaskit/menu';
 import { dragMenuDropdownWidth } from '../consts';
-const DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropList);
+const DropListWithOutsideClickTargetRef = props => {
+  const setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
+  return /*#__PURE__*/React.createElement(DropList, _extends({
+    onDroplistRef: setOutsideClickTargetRef
+  }, props));
+};
+const DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropListWithOutsideClickTargetRef);
 export const DropdownMenu = ({
   items,
   section,

package/dist/esm/ui/FloatingDragMenu/DropdownMenu.js

@@ -1,13 +1,20 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 import React, { useState } from 'react';
 import { DropList, Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenuItem } from '@atlaskit/editor-common/ui-menu';
-import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
+import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { MenuGroup, Section } from '@atlaskit/menu';
 import { dragMenuDropdownWidth } from '../consts';
-var DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropList);
+var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {
+  var setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
+  return /*#__PURE__*/React.createElement(DropList, _extends({
+    onDroplistRef: setOutsideClickTargetRef
+  }, props));
+};
+var DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropListWithOutsideClickTargetRef);
 export var DropdownMenu = function DropdownMenu(_ref) {
   var items = _ref.items,
     section = _ref.section,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.29.5",
+	"version": "7.29.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,8 +30,8 @@
 		"@atlaskit/adf-schema": "^42.3.1",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/custom-steps": "^0.8.0",
-		"@atlaskit/editor-common": "^94.2.0",
-		"@atlaskit/editor-palette": "1.6.2",
+		"@atlaskit/editor-common": "^94.5.0",
+		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-batch-attribute-updates": "1.1.3",
@@ -41,7 +41,7 @@
 		"@atlaskit/editor-plugin-selection": "^1.5.0",
 		"@atlaskit/editor-plugin-width": "^1.3.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^3.0.0",
+		"@atlaskit/editor-shared-styles": "^3.1.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/menu": "^2.13.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.8.0",
+		"@atlaskit/tmp-editor-statsig": "^2.10.0",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",

package/src/ui/FloatingDragMenu/DropdownMenu.tsx

@@ -1,20 +1,29 @@
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 import React, { useState } from 'react';
 
-import { DropList, Popup } from '@atlaskit/editor-common/ui';
+import { DropList, type DropListProps, Popup } from '@atlaskit/editor-common/ui';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import {
 	ArrowKeyNavigationProvider,
 	ArrowKeyNavigationType,
 	DropdownMenuItem,
 } from '@atlaskit/editor-common/ui-menu';
-import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
+import {
+	OutsideClickTargetRefContext,
+	withReactEditorViewOuterListeners,
+} from '@atlaskit/editor-common/ui-react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { MenuGroup, Section } from '@atlaskit/menu';
 
 import { dragMenuDropdownWidth } from '../consts';
 
-const DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropList);
+const DropListWithOutsideClickTargetRef = (props: DropListProps) => {
+	const setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
+	return <DropList onDroplistRef={setOutsideClickTargetRef} {...props} />;
+};
+const DropListWithOutsideListeners = withReactEditorViewOuterListeners(
+	DropListWithOutsideClickTargetRef,
+);
 
 type DropdownMenuProps = {
 	items: Array<{