@atlaskit/editor-core 171.0.1 → 172.0.0

package/dist/cjs/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -2,15 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.menuItemDimensions = exports.itemSpacing = exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -31,7 +27,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _item = _interopRequireWildcard(require("@atlaskit/item"));
+var _menu = require("@atlaskit/menu");
 
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 
@@ -45,10 +41,6 @@ var _tokens = require("@atlaskit/tokens");
 
 var _templateObject, _templateObject2;
 
-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 _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; } }
@@ -59,27 +51,9 @@ var menuItemDimensions = {
 };
 exports.menuItemDimensions = menuItemDimensions;
 var spacer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  padding: 8px;\n"])));
-var menuContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", "px;\n\n  // temporary solution before we migrated off dst/item\n  & span[class^='ItemParts__Before'] {\n    margin-right: 4px;\n  }\n"])), menuItemDimensions.width);
-var padding = (0, _constants.gridSize)();
+var menuContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", "px;\n\n  // temporary solution to retain spacing defined by @atlaskit/Item\n  & button {\n    min-height: ", "px;\n    padding: 8px 8px 7px;\n\n    & > [data-item-elem-before] {\n      margin-right: ", "px;\n    }\n  }\n"])), menuItemDimensions.width, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() / 2);
 var itemSpacing = (0, _constants.gridSize)() / 2;
 exports.itemSpacing = itemSpacing;
-var editorItemTheme = {
-  borderRadius: 0,
-  beforeItemSpacing: {
-    compact: itemSpacing
-  },
-  padding: {
-    compact: {
-      bottom: padding,
-      left: padding,
-      right: padding,
-      top: padding
-    }
-  },
-  height: {
-    compact: menuItemDimensions.height
-  }
-};
 
 var Dropdown = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Dropdown, _Component);
