@atlaskit/editor-common 74.13.0 → 74.14.0

package/dist/esm/messages/card.js

@@ -0,0 +1,83 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  url: {
+    id: 'fabric.editor.url',
+    defaultMessage: 'Display URL',
+    description: 'Convert the card to become a regular text-based hyperlink.'
+  },
+  block: {
+    id: 'fabric.editor.displayBlock',
+    defaultMessage: 'Display card',
+    description: 'Display link as a card with a rich preview similar to in a Facebook feed with page title, description, and potentially an image.'
+  },
+  inline: {
+    id: 'fabric.editor.displayInline',
+    defaultMessage: 'Display inline',
+    description: 'Display link with the title only.'
+  },
+  embed: {
+    id: 'fabric.editor.displayEmbed',
+    defaultMessage: 'Display embed',
+    description: 'Display link as an embedded object'
+  },
+  link: {
+    id: 'fabric.editor.displayLink',
+    defaultMessage: 'Display as text',
+    description: 'Convert the card to become a regular text-based hyperlink.'
+  },
+  card: {
+    id: 'fabric.editor.cardFloatingControls',
+    defaultMessage: 'Card options',
+    description: 'Options to change card type'
+  },
+  blockCardUnavailable: {
+    id: 'fabric.editor.blockCardUnavailable',
+    defaultMessage: 'The inline link is inside {node} and cannot have its view changed',
+    description: 'Warning message to show the user that this node cannot change its view'
+  },
+  displayOptionUnavailableInParentNode: {
+    id: 'fabric.editor.displayOptionUnavailableInParentNode',
+    defaultMessage: "This display option isn't available inside {node}",
+    description: 'Warning message to show the user that this node option is not available inside a parent node type'
+  },
+  urlTitle: {
+    id: 'fabric.editor.urlTitle',
+    defaultMessage: 'URL',
+    description: 'Title for option to convert the card to become a regular text-based hyperlink.'
+  },
+  blockTitle: {
+    id: 'fabric.editor.blockTitle',
+    defaultMessage: 'Card',
+    description: 'Title for option to display link in the card view.'
+  },
+  inlineTitle: {
+    id: 'fabric.editor.inlineTitle',
+    defaultMessage: 'Inline',
+    description: 'Title for option to display link in the inline view.'
+  },
+  embedTitle: {
+    id: 'fabric.editor.embedTitle',
+    defaultMessage: 'Embed',
+    description: 'Title for option to display link as an embedded object.'
+  },
+  urlDescription: {
+    id: 'fabric.editor.urlDescription',
+    defaultMessage: 'Display link as URL',
+    description: 'Description for option to convert the card to become a regular text-based hyperlink.'
+  },
+  blockDescription: {
+    id: 'fabric.editor.blockDescription',
+    defaultMessage: 'Display more information about a link, including a summary and actions',
+    description: 'Description for option to display link in the card view.'
+  },
+  inlineDescription: {
+    id: 'fabric.editor.inlineDescription',
+    defaultMessage: 'Display link as inline text',
+    description: 'Description for option to display link in the inline view.'
+  },
+  embedDescription: {
+    id: 'fabric.editor.ecombedDescription',
+    defaultMessage: 'Display an interactive preview of a link',
+    description: 'Description for option to display link as an embedded object.'
+  }
+});

package/dist/esm/messages/index.js

@@ -6,6 +6,7 @@ export { unsupportedContentMessages } from './unsupportedContent';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
+export { messages as cardMessages } from './card';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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 = "74.13.0";
+var packageVersion = "74.14.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/styles/index.js

@@ -23,4 +23,6 @@ export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafa
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
-export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
+export { embedCardStyles, embedSpacingStyles, editIconStyles } from './shared/embedCard';

package/dist/esm/styles/shared/embedCard.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+export var embedCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .embedCardView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right']\n      + .embedCardView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n  }\n"])));
+export var embedSpacingStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n"])));
+export var editIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 20px;\n"])));

package/dist/esm/styles/shared/smartCard.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { N0, N20, N40 } from '@atlaskit/theme/colors';
+import { SmartCardSharedCssClassName } from './smart-card';
+export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
+export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
+export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: 2px;\n      padding-right: 2px;\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-100, ".concat(akEditorRuleBorderRadius, ")"), "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);

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

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.13.0";
+var packageVersion = "74.14.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.13.0",
+	"version": "74.14.0",
 	"sideEffects": false
 }

package/dist/types/card/LinkToolbarButtonGroup.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { GlyphProps } from '@atlaskit/icon/types';
+export interface ButtonOptionProps {
+    title: string;
+    selected: boolean;
+    testId: string;
+    disabled: boolean;
+    tooltipContent?: string | null;
+    onClick: () => void;
+    icon: (props: GlyphProps) => JSX.Element;
+}
+export interface LinkToolbarButtonGroupProps {
+    options: ButtonOptionProps[];
+}
+export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => jsx.JSX.Element;

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

@@ -1,3 +1,7 @@
 export type { CardOptions } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
 export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
+export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
+export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";

package/dist/types/card/link-toolbar-button-group-options.d.ts

@@ -0,0 +1,5 @@
+import { IntlShape } from 'react-intl-next';
+import type { Command } from '../types';
+import type { ButtonOptionProps } from './LinkToolbarButtonGroup';
+import type { OptionConfig } from './types';
+export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

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

