@atlaskit/editor-plugin-card 1.6.2 → 1.8.0

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

@@ -6,7 +6,6 @@ import type { Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/
 import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
-    onClick: () => void;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
@@ -21,7 +20,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'platform' | 'actionOptions' | 'showServerActions'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'platform' | 'actionOptions' | 'showServerActions' | 'pluginInjectionApi' | 'onClickCallback'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     createDomRef(): HTMLElement;
     validUpdate(currentNode: Node, newNode: Node): boolean;

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

@@ -13,7 +13,6 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     private scrollContainer?;
     private embedIframeRef;
     context: any;
-    onClick: () => void;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
@@ -39,7 +38,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): JSX.Element;
 }
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'platform' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'showServerActions'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'platform' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'showServerActions' | 'onClickCallback'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     viewShouldUpdate(nextNode: PMNode): boolean;
     createDomRef(): HTMLElement;

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

@@ -1,12 +1,14 @@
 import React from 'react';
+import type { EventHandler, KeyboardEvent, MouseEvent } from 'react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { OnClickCallback } from '@atlaskit/editor-common/card';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { CardContext } from '@atlaskit/link-provider';
+import { type CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps, CardPlatform } from '@atlaskit/smart-card';
 import type { cardPlugin } from '../index';
 export type EditorContext<T> = React.Context<T> & {
@@ -40,8 +42,11 @@ export interface CardProps extends CardNodeViewProps {
     isPulseEnabled?: boolean;
     linkPosition?: number;
     isSelected?: boolean;
+    onClickCallback?: OnClickCallback;
 }
 export interface SmartCardProps extends CardProps {
+    pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     cardContext?: EditorContext<CardContext | undefined>;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
 }
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -4,7 +4,6 @@ import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react
 import type { SmartCardProps } from './genericCard';
 export declare class InlineCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
-    private onClick;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
@@ -19,7 +18,7 @@ export declare class InlineCardComponent extends React.PureComponent<SmartCardPr
     }) => void;
     render(): JSX.Element | null;
 }
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
 type InlineCardWithAwarenessProps = {
     allowEmbeds?: boolean;
     allowBlockCards?: boolean;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => JSX.Element | null>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, onClick, }: SmartCardProps) => JSX.Element | null>;

package/dist/types/plugin.d.ts

@@ -2,6 +2,7 @@ import type { CardPluginActions } from '@atlaskit/editor-common/card';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
 import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
