@livetiles/reach-plugin-types 0.5.0-preview.733 → 0.5.0-preview.735

package/lib/index.d.ts

@@ -5320,6 +5320,8 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as Loading } from './assets/loading.svg';
     export { ReactComponent as EmojiIcon } from './assets/emoji.svg';
     export { ReactComponent as EmojiActiveIcon } from './assets/emoji_active.svg';
+    export { ReactComponent as MentionIcon } from './assets/mention.svg';
+    export { ReactComponent as MentionActiveIcon } from './assets/mention_active.svg';
 }
 declare module "libs/reach/ui/common/src/reach-2/icons/index" {
     export * from "libs/reach/ui/common/src/reach-2/icons/Icons";
@@ -5517,6 +5519,17 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/ConfirmationDialog" {
         description?: string;
     }>;
 }
+declare module "libs/reach/ui/common/src/reach-2/surfaces/BasePopover" {
+    import { FC } from 'react';
+    export interface BasePopoverProps {
+        isOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        trigger?: JSX.Element;
+        anchor?: JSX.Element;
+        className?: string;
+    }
+    export const BasePopover: FC<BasePopoverProps>;
+}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/index" {
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Dialog";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Panel";
@@ -5525,6 +5538,7 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/index" {
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Modal";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/MobileInlineModal";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/ConfirmationDialog";
+    export * from "libs/reach/ui/common/src/reach-2/surfaces/BasePopover";
 }
 declare module "libs/reach/ui/common/src/reach-2/progress/Skeleton" {
     import { FC } from 'react';
@@ -10466,9 +10480,30 @@ declare module "libs/reach/feature/content/src/reach-2/comments/extensions/Emoji
     import { Extension } from '@tiptap/react';
     export const EmojiExtension: Extension<any, any>;
 }
+declare module "libs/reach/feature/content/src/reach-2/comments/common/MentionSuggestions" {
+    import { FC } from 'react';
+    import { Account } from "libs/reach/util/common/src/index";
+    interface MentionSuggestionsProps {
+        items: Account[];
+        selectSuggestion: (index: number, suggestion: Account) => void;
+        isSuggestionSelected?: (index: number, suggestion: Account) => boolean;
+        className?: string;
+    }
+    export const MentionSuggestions: FC<MentionSuggestionsProps>;
+}
 declare module "libs/reach/feature/content/src/reach-2/comments/extensions/MentionExtension" {
     import { MutableRefObject } from 'react';
     import { Account } from "libs/reach/util/common/src/index";
+    module '@tiptap/core' {
+        interface Commands<ReturnType> {
+            customExtension: {
+                addMention: (props: {
+                    id: string;
+                    label: string;
+                }) => ReturnType;
+            };
+        }
+    }
     export const MentionExtension: (mentionSearchHandler: (searchText: string) => Promise<Account[]>, setSuggestionsPosition: (newPos: DOMRect | null) => void, suggestionsRef: MutableRefObject<HTMLDivElement>) => import("@tiptap/react").Node<import("@tiptap/extension-mention").MentionOptions, any>;
 }
 declare module "libs/reach/feature/content/src/reach-2/comments/extensions/SuggestionsPopover" {
@@ -10527,11 +10562,31 @@ declare module "libs/reach/feature/content/src/reach-2/comments/CommentEditorOve
     import { FC } from 'react';
     import 'emoji-mart/css/emoji-mart.css';
     export const CommentEditorOverlay: FC<{
-        onCloseOverlay?: () => void;
-        onEmojiSelect?: (emoji: string) => void;
+        isOpen?: boolean;
+        onCloseOverlay: () => void;
+        overlayContent?: (onCloseOverlay: () => void) => JSX.Element;
         className?: string;
     }>;
 }
+declare module "libs/reach/feature/content/src/reach-2/comments/editors/EmojiEditor" {
+    import { FC } from 'react';
+    export const EmojiEditor: FC<{
+        onEmojiSelect: (emoji: string) => void;
+        onCloseOverlay?: () => void;
+    }>;
+}
+declare module "libs/reach/feature/content/src/reach-2/comments/editors/MentionsEditor" {
+    import { FC } from 'react';
+    import { Account } from "libs/reach/util/common/src/index";
+    export const MentionsEditor: FC<{
+        mentionSearchHandler: (searchText: string) => Promise<Account[]>;
+        onMentionSelect: (mention: {
+            id: string;
+            label: string;
+        }) => void;
+        onCloseOverlay: () => void;
+    }>;
+}
 declare module "libs/reach/feature/content/src/reach-2/comments/CommentEditor" {
     import { FC } from 'react';
     import { Comment } from "libs/reach/util/common/src/index";

package/package.json

@@ -4,6 +4,6 @@
   "main": "",
   "types": "./index.d.ts",
   "license": "ISC",
-  "version": "0.5.0-preview.733",
+  "version": "0.5.0-preview.735",
   "dependencies": {}
 }