@apolitical/component-library 1.18.3 → 1.18.5-beta.0

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

@@ -1,16 +1,21 @@
 /// <reference types="react" />
-import { UseMutateFunction } from '@tanstack/react-query';
-import { IDiscussionContentType } from '../../discussion';
+import { IDiscussionForm } from '../../../discussion/components/form';
 interface Props {
+    /** Props for the form - this uses everything the `DiscussionForm` component does */
+    form: IDiscussionForm;
+    /** Details about what a user needs to have to be able to access the form */
     membershipRequiredToPost: {
+        /** Whether the user needs to be a member of the community to post */
         required: boolean;
+        /** Whether the user is a member of the community */
         isMember?: boolean;
+        /** The function to join the community */
         join?: () => Promise<void>;
+        /** The function to leave the community */
         leave?: () => Promise<void>;
+        /** The text to show when the user is not a member of the community */
         notMemberStateText?: string;
     };
-    contentType: IDiscussionContentType;
-    createPost: UseMutateFunction<any, any, any, any>;
 }
 declare const AddPost: React.FC<Props>;
 export default AddPost;

package/discussion/components/form/form.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DiscussionCreateContentFunction, IDiscussionContent } from './../../discussion';
-interface Props {
+export interface IDiscussionForm {
     /** Information about the content being created/edited */
     content: IDiscussionContent;
     /** If the user has permission to interact with the form, e.g. if they're a member of the community */
@@ -20,6 +20,8 @@ interface Props {
     };
     /** The `ref` for the input, if we need to have control over it in the parent */
     inputRef?: React.Ref<HTMLTextAreaElement> | undefined;
+    /** The placeholder text - this defaults to the intl text */
+    placeholder?: string;
     /** The maximum number of characters */
     maxLength?: number;
     /** The minimum number of rows */
@@ -48,5 +50,5 @@ interface Props {
     /** The language to use for the text */
     locale?: string;
 }
-declare const Form: ({ content, userHasPermissions, meta, inputRef, maxLength, minRows, forceShow, functions, gtmContext, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Form: ({ content, userHasPermissions, meta, inputRef, placeholder, maxLength, minRows, forceShow, functions, gtmContext, }: IDiscussionForm) => import("react/jsx-runtime").JSX.Element;
 export default Form;

package/discussion/components/form/index.d.ts

@@ -1 +1,2 @@
+export type { IDiscussionForm } from './form';
 export { default as DiscussionForm } from './form';

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

@@ -1,11 +1,19 @@
 import React from 'react';
+import { IDiscussionForm } from './../form';
 interface Props {
-    /** The number of posts in the thread (defined as a string to allow "count+" format) */
-    count?: string;
-    /** Whether to show the show replies button or not */
-    showRepliesButton?: boolean;
+    /** Props for the load more button */
+    loadMore?: {
+        /** Whether the page is loading */
+        isLoading: boolean;
+        /** If there is a next page */
+        hasNextPage: boolean;
+        /** The function to load the next page for the thread */
+        loadNextPage: () => void;
+    };
+    /** Props for the discussion form */
+    form?: IDiscussionForm;
     /** The posts to render */
     children: React.ReactNode | JSX.Element | JSX.Element[];
 }
-declare const Thread: ({ count, showRepliesButton, children }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Thread: ({ loadMore: { isLoading, hasNextPage, loadNextPage }, form, children, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Thread;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IQueryFns } from '../cache';
+import type { IQueryFns } from './../cache';
 interface Props {
     basePath: string;
     parentId: string;