@atlaskit/editor-core 185.15.2 → 185.16.0

package/dist/es2019/plugins/card/ui/DatasourceModal/ModalWithState.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { DatasourceModal } from './index';
+const ModalWithState = ({
+  api,
+  editorView
+}) => {
+  const {
+    cardState
+  } = useSharedPluginState(api, ['card']);
+  if (!(cardState !== null && cardState !== void 0 && cardState.showDatasourceModal)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DatasourceModal, {
+    view: editorView,
+    modalType: cardState === null || cardState === void 0 ? void 0 : cardState.datasourceModalType
+  });
+};
+export default ModalWithState;

package/dist/es2019/plugins/card/ui/DatasourceModal/index.js

@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import { JIRA_LIST_OF_LINKS_DATASOURCE_ID, JiraIssuesConfigModal } from '@atlaskit/link-datasource';
+import { hideDatasourceModal } from '../../pm-plugins/actions';
+import { updateExistingDatasource, insertDatasource } from '../../pm-plugins/doc';
+import { NodeSelection } from 'prosemirror-state';
+export const DatasourceModal = ({
+  view,
+  modalType
+}) => {
+  const {
+    dispatch,
+    state
+  } = view;
+  const {
+    selection
+  } = state;
+  const existingNode = selection instanceof NodeSelection ? selection.node : undefined;
+  const onClose = useCallback(() => {
+    dispatch(hideDatasourceModal(state.tr));
+  }, [dispatch, state.tr]);
+  const onInsert = useCallback(newAdf => {
+    if (existingNode) {
+      updateExistingDatasource(state, existingNode, newAdf, view);
+    } else {
+      insertDatasource(state, newAdf, view);
+    }
+  }, [existingNode, state, view]);
+  if (modalType === 'jira') {
+    var _existingNode$attrs, _tableView$properties;
+    const {
+      id: datasourceId = JIRA_LIST_OF_LINKS_DATASOURCE_ID,
+      parameters,
+      views = []
+    } = (existingNode === null || existingNode === void 0 ? void 0 : (_existingNode$attrs = existingNode.attrs) === null || _existingNode$attrs === void 0 ? void 0 : _existingNode$attrs.datasource) || {};
+    const [tableView] = views;
+    const visibleColumnKeys = tableView === null || tableView === void 0 ? void 0 : (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(column => column.key);
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": "jira-config-modal"
+    }, /*#__PURE__*/React.createElement(JiraIssuesConfigModal, {
+      datasourceId: datasourceId,
+      visibleColumnKeys: visibleColumnKeys,
+      parameters: parameters,
+      onCancel: onClose,
+      onInsert: onInsert
+    }));
+  }
+  return null; // null for now until we have modal component that handles other datasources
+};

package/dist/es2019/plugins/card/ui/EditLinkToolbar.js

@@ -10,8 +10,8 @@ import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
 import { findCardInfo, displayInfoForCard } from '../utils';
 import { NodeSelection } from 'prosemirror-state';
 import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
