@apolitical/component-library 6.1.0 → 6.1.1-601.11

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,15 @@
+/// <reference types="react" />
+interface Props {
+    /** Whether the button is loading */
+    isLoading: boolean;
+    /** 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({ isLoading, 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,26 @@
+/// <reference types="react" />
+import { ILikesFeedQueryFns } from '../../../../../discussion/feeds/likes-feed';
+import type { IDiscussionFormFns } from '../../../../discussion';
+import type { IQueryFns, IParsedReplies } from '../../cache';
+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;
+        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/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-section.mock';
+export * from './activity-functions.mock';

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

@@ -1,6 +1,7 @@
 import { MemberProps, MemberDetailsProps } from '../../../user';
 import type { ListMembers, ClickMentionFallback } from '../../../form';
 import type { IEnrichedUrlData } from '../../../navigation';
+import { IDiscussionFormFns } from '../../discussion';
 export type IDiscussionContentType = 'answer' | 'post' | 'response' | 'reply' | 'question';
 export interface IDiscussionContent {
     /** The type of content */
@@ -90,3 +91,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/rich-text-editor/components/toolbar/toolbar.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { BaseProps } from './../../rich-text-editor.types';
-declare const Toolbar: ({ ...props }: PropsWithChildren<BaseProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Toolbar: ({ styling, ...props }: PropsWithChildren<BaseProps>) => import("react/jsx-runtime").JSX.Element;
 export default Toolbar;

package/form/components/rich-text-editor/helpers/ast-types/ast-types.d.ts

@@ -8,6 +8,7 @@ export interface NodeTypes {
     [Formatting.ol]: string;
     [Formatting.li]: string;
     [Formatting.mention]: string;
+    [Formatting.h3]: string;
     [Formatting.heading]: {
         1: string;
         2: string;
@@ -39,9 +40,10 @@ export declare enum MdastNodes {
     delete = "delete",
     inlineCode = "inlineCode",
     thematicBreak = "thematicBreak",
-    text = "text"
+    text = "text",
+    h3 = "heading_three"
 }
-export type MdastNodeType = MdastNodes.paragraph | MdastNodes.heading | MdastNodes.list | MdastNodes.listItem | MdastNodes.link | MdastNodes.mention | MdastNodes.image | MdastNodes.blockquote | MdastNodes.code | MdastNodes.html | MdastNodes.emphasis | MdastNodes.strong | MdastNodes.delete | MdastNodes.inlineCode | MdastNodes.thematicBreak | MdastNodes.text;
+export type MdastNodeType = MdastNodes.paragraph | MdastNodes.heading | MdastNodes.list | MdastNodes.listItem | MdastNodes.link | MdastNodes.mention | MdastNodes.image | MdastNodes.blockquote | MdastNodes.code | MdastNodes.html | MdastNodes.emphasis | MdastNodes.strong | MdastNodes.delete | MdastNodes.inlineCode | MdastNodes.thematicBreak | MdastNodes.text | MdastNodes.h3;
 export declare const defaultNodeTypes: NodeTypes;
 export interface LeafType {
     text: string;
@@ -49,6 +51,7 @@ export interface LeafType {
     [Formatting.bold]?: boolean;
     [Formatting.italic]?: boolean;
     [Formatting.code]?: boolean;
+    [Formatting.h3]?: boolean;
     parentType?: string;
 }
 export interface BlockType {
@@ -83,6 +86,7 @@ export interface InputNodeTypes {
     [Marks.code]: string;
     [Formatting.hr]: string;
     [Formatting.image]: string;
+    [Formatting.h3]: string;
 }
 type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;

package/form/components/rich-text-editor/rich-text-editor.d.ts

@@ -1,3 +1,3 @@
 import { IRTEProps } from './rich-text-editor.types';
-declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, ...props }: IRTEProps) => import("react/jsx-runtime").JSX.Element;
+declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, styling, ...props }: IRTEProps) => import("react/jsx-runtime").JSX.Element;
 export default RichTextEditor;

package/form/components/rich-text-editor/rich-text-editor.types.d.ts

@@ -42,6 +42,13 @@ export interface IRTEProps {
     'aria-errormessage'?: string;
     /** Optional data for the editor */
     data?: IRTEData;
+    /** Optional styling */
+    styling?: {
+        /** Optional toolbar styling */
+        toolbar?: {
+            showHeadingOption?: boolean;
+        };
+    };
 }
 export interface IRTEInitialState {
     editorKey: string | null;
@@ -78,7 +85,8 @@ export declare enum Formatting {
     paragraph = "paragraph",
     ul = "ul_list",
     strikethrough = "strikeThrough",
-    span = "span"
+    span = "span",
+    h3 = "heading_three"
 }
 export declare enum Marks {
     delete = "delete_mark",
@@ -88,22 +96,27 @@ export declare enum Marks {
 }
 export interface BaseProps {
     className?: string;
+    styling?: {
+        showHeadingOption?: boolean;
+    };
     [key: string]: unknown;
 }
 export type BlockOptionType = Formatting.blockquote | Formatting.link | Formatting.li | Formatting.mention | Formatting.ol | Formatting.ul | Formatting.paragraph | Formatting.span;
 export interface TypeElement extends BaseElement {
-    type: BlockOptionType;
+    type: BlockOptionType | MarkOptionType;
+    [Formatting.h3]?: boolean;
 }
 export interface MentionElement extends BaseElement {
     type: Formatting.mention;
     id: string;
     name?: string;
 }
-export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough;
+export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough | Formatting.h3;
 export interface TypeText extends BaseText {
     [Formatting.bold]?: boolean;
     [Formatting.italic]?: boolean;
     [Formatting.strikethrough]?: boolean;
+    [Formatting.h3]?: boolean;
 }
 export type OptionTypes = {
     format: BlockOptionType | MarkOptionType;

package/helpers/intl.d.ts

@@ -297,6 +297,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     richTextEditor_placeholder: string;
     richTextEditor_toolbar: string;
     richTextEditor_bold: string;
+    richTextEditor_heading_three: string;
     richTextEditor_italic: string;
     richTextEditor_strikeThrough: string;
     richTextEditor_link: string;
@@ -349,6 +350,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;