@@ -106,10 +80,9 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }, items.filter(function (item) {
         return !item.hidden;
       }).map(function (item, idx) {
-        var itemContent = (0, _react.jsx)(_item.default, {
+        var itemContent = (0, _react.jsx)(_menu.ButtonItem, {
           key: idx,
-          isCompact: true,
-          elemBefore: _this.renderSelected(item, intl),
+          iconBefore: _this.renderSelected(item, intl),
           onClick: function onClick() {
             /**
              * The order of dispatching the event and hide() is important, because
@@ -122,7 +95,9 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           },
           "data-testid": item.testId,
           isDisabled: item.disabled,
-          theme: (0, _defineProperty2.default)({}, _item.itemThemeNamespace, editorItemTheme)
+          onMouseDown: function onMouseDown(e) {
+            e.preventDefault();
+          }
         }, item.title);
 
         if (item.tooltip) {

package/dist/cjs/plugins/hyperlink/Toolbar.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getToolbarConfig = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -35,6 +37,8 @@ var _analytics = require("../analytics");
 
 var _linkingUtils = require("../../utils/linking-utils");
 
+var _toolbar = require("../copy-button/toolbar");
+
 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; }
@@ -72,148 +76,155 @@ function getLinkText(activeLinkMark, state) {
   return activeLinkMark.node.text;
 }
 
-var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, cardOptions) {
-  var formatMessage = intl.formatMessage;
-
-  var linkState = _main.stateKey.getState(state);
-
-  if (linkState && linkState.activeLinkMark) {
-    var activeLinkMark = linkState.activeLinkMark;
-    var hyperLinkToolbar = {
-      title: 'Hyperlink floating controls',
-      nodeType: [state.schema.nodes.text, state.schema.nodes.paragraph, state.schema.nodes.heading, state.schema.nodes.taskItem, state.schema.nodes.decisionItem, state.schema.nodes.caption].filter(function (nodeType) {
-        return !!nodeType;
-      }),
-      // Use only the node types existing in the schema ED-6745
-      align: 'left',
-      className: activeLinkMark.type.match('INSERT|EDIT_INSERTED') ? 'hyperlink-floating-toolbar' : ''
-    };
-
-    switch (activeLinkMark.type) {
-      case 'EDIT':
-        {
-          var pos = activeLinkMark.pos,
-              node = activeLinkMark.node;
-          var linkMark = node.marks.filter(function (mark) {
-            return mark.type === state.schema.marks.link;
-          });
-          var link = linkMark[0] && linkMark[0].attrs.href;
-          var isValidUrl = (0, _adfSchema.isSafeUrl)(link);
-          var labelOpenLink = formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
-
-          var labelUnlink = formatMessage(_messages.linkToolbarMessages.unlink);
-          var editLink = formatMessage(_messages.linkToolbarMessages.editLink);
-          var metadata = {
-            url: link,
-            title: ''
-          };
-
-          if (activeLinkMark.node.text) {
-            metadata.title = activeLinkMark.node.text;
-          }
-
-          return _objectSpread(_objectSpread({}, hyperLinkToolbar), {}, {
-            height: 32,
-            width: 250,
-            items: [{
-              type: 'custom',
-              fallback: [],
-              render: function render(editorView) {
-                return /*#__PURE__*/_react.default.createElement(_HyperlinkToolbarAppearance.HyperlinkToolbarAppearance, {
-                  key: "link-appearance",
-                  url: link,
-                  intl: intl,
-                  editorView: editorView,
-                  editorState: state,
-                  cardOptions: cardOptions,
-                  providerFactory: providerFactory // platform={} // TODO: pass platform
-
-                });
-              }
-            }, {
-              id: 'editor.link.edit',
-              type: 'button',
-              onClick: (0, _commands.editInsertedLink)(),
-              selected: false,
-              title: editLink,
-              showTitle: true,
-              metadata: metadata
-            }, {
-              type: 'separator'
-            }, {
-              id: 'editor.link.openLink',
-              type: 'button',
-              disabled: !isValidUrl,
-              target: '_blank',
-              href: isValidUrl ? link : undefined,
-              onClick: visitHyperlink(),
-              selected: false,
-              title: labelOpenLink,
-              icon: _shortcut.default,
-              className: 'hyperlink-open-link',
-              metadata: metadata,
-              tabIndex: null
-            }, {
-              type: 'separator'
-            }, {
-              id: 'editor.link.unlink',
-              type: 'button',
-              onClick: (0, _commands.removeLink)(pos),
-              selected: false,
-              title: labelUnlink,
-              icon: _unlink.default,
-              tabIndex: null
-            }]
-          });
-        }
-
-      case 'EDIT_INSERTED':
-      case 'INSERT':
-        {
-          var _link;
-
-          if (isEditLink(activeLinkMark) && activeLinkMark.node) {
-            var _linkMark = activeLinkMark.node.marks.filter(function (mark) {
+var getToolbarConfig = function getToolbarConfig(options) {
+  return function (state, intl, providerFactory) {
+    var formatMessage = intl.formatMessage;
+
+    var linkState = _main.stateKey.getState(state);
+
+    if (linkState && linkState.activeLinkMark) {
+      var activeLinkMark = linkState.activeLinkMark;
+      var hyperLinkToolbar = {
+        title: 'Hyperlink floating controls',
+        nodeType: [state.schema.nodes.text, state.schema.nodes.paragraph, state.schema.nodes.heading, state.schema.nodes.taskItem, state.schema.nodes.decisionItem, state.schema.nodes.caption].filter(function (nodeType) {
+          return !!nodeType;
+        }),
+        // Use only the node types existing in the schema ED-6745
+        align: 'left',
+        className: activeLinkMark.type.match('INSERT|EDIT_INSERTED') ? 'hyperlink-floating-toolbar' : ''
+      };
+
+      switch (activeLinkMark.type) {
+        case 'EDIT':
+          {
+            var pos = activeLinkMark.pos,
+                node = activeLinkMark.node;
+            var linkMark = node.marks.filter(function (mark) {
               return mark.type === state.schema.marks.link;
             });
-
-            _link = _linkMark[0] && _linkMark[0].attrs.href;
-          }
-
-          var displayText = isEditLink(activeLinkMark) ? getLinkText(activeLinkMark, state) : linkState.activeText;
-          return _objectSpread(_objectSpread({}, hyperLinkToolbar), {}, {
-            height: _ToolbarComponents.RECENT_SEARCH_HEIGHT_IN_PX,
-            width: _ToolbarComponents.RECENT_SEARCH_WIDTH_IN_PX,
-            items: [{
-              type: 'custom',
-              fallback: [],
-              render: function render(view, idx) {
-                if (!view) {
-                  return null;
+            var link = linkMark[0] && linkMark[0].attrs.href;
+            var isValidUrl = (0, _adfSchema.isSafeUrl)(link);
+            var labelOpenLink = formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
+
+            var labelUnlink = formatMessage(_messages.linkToolbarMessages.unlink);
+            var editLink = formatMessage(_messages.linkToolbarMessages.editLink);
+            var metadata = {
+              url: link,
+              title: ''
+            };
+
+            if (activeLinkMark.node.text) {
+              metadata.title = activeLinkMark.node.text;
+            }
+
+            return _objectSpread(_objectSpread({}, hyperLinkToolbar), {}, {
+              height: 32,
+              width: 250,
+              items: [{
+                type: 'custom',
+                fallback: [],
+                render: function render(editorView) {
+                  return /*#__PURE__*/_react.default.createElement(_HyperlinkToolbarAppearance.HyperlinkToolbarAppearance, {
+                    key: "link-appearance",
+                    url: link,
+                    intl: intl,
+                    editorView: editorView,
+                    editorState: state,
+                    cardOptions: options === null || options === void 0 ? void 0 : options.cardOptions,
+                    providerFactory: providerFactory // platform={} // TODO: pass platform
+
+                  });
                 }
+              }, {
+                id: 'editor.link.edit',
+                type: 'button',
+                onClick: (0, _commands.editInsertedLink)(),
+                selected: false,
+                title: editLink,
+                showTitle: true,
+                metadata: metadata
+              }, {
+                type: 'separator'
+              }, {
+                id: 'editor.link.openLink',
+                type: 'button',
+                disabled: !isValidUrl,
+                target: '_blank',
+                href: isValidUrl ? link : undefined,
+                onClick: visitHyperlink(),
+                selected: false,
+                title: labelOpenLink,
+                icon: _shortcut.default,
+                className: 'hyperlink-open-link',
+                metadata: metadata,
+                tabIndex: null
+              }, {
+                type: 'separator'
+              }, {
+                id: 'editor.link.unlink',
+                type: 'button',
+                onClick: (0, _commands.removeLink)(pos),
+                selected: false,
+                title: labelUnlink,
+                icon: _unlink.default,
+                tabIndex: null
+              }].concat((0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [{
+                type: 'separator'
+              }, (0, _toolbar.getCopyButtonConfig)(state, intl.formatMessage, hyperLinkToolbar.nodeType)] : []))
+            });
+          }
 
-                return /*#__PURE__*/_react.default.createElement(_HyperlinkAddToolbar.default, {
-                  view: view,
-                  key: idx,
-                  displayUrl: _link,
-                  displayText: displayText || '',
-                  providerFactory: providerFactory,
-                  onSubmit: function onSubmit(href) {
-                    var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-                    var displayText = arguments.length > 2 ? arguments[2] : undefined;
-                    var inputMethod = arguments.length > 3 ? arguments[3] : undefined;
-                    isEditLink(activeLinkMark) ? (0, _commands.updateLink)(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : (0, _commands.insertLinkWithAnalytics)(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(cardOptions && cardOptions.provider))(view.state, view.dispatch);
-                    view.focus();
+        case 'EDIT_INSERTED':
+        case 'INSERT':
+          {
+            var _link;
+
+            if (isEditLink(activeLinkMark) && activeLinkMark.node) {
+              var _linkMark = activeLinkMark.node.marks.filter(function (mark) {
+                return mark.type === state.schema.marks.link;
+              });
+
+              _link = _linkMark[0] && _linkMark[0].attrs.href;
+            }
+
+            var displayText = isEditLink(activeLinkMark) ? getLinkText(activeLinkMark, state) : linkState.activeText;
+            return _objectSpread(_objectSpread({}, hyperLinkToolbar), {}, {
+              height: _ToolbarComponents.RECENT_SEARCH_HEIGHT_IN_PX,
+              width: _ToolbarComponents.RECENT_SEARCH_WIDTH_IN_PX,
+              items: [{
+                type: 'custom',
+                fallback: [],
+                render: function render(view, idx) {
+                  if (!view) {
+                    return null;
                   }
-                });
-              }
-            }]
-          });
-        }
+
+                  return /*#__PURE__*/_react.default.createElement(_HyperlinkAddToolbar.default, {
+                    view: view,
+                    key: idx,
+                    linkPickerOptions: options === null || options === void 0 ? void 0 : options.linkPicker,
+                    displayUrl: _link,
+                    displayText: displayText || '',
+                    providerFactory: providerFactory,
+                    onSubmit: function onSubmit(href) {
+                      var _options$cardOptions;
+
+                      var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+                      var displayText = arguments.length > 2 ? arguments[2] : undefined;
+                      var inputMethod = arguments.length > 3 ? arguments[3] : undefined;
+                      isEditLink(activeLinkMark) ? (0, _commands.updateLink)(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : (0, _commands.insertLinkWithAnalytics)(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider))(view.state, view.dispatch);
+                      view.focus();
+                    }
+                  });
+                }
+              }]
+            });
+          }
+      }
     }
-  }
 
-  return;
+    return;
+  };
 };
 
 exports.getToolbarConfig = getToolbarConfig;

package/dist/cjs/plugins/hyperlink/index.js

@@ -39,9 +39,11 @@ var hyperlinkPlugin = function hyperlinkPlugin(options) {
       }];
     },
     pmPlugins: function pmPlugins() {
+      var _options$cardOptions;
+
       // Skip analytics if card provider is available, as they will be
       // sent on handleRejected upon attempting to resolve smart link.
-      var skipAnalytics = !!options && !!options.provider;
+      var skipAnalytics = !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider);
       return [{
         name: 'hyperlink',
         plugin: function plugin(_ref) {
@@ -97,9 +99,7 @@ var hyperlinkPlugin = function hyperlinkPlugin(options) {
           }
         }];
       },
-      floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
-        return (0, _Toolbar.getToolbarConfig)(state, intl, providerFactory, options);
-      }
+      floatingToolbar: (0, _Toolbar.getToolbarConfig)(options)
     }
   };
 };

