@atlaskit/editor-plugin-card 7.3.0 → 7.3.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-card
 
+## 7.3.1
+
+### Patch Changes
+
+- [`a32e07a545f72`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a32e07a545f72) -
+  [ux] Adds 'Open preview panel' button to the smartlink toolbar when the panel is supported.
+- Updated dependencies
+
 ## 7.3.0
 
 ### Minor Changes

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

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenPreviewPanelToolbarButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _messages = require("@atlaskit/editor-common/messages");
+var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
+var _ui = require("@atlaskit/editor-common/ui");
+var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
+var _linkProvider = require("@atlaskit/link-provider");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _smartCard = require("@atlaskit/smart-card");
+var OpenPreviewPanelToolbarButton = exports.OpenPreviewPanelToolbarButton = function OpenPreviewPanelToolbarButton(_ref) {
+  var node = _ref.node,
+    intl = _ref.intl;
+  var _useSmartLinkContext = (0, _linkProvider.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 = (0, _smartCard.getObjectAri)(cardState.details);
+    var name = (0, _smartCard.getObjectName)(cardState.details);
+    var iconUrl = (0, _smartCard.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(_messages.linkMessages.openPreviewPanel);
+    var icon = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)() ? /*#__PURE__*/_react.default.createElement(_panelRight.default, {
+      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.default.createElement(_compiled.Inline, {
+      as: "span",
+      space: "space.050",
+      alignBlock: "center"
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      as: "span",
+      "aria-hidden": true,
+      role: "presentation"
+    }), /*#__PURE__*/_react.default.createElement(_panelRight.default, {
+      label: "",
+      spacing: "spacious"
+    }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      as: "span",
+      "aria-hidden": true,
+      role: "presentation"
+    }));
+    if (openPreviewPanel && isPanelAvailable) {
+      return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+        gap: "space.050"
+      }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
+        testId: "open-preview-panel-floating-toolbar-button",
+        onClick: handleOpenGlancePanelClick,
+        icon: icon,
+        title: title
+      }));
+    }
+  }
+  return null;
+};

package/dist/cjs/ui/toolbar.js

@@ -45,6 +45,7 @@ var _HyperlinkToolbarAppearance = require("./HyperlinkToolbarAppearance");
 var _HyperlinkToolbarAppearanceDropdown = require("./HyperlinkToolbarAppearanceDropdown");
 var _LinkToolbarAppearance = require("./LinkToolbarAppearance");
 var _LinkToolbarAppearanceDropdown = require("./LinkToolbarAppearanceDropdown");
+var _OpenPreviewButton = require("./OpenPreviewButton");
 var _ToolbarViewedEvent = require("./ToolbarViewedEvent");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -330,7 +331,18 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
       }];
