@atlaskit/editor-plugin-card 0.1.0

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Node } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { HyperlinkAddToolbarProps } from '@atlaskit/editor-common/link';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, LinkInputType, LinkPickerOptions } from '@atlaskit/editor-common/types';
+import { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
+import type { cardPlugin } from '../plugin';
+interface InjectionAPI {
+    pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+}
+export type EditLinkToolbarProps = InjectionAPI & {
+    view: EditorView;
+    providerFactory: ProviderFactory;
+    url: string | undefined;
+    text: string;
+    node: Node;
+    onSubmit?: (href: string, text?: string, inputMethod?: LinkInputType, analytic?: UIAnalyticsEvent | null | undefined) => void;
+    linkPickerOptions?: LinkPickerOptions;
+    featureFlags: FeatureFlags;
+    forceFocusSelector: ForceFocusSelector | undefined;
+};
+export declare function HyperlinkAddToolbarWithState({ linkPickerOptions, onSubmit, displayText, displayUrl, providerFactory, view, onCancel, invokeMethod, featureFlags, onClose, onEscapeCallback, onClickAwayCallback, pluginInjectionApi, }: HyperlinkAddToolbarProps & InjectionAPI): JSX.Element;
+export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProps> {
+    componentDidUpdate(prevProps: EditLinkToolbarProps): void;
+    componentWillUnmount(): void;
+    /** Focus should move to the 'Edit link' button when the toolbar closes
+     * and not close the floating toolbar.
+     */
+    private handleEsc;
+    private hideLinkToolbar;
+    render(): JSX.Element;
+}
+export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export declare const buildEditLinkToolbar: ({ providerFactory, node, linkPicker, featureFlags, pluginInjectionApi, }: {
+    providerFactory: ProviderFactory;
+    node: Node;
+    linkPicker?: LinkPickerOptions | undefined;
+    featureFlags: FeatureFlags;
+    pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+}) => FloatingToolbarItem<Command>;
+export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker: boolean) => Partial<FloatingToolbarConfig>;
+export declare const editDatasource: (node: Node, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export {};

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { EditorView } from 'prosemirror-view';
+export declare const EditorSmartCardEvents: FC<{
+    editorView: EditorView;
+}>;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { EditorView } from 'prosemirror-view';
+type AnalyticsBindingsProps = {
+    editorView: EditorView;
+};
+/**
+ * Binds the @atlaskit/link-analytics callbacks
+ * to the editor card plugin state events callbacks interfaces
+ */
+export declare const EventsBinding: ({ editorView }: AnalyticsBindingsProps) => null;
+export declare class EditorSmartCardEventsNext extends React.PureComponent<AnalyticsBindingsProps> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    render(): JSX.Element | null;
+}
+export {};

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

@@ -0,0 +1,32 @@
+import { Component } from 'react';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { CardOptions } from '@atlaskit/editor-common/card';
+import type { CardPluginActions } from '@atlaskit/editor-common/card';
+import { CardProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { CardPlatform } from '@atlaskit/smart-card';
+export interface HyperlinkToolbarAppearanceProps {
+    intl: IntlShape;
+    editorState: EditorState;
+    providerFactory: ProviderFactory;
+    url: string;
+    editorView?: EditorView;
+    platform?: CardPlatform;
+    cardOptions?: CardOptions;
+    editorAnalyticsApi: EditorAnalyticsAPI | undefined;
+    cardActions: CardPluginActions | undefined;
+}
+export interface HyperlinkToolbarAppearanceState {
+    supportedUrlsMap: Map<string, boolean>;
+}
+export declare class HyperlinkToolbarAppearance extends Component<HyperlinkToolbarAppearanceProps, HyperlinkToolbarAppearanceState> {
+    state: HyperlinkToolbarAppearanceState;
+    cardProvider?: CardProvider;
+    private getProvider;
+    private resolveUrl;
+    componentDidMount: () => Promise<void>;
+    UNSAFE_componentWillReceiveProps(nextProps: HyperlinkToolbarAppearanceProps): void;
+    render(): JSX.Element | null;
+}

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

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+import { LayoutButtonProps, LayoutButtonWrapperProps } from './types';
+export declare const LayoutButton: React.FC<LayoutButtonProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<LayoutButtonWrapperProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,19 @@
+import { EditorView } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { cardPlugin } from '../../index';
+export type DatasourceTableLayout = 'full-width' | 'center' | 'wide';
+export type LayoutButtonProps = {
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    targetElement?: HTMLElement;
+    layout: DatasourceTableLayout;
+    onLayoutChange?: (layout: DatasourceTableLayout) => void;
+    testId?: string;
+    intl: IntlShape;
+};
+export interface LayoutButtonWrapperProps extends Pick<LayoutButtonProps, 'mountPoint' | 'boundariesElement' | 'scrollableElement'> {
+    api: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+    editorView: EditorView;
+}

package/dist/types-ts4.5/ui/LayoutButton/utils.d.ts

@@ -0,0 +1,5 @@
+import { EditorView } from 'prosemirror-view';
+export declare const getDatasource: (editorView: EditorView) => import("prosemirror-utils").ContentNodeWithPos | {
+    node: undefined;
+    pos: undefined;
+};

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { IntlShape } from 'react-intl-next';
+import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { CardPluginActions } from '@atlaskit/editor-common/card';
+import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import { CardContext } from '@atlaskit/link-provider';
+import { CardPlatform } from '@atlaskit/smart-card';
+export interface LinkToolbarAppearanceProps {
+    intl: IntlShape;
+    editorAnalyticsApi: EditorAnalyticsAPI | undefined;
+    currentAppearance?: CardAppearance;
+    editorState: EditorState;
+    editorView?: EditorView;
+    url?: string;
+    allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
+    platform?: CardPlatform;
+    cardActions: CardPluginActions | undefined;
+}
+export declare class LinkToolbarAppearance extends React.Component<LinkToolbarAppearanceProps, {}> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    renderDropdown: (view?: EditorView, cardContext?: CardContext) => JSX.Element | null;
+    render(): JSX.Element | null;
+}

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

