@atlaskit/editor-common 114.43.0 → 114.44.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 114.44.0
+
+### Minor Changes
+
+- [`3990f4a500c27`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3990f4a500c27) -
+  Fix RovoLinkPicker rendering off-screen by using correct dimensions for popup placement
+  calculations
+
 ## 114.43.0
 
 ### Minor Changes

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HyperlinkAddToolbar = HyperlinkAddToolbar;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../../analytics");
 var _providerFactory = require("../../../provider-factory");
 var _EditorLinkPicker = require("../EditorLinkPicker");
 var _HyperlinkAddToolbar = _interopRequireDefault(require("./HyperlinkAddToolbar"));
+var _excluded = ["popupWidth", "popupHeight"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var HYPERLINK_PROVIDERS = ['activityProvider', 'searchProvider'];
 /**
@@ -30,7 +32,10 @@ var onSubmitInterface = function onSubmitInterface(onSubmit) {
 };
 function HyperlinkAddToolbar(_ref2) {
   var _ref2$linkPickerOptio = _ref2.linkPickerOptions,
-    linkPickerOptions = _ref2$linkPickerOptio === void 0 ? {} : _ref2$linkPickerOptio,
+    _ref2$linkPickerOptio2 = _ref2$linkPickerOptio === void 0 ? {} : _ref2$linkPickerOptio,
+    _popupWidth = _ref2$linkPickerOptio2.popupWidth,
+    _popupHeight = _ref2$linkPickerOptio2.popupHeight,
+    linkPickerOptions = (0, _objectWithoutProperties2.default)(_ref2$linkPickerOptio2, _excluded),
     onSubmit = _ref2.onSubmit,
     displayText = _ref2.displayText,
     displayUrl = _ref2.displayUrl,

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "114.42.0";
+var packageVersion = "114.43.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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 = "114.42.0";
+var packageVersion = "114.43.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/LinkSearch/const.js

@@ -3,8 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = exports.RECENT_SEARCH_HEIGHT_IN_PX = exports.LINKPICKER_HEIGHT_IN_PX = void 0;
+exports.ROVO_LINK_PICKER_WIDTH_IN_PX = exports.ROVO_LINK_PICKER_HEIGHT_IN_PX = exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = exports.RECENT_SEARCH_HEIGHT_IN_PX = exports.LINKPICKER_HEIGHT_IN_PX = void 0;
 var RECENT_SEARCH_WIDTH_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = 420;
 var RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
 var RECENT_SEARCH_HEIGHT_IN_PX = exports.RECENT_SEARCH_HEIGHT_IN_PX = 360;
-var LINKPICKER_HEIGHT_IN_PX = exports.LINKPICKER_HEIGHT_IN_PX = 570;
+var LINKPICKER_HEIGHT_IN_PX = exports.LINKPICKER_HEIGHT_IN_PX = 570;
+
+// Dimensions of RovoLinkPicker — used by the editor popup to prevent off-screen rendering.
+// Note: These values are mirrored from @atlassian/rovo-link-picker. If you change these, update that package's constants file too:
+// platform/packages/linking-platform/rovo-link-picker/src/constants/ROVO_LINK_PICKER_CONSTANTS.ts
+var ROVO_LINK_PICKER_WIDTH_IN_PX = exports.ROVO_LINK_PICKER_WIDTH_IN_PX = 464;
+var ROVO_LINK_PICKER_HEIGHT_IN_PX = exports.ROVO_LINK_PICKER_HEIGHT_IN_PX = 512;

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -19,7 +19,11 @@ const onSubmitInterface = onSubmit => ({
   onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic);
 };
 export function HyperlinkAddToolbar({
-  linkPickerOptions = {},
+  linkPickerOptions: {
+    popupWidth: _popupWidth,
+    popupHeight: _popupHeight,
+    ...linkPickerOptions
+  } = {},
   onSubmit,
   displayText,
   displayUrl,

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "114.42.0";
+const packageVersion = "114.43.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.42.0";
+const packageVersion = "114.43.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/LinkSearch/const.js

@@ -1,4 +1,10 @@
 export const RECENT_SEARCH_WIDTH_IN_PX = 420;
 export const RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
 export const RECENT_SEARCH_HEIGHT_IN_PX = 360;
-export const LINKPICKER_HEIGHT_IN_PX = 570;
+export const LINKPICKER_HEIGHT_IN_PX = 570;
+
+// Dimensions of RovoLinkPicker — used by the editor popup to prevent off-screen rendering.
+// Note: These values are mirrored from @atlassian/rovo-link-picker. If you change these, update that package's constants file too:
+// platform/packages/linking-platform/rovo-link-picker/src/constants/ROVO_LINK_PICKER_CONSTANTS.ts
+export const ROVO_LINK_PICKER_WIDTH_IN_PX = 464;
+export const ROVO_LINK_PICKER_HEIGHT_IN_PX = 512;

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["popupWidth", "popupHeight"];
 import React, { useCallback, useMemo } from 'react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { INPUT_METHOD } from '../../../analytics';
@@ -21,7 +23,10 @@ var onSubmitInterface = function onSubmitInterface(onSubmit) {
 };
 export function HyperlinkAddToolbar(_ref2) {
   var _ref2$linkPickerOptio = _ref2.linkPickerOptions,
-    linkPickerOptions = _ref2$linkPickerOptio === void 0 ? {} : _ref2$linkPickerOptio,
+    _ref2$linkPickerOptio2 = _ref2$linkPickerOptio === void 0 ? {} : _ref2$linkPickerOptio,
+    _popupWidth = _ref2$linkPickerOptio2.popupWidth,
+    _popupHeight = _ref2$linkPickerOptio2.popupHeight,
+    linkPickerOptions = _objectWithoutProperties(_ref2$linkPickerOptio2, _excluded),
     onSubmit = _ref2.onSubmit,
     displayText = _ref2.displayText,
     displayUrl = _ref2.displayUrl,

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "114.42.0";
+var packageVersion = "114.43.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.42.0";
+var packageVersion = "114.43.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/LinkSearch/const.js

@@ -1,4 +1,10 @@
 export var RECENT_SEARCH_WIDTH_IN_PX = 420;
 export var RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
 export var RECENT_SEARCH_HEIGHT_IN_PX = 360;
-export var LINKPICKER_HEIGHT_IN_PX = 570;
+export var LINKPICKER_HEIGHT_IN_PX = 570;
+
+// Dimensions of RovoLinkPicker — used by the editor popup to prevent off-screen rendering.
+// Note: These values are mirrored from @atlassian/rovo-link-picker. If you change these, update that package's constants file too:
+// platform/packages/linking-platform/rovo-link-picker/src/constants/ROVO_LINK_PICKER_CONSTANTS.ts
+export var ROVO_LINK_PICKER_WIDTH_IN_PX = 464;
+export var ROVO_LINK_PICKER_HEIGHT_IN_PX = 512;

package/dist/types/link/LinkPicker/HyperlinkAddToolbar/index.d.ts

@@ -22,4 +22,4 @@ export interface HyperlinkAddToolbarProps extends Pick<EditorLinkPickerProps, 'o
     timesViewed?: number;
     view: EditorView;
 }
-export declare function HyperlinkAddToolbar({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, isOffline, }: HyperlinkAddToolbarProps): React.JSX.Element;
+export declare function HyperlinkAddToolbar({ linkPickerOptions: { popupWidth: _popupWidth, popupHeight: _popupHeight, ...linkPickerOptions }, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, isOffline, }: HyperlinkAddToolbarProps): React.JSX.Element;

package/dist/types/types/hyperlink.d.ts

@@ -5,9 +5,14 @@ import type { EditorAppearance } from './editor-appearance';
 export type LinkInputType = INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD;
 /**
  * Configuration for the link picker
- * Extends `LinkPickerProps` to provide future extensibility out-of-the-box
+ * Extends `LinkPickerProps` to provide future extensibility out-of-the-box.
+ * Use `popupWidth` and `popupHeight` to control the editor popup container size
+ * when providing a custom `component` with non-standard dimensions.
  */
-export type LinkPickerOptions = Partial<LinkPickerProps>;
+export type LinkPickerOptions = Partial<LinkPickerProps> & {
+    popupHeight?: number;
+    popupWidth?: number;
+};
 /**
  * Configuration for editor linking behaviours
  */

package/dist/types/ui/LinkSearch/const.d.ts

@@ -2,3 +2,5 @@ export declare const RECENT_SEARCH_WIDTH_IN_PX = 420;
 export declare const RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
 export declare const RECENT_SEARCH_HEIGHT_IN_PX = 360;
 export declare const LINKPICKER_HEIGHT_IN_PX = 570;
+export declare const ROVO_LINK_PICKER_WIDTH_IN_PX = 464;
+export declare const ROVO_LINK_PICKER_HEIGHT_IN_PX = 512;

package/dist/types-ts4.5/link/LinkPicker/HyperlinkAddToolbar/index.d.ts

@@ -22,4 +22,4 @@ export interface HyperlinkAddToolbarProps extends Pick<EditorLinkPickerProps, 'o
     timesViewed?: number;
     view: EditorView;
 }
