@atlaskit/editor-core 185.15.2 → 185.16.0

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _index = require("./index");
+var ModalWithState = function ModalWithState(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['card']),
+    cardState = _useSharedPluginState.cardState;
+  if (!(cardState !== null && cardState !== void 0 && cardState.showDatasourceModal)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_index.DatasourceModal, {
+    view: editorView,
+    modalType: cardState === null || cardState === void 0 ? void 0 : cardState.datasourceModalType
+  });
+};
+var _default = ModalWithState;
+exports.default = _default;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatasourceModal = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _linkDatasource = require("@atlaskit/link-datasource");
+var _actions = require("../../pm-plugins/actions");
+var _doc = require("../../pm-plugins/doc");
+var _prosemirrorState = require("prosemirror-state");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var DatasourceModal = function DatasourceModal(_ref) {
+  var view = _ref.view,
+    modalType = _ref.modalType;
+  var dispatch = view.dispatch,
+    state = view.state;
+  var selection = state.selection;
+  var existingNode = selection instanceof _prosemirrorState.NodeSelection ? selection.node : undefined;
+  var onClose = (0, _react.useCallback)(function () {
+    dispatch((0, _actions.hideDatasourceModal)(state.tr));
+  }, [dispatch, state.tr]);
+  var onInsert = (0, _react.useCallback)(function (newAdf) {
+    if (existingNode) {
+      (0, _doc.updateExistingDatasource)(state, existingNode, newAdf, view);
+    } else {
+      (0, _doc.insertDatasource)(state, newAdf, view);
+    }
+  }, [existingNode, state, view]);
+  if (modalType === 'jira') {
+    var _existingNode$attrs, _tableView$properties;
+    var _ref2 = (existingNode === null || existingNode === void 0 ? void 0 : (_existingNode$attrs = existingNode.attrs) === null || _existingNode$attrs === void 0 ? void 0 : _existingNode$attrs.datasource) || {},
+      _ref2$id = _ref2.id,
+      datasourceId = _ref2$id === void 0 ? _linkDatasource.JIRA_LIST_OF_LINKS_DATASOURCE_ID : _ref2$id,
+      parameters = _ref2.parameters,
+      _ref2$views = _ref2.views,
+      views = _ref2$views === void 0 ? [] : _ref2$views;
+    var _ref3 = views,
+      _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
+      tableView = _ref4[0];
+    var visibleColumnKeys = tableView === null || tableView === void 0 ? void 0 : (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns.map(function (column) {
+      return column.key;
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "jira-config-modal"
+    }, /*#__PURE__*/_react.default.createElement(_linkDatasource.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
+};
+exports.DatasourceModal = DatasourceModal;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EditLinkToolbar = void 0;
 exports.HyperlinkAddToolbarWithState = HyperlinkAddToolbarWithState;
-exports.openDatasourceModal = exports.editLinkToolbarConfig = exports.editLink = exports.editDatasource = exports.buildEditLinkToolbar = void 0;
+exports.editLinkToolbarConfig = exports.editLink = exports.editDatasource = exports.buildEditLinkToolbar = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -24,8 +24,8 @@ var _doc = require("../pm-plugins/doc");
 var _utils = require("../utils");
 var _prosemirrorState = require("prosemirror-state");
 var _messages = require("@atlaskit/editor-common/messages");
-var _DatasourceModal = require("./DatasourceModal");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _linkDatasource = require("@atlaskit/link-datasource");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 var HyperLinkToolbarWithListeners = (0, _ui.withOuterListeners)(HyperlinkAddToolbarWithState);
@@ -232,11 +232,13 @@ var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, l
   } : {};
 };
 exports.editLinkToolbarConfig = editLinkToolbarConfig;
-var editDatasource = function editDatasource(editorAnalyticsApi) {
+var editDatasource = function editDatasource(node, editorAnalyticsApi) {
   return function (state, dispatch) {
-    if (dispatch) {
+    var _node$attrs;
+    var modalType = ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource.id) === _linkDatasource.JIRA_LIST_OF_LINKS_DATASOURCE_ID ? 'jira' : undefined;
+    if (dispatch && modalType) {
       var tr = state.tr;
-      (0, _actions.showDatasourceModal)(tr);
+      (0, _actions.showDatasourceModal)(modalType)(tr);
       // editorAnalyticsApi?.attachAnalyticsEvent(
       //   buildEditLinkPayload(
       //     type as
@@ -251,26 +253,4 @@ var editDatasource = function editDatasource(editorAnalyticsApi) {
     return false;
   };
 };
-exports.editDatasource = editDatasource;
-var openDatasourceModal = function openDatasourceModal(_ref3) {
-  var state = _ref3.state,
-    node = _ref3.node,
-    editorAnalyticsApi = _ref3.editorAnalyticsApi;
-  return {
-    type: 'custom',
-    disableArrowNavigation: true,
-    fallback: [],
-    render: function render(view) {
-      if (!view) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(_DatasourceModal.DatasourceModal, {
-        state: state,
-        view: view,
-        node: node,
-        editorAnalyticsApi: editorAnalyticsApi
-      });
-    }
-  };
-};
-exports.openDatasourceModal = openDatasourceModal;
+exports.editDatasource = editDatasource;

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insertTypeAheadItem = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _prosemirrorHistory = require("prosemirror-history");
 var _prosemirrorModel = require("prosemirror-model");
 var _steps = require("@atlaskit/adf-schema/steps");
-var _prosemirrorHistory = require("prosemirror-history");
-var _key = require("../pm-plugins/key");
-var _insertUtils = require("../insert-utils");
-var _statsModifier = require("../stats-modifier");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _insertUtils = require("../insert-utils");
 var _actions = require("../pm-plugins/actions");
+var _key = require("../pm-plugins/key");
+var _statsModifier = require("../stats-modifier");
 var _closeTypeAhead = require("../transforms/close-type-ahead");
 var _utils = require("../utils");
 var validateNode = function validateNode(_ref) {

package/dist/cjs/test-utils.js

@@ -35,12 +35,12 @@ exports.setTextSelection = setTextSelection;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _prosemirrorState = require("prosemirror-state");
-var _sortByOrder = require("./create-editor/sort-by-order");
+var _preset = require("@atlaskit/editor-common/preset");
 var _createSchema = require("./create-editor/create-schema");
-var _base = _interopRequireDefault(require("./plugins/base"));
+var _sortByOrder = require("./create-editor/sort-by-order");
 var _pluginKey = require("./plugins/analytics/plugin-key");
+var _base = _interopRequireDefault(require("./plugins/base"));
 var _api = require("./plugins/type-ahead/api");
-var _preset = require("@atlaskit/editor-common/preset");
 var _eventDispatcher = require("./event-dispatcher");
 var _selection = require("./plugins/selection/gap-cursor/selection");
 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; }

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "185.15.2";
+var version = "185.16.0";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

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

package/dist/es2019/actions/index.js

@@ -1,15 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 } from '../utils/action';
+import { __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';
 export default class EditorActions {

package/dist/es2019/commands/index.js

@@ -1,8 +1,8 @@
 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/es2019/editor-next/editor-internal.js

@@ -1,20 +1,19 @@
 /** @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/es2019/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/es2019/editor-next/hooks/useProviderFactory.js

@@ -1,10 +1,10 @@
-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) {
   const extensionProvider = prepareExtensionProvider(() => editorActions)(extensionProviders);
   const quickInsertProvider = prepareQuickInsertProvider(editorActions, extensionProvider, quickInsert, createAnalyticsEvent);

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

@@ -1,23 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @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';
 export default class EditorNext extends React.Component {
   constructor(props, context) {
     super(props);

package/dist/es2019/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/es2019/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/es2019/editor-next/utils/sendDurationAnalytics.js

@@ -1,5 +1,5 @@
-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/es2019/editor.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 /** @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/es2019/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/es2019/nodeviews/context-adapter.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) {
   const value = React.useContext(reactContext);
   const context = React.useMemo(() => ({

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

@@ -1,6 +1,6 @@
 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/es2019/plugins/card/index.js

@@ -10,6 +10,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';
 const cardPlugin = (options, api) => {
   var _api$dependencies, _api$dependencies$fea;
   const 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 @@ const cardPlugin = (options, api) => {
         mountPoint: popupsMountPoint,
         scrollableElement: popupsScrollableElement,
         boundariesElement: popupsBoundariesElement
+      }), /*#__PURE__*/React.createElement(DatasourceModalWithState, {
+        api: api,
+        editorView: editorView
       }));
     },
     actions: {
@@ -96,7 +105,26 @@ const cardPlugin = (options, api) => {
       setSelectedCardAppearance
     },
     pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api)
+      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api),
+      quickInsert: ({
+        formatMessage
+      }) => {
+        if (canRenderDatasource(JIRA_LIST_OF_LINKS_DATASOURCE_ID)) {
+          return [{
+            id: 'datasource',
+            title: formatMessage(messages.datasourceJiraIssue),
+            description: formatMessage(messages.datasourceJiraIssueDescription),
+            keywords: ['jira'],
+            icon: () => /*#__PURE__*/React.createElement(IconDatasourceJiraIssue, null),
+            action(insert) {
+              const tr = insert(undefined);
+              showDatasourceModal('jira')(tr);
+              return tr;
+            }
+          }];
+        }
+        return [];
+      }
     }
   };
 };

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

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const 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/es2019/plugins/card/pm-plugins/actions.js

