@atlaskit/editor-common 94.4.0 → 94.5.1

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

@@ -1,7 +1,6 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -9,6 +8,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children"];
 var _templateObject, _templateObject2;
@@ -25,11 +25,10 @@ import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { DropdownMenuSharedCssClassName } from '../../styles';
 import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
-import { withReactEditorViewOuterListeners } from '../../ui-react';
+import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '../../ui-react';
 import DropList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
@@ -57,7 +56,13 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #172B4D)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #091E424F)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
   }
 };
-var DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropList);
+var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {
+  var setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
+  return jsx(DropList, _extends({
+    onDroplistRef: setOutsideClickTargetRef
+  }, props));
+};
+var DropListWithOutsideListeners = withReactEditorViewOuterListeners(DropListWithOutsideClickTargetRef);
 
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
@@ -96,25 +101,15 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handleCloseAndFocus", function (event) {
       var _this$state$target;
       (_this$state$target = _this.state.target) === null || _this$state$target === void 0 || (_this$state$target = _this$state$target.querySelector('button')) === null || _this$state$target === void 0 || _this$state$target.focus();
-      if (fg('platform_editor_a11y_table_context_menu')) {
-        _this.handleClose(event);
-      } else {
-        _this.handleClose();
-      }
+      _this.handleClose(event);
     });
     _defineProperty(_assertThisInitialized(_this), "handleClose", function (event) {
       var onOpenChange = _this.props.onOpenChange;
       if (onOpenChange) {
-        if (fg('platform_editor_a11y_table_context_menu')) {
-          onOpenChange({
-            isOpen: false,
-            event: event
-          });
-        } else {
-          onOpenChange({
-            isOpen: false
-          });
-        }
+        onOpenChange({
+          isOpen: false,
+          event: event
+        });
       }
     });
     return _this;
@@ -184,11 +179,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         handleClickOutside: this.handleClose,
         handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
         handleEnterKeydown: function handleEnterKeydown(e) {
-          if (fg('platform_editor_a11y_table_context_menu')) {
-            if (!allowEnterDefaultBehavior) {
-              e.preventDefault();
-            }
-          } else {
+          if (!allowEnterDefaultBehavior) {
             e.preventDefault();
           }
           e.stopPropagation();
@@ -305,7 +296,9 @@ export function DropdownMenuItem(_ref) {
   // From time to time we don't want to have any tabIndex on item wrapper
   // especially when we pass any interactive element as a item.content
   var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  var dropListItem = jsx("div", {
+  var dropListItem =
+  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  jsx("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);
     },
@@ -342,7 +335,7 @@ export function DropdownMenuItem(_ref) {
         item: item
       });
     },
-    "aria-expanded": fg('platform_editor_a11y_table_context_menu') ? item['aria-expanded'] : undefined
+    "aria-expanded": item['aria-expanded']
   }, item.content));
   if (item.tooltipDescription) {
     var _item$key3;

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

@@ -12,7 +12,6 @@ import React, { useCallback } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TOOLBAR_ACTION_SUBJECT_ID } from '../../analytics';
 import { ToolTipContent } from '../../keymaps';
@@ -110,10 +109,10 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   if (!title) {
     return button;
   }
