@atlaskit/editor-plugin-card 1.14.5 → 1.15.0

package/dist/esm/pm-plugins/doc.js

@@ -6,12 +6,12 @@ import isEqual from 'lodash/isEqual';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, SMART_LINK_TYPE, unlinkPayload } from '@atlaskit/editor-common/analytics';
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
-import { getLinkCreationAnalyticsEvent, isFromCurrentDomain, nodesBetweenChanged, processRawValue } from '@atlaskit/editor-common/utils';
+import { getDatasourceType, getLinkCreationAnalyticsEvent, isFromCurrentDomain, nodesBetweenChanged, processRawValue } from '@atlaskit/editor-common/utils';
 import { closeHistory } from '@atlaskit/editor-prosemirror/history';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { appearanceForNodeType, isDatasourceConfigEditable, isDatasourceNode, selectedCardAppearance } from '../utils';
-import { hideDatasourceModal, queueCards, removeDatasourceStash, resolveCard, setDatasourceStash } from './actions';
+import { hideDatasourceModal, queueCards, removeDatasourceStash, resolveCard, setDatasourceStash, showDatasourceModal } from './actions';
 import { pluginKey } from './plugin-key';
 import { shouldReplaceLink } from './shouldReplaceLink';
 /**
@@ -560,4 +560,24 @@ var updateDatasourceStash = function updateDatasourceStash(tr, selectedNode) {
       }
     }
   }
+};
+export var editDatasource = function editDatasource(datasourceId, _editorAnalyticsApi) {
+  return function (state, dispatch) {
+    var datasourceType = getDatasourceType(datasourceId);
+    if (dispatch && datasourceType) {
+      var tr = state.tr;
+      showDatasourceModal(datasourceType)(tr);
+      // editorAnalyticsApi?.attachAnalyticsEvent(
+      //   buildEditLinkPayload(
+      //     type as
+      //       | ACTION_SUBJECT_ID.CARD_INLINE
+      //       | ACTION_SUBJECT_ID.CARD_BLOCK
+      //       | ACTION_SUBJECT_ID.EMBEDS,
+      //   ),
+      // )(tr);
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
 };

package/dist/esm/toolbar.js

@@ -18,14 +18,15 @@ import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { changeSelectedCardToText } from './pm-plugins/doc';
+import { changeSelectedCardToText, editDatasource } from './pm-plugins/doc';
 import { pluginKey } from './pm-plugins/main';
 import { DatasourceAppearanceButton } from './ui/DatasourceAppearanceButton';
-import { editDatasource, EditDatasourceButton } from './ui/EditDatasourceButton';
+import { EditDatasourceButton } from './ui/EditDatasourceButton';
 import { buildEditLinkToolbar, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
+import { EditToolbarButton } from './ui/EditToolbarButton';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
-import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceConfigEditable, isDatasourceNode, titleUrlPairFromNode } from './utils';
+import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceConfigEditable, isDatasourceNode, isEditDropdownEnabled, titleUrlPairFromNode } from './utils';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
     if (!(state.selection instanceof NodeSelection)) {
@@ -215,7 +216,20 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance, platform, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.card) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions);
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
-      var toolbarItems = [{
+      var toolbarItems = [isEditDropdownEnabled(platform) && cardOptions.allowDatasource ? {
+        type: 'custom',
+        fallback: [],
+        render: function render(editorView) {
+          return /*#__PURE__*/React.createElement(EditToolbarButton, {
+            key: "edit-toolbar-item",
+            url: url,
+            intl: intl,
+            editorAnalyticsApi: editorAnalyticsApi,
+            editorView: editorView,
+            onLinkEditClick: editLink(editorAnalyticsApi)
+          });
+        }
+      } : {
         id: 'editor.link.edit',
         type: 'button',
         selected: false,
@@ -314,7 +328,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           type: 'separator'
         }]));
       }