@@ -13,6 +14,7 @@ export type CardPlugin = NextEditorPlugin<'card', {
     dependencies: [
         OptionalPlugin<FeatureFlagsPlugin>,
         OptionalPlugin<AnalyticsPlugin>,
+        OptionalPlugin<EditorViewModePlugin>,
         WidthPlugin,
         DecorationsPlugin,
         GridPlugin,

package/dist/types/toolbar.d.ts

@@ -1,10 +1,14 @@
+import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { CardOptions } from '@atlaskit/editor-common/card';
-import type { Command, ExtractInjectionAPI, FloatingToolbarHandler, LinkPickerOptions } from '@atlaskit/editor-common/types';
+import type { Command, ExtractInjectionAPI, FloatingToolbarHandler, FloatingToolbarItem, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { CardPlatform } from '@atlaskit/smart-card';
 import type { cardPlugin } from './index';
 export declare const removeCard: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const visitCardLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
-export declare const openLinkSettings: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export declare const openLinkSettings: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink: string | undefined) => Command;
 export declare const floatingToolbar: (cardOptions: CardOptions, lpLinkPicker: boolean, platform?: CardPlatform, linkPickerOptions?: LinkPickerOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>, disableFloatingToolbar?: boolean) => FloatingToolbarHandler;
+export declare const getHyperlinkToolbarSettingsButton: (intl: IntlShape, editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink?: string) => FloatingToolbarItem<Command>;
+export declare const getSettingsButton: (intl: IntlShape, editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink: string | undefined) => FloatingToolbarItem<Command>;
+export declare const getSettingsButtonGroup: (intl: IntlShape, editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink: string | undefined) => FloatingToolbarItem<Command>[];
 export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearance: string, status: string, isDiscoverabilityEnabled: boolean) => boolean;

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';
-import type { CardOptions, CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { CardOptions, CardReplacementInputMethod, OnClickCallback } from '@atlaskit/editor-common/card';
 import type { CardAppearance, CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType, EditorAppearance, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
@@ -100,6 +100,7 @@ export type CardPluginOptions = CardOptions & {
     cardPluginEvents?: EditorCardPluginEvents<CardPluginEvent>;
     lpLinkPicker?: boolean;
     disableFloatingToolbar?: boolean;
+    onClickCallback?: OnClickCallback;
 };
 export type SetProvider = {
     type: 'SET_PROVIDER';

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

@@ -6,7 +6,6 @@ import type { Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/
 import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
-    onClick: () => void;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
@@ -21,7 +20,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): JSX.Element;
 }
-export type BlockCardNodeViewProps = Pick<SmartCardProps, 'platform' | 'actionOptions' | 'showServerActions'>;
+export type BlockCardNodeViewProps = Pick<SmartCardProps, 'platform' | 'actionOptions' | 'showServerActions' | 'pluginInjectionApi' | 'onClickCallback'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     createDomRef(): HTMLElement;
     validUpdate(currentNode: Node, newNode: Node): boolean;

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

@@ -13,7 +13,6 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     private scrollContainer?;
     private embedIframeRef;
     context: any;
-    onClick: () => void;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
@@ -39,7 +38,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     }) => void;
     render(): JSX.Element;
 }
-export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'platform' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'showServerActions'>;
+export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'platform' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'showServerActions' | 'onClickCallback'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     viewShouldUpdate(nextNode: PMNode): boolean;
     createDomRef(): HTMLElement;

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

@@ -1,12 +1,14 @@
 import React from 'react';
+import type { EventHandler, KeyboardEvent, MouseEvent } from 'react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { OnClickCallback } from '@atlaskit/editor-common/card';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { CardContext } from '@atlaskit/link-provider';
+import { type CardContext } from '@atlaskit/link-provider';
 import type { CardProps as BaseCardProps, CardPlatform } from '@atlaskit/smart-card';
 import type { cardPlugin } from '../index';
 export type EditorContext<T> = React.Context<T> & {
@@ -40,8 +42,11 @@ export interface CardProps extends CardNodeViewProps {
     isPulseEnabled?: boolean;
     linkPosition?: number;
     isSelected?: boolean;
+    onClickCallback?: OnClickCallback;
 }
 export interface SmartCardProps extends CardProps {
+    pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;
     cardContext?: EditorContext<CardContext | undefined>;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent> | undefined;
 }
 export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -4,7 +4,6 @@ import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react
 import type { SmartCardProps } from './genericCard';
 export declare class InlineCardComponent extends React.PureComponent<SmartCardProps> {
     private scrollContainer?;
-    private onClick;
     static contextTypes: {
         contextAdapter: PropTypes.Requireable<object>;
     };
@@ -19,7 +18,7 @@ export declare class InlineCardComponent extends React.PureComponent<SmartCardPr
     }) => void;
     render(): JSX.Element | null;
 }
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
 type InlineCardWithAwarenessProps = {
     allowEmbeds?: boolean;
     allowBlockCards?: boolean;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SmartCardProps } from './genericCard';
-export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, }: SmartCardProps) => JSX.Element | null>;
+export declare const InlineCardWithAwareness: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, isOverlayEnabled, isPulseEnabled, pluginInjectionApi, isSelected, onClick, }: SmartCardProps) => JSX.Element | null>;

package/dist/types-ts4.5/plugin.d.ts

@@ -2,6 +2,7 @@ import type { CardPluginActions } from '@atlaskit/editor-common/card';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
 import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
