@atlaskit/editor-common 82.4.0 → 82.6.0

package/dist/esm/analytics/types/enums.js

@@ -9,6 +9,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["ACTIVATED"] = "activated";
   ACTION["ADDED"] = "added";
   ACTION["BROWSER_FREEZE"] = "browserFreeze";
+  ACTION["CANCELLED"] = "cancelled";
   ACTION["CAUGHT_DOM_ERROR"] = "caughtDomError";
   ACTION["CHANGED_BACKGROUND_COLOR"] = "changedBackgroundColor";
   ACTION["CHANGED_ICON"] = "changedIcon";
@@ -34,6 +35,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["DISMISSED"] = "dismissed";
   ACTION["DISPATCHED_INVALID_TRANSACTION"] = "dispatchedInvalidTransaction";
   ACTION["DISPATCHED_VALID_TRANSACTION"] = "dispatchedValidTransaction";
+  ACTION["DRAGGED"] = "dragged";
   ACTION["EDITED"] = "edited";
   ACTION["EDITOR_CRASHED"] = "unhandledErrorCaught";
   ACTION["EDITOR_CRASHED_ADDITIONAL_INFORMATION"] = "unhandledErrorCaughtAdditionalInfov2";
@@ -148,6 +150,7 @@ export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
   INPUT_METHOD["CONFIG_PANEL"] = "configPanel";
   INPUT_METHOD["CONTEXT_MENU"] = "contextMenu";
   INPUT_METHOD["DRAG_AND_DROP"] = "dragAndDrop";
+  INPUT_METHOD["DRAG"] = "drag";
   INPUT_METHOD["EXTERNAL"] = "external";
   INPUT_METHOD["EXTENSION_API"] = "extensionApi";
   INPUT_METHOD["FLOATING_TB"] = "floatingToolbar";
@@ -225,6 +228,9 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["LOOM"] = "loom";
   ACTION_SUBJECT["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
   ACTION_SUBJECT["BODIED_EXTENSION"] = "bodiedExtension";
+  ACTION_SUBJECT["DROP_TARGET"] = "dropTarget";
+  ACTION_SUBJECT["DRAG"] = "drag";
+  ACTION_SUBJECT["ELEMENT"] = "element";
   return ACTION_SUBJECT;
 }({});
 export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
@@ -254,6 +260,8 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["DECISION"] = "decision";
   ACTION_SUBJECT_ID["DIVIDER"] = "divider";
   ACTION_SUBJECT_ID["EDIT_LINK"] = "editLink";
+  ACTION_SUBJECT_ID["ELEMENT_DRAG_HANDLE"] = "elementDragHandle";
+  ACTION_SUBJECT_ID["ELEMENT_DROP_TARGET"] = "elementDropTarget";
   ACTION_SUBJECT_ID["EMBEDS"] = "embeds";
   ACTION_SUBJECT_ID["EMOJI"] = "emoji";
   ACTION_SUBJECT_ID["EXPAND"] = "expand";

package/dist/esm/extensions/module-helpers.js

