@atlaskit/editor-plugin-card 4.3.6 → 4.3.7

package/dist/esm/toolbar.js

@@ -9,7 +9,6 @@ import { buildLayoutButtons, commandWithMetadata } from '@atlaskit/editor-common
 import { getLinkPreferencesURLFromENV } from '@atlaskit/editor-common/link';
 import commonMessages, { linkMessages, linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, richMediaClassName } from '@atlaskit/editor-common/styles';
-import { SmallerEditIcon } from '@atlaskit/editor-common/ui';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
@@ -21,17 +20,15 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { changeSelectedCardToText } from './pm-plugins/doc';
 import { pluginKey } from './pm-plugins/main';
 import { DatasourceAppearanceButton } from './ui/DatasourceAppearanceButton';
-import { editDatasource, EditDatasourceButton } from './ui/EditDatasourceButton';
-import { buildEditLinkToolbar, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
+import { buildEditLinkToolbar, editLinkToolbarConfig, getEditLinkCallback } from './ui/EditLinkToolbar';
 import { EditToolbarButton } from './ui/EditToolbarButton';
 import { HyperlinkToolbarAppearance } from './ui/HyperlinkToolbarAppearance';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
-import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceConfigEditable, isDatasourceNode, titleUrlPairFromNode } from './utils';
+import { appearanceForNodeType, displayInfoForCard, findCardInfo, isDatasourceNode, titleUrlPairFromNode } from './utils';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
     if (!(state.selection instanceof NodeSelection)) {
@@ -182,7 +179,7 @@ var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
 };
 var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) {
   return function (node) {
-    var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs, _node$attrs2;
+    var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _node$attrs;
     var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
       url = _titleUrlPairFromNode2.url;
     var _ref = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
@@ -202,9 +199,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
       hoverDecoration = _ref2.hoverDecoration;
     var isDatasource = isDatasourceNode(node);
-    var datasourceId = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
     var pluginState = pluginKey.getState(state);
-    var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && canRenderDatasource(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id);
+    var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && canRenderDatasource(node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id);
     if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar) {
       return [buildEditLinkToolbar({
         providerFactory: providerFactory,
@@ -217,8 +213,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance);
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
-      var isEditDropdownEnabled = cardOptions.allowDatasource && fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
-      var editItems = isEditDropdownEnabled ? [{
+      var editItems = cardOptions.allowDatasource ? [{
         type: 'custom',
         fallback: [],
         render: function render(editorView) {
@@ -228,7 +223,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
             intl: intl,
             editorAnalyticsApi: editorAnalyticsApi,
             editorView: editorView,
-            onLinkEditClick: editLink(editorAnalyticsApi, true),
+            onLinkEditClick: getEditLinkCallback(editorAnalyticsApi, true),
             currentAppearance: currentAppearance
           });
         }
@@ -240,7 +235,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         title: intl.formatMessage(linkToolbarMessages.editLink),
         showTitle: true,
         testId: 'link-toolbar-edit-link-button',
-        onClick: editLink(editorAnalyticsApi, true)
+        onClick: getEditLinkCallback(editorAnalyticsApi, true)
       }, {
         type: 'separator'
       }];
@@ -333,23 +328,6 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
           type: 'separator'
         }]));
       }
-      var shouldShowDatasourceEditButton = allowDatasource && !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
-      if (shouldShowDatasourceEditButton) {
-        toolbarItems.unshift({
-          type: 'custom',
-          fallback: [],
-          render: function render(editorView) {
-            return /*#__PURE__*/React.createElement(EditDatasourceButton, {
-              datasourceId: datasourceId,
-              intl: intl,
-              editorAnalyticsApi: editorAnalyticsApi,
-              url: url,
-              editorView: editorView,
-              currentAppearance: currentAppearance
-            });
-          }
-        });
-      }
       return toolbarItems;
     }
   };
@@ -380,22 +358,8 @@ export var getSettingsButton = function getSettingsButton(intl, editorAnalyticsA
   };
 };
 var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance) {
-  var _node$attrs3;
+  var _node$attrs2;
   var toolbarItems = [];
-  if (isDatasourceConfigEditable(datasourceId) && !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
-    toolbarItems.push({
-      id: 'editor.edit.datasource',
-      type: 'button',
-      icon: SmallerEditIcon,
-      metadata: metadata,
-      className: 'datasource-edit',
-      title: intl.formatMessage(linkToolbarMessages.editDatasource),
-      onClick: editDatasource(datasourceId, editorAnalyticsApi, 'datasource'),
-      testId: 'datasource-edit-button'
-    }, {
-      type: 'separator'
-    });
-  }
   var canShowAppearanceSwitch = function canShowAppearanceSwitch() {
     // we do not show smart-link or the datasource icons when the node does not have a url to resolve
     if (!metadata.url) {
@@ -444,26 +408,24 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
       type: 'separator'
     });
   }