package/dist/cjs/plugins/hyperlink/ui/EditorLinkPicker/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorLinkPicker = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkPicker = require("@atlaskit/link-picker");
+
+var _actions = require("../../../card/pm-plugins/actions");
+
+var _commands = require("../../commands");
+
+var _useEscapeClickaway = require("./useEscapeClickaway");
+
+var _excluded = ["view"];
+
+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 EditorLinkPicker = function EditorLinkPicker(_ref) {
+  var view = _ref.view,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var onEscape = (0, _react.useCallback)(function () {
+    (0, _commands.hideLinkToolbar)()(view.state, view.dispatch);
+    view.dispatch((0, _actions.hideLinkToolbar)(view.state.tr));
+  }, [view]);
+  var onClickAway = (0, _react.useCallback)(function () {
+    (0, _commands.hideLinkToolbar)()(view.state, view.dispatch);
+  }, [view]);
+  var ref = (0, _useEscapeClickaway.useEscapeClickaway)(onEscape, onClickAway);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_linkPicker.LinkPicker, (0, _extends2.default)({}, restProps, {
+    onCancel: onEscape
+  })));
+};
+
+exports.EditorLinkPicker = EditorLinkPicker;

package/dist/cjs/plugins/hyperlink/ui/EditorLinkPicker/useEscapeClickaway.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEscapeClickaway = void 0;
+
+var _react = require("react");
+
+var useEscapeClickaway = function useEscapeClickaway(onEscape, onClickAway) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var handleClickAway = function handleClickAway(event) {
+      var el = ref.current;
+
+      if (event.target instanceof Element && el && !el.contains(event.target)) {
+        onClickAway();
+      }
+    };
+
+    var handleKeydown = function handleKeydown(event) {
+      if (event.key === 'Escape') {
+        event.preventDefault();
+        onEscape();
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickAway);
+    document.addEventListener('keydown', handleKeydown);
+    return function () {
+      document.removeEventListener('mousedown', handleClickAway);
+      document.removeEventListener('keydown', handleKeydown);
+    };
+  }, [onClickAway, onEscape]);
+  return ref;
+};
+
+exports.useEscapeClickaway = useEscapeClickaway;

