@atlaskit/editor-plugin-card 7.3.0 → 7.4.0

package/dist/esm/nodeviews/blockCard.js

@@ -15,6 +15,8 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { browser, canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { Card as SmartCard } from '@atlaskit/smart-card';
+import { CardSSR } from '@atlaskit/smart-card/ssr';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Datasource } from '../nodeviews/datasource';
 import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
@@ -103,11 +105,23 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         cardContext = _this$props2.cardContext,
         actionOptions = _this$props2.actionOptions,
         onClick = _this$props2.onClick,
-        CompetitorPrompt = _this$props2.CompetitorPrompt;
+        CompetitorPrompt = _this$props2.CompetitorPrompt,
+        isPageSSRed = _this$props2.isPageSSRed;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
-      var cardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
+      var cardInner = isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSSR, {
+        key: url,
+        url: url !== null && url !== void 0 ? url : data.url,
+        container: this.scrollContainer,
+        appearance: "block",
+        onClick: onClick,
+        onResolve: this.onResolve,
+        onError: this.onError,
+        platform: 'web',
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
+      }), this.gapCursorSpan()) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,
@@ -185,7 +199,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         actionOptions = _this$reactComponentP3.actionOptions,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
-        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
+        isPageSSRed = _this$reactComponentP3.isPageSSRed;
       return /*#__PURE__*/React.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -194,7 +209,8 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         id: this.id,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        isPageSSRed: isPageSSRed
       });
     }
   }, {
@@ -213,7 +229,8 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
     inlineCardViewProducer = _ref3.inlineCardViewProducer,
-    CompetitorPrompt = _ref3.CompetitorPrompt;
+    CompetitorPrompt = _ref3.CompetitorPrompt,
+    isPageSSRed = _ref3.isPageSSRed;
   return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
@@ -221,7 +238,8 @@ export var blockCardNodeView = function blockCardNodeView(_ref3) {
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
       onClickCallback: onClickCallback,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     };
     var isDatasource = isDatasourceNode(node);
     if (isDatasource) {

package/dist/esm/nodeviews/embedCard.js

@@ -23,6 +23,7 @@ import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
+import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
@@ -304,7 +305,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pluginInjectionApi = _this$props.pluginInjectionApi,
         actionOptions = _this$props.actionOptions,
         onClick = _this$props.onClick,
-        CompetitorPrompt = _this$props.CompetitorPrompt;
+        CompetitorPrompt = _this$props.CompetitorPrompt,
+        isPageSSRed = _this$props.isPageSSRed;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         pctWidth = _node$attrs.width,
@@ -331,7 +333,21 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-      var smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+      var smartCard = isPageSSRed && expValEquals('platform_editor_smart_card_otp', 'isEnabled', true) ? /*#__PURE__*/React.createElement(CardSSR, {
+        key: url,
+        url: url,
+        appearance: "embed",
+        onClick: onClick,
+        onResolve: this.onResolve,
+        onError: this.onError,
+        frameStyle: "show",
+        inheritDimensions: true,
+        platform: 'web',
+        container: this.scrollContainer,
+        embedIframeRef: this.embedIframeRef,
+        actionOptions: actionOptions,
+        CompetitorPrompt: CompetitorPrompt
+      }) : /*#__PURE__*/React.createElement(SmartCard, {
         key: url,
         url: url,
         appearance: "embed",
@@ -388,7 +404,8 @@ export var EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props)
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   }) : /*#__PURE__*/React.createElement(EmbedCardComponent, {
     id: props.id,
     node: props.node,
@@ -406,7 +423,8 @@ export var EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props)
     smartCard: props.smartCard,
     hasPreview: props.hasPreview,
     liveHeight: props.liveHeight,
-    initialAspectRatio: props.initialAspectRatio
+    initialAspectRatio: props.initialAspectRatio,
+    isPageSSRed: props.isPageSSRed
   });
 };
 var WrappedEmbedCardWithCondition = componentWithCondition(function () {
@@ -462,7 +480,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         dispatchAnalyticsEvent = _this$reactComponentP3.dispatchAnalyticsEvent,
         pluginInjectionApi = _this$reactComponentP3.pluginInjectionApi,
         onClickCallback = _this$reactComponentP3.onClickCallback,
-        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt;
+        CompetitorPrompt = _this$reactComponentP3.CompetitorPrompt,
+        isPageSSRed = _this$reactComponentP3.isPageSSRed;
       return /*#__PURE__*/React.createElement(WrappedEmbedCard, {
         node: this.node,
         view: this.view,
@@ -474,7 +493,8 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
         id: this.id,
-        CompetitorPrompt: CompetitorPrompt
+        CompetitorPrompt: CompetitorPrompt,
+        isPageSSRed: isPageSSRed
       });
     }
   }, {
@@ -493,7 +513,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
     pluginInjectionApi = _ref4.pluginInjectionApi,
     actionOptions = _ref4.actionOptions,
     onClickCallback = _ref4.onClickCallback,
-    CompetitorPrompt = _ref4.CompetitorPrompt;
+    CompetitorPrompt = _ref4.CompetitorPrompt,
+    isPageSSRed = _ref4.isPageSSRed;
   return function (node, view, getPos) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher,
@@ -506,7 +527,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       pluginInjectionApi: pluginInjectionApi,
       actionOptions: actionOptions,
       onClickCallback: onClickCallback,
-      CompetitorPrompt: CompetitorPrompt
+      CompetitorPrompt: CompetitorPrompt,
+      isPageSSRed: isPageSSRed
     };
     return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
   };

