@atlaskit/editor-plugin-mentions 16.0.3 → 16.1.1

package/dist/cjs/ui/InlineInviteRecaptchaContainer.js

@@ -1,100 +0,0 @@
-/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineInviteRecaptchaContainer = void 0;
-var _runtime = require("@compiled/react/runtime");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _mentionPlaceholder = require("../pm-plugins/mentionPlaceholder");
-var _analytics = require("../ui/type-ahead/analytics");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
- * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
- * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
- * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
- */
-var InlineInviteRecaptchaContainer = exports.InlineInviteRecaptchaContainer = function InlineInviteRecaptchaContainer(_ref) {
-  var _api$mention2, _api$core3;
-  var mentionProvider = _ref.mentionProvider,
-    api = _ref.api;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    provider = _useState2[0],
-    setProvider = _useState2[1];
-  (0, _react.useEffect)(function () {
-    if (!mentionProvider) {
-      return;
-    }
-    var isMounted = true;
-    mentionProvider.then(function (resolvedProvider) {
-      if (!isMounted) {
-        return;
-      }
-      setProvider(resolvedProvider);
-    }).catch(function () {
-      // Silently handle promise rejection
-    });
-    return function () {
-      isMounted = false;
-      setProvider(null);
-    };
-  }, [mentionProvider]);
-  var handleSuccess = (0, _react.useCallback)(function (userId, email) {
-    var _api$mention, _api$core;
-    if (!(api !== null && api !== void 0 && (_api$mention = api.mention) !== null && _api$mention !== void 0 && (_api$mention = _api$mention.commands) !== null && _api$mention !== void 0 && _api$mention.insertMention) || !(api !== null && api !== void 0 && (_api$core = api.core) !== null && _api$core !== void 0 && (_api$core = _api$core.actions) !== null && _api$core !== void 0 && _api$core.execute)) {
-      return;
-    }
-    var name = email.split('@')[0] || email;
-    api.core.actions.execute(api.mention.commands.insertMention({
-      id: userId,
-      name: name,
-      userType: 'DEFAULT',
-      accessLevel: 'CONTAINER'
-    }));
-    api.core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      tr.setMeta(_mentionPlaceholder.mentionPlaceholderPluginKey, {
-        action: _mentionPlaceholder.MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  var handleClose = (0, _react.useCallback)(function () {
-    var _api$core2;
-    if (!(api !== null && api !== void 0 && (_api$core2 = api.core) !== null && _api$core2 !== void 0 && (_api$core2 = _api$core2.actions) !== null && _api$core2 !== void 0 && _api$core2.execute)) {
-      return;
-    }
-    api.core.actions.execute(function (_ref3) {
-      var tr = _ref3.tr;
-      tr.setMeta(_mentionPlaceholder.mentionPlaceholderPluginKey, {
-        action: _mentionPlaceholder.MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  var handleReady = (0, _react.useCallback)(function (showRecaptcha) {
-    if (provider) {
-      if (showRecaptcha) {
-        provider.showInlineInviteRecaptcha = showRecaptcha;
-      } else {
-        delete provider.showInlineInviteRecaptcha;
-      }
-    }
-  }, [provider]);
-  if (!(provider !== null && provider !== void 0 && provider.InlineInviteRecaptcha) || !(api !== null && api !== void 0 && (_api$mention2 = api.mention) !== null && _api$mention2 !== void 0 && (_api$mention2 = _api$mention2.commands) !== null && _api$mention2 !== void 0 && _api$mention2.insertMention) || !(api !== null && api !== void 0 && (_api$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3 = _api$core3.actions) !== null && _api$core3 !== void 0 && _api$core3.execute)) {
-    return null;
-  }
-  var RecaptchaComponent = provider.InlineInviteRecaptcha;
-  return /*#__PURE__*/_react.default.createElement(RecaptchaComponent, {
-    analyticsSource: _analytics.MENTION_SOURCE,
-    onSuccess: handleSuccess,
-    onClose: handleClose,
-    onReady: handleReady
-  });
-};

package/dist/es2019/pm-plugins/mentionPlaceholder.js

@@ -1,44 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export const mentionPlaceholderPluginKey = new PluginKey('mentionPlaceholderPlugin');
-export const MENTION_PLACEHOLDER_ACTIONS = {
-  SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
-  HIDE_PLACEHOLDER: 'HIDE_PLACEHOLDER'
-};
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export function createMentionPlaceholderPlugin() {
-  return new SafePlugin({
-    key: mentionPlaceholderPluginKey,
-    state: {
-      init: () => ({}),
-      apply(tr, pluginState) {
-        const meta = tr.getMeta(mentionPlaceholderPluginKey);
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER) {
-          return {
-            placeholder: meta.placeholder
-          };
-        }
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER) {
-          return {};
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: state => {
-        const pluginState = mentionPlaceholderPluginKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.placeholder) {
-          const {
-            selection
-          } = state;
-          const span = document.createElement('span');
-          span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
-          return DecorationSet.create(state.doc, [Decoration.widget(selection.from, span)]);
-        }
-        return null;
-      }
-    }
-  });
-}

package/dist/es2019/ui/InlineInviteRecaptchaContainer.js

@@ -1,90 +0,0 @@
-/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useEffect, useState } from 'react';
-import { mentionPlaceholderPluginKey, MENTION_PLACEHOLDER_ACTIONS } from '../pm-plugins/mentionPlaceholder';
-import { MENTION_SOURCE } from '../ui/type-ahead/analytics';
-/**
- * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
- * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
- * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
- * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
- */
-export const InlineInviteRecaptchaContainer = ({
-  mentionProvider,
-  api
-}) => {
-  var _api$mention2, _api$mention2$command, _api$core3, _api$core3$actions;
-  const [provider, setProvider] = useState(null);
-  useEffect(() => {
-    if (!mentionProvider) {
-      return;
-    }
-    let isMounted = true;
-    mentionProvider.then(resolvedProvider => {
-      if (!isMounted) {
-        return;
-      }
-      setProvider(resolvedProvider);
-    }).catch(() => {
-      // Silently handle promise rejection
-    });
-    return () => {
-      isMounted = false;
-      setProvider(null);
-    };
-  }, [mentionProvider]);
-  const handleSuccess = useCallback((userId, email) => {
-    var _api$mention, _api$mention$commands, _api$core, _api$core$actions;
-    if (!(api !== null && api !== void 0 && (_api$mention = api.mention) !== null && _api$mention !== void 0 && (_api$mention$commands = _api$mention.commands) !== null && _api$mention$commands !== void 0 && _api$mention$commands.insertMention) || !(api !== null && api !== void 0 && (_api$core = api.core) !== null && _api$core !== void 0 && (_api$core$actions = _api$core.actions) !== null && _api$core$actions !== void 0 && _api$core$actions.execute)) {
-      return;
-    }
-    const name = email.split('@')[0] || email;
-    api.core.actions.execute(api.mention.commands.insertMention({
-      id: userId,
-      name,
-      userType: 'DEFAULT',
-      accessLevel: 'CONTAINER'
-    }));
-    api.core.actions.execute(({
-      tr
-    }) => {
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  const handleClose = useCallback(() => {
-    var _api$core2, _api$core2$actions;
-    if (!(api !== null && api !== void 0 && (_api$core2 = api.core) !== null && _api$core2 !== void 0 && (_api$core2$actions = _api$core2.actions) !== null && _api$core2$actions !== void 0 && _api$core2$actions.execute)) {
-      return;
-    }
-    api.core.actions.execute(({
-      tr
-    }) => {
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  const handleReady = useCallback(showRecaptcha => {
-    if (provider) {
-      if (showRecaptcha) {
-        provider.showInlineInviteRecaptcha = showRecaptcha;
-      } else {
-        delete provider.showInlineInviteRecaptcha;
-      }
-    }
-  }, [provider]);
-  if (!(provider !== null && provider !== void 0 && provider.InlineInviteRecaptcha) || !(api !== null && api !== void 0 && (_api$mention2 = api.mention) !== null && _api$mention2 !== void 0 && (_api$mention2$command = _api$mention2.commands) !== null && _api$mention2$command !== void 0 && _api$mention2$command.insertMention) || !(api !== null && api !== void 0 && (_api$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3$actions = _api$core3.actions) !== null && _api$core3$actions !== void 0 && _api$core3$actions.execute)) {
-    return null;
-  }
-  const RecaptchaComponent = provider.InlineInviteRecaptcha;
-  return /*#__PURE__*/React.createElement(RecaptchaComponent, {
-    analyticsSource: MENTION_SOURCE,
-    onSuccess: handleSuccess,
-    onClose: handleClose,
-    onReady: handleReady
-  });
-};

package/dist/esm/pm-plugins/mentionPlaceholder.js

@@ -1,44 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export var mentionPlaceholderPluginKey = new PluginKey('mentionPlaceholderPlugin');
-export var MENTION_PLACEHOLDER_ACTIONS = {
-  SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
-  HIDE_PLACEHOLDER: 'HIDE_PLACEHOLDER'
-};
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export function createMentionPlaceholderPlugin() {
-  return new SafePlugin({
-    key: mentionPlaceholderPluginKey,
-    state: {
-      init: function init() {
-        return {};
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(mentionPlaceholderPluginKey);
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.SHOW_PLACEHOLDER) {
-          return {
-            placeholder: meta.placeholder
-          };
-        }
-        if ((meta === null || meta === void 0 ? void 0 : meta.action) === MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER) {
-          return {};
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: function decorations(state) {
-        var pluginState = mentionPlaceholderPluginKey.getState(state);
-        if (pluginState !== null && pluginState !== void 0 && pluginState.placeholder) {
-          var selection = state.selection;
-          var span = document.createElement('span');
-          span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
-          return DecorationSet.create(state.doc, [Decoration.widget(selection.from, span)]);
-        }
-        return null;
-      }
-    }
-  });
-}

package/dist/esm/ui/InlineInviteRecaptchaContainer.js

@@ -1,91 +0,0 @@
-/* InlineInviteRecaptchaContainer.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useCallback, useEffect, useState } from 'react';
-import { mentionPlaceholderPluginKey, MENTION_PLACEHOLDER_ACTIONS } from '../pm-plugins/mentionPlaceholder';
-import { MENTION_SOURCE } from '../ui/type-ahead/analytics';
-/**
- * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
- * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
- * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
- * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
- */
-export var InlineInviteRecaptchaContainer = function InlineInviteRecaptchaContainer(_ref) {
-  var _api$mention2, _api$core3;
-  var mentionProvider = _ref.mentionProvider,
-    api = _ref.api;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    provider = _useState2[0],
-    setProvider = _useState2[1];
-  useEffect(function () {
-    if (!mentionProvider) {
-      return;
-    }
-    var isMounted = true;
-    mentionProvider.then(function (resolvedProvider) {
-      if (!isMounted) {
-        return;
-      }
-      setProvider(resolvedProvider);
-    }).catch(function () {
-      // Silently handle promise rejection
-    });
-    return function () {
-      isMounted = false;
-      setProvider(null);
-    };
-  }, [mentionProvider]);
-  var handleSuccess = useCallback(function (userId, email) {
-    var _api$mention, _api$core;
-    if (!(api !== null && api !== void 0 && (_api$mention = api.mention) !== null && _api$mention !== void 0 && (_api$mention = _api$mention.commands) !== null && _api$mention !== void 0 && _api$mention.insertMention) || !(api !== null && api !== void 0 && (_api$core = api.core) !== null && _api$core !== void 0 && (_api$core = _api$core.actions) !== null && _api$core !== void 0 && _api$core.execute)) {
-      return;
-    }
-    var name = email.split('@')[0] || email;
-    api.core.actions.execute(api.mention.commands.insertMention({
-      id: userId,
-      name: name,
-      userType: 'DEFAULT',
-      accessLevel: 'CONTAINER'
-    }));
-    api.core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  var handleClose = useCallback(function () {
-    var _api$core2;
-    if (!(api !== null && api !== void 0 && (_api$core2 = api.core) !== null && _api$core2 !== void 0 && (_api$core2 = _api$core2.actions) !== null && _api$core2 !== void 0 && _api$core2.execute)) {
-      return;
-    }
-    api.core.actions.execute(function (_ref3) {
-      var tr = _ref3.tr;
-      tr.setMeta(mentionPlaceholderPluginKey, {
-        action: MENTION_PLACEHOLDER_ACTIONS.HIDE_PLACEHOLDER
-      });
-      return tr;
-    });
-  }, [api]);
-  var handleReady = useCallback(function (showRecaptcha) {
-    if (provider) {
-      if (showRecaptcha) {
-        provider.showInlineInviteRecaptcha = showRecaptcha;
-      } else {
-        delete provider.showInlineInviteRecaptcha;
-      }
-    }
-  }, [provider]);
-  if (!(provider !== null && provider !== void 0 && provider.InlineInviteRecaptcha) || !(api !== null && api !== void 0 && (_api$mention2 = api.mention) !== null && _api$mention2 !== void 0 && (_api$mention2 = _api$mention2.commands) !== null && _api$mention2 !== void 0 && _api$mention2.insertMention) || !(api !== null && api !== void 0 && (_api$core3 = api.core) !== null && _api$core3 !== void 0 && (_api$core3 = _api$core3.actions) !== null && _api$core3 !== void 0 && _api$core3.execute)) {
-    return null;
-  }
-  var RecaptchaComponent = provider.InlineInviteRecaptcha;
-  return /*#__PURE__*/React.createElement(RecaptchaComponent, {
-    analyticsSource: MENTION_SOURCE,
-    onSuccess: handleSuccess,
-    onClose: handleClose,
-    onReady: handleReady
-  });
-};

package/dist/types/pm-plugins/mentionPlaceholder.d.ts

@@ -1,11 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const mentionPlaceholderPluginKey: PluginKey;
-export declare const MENTION_PLACEHOLDER_ACTIONS: {
-    SHOW_PLACEHOLDER: string;
-    HIDE_PLACEHOLDER: string;
-};
-export type MentionPlaceholderPluginState = {
-    placeholder?: string;
-};
-export declare function createMentionPlaceholderPlugin(): SafePlugin<{}>;

package/dist/types/ui/InlineInviteRecaptchaContainer.d.ts

@@ -1,15 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MentionProvider } from '@atlaskit/mention/resource';
-import type { MentionsPlugin } from '../mentionsPluginType';
-interface Props {
-    api: ExtractInjectionAPI<MentionsPlugin> | undefined;
-    mentionProvider: Promise<MentionProvider> | undefined;
-}
-/**
- * Container that renders the recaptcha component from the mention provider and manages handleSuccess.
- * Does NOT pass email - the provider's component uses useInlineInviteRecaptcha hook internally
- * and wires showRecaptcha to the provider. When user clicks invite item, type-ahead calls
- * mentionProvider.showInlineInviteRecaptcha(email) which passes email to the component.
- */
-export declare const InlineInviteRecaptchaContainer: ({ mentionProvider, api, }: Props) => JSX.Element | null;
-export {};