@apolitical/component-library 6.4.0-beta.0 → 6.4.1-ac.0

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

@@ -1,6 +1,6 @@
 import type { IEnrichedUrlData } from '../../../navigation';
-import { DiscussionCreateContentFunction, IDiscussionContent, IListMemberData, IMentions, IDiscussionFormFns } from './../../discussion';
-import { ICategory } from '../../shared';
+import { IDiscussionContent, IMentions } from './../../discussion';
+import { ICategory, IDiscussionFormFunctions } from '../../shared';
 export interface IDiscussionFormMeta {
     /** Whether the form data is still loading */
     isLoading?: boolean;
@@ -36,24 +36,6 @@ export interface IDiscussionFormMeta {
     /** Whether the success message should show on a successful submit */
     showSuccessMessage?: boolean;
 }
-interface IDiscussionFormFunctions extends IDiscussionFormFns {
-    onChange?: (args: {
-        [key: string]: string | boolean;
-    }) => void;
-    create: DiscussionCreateContentFunction;
-    handleSaveEdit?: (({ title, body }: {
-        title: string;
-        body: string;
-    }) => Promise<void>) | (() => void);
-    handleCancel?: () => void;
-    callback?: (args: void) => void;
-    onMention?: (value?: IListMemberData) => void;
-    props?: {
-        create: {
-            projectNames: ['questions-answers'];
-        };
-    };
-}
 export interface IDiscussionForm {
     /** A unique ID for the form */
     id?: string;
@@ -107,4 +89,3 @@ export interface IDiscussionFormState {
         link?: false | IEnrichedUrlData;
     };
 }
-export {};

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

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

package/discussion/feeds/replies-feed/cache/hooks/feed/index.d.ts

@@ -1 +1,2 @@
 export * from './feed.hook';
+export type { IParsedReplies } from './parse-replies';

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/index.d.ts

@@ -0,0 +1 @@
+export * from './parse-replies';

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/mocks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './replies.mock';
+export * from './user.mock';

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/mocks/replies.mock.d.ts

@@ -0,0 +1,2 @@
+import { IReaction } from '../../../../../../../../discussion/shared';
+export declare const repliesMock: IReaction[];

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/mocks/user.mock.d.ts

@@ -0,0 +1,4 @@
+export declare const userMock: {
+    id: string;
+    isLoading: boolean;
+};

package/discussion/feeds/replies-feed/cache/hooks/feed/parse-replies/parse-replies.d.ts

@@ -0,0 +1,28 @@
+import { IUserContext } from '../../../../../../../context';
+import { IMentions, IReaction } from '../../../../../../../discussion/shared';
+import { DefaultGenerics, EnrichedUser } from 'getstream';
+interface ExtractedReplyData {
+    mentions?: IMentions;
+    [key: string]: unknown;
+}
+export interface IParsedReplies {
+    body: string;
+    data: ExtractedReplyData;
+    likeId: string;
+    liked: boolean;
+    likes: number;
+    peopleWhoLiked: {
+        id: string;
+        name: string;
+    }[] | false;
+    replyId: string;
+    userLiked: boolean;
+    createdAt: string;
+    parent: string;
+    user: EnrichedUser<DefaultGenerics> | undefined;
+}
+export declare function parseReplies({ replies, user, }: {
+    replies: IReaction[];
+    user: IUserContext;
+}): IParsedReplies[];
+export {};

package/discussion/feeds/replies-feed/components/add-reply-form/add-reply-form.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { IDiscussionFormFunctions } from '../../../../../discussion/shared';
+interface Props {
+    /** Whether the user is a member of the community */
+    isMember: boolean;
+    /** The ID of the parent, used for slugs */
+    parentId: string;
+    /** Query functions for the mentions */
+    formFunctions: IDiscussionFormFunctions;
+    /** Function to join the community */
+    join: () => Promise<void>;
+    /** Function to leave the community */
+    leave: () => Promise<void>;
+}
+export default function AddReplyForm({ parentId, isMember, formFunctions, leave, join, }: Props): JSX.Element;
+export {};

package/discussion/feeds/replies-feed/components/add-reply-form/index.d.ts

@@ -0,0 +1 @@
+export { default as AddReplyForm } from './add-reply-form';

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

@@ -0,0 +1,3 @@
+export * from './add-reply-form';
+export * from './load-more-replies-button';
+export * from './reply-item';

package/discussion/feeds/replies-feed/components/load-more-replies-button/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadMoreRepliesButton } from './load-more-replies-button';

package/discussion/feeds/replies-feed/components/load-more-replies-button/load-more-replies-button.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface Props {
+    /** Whether there is a next page */
+    hasNextPage: boolean;
+    /** Function to fetch the next page */
+    fetchNextPage: () => void;
+    /** The index to focus on */
+    setFocusReplyIndex: (index: number) => void;
+    /** The total number of replies */
+    totalReplies: number;
+}
+export default function LoadMoreRepliesButton({ hasNextPage, fetchNextPage, setFocusReplyIndex, totalReplies, }: Props): JSX.Element;
+export {};