-      var shouldShowDatasourceEditButton = platform !== 'mobile' && allowDatasource;
+      var shouldShowDatasourceEditButton = platform !== 'mobile' && allowDatasource && !getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
       if (shouldShowDatasourceEditButton) {
         toolbarItems.unshift({
           type: 'custom',
@@ -374,7 +388,7 @@ export var getSettingsButtonGroup = function getSettingsButtonGroup(intl, editor
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance, platform, cardActions) {
   var _node$attrs3;
   var toolbarItems = [];
-  if (isDatasourceConfigEditable(datasourceId)) {
+  if (isDatasourceConfigEditable(datasourceId) && !getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
     toolbarItems.push({
       id: 'editor.edit.datasource',
       type: 'button',
@@ -388,6 +402,22 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       type: 'separator'
     });
   }
+  var editDropdownWithSeparator = [{
+    type: 'custom',
+    fallback: [],
+    render: function render(editorView) {
+      return /*#__PURE__*/React.createElement(EditToolbarButton, {
+        key: "edit-toolbar-item",
+        url: metadata.url,
+        intl: intl,
+        editorAnalyticsApi: editorAnalyticsApi,
+        editorView: editorView,
+        onLinkEditClick: editLink(editorAnalyticsApi)
+      });
+    }
+  }, {
+    type: 'separator'
+  }];
   var canShowMainToolbar = function canShowMainToolbar() {
     // we do not show smart-link or the datasource icons when the node does not have a url to resolve
     if (!metadata.url) {
@@ -407,7 +437,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       allowEmbeds = cardOptions.allowEmbeds,
       showUpgradeDiscoverability = cardOptions.showUpgradeDiscoverability;
     var url = metadata.url;
-    toolbarItems.push({
+    toolbarItems.push.apply(toolbarItems, [{
       type: 'custom',
       fallback: [],
       render: function render(editorView) {
@@ -443,7 +473,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       }
     }, {
       type: 'separator'
-    });
+    }].concat(_toConsumableArray(getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') ? [].concat(editDropdownWithSeparator) : [])));
   }
   if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
     toolbarItems.push({

package/dist/esm/ui/EditDatasourceButton.js

@@ -2,9 +2,8 @@
 import { css, jsx } from '@emotion/react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator, SmallerEditIcon } from '@atlaskit/editor-common/ui';
-import { getDatasourceType } from '@atlaskit/editor-common/utils';
 import { Flex } from '@atlaskit/primitives';
-import { showDatasourceModal } from '../pm-plugins/actions';
+import { editDatasource } from '../pm-plugins/doc';
 import { isDatasourceConfigEditable } from '../utils';
 import { CardContextProvider } from './CardContextProvider';
 import { useFetchDatasourceInfo } from './useFetchDatasourceInfo';
@@ -71,24 +70,4 @@ export var EditDatasourceButton = function EditDatasourceButton(_ref2) {
       cardContext: cardContext
     });
   });
-};
-export var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi) {
-  return function (state, dispatch) {
-    var datasourceType = getDatasourceType(datasourceId);
-    if (dispatch && datasourceType) {
-      var tr = state.tr;
-      showDatasourceModal(datasourceType)(tr);
-      // editorAnalyticsApi?.attachAnalyticsEvent(
-      //   buildEditLinkPayload(
-      //     type as
-      //       | ACTION_SUBJECT_ID.CARD_INLINE
-      //       | ACTION_SUBJECT_ID.CARD_BLOCK
-      //       | ACTION_SUBJECT_ID.EMBEDS,
-      //   ),
-      // )(tr);
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
 };

package/dist/esm/ui/EditToolbarButton.js

@@ -0,0 +1,131 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { css, jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
+import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
+import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { ButtonItem } from '@atlaskit/menu';
+import { Flex } from '@atlaskit/primitives';
+import { editDatasource } from '../pm-plugins/doc';
+import { isDatasourceConfigEditable } from '../utils';
+import { CardContextProvider } from './CardContextProvider';
+import { useFetchDatasourceInfo } from './useFetchDatasourceInfo';
+var dropdownExpandContainer = css({
+  margin: "0px ".concat("var(--ds-space-negative-050, -4px)")
+});
+var EditButtonWithCardContext = function EditButtonWithCardContext(_ref) {
+  var cardContext = _ref.cardContext,
+    intl = _ref.intl,
+    editorAnalyticsApi = _ref.editorAnalyticsApi,
+    url = _ref.url,
+    editorView = _ref.editorView,
+    onLinkEditClick = _ref.onLinkEditClick;
+  var _useFetchDatasourceIn = useFetchDatasourceInfo({
+      isRegularCardNode: true,
+      url: url,
+      cardContext: cardContext
+    }),
+    datasourceId = _useFetchDatasourceIn.datasourceId;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var containerRef = useRef();
+  var toggleOpen = function toggleOpen() {
+    return setIsOpen(function (open) {
+      return !open;
+    });
+  };
+  var onClose = function onClose() {
+    return setIsOpen(false);
+  };
+  var dispatchCommand = useCallback(function (fn) {
+    if (editorView) {
+      fn === null || fn === void 0 || fn(editorView.state, editorView.dispatch);
+      if (!editorView.hasFocus()) {
+        editorView.focus();
+      }
+    }
+  }, [editorView]);
+  var onEditLink = useCallback(function () {
+    dispatchCommand(onLinkEditClick);
+  }, [dispatchCommand, onLinkEditClick]);
+  var shouldFallbackToEditButton = useMemo(function () {
+    if (!datasourceId || !isDatasourceConfigEditable(datasourceId)) {
+      return true;
+    }
+    if (url) {
+      var _cardContext$store, _urlState$error;
+      var urlState = cardContext === null || cardContext === void 0 || (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
+      if ((urlState === null || urlState === void 0 || (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
+        return true;
+      }
+    }
+    return false;
+  }, [cardContext === null || cardContext === void 0 ? void 0 : cardContext.store, datasourceId, url]);
+  var onEditDatasource = useCallback(function () {
+    if (datasourceId) {
+      dispatchCommand(editDatasource(datasourceId, editorAnalyticsApi));
+    }
+  }, [dispatchCommand, datasourceId, editorAnalyticsApi]);
+  if (shouldFallbackToEditButton) {
+    return jsx(Button, {
+      testId: "edit-link",
+      onClick: onEditLink
+    }, jsx(FormattedMessage, linkToolbarMessages.editLink));
+  }
+  var trigger = jsx(Button, {
+    testId: "edit-dropdown-trigger",
+    iconAfter: jsx("span", {
+      css: dropdownExpandContainer
+    }, jsx(ExpandIcon, {
+      label: intl.formatMessage(messages.editDropdownTriggerTitle)
+    })),
+    onClick: toggleOpen,
+    selected: isOpen,
+    disabled: false,
+    ariaHasPopup: true
+  }, jsx(FormattedMessage, messages.editDropdownTriggerTitle));
+  return jsx(Flex, {
+    ref: containerRef
+  }, jsx(UiDropdown, {
+    mountTo: containerRef.current,
+    isOpen: isOpen,
+    handleClickOutside: onClose,
+    handleEscapeKeydown: onClose,
+    trigger: trigger,
+    scrollableElement: containerRef.current,
+    arrowKeyNavigationProviderOptions: {
+      type: ArrowKeyNavigationType.MENU
+    }
+  }, jsx(ButtonItem, {
+    key: "edit.link",
+    onClick: onEditLink,
+    testId: "edit-dropdown-edit-link-item"
+  }, jsx(FormattedMessage, messages.editDropdownEditLinkTitle)), jsx(ButtonItem, {
+    key: "edit.datasource",
+    onClick: onEditDatasource,
+    testId: "edit-dropdown-edit-datasource-item"
+  }, jsx(FormattedMessage, messages.editDropdownEditDatasourceTitle))));
+};
+export var EditToolbarButton = function EditToolbarButton(_ref2) {
+  var intl = _ref2.intl,
+    editorAnalyticsApi = _ref2.editorAnalyticsApi,
+    url = _ref2.url,
+    editorView = _ref2.editorView,
+    onLinkEditClick = _ref2.onLinkEditClick;
+  return jsx(CardContextProvider, null, function (_ref3) {
+    var cardContext = _ref3.cardContext;
+    return jsx(EditButtonWithCardContext, {
+      url: url,
+      intl: intl,
+      editorAnalyticsApi: editorAnalyticsApi,
+      editorView: editorView,
+      cardContext: cardContext,
+      onLinkEditClick: onLinkEditClick
+    });
+  });
+};

package/dist/esm/utils.js

@@ -80,6 +80,9 @@ export var isDatasourceConfigEditable = function isDatasourceConfigEditable(data
   }
   return datasourcesWithConfigModal.includes(datasourceId);
 };
+export var isEditDropdownEnabled = function isEditDropdownEnabled(platform) {
+  return getBooleanFF('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && platform !== 'mobile';
+};
 
 /**
  * Typeguard that checks node attributes are datasource node attributes

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

@@ -38,4 +38,5 @@ export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf |
  * Get attributes for new Card Appearance
  */
 export declare const getAttrsForAppearance: (appearance: CardAppearance, selectedNode: Node) => import("prosemirror-model").Attrs;
+export declare const editDatasource: (datasourceId: string, _editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export {};

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

@@ -2,7 +2,6 @@
 import { jsx } from '@emotion/react';
 import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
@@ -15,4 +14,3 @@ export interface EditDatasourceButtonProps {
     cardContext?: CardContext;
 }
 export declare const EditDatasourceButton: ({ intl, editorAnalyticsApi, url, editorView, editorState, }: EditDatasourceButtonProps) => jsx.JSX.Element;
-export declare const editDatasource: (datasourceId: string, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;

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

@@ -0,0 +1,15 @@
+import { jsx } from '@emotion/react';
+import { type IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
+export interface EditToolbarButtonProps {
+    intl: IntlShape;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    url?: string;
+    editorView?: EditorView;
+    cardContext?: CardContext;
+    onLinkEditClick: Command;
+}
+export declare const EditToolbarButton: ({ intl, editorAnalyticsApi, url, editorView, onLinkEditClick, }: EditToolbarButtonProps) => jsx.JSX.Element;

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

@@ -7,4 +7,4 @@ export type EditorAnalyticsContextProps = {
 /**
  * Provides location attribute to child events
  */
-export declare const EditorAnalyticsContext: ({ editorView, children, }: EditorAnalyticsContextProps) => JSX.Element;
+export declare const EditorAnalyticsContext: ({ editorView, children }: EditorAnalyticsContextProps) => JSX.Element;

package/dist/types/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.d.ts

@@ -3,4 +3,4 @@ import type { AnalyticsBindingsProps } from './common';
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
-export declare const DatasourceEventsBinding: ({ cardPluginEvents, }: AnalyticsBindingsProps) => null;
+export declare const DatasourceEventsBinding: ({ cardPluginEvents }: AnalyticsBindingsProps) => null;

package/dist/types/ui/EditorLinkingPlatformAnalytics/LinkEvents.d.ts

@@ -3,4 +3,4 @@ import type { AnalyticsBindingsProps } from './common';
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
-export declare const LinkEventsBinding: ({ cardPluginEvents, }: AnalyticsBindingsProps) => null;
+export declare const LinkEventsBinding: ({ cardPluginEvents }: AnalyticsBindingsProps) => null;

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

@@ -1,4 +1,4 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const EditorSmartCardEvents: ({ editorView, }: {
+export declare const EditorSmartCardEvents: ({ editorView }: {
     editorView: EditorView;
 }) => null;

package/dist/types/utils.d.ts

@@ -2,6 +2,7 @@ import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { CardContext } from '@atlaskit/link-provider';
+import type { CardPlatform } from '@atlaskit/smart-card';
 import type { CardInfo, DatasourceNode } from './types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
 export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
@@ -22,6 +23,7 @@ export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, e
 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 isDatasourceConfigEditable: (datasourceId: string) => boolean;
+export declare const isEditDropdownEnabled: (platform?: CardPlatform) => boolean;
 /**
  * Typeguard that checks node attributes are datasource node attributes
  * ** WARNING ** Typeguards are not a guarantee, if the asserted type changes

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

@@ -38,4 +38,5 @@ export declare const insertDatasource: (state: EditorState, adf: DatasourceAdf |
  * Get attributes for new Card Appearance
  */
 export declare const getAttrsForAppearance: (appearance: CardAppearance, selectedNode: Node) => import("prosemirror-model").Attrs;
+export declare const editDatasource: (datasourceId: string, _editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
 export {};

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

@@ -2,7 +2,6 @@
 import { jsx } from '@emotion/react';
 import type { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CardContext } from '@atlaskit/link-provider';
@@ -15,4 +14,3 @@ export interface EditDatasourceButtonProps {
     cardContext?: CardContext;
 }
 export declare const EditDatasourceButton: ({ intl, editorAnalyticsApi, url, editorView, editorState, }: EditDatasourceButtonProps) => jsx.JSX.Element;
-export declare const editDatasource: (datasourceId: string, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;

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

@@ -0,0 +1,15 @@
+import { jsx } from '@emotion/react';
+import { type IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CardContext } from '@atlaskit/link-provider';
+export interface EditToolbarButtonProps {
+    intl: IntlShape;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    url?: string;
+    editorView?: EditorView;
+    cardContext?: CardContext;
+    onLinkEditClick: Command;
+}
+export declare const EditToolbarButton: ({ intl, editorAnalyticsApi, url, editorView, onLinkEditClick, }: EditToolbarButtonProps) => jsx.JSX.Element;

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

@@ -7,4 +7,4 @@ export type EditorAnalyticsContextProps = {
 /**
  * Provides location attribute to child events
  */
-export declare const EditorAnalyticsContext: ({ editorView, children, }: EditorAnalyticsContextProps) => JSX.Element;
+export declare const EditorAnalyticsContext: ({ editorView, children }: EditorAnalyticsContextProps) => JSX.Element;

package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.d.ts

@@ -3,4 +3,4 @@ import type { AnalyticsBindingsProps } from './common';
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
-export declare const DatasourceEventsBinding: ({ cardPluginEvents, }: AnalyticsBindingsProps) => null;
+export declare const DatasourceEventsBinding: ({ cardPluginEvents }: AnalyticsBindingsProps) => null;

package/dist/types-ts4.5/ui/EditorLinkingPlatformAnalytics/LinkEvents.d.ts

@@ -3,4 +3,4 @@ import type { AnalyticsBindingsProps } from './common';
  * Subscribes to the events occuring in the card
  * plugin and fires analytics events accordingly
  */
-export declare const LinkEventsBinding: ({ cardPluginEvents, }: AnalyticsBindingsProps) => null;
+export declare const LinkEventsBinding: ({ cardPluginEvents }: AnalyticsBindingsProps) => null;

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

@@ -1,4 +1,4 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const EditorSmartCardEvents: ({ editorView, }: {
+export declare const EditorSmartCardEvents: ({ editorView }: {
     editorView: EditorView;
 }) => null;

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

@@ -2,6 +2,7 @@ import type { CardAppearance } from '@atlaskit/editor-common/provider-factory';
 import type { Node, NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { CardContext } from '@atlaskit/link-provider';
+import type { CardPlatform } from '@atlaskit/smart-card';
 import type { CardInfo, DatasourceNode } from './types';
 export declare const appearanceForNodeType: (spec: NodeType) => CardAppearance | undefined;
 export declare const selectedCardAppearance: (state: EditorState) => CardAppearance | undefined;
@@ -22,6 +23,7 @@ export declare const isEmbedSupportedAtPosition: (currentNodePosition: number, e
 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 isDatasourceConfigEditable: (datasourceId: string) => boolean;
+export declare const isEditDropdownEnabled: (platform?: CardPlatform) => boolean;
 /**
  * Typeguard that checks node attributes are datasource node attributes
  * ** WARNING ** Typeguards are not a guarantee, if the asserted type changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.14.5",
+  "version": "1.15.0",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^36.10.7",
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/custom-steps": "^0.2.0",
-    "@atlaskit/editor-common": "^81.1.0",
+    "@atlaskit/editor-common": "^81.2.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
     "@atlaskit/editor-plugin-decorations": "^1.1.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
@@ -53,9 +53,10 @@
     "@atlaskit/link-datasource": "^2.3.0",
     "@atlaskit/linking-common": "^5.7.0",
     "@atlaskit/linking-types": "^8.9.0",
+    "@atlaskit/menu": "2.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^6.3.0",
-    "@atlaskit/smart-card": "^27.1.0",
+    "@atlaskit/primitives": "^6.4.0",
+    "@atlaskit/smart-card": "^27.4.0",
     "@atlaskit/theme": "^12.8.0",
     "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/tooltip": "^18.4.0",
@@ -71,7 +72,6 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "typescript": "~5.4.2"
   },
   "techstack": {
@@ -104,8 +104,10 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",
   "platform-feature-flags": {
+    "platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
+      "type": "boolean"
+    },
     "platform.linking-platform.smart-links-in-live-pages": {
       "type": "boolean"
     },