@atlaskit/editor-common 102.11.3 → 102.11.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 102.11.4
+
+### Patch Changes
+
+- [#129262](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129262)
+  [`9408a99b473bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9408a99b473bb) -
+  EDF-2570 Fixed config panel not closing when navigating to other page issue is fixed.
+
 ## 102.11.3
 
 ### Patch Changes

package/dist/cjs/extensions/messages.js

@@ -137,10 +137,5 @@ var configPanelMessages = exports.configPanelMessages = (0, _reactIntlNext.defin
     id: 'fabric.editor.configPanel.errorBoundary.note',
     defaultMessage: "We've let the team know. You can still edit and publish this page, or check the error console for more information.",
     description: 'Note for uncaught config panel error'
-  },
-  objectSidebarPanelHeaderLabel: {
-    id: 'fabric.editor.configPanel.objectSidebarPanelHeaderLabel',
-    defaultMessage: ' ',
-    description: 'Keep this empty. Defined it as headerLabel is required field.'
   }
 });

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

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

package/dist/cjs/ui-menu/Dropdown/index.js

@@ -84,19 +84,28 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
         zIndex = _this$props.zIndex,
         arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions,
         dropdownListId = _this$props.dropdownListId,
-        alignDropdownWithParentElement = _this$props.alignDropdownWithParentElement;
+        alignDropdownWithParentElement = _this$props.alignDropdownWithParentElement,
+        targetProp = _this$props.target,
+        forcePlacement = _this$props.forcePlacement,
+        alignX = _this$props.alignX,
+        alignY = _this$props.alignY,
+        offset = _this$props.offset;
       return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-        target: alignDropdownWithParentElement ? // Ignored via go/ees005
+        target: targetProp !== null && targetProp !== void 0 ? targetProp : alignDropdownWithParentElement ? // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
         target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar']") : target,
         mountTo: mountTo,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,
-        onPlacementChanged: this.updatePopupPlacement,
+        onPlacementChanged: forcePlacement ? undefined : this.updatePopupPlacement,
         fitHeight: fitHeight,
         fitWidth: fitWidth,
         zIndex: zIndex,
-        allowOutOfBounds: alignDropdownWithParentElement
+        allowOutOfBounds: alignDropdownWithParentElement,
+        alignX: alignX,
+        alignY: alignY,
+        forcePlacement: forcePlacement,
+        offset: offset
       }, /*#__PURE__*/_react.default.createElement(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
@@ -123,11 +132,11 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
       var _this$props2 = this.props,
         trigger = _this$props2.trigger,
         isOpen = _this$props2.isOpen;
-      return /*#__PURE__*/_react.default.createElement(_uiReact.OutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
+      return trigger ? /*#__PURE__*/_react.default.createElement(_uiReact.OutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
           ref: _this2.handleRef(setOutsideClickTargetRef)
         }, trigger), isOpen ? _this2.renderDropdown() : null);
-      });
+      }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOpen ? this.renderDropdown() : null);
     }
   }]);
 }(_react.PureComponent);

package/dist/es2019/extensions/messages.js

@@ -131,10 +131,5 @@ export const configPanelMessages = defineMessages({
     id: 'fabric.editor.configPanel.errorBoundary.note',
     defaultMessage: `We've let the team know. You can still edit and publish this page, or check the error console for more information.`,
     description: 'Note for uncaught config panel error'
-  },
-  objectSidebarPanelHeaderLabel: {
-    id: 'fabric.editor.configPanel.objectSidebarPanelHeaderLabel',
-    defaultMessage: ' ',
-    description: 'Keep this empty. Defined it as headerLabel is required field.'
   }
 });

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

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

package/dist/es2019/ui-menu/Dropdown/index.js

@@ -60,20 +60,29 @@ export class Dropdown extends PureComponent {
       zIndex,
       arrowKeyNavigationProviderOptions,
       dropdownListId,
-      alignDropdownWithParentElement
+      alignDropdownWithParentElement,
+      target: targetProp,
+      forcePlacement,
+      alignX,
+      alignY,
+      offset
     } = this.props;
     return /*#__PURE__*/React.createElement(Popup, {
-      target: alignDropdownWithParentElement ? // Ignored via go/ees005
+      target: targetProp !== null && targetProp !== void 0 ? targetProp : alignDropdownWithParentElement ? // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar']") : target,
       mountTo: mountTo,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,
-      onPlacementChanged: this.updatePopupPlacement,
+      onPlacementChanged: forcePlacement ? undefined : this.updatePopupPlacement,
       fitHeight: fitHeight,
       fitWidth: fitWidth,
       zIndex: zIndex,
-      allowOutOfBounds: alignDropdownWithParentElement
+      allowOutOfBounds: alignDropdownWithParentElement,
+      alignX: alignX,
+      alignY: alignY,
+      forcePlacement: forcePlacement,
+      offset: offset
     }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
@@ -98,9 +107,9 @@ export class Dropdown extends PureComponent {
       trigger,
       isOpen
     } = this.props;
-    return /*#__PURE__*/React.createElement(OutsideClickTargetRefContext.Consumer, null, setOutsideClickTargetRef => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return trigger ? /*#__PURE__*/React.createElement(OutsideClickTargetRefContext.Consumer, null, setOutsideClickTargetRef => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       ref: this.handleRef(setOutsideClickTargetRef)
-    }, trigger), isOpen ? this.renderDropdown() : null));
+    }, trigger), isOpen ? this.renderDropdown() : null)) : /*#__PURE__*/React.createElement(React.Fragment, null, isOpen ? this.renderDropdown() : null);
   }
 }
 const DropdownWithOuterListeners = withReactEditorViewOuterListeners(Dropdown);