package/dist/esm/nodeviews/inlineCard.js

@@ -8,7 +8,6 @@ import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-co
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
@@ -100,8 +99,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     exposure: true
   }) ? handleOnClick : propsOnClick;
   var card = useMemo(function () {
-    // Should be removed when the platform_editor_smart_card_otp experiment is rolled out
-    if (isPageSSRed && url && !expValEquals('platform_editor_smart_card_otp', 'isEnabled', true)) {
+    if (isPageSSRed && url) {
       return /*#__PURE__*/React.createElement(CardSSR, {
         key: url,
         url: url,

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { linkMessages } from '@atlaskit/editor-common/messages';
+import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
+import PanelRightIcon from '@atlaskit/icon/core/panel-right';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { Inline, Box, Flex } from '@atlaskit/primitives/compiled';
+import { getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
+export var OpenPreviewPanelToolbarButton = function OpenPreviewPanelToolbarButton(_ref) {
+  var node = _ref.node,
+    intl = _ref.intl;
+  var _useSmartLinkContext = useSmartLinkContext(),
+    store = _useSmartLinkContext.store,
+    isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
+    openPreviewPanel = _useSmartLinkContext.openPreviewPanel;
+  var url = node.attrs.url;
+  var cardState = store === null || store === void 0 ? void 0 : store.getState()[url];
+  if (cardState) {
+    var ari = getObjectAri(cardState.details);
+    var name = getObjectName(cardState.details);
+    var iconUrl = getObjectIconUrl(cardState.details);
+    var isPanelAvailable = ari && (isPreviewPanelAvailable === null || isPreviewPanelAvailable === void 0 ? void 0 : isPreviewPanelAvailable({
+      ari: ari
+    }));
+    var handleOpenGlancePanelClick = function handleOpenGlancePanelClick() {
+      if (openPreviewPanel && isPanelAvailable) {
+        openPreviewPanel({
+          url: url,
+          ari: ari,
+          name: name || '',
+          iconUrl: iconUrl
+        });
+      }
+    };
+    var title = intl.formatMessage(linkMessages.openPreviewPanel);
+    var icon = areToolbarFlagsEnabled() ? /*#__PURE__*/React.createElement(PanelRightIcon, {
+      label: "",
+      spacing: "spacious"
+    }) :
+    /*#__PURE__*/
+    // This is a hack required for Jira until areToolbarFlagsEnabled are enabled to ensure the icon has padding
+    // Padding is removed when areToolbarFlagsEnabed for a button with icon only in platform/packages/editor/editor-common/src/ui/FloatingToolbar/Button.tsx
+    React.createElement(Inline, {
+      as: "span",
+      space: "space.050",
+      alignBlock: "center"
+    }, /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      "aria-hidden": true,
+      role: "presentation"
+    }), /*#__PURE__*/React.createElement(PanelRightIcon, {
+      label: "",
+      spacing: "spacious"
+    }), /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      "aria-hidden": true,
+      role: "presentation"
+    }));
+    if (openPreviewPanel && isPanelAvailable) {
+      return /*#__PURE__*/React.createElement(Flex, {
+        gap: "space.050"
+      }, /*#__PURE__*/React.createElement(Button, {
+        testId: "open-preview-panel-floating-toolbar-button",
+        onClick: handleOpenGlancePanelClick,
+        icon: icon,
+        title: title
+      }));
+    }
+  }
+  return null;
+};

package/dist/esm/ui/toolbar.js

@@ -39,6 +39,7 @@ import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
 import { getCustomHyperlinkAppearanceDropdown } from './HyperlinkToolbarAppearanceDropdown';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 import { getLinkAppearanceDropdown } from './LinkToolbarAppearanceDropdown';
+import { OpenPreviewPanelToolbarButton } from './OpenPreviewButton';
 import { ToolbarViewedEvent } from './ToolbarViewedEvent';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
@@ -321,7 +322,18 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: getEditLinkCallback(editorAnalyticsApi, true)
       }];
-      var toolbarItems = isNewEditorToolbarDisabled ? [].concat(editItems, commentItems, [{
+      var openPreviewPanelItems = fg('platform_editor_preview_panel_linking') ? [{
+        type: 'custom',
+        fallback: [],
+        render: function render() {
+          return /*#__PURE__*/React.createElement(OpenPreviewPanelToolbarButton, {
+            node: node,
+            intl: intl,
+            editorAnalyticsApi: editorAnalyticsApi
+          });
+        }
+      }] : [];
+      var toolbarItems = isNewEditorToolbarDisabled ? [].concat(editItems, commentItems, openPreviewPanelItems, [{
         id: 'editor.link.openLink',
         type: 'button',
         icon: LinkExternalIcon,
@@ -358,7 +370,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
         title: intl.formatMessage(commonMessages.remove),
         onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-      }]) : [].concat(editButtonItems, _toConsumableArray(fg('platform_editor_controls_patch_15') ? [].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+      }]) : [].concat(openPreviewPanelItems, editButtonItems, _toConsumableArray(fg('platform_editor_controls_patch_15') ? [].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
         type: 'separator',
         fullHeight: true
       }]) : getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{

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

@@ -13,15 +13,15 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
         id?: string;
     });
     onResolve: (data: {
-        url?: string | undefined;
-        title?: string | undefined;
+        url?: string;
+        title?: string;
     }) => void;
     componentWillUnmount(): void;
     private removeCardDispatched;
     private removeCard;
     gapCursorSpan: () => React.JSX.Element | undefined;
     onError: ({ err }: {
-        err?: Error | undefined;
+        err?: Error;
     }) => void;
     render(): React.JSX.Element;
 }