package/dist/cjs/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -23,14 +25,34 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 
 var _HyperlinkAddToolbar = _interopRequireDefault(require("./HyperlinkAddToolbar"));
 
+var _analytics = require("../../../analytics");
+
 var _main = require("../../pm-plugins/main");
 
 var _WithPluginState = _interopRequireDefault(require("../../../../ui/WithPluginState"));
 
+var _featureFlagsContext = require("../../../feature-flags-context");
+
+var _EditorLinkPicker = require("../EditorLinkPicker");
+
 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; } }
 
+/**
+ * Wraps around the editor's onSubmit handler so that the plugin can interface with the link picker
+ */
+var onSubmitInterface = function onSubmitInterface(onSubmit) {
+  return function (_ref) {
+    var url = _ref.url,
+        title = _ref.title,
+        displayText = _ref.displayText,
+        rawUrl = _ref.rawUrl,
+        meta = _ref.meta;
+    onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? _analytics.INPUT_METHOD.MANUAL : _analytics.INPUT_METHOD.TYPEAHEAD);
+  };
+};
+
 var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HyperlinkAddToolbar, _React$PureComponent);
 
@@ -45,6 +67,8 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          _this$props$linkPicke = _this$props.linkPickerOptions,
+          linkPickerOptions = _this$props$linkPicke === void 0 ? {} : _this$props$linkPicke,
           onSubmit = _this$props.onSubmit,
           displayText = _this$props.displayText,
           displayUrl = _this$props.displayUrl,