@@ -0,0 +1,27 @@
+import type { Node } from 'prosemirror-model';
+import type { EditorState, Transaction } from 'prosemirror-state';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { ACTION, EditorAnalyticsAPI, INPUT_METHOD } from '../analytics';
+import type { CardAppearance } from '../provider-factory';
+import type { Command } from '../types';
+export interface OptionConfig {
+    appearance?: CardAppearance;
+    title: string;
+    onClick: Command;
+    selected: boolean;
+    testId: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    tooltip?: string;
+}
+export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
+export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Transaction;
+export type HideLinkToolbarAction = (tr: Transaction) => Transaction;
+export type ChangeSelectedCardToLink = (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
+export type SetSelectedCardAppearance = (appearance: CardAppearance, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export type CardPluginActions = {
+    queueCardsFromChangedTr: QueueCardsFromTransactionAction;
+    hideLinkToolbar: HideLinkToolbarAction;
+    changeSelectedCardToLink: ChangeSelectedCardToLink;
+    setSelectedCardAppearance: SetSelectedCardAppearance;
+};

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

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

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

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

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

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

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

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

package/dist/types/messages/card.d.ts

@@ -0,0 +1,82 @@
+export declare const messages: {
+    url: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    block: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    link: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    card: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockCardUnavailable: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    displayOptionUnavailableInParentNode: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    urlTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inlineTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embedTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    urlDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inlineDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -5,6 +5,7 @@ export { unsupportedContentMessages } from './unsupportedContent';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
+export { messages as cardMessages } from './card';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

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

@@ -24,3 +24,5 @@ export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
+export { embedCardStyles, embedSpacingStyles, editIconStyles, } from './shared/embedCard';

package/dist/types/styles/shared/embedCard.d.ts

@@ -0,0 +1,3 @@
+export declare const embedCardStyles: import("@emotion/react").SerializedStyles;
+export declare const embedSpacingStyles: import("@emotion/react").SerializedStyles;
+export declare const editIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/smartCard.d.ts

@@ -0,0 +1,3 @@
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";
+export declare const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = "card-floating-toolbar--link-picker";
+export declare const smartCardStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { GlyphProps } from '@atlaskit/icon/types';
+export interface ButtonOptionProps {
+    title: string;
+    selected: boolean;
+    testId: string;
+    disabled: boolean;
+    tooltipContent?: string | null;
+    onClick: () => void;
+    icon: (props: GlyphProps) => JSX.Element;
+}
+export interface LinkToolbarButtonGroupProps {
+    options: ButtonOptionProps[];
+}
+export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => jsx.JSX.Element;

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

@@ -1,3 +1,7 @@
 export type { CardOptions } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
 export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
+export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
+export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";

package/dist/types-ts4.5/card/link-toolbar-button-group-options.d.ts

@@ -0,0 +1,5 @@
+import { IntlShape } from 'react-intl-next';
+import type { Command } from '../types';
+import type { ButtonOptionProps } from './LinkToolbarButtonGroup';
+import type { OptionConfig } from './types';
+export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

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

@@ -0,0 +1,27 @@
+import type { Node } from 'prosemirror-model';
+import type { EditorState, Transaction } from 'prosemirror-state';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { ACTION, EditorAnalyticsAPI, INPUT_METHOD } from '../analytics';
+import type { CardAppearance } from '../provider-factory';
+import type { Command } from '../types';
+export interface OptionConfig {
+    appearance?: CardAppearance;
+    title: string;
+    onClick: Command;
+    selected: boolean;
+    testId: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    tooltip?: string;
+}
+export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
+export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Transaction;
+export type HideLinkToolbarAction = (tr: Transaction) => Transaction;
+export type ChangeSelectedCardToLink = (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
+export type SetSelectedCardAppearance = (appearance: CardAppearance, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export type CardPluginActions = {
+    queueCardsFromChangedTr: QueueCardsFromTransactionAction;
+    hideLinkToolbar: HideLinkToolbarAction;
+    changeSelectedCardToLink: ChangeSelectedCardToLink;
+    setSelectedCardAppearance: SetSelectedCardAppearance;
+};

package/dist/types-ts4.5/card/ui/assets/card.d.ts

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

package/dist/types-ts4.5/card/ui/assets/embed.d.ts

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

package/dist/types-ts4.5/card/ui/assets/inline.d.ts

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

package/dist/types-ts4.5/card/ui/assets/url.d.ts

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

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

@@ -0,0 +1,82 @@
+export declare const messages: {
+    url: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    block: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    link: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    card: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockCardUnavailable: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    displayOptionUnavailableInParentNode: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    urlTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inlineTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embedTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    urlDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inlineDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -5,6 +5,7 @@ export { unsupportedContentMessages } from './unsupportedContent';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
+export { messages as cardMessages } from './card';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

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

@@ -24,3 +24,5 @@ export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
+export { embedCardStyles, embedSpacingStyles, editIconStyles, } from './shared/embedCard';

package/dist/types-ts4.5/styles/shared/embedCard.d.ts

@@ -0,0 +1,3 @@
+export declare const embedCardStyles: import("@emotion/react").SerializedStyles;
+export declare const embedSpacingStyles: import("@emotion/react").SerializedStyles;
+export declare const editIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/smartCard.d.ts

@@ -0,0 +1,3 @@
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";
+export declare const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = "card-floating-toolbar--link-picker";
+export declare const smartCardStyles: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.13.0",
+  "version": "74.14.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -137,7 +137,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-core": "^185.6.0",
+    "@atlaskit/editor-core": "^185.7.0",
     "@atlaskit/editor-json-transformer": "^8.9.0",
     "@atlaskit/editor-plugin-analytics": "^0.0.3",
     "@atlaskit/editor-plugin-content-insertion": "^0.0.3",