@@ -13,6 +14,7 @@ export type CardPlugin = NextEditorPlugin<'card', {
     dependencies: [
         OptionalPlugin<FeatureFlagsPlugin>,
         OptionalPlugin<AnalyticsPlugin>,
+        OptionalPlugin<EditorViewModePlugin>,
         WidthPlugin,
         DecorationsPlugin,
         GridPlugin,

package/dist/types-ts4.5/toolbar.d.ts

@@ -1,10 +1,14 @@
+import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { CardOptions } from '@atlaskit/editor-common/card';
-import type { Command, ExtractInjectionAPI, FloatingToolbarHandler, LinkPickerOptions } from '@atlaskit/editor-common/types';
+import type { Command, ExtractInjectionAPI, FloatingToolbarHandler, FloatingToolbarItem, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { CardPlatform } from '@atlaskit/smart-card';
 import type { cardPlugin } from './index';
 export declare const removeCard: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const visitCardLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
-export declare const openLinkSettings: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export declare const openLinkSettings: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink: string | undefined) => Command;
 export declare const floatingToolbar: (cardOptions: CardOptions, lpLinkPicker: boolean, platform?: CardPlatform, linkPickerOptions?: LinkPickerOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>, disableFloatingToolbar?: boolean) => FloatingToolbarHandler;
+export declare const getHyperlinkToolbarSettingsButton: (intl: IntlShape, editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink?: string) => FloatingToolbarItem<Command>;
+export declare const getSettingsButton: (intl: IntlShape, editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink: string | undefined) => FloatingToolbarItem<Command>;
+export declare const getSettingsButtonGroup: (intl: IntlShape, editorAnalyticsApi: EditorAnalyticsAPI | undefined, userPreferencesLink: string | undefined) => FloatingToolbarItem<Command>[];
 export declare const shouldRenderToolbarPulse: (embedEnabled: boolean, appearance: string, status: string, isDiscoverabilityEnabled: boolean) => boolean;

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

@@ -1,6 +1,6 @@
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';
-import type { CardOptions, CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { CardOptions, CardReplacementInputMethod, OnClickCallback } from '@atlaskit/editor-common/card';
 import type { CardAppearance, CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType, EditorAppearance, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import type { DatasourceAdfView } from '@atlaskit/linking-common';
@@ -100,6 +100,7 @@ export type CardPluginOptions = CardOptions & {
     cardPluginEvents?: EditorCardPluginEvents<CardPluginEvent>;
     lpLinkPicker?: boolean;
     disableFloatingToolbar?: boolean;
+    onClickCallback?: OnClickCallback;
 };
 export type SetProvider = {
     type: 'SET_PROVIDER';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.6.2",
+  "version": "1.8.0",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -32,16 +32,17 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.8.0",
+    "@atlaskit/adf-schema": "^35.9.0",
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/custom-steps": "^0.0.17",
-    "@atlaskit/editor-common": "^78.26.0",
+    "@atlaskit/custom-steps": "^0.0.18",
+    "@atlaskit/editor-common": "^78.28.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^1.0.0",
+    "@atlaskit/editor-plugin-editor-viewmode": "^1.0.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-plugin-floating-toolbar": "^1.2.0",
     "@atlaskit/editor-plugin-grid": "^1.0.0",
-    "@atlaskit/editor-plugin-hyperlink": "^1.4.0",
+    "@atlaskit/editor-plugin-hyperlink": "^1.5.0",
     "@atlaskit/editor-plugin-width": "^1.0.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/editor-shared-styles": "^2.9.0",
@@ -54,7 +55,7 @@
     "@atlaskit/linking-types": "^8.8.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^5.5.0",
-    "@atlaskit/smart-card": "^26.55.0",
+    "@atlaskit/smart-card": "^26.56.0",
     "@atlaskit/theme": "^12.7.0",
     "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
@@ -124,6 +125,12 @@
     },
     "platform.linking-platform.datasource-assets_objects_remove_beta": {
       "type": "boolean"
+    },
+    "platform.editor.card.inject-settings-button": {
+      "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.on-click-callback": {
+      "type": "boolean"
     }
   },
   "stricter": {