@@ -49,4 +49,4 @@ export interface BlockCardNodeViewProperties {
         linkType?: string;
     }>;
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;

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

@@ -32,7 +32,7 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     handleColumnResize: (key: string, width: number) => void;
     handleWrappedColumnChange: (key: string, shouldWrap: boolean) => void;
     onError: ({ err }: {
-        err?: Error | undefined;
+        err?: Error;
     }) => void;
     private getColumnsInfo;
     render(): jsx.JSX.Element | null;

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

@@ -22,9 +22,9 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     state: EmbedCardState;
     private getPosSafely;
     onResolve: (data: {
-        url?: string | undefined;
-        title?: string | undefined;
-        aspectRatio?: number | undefined;
+        url?: string;
+        title?: string;
+        aspectRatio?: number;
     }) => void;
     updateSize: (pctWidth: number | null, layout: RichMediaLayout) => true | undefined;
     private getLineLength;
@@ -36,7 +36,7 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
     saveOriginalDimensionsAttributes: (height: number, width: number | undefined) => void;
     onHeightUpdate: (height: number) => void;
     onError: ({ err }: {
-        err?: Error | undefined;
+        err?: Error;
     }) => void;
     componentWillUnmount(): void;
     private removeCardDispatched;
@@ -64,4 +64,4 @@ export interface EmbedCardNodeViewProperties {
     isPageSSRed: EmbedCardNodeViewProps['isPageSSRed'];
     CompetitorPrompt?: EmbedCardNodeViewProps['CompetitorPrompt'];
 }