package/dist/esm/extensions/messages.js

@@ -131,10 +131,5 @@ export var configPanelMessages = defineMessages({
     id: 'fabric.editor.configPanel.errorBoundary.note',
     defaultMessage: "We've let the team know. You can still edit and publish this page, or check the error console for more information.",
     description: 'Note for uncaught config panel error'
-  },
-  objectSidebarPanelHeaderLabel: {
-    id: 'fabric.editor.configPanel.objectSidebarPanelHeaderLabel',
-    defaultMessage: ' ',
-    description: 'Keep this empty. Defined it as headerLabel is required field.'
   }
 });

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

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

package/dist/esm/ui-menu/Dropdown/index.js

@@ -74,19 +74,28 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         zIndex = _this$props.zIndex,
         arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions,
         dropdownListId = _this$props.dropdownListId,
-        alignDropdownWithParentElement = _this$props.alignDropdownWithParentElement;
+        alignDropdownWithParentElement = _this$props.alignDropdownWithParentElement,
+        targetProp = _this$props.target,
+        forcePlacement = _this$props.forcePlacement,
+        alignX = _this$props.alignX,
+        alignY = _this$props.alignY,
+        offset = _this$props.offset;
       return /*#__PURE__*/React.createElement(Popup, {
-        target: alignDropdownWithParentElement ? // Ignored via go/ees005
+        target: targetProp !== null && targetProp !== void 0 ? targetProp : alignDropdownWithParentElement ? // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
         target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar']") : target,
         mountTo: mountTo,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,
-        onPlacementChanged: this.updatePopupPlacement,
+        onPlacementChanged: forcePlacement ? undefined : this.updatePopupPlacement,
         fitHeight: fitHeight,
         fitWidth: fitWidth,
         zIndex: zIndex,
-        allowOutOfBounds: alignDropdownWithParentElement
+        allowOutOfBounds: alignDropdownWithParentElement,
+        alignX: alignX,
+        alignY: alignY,
+        forcePlacement: forcePlacement,
+        offset: offset
       }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
@@ -113,11 +122,11 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
       var _this$props2 = this.props,
         trigger = _this$props2.trigger,
         isOpen = _this$props2.isOpen;
-      return /*#__PURE__*/React.createElement(OutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
+      return trigger ? /*#__PURE__*/React.createElement(OutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
           ref: _this2.handleRef(setOutsideClickTargetRef)
         }, trigger), isOpen ? _this2.renderDropdown() : null);
-      });
+      }) : /*#__PURE__*/React.createElement(React.Fragment, null, isOpen ? this.renderDropdown() : null);
     }
   }]);
 }(PureComponent);

package/dist/types/extensions/messages.d.ts

@@ -131,9 +131,4 @@ export declare const configPanelMessages: {
         defaultMessage: string;
         description: string;
     };
-    objectSidebarPanelHeaderLabel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -7,7 +7,7 @@ export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
-    trigger: React.ReactElement<any>;
+    trigger?: React.ReactElement<any>;
     isOpen?: boolean;
     onOpenChange?: (attrs: OpenChangedEvent) => void;
     fitWidth?: number;
@@ -16,6 +16,11 @@ export interface Props {
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     dropdownListId?: string;
     alignDropdownWithParentElement?: boolean;
+    target?: HTMLElement;
+    forcePlacement?: boolean;
+    alignX?: 'left' | 'right' | 'center';
+    alignY?: 'start' | 'bottom' | 'top';
+    offset?: [number, number];
 }
 export interface State {
     target?: HTMLElement;

package/dist/types-ts4.5/extensions/messages.d.ts

@@ -131,9 +131,4 @@ export declare const configPanelMessages: {
         defaultMessage: string;
         description: string;
     };
-    objectSidebarPanelHeaderLabel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };

package/dist/types-ts4.5/ui-menu/Dropdown/index.d.ts

@@ -7,7 +7,7 @@ export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
-    trigger: React.ReactElement<any>;
+    trigger?: React.ReactElement<any>;
     isOpen?: boolean;
     onOpenChange?: (attrs: OpenChangedEvent) => void;
     fitWidth?: number;
@@ -16,6 +16,14 @@ export interface Props {
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     dropdownListId?: string;
     alignDropdownWithParentElement?: boolean;
+    target?: HTMLElement;
+    forcePlacement?: boolean;
+    alignX?: 'left' | 'right' | 'center';
+    alignY?: 'start' | 'bottom' | 'top';
+    offset?: [
+        number,
+        number
+    ];
 }
 export interface State {
     target?: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.11.3",
+	"version": "102.11.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"