-import { DatasourceModal } from './DatasourceModal';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
 const HyperLinkToolbarWithListeners = withOuterListeners(HyperlinkAddToolbarWithState);
 export function HyperlinkAddToolbarWithState({
   linkPickerOptions = {},
@@ -202,12 +202,14 @@ export const editLinkToolbarConfig = (showLinkingToolbar, lpLinkPicker) => {
     forcePlacement: true
   } : {};
 };
-export const editDatasource = editorAnalyticsApi => (state, dispatch) => {
-  if (dispatch) {
+export const editDatasource = (node, editorAnalyticsApi) => (state, dispatch) => {
+  var _node$attrs;
+  const modalType = ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource.id) === JIRA_LIST_OF_LINKS_DATASOURCE_ID ? 'jira' : undefined;
+  if (dispatch && modalType) {
     const {
       tr
     } = state;
-    showDatasourceModal(tr);
+    showDatasourceModal(modalType)(tr);
     // editorAnalyticsApi?.attachAnalyticsEvent(
     //   buildEditLinkPayload(
     //     type as
@@ -220,26 +222,4 @@ export const editDatasource = editorAnalyticsApi => (state, dispatch) => {
     return true;
   }
   return false;
-};
-export const openDatasourceModal = ({
-  state,
-  node,
-  editorAnalyticsApi
-}) => {
-  return {
-    type: 'custom',
-    disableArrowNavigation: true,
-    fallback: [],
-    render: view => {
-      if (!view) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(DatasourceModal, {
-        state: state,
-        view: view,
-        node: node,
-        editorAnalyticsApi: editorAnalyticsApi
-      });
-    }
-  };
 };

package/dist/es2019/plugins/type-ahead/commands/insert-type-ahead-item.js

@@ -1,11 +1,11 @@
-import { Node as PMNode, Fragment } from 'prosemirror-model';
-import { InsertTypeAheadStep, InsertTypeAheadStages } from '@atlaskit/adf-schema/steps';
 import { closeHistory } from 'prosemirror-history';
-import { pluginKey } from '../pm-plugins/key';
-import { insertBlockNode, insertInlineNodeOrFragment } from '../insert-utils';
-import { StatsModifier } from '../stats-modifier';
+import { Fragment, Node as PMNode } from 'prosemirror-model';
+import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import { insertBlockNode, insertInlineNodeOrFragment } from '../insert-utils';
 import { ACTIONS } from '../pm-plugins/actions';
+import { pluginKey } from '../pm-plugins/key';
+import { StatsModifier } from '../stats-modifier';
 import { closeTypeAhead } from '../transforms/close-type-ahead';
 import { getPluginState } from '../utils';
 const validateNode = ({

package/dist/es2019/test-utils.js

@@ -1,10 +1,10 @@
 import { TextSelection } from 'prosemirror-state';
-import { sortByOrder } from './create-editor/sort-by-order';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { createSchema } from './create-editor/create-schema';
-import basePlugin from './plugins/base';
+import { sortByOrder } from './create-editor/sort-by-order';
 import { analyticsPluginKey } from './plugins/analytics/plugin-key';
+import basePlugin from './plugins/base';
 export { createTypeAheadTools } from './plugins/type-ahead/api';
-import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 export function getFireAnalytics(editorView) {
   var _analyticsPluginKey$g;
   return analyticsPluginKey === null || analyticsPluginKey === void 0 ? void 0 : (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "185.15.2";
+export const version = "185.16.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "185.15.2",
+	"version": "185.16.0",
 	"sideEffects": false
 }

package/dist/esm/actions/index.js

@@ -4,16 +4,15 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Node } from 'prosemirror-model';
-import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { findParentNode, safeInsert } from 'prosemirror-utils';
+import { analyticsEventKey, isEmptyDocument, processRawValue } from '@atlaskit/editor-common/utils';
 import { createDispatch } from '../event-dispatcher';
 import { getCollabProvider } from '../plugins/collab-edit/native-collab-provider-plugin';
 import { findNodePosWithLocalId } from '../plugins/extension/utils';
 import { toJSON } from '../utils';
-import { getEditorValueWithMedia, __temporaryFixForConfigPanel as _temporaryFixForConfigPanel } from '../utils/action';
+import { __temporaryFixForConfigPanel as _temporaryFixForConfigPanel, getEditorValueWithMedia } from '../utils/action';
 import deprecationWarnings from '../utils/deprecation-warnings';
-import { isEmptyDocument, processRawValue } from '@atlaskit/editor-common/utils';
 import { processRawFragmentValue } from '../utils/document';
 import { findNodePosByFragmentLocalIds } from '../utils/nodes-by-localIds';
 var EditorActions = /*#__PURE__*/function () {

package/dist/esm/commands/index.js

@@ -4,8 +4,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { Fragment } from 'prosemirror-model';
 import { NodeSelection, Selection, TextSelection } from 'prosemirror-state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, withAnalytics } from '../plugins/analytics';
 import { canMoveDown, canMoveUp } from '../utils';
-import { withAnalytics, EVENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 export function preventDefault() {
   return function () {
     return true;

package/dist/esm/editor-next/editor-internal.js

@@ -2,22 +2,21 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /** @jsx jsx */
-
-import { BaseTheme, WidthProvider } from '@atlaskit/editor-common/ui';
-import { jsx, css } from '@emotion/react';
 import { Fragment } from 'react';
+import { css, jsx } from '@emotion/react';
+import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
+import { BaseTheme, WidthProvider } from '@atlaskit/editor-common/ui';
 import { getUiComponent } from '../create-editor';
-import ReactEditorView from '../create-editor/ReactEditorViewNext';
 import ErrorBoundary from '../create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
+import ReactEditorView from '../create-editor/ReactEditorViewNext';
 import { ContextAdapter } from '../nodeviews/context-adapter';
-import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import EditorContext from '../ui/EditorContext';
-import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
-import { getBaseFontSize } from './utils/getBaseFontSize';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 import useProviderFactory from './hooks/useProviderFactory';
+import { getBaseFontSize } from './utils/getBaseFontSize';
 /**
  * EditorInternal is used for the internal editor react component
  * with the lifecycle methods extracted into hooks.

package/dist/esm/editor-next/hooks/useMeasureEditorMountTime.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { clearMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { ACTION } from '@atlaskit/editor-common/analytics';
+import { clearMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import measurements from '../../utils/performance/measure-enum';
 import sendDurationAnalytics from '../utils/sendDurationAnalytics';
 import useEditorConstructor from './useEditorMeasuresConstructor';

package/dist/esm/editor-next/hooks/useProviderFactory.js

@@ -1,11 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { useEffect, useRef, useState } from 'react';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
-import prepareQuickInsertProvider from '../../utils/prepare-quick-insert-provider';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import prepareExtensionProvider from '../../utils/prepare-extension-provider';
-import handleProviders from '../utils/handleProviders';
+import prepareQuickInsertProvider from '../../utils/prepare-quick-insert-provider';
 import getProvidersFromEditorProps from '../utils/getProvidersFromEditorProps';
+import handleProviders from '../utils/handleProviders';
 function createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent) {
   var extensionProvider = prepareExtensionProvider(function () {
     return editorActions;

package/dist/esm/editor-next/index.js

@@ -10,24 +10,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
-
-import { WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
-import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
+import React from 'react';
 import { jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
-import React from 'react';
-import { name, version } from '../version-wrapper';
-import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import uuid from 'uuid/v4';
-import EditorActions from '../actions';
+import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
+import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
+import EditorActions from '../actions';
+import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
+import { basePlugin } from '../plugins';
+import { name, version } from '../version-wrapper';
 import EditorInternal from './editor-internal';
+import deprecationWarnings from './utils/deprecationWarnings';
 import { propTypes } from './utils/editorPropTypes';
-import trackEditorActions from './utils/trackEditorActions';
 import _onEditorCreated from './utils/onEditorCreated';
-import deprecationWarnings from './utils/deprecationWarnings';
-import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
-import { basePlugin } from '../plugins';
+import trackEditorActions from './utils/trackEditorActions';
 var EditorNext = /*#__PURE__*/function (_React$Component) {
   _inherits(EditorNext, _React$Component);
   var _super = _createSuper(EditorNext);

package/dist/esm/editor-next/utils/editorMeasureTTICallback.js

@@ -1,6 +1,6 @@
-import { getTTISeverity } from '@atlaskit/editor-common/utils';
-import { EditorExperience } from '@atlaskit/editor-common/ufo';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { EditorExperience } from '@atlaskit/editor-common/ufo';
+import { getTTISeverity } from '@atlaskit/editor-common/utils';
 export default function editorMeasureTTICallback(tti, ttiFromInvocation, canceled, performanceTracking, featureFlags, createAnalyticsEvent, experienceStore) {
   var _performanceTracking$;
   if (performanceTracking !== null && performanceTracking !== void 0 && (_performanceTracking$ = performanceTracking.ttiTracking) !== null && _performanceTracking$ !== void 0 && _performanceTracking$.enabled && createAnalyticsEvent) {

package/dist/esm/editor-next/utils/onEditorCreated.js

@@ -1,6 +1,6 @@
+import { ACTION } from '@atlaskit/editor-common/analytics';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
-import { ACTION } from '@atlaskit/editor-common/analytics';
 import measurements from '../../utils/performance/measure-enum';
 import sendDurationAnalytics from './sendDurationAnalytics';
 export default function onEditorCreated(instance, props, setExperienceStore, getExperienceStore, getCreateAnalyticsEvent, editorActions, startTime, registerEditorForActions) {

package/dist/esm/editor-next/utils/sendDurationAnalytics.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { EditorExperience } from '@atlaskit/editor-common/ufo';
 import { ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { EditorExperience } from '@atlaskit/editor-common/ufo';
 /**
  *
  * Util function to be used with the Editor component to send duration analytics

package/dist/esm/editor.js

@@ -8,8 +8,8 @@ import _extends from "@babel/runtime/helpers/extends";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { defaultProps } from './editor-next/utils/editorPropTypes';
 import EditorNext from './editor-next';
 import useUniversalPreset from './labs/next/presets/useUniversalPreset';

package/dist/esm/messages.js

@@ -1,7 +1,7 @@
 // Common Translations will live here
 import commonMessages, { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
-import { messages as statusMessages } from './plugins/status/nodeviews/messages';
 import { messages as dateMessages } from './plugins/date/nodeviews/messages';
+import { messages as statusMessages } from './plugins/status/nodeviews/messages';
 export { linkMessages };
 export { statusMessages };
 export { dateMessages };

package/dist/esm/nodeviews/context-adapter.js

@@ -9,8 +9,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
 import PropTypes from 'prop-types';
-import { SmartCardContext } from '@atlaskit/link-provider';
 import { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
+import { SmartCardContext } from '@atlaskit/link-provider';
 function useContextMemoized(reactContext) {
   var value = React.useContext(reactContext);
   var context = React.useMemo(function () {

package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js

@@ -1,8 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { inlineNodeViewClassname } from '@atlaskit/editor-common/react-node-view';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()

package/dist/esm/plugins/card/index.js

@@ -13,6 +13,12 @@ import { EditorSmartCardEventsNext } from './ui/EditorSmartCardEventsNext';
 import LayoutButton from './ui/LayoutButton';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { mountHyperlinkPlugin } from './pm-plugins/mountHyperlink';
+import { showDatasourceModal } from './pm-plugins/actions';
+import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
+import { messages } from './messages';
+import { IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
+import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
 var cardPlugin = function cardPlugin(options, api) {
   var _api$dependencies, _api$dependencies$fea;
   var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
@@ -87,6 +93,9 @@ var cardPlugin = function cardPlugin(options, api) {
         mountPoint: popupsMountPoint,
         scrollableElement: popupsScrollableElement,
         boundariesElement: popupsBoundariesElement
+      }), /*#__PURE__*/React.createElement(DatasourceModalWithState, {
+        api: api,
+        editorView: editorView
       }));
     },
     actions: {
@@ -96,7 +105,27 @@ var cardPlugin = function cardPlugin(options, api) {
       setSelectedCardAppearance: setSelectedCardAppearance
     },
     pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api)
+      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api),
+      quickInsert: function quickInsert(_ref3) {
+        var formatMessage = _ref3.formatMessage;
+        if (canRenderDatasource(JIRA_LIST_OF_LINKS_DATASOURCE_ID)) {
+          return [{
+            id: 'datasource',
+            title: formatMessage(messages.datasourceJiraIssue),
+            description: formatMessage(messages.datasourceJiraIssueDescription),
+            keywords: ['jira'],
+            icon: function icon() {
+              return /*#__PURE__*/React.createElement(IconDatasourceJiraIssue, null);
+            },
+            action: function action(insert) {
+              var tr = insert(undefined);
+              showDatasourceModal('jira')(tr);
+              return tr;
+            }
+          }];
+        }
+        return [];
+      }
     }
   };
 };

package/dist/esm/plugins/card/messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  datasourceJiraIssue: {
+    id: 'fabric.editor.datasource.jiraIssue',
+    defaultMessage: 'Jira Issues',
+    description: 'Insert a jira datasource table'
+  },
+  datasourceJiraIssueDescription: {
+    id: 'fabric.editor.datasource.jiraIssue.description',
+    defaultMessage: 'Insert issues from Jira Cloud with enhanced search, filtering, and configuration',
+    description: 'Insert a jira datasource table'
+  }
+});

package/dist/esm/plugins/card/pm-plugins/actions.js

@@ -87,10 +87,13 @@ export var hideLinkToolbar = function hideLinkToolbar(tr) {
     type: 'HIDE_LINK_TOOLBAR'
   });
 };
-export var showDatasourceModal = function showDatasourceModal(tr) {
-  return cardAction(tr, {
-    type: 'SHOW_DATASOURCE_MODAL'
-  });
+export var showDatasourceModal = function showDatasourceModal(modalType) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'SHOW_DATASOURCE_MODAL',
+      modalType: modalType
+    });
+  };
 };
 export var hideDatasourceModal = function hideDatasourceModal(tr) {
   return cardAction(tr, {

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

@@ -419,13 +419,17 @@ export var updateExistingDatasource = function updateExistingDatasource(state, n
 
   // datasource to datasource
   if (newAdf.type === 'blockCard' && newAdf.attrs.datasource && node.attrs.datasource) {
-    var _ref, _ref2, _newViews$, _newViews$$properties, _oldViews$, _oldViews$$properties, _newAdf$attrs, _node$attrs;
-    var newViews = (_ref = newAdf.attrs.datasource.views) !== null && _ref !== void 0 ? _ref : [];
-    var oldViews = (_ref2 = node.attrs.datasource.views) !== null && _ref2 !== void 0 ? _ref2 : [];
-    var newColumnKeys = (_newViews$ = newViews[0]) === null || _newViews$ === void 0 ? void 0 : (_newViews$$properties = _newViews$.properties) === null || _newViews$$properties === void 0 ? void 0 : _newViews$$properties.columns.map(function (column) {
+    var _ref3, _ref6, _newViews$properties, _oldViews$properties, _newAdf$attrs, _node$attrs;
+    var _ref = (_ref3 = newAdf.attrs.datasource.views) !== null && _ref3 !== void 0 ? _ref3 : [],
+      _ref2 = _slicedToArray(_ref, 1),
+      newViews = _ref2[0];
+    var _ref4 = (_ref6 = node.attrs.datasource.views) !== null && _ref6 !== void 0 ? _ref6 : [],
+      _ref5 = _slicedToArray(_ref4, 1),
+      oldViews = _ref5[0];
+    var newColumnKeys = newViews === null || newViews === void 0 ? void 0 : (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns.map(function (column) {
       return column.key;
     });
-    var oldColumnKeys = (_oldViews$ = oldViews[0]) === null || _oldViews$ === void 0 ? void 0 : (_oldViews$$properties = _oldViews$.properties) === null || _oldViews$$properties === void 0 ? void 0 : _oldViews$$properties.columns.map(function (column) {
+    var oldColumnKeys = oldViews === null || oldViews === void 0 ? void 0 : (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns.map(function (column) {
       return column.key;
     });
     var isColumnChange = !isEqual(oldColumnKeys, newColumnKeys);
@@ -439,4 +443,18 @@ export var updateExistingDatasource = function updateExistingDatasource(state, n
   }
   hideDatasourceModal(tr);
   view.dispatch(tr.scrollIntoView());
+};
+export var insertDatasource = function insertDatasource(state, adf, view) {
+  var tr = state.tr,
+    from = state.selection.from,
+    schemaNodes = state.schema.nodes;
+  var attrs = adf.attrs,
+    type = adf.type;
+  var schemaNode = type === 'inlineCard' ? schemaNodes.inlineCard : schemaNodes.blockCard;
+  var newNode = schemaNode.createChecked(attrs);
+  // in future, if we decide to do datasource insertion from the main toolbar, we should probably consider editor-plugin-content-insertion instead of tr.insert
+  // this will allow us to deal with insertions from multiple paths in a more consistent way
+  newNode && tr.insert(from, newNode);
+  hideDatasourceModal(tr);
+  view.dispatch(tr.scrollIntoView());
 };

package/dist/esm/plugins/card/pm-plugins/main.js

@@ -47,6 +47,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             smartLinkEventsNext: undefined,
             editorAppearance: editorAppearance,
             showDatasourceModal: false,
+            datasourceModalType: undefined,
             datasourceTableRef: undefined,
             layout: undefined
           };
@@ -158,8 +159,8 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
             var hasIntlContext = true;
             var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.datasource);
             if (isDatasource) {
-              var _node$attrs4;
-              if (platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 ? void 0 : _node$attrs4.datasource)) {
+              var _node$attrs4, _node$attrs4$datasour;
+              if (platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 ? void 0 : (_node$attrs4$datasour = _node$attrs4.datasource) === null || _node$attrs4$datasour === void 0 ? void 0 : _node$attrs4$datasour.id)) {
                 return new Datasource({
                   node: node,
                   view: view,

package/dist/esm/plugins/card/pm-plugins/reducers.js

@@ -60,9 +60,16 @@ var setLinkToolbar = function setLinkToolbar(state, action) {
     showLinkingToolbar: action.type === 'SHOW_LINK_TOOLBAR'
   });
 };
-var setDatasourceModal = function setDatasourceModal(state, action) {
+var showDatasourceModal = function showDatasourceModal(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
-    showDatasourceModal: action.type === 'SHOW_DATASOURCE_MODAL'
+    showDatasourceModal: true,
+    datasourceModalType: action.type === 'SHOW_DATASOURCE_MODAL' ? action.modalType : undefined
+  });
+};
+var hideDatasourceModal = function hideDatasourceModal(state) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    showDatasourceModal: false,
+    datasourceModalType: undefined
   });
 };
 export default (function (state, action) {
@@ -89,7 +96,8 @@ export default (function (state, action) {
     case 'HIDE_LINK_TOOLBAR':
       return setLinkToolbar(state, action);
     case 'SHOW_DATASOURCE_MODAL':
+      return showDatasourceModal(state, action);
     case 'HIDE_DATASOURCE_MODAL':
-      return setDatasourceModal(state, action);
+      return hideDatasourceModal(state);
   }
 });

package/dist/esm/plugins/card/toolbar.js

@@ -15,7 +15,7 @@ import { changeSelectedCardToText } from './pm-plugins/doc';
 import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { pluginKey } from './pm-plugins/main';
 import { richMediaClassName } from '@atlaskit/editor-common/styles';
-import { editDatasource, buildEditLinkToolbar, editLink, editLinkToolbarConfig, openDatasourceModal } from './ui/EditLinkToolbar';
+import { editDatasource, buildEditLinkToolbar, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
 import { displayInfoForCard, findCardInfo, titleUrlPairFromNode, appearanceForNodeType } from './utils';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
@@ -163,7 +163,7 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
 };
 var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
-    var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2;
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
     var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
       url = _titleUrlPairFromNode2.url;
     var _ref = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.analytics) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
@@ -186,7 +186,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
     var isDatasource = currentAppearance === 'block' && (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
     var shouldRenderDatasourceToolbar = isDatasource &&
     // not showing toolbar in mobile for now since not sure what our plans are for it
-    platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.datasource);
+    platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$datasour = _node$attrs2.datasource) === null || _node$attrs2$datasour === void 0 ? void 0 : _node$attrs2$datasour.id);
 
     /* mobile builds toolbar natively using toolbarItems */
     if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar && platform !== 'mobile') {
@@ -197,12 +197,6 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
         featureFlags: featureFlags,
         pluginInjectionApi: pluginInjectionApi
       })];
-    } else if (pluginState !== null && pluginState !== void 0 && pluginState.showDatasourceModal) {
-      return [openDatasourceModal({
-        state: state,
-        node: node,
-        editorAnalyticsApi: editorAnalyticsApi
-      })];
     } else if (shouldRenderDatasourceToolbar) {
       return getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration);
     } else {
@@ -325,7 +319,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(state, metadata
     metadata: metadata,
     className: 'datasource-edit',
     title: intl.formatMessage(linkToolbarMessages.editDatasource),
-    onClick: editDatasource(editorAnalyticsApi)
+    onClick: editDatasource(node, editorAnalyticsApi)
   }];
   if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
     toolbarItems.push({

package/dist/esm/plugins/card/ui/DatasourceModal/ModalWithState.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { DatasourceModal } from './index';
+var ModalWithState = function ModalWithState(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
+  var _useSharedPluginState = useSharedPluginState(api, ['card']),
+    cardState = _useSharedPluginState.cardState;
+  if (!(cardState !== null && cardState !== void 0 && cardState.showDatasourceModal)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DatasourceModal, {
+    view: editorView,
+    modalType: cardState === null || cardState === void 0 ? void 0 : cardState.datasourceModalType
+  });
+};
+export default ModalWithState;