@atlaskit/editor-common 106.2.0 → 106.3.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-common
 
+## 106.3.1
+
+### Patch Changes
+
+- [#166430](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166430)
+  [`cbdfbbb359bd9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cbdfbbb359bd9) -
+  [ux] ED-27214 Fix flickering when dropdown menu opens in floating toolbar
+
+## 106.3.0
+
+### Minor Changes
+
+- [#164625](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164625)
+  [`aac10c2d4c08d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aac10c2d4c08d) -
+  [ED-26900] Add a new config, getMoreOptionsButtonConfig, to TypeAheadHandler so that it can
+  support adding a more option button to typeahead list
+- [#161626](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/161626)
+  [`a614421730437`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a614421730437) -
+  [ux] EDITOR-769: Implement first phase of new AI Palette redesigns for Preview modal behind fg
+  platform_editor_new_ai_palette
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 106.2.0
 
 ### Minor Changes

package/dist/cjs/ai-messages/ai-config-items.js

@@ -38,6 +38,11 @@ var aiConfigItemMessages = exports.aiConfigItemMessages = (0, _reactIntlNext.def
     defaultMessage: 'Insert below',
     description: 'Inserts the response below the current location'
   },
+  configActionInsertBelowOriginal: {
+    id: 'fabric.editor.ai.config.item.action.insertBelowOriginal',
+    defaultMessage: 'Insert below original',
+    description: 'Inserts the response below the original content'
+  },
   configActionReplace: {
     id: 'fabric.editor.ai.config.item.action.replace',
     defaultMessage: 'Replace',
@@ -58,6 +63,11 @@ var aiConfigItemMessages = exports.aiConfigItemMessages = (0, _reactIntlNext.def
     defaultMessage: 'Open in Chat',
     description: 'Tooltip and label for Open in Chat button'
   },
+  configActionContinueChatLabel: {
+    id: 'fabric.editor.ai.config.item.action.rovoAgents.contineChatLabel',
+    defaultMessage: 'Continue in chat',
+    description: 'Tooltip and label for Continue in chat button'
+  },
   configActionEdit: {
     id: 'fabric.editor.ai.config.item.action.edit',
     defaultMessage: 'Edit',

package/dist/cjs/media-single/ExternalImageBadge.js

@@ -18,7 +18,7 @@ var baseStyles = (0, _primitives.xcss)({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
+var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com', 'loom.com'];
 var isUnbadgedUrl = exports.isUnbadgedUrl = function isUnbadgedUrl(url) {
   if (!url) {
     return false;

package/dist/cjs/monitoring/error.js

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

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

@@ -18,6 +18,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _uiReact = require("../../ui-react");
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
+var _utils = require("../../ui/Popup/utils");
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -68,6 +69,16 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
   }
   (0, _inherits2.default)(Dropdown, _PureComponent);
   return (0, _createClass2.default)(Dropdown, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.isOpen && this.props.isOpen && this.state.target && (0, _platformFeatureFlags.fg)('platform_editor_floating_toolbar_dropdown_flicker')) {
+        var initialPlacement = (0, _utils.calculatePlacement)(this.state.target, this.props.boundariesElement || document.body, this.props.fitWidth, this.props.fitHeight, this.props.alignX, this.props.alignY, this.props.forcePlacement);
+        this.setState({
+          popupPlacement: initialPlacement
+        });
+      }
+    }
+  }, {
     key: "renderDropdown",
     value: function renderDropdown() {
       var _this$state = this.state,

package/dist/es2019/ai-messages/ai-config-items.js

@@ -32,6 +32,11 @@ export const aiConfigItemMessages = defineMessages({
     defaultMessage: 'Insert below',
     description: 'Inserts the response below the current location'
   },
+  configActionInsertBelowOriginal: {
+    id: 'fabric.editor.ai.config.item.action.insertBelowOriginal',
+    defaultMessage: 'Insert below original',
+    description: 'Inserts the response below the original content'
+  },
   configActionReplace: {
     id: 'fabric.editor.ai.config.item.action.replace',
     defaultMessage: 'Replace',
@@ -52,6 +57,11 @@ export const aiConfigItemMessages = defineMessages({
     defaultMessage: 'Open in Chat',
     description: 'Tooltip and label for Open in Chat button'
   },
+  configActionContinueChatLabel: {
+    id: 'fabric.editor.ai.config.item.action.rovoAgents.contineChatLabel',
+    defaultMessage: 'Continue in chat',
+    description: 'Tooltip and label for Continue in chat button'
+  },
   configActionEdit: {
     id: 'fabric.editor.ai.config.item.action.edit',
     defaultMessage: 'Edit',

package/dist/es2019/media-single/ExternalImageBadge.js

@@ -11,7 +11,7 @@ const baseStyles = xcss({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-const NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
+const NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com', 'loom.com'];
 export const isUnbadgedUrl = url => {
   if (!url) {
     return false;

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

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

@@ -5,6 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { calculatePlacement } from '../../ui/Popup/utils';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
@@ -45,6 +46,14 @@ export class Dropdown extends PureComponent {
       popupPlacement: ['bottom', 'left']
     };
   }
+  componentDidUpdate(prevProps) {
+    if (!prevProps.isOpen && this.props.isOpen && this.state.target && fg('platform_editor_floating_toolbar_dropdown_flicker')) {
+      const initialPlacement = calculatePlacement(this.state.target, this.props.boundariesElement || document.body, this.props.fitWidth, this.props.fitHeight, this.props.alignX, this.props.alignY, this.props.forcePlacement);
+      this.setState({
+        popupPlacement: initialPlacement
+      });
+    }
+  }
   renderDropdown() {
     const {
       target,

package/dist/esm/ai-messages/ai-config-items.js

@@ -32,6 +32,11 @@ export var aiConfigItemMessages = defineMessages({
     defaultMessage: 'Insert below',
     description: 'Inserts the response below the current location'
   },
+  configActionInsertBelowOriginal: {
+    id: 'fabric.editor.ai.config.item.action.insertBelowOriginal',
+    defaultMessage: 'Insert below original',
+    description: 'Inserts the response below the original content'
+  },
   configActionReplace: {
     id: 'fabric.editor.ai.config.item.action.replace',
     defaultMessage: 'Replace',
@@ -52,6 +57,11 @@ export var aiConfigItemMessages = defineMessages({
     defaultMessage: 'Open in Chat',
     description: 'Tooltip and label for Open in Chat button'
   },
+  configActionContinueChatLabel: {
+    id: 'fabric.editor.ai.config.item.action.rovoAgents.contineChatLabel',
+    defaultMessage: 'Continue in chat',
+    description: 'Tooltip and label for Continue in chat button'
+  },
   configActionEdit: {
     id: 'fabric.editor.ai.config.item.action.edit',
     defaultMessage: 'Edit',

package/dist/esm/media-single/ExternalImageBadge.js

@@ -11,7 +11,7 @@ var baseStyles = xcss({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
+var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com', 'loom.com'];
 export var isUnbadgedUrl = function isUnbadgedUrl(url) {
   if (!url) {
     return false;

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

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

@@ -12,6 +12,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { calculatePlacement } from '../../ui/Popup/utils';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
@@ -59,6 +60,16 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
   }
   _inherits(Dropdown, _PureComponent);
   return _createClass(Dropdown, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.isOpen && this.props.isOpen && this.state.target && fg('platform_editor_floating_toolbar_dropdown_flicker')) {
+        var initialPlacement = calculatePlacement(this.state.target, this.props.boundariesElement || document.body, this.props.fitWidth, this.props.fitHeight, this.props.alignX, this.props.alignY, this.props.forcePlacement);
+        this.setState({
+          popupPlacement: initialPlacement
+        });
+      }
+    }
+  }, {
     key: "renderDropdown",
     value: function renderDropdown() {
       var _this$state = this.state,

package/dist/types/ai-messages/ai-config-items.d.ts

@@ -29,6 +29,11 @@ export declare const aiConfigItemMessages: {
         defaultMessage: string;
         description: string;
     };
+    configActionInsertBelowOriginal: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     configActionReplace: {
         id: string;
         defaultMessage: string;
@@ -49,6 +54,11 @@ export declare const aiConfigItemMessages: {
         defaultMessage: string;
         description: string;
     };
+    configActionContinueChatLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     configActionEdit: {
         id: string;
         defaultMessage: string;

package/dist/types/types/type-ahead.d.ts

@@ -1,8 +1,10 @@
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
+import { IntlShape } from 'react-intl-next';
 import { type Fragment, type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { TypeAheadPayload } from '../analytics/types/type-ahead';
 import type { SelectItemMode, TypeAheadAvailableNodes } from '../type-ahead';
+import type { EditorCommand } from '../types';
 type TypeAheadForceSelectProps = {
     query: string;
     items: Array<TypeAheadItem>;
@@ -41,6 +43,12 @@ export type TypeAheadItem = {
     [key: string]: any;
 };
 export type TypeAheadForceSelect = (props: TypeAheadForceSelectProps) => TypeAheadItem | undefined;
+export type MoreOptionsButtonConfig = {
+    title: string;
+    ariaLabel?: string;
+    onClick: EditorCommand;
+    iconBefore?: ReactNode;
+};
 export type TypeAheadHandler = {
     id: TypeAheadAvailableNodes;
     /** Pattern that will trigger the TypeAhead */
@@ -69,5 +77,6 @@ export type TypeAheadHandler = {
         wasItemInserted?: boolean;
     }) => void;
     getHighlight?: (state: EditorState) => JSX.Element | null;
+    getMoreOptionsButtonConfig?: (intl: IntlShape) => MoreOptionsButtonConfig;
 };
 export {};

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

@@ -39,6 +39,7 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private updatePopupPlacement;
     private handleCloseAndFocus;
     private handleClose;
+    componentDidUpdate(prevProps: Readonly<Props>): void;
     private renderDropdown;
     render(): React.JSX.Element;
 }

package/dist/types-ts4.5/ai-messages/ai-config-items.d.ts

@@ -29,6 +29,11 @@ export declare const aiConfigItemMessages: {
         defaultMessage: string;
         description: string;
     };
+    configActionInsertBelowOriginal: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     configActionReplace: {
         id: string;
         defaultMessage: string;
@@ -49,6 +54,11 @@ export declare const aiConfigItemMessages: {
         defaultMessage: string;
         description: string;
     };
+    configActionContinueChatLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     configActionEdit: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/types/type-ahead.d.ts

@@ -1,8 +1,10 @@
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
+import { IntlShape } from 'react-intl-next';
 import { type Fragment, type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { TypeAheadPayload } from '../analytics/types/type-ahead';
 import type { SelectItemMode, TypeAheadAvailableNodes } from '../type-ahead';
+import type { EditorCommand } from '../types';
 type TypeAheadForceSelectProps = {
     query: string;
     items: Array<TypeAheadItem>;
@@ -41,6 +43,12 @@ export type TypeAheadItem = {
     [key: string]: any;
 };
 export type TypeAheadForceSelect = (props: TypeAheadForceSelectProps) => TypeAheadItem | undefined;
+export type MoreOptionsButtonConfig = {
+    title: string;
+    ariaLabel?: string;
+    onClick: EditorCommand;
+    iconBefore?: ReactNode;
+};
 export type TypeAheadHandler = {
     id: TypeAheadAvailableNodes;
     /** Pattern that will trigger the TypeAhead */
@@ -69,5 +77,6 @@ export type TypeAheadHandler = {
         wasItemInserted?: boolean;
     }) => void;
     getHighlight?: (state: EditorState) => JSX.Element | null;
+    getMoreOptionsButtonConfig?: (intl: IntlShape) => MoreOptionsButtonConfig;
 };
 export {};

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

@@ -45,6 +45,7 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private updatePopupPlacement;
     private handleCloseAndFocus;
     private handleClose;
+    componentDidUpdate(prevProps: Readonly<Props>): void;
     private renderDropdown;
     render(): React.JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "106.2.0",
+	"version": "106.3.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -163,13 +163,13 @@
 		"@atlaskit/profilecard": "^23.16.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^38.7.0",
+		"@atlaskit/smart-card": "^38.8.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^5.12.0",
+		"@atlaskit/tmp-editor-statsig": "^5.13.0",
 		"@atlaskit/tokens": "^5.0.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -209,7 +209,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/media-core": "^36.1.0",
-		"@atlaskit/media-test-helpers": "^36.0.0",
+		"@atlaskit/media-test-helpers": "^36.1.0",
 		"@atlaskit/util-data-test": "^18.0.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/dom": "^10.1.0",
@@ -391,6 +391,9 @@
 		"dst-a11y__replace-anchor-with-link__editor": {
 			"type": "boolean"
 		},
+		"platform_editor_floating_toolbar_dropdown_flicker": {
+			"type": "boolean"
+		},
 		"confluence_preload_forge_viewport_heights_editor": {
 			"type": "boolean"
 		},