@@ -48,8 +48,9 @@ export const showLinkToolbar = tr => cardAction(tr, {
 export const hideLinkToolbar = tr => cardAction(tr, {
   type: 'HIDE_LINK_TOOLBAR'
 });
-export const showDatasourceModal = tr => cardAction(tr, {
-  type: 'SHOW_DATASOURCE_MODAL'
+export const showDatasourceModal = modalType => tr => cardAction(tr, {
+  type: 'SHOW_DATASOURCE_MODAL',
+  modalType
 });
 export const hideDatasourceModal = tr => cardAction(tr, {
   type: 'HIDE_DATASOURCE_MODAL'

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

@@ -407,11 +407,11 @@ export const updateExistingDatasource = (state, node, newAdf, view) => {
 
   // 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;
-    const newViews = (_ref = newAdf.attrs.datasource.views) !== null && _ref !== void 0 ? _ref : [];
-    const oldViews = (_ref2 = node.attrs.datasource.views) !== null && _ref2 !== void 0 ? _ref2 : [];
-    const 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(column => column.key);
-    const 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(column => column.key);
+    var _ref, _ref2, _newViews$properties, _oldViews$properties, _newAdf$attrs, _node$attrs;
+    const [newViews] = (_ref = newAdf.attrs.datasource.views) !== null && _ref !== void 0 ? _ref : [];
+    const [oldViews] = (_ref2 = node.attrs.datasource.views) !== null && _ref2 !== void 0 ? _ref2 : [];
+    const newColumnKeys = newViews === null || newViews === void 0 ? void 0 : (_newViews$properties = newViews.properties) === null || _newViews$properties === void 0 ? void 0 : _newViews$properties.columns.map(column => column.key);
+    const oldColumnKeys = oldViews === null || oldViews === void 0 ? void 0 : (_oldViews$properties = oldViews.properties) === null || _oldViews$properties === void 0 ? void 0 : _oldViews$properties.columns.map(column => column.key);
     const isColumnChange = !isEqual(oldColumnKeys, newColumnKeys);
     const isUrlChange = ((_newAdf$attrs = newAdf.attrs) === null || _newAdf$attrs === void 0 ? void 0 : _newAdf$attrs.url) !== ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url);
     if (isColumnChange || isUrlChange) {
@@ -423,4 +423,26 @@ export const updateExistingDatasource = (state, node, newAdf, view) => {
   }
   hideDatasourceModal(tr);
   view.dispatch(tr.scrollIntoView());
+};
+export const insertDatasource = (state, adf, view) => {
+  const {
+    tr,
+    selection: {
+      from
+    },
+    schema: {
+      nodes: schemaNodes
+    }
+  } = state;
+  const {
+    attrs,
+    type
+  } = adf;
+  const schemaNode = type === 'inlineCard' ? schemaNodes.inlineCard : schemaNodes.blockCard;
+  const 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/es2019/plugins/card/pm-plugins/main.js

@@ -49,6 +49,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           smartLinkEventsNext: undefined,
           editorAppearance,
           showDatasourceModal: false,
+          datasourceModalType: undefined,
           datasourceTableRef: undefined,
           layout: undefined
         };
@@ -166,8 +167,8 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
           const hasIntlContext = true;
           const 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,
                 view,

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

@@ -65,10 +65,18 @@ const setLinkToolbar = (state, action) => {
     showLinkingToolbar: action.type === 'SHOW_LINK_TOOLBAR'
   };
 };
-const setDatasourceModal = (state, action) => {
+const showDatasourceModal = (state, action) => {
   return {
     ...state,
-    showDatasourceModal: action.type === 'SHOW_DATASOURCE_MODAL'
+    showDatasourceModal: true,
+    datasourceModalType: action.type === 'SHOW_DATASOURCE_MODAL' ? action.modalType : undefined
+  };
+};
+const hideDatasourceModal = state => {
+  return {
+    ...state,
+    showDatasourceModal: false,
+    datasourceModalType: undefined
   };
 };
 export default ((state, action) => {
@@ -95,7 +103,8 @@ export default ((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/es2019/plugins/card/toolbar.js

@@ -11,7 +11,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';
@@ -165,7 +165,7 @@ const withToolbarMetadata = command => commandWithMetadata(command, {
   inputMethod: INPUT_METHOD.FLOATING_TB
 });
 const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) => 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;
   const {
     url
   } = titleUrlPairFromNode(node);
@@ -192,7 +192,7 @@ const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOp
   const isDatasource = currentAppearance === 'block' && (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
   const 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') {
@@ -203,12 +203,6 @@ const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOp
       featureFlags,
       pluginInjectionApi
     })];
-  } else if (pluginState !== null && pluginState !== void 0 && pluginState.showDatasourceModal) {
-    return [openDatasourceModal({
-      state,
-      node,
-      editorAnalyticsApi
-    })];
   } else if (shouldRenderDatasourceToolbar) {
     return getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration);
   } else {
@@ -334,7 +328,7 @@ const getDatasourceButtonGroup = (state, metadata, intl, editorAnalyticsApi, nod
     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({