@@ -146,8 +146,10 @@ var logError = function logError(msg) {
 };
 var toolbarItemToButtonConfig = function toolbarItemToButtonConfig(toolbarItem, parentKey) {
   var tooltip = toolbarItem.tooltip,
+    tooltipStyle = toolbarItem.tooltipStyle,
     key = toolbarItem.key,
     label = toolbarItem.label,
+    ariaLabel = toolbarItem.ariaLabel,
     icon = toolbarItem.icon,
     action = toolbarItem.action,
     disabled = toolbarItem.disabled;
@@ -185,7 +187,9 @@ var toolbarItemToButtonConfig = function toolbarItemToButtonConfig(toolbarItem,
   }
   return _objectSpread({
     key: itemKey,
+    ariaLabel: ariaLabel,
     tooltip: tooltip,
+    tooltipStyle: tooltipStyle,
     action: action,
     disabled: disabled
   }, labelAndIcon);

package/dist/esm/keymaps/keymap.js

@@ -1,5 +1,6 @@
 import { base, keyName } from 'w3c-keyname';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { SafePlugin } from '../safe-plugin';
 
 /**
@@ -13,20 +14,52 @@ export function keymap(bindings) {
   return new SafePlugin({
     props: {
       handleKeyDown: function handleKeyDown(view, event) {
-        var name = keyName(event);
-        var keyboardEvent = event;
-        if (event.ctrlKey && name.length === 1 &&
-        // Check the unicode of the character to
-        // assert that its not an ASCII character.
-        // These are characters outside Latin's range.
-        /[^\u0000-\u007f]/.test(name)) {
-          keyboardEvent = new KeyboardEvent('keydown', {
-            key: base[event.keyCode],
-            code: event.code,
-            ctrlKey: true
-          });
+        if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
+          var name = keyName(event);
+          var keyboardEvent = event;
+
+          // We will try to bypass the keycode only if any of mod keys are pressed,
+          // to allow users to use non-latin and Dead characters.
+          var isModKeyPressed = event.ctrlKey || event.metaKey;
+
+          // Check the unicode of the character to assert that it's not an ASCII character.
+          // These are characters outside latin's range.
+          var isNonLatinKey = name.length === 1 && /[^\u0000-\u007f]/.test(name);
+
+          // The `Dead` key is a key that combines with a following key to produce a combined character.
+          // It will have `even.key === 'Dead'` in some browsers but the `keyCode` will be the same as in a qwerty-keyboard.
+          // See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key and https://en.wikipedia.org/wiki/Dead_key
+          var isDeadKey = name === 'Dead';
+          if (isModKeyPressed && (isNonLatinKey || isDeadKey)) {
+            keyboardEvent = new KeyboardEvent(event.type, {
+              // FIXME: The event.keyCode is deprecated (see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode),
+              //        and could be removed in any time, but the w3c-keyname library doesn't provide a way to get
+              //        a key by event.code.
+              key: base[event.keyCode],
+              code: event.code,
+              ctrlKey: event.ctrlKey,
+              altKey: event.altKey,
+              metaKey: event.metaKey,
+              shiftKey: event.shiftKey
+            });
+          }
+          return keydownHandler(bindings)(view, keyboardEvent);
+        } else {
+          var _name = keyName(event);
+          var _keyboardEvent = event;
+          if (event.ctrlKey && _name.length === 1 &&
+          // Check the unicode of the character to
+          // assert that its not an ASCII character.
+          // These are characters outside Latin's range.
+          /[^\u0000-\u007f]/.test(_name)) {
+            _keyboardEvent = new KeyboardEvent('keydown', {
+              key: base[event.keyCode],
+              code: event.code,
+              ctrlKey: true
+            });
+          }
+          return keydownHandler(bindings)(view, _keyboardEvent);
         }
-        return keydownHandler(bindings)(view, keyboardEvent);
       }
     }
   });

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 = "82.4.0";
+var packageVersion = "82.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "82.4.0";
+var packageVersion = "82.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/FloatingToolbar/Button.js

@@ -27,6 +27,7 @@ export default (function (_ref) {
     children = _ref.children,
     className = _ref.className,
     tooltipContent = _ref.tooltipContent,
+    tooltipStyle = _ref.tooltipStyle,
     testId = _ref.testId,
     _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
     hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
@@ -47,6 +48,7 @@ export default (function (_ref) {
   // Only fallback to title for tooltip if title is not shown
   , {
     content: tooltipContent || (iconOnly ? title : undefined),
+    component: tooltipStyle,
     hideTooltipOnClick: hideTooltipOnClick,
     position: "top"
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/ui-color/ColorPalette/Color/index.js

@@ -54,7 +54,7 @@ function FunctionalComponentColor(props) {
     ,
     className: "".concat(isSelected ? 'selected' : ''),
     style: {
-      backgroundColor: colorStyle || 'transparent',
+      backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
       border: "1px solid ".concat(borderColor)
     },
     autoFocus: autoFocus
@@ -119,7 +119,7 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
         ,
         className: "".concat(isSelected ? 'selected' : ''),
         style: {
-          backgroundColor: colorStyle || 'transparent',
+          backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
           border: "1px solid ".concat(borderColor)
         },
         autoFocus: autoFocus
@@ -131,5 +131,10 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
   }]);
   return ClassComponentColor;
 }(PureComponent);
-var Color = getBooleanFF('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
+var Color = function Color(props) {
+  if (getBooleanFF('platform.editor.transparent-diagonal-decorator')) {
+    return jsx(FunctionalComponentColor, props);
+  }
+  return jsx(ClassComponentColor, props);
+};
 export default Color;

package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 
 import { jsx } from '@emotion/react';
@@ -49,4 +52,9 @@ export var highlightColorPalette = [{
 }];
 backgroundColorPalette.forEach(function (label, color) {
   highlightColorPalette.push(mapPaletteColor(label, color));
+});
+export var highlightColorPaletteWithTokenBorders = highlightColorPalette.map(function (paletteColor) {
+  return _objectSpread(_objectSpread({}, paletteColor), {}, {
+    border: "var(--ds-border, #091E4224)"
+  });
 });

package/dist/esm/ui-color/ColorPalette/Palettes/textColorPalette.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { colorPalette } from '@atlaskit/adf-schema';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
@@ -15,6 +18,12 @@ export var mapPaletteColor = function mapPaletteColor(label, color) {
 
 // row 1
 export var textColorPalette = [];
+export var textColorPaletteTokenBorders = [];
 colorPalette.forEach(function (label, color) {
   textColorPalette.push(mapPaletteColor(label, color));
+});
+export var textColorPaletteWithTokenBorders = textColorPalette.map(function (paletteColor) {
+  return _objectSpread(_objectSpread({}, paletteColor), {}, {
+    border: "var(--ds-border, #091E4224)"
+  });
 });

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

@@ -5,8 +5,8 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ColorPalette/Palettes/statusColorPalette';
-export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
+export { textColorPalette, textColorPaletteWithTokenBorders } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, highlightColorPaletteWithTokenBorders, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

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

@@ -0,0 +1,10 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { UIAEP } from './utils';
+type ElementAttributes = {
+    nodeDepth: number;
+    nodeType: string;
+};
+type ElementDragAEP = UIAEP<ACTION.DRAGGED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+type DragCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+export type ElementEventPayload = ElementDragAEP | DragCancelledAEP;
+export {};

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

@@ -8,6 +8,7 @@ export declare enum ACTION {
     ACTIVATED = "activated",
     ADDED = "added",
     BROWSER_FREEZE = "browserFreeze",
+    CANCELLED = "cancelled",
     CAUGHT_DOM_ERROR = "caughtDomError",
     CHANGED_BACKGROUND_COLOR = "changedBackgroundColor",
     CHANGED_ICON = "changedIcon",
@@ -36,6 +37,7 @@ export declare enum ACTION {
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
+    DRAGGED = "dragged",
     EDITED = "edited",
     EDITOR_CRASHED = "unhandledErrorCaught",
     EDITOR_CRASHED_ADDITIONAL_INFORMATION = "unhandledErrorCaughtAdditionalInfov2",
@@ -154,6 +156,7 @@ export declare enum INPUT_METHOD {
     CONFIG_PANEL = "configPanel",
     CONTEXT_MENU = "contextMenu",
     DRAG_AND_DROP = "dragAndDrop",
+    DRAG = "drag",
     EXTERNAL = "external",
     EXTENSION_API = "extensionApi",
     FLOATING_TB = "floatingToolbar",
@@ -228,7 +231,10 @@ export declare enum ACTION_SUBJECT {
     TOOLTIP = "tooltip",
     LOOM = "loom",
     MULTI_BODIED_EXTENSION = "multiBodiedExtension",
-    BODIED_EXTENSION = "bodiedExtension"
+    BODIED_EXTENSION = "bodiedExtension",
+    DROP_TARGET = "dropTarget",
+    DRAG = "drag",
+    ELEMENT = "element"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -257,6 +263,8 @@ export declare enum ACTION_SUBJECT_ID {
     DECISION = "decision",
     DIVIDER = "divider",
     EDIT_LINK = "editLink",
+    ELEMENT_DRAG_HANDLE = "elementDragHandle",
+    ELEMENT_DROP_TARGET = "elementDropTarget",
     EMBEDS = "embeds",
     EMOJI = "emoji",
     EXPAND = "expand",

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

@@ -8,6 +8,7 @@ import type { ConfigPanelEventPayload } from './config-panel-events';
 import type { CutCopyEventPayload } from './cut-copy-events';
 import type { DateEventPayload } from './date-events';
 import type { ElementBrowserEventPayload } from './element-browser-events';
+import type { ElementEventPayload } from './element-events';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import type { ExperimentalEventPayload } from './experimental-events';
 import type { ExtensionEventPayload } from './extension-events';
@@ -37,7 +38,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | ElementEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

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

@@ -34,3 +34,4 @@ export { SELECTION_POSITION, SELECTION_TYPE } from './utils';
 export type { OperationalAEP } from './utils';
 export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './performance-report';
 export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './referentiality-events';
+export type { ElementEventPayload } from './element-events';

package/dist/types/extensions/types/extension-manifest-toolbar-item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { ExtensionAPI } from './extension-handler';
 import type { ExtensionIconModule } from './extension-manifest-common';
@@ -6,7 +7,14 @@ export type ToolbarButton = ExtensionModuleToolbarButtonLabelOrIcon & {
     key: string;
     action: ToolbarButtonAction;
     label: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     display?: 'icon' | 'label' | 'icon-and-label';
     disabled?: boolean;
@@ -38,7 +46,14 @@ export type StandardNodeContext = {
 export type ExtensionToolbarButton = {
     key: string;
     label?: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     action: ToolbarButtonAction;
     disabled?: boolean;

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

@@ -19,6 +19,8 @@ type ActionResult = {
 export type AnnotationActionResult = ({
     step: Step;
     doc: JSONDocNode;
+    /** The list of types of all inline nodes, which were wrapped by annotation. */
+    inlineNodeTypes?: string[];
     targetNodeType?: string;
 } & AnnotationByMatches) | false;
 export type InlineCommentSelectionComponentProps = {

package/dist/types/types/feature-flags.d.ts

@@ -293,6 +293,14 @@ export type FeatureFlags = {
      * @default false
      */
     elementDragAndDrop?: boolean;
+    /**
+     * @description
+     * Rearranges the top 5 items in the quick insert menu
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-23642
+     * @default false
+     */
+    platformEditorTypeaheadImprovedRelevancy?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types/ui/FloatingToolbar/Button.d.ts

@@ -21,11 +21,12 @@ export interface Props {
     children?: React.ReactNode;
     className?: string;
     tooltipContent?: React.ReactNode;
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     testId?: string;
     hideTooltipOnClick?: boolean;
     tabIndex?: number | null | undefined;
     areaControls?: string;
     isRadioButton?: boolean;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
 export default _default;

package/dist/types/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { PureComponent, type ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -13,11 +13,5 @@ export interface Props {
     hexToPaletteColor?: (hexColor: string) => string | undefined;
     decorator?: ReactElement;
 }
-declare function FunctionalComponentColor(props: Props): jsx.JSX.Element;
-declare class ClassComponentColor extends PureComponent<Props> {
-    render(): jsx.JSX.Element;
-    onMouseDown: (e: React.MouseEvent<{}>) => void;
-    onClick: (e: React.MouseEvent<{}>) => void;
-}
-declare const Color: typeof ClassComponentColor | typeof FunctionalComponentColor;
+declare const Color: (props: Props) => jsx.JSX.Element;
 export default Color;

package/dist/types/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -4,3 +4,4 @@ import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
 export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
 export declare const highlightColorPalette: Array<PaletteColor>;
+export declare const highlightColorPaletteWithTokenBorders: Array<PaletteColor>;

package/dist/types/ui-color/ColorPalette/Palettes/textColorPalette.d.ts

@@ -6,3 +6,5 @@ export declare const mapPaletteColor: (label: string, color: string) => {
     message: import("react-intl-next").MessageDescriptor | undefined;
 };
 export declare const textColorPalette: Array<PaletteColor>;
+export declare const textColorPaletteTokenBorders: Array<PaletteColor>;
+export declare const textColorPaletteWithTokenBorders: Array<PaletteColor>;

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

@@ -5,8 +5,8 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette, } from './ColorPalette/Palettes/statusColorPalette';
-export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
+export { textColorPalette, textColorPaletteWithTokenBorders, } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, highlightColorPaletteWithTokenBorders, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages } from './ColorPalette/Palettes/type';

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

@@ -0,0 +1,10 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { UIAEP } from './utils';
+type ElementAttributes = {
+    nodeDepth: number;
+    nodeType: string;
+};
+type ElementDragAEP = UIAEP<ACTION.DRAGGED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+type DragCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+export type ElementEventPayload = ElementDragAEP | DragCancelledAEP;
+export {};

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

@@ -8,6 +8,7 @@ export declare enum ACTION {
     ACTIVATED = "activated",
     ADDED = "added",
     BROWSER_FREEZE = "browserFreeze",
+    CANCELLED = "cancelled",
     CAUGHT_DOM_ERROR = "caughtDomError",
     CHANGED_BACKGROUND_COLOR = "changedBackgroundColor",
     CHANGED_ICON = "changedIcon",
@@ -36,6 +37,7 @@ export declare enum ACTION {
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
+    DRAGGED = "dragged",
     EDITED = "edited",
     EDITOR_CRASHED = "unhandledErrorCaught",
     EDITOR_CRASHED_ADDITIONAL_INFORMATION = "unhandledErrorCaughtAdditionalInfov2",
@@ -154,6 +156,7 @@ export declare enum INPUT_METHOD {
     CONFIG_PANEL = "configPanel",
     CONTEXT_MENU = "contextMenu",
     DRAG_AND_DROP = "dragAndDrop",
+    DRAG = "drag",
     EXTERNAL = "external",
     EXTENSION_API = "extensionApi",
     FLOATING_TB = "floatingToolbar",
@@ -228,7 +231,10 @@ export declare enum ACTION_SUBJECT {
     TOOLTIP = "tooltip",
     LOOM = "loom",
     MULTI_BODIED_EXTENSION = "multiBodiedExtension",
-    BODIED_EXTENSION = "bodiedExtension"
+    BODIED_EXTENSION = "bodiedExtension",
+    DROP_TARGET = "dropTarget",
+    DRAG = "drag",
+    ELEMENT = "element"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -257,6 +263,8 @@ export declare enum ACTION_SUBJECT_ID {
     DECISION = "decision",
     DIVIDER = "divider",
     EDIT_LINK = "editLink",
+    ELEMENT_DRAG_HANDLE = "elementDragHandle",
+    ELEMENT_DROP_TARGET = "elementDropTarget",
     EMBEDS = "embeds",
     EMOJI = "emoji",
     EXPAND = "expand",

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

@@ -8,6 +8,7 @@ import type { ConfigPanelEventPayload } from './config-panel-events';
 import type { CutCopyEventPayload } from './cut-copy-events';
 import type { DateEventPayload } from './date-events';
 import type { ElementBrowserEventPayload } from './element-browser-events';
+import type { ElementEventPayload } from './element-events';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import type { ExperimentalEventPayload } from './experimental-events';
 import type { ExtensionEventPayload } from './extension-events';
@@ -37,7 +38,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | ElementEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

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

@@ -34,3 +34,4 @@ export { SELECTION_POSITION, SELECTION_TYPE } from './utils';
 export type { OperationalAEP } from './utils';
 export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './performance-report';
 export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './referentiality-events';
+export type { ElementEventPayload } from './element-events';

package/dist/types-ts4.5/extensions/types/extension-manifest-toolbar-item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { ExtensionAPI } from './extension-handler';
 import type { ExtensionIconModule } from './extension-manifest-common';
@@ -6,7 +7,14 @@ export type ToolbarButton = ExtensionModuleToolbarButtonLabelOrIcon & {
     key: string;
     action: ToolbarButtonAction;
     label: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     display?: 'icon' | 'label' | 'icon-and-label';
     disabled?: boolean;
@@ -38,7 +46,14 @@ export type StandardNodeContext = {
 export type ExtensionToolbarButton = {
     key: string;
     label?: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     action: ToolbarButtonAction;
     disabled?: boolean;

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

@@ -19,6 +19,8 @@ type ActionResult = {
 export type AnnotationActionResult = ({
     step: Step;
     doc: JSONDocNode;
+    /** The list of types of all inline nodes, which were wrapped by annotation. */
+    inlineNodeTypes?: string[];
     targetNodeType?: string;
 } & AnnotationByMatches) | false;
 export type InlineCommentSelectionComponentProps = {

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -293,6 +293,14 @@ export type FeatureFlags = {
      * @default false
      */
     elementDragAndDrop?: boolean;
+    /**
+     * @description
+     * Rearranges the top 5 items in the quick insert menu
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-23642
+     * @default false
+     */
+    platformEditorTypeaheadImprovedRelevancy?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts

@@ -21,11 +21,12 @@ export interface Props {
     children?: React.ReactNode;
     className?: string;
     tooltipContent?: React.ReactNode;
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     testId?: string;
     hideTooltipOnClick?: boolean;
     tabIndex?: number | null | undefined;
     areaControls?: string;
     isRadioButton?: boolean;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
 export default _default;