-export declare function HyperlinkAddToolbar({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, isOffline, }: HyperlinkAddToolbarProps): React.JSX.Element;
+export declare function HyperlinkAddToolbar({ linkPickerOptions: { popupWidth: _popupWidth, popupHeight: _popupHeight, ...linkPickerOptions }, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, isOffline, }: HyperlinkAddToolbarProps): React.JSX.Element;

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

@@ -5,9 +5,14 @@ import type { EditorAppearance } from './editor-appearance';
 export type LinkInputType = INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD;
 /**
  * Configuration for the link picker
- * Extends `LinkPickerProps` to provide future extensibility out-of-the-box
+ * Extends `LinkPickerProps` to provide future extensibility out-of-the-box.
+ * Use `popupWidth` and `popupHeight` to control the editor popup container size
+ * when providing a custom `component` with non-standard dimensions.
  */
-export type LinkPickerOptions = Partial<LinkPickerProps>;
+export type LinkPickerOptions = Partial<LinkPickerProps> & {
+    popupHeight?: number;
+    popupWidth?: number;
+};
 /**
  * Configuration for editor linking behaviours
  */

package/dist/types-ts4.5/ui/LinkSearch/const.d.ts

@@ -2,3 +2,5 @@ export declare const RECENT_SEARCH_WIDTH_IN_PX = 420;
 export declare const RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
 export declare const RECENT_SEARCH_HEIGHT_IN_PX = 360;
 export declare const LINKPICKER_HEIGHT_IN_PX = 570;
+export declare const ROVO_LINK_PICKER_WIDTH_IN_PX = 464;
+export declare const ROVO_LINK_PICKER_HEIGHT_IN_PX = 512;

package/link-search-constants/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-common/link-search-constants",
+  "main": "../dist/cjs/ui/LinkSearch/const.js",
+  "module": "../dist/esm/ui/LinkSearch/const.js",
+  "module:es2019": "../dist/es2019/ui/LinkSearch/const.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/ui/LinkSearch/const.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/ui/LinkSearch/const.d.ts"
+      ]
+    }
+  }
+}

package/package.json

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