-export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;
+export declare const embedCardNodeView: ({ allowResizing, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, onClickCallback, CompetitorPrompt, isPageSSRed, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/dist/types/nodeviews/toDOM-fixes/blockCard.d.ts

@@ -1,24 +1,24 @@
 import type { DOMOutputSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare const blockCardSpecWithFixedToDOM: () => {
     toDOM: (node: PMNode) => DOMOutputSpec;
-    content?: string | undefined;
-    marks?: string | undefined;
-    group?: string | undefined;
-    inline?: boolean | undefined;
-    atom?: boolean | undefined;
+    content?: string;
+    marks?: string;
+    group?: string;
+    inline?: boolean;
+    atom?: boolean;
     attrs?: {
         [name: string]: import("prosemirror-model").AttributeSpec;
-    } | undefined;
-    selectable?: boolean | undefined;
-    draggable?: boolean | undefined;
-    code?: boolean | undefined;
-    whitespace?: "pre" | "normal" | undefined;
-    definingAsContext?: boolean | undefined;
-    definingForContent?: boolean | undefined;
-    defining?: boolean | undefined;
-    isolating?: boolean | undefined;
-    parseDOM?: readonly import("prosemirror-model").TagParseRule[] | undefined;
-    toDebugString?: ((node: PMNode) => string) | undefined;
-    leafText?: ((node: PMNode) => string) | undefined;
-    linebreakReplacement?: boolean | undefined;
+    };
+    selectable?: boolean;
+    draggable?: boolean;
+    code?: boolean;
+    whitespace?: "pre" | "normal";
+    definingAsContext?: boolean;
+    definingForContent?: boolean;
+    defining?: boolean;
+    isolating?: boolean;
+    parseDOM?: readonly import("prosemirror-model").TagParseRule[];
+    toDebugString?: (node: PMNode) => string;
+    leafText?: (node: PMNode) => string;
+    linebreakReplacement?: boolean;
 };

package/dist/types/nodeviews/toDOM-fixes/embedCard.d.ts

@@ -1,24 +1,24 @@
 import type { DOMOutputSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare const embedCardSpecWithFixedToDOM: () => {
     toDOM: (node: PMNode) => DOMOutputSpec;
-    content?: string | undefined;
-    marks?: string | undefined;
-    group?: string | undefined;
-    inline?: boolean | undefined;
-    atom?: boolean | undefined;
+    content?: string;
+    marks?: string;
+    group?: string;
+    inline?: boolean;
+    atom?: boolean;
     attrs?: {
         [name: string]: import("prosemirror-model").AttributeSpec;
-    } | undefined;
-    selectable?: boolean | undefined;
-    draggable?: boolean | undefined;
-    code?: boolean | undefined;
-    whitespace?: "pre" | "normal" | undefined;
-    definingAsContext?: boolean | undefined;
-    definingForContent?: boolean | undefined;
-    defining?: boolean | undefined;
-    isolating?: boolean | undefined;
-    parseDOM?: readonly import("prosemirror-model").TagParseRule[] | undefined;
-    toDebugString?: ((node: PMNode) => string) | undefined;
-    leafText?: ((node: PMNode) => string) | undefined;
-    linebreakReplacement?: boolean | undefined;
+    };
+    selectable?: boolean;
+    draggable?: boolean;
+    code?: boolean;
+    whitespace?: "pre" | "normal";
+    definingAsContext?: boolean;
+    definingForContent?: boolean;
+    defining?: boolean;
+    isolating?: boolean;
+    parseDOM?: readonly import("prosemirror-model").TagParseRule[];
+    toDebugString?: (node: PMNode) => string;
+    leafText?: (node: PMNode) => string;
+    linebreakReplacement?: boolean;
 };

package/dist/types/nodeviews/toDOM-fixes/inlineCard.d.ts

@@ -1,24 +1,24 @@
 import type { DOMOutputSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare const inlineCardSpecWithFixedToDOM: () => {
     toDOM: (node: PMNode) => DOMOutputSpec;
-    content?: string | undefined;
-    marks?: string | undefined;
-    group?: string | undefined;
-    inline?: boolean | undefined;
-    atom?: boolean | undefined;
+    content?: string;
+    marks?: string;
+    group?: string;
+    inline?: boolean;
+    atom?: boolean;
     attrs?: {
         [name: string]: import("prosemirror-model").AttributeSpec;
-    } | undefined;
-    selectable?: boolean | undefined;
-    draggable?: boolean | undefined;
-    code?: boolean | undefined;
-    whitespace?: "pre" | "normal" | undefined;
-    definingAsContext?: boolean | undefined;
-    definingForContent?: boolean | undefined;
-    defining?: boolean | undefined;
-    isolating?: boolean | undefined;
-    parseDOM?: readonly import("prosemirror-model").TagParseRule[] | undefined;
-    toDebugString?: ((node: PMNode) => string) | undefined;
-    leafText?: ((node: PMNode) => string) | undefined;
-    linebreakReplacement?: boolean | undefined;
+    };
+    selectable?: boolean;
+    draggable?: boolean;
+    code?: boolean;
+    whitespace?: "pre" | "normal";
+    definingAsContext?: boolean;
+    definingForContent?: boolean;
+    defining?: boolean;
+    isolating?: boolean;
+    parseDOM?: readonly import("prosemirror-model").TagParseRule[];
+    toDebugString?: (node: PMNode) => string;
+    leafText?: (node: PMNode) => string;
+    linebreakReplacement?: boolean;
 };

package/dist/types/pm-plugins/actions.d.ts

@@ -17,7 +17,7 @@ export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) =
 export declare const setCardLayout: (layout: DatasourceTableLayout) => (tr: Transaction) => Transaction;
 export declare const setCardLayoutAndDatasourceTableRef: ({ layout, datasourceTableRef, }: {
     layout: DatasourceTableLayout;
-    datasourceTableRef?: HTMLElement | undefined;
+    datasourceTableRef?: HTMLElement;
 }) => (tr: Transaction) => Transaction;
 export declare const showLinkToolbar: (tr: Transaction) => Transaction;
 export declare const hideLinkToolbar: (tr: Transaction) => Transaction;

package/dist/types/pm-plugins/doc.d.ts

@@ -12,7 +12,7 @@ import type { Request } from '../types';
 export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent) => Command;
 export declare const handleFallbackWithAnalytics: (request: Request, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
-export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | 'url') => Transaction;
+export declare const queueCardFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, previousAppearance?: CardAppearance | "url") => Transaction;
 export declare const convertHyperlinkToSmartCard: (state: EditorState, source: CardReplacementInputMethod, appearance: CardAppearance, normalizeLinkText?: boolean) => Transaction;
 export declare const changeSelectedCardToLink: (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
 export declare const changeSelectedCardToLinkFallback: (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;

package/dist/types/pm-plugins/util/resolve.d.ts

@@ -6,4 +6,4 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { DatasourceAdf } from '@atlaskit/linking-common';
 import type { Request } from '../../types';
 export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined) => Promise<void | DatasourceAdf<Record<string, unknown>> | import("@atlaskit/linking-common").InlineCardAdf | import("@atlaskit/linking-common").BlockCardAdf | import("@atlaskit/linking-common").EmbedCardAdf>;
-export declare const handleProvider: (_: 'cardProvider', provider: Promise<CardProvider> | undefined, view: EditorView) => void;
+export declare const handleProvider: (_: "cardProvider", provider: Promise<CardProvider> | undefined, view: EditorView) => void;

package/dist/types/pm-plugins/util/state.d.ts

@@ -8,35 +8,35 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
         appearance: import("@atlaskit/editor-common/provider-factory").CardAppearance;
         compareLinkText: boolean;
         source: import("@atlaskit/editor-common/card").CardReplacementInputMethod;
-        previousAppearance?: "url" | import("@atlaskit/editor-common/provider-factory").CardAppearance | undefined;
-        analyticsAction?: import("@atlaskit/editor-common/analytics").ACTION | undefined;
-        shouldReplaceLink?: boolean | undefined;
+        previousAppearance?: import("@atlaskit/editor-common/provider-factory").CardAppearance | "url";
+        analyticsAction?: import("@atlaskit/editor-common/analytics").ACTION;
+        shouldReplaceLink?: boolean;
         sourceEvent?: import("@atlaskit/analytics-next").UIAnalyticsEvent | null | undefined;
     }[];
     cards: {
         pos: number;
-        title?: string | undefined;
-        url?: string | undefined;
-        id?: string | undefined;
+        title?: string;
+        url?: string;
+        id?: string;
     }[];
     provider: import("@atlaskit/editor-common/provider-factory").CardProvider | null;
     datasourceStash: {
         [x: string]: {
-            views: import("@atlaskit/linking-common").DatasourceAdfTableView[];
+            views: import("@atlaskit/linking-common").DatasourceAdfView[];
         };
     };
     showLinkingToolbar: boolean;
