@atlaskit/editor-core 185.16.1 → 185.16.5

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

@@ -1,353 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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; }
-import React from 'react';
-import { NodeSelection } from 'prosemirror-state';
-import { removeSelectedNode, findDomRefAtPos } from 'prosemirror-utils';
-import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
-import CogIcon from '@atlaskit/icon/glyph/editor/settings';
-import OpenIcon from '@atlaskit/icon/glyph/shortcut';
-import { buildLayoutButtons } from '@atlaskit/editor-common/card';
-import commonMessages, { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
-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 } from './ui/EditLinkToolbar';
-import { displayInfoForCard, findCardInfo, titleUrlPairFromNode, appearanceForNodeType } from './utils';
-import { isSafeUrl } from '@atlaskit/adf-schema';
-import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
-import { cardMessages as messages } from '@atlaskit/editor-common/messages';
-import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME } from '@atlaskit/editor-common/styles';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, buildOpenedSettingsPayload, buildVisitedLinkPayload } from '@atlaskit/editor-common/analytics';
-import { SmallerEditIcon } from './ui/SmallerEditIcon';
-import { canRenderDatasource } from '@atlaskit/editor-common/utils';
-export var removeCard = function removeCard(editorAnalyticsApi) {
-  return commandWithMetadata(function (state, dispatch) {
-    if (!(state.selection instanceof NodeSelection)) {
-      return false;
-    }
-    var type = state.selection.node.type.name;
-    var payload = {
-      action: ACTION.DELETED,
-      actionSubject: ACTION_SUBJECT.SMART_LINK,
-      actionSubjectId: type,
-      attributes: {
-        inputMethod: INPUT_METHOD.TOOLBAR,
-        displayMode: type
-      },
-      eventType: EVENT_TYPE.TRACK
-    };
-    if (dispatch) {
-      var tr = state.tr;
-      removeSelectedNode(tr);
-      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload)(tr);
-      dispatch(tr);
-    }
-    return true;
-  }, {
-    action: ACTION.DELETED
-  });
-};
-export var visitCardLink = function visitCardLink(editorAnalyticsApi) {
-  return function (state, dispatch) {
-    if (!(state.selection instanceof NodeSelection)) {
-      return false;
-    }
-    var type = state.selection.node.type;
-    var _titleUrlPairFromNode = 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(buildVisitedLinkPayload(type.name))(tr);
-      dispatch(tr);
-    }
-    return true;
-  };
-};
-export var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
-  return function (state, dispatch) {
-    if (!(state.selection instanceof 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(buildOpenedSettingsPayload(type.name))(tr);
-      dispatch(tr);
-    }
-    return true;
-  };
-};
-export 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 = pluginKey.getState(state);
-    if (!(state.selection instanceof NodeSelection)) {
-      return;
-    }
-    var selectedNode = state.selection.node;
-    if (!selectedNode) {
-      return;
-    }
-    var isEmbedCard = 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 ? 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.card),
-      className: className,
-      nodeType: nodeType,
-      preventPopupOverflow: preventPopupOverflow
-    }, toolbarOffset), {}, {
-      getDomRef: function getDomRef(view) {
-        var element = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
-        if (!element) {
-          return undefined;
-        }
-        if (isEmbedCard) {
-          return element.querySelector(".".concat(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)
-    }, editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled));
-  };
-};
-var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
-  var displayInfo = displayInfoForCard(node, findCardInfo(state));
-  var text = displayInfo.title || displayInfo.url;
-  if (text) {
-    return commandWithMetadata(changeSelectedCardToText(text, editorAnalyticsApi), {
-      action: ACTION.UNLINK
-    });
-  }
-  return function () {
-    return false;
-  };
-};
-var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) {
-  return 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 commandWithMetadata(command, {
-    inputMethod: 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 = 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 && !isSafeUrl(url)) {
-      return [];
-    } else {
-      var _displayInfoForCard = displayInfoForCard(node, findCardInfo(state)),
-        title = _displayInfoForCard.title;
-      metadata = {
-        url: url,
-        title: title
-      };
-    }
-    var pluginState = pluginKey.getState(state);
-    var currentAppearance = 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' && 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 [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(linkToolbarMessages.editLink),
-        showTitle: true,
-        testId: 'link-toolbar-edit-link-button',
-        onClick: editLink(editorAnalyticsApi)
-      }, {
-        type: 'separator'
-      }, {
-        id: 'editor.link.openLink',
-        type: 'button',
-        icon: OpenIcon,
-        metadata: metadata,
-        className: 'hyperlink-open-link',
-        title: intl.formatMessage(linkMessages.openLink),
-        onClick: visitCardLink(editorAnalyticsApi)
-      }, {
-        type: 'separator'
-      }].concat(_toConsumableArray(getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi)), [{
-        type: 'copy-button',
-        items: [{
-          state: state,
-          formatMessage: intl.formatMessage,
-          nodeType: node.type
-        }, {
-          type: 'separator'
-        }]
-      }], _toConsumableArray(getSettingsButtonGroup(state, featureFlags, intl, editorAnalyticsApi)), [{
-        id: 'editor.link.delete',
-        focusEditoronEnter: true,
-        type: 'button',
-        appearance: 'danger',
-        icon: RemoveIcon,
-        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(commonMessages.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, _toConsumableArray(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.createElement(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(linkToolbarMessages.unlink),
-    icon: UnlinkIcon,
-    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: CogIcon,
-    title: intl.formatMessage(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,
-    metadata: metadata,
-    className: 'datasource-edit',
-    title: intl.formatMessage(linkToolbarMessages.editDatasource),
-    onClick: 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: OpenIcon,
-      metadata: metadata,
-      className: 'hyperlink-open-link',
-      title: intl.formatMessage(linkMessages.openLink),
-      onClick: visitCardLink(editorAnalyticsApi)
-    });
-  }
-  toolbarItems.push({
-    type: 'separator'
-  }, {
-    id: 'editor.link.delete',
-    focusEditoronEnter: true,
-    type: 'button',
-    appearance: 'danger',
-    icon: RemoveIcon,
-    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(commonMessages.remove),
-    onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
-  });
-  return toolbarItems;
-};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,17 +0,0 @@
-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;

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

@@ -1,49 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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 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 NodeSelection ? selection.node : undefined;
-  var onClose = useCallback(function () {
-    dispatch(hideDatasourceModal(state.tr));
-  }, [dispatch, state.tr]);
-  var onInsert = useCallback(function (newAdf) {
-    if (existingNode) {
-      updateExistingDatasource(state, existingNode, newAdf, view);
-    } else {
-      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 ? 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 = _slicedToArray(_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.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/esm/plugins/card/ui/EditLinkToolbar.js

@@ -1,243 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; } }
-import React from 'react';
-import { withOuterListeners } from '@atlaskit/editor-common/ui';
-import { commandWithMetadata } from '@atlaskit/editor-common/card';
-import { HyperlinkAddToolbar as HyperlinkToolbar } from '@atlaskit/editor-common/link';
-import { showLinkToolbar, hideLinkToolbar as _hideLinkToolbar, showDatasourceModal } from '../pm-plugins/actions';
-import { INPUT_METHOD, ACTION, buildEditLinkPayload } from '@atlaskit/editor-common/analytics';
-import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
-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 { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
-var HyperLinkToolbarWithListeners = withOuterListeners(HyperlinkAddToolbarWithState);
-export function HyperlinkAddToolbarWithState(_ref) {
-  var _ref$linkPickerOption = _ref.linkPickerOptions,
-    linkPickerOptions = _ref$linkPickerOption === void 0 ? {} : _ref$linkPickerOption,
-    onSubmit = _ref.onSubmit,
-    displayText = _ref.displayText,
-    displayUrl = _ref.displayUrl,
-    providerFactory = _ref.providerFactory,
-    view = _ref.view,
-    onCancel = _ref.onCancel,
-    invokeMethod = _ref.invokeMethod,
-    featureFlags = _ref.featureFlags,
-    onClose = _ref.onClose,
-    onEscapeCallback = _ref.onEscapeCallback,
-    onClickAwayCallback = _ref.onClickAwayCallback,
-    pluginInjectionApi = _ref.pluginInjectionApi;
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink']),
-    hyperlinkState = _useSharedPluginState.hyperlinkState;
-  return /*#__PURE__*/React.createElement(HyperlinkToolbar, {
-    linkPickerOptions: linkPickerOptions,
-    onSubmit: onSubmit,
-    displayText: displayText,
-    displayUrl: displayUrl,
-    providerFactory: providerFactory,
-    view: view,
-    onCancel: onCancel,
-    invokeMethod: invokeMethod,
-    featureFlags: featureFlags,
-    onClose: onClose,
-    onEscapeCallback: onEscapeCallback,
-    onClickAwayCallback: onClickAwayCallback,
-    hyperlinkPluginState: hyperlinkState
-  });
-}
-export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
-  _inherits(EditLinkToolbar, _React$Component);
-  var _super = _createSuper(EditLinkToolbar);
-  function EditLinkToolbar() {
-    var _this;
-    _classCallCheck(this, EditLinkToolbar);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    /** Focus should move to the 'Edit link' button when the toolbar closes
-     * and not close the floating toolbar.
-     */
-    _defineProperty(_assertThisInitialized(_this), "handleEsc", function (e) {
-      var _this$props$forceFocu, _this$props;
-      (_this$props$forceFocu = (_this$props = _this.props).forceFocusSelector) === null || _this$props$forceFocu === void 0 ? void 0 : _this$props$forceFocu.call(_this$props, "[aria-label=\"".concat(linkToolbarMessages.editLink.defaultMessage, "\"]"), _this.props.view);
-    });
-    return _this;
-  }
-  _createClass(EditLinkToolbar, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.node !== this.props.node) {
-        this.hideLinkToolbar();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.hideLinkToolbar();
-    }
-  }, {
-    key: "hideLinkToolbar",
-    value: function hideLinkToolbar() {
-      var view = this.props.view;
-      view.dispatch(_hideLinkToolbar(view.state.tr));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        linkPickerOptions = _this$props2.linkPickerOptions,
-        providerFactory = _this$props2.providerFactory,
-        url = _this$props2.url,
-        text = _this$props2.text,
-        view = _this$props2.view,
-        featureFlags = _this$props2.featureFlags,
-        _onSubmit = _this$props2.onSubmit,
-        pluginInjectionApi = _this$props2.pluginInjectionApi;
-      return /*#__PURE__*/React.createElement(HyperLinkToolbarWithListeners, {
-        pluginInjectionApi: pluginInjectionApi,
-        view: view,
-        linkPickerOptions: linkPickerOptions,
-        providerFactory: providerFactory,
-        displayUrl: url,
-        displayText: text,
-        handleEscapeKeydown: this.handleEsc
-        // Assumes that the smart card link picker can only ever be invoked by clicking "edit"
-        // via the floating toolbar
-        ,
-        invokeMethod: INPUT_METHOD.FLOATING_TB,
-        featureFlags: featureFlags,
-        onSubmit: function onSubmit(href, title, displayText, inputMethod, analytic) {
-          _this2.hideLinkToolbar();
-          if (_onSubmit) {
-            _onSubmit(href, displayText || title, inputMethod, analytic);
-          }
-        },
-        onEscapeCallback: function onEscapeCallback(state, dispatch) {
-          var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.hyperlink.actions.hideLinkToolbar(tr);
-          _hideLinkToolbar(tr);
-          if (dispatch) {
-            dispatch(tr);
-            return true;
-          }
-          return false;
-        },
-        onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
-          var tr = state.tr;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.hyperlink.actions.hideLinkToolbar(tr);
-          if (dispatch) {
-            dispatch(tr);
-            return true;
-          }
-          return false;
-        }
-      });
-    }
-  }]);
-  return EditLinkToolbar;
-}(React.Component);
-export var editLink = function editLink(editorAnalyticsApi) {
-  return function (state, dispatch) {
-    var type = 'hyperlink';
-    if (state.selection instanceof NodeSelection) {
-      type = state.selection.node.type.name;
-    }
-    if (dispatch) {
-      var tr = state.tr;
-      showLinkToolbar(tr);
-      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(buildEditLinkPayload(type))(tr);
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
-};
-export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
-  var providerFactory = _ref2.providerFactory,
-    node = _ref2.node,
-    linkPicker = _ref2.linkPicker,
-    featureFlags = _ref2.featureFlags,
-    pluginInjectionApi = _ref2.pluginInjectionApi;
-  return {
-    type: 'custom',
-    disableArrowNavigation: true,
-    fallback: [],
-    render: function render(view, idx) {
-      var _pluginInjectionApi$d;
-      if (!view || !providerFactory) {
-        return null;
-      }
-      var displayInfo = displayInfoForCard(node, findCardInfo(view.state));
-      return /*#__PURE__*/React.createElement(EditLinkToolbar, {
-        pluginInjectionApi: pluginInjectionApi,
-        key: idx,
-        view: view,
-        linkPickerOptions: linkPicker,
-        providerFactory: providerFactory,
-        url: displayInfo.url,
-        text: displayInfo.title || '',
-        node: node,
-        featureFlags: featureFlags,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.forceFocusSelector,
-        onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
-          var urlChanged = newHref !== displayInfo.url;
-          var titleChanged = newText !== displayInfo.title;
-
-          // If the title is changed in a smartlink, convert to standard blue hyperlink
-          // (even if the url was also changed) - we don't want to lose the custom title.
-          if (titleChanged) {
-            var _pluginInjectionApi$d2;
-            return commandWithMetadata(changeSelectedCardToLink(newText, newHref, undefined, undefined, undefined, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions), {
-              action: ACTION.UPDATED,
-              inputMethod: inputMethod,
-              sourceEvent: analytic
-            })(view.state, view.dispatch);
-          }
-          if (urlChanged) {
-            // If *only* the url is changed in a smart link, reresolve
-            return updateCard(newHref, analytic)(view.state, view.dispatch);
-          }
-        }
-      });
-    }
-  };
-};
-export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
-  return showLinkingToolbar ? {
-    height: lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
-    width: RECENT_SEARCH_WIDTH_IN_PX,
-    forcePlacement: true
-  } : {};
-};
-export var editDatasource = function editDatasource(node, editorAnalyticsApi) {
-  return function (state, dispatch) {
-    var _node$attrs;
-    var 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) {
-      var tr = state.tr;
-      showDatasourceModal(modalType)(tr);
-      // editorAnalyticsApi?.attachAnalyticsEvent(
-      //   buildEditLinkPayload(
-      //     type as
-      //       | ACTION_SUBJECT_ID.CARD_INLINE
-      //       | ACTION_SUBJECT_ID.CARD_BLOCK
-      //       | ACTION_SUBJECT_ID.EMBEDS,
-      //   ),
-      // )(tr);
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
-};