@@ -0,0 +1,61 @@
+/// <reference path="../../../../../../typings/prosemirror.d.ts" />
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { RichMediaLayout } from '@atlaskit/adf-schema';
+import { ResizerProps } from '@atlaskit/editor-common/ui';
+type State = {
+    offsetLeft: number;
+    resizedPctWidth?: number;
+};
+export type Props = Omit<ResizerProps, 'height' | 'width'> & {
+    width?: number;
+    height?: number;
+    aspectRatio: number;
+};
+export default class ResizableEmbedCard extends React.Component<Props, State> {
+    static defaultProps: {
+        aspectRatio: number;
+    };
+    state: State;
+    componentDidUpdate(): void;
+    get wrappedLayout(): boolean;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    /**
+     * When returning to center layout from a wrapped/aligned layout, it might actually
+     * be wide or full-width
+     */
+    checkLayout(oldLayout: RichMediaLayout, newLayout: RichMediaLayout): void;
+    calcNewSize: (newWidth: number, stop: boolean) => {
+        width: number | null;
+        layout: RichMediaLayout;
+    };
+    calcUnwrappedLayout: (pct: number, width: number) => 'center' | 'wide' | 'full-width';
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
+    /**
+     * The maxmimum number of grid columns this node can resize to.
+     */
+    get gridWidth(): number;
+    calcOffsetLeft(): number;
+    calcColumnLeftOffset: () => number;
+    wrapper?: HTMLElement;
+    get wideLayoutWidth(): number;
+    calcSnapPoints(): number[];
+    calcPxWidth: (useLayout?: RichMediaLayout) => number;
+    get insideInlineLike(): boolean;
+    highlights: (newWidth: number, snapPoints: number[]) => string[] | number[];
+    /**
+     * Previously height of the box was controlled with paddingTop/paddingBottom trick inside Wrapper.
+     * It allowed height to be defined by a given percent ratio and so absolute value was defined by actual width.
+     * Also, it was part of styled component, which was fine because it was static through out life time of component.
+     *
+     * Now, two things changed:
+     * 1. If `height` is present we take it as actual height of the box, and hence we don't need
+     * (or even can't have, due to lack of width value) paddingTop trick.
+     * 2. Since `height` can be changing through out life time of a component, we can't have it as part of styled component,
+     * and hence we use `style` prop.
+     */
+    private getHeightDefiningComponent;
+    render(): jsx.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export declare const SmallerEditIcon: () => jsx.JSX.Element;

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

@@ -0,0 +1,19 @@
+import { Node, NodeType } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import type { CardInfo } from './types';
+export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
+export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
+export type TitleUrlPair = {
+    title?: string;
+    url?: string;
+};
+export declare const titleUrlPairFromNode: (node: Node) => TitleUrlPair;
+/**
+ * Merges the title and url from attributes and CardInfo from the resolved view, preferring the CardInfo.
+ * @param titleUrlPair title and url information from the node attributes
+ * @param info information stored in state from the resolved UI component view
+ */
+export declare const mergeCardInfo: (titleUrlPair: TitleUrlPair, info?: CardInfo) => TitleUrlPair;
+export declare const displayInfoForCard: (node: Node, info?: CardInfo) => TitleUrlPair;
+export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;

package/package.json

@@ -0,0 +1,126 @@
+{
+  "name": "@atlaskit/editor-plugin-card",
+  "version": "0.1.0",
+  "description": "Card plugin for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor",
+    "singleton": true,
+    "releaseModel": "continuous"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/adf-schema": "^26.1.0",
+    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/editor-common": "^74.17.0",
+    "@atlaskit/editor-plugin-analytics": "^0.1.0",
+    "@atlaskit/editor-plugin-decorations": "^0.1.0",
+    "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
+    "@atlaskit/editor-plugin-floating-toolbar": "^0.2.0",
+    "@atlaskit/editor-plugin-grid": "^0.1.0",
+    "@atlaskit/editor-plugin-hyperlink": "^0.1.0",
+    "@atlaskit/editor-plugin-width": "^0.1.0",
+    "@atlaskit/editor-shared-styles": "^2.4.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/link-analytics": "^8.2.0",
+    "@atlaskit/link-datasource": "^0.28.0",
+    "@atlaskit/smart-card": "^26.9.0",
+    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/tokens": "^1.11.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
+    "lodash": "^4.17.21",
+    "prop-types": "^15.5.10",
+    "prosemirror-history": "^1.1.3",
+    "prosemirror-keymap": "1.1.4",
+    "prosemirror-model": "1.16.0",
+    "prosemirror-state": "1.3.4",
+    "prosemirror-transform": "1.3.2",
+    "prosemirror-utils": "^1.0.0-0",
+    "prosemirror-view": "1.23.7",
+    "raf-schd": "^4.0.3"
+  },
+  "peerDependencies": {
+    "@atlaskit/link-provider": "^1.6.2",
+    "react": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
+  },
+  "devDependencies": {
+    "@atlaskit/activity-provider": "^2.4.0",
+    "@atlaskit/editor-test-helpers": "^18.9.0",
+    "@atlaskit/link-test-helpers": "^4.1.0",
+    "@atlaskit/media-test-helpers": "^33.0.0",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/util-data-test": "^17.8.0",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@atlassian/feature-flags-test-utils": "*",
+    "@testing-library/dom": "^8.17.1",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
+    "raf-stub": "^2.0.1",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
+  "platform-feature-flags": {
+    "platform.linking-platform.datasource-jira_issues": {
+      "type": "boolean"
+    }
+  }
+}

package/report.api.md

@@ -0,0 +1,146 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/editor-plugin-card"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import { ACTION } from '@atlaskit/editor-common/analytics';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import type { CardOptions } from '@atlaskit/editor-common/card';
+import type { CardPluginActions } from '@atlaskit/editor-common/card';
+import { CardProvider } from '@atlaskit/editor-common/provider-factory';
+import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { DatasourceModalType } from '@atlaskit/editor-common/types';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
+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';
+import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
+import type { LinkPickerOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import { SmartLinkEvents } from '@atlaskit/smart-card';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+
+// @public (undocumented)
+type CardInfo = {
+  title?: string;
+  url?: string;
+  pos: number;
+};
+
+// @public (undocumented)
+export const cardPlugin: NextEditorPlugin<
+  'card',
+  {
+    pluginConfiguration: CardPluginOptions;
+    dependencies: [
+      typeof featureFlagsPlugin,
+      OptionalPlugin<typeof analyticsPlugin>,
+      typeof widthPlugin,
+      typeof decorationsPlugin,
+      typeof gridPlugin,
+      FloatingToolbarPlugin,
+      typeof hyperlinkPlugin,
+    ];
+    sharedState: CardPluginState | null;
+    actions: CardPluginActions;
+  }
+>;
+
+// @public (undocumented)
+type CardPluginOptions = CardOptions & {
+  editorAppearance?: EditorAppearance;
+  platform: 'mobile' | 'web';
+  fullWidthMode?: boolean;
+  linkPicker?: LinkPickerOptions;
+};
+
+// @public (undocumented)
+type CardPluginState = {
+  requests: Request_2[];
+  provider: CardProvider | null;
+  cards: CardInfo[];
+  showLinkingToolbar: boolean;
+  smartLinkEvents?: SmartLinkEvents;
+  smartLinkEventsNext?: SmartLinkEventsNext;
+  editorAppearance?: EditorAppearance;
+  showDatasourceModal: boolean;
+  datasourceModalType?: DatasourceModalType;
+  datasourceTableRef?: HTMLElement;
+  layout?: DatasourceTableLayout;
+};
+
+// @public (undocumented)
+type DatasourceTableLayout = 'center' | 'full-width' | 'wide';
+
+// @public (undocumented)
+type Metadata_2<T = {}> = {
+  url: string;
+  display: string;
+  isUndo?: boolean;
+  isRedo?: boolean;
+  action?: string;
+  inputMethod?: string;
+  sourceEvent?: unknown;
+  nodeContext?: string;
+} & T;
+
+// @public (undocumented)
+type Request_2 = {
+  pos: number;
+  url: string;
+  appearance: CardAppearance;
+  compareLinkText: boolean;
+  source: CardReplacementInputMethod;
+  previousAppearance?: 'url' | CardAppearance;
+  analyticsAction?: ACTION;
+  shouldReplaceLink?: boolean;
+  sourceEvent?: UIAnalyticsEvent | null | undefined;
+};
+export { Request_2 as Request };
+
+// @public (undocumented)
+type SmartLinkEventsNext = {
+  created: (metadata: Metadata_2) => void;
+  updated: (metadata: Metadata_2<UpdateMetadata>) => void;
+  deleted: (metadata: Metadata_2) => void;
+};
+
+// @public (undocumented)
+type UpdateMetadata = {
+  previousDisplay?: string;
+};
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "@atlaskit/link-provider": "^1.6.2",
+  "react": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,117 @@
+## API Report File for "@atlaskit/editor-plugin-card"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ACTION } from '@atlaskit/editor-common/analytics';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
+import type { CardOptions } from '@atlaskit/editor-common/card';
+import type { CardPluginActions } from '@atlaskit/editor-common/card';
+import { CardProvider } from '@atlaskit/editor-common/provider-factory';
+import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
+import type { DatasourceModalType } from '@atlaskit/editor-common/types';
+import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
+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';
+import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
+import type { LinkPickerOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import { SmartLinkEvents } from '@atlaskit/smart-card';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+
+// @public (undocumented)
+type CardInfo = {
+    title?: string;
+    url?: string;
+    pos: number;
+};
+
+// @public (undocumented)
+export const cardPlugin: NextEditorPlugin<'card', {
+    pluginConfiguration: CardPluginOptions;
+    dependencies: [
+    typeof featureFlagsPlugin,
+    OptionalPlugin<typeof analyticsPlugin>,
+    typeof widthPlugin,
+    typeof decorationsPlugin,
+    typeof gridPlugin,
+    FloatingToolbarPlugin,
+    typeof hyperlinkPlugin
+    ];
+    sharedState: CardPluginState | null;
+    actions: CardPluginActions;
+}>;
+
+// @public (undocumented)
+type CardPluginOptions = CardOptions & {
+    editorAppearance?: EditorAppearance;
+    platform: 'mobile' | 'web';
+    fullWidthMode?: boolean;
+    linkPicker?: LinkPickerOptions;
+};
+
+// @public (undocumented)
+type CardPluginState = {
+    requests: Request_2[];
+    provider: CardProvider | null;
+    cards: CardInfo[];
+    showLinkingToolbar: boolean;
+    smartLinkEvents?: SmartLinkEvents;
+    smartLinkEventsNext?: SmartLinkEventsNext;
+    editorAppearance?: EditorAppearance;
+    showDatasourceModal: boolean;
+    datasourceModalType?: DatasourceModalType;
+    datasourceTableRef?: HTMLElement;
+    layout?: DatasourceTableLayout;
+};
+
+// @public (undocumented)
+type DatasourceTableLayout = 'center' | 'full-width' | 'wide';
+
+// @public (undocumented)
+type Metadata_2<T = {}> = {
+    url: string;
+    display: string;
+    isUndo?: boolean;
+    isRedo?: boolean;
+    action?: string;
+    inputMethod?: string;
+    sourceEvent?: unknown;
+    nodeContext?: string;
+} & T;
+
+// @public (undocumented)
+type Request_2 = {
+    pos: number;
+    url: string;
+    appearance: CardAppearance;
+    compareLinkText: boolean;
+    source: CardReplacementInputMethod;
+    previousAppearance?: 'url' | CardAppearance;
+    analyticsAction?: ACTION;
+    shouldReplaceLink?: boolean;
+    sourceEvent?: UIAnalyticsEvent | null | undefined;
+};
+export { Request_2 as Request }
+
+// @public (undocumented)
+type SmartLinkEventsNext = {
+    created: (metadata: Metadata_2) => void;
+    updated: (metadata: Metadata_2<UpdateMetadata>) => void;
+    deleted: (metadata: Metadata_2) => void;
+};
+
+// @public (undocumented)
+type UpdateMetadata = {
+    previousDisplay?: string;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```