@atlaskit/editor-common 99.7.1 → 99.8.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 99.8.0
+
+### Minor Changes
+
+- [#109636](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109636)
+  [`2eadf04054ac2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2eadf04054ac2) -
+  [ux] Introduces way to retrieve the document from offline if there is a possible conflict event on
+  reconnection.
+
+## 99.7.2
+
+### Patch Changes
+
+- [#109021](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109021)
+  [`9d47259416236`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9d47259416236) -
+  [ux] ED-26101 Update drag column tooltips
+
 ## 99.7.1
 
 ### Patch Changes

package/dist/cjs/collab/index.js

@@ -124,6 +124,7 @@ var DisconnectReason = exports.DisconnectReason = /*#__PURE__*/function (Disconn
 // Match with ProseMirror: https://prosemirror.net/docs/ref/#transform.AttrStep
 //Intersection: NCS custom step type config in adf-schema
 //Unions
+// This will be extended in follow-up PRs
 var telepointerColorStyle = function telepointerColorStyle(backgroundColor, textColor, index) {
   var _getGlobalTheme = (0, _tokens.getGlobalTheme)(),
     colorMode = _getGlobalTheme.colorMode;

package/dist/cjs/messages/block-controls.js

@@ -11,6 +11,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Drag to move',
     description: 'Use drag handle to move content'
   },
+  dragToRearrange: {
+    id: 'fabric.editor.blockControlDragHandleUsageInfo',
+    defaultMessage: 'Drag to rearrange',
+    description: 'Use drag handle to rearrange columns'
+  },
   insert: {
     id: 'fabric.editor.blockControlInsert',
     defaultMessage: 'Insert',

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "99.7.1";
+var packageVersion = "99.8.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

package/dist/es2019/collab/index.js

@@ -139,6 +139,8 @@ export let DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
 
 //Unions
 
+// This will be extended in follow-up PRs
+
 const telepointerColorStyle = (backgroundColor, textColor, index) => {
   const {
     colorMode

package/dist/es2019/messages/block-controls.js

@@ -5,6 +5,11 @@ export const messages = defineMessages({
     defaultMessage: 'Drag to move',
     description: 'Use drag handle to move content'
   },
+  dragToRearrange: {
+    id: 'fabric.editor.blockControlDragHandleUsageInfo',
+    defaultMessage: 'Drag to rearrange',
+    description: 'Use drag handle to rearrange columns'
+  },
   insert: {
     id: 'fabric.editor.blockControlInsert',
     defaultMessage: 'Insert',

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

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

package/dist/esm/collab/index.js

@@ -141,6 +141,8 @@ export var DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
 
 //Unions
 
+// This will be extended in follow-up PRs
+
 var telepointerColorStyle = function telepointerColorStyle(backgroundColor, textColor, index) {
   var _getGlobalTheme = getGlobalTheme(),
     colorMode = _getGlobalTheme.colorMode;

package/dist/esm/messages/block-controls.js

@@ -5,6 +5,11 @@ export var messages = defineMessages({
     defaultMessage: 'Drag to move',
     description: 'Use drag handle to move content'
   },
+  dragToRearrange: {
+    id: 'fabric.editor.blockControlDragHandleUsageInfo',
+    defaultMessage: 'Drag to rearrange',
+    description: 'Use drag handle to rearrange columns'
+  },
   insert: {
     id: 'fabric.editor.blockControlInsert',
     defaultMessage: 'Insert',

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 = "99.7.1";
+var packageVersion = "99.8.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

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

package/dist/types/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: NewIconProps) => JSX.Element;
+export declare const IconCard: (props: NewIconProps) => React.JSX.Element;

package/dist/types/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: NewIconProps) => JSX.Element;
+export declare const IconEmbed: (props: NewIconProps) => React.JSX.Element;

package/dist/types/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: NewIconProps) => JSX.Element;
+export declare const IconInline: (props: NewIconProps) => React.JSX.Element;

package/dist/types/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { NewCoreIconProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: NewCoreIconProps) => JSX.Element;
+export declare const IconUrl: (props: NewCoreIconProps) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
 import type { ReactElement } from 'react';
 import { type BatchAttrsStep, type OverrideDocumentStepJSON as OverrideDocumentStep } from '@atlaskit/adf-schema/steps';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { Step } from '@atlaskit/editor-prosemirror/transform';
 import { token } from '@atlaskit/tokens';
@@ -416,6 +417,9 @@ export type UserPermitType = {
     isPermittedToEdit: boolean;
 };
 export type CollabPermissionEventPayload = UserPermitType;
+export interface CollabEventConflictPayload {
+    offlineDoc: PMNode;
+}
 export interface CollabEvents {
     /**
      * Experimental Only: Teammate Presence (Confluence Land and Onboarding)
@@ -446,6 +450,7 @@ export interface CollabEvents {
     permission: CollabPermissionEventPayload;
     'commit-status': CollabCommitStatusEventPayload;
     'namespace-lock:check': CollabNamespaceLockCheckPayload;
+    'data:conflict': CollabEventConflictPayload;
 }
 export type SyncUpErrorFunction = (attributes: NewCollabSyncUpErrorAttributes) => void;
 export interface CollabEditProvider<Events extends CollabEvents = CollabEvents> {

package/dist/types/doc-utils/editor-use-only.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function createEditorUseOnlyNotice(componentName: string, alternatePackages?: {
     name: string;
     link: string;
-}[]): JSX.Element;
+}[]): React.JSX.Element;

package/dist/types/element-browser/ElementBrowser.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import type { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import type { QuickInsertItem } from '../provider-factory';
 import type { EmptyStateHandler } from '../types';
@@ -35,5 +35,5 @@ export default class ElementBrowser extends PureComponent<Props, State> {
     componentDidUpdate(prevProps: Props, prevState: State): void;
     handleSearch: (searchTerm: string) => void;
     handleCategorySelection: (clickedCategory: Category) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/extensibility/Extension/Extension/index.d.ts

@@ -47,7 +47,7 @@ declare const _default: {
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof import("../../../ui").OverflowShadowState>(state: import("../../../ui").OverflowShadowState | ((prevState: Readonly<import("../../../ui").OverflowShadowState>, props: Readonly<Props>) => import("../../../ui").OverflowShadowState | Pick<import("../../../ui").OverflowShadowState, K> | null) | Pick<import("../../../ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -86,7 +86,7 @@ declare const _default: {
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof import("../../../ui").OverflowShadowState>(state: import("../../../ui").OverflowShadowState | ((prevState: Readonly<import("../../../ui").OverflowShadowState>, props: Readonly<Props>) => import("../../../ui").OverflowShadowState | Pick<import("../../../ui").OverflowShadowState, K> | null) | Pick<import("../../../ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/types/extensibility/Extension.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -30,5 +30,5 @@ export declare class Extension extends Component<Props, any> {
     constructor(props: Props);
     componentWillUnmount(): void;
     private renderWithProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/extensibility/ExtensionComponent.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -53,7 +53,7 @@ export declare class ExtensionComponentOld extends Component<Props, State> {
     getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
     setIsNodeHovered: (isHovered: boolean) => void;
     setShowBodiedExtensionRendererView: (showRendererView: boolean) => void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     private setStateFromPromise;
     /**
      * Parses any private nodes once an extension provider is available.
@@ -66,5 +66,5 @@ export declare class ExtensionComponentOld extends Component<Props, State> {
     private tryExtensionHandler;
     private handleExtension;
 }
-export declare const ExtensionComponentNew: (props: Props) => JSX.Element;
-export declare const ExtensionComponent: (props: Props) => JSX.Element;
+export declare const ExtensionComponentNew: (props: Props) => React.JSX.Element;
+export declare const ExtensionComponent: (props: Props) => React.JSX.Element;

package/dist/types/extensibility/extensionNodeView.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -30,7 +30,7 @@ export declare class ExtensionNode extends ReactNodeView {
         showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
         showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
         rendererExtensionHandlers?: ExtensionHandlers;
-    }, forwardRef: ForwardRef): JSX.Element;
+    }, forwardRef: ForwardRef): React.JSX.Element;
 }
 export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types/icons/shared/BorderIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const BorderIcon: (props: GlyphProps) => JSX.Element;
+export declare const BorderIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types/icons/shared/PanelErrorIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelErrorIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelErrorIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types/icons/shared/PanelInfoIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelInfoIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelInfoIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types/icons/shared/PanelNoteIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelNoteIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelNoteIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types/icons/shared/PanelSuccessIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelSuccessIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelSuccessIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types/icons/shared/PanelWarningIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const PanelWarningIcon: (props: GlyphProps) => JSX.Element;
+export declare const PanelWarningIcon: (props: GlyphProps) => React.JSX.Element;

package/dist/types/icons/shared/table.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconTable(): JSX.Element;
+import React from 'react';
+export default function IconTable(): React.JSX.Element;

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

@@ -19,5 +19,5 @@ export interface EditorLinkPickerProps extends OptionalKeys<React.ComponentProps
     onEscapeCallback?: Command;
     onClickAwayCallback?: Command;
 }
-export declare const EditorLinkPicker: ({ view, onCancel, invokeMethod, editorAppearance, onClose, onEscapeCallback, onClickAwayCallback, ...restProps }: EditorLinkPickerProps) => JSX.Element;
+export declare const EditorLinkPicker: ({ view, onCancel, invokeMethod, editorAppearance, onClose, onEscapeCallback, onClickAwayCallback, ...restProps }: EditorLinkPickerProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ProviderFactory } from '../../../provider-factory';
@@ -19,4 +19,4 @@ export interface HyperlinkAddToolbarProps extends Pick<EditorLinkPickerProps, 'o
     searchSessionId?: string;
     timesViewed?: number;
 }
-export declare function HyperlinkAddToolbar({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, }: HyperlinkAddToolbarProps): JSX.Element;
+export declare function HyperlinkAddToolbar({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, editorAppearance, inputMethod, searchSessionId, timesViewed, }: HyperlinkAddToolbarProps): React.JSX.Element;

package/dist/types/link/LinkSearch/index.d.ts

@@ -3,8 +3,8 @@ import { type RecentSearchProps } from './types';
 import { type WithActivityProviderProps } from './withActivityProvider';
 declare const _default: {
     new (props: (import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps) | Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>): {
-        renderNode: (providers: import("../../provider-factory").Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: import("../../provider-factory").Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -27,8 +27,8 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps, context: any): {
-        renderNode: (providers: import("../../provider-factory").Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: import("../../provider-factory").Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../utils").Diff<RecentSearchProps & WithActivityProviderProps, WithActivityProviderProps> & import("./withActivityProvider").ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/types/link/LinkSearch/withActivityProvider.d.ts

@@ -11,8 +11,8 @@ export interface WithActivityProviderProps {
 }
 export default function withActivityProvider<Props>(WrappedComponent: React.ComponentType<React.PropsWithChildren<Props & WithActivityProviderProps>>): {
     new (props: (Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps) | Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>): {
-        renderNode: (providers: Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -35,8 +35,8 @@ export default function withActivityProvider<Props>(WrappedComponent: React.Comp
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps, context: any): {
-        renderNode: (providers: Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/types/media-single/CommentBadgeNext.d.ts

@@ -7,5 +7,5 @@ type CommentBadgeProps = {
     onMouseLeave?: (e: React.MouseEvent) => void;
     badgeSize: 'small' | 'medium';
 };
-export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, badgeSize, }: CommentBadgeProps) => JSX.Element;
+export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, badgeSize, }: CommentBadgeProps) => React.JSX.Element;
 export {};

package/dist/types/media-single/ExternalImageBadge.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MediaType } from '@atlaskit/adf-schema';
 type ExternalImageBadgeProps = {
     badgeSize: 'medium' | 'small';
@@ -6,5 +6,5 @@ type ExternalImageBadgeProps = {
     url?: string | undefined;
 };
 export declare const isUnbadgedUrl: (url: string | undefined) => boolean;
-export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => JSX.Element | null;
+export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => React.JSX.Element | null;
 export {};

package/dist/types/media-single/MediaBadges.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 type ExternalImageBadgeProps = {
     mediaElement?: HTMLElement | null;
     mediaHeight?: number;
@@ -10,5 +10,5 @@ type ExternalImageBadgeProps = {
         visible: boolean;
     }) => ReactNode);
 };
-export declare const MediaBadges: ({ children, mediaElement, mediaWidth, mediaHeight, extendedResizeOffset, useMinimumZIndex, }: ExternalImageBadgeProps) => JSX.Element | null;
+export declare const MediaBadges: ({ children, mediaElement, mediaWidth, mediaHeight, extendedResizeOffset, useMinimumZIndex, }: ExternalImageBadgeProps) => React.JSX.Element | null;
 export {};

package/dist/types/messages/block-controls.d.ts

@@ -4,6 +4,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    dragToRearrange: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     insert: {
         id: string;
         defaultMessage: string;

package/dist/types/portal/PortalBucket.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { PortalManager } from './PortalManager';
 type PortalBucketProps = {
     id: number;
@@ -14,5 +14,5 @@ type PortalBucketProps = {
  * @param {PortalManager} props.portalManager An instance of `PortalManager` which manages the registration and unregistration of portal buckets and their content.
  * @returns {React.ReactElement} The React element(s) that are currently registered to this portal bucket.
  */
-export declare function PortalBucket({ id, portalManager }: PortalBucketProps): JSX.Element;
+export declare function PortalBucket({ id, portalManager }: PortalBucketProps): React.JSX.Element;
 export {};

package/dist/types/portal/common.d.ts

@@ -10,7 +10,7 @@ export interface PortalProviderAPI {
 }
 export type PortalRendererComponent = () => JSX.Element;
 export type UsePortalProviderReturnType = [PortalProviderAPI, PortalRendererComponent];
-export declare function createPortalRendererComponent(portalManager: PortalManager): () => JSX.Element;
+export declare function createPortalRendererComponent(portalManager: PortalManager): () => React.JSX.Element;
 /**
  * Creates a portal provider for managing multiple React portals. The provider
  * facilitates rendering, removing, and destroying portals managed by a given

package/dist/types/quick-insert/assets/action.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconAction(): JSX.Element;
+import React from 'react';
+export default function IconAction(): React.JSX.Element;

package/dist/types/quick-insert/assets/code.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconCode(): JSX.Element;
+import React from 'react';
+export default function IconCode(): React.JSX.Element;

package/dist/types/quick-insert/assets/custom-panel.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconCustomPanel(): JSX.Element;
+import React from 'react';
+export default function IconCustomPanel(): React.JSX.Element;

package/dist/types/quick-insert/assets/datasource-assets-objects.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDatasourceAssetsObjects(): JSX.Element;
+import React from 'react';
+export default function IconDatasourceAssetsObjects(): React.JSX.Element;

package/dist/types/quick-insert/assets/datasource-confluence-search.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDatasourceConfluenceSearch(): JSX.Element;
+import React from 'react';
+export default function IconDatasourceConfluenceSearch(): React.JSX.Element;

package/dist/types/quick-insert/assets/datasource-jira-issue.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDatasourceJiraIssue(): JSX.Element;
+import React from 'react';
+export default function IconDatasourceJiraIssue(): React.JSX.Element;

package/dist/types/quick-insert/assets/date.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDate(): JSX.Element;
+import React from 'react';
+export default function IconDate(): React.JSX.Element;

package/dist/types/quick-insert/assets/decision.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDecision(): JSX.Element;
+import React from 'react';
+export default function IconDecision(): React.JSX.Element;

package/dist/types/quick-insert/assets/divider.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDivider(): JSX.Element;
+import React from 'react';
+export default function IconDivider(): React.JSX.Element;

package/dist/types/quick-insert/assets/emoji.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconEmoji(): JSX.Element;
+import React from 'react';
+export default function IconEmoji(): React.JSX.Element;

package/dist/types/quick-insert/assets/expand.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconExpand(): JSX.Element;
+import React from 'react';
+export default function IconExpand(): React.JSX.Element;

package/dist/types/quick-insert/assets/fallback.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconFallback(): JSX.Element;
+import React from 'react';
+export default function IconFallback(): React.JSX.Element;

package/dist/types/quick-insert/assets/feedback.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconFeedback(): JSX.Element;
+import React from 'react';
+export default function IconFeedback(): React.JSX.Element;

package/dist/types/quick-insert/assets/five-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function OneColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function OneColumnLayoutIcon(): React.JSX.Element;

package/dist/types/quick-insert/assets/four-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function OneColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function OneColumnLayoutIcon(): React.JSX.Element;

package/dist/types/quick-insert/assets/heading1.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading1(): JSX.Element;
+import React from 'react';
+export default function IconHeading1(): React.JSX.Element;