@atlaskit/editor-plugin-card 4.5.18 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-card
 
+## 4.6.0
+
+### Minor Changes
+
+- [#105322](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105322)
+  [`8876083532adc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8876083532adc) -
+  Bumped editor-prosemirror version to 7.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.5.19
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.5.18
 
 ### Patch Changes

package/dist/cjs/nodeviews/inlineCard.js

@@ -19,6 +19,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _utils = require("../pm-plugins/utils");
 var _ConfigureOverlay = _interopRequireDefault(require("../ui/ConfigureOverlay"));
@@ -181,7 +182,7 @@ function InlineCardNodeView(props) {
     onClickCallback: onClickCallback
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
+  }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, !(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') ? true : (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
 }
 var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref2) {
   var inlineCardViewProducer = _ref2.inlineCardViewProducer;

package/dist/es2019/nodeviews/inlineCard.js

@@ -8,6 +8,7 @@ import { findOverflowScrollParent, UnsupportedInline } from '@atlaskit/editor-co
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
 import OverlayWrapper from '../ui/ConfigureOverlay';
@@ -172,7 +173,7 @@ export function InlineCardNodeView(props) {
     onClickCallback: onClickCallback
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, !editorExperiment('live_pages_graceful_edit', 'control') ? true : (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
 }
 export const inlineCardNodeView = ({
   inlineCardViewProducer

package/dist/esm/nodeviews/inlineCard.js

@@ -9,6 +9,7 @@ import { findOverflowScrollParent, UnsupportedInline } from '@atlaskit/editor-co
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
 import OverlayWrapper from '../ui/ConfigureOverlay';
@@ -169,7 +170,7 @@ export function InlineCardNodeView(props) {
     onClickCallback: onClickCallback
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
+  }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, !editorExperiment('live_pages_graceful_edit', 'control') ? true : (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view')));
 }
 export var inlineCardNodeView = function inlineCardNodeView(_ref2) {
   var inlineCardViewProducer = _ref2.inlineCardViewProducer;

package/dist/types/nodeviews/blockCard.d.ts

@@ -16,11 +16,11 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         url?: string | undefined;
         title?: string | undefined;
     }) => void;
-    gapCursorSpan: () => JSX.Element | undefined;
+    gapCursorSpan: () => React.JSX.Element | undefined;
     onError: ({ err }: {
         err?: Error | undefined;
     }) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
@@ -30,7 +30,7 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private updateContentEditable;
     validUpdate(currentNode: Node, newNode: Node): boolean;
     update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     destroy(): void;
     private removeCard;
 }

package/dist/types/nodeviews/embedCard.d.ts

@@ -38,7 +38,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     onError: ({ err }: {
         err?: Error | undefined;
     }) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
@@ -47,7 +47,7 @@ export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     viewShouldUpdate(nextNode: PMNode): boolean;
     createDomRef(): HTMLElement;
     private updateContentEditable;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     destroy(): void;
     private removeCard;
 }

package/dist/types/nodeviews/inlineCard.d.ts

@@ -4,9 +4,9 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage'>;
-export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
+export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): React.JSX.Element;
 export interface InlineCardNodeViewProperties {
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
 }

package/dist/types/nodeviews/inlineCardWithAwareness.d.ts

@@ -5,4 +5,4 @@ export type InlineCardWithAwarenessProps = {
     isOverlayEnabled?: boolean;
     isSelected?: boolean;
 };
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => JSX.Element>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => React.JSX.Element>;

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

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

package/dist/types/ui/DatasourceModal/ModalWithState.d.ts

@@ -9,7 +9,7 @@ type ModalWithStateProps = {
     api: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     editorView: EditorView;
 };
-declare const SafeModalWithState: React.MemoExoticComponent<({ api, editorView }: ModalWithStateProps) => JSX.Element>;
+declare const SafeModalWithState: React.MemoExoticComponent<({ api, editorView }: ModalWithStateProps) => React.JSX.Element>;
 export type ModalTypeToComponentMap = {
     componentType: React.ComponentType<ConfigModalProps<InlineCardAdf | DatasourceAdf, DatasourceParameters>>;
     datasourceId: string;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
@@ -8,5 +8,5 @@ type DatasourceModalProps = {
     editorAnalyticsApi?: EditorAnalyticsAPI;
     cardContext?: CardContext;
 } & ModalTypeToComponentMap;
-export declare const DatasourceModal: ({ view, cardContext, datasourceId: defaultDatasourceId, componentType: Component, }: DatasourceModalProps) => JSX.Element | null;
+export declare const DatasourceModal: ({ view, cardContext, datasourceId: defaultDatasourceId, componentType: Component, }: DatasourceModalProps) => React.JSX.Element | null;
 export {};

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

@@ -19,12 +19,12 @@ export type EditLinkToolbarProps = {
     forceFocusSelector: ForceFocusSelector | undefined;
     lpLinkPicker: boolean;
 };
-export declare function HyperlinkAddToolbarWithState({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, }: HyperlinkAddToolbarProps): JSX.Element;
+export declare function HyperlinkAddToolbarWithState({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, }: HyperlinkAddToolbarProps): React.JSX.Element;
 export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProps> {
     componentDidUpdate(prevProps: EditLinkToolbarProps): void;
     componentWillUnmount(): void;
     private hideLinkToolbar;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const getEditLinkCallback: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
 export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjectionApi, linkPicker, lpLinkPicker, }: {

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

@@ -7,4 +7,4 @@ export type EditorAnalyticsContextProps = {
 /**
  * Provides location attribute to child events
  */
-export declare const EditorAnalyticsContext: ({ editorView, children }: EditorAnalyticsContextProps) => JSX.Element;
+export declare const EditorAnalyticsContext: ({ editorView, children }: EditorAnalyticsContextProps) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { AnalyticsBindingsProps } from './common';
 export declare class EditorLinkingPlatformAnalytics extends React.PureComponent<AnalyticsBindingsProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { CardOptions } from '@atlaskit/editor-common/card';
@@ -15,4 +15,4 @@ export interface HyperlinkToolbarAppearanceProps {
     editorAnalyticsApi: EditorAnalyticsAPI | undefined;
     editorPluginApi: ExtractInjectionAPI<CardPlugin> | undefined;
 }
-export declare function HyperlinkToolbarAppearance(props: HyperlinkToolbarAppearanceProps): JSX.Element | null;
+export declare function HyperlinkToolbarAppearance(props: HyperlinkToolbarAppearanceProps): React.JSX.Element | null;

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

@@ -18,6 +18,6 @@ export interface LinkToolbarAppearanceProps {
     isDatasourceView?: boolean;
 }
 export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, Object> {
-    renderDropdown: (view?: EditorView, cardContext?: CardContext) => JSX.Element | null;
-    render(): JSX.Element;
+    renderDropdown: (view?: EditorView, cardContext?: CardContext) => React.JSX.Element | null;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type PulseDiscoveryMode = 'start' | 'iteration';
 export interface PulseProps {
     /**
@@ -21,4 +21,4 @@ export interface PulseProps {
     shouldShowPulse?: boolean;
     testId?: string;
 }
-export declare const DiscoveryPulse: ({ children, localStorageKey, localStorageKeyExpirationInMs, discoveryMode, shouldShowPulse, testId, }: PulseProps) => JSX.Element;
+export declare const DiscoveryPulse: ({ children, localStorageKey, localStorageKeyExpirationInMs, discoveryMode, shouldShowPulse, testId, }: PulseProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
 type ToolbarViewedEventProps = {
     url?: string;
@@ -7,5 +7,5 @@ type ToolbarViewedEventProps = {
 /**
  * Provides analytics context and card context
  */
-export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => JSX.Element;
+export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => React.JSX.Element;
 export {};

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

@@ -2,4 +2,4 @@ import React from 'react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
 export declare const WithCardContext: ({ children, }: {
     children: (cardContext: ReturnType<typeof useSmartCardContext>) => React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -20,5 +20,5 @@ export declare class DatasourceErrorBoundary extends React.Component<DatasourceE
         error: Error | APIError;
     };
     componentDidCatch(error: Error | APIError): void;
-    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -16,11 +16,11 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         url?: string | undefined;
         title?: string | undefined;
     }) => void;
-    gapCursorSpan: () => JSX.Element | undefined;
+    gapCursorSpan: () => React.JSX.Element | undefined;
     onError: ({ err }: {
         err?: Error | undefined;
     }) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
@@ -30,7 +30,7 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     private updateContentEditable;
     validUpdate(currentNode: Node, newNode: Node): boolean;
     update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     destroy(): void;
     private removeCard;
 }

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -38,7 +38,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     onError: ({ err }: {
         err?: Error | undefined;
     }) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
@@ -47,7 +47,7 @@ export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     viewShouldUpdate(nextNode: PMNode): boolean;
     createDomRef(): HTMLElement;
     private updateContentEditable;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     destroy(): void;
     private removeCard;
 }

package/dist/types-ts4.5/nodeviews/inlineCard.d.ts

@@ -4,9 +4,9 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage'>;
-export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;
+export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): React.JSX.Element;
 export interface InlineCardNodeViewProperties {
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
 }

package/dist/types-ts4.5/nodeviews/inlineCardWithAwareness.d.ts

@@ -5,4 +5,4 @@ export type InlineCardWithAwarenessProps = {
     isOverlayEnabled?: boolean;
     isSelected?: boolean;
 };
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => JSX.Element>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, pluginInjectionApi, onClick, isPulseEnabled, isOverlayEnabled, isSelected, }: SmartCardProps & InlineCardWithAwarenessProps) => React.JSX.Element>;

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

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

package/dist/types-ts4.5/ui/DatasourceModal/ModalWithState.d.ts

@@ -9,7 +9,7 @@ type ModalWithStateProps = {
     api: ExtractInjectionAPI<typeof cardPlugin> | undefined;
     editorView: EditorView;
 };
-declare const SafeModalWithState: React.MemoExoticComponent<({ api, editorView }: ModalWithStateProps) => JSX.Element>;
+declare const SafeModalWithState: React.MemoExoticComponent<({ api, editorView }: ModalWithStateProps) => React.JSX.Element>;
 export type ModalTypeToComponentMap = {
     componentType: React.ComponentType<ConfigModalProps<InlineCardAdf | DatasourceAdf, DatasourceParameters>>;
     datasourceId: string;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
@@ -8,5 +8,5 @@ type DatasourceModalProps = {
     editorAnalyticsApi?: EditorAnalyticsAPI;
     cardContext?: CardContext;
 } & ModalTypeToComponentMap;
-export declare const DatasourceModal: ({ view, cardContext, datasourceId: defaultDatasourceId, componentType: Component, }: DatasourceModalProps) => JSX.Element | null;
+export declare const DatasourceModal: ({ view, cardContext, datasourceId: defaultDatasourceId, componentType: Component, }: DatasourceModalProps) => React.JSX.Element | null;
 export {};

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

@@ -19,12 +19,12 @@ export type EditLinkToolbarProps = {
     forceFocusSelector: ForceFocusSelector | undefined;
     lpLinkPicker: boolean;
 };
-export declare function HyperlinkAddToolbarWithState({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, }: HyperlinkAddToolbarProps): JSX.Element;
+export declare function HyperlinkAddToolbarWithState({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, lpLinkPicker, onClose, onEscapeCallback, onClickAwayCallback, }: HyperlinkAddToolbarProps): React.JSX.Element;
 export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProps> {
     componentDidUpdate(prevProps: EditLinkToolbarProps): void;
     componentWillUnmount(): void;
     private hideLinkToolbar;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const getEditLinkCallback: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
 export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjectionApi, linkPicker, lpLinkPicker, }: {

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

@@ -7,4 +7,4 @@ export type EditorAnalyticsContextProps = {
 /**
  * Provides location attribute to child events
  */
-export declare const EditorAnalyticsContext: ({ editorView, children }: EditorAnalyticsContextProps) => JSX.Element;
+export declare const EditorAnalyticsContext: ({ editorView, children }: EditorAnalyticsContextProps) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { AnalyticsBindingsProps } from './common';
 export declare class EditorLinkingPlatformAnalytics extends React.PureComponent<AnalyticsBindingsProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { CardOptions } from '@atlaskit/editor-common/card';
@@ -15,4 +15,4 @@ export interface HyperlinkToolbarAppearanceProps {
     editorAnalyticsApi: EditorAnalyticsAPI | undefined;
     editorPluginApi: ExtractInjectionAPI<CardPlugin> | undefined;
 }
-export declare function HyperlinkToolbarAppearance(props: HyperlinkToolbarAppearanceProps): JSX.Element | null;
+export declare function HyperlinkToolbarAppearance(props: HyperlinkToolbarAppearanceProps): React.JSX.Element | null;

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

@@ -18,6 +18,6 @@ export interface LinkToolbarAppearanceProps {
     isDatasourceView?: boolean;
 }
 export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, Object> {
-    renderDropdown: (view?: EditorView, cardContext?: CardContext) => JSX.Element | null;
-    render(): JSX.Element;
+    renderDropdown: (view?: EditorView, cardContext?: CardContext) => React.JSX.Element | null;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type PulseDiscoveryMode = 'start' | 'iteration';
 export interface PulseProps {
     /**
@@ -21,4 +21,4 @@ export interface PulseProps {
     shouldShowPulse?: boolean;
     testId?: string;
 }
-export declare const DiscoveryPulse: ({ children, localStorageKey, localStorageKeyExpirationInMs, discoveryMode, shouldShowPulse, testId, }: PulseProps) => JSX.Element;
+export declare const DiscoveryPulse: ({ children, localStorageKey, localStorageKeyExpirationInMs, discoveryMode, shouldShowPulse, testId, }: PulseProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EditorAnalyticsContextProps } from './EditorAnalyticsContext';
 type ToolbarViewedEventProps = {
     url?: string;
@@ -7,5 +7,5 @@ type ToolbarViewedEventProps = {
 /**
  * Provides analytics context and card context
  */
-export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => JSX.Element;
+export declare const ToolbarViewedEvent: ({ url, display, editorView, }: ToolbarViewedEventProps & Omit<EditorAnalyticsContextProps, 'children'>) => React.JSX.Element;
 export {};

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

@@ -2,4 +2,4 @@ import React from 'react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
 export declare const WithCardContext: ({ children, }: {
     children: (cardContext: ReturnType<typeof useSmartCardContext>) => React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -20,5 +20,5 @@ export declare class DatasourceErrorBoundary extends React.Component<DatasourceE
         error: Error | APIError;
     };
     componentDidCatch(error: Error | APIError): void;
-    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "4.5.18",
+	"version": "4.6.0",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,33 +33,33 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/analytics-next": "^10.3.0",
-		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^99.7.0",
-		"@atlaskit/editor-plugin-analytics": "^1.11.0",
-		"@atlaskit/editor-plugin-base": "^2.1.0",
-		"@atlaskit/editor-plugin-connectivity": "^1.1.0",
-		"@atlaskit/editor-plugin-decorations": "^1.4.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^1.4.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
-		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^1.16.0",
-		"@atlaskit/editor-plugin-grid": "^1.3.0",
-		"@atlaskit/editor-plugin-width": "^2.0.0",
-		"@atlaskit/editor-prosemirror": "6.2.1",
+		"@atlaskit/custom-steps": "^0.10.0",
+		"@atlaskit/editor-common": "^99.10.0",
+		"@atlaskit/editor-plugin-analytics": "^1.12.0",
+		"@atlaskit/editor-plugin-base": "^2.2.0",
+		"@atlaskit/editor-plugin-connectivity": "^1.2.0",
+		"@atlaskit/editor-plugin-decorations": "^1.5.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^1.5.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^2.2.0",
+		"@atlaskit/editor-plugin-feature-flags": "^1.3.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^1.17.0",
+		"@atlaskit/editor-plugin-grid": "^1.4.0",
+		"@atlaskit/editor-plugin-width": "^2.1.0",
+		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/frontend-utilities": "^2.9.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/link-analytics": "^8.7.0",
 		"@atlaskit/link-client-extension": "^3.1.0",
-		"@atlaskit/link-datasource": "^3.18.0",
-		"@atlaskit/linking-common": "^6.2.0",
+		"@atlaskit/link-datasource": "^3.19.0",
+		"@atlaskit/linking-common": "^6.3.0",
 		"@atlaskit/linking-types": "^9.6.0",
-		"@atlaskit/menu": "2.14.1",
+		"@atlaskit/menu": "2.14.2",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/smart-card": "^34.10.0",
-		"@atlaskit/theme": "^14.1.0",
-		"@atlaskit/tmp-editor-statsig": "^2.41.0",
+		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.43.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",