@atlaskit/editor-plugin-card 0.1.0

package/dist/cjs/toolbar.js

@@ -0,0 +1,364 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.visitCardLink = exports.removeCard = exports.openLinkSettings = exports.floatingToolbar = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _prosemirrorState = require("prosemirror-state");
+var _prosemirrorUtils = require("prosemirror-utils");
+var _adfSchema = require("@atlaskit/adf-schema");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _card = require("@atlaskit/editor-common/card");
+var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
+var _styles = require("@atlaskit/editor-common/styles");
+var _utils = require("@atlaskit/editor-common/utils");
+var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
+var _settings = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
+var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
+var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
+var _doc = require("./pm-plugins/doc");
+var _main = require("./pm-plugins/main");
+var _EditLinkToolbar = require("./ui/EditLinkToolbar");
+var _LinkToolbarAppearance = require("./ui/LinkToolbarAppearance");
+var _SmallerEditIcon = require("./ui/SmallerEditIcon");
+var _utils2 = require("./utils");
+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; }
+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) { (0, _defineProperty2.default)(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; }
+var removeCard = function removeCard(editorAnalyticsApi) {
+  return (0, _card.commandWithMetadata)(function (state, dispatch) {
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return false;
+    }
+    var type = state.selection.node.type.name;
+    var payload = {
+      action: _analytics.ACTION.DELETED,
+      actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
+      actionSubjectId: type,
+      attributes: {
+        inputMethod: _analytics.INPUT_METHOD.TOOLBAR,
+        displayMode: type
+      },
+      eventType: _analytics.EVENT_TYPE.TRACK
+    };
+    if (dispatch) {
+      var tr = state.tr;
+      (0, _prosemirrorUtils.removeSelectedNode)(tr);
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload)(tr);
+      dispatch(tr);
+    }
+    return true;
+  }, {
+    action: _analytics.ACTION.DELETED
+  });
+};
+exports.removeCard = removeCard;
+var visitCardLink = function visitCardLink(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return false;
+    }
+    var type = state.selection.node.type;
+    var _titleUrlPairFromNode = (0, _utils2.titleUrlPairFromNode)(state.selection.node),
+      url = _titleUrlPairFromNode.url;
+
+    // All card links should open in the same tab per https://product-fabric.atlassian.net/browse/MS-1583.
+    // We are in edit mode here, open the smart card URL in a new window.
+    window.open(url);
+    if (dispatch) {
+      var tr = state.tr;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildVisitedLinkPayload)(type.name))(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+exports.visitCardLink = visitCardLink;
+var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
+  return function (state, dispatch) {
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return false;
+    }
+    window.open('https://id.atlassian.com/manage-profile/link-preferences');
+    if (dispatch) {
+      var tr = state.tr,
+        type = state.selection.node.type;
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildOpenedSettingsPayload)(type.name))(tr);
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+exports.openLinkSettings = openLinkSettings;
+var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platform, linkPickerOptions, pluginInjectionApi) {
+  return function (state, intl, providerFactory) {
+    var _state$schema$nodes = state.schema.nodes,
+      inlineCard = _state$schema$nodes.inlineCard,
+      blockCard = _state$schema$nodes.blockCard,
+      embedCard = _state$schema$nodes.embedCard;
+    var nodeType = [inlineCard, blockCard, embedCard];
+    var pluginState = _main.pluginKey.getState(state);
+    if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
+      return;
+    }
+    var selectedNode = state.selection.node;
+    if (!selectedNode) {
+      return;
+    }
+    var isEmbedCard = (0, _utils2.appearanceForNodeType)(selectedNode.type) === 'embed';
+
+    /* add an offset to embeds due to extra padding */
+    var toolbarOffset = isEmbedCard ? {
+      offset: [0, 24]
+    } : {};
+
+    // Applies padding override for when link picker is currently displayed
+    var className = pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? _styles.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
+
+    /**
+     * Enable focus trap only if feature flag is enabled AND for the new version of the picker
+     */
+    var lpLinkPicker = featureFlags.lpLinkPicker,
+      lpLinkPickerFocusTrap = featureFlags.lpLinkPickerFocusTrap,
+      preventPopupOverflow = featureFlags.preventPopupOverflow;
+    var shouldEnableFocusTrap = lpLinkPicker && lpLinkPickerFocusTrap;
+    var isLinkPickerEnabled = !!lpLinkPicker;
+    return _objectSpread(_objectSpread({
+      title: intl.formatMessage(_messages.cardMessages.card),
+      className: className,
+      nodeType: nodeType,
+      preventPopupOverflow: preventPopupOverflow
+    }, toolbarOffset), {}, {
+      getDomRef: function getDomRef(view) {
+        var element = (0, _prosemirrorUtils.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view));
+        if (!element) {
+          return undefined;
+        }
+        if (isEmbedCard) {
+          return element.querySelector(".".concat(_styles.richMediaClassName));
+        }
+        return element;
+      },
+      items: generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPickerOptions, pluginInjectionApi),
+      scrollable: pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? false : true,
+      focusTrap: shouldEnableFocusTrap && (pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar)
+    }, (0, _EditLinkToolbar.editLinkToolbarConfig)(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled));
+  };
+};
+exports.floatingToolbar = floatingToolbar;
+var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
+  var displayInfo = (0, _utils2.displayInfoForCard)(node, (0, _utils2.findCardInfo)(state));
+  var text = displayInfo.title || displayInfo.url;
+  if (text) {
+    return (0, _card.commandWithMetadata)((0, _doc.changeSelectedCardToText)(text, editorAnalyticsApi), {
+      action: _analytics.ACTION.UNLINK
+    });
+  }
+  return function () {
+    return false;
+  };
+};
+var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) {
+  return (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
+};
+var withToolbarMetadata = function withToolbarMetadata(command) {
+  return (0, _card.commandWithMetadata)(command, {
+    inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
+  });
+};
+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, _node$attrs2$datasour;
+    var _titleUrlPairFromNode2 = (0, _utils2.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 : {},
+      editorAnalyticsApi = _ref.actions;
+    var metadata = {};
+    if (url && !(0, _adfSchema.isSafeUrl)(url)) {
+      return [];
+    } else {
+      var _displayInfoForCard = (0, _utils2.displayInfoForCard)(node, (0, _utils2.findCardInfo)(state)),
+        title = _displayInfoForCard.title;
+      metadata = {
+        url: url,
+        title: title
+      };
+    }
+    var pluginState = _main.pluginKey.getState(state);
+    var currentAppearance = (0, _utils2.appearanceForNodeType)(node.type);
+    var _ref2 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.decorations) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
+      hoverDecoration = _ref2.hoverDecoration;
+    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' && (0, _utils.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') {
+      return [(0, _EditLinkToolbar.buildEditLinkToolbar)({
+        providerFactory: providerFactory,
+        linkPicker: linkPicker,
+        node: node,
+        featureFlags: featureFlags,
+        pluginInjectionApi: pluginInjectionApi
+      })];
+    } else if (shouldRenderDatasourceToolbar) {
+      return getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration);
+    } else {
+      var inlineCard = state.schema.nodes.inlineCard;
+      var toolbarItems = [{
+        id: 'editor.link.edit',
+        type: 'button',
+        selected: false,
+        metadata: metadata,
+        title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
+        showTitle: true,
+        testId: 'link-toolbar-edit-link-button',
+        onClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
+      }, {
+        type: 'separator'
+      }, {
+        id: 'editor.link.openLink',
+        type: 'button',
+        icon: _shortcut.default,
+        metadata: metadata,
+        className: 'hyperlink-open-link',
+        title: intl.formatMessage(_messages.linkMessages.openLink),
+        onClick: visitCardLink(editorAnalyticsApi)
+      }, {
+        type: 'separator'
+      }].concat((0, _toConsumableArray2.default)(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
+        type: 'copy-button',
+        items: [{
+          state: state,
+          formatMessage: intl.formatMessage,
+          nodeType: node.type
+        }, {
+          type: 'separator'
+        }]
+      }], (0, _toConsumableArray2.default)(getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi)), [{
+        id: 'editor.link.delete',
+        focusEditoronEnter: true,
+        type: 'button',
+        appearance: 'danger',
+        icon: _remove.default,
+        onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+        onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+        onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+        onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+        title: intl.formatMessage(_messages.default.remove),
+        onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
+      }]);
+      if (currentAppearance === 'embed') {
+        var _pluginInjectionApi$d6, _pluginInjectionApi$d7, _pluginInjectionApi$d8;
+        var alignmentOptions = buildAlignmentOptions(state, intl, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.width, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d7 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : (_pluginInjectionApi$d8 = _pluginInjectionApi$d7.analytics) === null || _pluginInjectionApi$d8 === void 0 ? void 0 : _pluginInjectionApi$d8.actions, cardOptions);
+        if (alignmentOptions.length) {
+          alignmentOptions.push({
+            type: 'separator'
+          });
+        }
+        toolbarItems.unshift.apply(toolbarItems, (0, _toConsumableArray2.default)(alignmentOptions));
+      }
+      var allowBlockCards = cardOptions.allowBlockCards,
+        allowEmbeds = cardOptions.allowEmbeds;
+
+      // This code will be executed only for appearances such as "inline", "block" & "embed"
+      // For url appearance, please see HyperlinkToolbarAppearanceProps
+      if (currentAppearance) {
+        toolbarItems.unshift({
+          type: 'custom',
+          fallback: [],
+          render: function render(editorView) {
+            return /*#__PURE__*/_react.default.createElement(_LinkToolbarAppearance.LinkToolbarAppearance, {
+              key: "link-appearance",
+              url: url,
+              intl: intl,
+              currentAppearance: currentAppearance,
+              editorView: editorView,
+              editorState: state,
+              allowEmbeds: allowEmbeds,
+              allowBlockCards: allowBlockCards,
+              platform: platform,
+              editorAnalyticsApi: editorAnalyticsApi,
+              cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions
+            });
+          }
+        }, {
+          type: 'separator'
+        });
+      }
+      return toolbarItems;
+    }
+  };
+};
+var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi) {
+  return node.type === inlineCard ? [{
+    id: 'editor.link.unlink',
+    focusEditoronEnter: true,
+    type: 'button',
+    title: intl.formatMessage(_messages.linkToolbarMessages.unlink),
+    icon: _unlink.default,
+    onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
+  }, {
+    type: 'separator'
+  }] : [];
+};
+var getSettingsButtonGroup = function getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi) {
+  var floatingToolbarLinkSettingsButton = featureFlags.floatingToolbarLinkSettingsButton;
+  return floatingToolbarLinkSettingsButton === 'true' ? [{
+    id: 'editor.link.settings',
+    type: 'button',
+    icon: _settings.default,
+    title: intl.formatMessage(_messages.linkToolbarMessages.settingsLink),
+    onClick: openLinkSettings(editorAnalyticsApi)
+  }, {
+    type: 'separator'
+  }] : [];
+};
+var getDatasourceButtonGroup = function getDatasourceButtonGroup(state, metadata, intl, editorAnalyticsApi, node, hoverDecoration) {
+  var _node$attrs3;
+  var toolbarItems = [{
+    id: 'editor.edit.datasource',
+    type: 'button',
+    icon: _SmallerEditIcon.SmallerEditIcon,
+    metadata: metadata,
+    className: 'datasource-edit',
+    title: intl.formatMessage(_messages.linkToolbarMessages.editDatasource),
+    onClick: (0, _EditLinkToolbar.editDatasource)(node, editorAnalyticsApi)
+  }];
+  if (node !== null && node !== void 0 && (_node$attrs3 = node.attrs) !== null && _node$attrs3 !== void 0 && _node$attrs3.url) {
+    toolbarItems.push({
+      type: 'separator'
+    }, {
+      id: 'editor.link.openLink',
+      type: 'button',
+      icon: _shortcut.default,
+      metadata: metadata,
+      className: 'hyperlink-open-link',
+      title: intl.formatMessage(_messages.linkMessages.openLink),
+      onClick: visitCardLink(editorAnalyticsApi)
+    });
+  }
+  toolbarItems.push({
+    type: 'separator'
+  }, {
+    id: 'editor.link.delete',
+    focusEditoronEnter: true,
+    type: 'button',
+    appearance: 'danger',
+    icon: _remove.default,
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
+    title: intl.formatMessage(_messages.default.remove),
+    onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
+  });
+  return toolbarItems;
+};

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/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/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 _prosemirrorState = require("prosemirror-state");
+var _linkDatasource = require("@atlaskit/link-datasource");
+var _actions = require("../../pm-plugins/actions");
+var _doc = require("../../pm-plugins/doc");
+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;