@apolitical/component-library 1.13.3-beta.4 → 1.13.4-beta.0

package/banners/banner-section/banner-section.d.ts

@@ -5,7 +5,7 @@ interface ContentPropObject {
     /** The text to display */
     text: string;
     /** The element to wrap the text in */
-    element?: (typeof allowedElements)[number];
+    element?: typeof allowedElements[number];
 }
 type ContentPropType = false | string | ContentPropObject;
 interface ContentType {
@@ -17,8 +17,6 @@ interface ContentType {
     text?: ContentPropType;
 }
 export interface BannerSectionType {
-    /** Additional className */
-    className?: string;
     /** The content to display */
     content: ContentType;
     /** The image to display */
@@ -26,7 +24,7 @@ export interface BannerSectionType {
     /** The colour variant (when there's no image) */
     variant?: 'default' | 'light';
     /** How to handle spacing on the banner */
-    spacing?: 'normal' | 'slim';
+    spacing?: 'normal' | 'compact';
     /** The CTA to display */
     cta?: {
         text: string;
@@ -38,5 +36,5 @@ export interface BannerSectionType {
     /** Any additional children */
     children?: React.ReactNode;
 }
-declare const _default: React.MemoExoticComponent<({ className, content: contentProp, image, variant, spacing, cta, children, }: BannerSectionType) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ content: contentProp, image, variant, spacing, cta, children }: BannerSectionType) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/discussion/components/post/post.d.ts

@@ -29,7 +29,7 @@ interface Props {
         };
         comments: {
             /** Open comments on a post */
-            openComments: () => void;
+            openComments?: () => void;
         };
     };
     /** Optional `href`s for the card to link to */

package/discussion/components/thread/thread.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 interface Props {
-    /** If the thread is open or not */
-    isOpen?: boolean;
     /** The number of posts in the thread */
     count?: number;
+    /** Whether to show the show replies button or not */
+    showRepliesButton?: boolean;
     /** The posts to render */
     children: React.ReactNode | JSX.Element | JSX.Element[];
 }
-declare const Thread: ({ isOpen: threadIsOpen, count, children }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Thread: ({ count, showRepliesButton, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Thread;

package/discussion/feeds/replies-feed/replies-feed.d.ts

@@ -7,7 +7,11 @@ interface Props {
     repliesList: IReply[] | undefined;
     isMember: boolean;
     functions: {
-        createReply: () => Promise<void>;
+        createReply: ({ activityId, replyId, content, }: {
+            activityId?: string;
+            replyId?: string;
+            content: string;
+        }) => Promise<void>;
         editReply: ({ parentId, replyId, content, }: {
             parentId: string;
             replyId: string;
@@ -15,8 +19,9 @@ interface Props {
                 body: string;
             };
         }) => Promise<void>;
-        like: ({ replyId }: {
+        like: ({ replyId, replyParentId, }: {
             replyId: string;
+            replyParentId?: string;
         }) => Promise<void>;
         unlike: ({ replyId }: {
             replyId: string;

package/discussion/feeds/replies-feed/replies-feed.handlers.d.ts

@@ -4,10 +4,14 @@ import { IUserContext } from '../../..';
 interface buildAddReplyHandlersProps {
     queryClient: QueryClient;
     queryKey: QueryKey;
-    mutationFn: () => Promise<void>;
+    mutationFn: (content: {
+        body: string;
+    }) => Promise<void>;
 }
 export declare const buildAddReplyHandlers: ({ queryClient, queryKey, mutationFn, }: buildAddReplyHandlersProps) => {
-    mutationFn: () => Promise<void>;
+    mutationFn: (content: {
+        body: string;
+    }) => Promise<void>;
     onMutate: () => Promise<void>;
     onError: (_err: {
         [key: string]: string;

package/discussion/feeds/replies-to-replies-feed/index.d.ts

@@ -0,0 +1 @@
+export { default as RepliesFeed } from './replies-to-replies-feed';

package/discussion/feeds/replies-to-replies-feed/replies-to-replies-feed.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { IReply } from '../../getstream';
+interface Props {
+    basePath: string;
+    parentId: string;
+    replyParentId: string;
+    activityId: string;
+    replyCount: number;
+    replies: IReply[] | undefined;
+    isMember: boolean;
+    functions: {
+        create: ({ activityId, replyId, content, }: {
+            activityId?: string;
+            replyId?: string;
+            content: string;
+        }) => Promise<void>;
+        edit: ({ parentId, replyId, content, }: {
+            parentId: string;
+            replyId: string;
+            content: {
+                body: string;
+            };
+        }) => Promise<void>;
+        like: ({ replyId }: {
+            replyId: string;
+        }) => Promise<void>;
+        unlike: ({ replyId }: {
+            replyId: string;
+        }) => Promise<void>;
+        join: () => Promise<void>;
+        leave: () => Promise<void>;
+    };
+}
+declare const RepliesToRepliesFeed: React.FC<Props>;
+export default RepliesToRepliesFeed;

package/discussion/feeds/replies-to-replies-feed/replies-to-replies-feed.handlers.d.ts

@@ -0,0 +1,134 @@
+import { QueryClient, QueryKey } from '@tanstack/query-core';
+import { IActivity, ILike, IReply } from '../../getstream';
+import { IUserContext } from '../../../context';
+interface buildAddReplyToReplyHandlersProps {
+    queryClient: QueryClient;
+    queryKey: QueryKey;
+    mutationFn: (content: {
+        body: string;
+    }) => Promise<void>;
+}
+export declare const buildAddReplyToReplyHandlers: ({ queryClient, queryKey, mutationFn, }: buildAddReplyToReplyHandlersProps) => {
+    mutationFn: (content: {
+        body: string;
+    }) => Promise<void>;
+    onMutate: () => Promise<void>;
+    onSuccess: (data: IReply) => {
+        previousActivity: IActivity | undefined;
+    };
+    onError: (_err: {
+        [key: string]: string;
+    }, _changedActivity: {
+        activityId: string;
+    }, context: {
+        previousActivity: IActivity;
+    }) => void;
+    onSettled: () => void;
+};
+interface buildEditReplyToReplyHandlersProps {
+    queryClient: QueryClient;
+    queryKey: QueryKey;
+    mutationFn: ({ parentId, replyId, content, }: {
+        parentId: string;
+        replyId: string;
+        content: {
+            body: string;
+        };
+    }) => Promise<void>;
+}
+export declare const buildEditReplyToReplyHanders: ({ queryClient, queryKey, mutationFn, }: buildEditReplyToReplyHandlersProps) => {
+    mutationFn: ({ parentId, replyId, content, }: {
+        parentId: string;
+        replyId: string;
+        content: {
+            body: string;
+        };
+    }) => Promise<void>;
+    onError: (_err: {
+        [key: string]: string;
+    }, _changedActivity: {
+        activityId: string;
+    }, context: {
+        previousActivity: IActivity;
+    }) => void;
+    onMutate: ({ replyInfo, content: { body }, }: {
+        replyInfo: {
+            parentId: string;
+            replySlug: string;
+            replyParentId: string;
+        };
+        content: {
+            body: string;
+        };
+    }) => Promise<{
+        previousActivity: IActivity;
+    } | undefined>;
+};
+interface buildLikeReplyHandlersProps {
+    queryClient: QueryClient;
+    queryKey: QueryKey;
+    mutationFn: ({ replyId, replyParentId, }: {
+        replyId: string;
+        replyParentId?: string;
+    }) => Promise<void>;
+}
+export declare const buildLikeReplyHandlers: ({ queryClient, queryKey, mutationFn, }: buildLikeReplyHandlersProps) => {
+    mutationFn: ({ replyId, replyParentId, }: {
+        replyId: string;
+        replyParentId?: string | undefined;
+    }) => Promise<void>;
+    onMutate: ({ replyId, replyParentId, }: {
+        replyId: string;
+        replyParentId?: string | undefined;
+    }) => Promise<{
+        previousActivity: IActivity | undefined;
+    }>;
+    onError: (_err: {
+        [key: string]: string;
+    }, _newActivity: {
+        activityId: string;
+    }, context: {
+        previousActivity: IActivity;
+    }) => void;
+    onSuccess: (data: ILike, variables: {
+        replyId: string;
+        replyParentId?: string;
+    }) => {
+        previousActivity: IActivity | undefined;
+    };
+};
+interface buildUnlikeReplyHandlersProps {
+    queryClient: QueryClient;
+    queryKey: QueryKey;
+    user: IUserContext | null;
+    mutationFn: ({ replyId, replyParentId, }: {
+        replyId: string;
+        replyParentId?: string;
+    }) => Promise<void>;
+}
+export declare const buildUnlikeReplyHandlers: ({ queryClient, queryKey, mutationFn, user, }: buildUnlikeReplyHandlersProps) => {
+    mutationFn: ({ replyId, replyParentId, }: {
+        replyId: string;
+        replyParentId?: string | undefined;
+    }) => Promise<void>;
+    onMutate: ({ replyId, replyParentId, }: {
+        replyId: string;
+        replyParentId?: string | undefined;
+    }) => Promise<{
+        previousActivity: IActivity | undefined;
+    }>;
+    onError: (_err: {
+        [key: string]: string;
+    }, _newActivity: {
+        activityId: string;
+    }, context: {
+        previousActivity: IActivity;
+    }) => void;
+    onSuccess: (_data: ILike, variables: {
+        replyId: string;
+        replyParentId?: string;
+    }) => {
+        previousActivity: IActivity | undefined;
+    };
+};
+export {};

package/general/divider/divider.d.ts

@@ -1,8 +1,6 @@
 interface Props {
-    /** Additional className */
-    className?: string;
     /** The maximum width of the divider */
     maxWidth?: number | false;
 }
-declare const _default: ({ className, maxWidth }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const _default: ({ maxWidth }: Props) => import("react/jsx-runtime").JSX.Element;
 export default _default;