@@ -53,16 +77,37 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
         providers: ['activityProvider', 'searchProvider'],
         providerFactory: providerFactory,
-        renderNode: function renderNode(_ref) {
-          var activityProvider = _ref.activityProvider,
-              searchProvider = _ref.searchProvider;
+        renderNode: function renderNode(_ref2) {
+          var activityProvider = _ref2.activityProvider,
+              searchProvider = _ref2.searchProvider;
           return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
             editorView: view,
             plugins: {
               hyperlinkPluginState: _main.stateKey
             },
-            render: function render(_ref2) {
-              var hyperlinkPluginState = _ref2.hyperlinkPluginState;
+            render: function render(_ref3) {
+              var _linkPickerOptions$pl;
+
+              var hyperlinkPluginState = _ref3.hyperlinkPluginState;
+
+              var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state),
+                  lpLinkPicker = _getFeatureFlags.lpLinkPicker;
+              /**
+               * If activityProvider or searchProvider are present then only enable if there are plugins supplied to
+               * faciliate providing link search capabilities
+               */
+
+
+              if (lpLinkPicker && (!activityProvider && !searchProvider || Boolean(linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : (_linkPickerOptions$pl = linkPickerOptions.plugins) === null || _linkPickerOptions$pl === void 0 ? void 0 : _linkPickerOptions$pl.length))) {
+                return /*#__PURE__*/_react.default.createElement(_EditorLinkPicker.EditorLinkPicker, (0, _extends2.default)({
+                  view: view
+                }, linkPickerOptions, {
+                  url: displayUrl,
+                  displayText: displayText,
+                  onSubmit: onSubmitInterface(onSubmit)
+                }));
+              }
+
               return /*#__PURE__*/_react.default.createElement(_HyperlinkAddToolbar.default, {
                 activityProvider: activityProvider,
                 searchProvider: searchProvider,