-      var toolbarItems = isNewEditorToolbarDisabled ? [].concat(editItems, commentItems, [{
+      var openPreviewPanelItems = (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking') ? [{
+        type: 'custom',
+        fallback: [],
+        render: function render() {
+          return /*#__PURE__*/_react.default.createElement(_OpenPreviewButton.OpenPreviewPanelToolbarButton, {
+            node: node,
+            intl: intl,
+            editorAnalyticsApi: editorAnalyticsApi
+          });
+        }
+      }] : [];
+      var toolbarItems = isNewEditorToolbarDisabled ? [].concat(editItems, commentItems, openPreviewPanelItems, [{
         id: 'editor.link.openLink',
         type: 'button',
         icon: _linkExternal.default,
@@ -367,7 +379,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
         title: intl.formatMessage(_messages.default.remove),
         onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-      }]) : [].concat(editButtonItems, (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') ? [].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+      }]) : [].concat(openPreviewPanelItems, editButtonItems, (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_controls_patch_15') ? [].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
         type: 'separator',
         fullHeight: true
       }]) : getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{

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

@@ -0,0 +1,73 @@
+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 const OpenPreviewPanelToolbarButton = ({
+  node,
+  intl
+}) => {
+  const {
+    store,
+    isPreviewPanelAvailable,
+    openPreviewPanel
+  } = useSmartLinkContext();
+  const url = node.attrs.url;
+  const cardState = store === null || store === void 0 ? void 0 : store.getState()[url];
+  if (cardState) {
+    const ari = getObjectAri(cardState.details);
+    const name = getObjectName(cardState.details);
+    const iconUrl = getObjectIconUrl(cardState.details);
+    const isPanelAvailable = ari && (isPreviewPanelAvailable === null || isPreviewPanelAvailable === void 0 ? void 0 : isPreviewPanelAvailable({
+      ari
+    }));
+    const handleOpenGlancePanelClick = () => {
+      if (openPreviewPanel && isPanelAvailable) {
+        openPreviewPanel({
+          url,
+          ari,
+          name: name || '',
+          iconUrl
+        });
+      }
+    };
+    const title = intl.formatMessage(linkMessages.openPreviewPanel);
+    const 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/es2019/ui/toolbar.js

@@ -35,6 +35,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 const removeCard = editorAnalyticsApi => commandWithMetadata((state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
@@ -320,7 +321,16 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       testId: 'link-toolbar-edit-link-button',
       onClick: getEditLinkCallback(editorAnalyticsApi, true)
     }];
-    const toolbarItems = isNewEditorToolbarDisabled ? [...editItems, ...commentItems, {
+    const openPreviewPanelItems = fg('platform_editor_preview_panel_linking') ? [{
+      type: 'custom',
+      fallback: [],
+      render: () => /*#__PURE__*/React.createElement(OpenPreviewPanelToolbarButton, {
+        node: node,
+        intl: intl,
+        editorAnalyticsApi: editorAnalyticsApi
+      })
+    }] : [];
+    const toolbarItems = isNewEditorToolbarDisabled ? [...editItems, ...commentItems, ...openPreviewPanelItems, {
       id: 'editor.link.openLink',
       type: 'button',
       icon: LinkExternalIcon,
@@ -357,7 +367,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
       title: intl.formatMessage(commonMessages.remove),
       onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-    }] : [...editButtonItems, ...(fg('platform_editor_controls_patch_15') ? [...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi), {
+    }] : [...openPreviewPanelItems, ...editButtonItems, ...(fg('platform_editor_controls_patch_15') ? [...getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi), {
       type: 'separator',
       fullHeight: true
     }] : getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), {

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;
 }

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;

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>;

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

@@ -2,6 +2,6 @@ import type { Command, FloatingToolbarCustom, FloatingToolbarItem } from '@atlas
 import type { HyperlinkToolbarAppearanceProps } from './HyperlinkToolbarAppearance';
 export declare const getCustomHyperlinkAppearanceDropdown: ({ url, intl, editorAnalyticsApi, editorPluginApi, settingsConfig, cardOptions, allowDatasource, isDatasourceView, }: Omit<HyperlinkToolbarAppearanceProps, "editorState"> & {
     settingsConfig: FloatingToolbarItem<Command>;
-    allowDatasource?: boolean | undefined;
-    isDatasourceView?: boolean | undefined;
+    allowDatasource?: boolean;
+    isDatasourceView?: boolean;
 }) => FloatingToolbarCustom<Command>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type InlineCardOverlayProps = React.HTMLAttributes<HTMLSpanElement> & {
     isSelected?: boolean;
     isVisible?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';

package/dist/types/ui/LayoutButton/utils.d.ts

@@ -1,4 +1,5 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type DatasourceTableLayout } from './types';
 export declare const getDatasource: (editorView: EditorView) => {
     node: import("../../types").DatasourceNode;
     start: number;
@@ -8,4 +9,4 @@ export declare const getDatasource: (editorView: EditorView) => {
     node: undefined;
     pos: undefined;
 };
-export declare const isDatasourceTableLayout: (layout: unknown) => layout is "center" | "wide" | "full-width";
+export declare const isDatasourceTableLayout: (layout: unknown) => layout is DatasourceTableLayout;

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

@@ -9,6 +9,6 @@ type Props = LinkToolbarAppearanceProps & {
 export declare const LinkAppearanceMenu: ({ url, intl, currentAppearance, editorState, allowEmbeds, allowBlockCards, allowDatasource, editorAnalyticsApi, isDatasourceView, dispatchCommand, settingsConfig, }: Props) => React.JSX.Element | null;
 export declare const getLinkAppearanceDropdown: ({ url, intl, currentAppearance, editorState, allowEmbeds, allowBlockCards, allowDatasource, editorAnalyticsApi, showUpgradeDiscoverability, isDatasourceView, settingsConfig, }: LinkToolbarAppearanceProps & {
     settingsConfig: FloatingToolbarItem<Command>;
-    allowDatasource?: boolean | undefined;
+    allowDatasource?: boolean;
 }) => FloatingToolbarDropdown<Command>;
 export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+type OpenPreviewPanelToolbarButtonProps = {
+    node: PMNode;
+    intl: IntlShape;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+};
+export declare const OpenPreviewPanelToolbarButton: ({ node, intl, }: OpenPreviewPanelToolbarButtonProps) => React.JSX.Element | null;
+export {};

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

@@ -32,7 +32,7 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
         width: number | null;
         layout: RichMediaLayout;
     };
-    calcUnwrappedLayout: (pct: number, width: number) => 'center' | 'wide' | 'full-width';
+    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.

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

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

package/dist/types-ts4.5/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;
 }

package/dist/types-ts4.5/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-ts4.5/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;

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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>;

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

@@ -2,6 +2,6 @@ import type { Command, FloatingToolbarCustom, FloatingToolbarItem } from '@atlas
 import type { HyperlinkToolbarAppearanceProps } from './HyperlinkToolbarAppearance';
 export declare const getCustomHyperlinkAppearanceDropdown: ({ url, intl, editorAnalyticsApi, editorPluginApi, settingsConfig, cardOptions, allowDatasource, isDatasourceView, }: Omit<HyperlinkToolbarAppearanceProps, "editorState"> & {
     settingsConfig: FloatingToolbarItem<Command>;
-    allowDatasource?: boolean | undefined;
-    isDatasourceView?: boolean | undefined;
+    allowDatasource?: boolean;
+    isDatasourceView?: boolean;
 }) => FloatingToolbarCustom<Command>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type InlineCardOverlayProps = React.HTMLAttributes<HTMLSpanElement> & {
     isSelected?: boolean;
     isVisible?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { LayoutButtonProps, LayoutButtonWrapperProps } from './types';

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

@@ -1,4 +1,5 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type DatasourceTableLayout } from './types';
 export declare const getDatasource: (editorView: EditorView) => {
     node: import("../../types").DatasourceNode;
     start: number;
@@ -8,4 +9,4 @@ export declare const getDatasource: (editorView: EditorView) => {
     node: undefined;
     pos: undefined;
 };
-export declare const isDatasourceTableLayout: (layout: unknown) => layout is "center" | "wide" | "full-width";
+export declare const isDatasourceTableLayout: (layout: unknown) => layout is DatasourceTableLayout;

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

@@ -9,6 +9,6 @@ type Props = LinkToolbarAppearanceProps & {
 export declare const LinkAppearanceMenu: ({ url, intl, currentAppearance, editorState, allowEmbeds, allowBlockCards, allowDatasource, editorAnalyticsApi, isDatasourceView, dispatchCommand, settingsConfig, }: Props) => React.JSX.Element | null;
 export declare const getLinkAppearanceDropdown: ({ url, intl, currentAppearance, editorState, allowEmbeds, allowBlockCards, allowDatasource, editorAnalyticsApi, showUpgradeDiscoverability, isDatasourceView, settingsConfig, }: LinkToolbarAppearanceProps & {
     settingsConfig: FloatingToolbarItem<Command>;
-    allowDatasource?: boolean | undefined;
+    allowDatasource?: boolean;
 }) => FloatingToolbarDropdown<Command>;
 export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+type OpenPreviewPanelToolbarButtonProps = {
+    node: PMNode;
+    intl: IntlShape;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+};
+export declare const OpenPreviewPanelToolbarButton: ({ node, intl, }: OpenPreviewPanelToolbarButtonProps) => React.JSX.Element | null;
+export {};

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

@@ -32,7 +32,7 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
         width: number | null;
         layout: RichMediaLayout;
     };
-    calcUnwrappedLayout: (pct: number, width: number) => 'center' | 'wide' | 'full-width';
+    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.

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.3.0",
+	"version": "7.3.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
-		"@atlaskit/icon": "^27.10.0",
+		"@atlaskit/icon": "^27.11.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-analytics": "^10.0.0",
 		"@atlaskit/link-client-extension": "^5.0.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/smart-card": "^40.8.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.26.0",
+		"@atlaskit/tmp-editor-statsig": "^9.27.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.20.0",
+		"@atlaskit/editor-common": "^107.21.0",
 		"@atlaskit/link-provider": "^3.4.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"