package/discussion/feeds/replies-feed/{nested-replies-feed → components/nested-replies-feed}/nested-replies-feed.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { IDiscussionFormFns } from '../../../../discussion/discussion.d';
-import { ILikesFeedQueryFns } from '../../../../discussion/feeds/likes-feed';
-import { type IQueryFns } from './../cache';
+import type { IDiscussionFormFns } from '../../../../../discussion/discussion.d';
+import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
+import { type IQueryFns } from '../../cache';
 interface NestedRepliesFunctions {
     /** Functions for the replies query */
     reactions: IQueryFns;

package/discussion/feeds/replies-feed/components/reply-item/index.d.ts

@@ -0,0 +1 @@
+export { default as ReplyItem } from './reply-item';

package/discussion/feeds/replies-feed/components/reply-item/reply-item.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
+import type { IDiscussionFormFns } from '../../../../discussion';
+import type { IParsedReplies, IQueryFns } from '../../cache';
+interface IMutations {
+    edit: (params: {
+        replyId: string;
+        content: string;
+    }) => void;
+    like: (params: {
+        replyId: string;
+    }) => void;
+    remove: (params: {
+        replyId: string;
+    }) => void;
+    unlike: (params: {
+        replyId: string;
+        reactionId: string;
+    }) => void;
+}
+interface Props {
+    /** The ID of the activity the replies are for */
+    activityId: string;
+    /** The base path, used for slugs */
+    basePath: string;
+    /** The ID of the parent, used for slugs */
+    parentId: string;
+    /** Whether the user is a member of the community */
+    isMember: boolean;
+    /** The reply data */
+    reply: IParsedReplies;
+    /** Whether to show the replies */
+    focus: boolean;
+    /** Functions for the replies query */
+    formFns: {
+        form: IDiscussionFormFns;
+        reactions: IQueryFns;
+        mutations: IMutations;
+        likes: ILikesFeedQueryFns;
+    };
+}
+export default function ReplyItem({ formFns, activityId, basePath, focus, isMember, parentId, reply, }: Props): JSX.Element;
+export {};

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

@@ -1 +1,2 @@
+export * from './parsed-replies-feed.mock';
 export * from './replies-feed.mock';

package/discussion/feeds/replies-feed/mocks/parsed-replies-feed.mock.d.ts

@@ -0,0 +1,13 @@
+export declare const parsedRepliesMock: {
+    user: string;
+    body: string;
+    createdAt: string;
+    data: {};
+    likeId: string;
+    liked: boolean;
+    likes: number;
+    peopleWhoLiked: never[];
+    replyId: string;
+    parent: string;
+    userLiked: boolean;
+}[];

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { type IProfileFormProps } from '../../../form';
 import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
-import type { IDiscussionFormFns } from './../../discussion';
+import type { IDiscussionFormFns } from '../../discussion';
 import { type IQueryFns } from './cache';
 interface RepliesFunctions {
     /** Functions for the replies query */
     reactions: IQueryFns;
-    /** Functions for the likes query */
+    /** Functions for likes query */
     likes: ILikesFeedQueryFns;
     /** Query functions for the mentions */
     form: IDiscussionFormFns;
@@ -30,6 +30,8 @@ interface Props {
     functions: RepliesFunctions;
     /** Props to pass into the profile form */
     profile: IProfileFormProps;
+    /** Whether to show the replies */
+    showReplies: boolean;
 }
 declare const RepliesFeed: React.FC<Props>;
 export default RepliesFeed;

package/discussion/sections/activity-section/activity-section.helpers.d.ts

@@ -0,0 +1,2 @@
+import type { ReactionsRecords, DefaultGenerics } from 'getstream';
+export declare function checkIfUserHasVoted(activityType: string, latestReactions: ReactionsRecords<DefaultGenerics> | undefined): boolean;

package/discussion/sections/activity-section/activity-section.mock.d.ts

@@ -0,0 +1,103 @@
+import type { IActivity, IReaction } from '../../shared';
+import { type IMention } from '../../../form';
+export declare const functions: {
+    activities: {
+        read: () => Promise<IActivity>;
+        edit: () => Promise<IActivity>;
+        like: () => Promise<IReaction>;
+        remove: () => Promise<void>;
+        unlike: () => Promise<IReaction>;
+        pin: () => Promise<IReaction>;
+        unpin: () => Promise<IReaction>;
+    };
+    reactions: {
+        create: () => Promise<IReaction>;
+        edit: () => Promise<IReaction>;
+        like: () => Promise<IReaction>;
+        list: () => Promise<{
+            results: IReaction[];
+            next: string;
+            duration: string;
+        }>;
+        remove: () => Promise<void>;
+        unlike: () => Promise<IReaction>;
+    };
+    form: {
+        listMembers: () => Promise<IMention[]>;
+        clickMentionFallback: () => Promise<unknown>;
+    };
+    likes: {
+        list: () => Promise<{
+            results: never[];
+            next: string;
+            duration: string;
+        }>;
+    };
+    join: () => Promise<void>;
+    leave: () => Promise<void>;
+};
+export declare const args: {
+    basePath: string;
+    parentId: string;
+    activityId: string;
+    isMember: boolean;
+    isOwner: boolean;
+    profile: {
+        hooks: {
+            useMaps: () => {
+                buildLocation: (input: string) => Promise<{
+                    id: string;
+                    en: string;
+                    code: string;
+                }>;
+                isValidPlace: (input: string) => boolean;
+                predictPlaces: (input: string) => Promise<never[]>;
+            };
+        };
+        functions: {
+            uploadImage: () => Promise<void>;
+            onSuccess: () => Promise<void>;
+            onFailure: () => void;
+        };
+    };
+    functions: {
+        activities: {
+            read: () => Promise<IActivity>;
+            edit: () => Promise<IActivity>;
+            like: () => Promise<IReaction>;
+            remove: () => Promise<void>;
+            unlike: () => Promise<IReaction>;
+            pin: () => Promise<IReaction>;
+            unpin: () => Promise<IReaction>;
+        };
+        reactions: {
+            create: () => Promise<IReaction>;
+            edit: () => Promise<IReaction>;
+            like: () => Promise<IReaction>;
+            list: () => Promise<{
+                results: IReaction[];
+                next: string;
+                duration: string;
+            }>;
+            remove: () => Promise<void>;
+            unlike: () => Promise<IReaction>;
+        };
+        form: {
+            listMembers: () => Promise<IMention[]>;
+            clickMentionFallback: () => Promise<unknown>;
+        };
+        likes: {
+            list: () => Promise<{
+                results: never[];
+                next: string;
+                duration: string;
+            }>;
+        };
+        join: () => Promise<void>;
+        leave: () => Promise<void>;
+    };
+    categories: {
+        name: string;
+        slug: string;
+    }[];
+};

package/discussion/sections/activity-section/mocks/activity-functions.mock.d.ts

@@ -0,0 +1,46 @@
+export declare const mockFunctions: {
+    activities: {
+        edit: jest.Mock<any, any, any>;
+        like: jest.Mock<any, any, any>;
+        read: jest.Mock<any, any, any>;
+        remove: jest.Mock<any, any, any>;
+        unlike: jest.Mock<any, any, any>;
+        pin: jest.Mock<any, any, any>;
+        unpin: jest.Mock<any, any, any>;
+    };
+    reactions: {
+        add: jest.Mock<any, any, any>;
+        remove: jest.Mock<any, any, any>;
+        create: jest.Mock<any, any, any>;
+        edit: jest.Mock<any, any, any>;
+        like: jest.Mock<any, any, any>;
+        list: jest.Mock<any, any, any>;
+        unlike: jest.Mock<any, any, any>;
+    };
+    likes: {
+        add: jest.Mock<any, any, any>;
+        remove: jest.Mock<any, any, any>;
+        list: jest.Mock<any, any, any>;
+    };
+    form: {
+        submit: jest.Mock<any, any, any>;
+        validate: jest.Mock<any, any, any>;
+        listMembers: jest.Mock<any, any, any>;
+        clickMentionFallback: jest.Mock<any, any, any>;
+    };
+    join: jest.Mock<any, any, any>;
+    leave: jest.Mock<any, any, any>;
+};
+export declare const mockProfileHooks: {
+    useProfile: jest.Mock<any, any, any>;
+    useProfileUpdate: jest.Mock<any, any, any>;
+    useMaps: jest.Mock<any, any, any>;
+};
+export declare const mockProfileFunctions: {
+    updateProfile: jest.Mock<any, any, any>;
+    getProfile: jest.Mock<any, any, any>;
+    uploadImage: jest.Mock<any, any, any>;
+    onSuccess: jest.Mock<any, any, any>;
+    onCancel: jest.Mock<any, any, any>;
+    onFailure: jest.Mock<any, any, any>;
+};

package/discussion/sections/activity-section/mocks/activity-section.mock.d.ts

@@ -1,46 +1,52 @@
 export declare const activitySectionMock: {
-    actor: {
-        created_at: string;
-        updated_at: string;
-        id: string;
-        data: {
-            jobTitle: string;
-            name: string;
-            organization: string;
-            location: {
-                en: string;
-            };
-            badges: {
-                communities: {
-                    'community-slug': string[];
+    POST: {
+        actor: {
+            created_at: string;
+            updated_at: string;
+            id: string;
+            data: {
+                jobTitle: string;
+                name: string;
+                organization: string;
+                location: {
+                    en: string;
+                };
+                badges: {
+                    communities: {
+                        'community-slug': string[];
+                    };
                 };
             };
         };
+        categories: never[];
+        content: string;
+        feed_id: string;
+        foreign_id: string;
+        id: string;
+        latest_reactions: {
+            like: never[];
+            reply: never[];
+        };
+        latest_reactions_extra: {
+            like: never[];
+            reply: never[];
+        };
+        object: string;
+        origin: null;
+        own_reactions: {
+            like: never[];
+            reply: never[];
+        };
+        reaction_counts: {
+            like: number;
+            reply: number;
+        };
+        target: string;
+        time: string;
+        verb: string;
     };
-    categories: string[];
-    content: string;
-    feed_id: string;
-    foreign_id: string;
-    id: string;
-    latest_reactions: {
-        like: never[];
-        reply: never[];
-    };
-    latest_reactions_extra: {
-        like: never[];
-        reply: never[];
-    };
-    object: string;
-    origin: null;
-    own_reactions: {
-        like: never[];
-        reply: never[];
-    };
-    reaction_counts: {
-        like: number;
-        reply: number;
+    POLL: {
+        total_replies: number;
+        verb: string;
     };
-    target: string;
-    time: string;
-    verb: string;
 };

package/discussion/sections/activity-section/mocks/index.d.ts

@@ -1,2 +1,3 @@
 export { repliesFeedMock } from '../../../feeds/replies-feed';
+export * from './activity-functions.mock';
 export * from './activity-section.mock';

package/discussion/shared/interfaces/discussion.interface.d.ts

@@ -1,7 +1,8 @@
 import { MemberProps, MemberDetailsProps } from '../../../user';
 import type { ListMembers, ClickMentionFallback } from '../../../form';
 import type { IEnrichedUrlData } from '../../../navigation';
-import { ICategory } from './community.category.interface';
+import type { ICategory } from './community.category.interface';
+import type { IDiscussionFormFns } from '../../discussion';
 export type IDiscussionContentType = 'answer' | 'post' | 'response' | 'reply' | 'question';
 export interface IDiscussionContent {
     /** The type of content */
@@ -91,3 +92,21 @@ export interface IConversation {
     prepopulateForm?: string;
     mentionData?: IListMemberData;
 }
+export interface IDiscussionFormFunctions extends IDiscussionFormFns {
+    onChange?: (args: {
+        [key: string]: string | boolean;
+    }) => void;
+    create: DiscussionCreateContentFunction;
+    handleSaveEdit?: (({ title, body }: {
+        title: string;
+        body: string;
+    }) => Promise<void>) | (() => void);
+    handleCancel?: () => void;
+    callback?: (args: void) => void;
+    onMention?: (value?: IListMemberData) => void;
+    props?: {
+        create: {
+            projectNames: ['questions-answers'];
+        };
+    };
+}

package/form/components/form/components/fields/checkbox/checkbox.d.ts

@@ -41,6 +41,9 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     } | undefined;
     required?: boolean | undefined;
     submitOnEnter?: boolean | undefined;
+    styling?: {
+        displayOptionsAsPills?: boolean | undefined;
+    } | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
     onClick: (e: React.MouseEvent<HTMLElement>) => void;
     className: string;

package/form/components/form/components/fields/input/input.d.ts

@@ -54,6 +54,9 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     required?: boolean | undefined;
     shownValue?: InputValues | undefined;
     submitOnEnter?: boolean | undefined;
+    styling?: {
+        displayOptionsAsPills?: boolean | undefined;
+    } | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
     ref: React.RefObject<HTMLInputElement>;
 }, HTMLInputElement>;

package/form/components/form/components/fields/multiple-options/multiple-options.d.ts

@@ -1,3 +1,3 @@
 import { IField } from '../../../form.types';
-export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, accessibilityOptions, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, accessibilityOptions, styling: { displayOptionsAsPills }, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
 export default MultipleOptions;

package/form/components/form/form.types.d.ts

@@ -174,6 +174,10 @@ export interface IField {
     shownValue?: InputValues;
     /** Whether hitting enter on the field should submit the form */
     submitOnEnter?: boolean;
+    styling?: {
+        /** Whether to display options for the multiselect as pills */
+        displayOptionsAsPills?: boolean;
+    };
     /** The type of the input */
     type?: InputTypes;
     /** The validation for the field */

package/helpers/intl.d.ts

@@ -354,6 +354,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     poll_num_votes: string;
     poll_remove_vote_button: string;
     poll_aria_votes: string;
+    replies_feed_missing_polls_vote_message: string;
     tableOfContents: string;
     timeToComplete_hours: string;
     timeToComplete_hours_short: string;