New Plugin: MutualGroupDMs (#1239)

Co-authored-by: V <vendicated@riseup.net>

2 files changed, 47 insertions, 1 deletions

diff --git a/src/webpack/common/components.ts b/src/webpack/common/components.ts
index 8b07b6c..f308cff 100644
--- a/src/webpack/common/components.ts
+++ b/src/webpack/common/components.ts
@@ -44,6 +44,9 @@ export let Popout: t.Popout;
 export let Dialog: t.Dialog;
 export let TabBar: any;
 export let Paginator: t.Paginator;
+export let ScrollerThin: t.ScrollerThin;
+export let Clickable: t.Clickable;
+export let Avatar: t.Avatar;
 // token lagger real
 /** css colour resolver stuff, no clue what exactly this does, just copied usage from Discord */
 export let useToken: t.useToken;
@@ -54,6 +57,6 @@ export const Flex = waitForComponent<t.Flex>("Flex", ["Justify", "Align", "Wrap"
 export const ButtonWrapperClasses = findByPropsLazy("buttonWrapper", "buttonContent") as Record<string, string>;
 
 waitFor("FormItem", m => {
-    ({ useToken, Card, Button, FormSwitch: Switch, Tooltip, TextInput, TextArea, Text, Select, SearchableSelect, Slider, ButtonLooks, TabBar, Popout, Dialog, Paginator } = m);
+    ({ useToken, Card, Button, FormSwitch: Switch, Tooltip, TextInput, TextArea, Text, Select, SearchableSelect, Slider, ButtonLooks, TabBar, Popout, Dialog, Paginator, ScrollerThin, Clickable, Avatar } = m);
     Forms = m;
 });
diff --git a/src/webpack/common/types/components.d.ts b/src/webpack/common/types/components.d.ts
index 161e068..7bc313c 100644
--- a/src/webpack/common/types/components.d.ts
+++ b/src/webpack/common/types/components.d.ts
@@ -397,3 +397,46 @@ export type Paginator = ComponentType<{
     onPageChange?(page: number): void;
     hideMaxPage?: boolean;
 }>;
+
+export type ScrollerThin = ComponentType<PropsWithChildren<{
+    className?: string;
+    style?: CSSProperties;
+
+    dir?: "ltr";
+    orientation?: "horizontal" | "vertical";
+    paddingFix?: boolean;
+    fade?: boolean;
+
+    onClose?(): void;
+    onScroll?(): void;
+}>>;
+
+export type Clickable = ComponentType<PropsWithChildren<{
+    className?: string;
+
+    href?: string;
+    ignoreKeyPress?: boolean;
+
+    onClick?(): void;
+    onKeyPress?(): void;
+}>>;
+
+export type Avatar = ComponentType<PropsWithChildren<{
+    className?: string;
+
+    src?: string;
+    size?: "SIZE_16" | "SIZE_20" | "SIZE_24" | "SIZE_32" | "SIZE_40" | "SIZE_48" | "SIZE_56" | "SIZE_80" | "SIZE_120";
+
+    statusColor?: string;
+    statusTooltip?: string;
+    statusBackdropColor?: string;
+
+    isMobile?: boolean;
+    isTyping?: boolean;
+    isSpeaking?: boolean;
+
+    typingIndicatorRef?: unknown;
+
+    "aria-hidden"?: boolean;
+    "aria-label"?: string;
+}>>;