@atlaskit/mention 27.14.0 → 27.15.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/mention
 
+## 27.15.0
+
+### Minor Changes
+
+- [`50992b74009d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50992b74009d1) -
+  Add InlineInvitePopup provider hook, replacing InlineInviteRecaptcha slot
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.14.0
 
 ### Minor Changes

package/dist/cjs/util/analytics.js

@@ -12,7 +12,7 @@ var _types = require("../types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/mention";
-var packageVersion = "27.13.2";
+var packageVersion = "27.14.1";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/es2019/util/analytics.js

@@ -2,7 +2,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 const packageName = "@atlaskit/mention";
-const packageVersion = "27.13.2";
+const packageVersion = "27.14.1";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {

package/dist/esm/util/analytics.js

@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "27.13.2";
+var packageVersion = "27.14.1";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/types/types.d.ts

@@ -336,13 +336,32 @@ export declare function isSpecialMentionText(mentionText: string): boolean | '';
 export declare const isPromise: <T>(p: any) => p is Promise<T>;
 export type InviteFlow = 'mention' | 'assign';
 export type UserRole = 'admin' | 'trusted' | 'basic';
+export type InlineInvitePopupResult = {
+    error: {
+        email: string;
+    }[];
+    failure: boolean;
+    invited: {
+        email: string;
+        id: string;
+    }[];
+    requested: {
+        email: string;
+        id: string;
+    }[];
+};
 export interface InviteFromMentionProvider {
     getShouldEnableInlineInvite?: () => boolean;
-    InlineInviteRecaptcha?: React.ComponentType<any> | null;
+    InlineInvitePopup?: React.ComponentType<{
+        anchorElement: HTMLElement | null;
+        onDismiss: () => void;
+        onInviteComplete: (result: InlineInvitePopupResult) => void;
+        onReady: (show: ((email: string) => void) | null) => void;
+    }> | null;
     onInviteItemClick?(flow: InviteFlow): void;
     productName?: string;
     shouldEnableInvite?: boolean;
-    showInlineInviteRecaptcha?: (email: string) => void;
+    showInlineInvitePopup?: (email: string, localId: string) => void;
     userEmailDomain?: string;
     userRole?: UserRole;
 }

package/docs/0-intro.tsx

@@ -43,12 +43,13 @@ const _default_1: any = md`
     },
   });
 
-  ReactDOM.render(
+  const root = createRoot(container);
+  root.render(
     <MentionTypeAhead
       resourceProvider={mentionProvider}
       query="John"
       onSelection={(mention) => { /* do something */ }}
-    />, container);`}
+    />);`}
 
   ### Note:
 

package/package.json

@@ -41,8 +41,8 @@
 		"@atlaskit/skeleton": "^4.2.0",
 		"@atlaskit/tag": "^15.4.0",
 		"@atlaskit/teams-avatar": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^143.0.0",
-		"@atlaskit/tokens": "^16.4.0",
+		"@atlaskit/tmp-editor-statsig": "^145.0.0",
+		"@atlaskit/tokens": "^16.5.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@atlaskit/util-service-support": "^7.2.0",
@@ -125,5 +125,5 @@
 		}
 	},
 	"types": "dist/types/index.d.ts",
-	"version": "27.14.0"
+	"version": "27.15.0"
 }