-    smartLinkEvents?: import("@atlaskit/smart-card").SmartLinkEvents | undefined;
-    editorAppearance?: import("@atlaskit/editor-common/types").EditorAppearance | undefined;
+    smartLinkEvents?: import("@atlaskit/smart-card").SmartLinkEvents;
+    editorAppearance?: import("@atlaskit/editor-common/types").EditorAppearance;
     showDatasourceModal: boolean;
-    datasourceModalType?: import("@atlaskit/editor-common/types").DatasourceModalType | undefined;
-    datasourceTableRef?: HTMLElement | undefined;
-    layout?: "center" | "wide" | "full-width" | undefined;
-    inlineCardAwarenessCandidatePosition?: number | undefined;
-    overlayCandidatePosition?: number | undefined;
-    removeOverlay?: (() => void) | undefined;
-    selectedInlineLinkPosition?: number | undefined;
-    allowEmbeds?: boolean | undefined;
-    allowBlockCards?: boolean | undefined;
+    datasourceModalType?: import("@atlaskit/editor-common/types").DatasourceModalType;
+    datasourceTableRef?: HTMLElement;
+    layout?: import("../../ui/LayoutButton/types").DatasourceTableLayout;
+    inlineCardAwarenessCandidatePosition?: number;
+    overlayCandidatePosition?: number;
+    removeOverlay?: () => void;
+    selectedInlineLinkPosition?: number;
+    allowEmbeds?: boolean;
+    allowBlockCards?: boolean;
 };
 export declare const getNewRequests: (oldState: CardPluginState | undefined, currentState: CardPluginState) => Request[];