-  var tooltipContent = hideTooltip ? null : fg('platform_editor_a11y_table_context_menu') ? jsx(ToolTipContent, {
+  var tooltipContent = hideTooltip ? null : jsx(ToolTipContent, {
     description: title,
     keymap: keymap
-  }) : title;
+  });
   return jsx(Tooltip, {
     content: tooltipContent,
     hideTooltipOnClick: true,

package/dist/esm/ui-react/index.js

@@ -1,2 +1,2 @@
 export { default as ReactEditorViewContext } from './ReactEditorViewContext';
-export { default as withReactEditorViewOuterListeners } from './with-react-editor-view-outer-listeners';
+export { default as withReactEditorViewOuterListeners, OutsideClickTargetRefContext } from './with-react-editor-view-outer-listeners';

package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -10,11 +10,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { PureComponent, useEffect, useState } from 'react';
+import React, { PureComponent, useCallback, useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ReactEditorViewContext from './ReactEditorViewContext';
+// Use this context to pass in the reference of the element that should be considered as the outside click target
+// The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
+export var OutsideClickTargetRefContext = /*#__PURE__*/React.createContext(function () {});
 
-// This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
+// This needs exporting to be used alongside `withReactEditorViewOuterListeners`
 var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
   _inherits(WithOutsideClick, _PureComponent);
   var _super = _createSuper(WithOutsideClick);
@@ -26,19 +30,17 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (evt) {
-      if (!_this.props.isActiveComponent) {
+      if (!_this.props.isActiveComponent || !_this.props.handleClickOutside) {
         return;
       }
-      var domNode = ReactDOM.findDOMNode(_assertThisInitialized(_this)); // eslint-disable-line react/no-find-dom-node
+      var domNode = fg('platform_editor_replace_finddomnode_in_common') ? _this.props.outsideClickTargetRef.current : ReactDOM.findDOMNode(_assertThisInitialized(_this));
       if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
-        if (_this.props.handleClickOutside) {
-          var _this$props$editorVie;
-          _this.props.handleClickOutside(evt);
-          // When the menus are closed by clicking outside the focus is set on editor.
-          if (!((_this$props$editorVie = _this.props.editorView) !== null && _this$props$editorVie !== void 0 && _this$props$editorVie.hasFocus())) {
-            var _this$props$editorVie2;
-            (_this$props$editorVie2 = _this.props.editorView) === null || _this$props$editorVie2 === void 0 || _this$props$editorVie2.focus();
-          }
+        var _this$props$editorVie;
+        _this.props.handleClickOutside(evt);
+        // When the menus are closed by clicking outside the focus is set on editor.
+        if (!((_this$props$editorVie = _this.props.editorView) !== null && _this$props$editorVie !== void 0 && _this$props$editorVie.hasFocus())) {
+          var _this$props$editorVie2;
+          (_this$props$editorVie2 = _this.props.editorView) === null || _this$props$editorVie2 === void 0 || _this$props$editorVie2.focus();
         }
       }
     });
@@ -107,6 +109,10 @@ export default function withReactEditorViewOuterListeners(Component) {
       _useState2 = _slicedToArray(_useState, 2),
       isActiveComponent = _useState2[0],
       setActiveComponent = _useState2[1];
+    var outsideClickTargetRef = useRef(null);
+    var setOutsideClickTargetRef = useCallback(function (el) {
+      outsideClickTargetRef.current = el;
+    }, [outsideClickTargetRef]);
     useEffect(function () {
       requestAnimationFrame(function () {
         setActiveComponent(isActiveProp);
@@ -116,17 +122,20 @@ export default function withReactEditorViewOuterListeners(Component) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint,
         editorRef = _ref2.editorRef;
-      return /*#__PURE__*/React.createElement(WithOutsideClick, {
+      return /*#__PURE__*/React.createElement(OutsideClickTargetRefContext.Provider, {
+        value: setOutsideClickTargetRef
+      }, /*#__PURE__*/React.createElement(WithOutsideClick, {
         editorView: editorView,
         editorRef: editorRef,
         targetRef: props.targetRef,
+        outsideClickTargetRef: outsideClickTargetRef,
         popupsMountPoint: popupsMountPoint,
         isActiveComponent: isActiveComponent,
         handleClickOutside: handleClickOutside,
         handleEnterKeydown: handleEnterKeydown,
         handleEscapeKeydown: handleEscapeKeydown,
         closeOnTab: closeOnTab
-      }, /*#__PURE__*/React.createElement(Component, props));
+      }, /*#__PURE__*/React.createElement(Component, props)));
     });
   };
 }

package/dist/types/analytics/types/enums.d.ts

@@ -37,6 +37,7 @@ export declare enum ACTION {
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
+    DOUBLE_CLICKED = "doubleClicked",
     DRAGGED = "dragged",
     EDITED = "edited",
     EDITOR_CRASHED = "unhandledErrorCaught",
@@ -185,7 +186,8 @@ export declare enum INPUT_METHOD {
     DATASOURCE = "datasource_config",
     TABLE_CONTEXT_MENU = "tableContextMenu",
     MOUSE = "mouse",
-    BROWSER = "browser"
+    BROWSER = "browser",
+    DOUBLE_CLICK = "doubleClick"
 }
 export declare enum INSERT_MEDIA_VIA {
     LOCAL_UPLOAD = "localUpload",
@@ -259,7 +261,8 @@ export declare enum ACTION_SUBJECT {
     ELEMENT = "element",
     CONTEXT_MENU = "contextMenu",
     INLINE_DIALOG = "inlineDialog",
-    ENGAGEMENT_PLATFORM = "engagementPlatform"
+    ENGAGEMENT_PLATFORM = "engagementPlatform",
+    MEDIA_VIEWER = "mediaViewer"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",

package/dist/types/analytics/types/index.d.ts

@@ -12,7 +12,7 @@ export { CHANGE_ALIGNMENT_REASON, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_C
 export type { TableEventPayload, OverflowStateInfo } from './table-events';
 export { PasteContents, PasteSources, PasteTypes } from './paste-events';
 export type { PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, } from './paste-events';
-export type { MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, CaptionTrackAction, MediaResizeTrackAction, MediaInputResizeTrackAction, } from './media-events';
+export type { MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, CaptionTrackAction, MediaResizeTrackAction, MediaInputResizeTrackAction, MediaViewerEventAction, } from './media-events';
 export type { MoveContentEventPayload } from './move-content-events';
 export type { DispatchAnalyticsEvent } from './dispatch-analytics-event';
 export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, } from './list-events';

package/dist/types/analytics/types/media-events.d.ts

@@ -1,6 +1,6 @@
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { GuidelineTypes, WidthTypes } from '../../guideline/types';
-import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import type { EventInput } from './type-ahead';
 import type { ChangeTypeAEP, TrackAEP, UIAEP } from './utils';
 type MediaBorderActionType = ACTION.UPDATED | ACTION.ADDED | ACTION.DELETED;
@@ -37,6 +37,10 @@ type ChangeMediaAEP = ChangeTypeAEP<ACTION_SUBJECT.MEDIA, undefined, {
     newType: MediaSwitchType;
     previousType: MediaSwitchType;
 }, undefined>;
+export type MediaViewerEventAction = UIAEP<ACTION.OPENED, ACTION_SUBJECT.MEDIA_VIEWER, ACTION_SUBJECT_ID.MEDIA, {
+    nodeType: string;
+    inputMethod: INPUT_METHOD.DOUBLE_CLICK;
+}, undefined>;
 export type MediaAltTextActionType = ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED;
-export type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | MediaResizeTrackAction | MediaInputResizeTrackAction | MediaBorderTrackAction | CaptionTrackAction | ChangeMediaAEP;
+export type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | MediaResizeTrackAction | MediaInputResizeTrackAction | MediaBorderTrackAction | CaptionTrackAction | ChangeMediaAEP | MediaViewerEventAction;
 export {};

package/dist/types/media/messages/caption.d.ts

@@ -4,4 +4,9 @@ export declare const captionMessages: {
         defaultMessage: string;
         description: string;
     };
+    placeholderWithDoubleClickPrompt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/ui/DropList/index.d.ts

@@ -4,8 +4,11 @@
  */
 import type { ReactNode } from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-interface Props extends WithAnalyticsEventsProps {
+export interface Props extends WithAnalyticsEventsProps {
     isOpen?: boolean;
+    appearance?: string;
+    shouldFlip?: boolean;
+    isTriggerNotTabbable?: boolean;
     trigger?: React.ReactNode;
     position: string;
     onOpenChange?: (event: OpenChangedEvent) => void;
@@ -14,10 +17,11 @@ interface Props extends WithAnalyticsEventsProps {
     shouldFitContainer: boolean;
     children?: ReactNode;
     id?: string;
+    onDroplistRef?: (ref: HTMLDivElement | null) => unknown;
 }
 export type OpenChangedEvent = {
     isOpen: boolean;
     event: MouseEvent | KeyboardEvent;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "position" | "key" | "id" | "children" | "testId" | "analyticsContext" | "shouldFitContainer" | "onPositioned" | "isOpen" | "trigger" | "onOpenChange"> & import("react").RefAttributes<any>>;
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "appearance" | "position" | "key" | "id" | "children" | "testId" | "analyticsContext" | "shouldFitContainer" | "onPositioned" | "isOpen" | "shouldFlip" | "isTriggerNotTabbable" | "trigger" | "onOpenChange" | "onDroplistRef"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/types/ui/Emoji/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji/resource';
 import type { EmojiId } from '@atlaskit/emoji/types';
 import { type ProviderFactory } from '../../provider-factory';
@@ -10,5 +10,5 @@ export interface EmojiProps extends EmojiId {
     resourceConfig?: EmojiResourceConfig;
     emojiProvider?: EmojiProvider;
 }
-declare const EmojiNode: (props: EmojiProps) => JSX.Element;
-export default EmojiNode;
+declare const _default: React.MemoExoticComponent<(props: EmojiProps) => JSX.Element>;
+export default _default;

package/dist/types/ui/index.d.ts

@@ -39,7 +39,7 @@ export { panelTextInput } from './PanelTextInput/styles';
 export { default as PanelTextInput } from './PanelTextInput';
 export { default as Announcer } from './Announcer/announcer';
 export { EDIT_AREA_ID } from './Toolbar';
-export { default as DropList } from './DropList';
+export { default as DropList, type Props as DropListProps } from './DropList';
 export type { UseStickyToolbarType } from './Toolbar';
 export type { OpenChangedEvent } from './DropList';
 export { sharedMultiBodiedExtensionStyles } from './MultiBodiedExtension';

package/dist/types/ui-react/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ReactEditorViewContext } from './ReactEditorViewContext';
-export { default as withReactEditorViewOuterListeners } from './with-react-editor-view-outer-listeners';
+export { default as withReactEditorViewOuterListeners, OutsideClickTargetRefContext, } from './with-react-editor-view-outer-listeners';

package/dist/types/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
+export declare const OutsideClickTargetRefContext: React.Context<(el: HTMLElement | null) => void>;
 export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -37,6 +37,7 @@ export declare enum ACTION {
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
+    DOUBLE_CLICKED = "doubleClicked",
     DRAGGED = "dragged",
     EDITED = "edited",
     EDITOR_CRASHED = "unhandledErrorCaught",
@@ -185,7 +186,8 @@ export declare enum INPUT_METHOD {
     DATASOURCE = "datasource_config",
     TABLE_CONTEXT_MENU = "tableContextMenu",
     MOUSE = "mouse",
-    BROWSER = "browser"
+    BROWSER = "browser",
+    DOUBLE_CLICK = "doubleClick"
 }
 export declare enum INSERT_MEDIA_VIA {
     LOCAL_UPLOAD = "localUpload",
@@ -259,7 +261,8 @@ export declare enum ACTION_SUBJECT {
     ELEMENT = "element",
     CONTEXT_MENU = "contextMenu",
     INLINE_DIALOG = "inlineDialog",
-    ENGAGEMENT_PLATFORM = "engagementPlatform"
+    ENGAGEMENT_PLATFORM = "engagementPlatform",
+    MEDIA_VIEWER = "mediaViewer"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",

package/dist/types-ts4.5/analytics/types/index.d.ts

@@ -12,7 +12,7 @@ export { CHANGE_ALIGNMENT_REASON, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_C
 export type { TableEventPayload, OverflowStateInfo } from './table-events';
 export { PasteContents, PasteSources, PasteTypes } from './paste-events';
 export type { PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, } from './paste-events';
-export type { MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, CaptionTrackAction, MediaResizeTrackAction, MediaInputResizeTrackAction, } from './media-events';
+export type { MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, CaptionTrackAction, MediaResizeTrackAction, MediaInputResizeTrackAction, MediaViewerEventAction, } from './media-events';
 export type { MoveContentEventPayload } from './move-content-events';
 export type { DispatchAnalyticsEvent } from './dispatch-analytics-event';
 export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, } from './list-events';

package/dist/types-ts4.5/analytics/types/media-events.d.ts

@@ -1,6 +1,6 @@
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { GuidelineTypes, WidthTypes } from '../../guideline/types';
-import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import type { EventInput } from './type-ahead';
 import type { ChangeTypeAEP, TrackAEP, UIAEP } from './utils';
 type MediaBorderActionType = ACTION.UPDATED | ACTION.ADDED | ACTION.DELETED;
@@ -37,6 +37,10 @@ type ChangeMediaAEP = ChangeTypeAEP<ACTION_SUBJECT.MEDIA, undefined, {
     newType: MediaSwitchType;
     previousType: MediaSwitchType;
 }, undefined>;
+export type MediaViewerEventAction = UIAEP<ACTION.OPENED, ACTION_SUBJECT.MEDIA_VIEWER, ACTION_SUBJECT_ID.MEDIA, {
+    nodeType: string;
+    inputMethod: INPUT_METHOD.DOUBLE_CLICK;
+}, undefined>;
 export type MediaAltTextActionType = ACTION.ADDED | ACTION.CLOSED | ACTION.EDITED | ACTION.CLEARED | ACTION.OPENED;
-export type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | MediaResizeTrackAction | MediaInputResizeTrackAction | MediaBorderTrackAction | CaptionTrackAction | ChangeMediaAEP;
+export type MediaEventPayload = MediaLinkAEP | MediaAltTextAction | MediaUIAction | MediaResizeTrackAction | MediaInputResizeTrackAction | MediaBorderTrackAction | CaptionTrackAction | ChangeMediaAEP | MediaViewerEventAction;
 export {};

package/dist/types-ts4.5/media/messages/caption.d.ts

@@ -4,4 +4,9 @@ export declare const captionMessages: {
         defaultMessage: string;
         description: string;
     };
+    placeholderWithDoubleClickPrompt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -4,8 +4,11 @@
  */
 import type { ReactNode } from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-interface Props extends WithAnalyticsEventsProps {
+export interface Props extends WithAnalyticsEventsProps {
     isOpen?: boolean;
+    appearance?: string;
+    shouldFlip?: boolean;
+    isTriggerNotTabbable?: boolean;
     trigger?: React.ReactNode;
     position: string;
     onOpenChange?: (event: OpenChangedEvent) => void;
@@ -14,10 +17,11 @@ interface Props extends WithAnalyticsEventsProps {
     shouldFitContainer: boolean;
     children?: ReactNode;
     id?: string;
+    onDroplistRef?: (ref: HTMLDivElement | null) => unknown;
 }
 export type OpenChangedEvent = {
     isOpen: boolean;
     event: MouseEvent | KeyboardEvent;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "position" | "key" | "id" | "children" | "testId" | "analyticsContext" | "shouldFitContainer" | "onPositioned" | "isOpen" | "trigger" | "onOpenChange"> & import("react").RefAttributes<any>>;
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "appearance" | "position" | "key" | "id" | "children" | "testId" | "analyticsContext" | "shouldFitContainer" | "onPositioned" | "isOpen" | "shouldFlip" | "isTriggerNotTabbable" | "trigger" | "onOpenChange" | "onDroplistRef"> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji/resource';
 import type { EmojiId } from '@atlaskit/emoji/types';
 import { type ProviderFactory } from '../../provider-factory';
@@ -10,5 +10,5 @@ export interface EmojiProps extends EmojiId {
     resourceConfig?: EmojiResourceConfig;
     emojiProvider?: EmojiProvider;
 }
-declare const EmojiNode: (props: EmojiProps) => JSX.Element;
-export default EmojiNode;
+declare const _default: React.MemoExoticComponent<(props: EmojiProps) => JSX.Element>;
+export default _default;

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

@@ -39,7 +39,7 @@ export { panelTextInput } from './PanelTextInput/styles';
 export { default as PanelTextInput } from './PanelTextInput';
 export { default as Announcer } from './Announcer/announcer';
 export { EDIT_AREA_ID } from './Toolbar';
-export { default as DropList } from './DropList';
+export { default as DropList, type Props as DropListProps } from './DropList';
 export type { UseStickyToolbarType } from './Toolbar';
 export type { OpenChangedEvent } from './DropList';
 export { sharedMultiBodiedExtensionStyles } from './MultiBodiedExtension';

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

@@ -1,2 +1,2 @@
 export { default as ReactEditorViewContext } from './ReactEditorViewContext';
-export { default as withReactEditorViewOuterListeners } from './with-react-editor-view-outer-listeners';
+export { default as withReactEditorViewOuterListeners, OutsideClickTargetRefContext, } from './with-react-editor-view-outer-listeners';

package/dist/types-ts4.5/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
+export declare const OutsideClickTargetRefContext: React.Context<(el: HTMLElement | null) => void>;
 export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.4.0",
+	"version": "94.5.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -121,7 +121,7 @@
 		"@atlaskit/custom-steps": "^0.8.0",
 		"@atlaskit/dropdown-menu": "^12.21.0",
 		"@atlaskit/editor-json-transformer": "^8.20.0",
-		"@atlaskit/editor-palette": "1.6.2",
+		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.1.0",
 		"@atlaskit/editor-tables": "^2.8.0",
@@ -150,7 +150,7 @@
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/tmp-editor-statsig": "^2.9.0",
+		"@atlaskit/tmp-editor-statsig": "^2.10.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -246,9 +246,6 @@
 		"annotations_align_editor_and_renderer_styles": {
 			"type": "boolean"
 		},
-		"platform_editor_a11y_table_context_menu": {
-			"type": "boolean"
-		},
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
@@ -276,9 +273,15 @@
 		"platform_editor_allow_annotation_triple_click": {
 			"type": "boolean"
 		},
+		"platform_editor_typography_ugc": {
+			"type": "boolean"
+		},
 		"platform_editor_heading_margin_fix": {
 			"type": "boolean"
 		},
+		"platform_editor_replace_finddomnode_in_common": {
+			"type": "boolean"
+		},
 		"platform_editor_element_dnd_nested_fix_patch_3": {
 			"type": "boolean"
 		}