-  if (fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar')) {
-    toolbarItems.push({
-      type: 'custom',
-      fallback: [],
-      render: function render(editorView) {
-        return /*#__PURE__*/React.createElement(EditToolbarButton, {
-          datasourceId: datasourceId,
-          node: node,
-          key: "edit-toolbar-item",
-          url: metadata.url,
-          intl: intl,
-          editorAnalyticsApi: editorAnalyticsApi,
-          editorView: editorView,
-          onLinkEditClick: editLink(editorAnalyticsApi, false),
-          currentAppearance: "datasource"
-        });
-      }
-    });
-  }
-  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+  toolbarItems.push({
+    type: 'custom',
+    fallback: [],
+    render: function render(editorView) {
+      return /*#__PURE__*/React.createElement(EditToolbarButton, {
+        datasourceId: datasourceId,
+        node: node,
+        key: "edit-toolbar-item",
+        url: metadata.url,
+        intl: intl,
+        editorAnalyticsApi: editorAnalyticsApi,
+        editorView: editorView,
+        onLinkEditClick: getEditLinkCallback(editorAnalyticsApi, false),
+        currentAppearance: "datasource"
+      });
+    }
+  });
+  if (node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.url) {
     toolbarItems.push({
       id: 'editor.link.openLink',
       type: 'button',
@@ -509,8 +471,7 @@ export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEna
 };
 export var getStartingToolbarItems = function getStartingToolbarItems(options, api) {
   return function (intl, link, onEditLink, metadata) {
-    var isEditDropdownEnabled = options.allowDatasource && fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar');
-    var editLinkItem = isEditDropdownEnabled ? [{
+    var editLinkItem = options.allowDatasource ? [{
       type: 'custom',
       fallback: [],
       render: function render(editorView) {

package/dist/esm/ui/EditLinkToolbar.js

@@ -124,7 +124,7 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
   }]);
   return EditLinkToolbar;
 }(React.Component);
-export var editLink = function editLink(editorAnalyticsApi, scrollIntoView) {
+export var getEditLinkCallback = function getEditLinkCallback(editorAnalyticsApi, scrollIntoView) {
   return function (state, dispatch) {
     var type = 'hyperlink';
     if (state.selection instanceof NodeSelection) {

package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -15,7 +15,7 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { ButtonItem } from '@atlaskit/menu';
 import { Flex } from '@atlaskit/primitives';
 import { focusEditorView } from '../../utils';
-import { editDatasource } from '../EditDatasourceButton';
+import { editDatasource } from '../editDatasourceAction';
 var dropdownExpandContainer = css({
   margin: "0px ".concat("var(--ds-space-negative-050, -4px)")
 });

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

@@ -17,9 +17,9 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
-import { editDatasource } from '../../ui/EditDatasourceButton';
 import { focusEditorView, isDatasourceConfigEditable } from '../../utils';
 import { CardContextProvider } from '../CardContextProvider';
+import { editDatasource } from '../editDatasourceAction';
 import { useFetchDatasourceDataInfo } from '../useFetchDatasourceDataInfo';
 import { useFetchDatasourceInfo } from '../useFetchDatasourceInfo';
 import EditToolbarButtonPresentation from './EditToolbarButtonPresentation';

package/dist/esm/ui/HyperlinkToolbarAppearance.js

@@ -4,10 +4,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useRef, useState } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
-import { EditDatasourceButton } from './EditDatasourceButton';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 export function HyperlinkToolbarAppearance(props) {
   var _props$cardOptions3;
@@ -126,13 +124,7 @@ export function HyperlinkToolbarAppearance(props) {
   if (!supportedUrlsMap.get(url)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Flex, null, !fg('platform.linking-platform.enable-datasource-edit-dropdown-toolbar') && /*#__PURE__*/React.createElement(EditDatasourceButton, {
-    url: url,
-    intl: intl,
-    editorView: editorView,
-    editorAnalyticsApi: editorAnalyticsApi,
-    currentAppearance: "url"
-  }), /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
+  return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(LinkToolbarAppearance, {
     key: "link-appearance",
     url: url,
     intl: intl,

package/dist/esm/ui/editDatasourceAction.js

@@ -0,0 +1,25 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getDatasourceType } from '@atlaskit/editor-common/utils';
+import { showDatasourceModal } from '../pm-plugins/actions';
+export var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey) {
+  return function (state, dispatch) {
+    var datasourceType = getDatasourceType(datasourceId);
+    if (dispatch && datasourceType) {
+      var tr = state.tr;
+      showDatasourceModal(datasourceType)(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BUTTON,
+        actionSubjectId: ACTION_SUBJECT_ID.EDIT_DATASOURCE,
+        eventType: EVENT_TYPE.UI,
+        attributes: {
+          extensionKey: extensionKey,
+          appearance: appearance
+        }
+      })(tr);
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+};

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

@@ -26,7 +26,7 @@ export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProp
     private hideLinkToolbar;
     render(): JSX.Element;
 }
-export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
+export declare const getEditLinkCallback: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
 export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjectionApi, linkPicker, lpLinkPicker, }: {
     providerFactory: ProviderFactory;
     node: Node;

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

@@ -0,0 +1,4 @@
+import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { type Command } from '@atlaskit/editor-common/types';
+import { type CardType } from '../types';
+export declare const editDatasource: (datasourceId: string, editorAnalyticsApi?: EditorAnalyticsAPI, appearance?: CardType, extensionKey?: string) => Command;

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

@@ -26,7 +26,7 @@ export declare class EditLinkToolbar extends React.Component<EditLinkToolbarProp
     private hideLinkToolbar;
     render(): JSX.Element;
 }
-export declare const editLink: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
+export declare const getEditLinkCallback: (editorAnalyticsApi: EditorAnalyticsAPI | undefined, scrollIntoView: boolean) => Command;
 export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjectionApi, linkPicker, lpLinkPicker, }: {
     providerFactory: ProviderFactory;
     node: Node;

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

@@ -0,0 +1,4 @@
+import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { type Command } from '@atlaskit/editor-common/types';
+import { type CardType } from '../types';
+export declare const editDatasource: (datasourceId: string, editorAnalyticsApi?: EditorAnalyticsAPI, appearance?: CardType, extensionKey?: string) => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "4.3.6",
+	"version": "4.3.7",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/adf-schema": "^42.3.1",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/custom-steps": "^0.8.0",
-		"@atlaskit/editor-common": "^94.0.0",
+		"@atlaskit/editor-common": "^94.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/smart-card": "^30.1.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.7.0",
+		"@atlaskit/tmp-editor-statsig": "^2.8.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -114,9 +114,6 @@
 		"platform-datasources-enable-two-way-sync": {
 			"type": "boolean"
 		},
-		"platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
-			"type": "boolean"
-		},
 		"linking-platform-contenteditable-false-live-view": {
 			"type": "boolean"
 		},

package/dist/cjs/ui/EditDatasourceButton.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.editDatasource = exports.EditDatasourceButton = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-common/utils");
-var _primitives = require("@atlaskit/primitives");
-var _actions = require("../pm-plugins/actions");
-var _utils2 = require("../utils");
-var _CardContextProvider = require("./CardContextProvider");
-var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var buttonStyles = (0, _react2.css)({
-  pointerEvents: 'auto'
-});
-
-// Edit button in toolbar to open datasource modal. This button is shown for inline, block, and embed cards
-// if they can resolve into a datasource.
-var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardContext(_ref) {
-  var cardContext = _ref.cardContext,
-    datasourceIdFromAdf = _ref.datasourceId,
-    intl = _ref.intl,
-    editorAnalyticsApi = _ref.editorAnalyticsApi,
-    url = _ref.url,
-    editorView = _ref.editorView,
-    currentAppearance = _ref.currentAppearance;
-  var _useFetchDatasourceIn = (0, _useFetchDatasourceInfo.useFetchDatasourceInfo)({
-      isRegularCardNode: true,
-      url: url,
-      cardContext: cardContext
-    }),
-    datasourceIdFromUrl = _useFetchDatasourceIn.datasourceId,
-    extensionKey = _useFetchDatasourceIn.extensionKey;
-  var datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
-  var onEditDatasource = (0, _react.useCallback)(function () {
-    if (editorView && datasourceId) {
-      editDatasource(datasourceId, editorAnalyticsApi, currentAppearance, extensionKey)(editorView.state, editorView.dispatch);
-      (0, _utils2.focusEditorView)(editorView);
-    }
-  }, [currentAppearance, datasourceId, editorAnalyticsApi, editorView, extensionKey]);
-  if (!datasourceId || !(0, _utils2.isDatasourceConfigEditable)(datasourceId)) {
-    return null;
-  }
-  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 null;
-    }
-  }
-  return (0, _react2.jsx)(_primitives.Flex, null, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
-    css: buttonStyles,
-    title: intl.formatMessage(_messages.cardMessages.datasourceTitle),
-    icon: (0, _react2.jsx)(_ui.SmallerEditIcon, null),
-    selected: false,
-    onClick: onEditDatasource,
-    testId: 'card-edit-datasource-button'
-  }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
-};
-var EditDatasourceButton = exports.EditDatasourceButton = function EditDatasourceButton(_ref2) {
-  var datasourceId = _ref2.datasourceId,
-    intl = _ref2.intl,
-    editorAnalyticsApi = _ref2.editorAnalyticsApi,
-    url = _ref2.url,
-    editorView = _ref2.editorView,
-    currentAppearance = _ref2.currentAppearance;
-  return (0, _react2.jsx)(_CardContextProvider.CardContextProvider, null, function (_ref3) {
-    var cardContext = _ref3.cardContext;
-    return (0, _react2.jsx)(EditDatasourceButtonWithCardContext, {
-      datasourceId: datasourceId,
-      url: url,
-      intl: intl,
-      editorAnalyticsApi: editorAnalyticsApi,
-      editorView: editorView,
-      cardContext: cardContext,
-      currentAppearance: currentAppearance
-    });
-  });
-};
-var editDatasource = exports.editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey) {
-  return function (state, dispatch) {
-    var datasourceType = (0, _utils.getDatasourceType)(datasourceId);
-    if (dispatch && datasourceType) {
-      var tr = state.tr;
-      (0, _actions.showDatasourceModal)(datasourceType)(tr);
-      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.EDIT_DATASOURCE,
-        eventType: _analytics.EVENT_TYPE.UI,
-        attributes: {
-          extensionKey: extensionKey,
-          appearance: appearance
-        }
-      })(tr);
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
-};

package/dist/es2019/ui/EditDatasourceButton.js

@@ -1,108 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-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 { focusEditorView, isDatasourceConfigEditable } from '../utils';
-import { CardContextProvider } from './CardContextProvider';
-import { useFetchDatasourceInfo } from './useFetchDatasourceInfo';
-const buttonStyles = css({
-  pointerEvents: 'auto'
-});
-
-// Edit button in toolbar to open datasource modal. This button is shown for inline, block, and embed cards
-// if they can resolve into a datasource.
-const EditDatasourceButtonWithCardContext = ({
-  cardContext,
-  datasourceId: datasourceIdFromAdf,
-  intl,
-  editorAnalyticsApi,
-  url,
-  editorView,
-  currentAppearance
-}) => {
-  const {
-    datasourceId: datasourceIdFromUrl,
-    extensionKey
-  } = useFetchDatasourceInfo({
-    isRegularCardNode: true,
-    url,
-    cardContext
-  });
-  const datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
-  const onEditDatasource = useCallback(() => {
-    if (editorView && datasourceId) {
-      editDatasource(datasourceId, editorAnalyticsApi, currentAppearance, extensionKey)(editorView.state, editorView.dispatch);
-      focusEditorView(editorView);
-    }
-  }, [currentAppearance, datasourceId, editorAnalyticsApi, editorView, extensionKey]);
-  if (!datasourceId || !isDatasourceConfigEditable(datasourceId)) {
-    return null;
-  }
-  if (url) {
-    var _cardContext$store, _urlState$error;
-    const urlState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$store = cardContext.store) === null || _cardContext$store === void 0 ? void 0 : _cardContext$store.getState()[url];
-    if ((urlState === null || urlState === void 0 ? void 0 : (_urlState$error = urlState.error) === null || _urlState$error === void 0 ? void 0 : _urlState$error.kind) === 'fatal') {
-      return null;
-    }
-  }
-  return jsx(Flex, null, jsx(Button, {
-    css: buttonStyles,
-    title: intl.formatMessage(messages.datasourceTitle),
-    icon: jsx(SmallerEditIcon, null),
-    selected: false,
-    onClick: onEditDatasource,
-    testId: 'card-edit-datasource-button'
-  }), jsx(Separator, null));
-};
-export const EditDatasourceButton = ({
-  datasourceId,
-  intl,
-  editorAnalyticsApi,
-  url,
-  editorView,
-  currentAppearance
-}) => {
-  return jsx(CardContextProvider, null, ({
-    cardContext
-  }) => jsx(EditDatasourceButtonWithCardContext, {
-    datasourceId: datasourceId,
-    url: url,
-    intl: intl,
-    editorAnalyticsApi: editorAnalyticsApi,
-    editorView: editorView,
-    cardContext: cardContext,
-    currentAppearance: currentAppearance
-  }));
-};
-export const editDatasource = (datasourceId, editorAnalyticsApi, appearance, extensionKey) => (state, dispatch) => {
-  const datasourceType = getDatasourceType(datasourceId);
-  if (dispatch && datasourceType) {
-    const {
-      tr
-    } = state;
-    showDatasourceModal(datasourceType)(tr);
-    editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
-      action: ACTION.CLICKED,
-      actionSubject: ACTION_SUBJECT.BUTTON,
-      actionSubjectId: ACTION_SUBJECT_ID.EDIT_DATASOURCE,
-      eventType: EVENT_TYPE.UI,
-      attributes: {
-        extensionKey,
-        appearance
-      }
-    })(tr);
-    dispatch(tr);
-    return true;
-  }
-  return false;
-};

package/dist/esm/ui/EditDatasourceButton.js

@@ -1,106 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-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 { focusEditorView, isDatasourceConfigEditable } from '../utils';
-import { CardContextProvider } from './CardContextProvider';
-import { useFetchDatasourceInfo } from './useFetchDatasourceInfo';
-var buttonStyles = css({
-  pointerEvents: 'auto'
-});
-
-// Edit button in toolbar to open datasource modal. This button is shown for inline, block, and embed cards
-// if they can resolve into a datasource.
-var EditDatasourceButtonWithCardContext = function EditDatasourceButtonWithCardContext(_ref) {
-  var cardContext = _ref.cardContext,
-    datasourceIdFromAdf = _ref.datasourceId,
-    intl = _ref.intl,
-    editorAnalyticsApi = _ref.editorAnalyticsApi,
-    url = _ref.url,
-    editorView = _ref.editorView,
-    currentAppearance = _ref.currentAppearance;
-  var _useFetchDatasourceIn = useFetchDatasourceInfo({
-      isRegularCardNode: true,
-      url: url,
-      cardContext: cardContext
-    }),
-    datasourceIdFromUrl = _useFetchDatasourceIn.datasourceId,
-    extensionKey = _useFetchDatasourceIn.extensionKey;
-  var datasourceId = datasourceIdFromUrl !== null && datasourceIdFromUrl !== void 0 ? datasourceIdFromUrl : datasourceIdFromAdf;
-  var onEditDatasource = useCallback(function () {
-    if (editorView && datasourceId) {
-      editDatasource(datasourceId, editorAnalyticsApi, currentAppearance, extensionKey)(editorView.state, editorView.dispatch);
-      focusEditorView(editorView);
-    }
-  }, [currentAppearance, datasourceId, editorAnalyticsApi, editorView, extensionKey]);
-  if (!datasourceId || !isDatasourceConfigEditable(datasourceId)) {
-    return null;
-  }
-  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 null;
-    }
-  }
-  return jsx(Flex, null, jsx(Button, {
-    css: buttonStyles,
-    title: intl.formatMessage(messages.datasourceTitle),
-    icon: jsx(SmallerEditIcon, null),
-    selected: false,
-    onClick: onEditDatasource,
-    testId: 'card-edit-datasource-button'
-  }), jsx(Separator, null));
-};
-export var EditDatasourceButton = function EditDatasourceButton(_ref2) {
-  var datasourceId = _ref2.datasourceId,
-    intl = _ref2.intl,
-    editorAnalyticsApi = _ref2.editorAnalyticsApi,
-    url = _ref2.url,
-    editorView = _ref2.editorView,
-    currentAppearance = _ref2.currentAppearance;
-  return jsx(CardContextProvider, null, function (_ref3) {
-    var cardContext = _ref3.cardContext;
-    return jsx(EditDatasourceButtonWithCardContext, {
-      datasourceId: datasourceId,
-      url: url,
-      intl: intl,
-      editorAnalyticsApi: editorAnalyticsApi,
-      editorView: editorView,
-      cardContext: cardContext,
-      currentAppearance: currentAppearance
-    });
-  });
-};
-export var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey) {
-  return function (state, dispatch) {
-    var datasourceType = getDatasourceType(datasourceId);
-    if (dispatch && datasourceType) {
-      var tr = state.tr;
-      showDatasourceModal(datasourceType)(tr);
-      editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
-        action: ACTION.CLICKED,
-        actionSubject: ACTION_SUBJECT.BUTTON,
-        actionSubjectId: ACTION_SUBJECT_ID.EDIT_DATASOURCE,
-        eventType: EVENT_TYPE.UI,
-        attributes: {
-          extensionKey: extensionKey,
-          appearance: appearance
-        }
-      })(tr);
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
-};