package/dist/types/pm-plugins/utils.d.ts

@@ -22,17 +22,14 @@ export declare const displayInfoForCard: (node: Node, info?: CardInfo) => TitleU
 export declare const findCardInfo: (state: EditorState) => CardInfo | undefined;
 export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
 export declare const isBlockSupportedAtPosition: (currentNodePosition: number, editorState: EditorState, currentAppearance?: CardAppearance) => boolean;
-export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext['store']) => {};
+export declare const getResolvedAttributesFromStore: (url: string, display: string | null, store?: CardContext["store"]) => {};
 export declare const isDatasourceConfigEditable: (datasourceId: string) => boolean;
 /**
  * Typeguard that checks node attributes are datasource node attributes
  * ** WARNING ** Typeguards are not a guarantee, if the asserted type changes
  * this function will not be updated automatically
  */
-export declare const isDatasourceAdfAttributes: (attrs: Record<string, unknown> | undefined) => attrs is {
-    url?: string | undefined;
-    datasource: import("@atlaskit/linking-common").Datasource<Record<string, unknown>>;
-} & Partial<import("@atlaskit/adf-schema").RichMediaAttributes>;
+export declare const isDatasourceAdfAttributes: (attrs: Record<string, unknown> | undefined) => attrs is DatasourceNode["attrs"];
 /**
  * Typeguard that checks a node is a datasource node (blockCard and has datasource attributes)
  * ** WARNING ** Typeguards are not a guarantee, if the asserted type changes

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { RichMediaAttributes } from '@atlaskit/adf-schema';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ACTION } from '@atlaskit/editor-common/analytics';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import type { SmartCardProps } from '../../nodeviews/genericCard';
 type AwarenessWrapperProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 declare const OverlayWrapper: ({ view, targetElementPos, children, isHoveredCallback: hoverCallback, onOpenLinkClick, }: {

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

@@ -31,7 +31,7 @@ export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjec
     providerFactory: ProviderFactory;
     node: Node;
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
-    linkPicker?: Partial<import("packages/linking-platform/link-picker/dist/types").LinkPickerProps> | undefined;
+    linkPicker?: LinkPickerOptions;
     lpLinkPicker: boolean;
 }) => FloatingToolbarItem<Command>;
 export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker?: boolean) => Partial<FloatingToolbarConfig>;