@apolitical/component-library 5.2.0-jc.0 → 5.2.0-jc.2

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

@@ -1 +1,2 @@
 export { default as DiscussionLikes } from './likes';
+export { default as LikesModal } from './likes-modal';

package/discussion/components/likes/likes-modal.d.ts

@@ -0,0 +1,28 @@
+import { IBadgesOption } from '../../../user/badges';
+import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
+export interface ILikesModalProps {
+    /** Whether the modal is open on page load */
+    showModal?: boolean;
+    /** The number of likes */
+    likes?: number;
+    /** The ID of the activity to show likes for */
+    activityId: string;
+    /** The base path, used for slugs */
+    basePath: string;
+    /** The ID of the parent */
+    parentId: string;
+    /** Whether to show badges and the scope of the badge */
+    badges?: IBadgesOption;
+    /** Functions used inside the modal */
+    functions: {
+        likes: {
+            list: ILikesFeedQueryFns['list'];
+        };
+        /** Function to call when the modal is closed */
+        onClose?: () => void;
+    };
+    /** Additional classes */
+    className?: string;
+}
+declare const LikesModal: ({ showModal, activityId, functions: { onClose, likes: likesFns }, badges, likes, className, basePath, parentId, }: ILikesModalProps) => import("react/jsx-runtime").JSX.Element;
+export default LikesModal;

package/discussion/components/likes/likes.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { MemberProps } from '../../../user';
 import { IDiscussionContent } from './../../discussion';
+import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
 interface Props {
     /** The element to render around the content */
     element?: 'li' | 'div';
@@ -16,17 +17,25 @@ interface Props {
     content?: IDiscussionContent;
     /** If the user is able to like the content */
     canLike?: boolean;
+    /** The ID of the activity */
+    activityId: string;
+    /** The base path, used for slugs */
+    basePath: string;
+    /** The ID of the parent, used for slugs */
+    parentId: string;
     /** Functions to handle liking and unliking */
-    functions?: {
+    functions: {
         /** Function to create a like */
         createLike?: (args1: object) => void;
         /** Function to delete a like */
         deleteLike?: (args: object) => void;
+        /** Functions for the likes query */
+        listLikes?: ILikesFeedQueryFns['list'];
     };
     /** The language to use for the text */
     locale?: string;
 }
-declare const Likes: ({ element, likes, peopleWhoLiked, isShort, userLiked, content, canLike, functions: { createLike, deleteLike }, }: Props) => React.DetailedReactHTMLElement<{
+declare const Likes: ({ element, likes, peopleWhoLiked, isShort, userLiked, content, canLike, activityId, basePath, parentId, functions: { createLike, deleteLike, listLikes, }, }: Props) => React.DetailedReactHTMLElement<{
     className: string;
     onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
     onMouseEnter: () => void;

package/discussion/components/likes/likes.mock.d.ts

@@ -0,0 +1,2 @@
+import { MemberProps } from '../../../user';
+export declare const peopleWhoLiked: MemberProps[];

package/discussion/components/likes/mocks/likes-response.mock.d.ts

@@ -0,0 +1,52 @@
+export declare const likesResponseMock: {
+    results: ({
+        created_at: string;
+        updated_at: string;
+        id: string;
+        user_id: string;
+        user: {
+            id: string;
+            data: {
+                name: string;
+                thumbnail: string;
+                jobTitle: string;
+                organization: string;
+            };
+            created_at?: undefined;
+            updated_at?: undefined;
+        };
+        kind: string;
+        activity_id: string;
+        data: {
+            mentioned_users: null;
+        };
+        parent: string;
+        latest_children: {};
+        children_counts: {};
+    } | {
+        created_at: string;
+        updated_at: string;
+        id: string;
+        user_id: string;
+        user: {
+            created_at: string;
+            updated_at: string;
+            id: string;
+            data: {
+                jobTitle: string;
+                name: string;
+                organization: string;
+                thumbnail: string;
+            };
+        };
+        kind: string;
+        activity_id: string;
+        data: {
+            mentioned_users: null;
+        };
+        parent: string;
+        latest_children: {};
+        children_counts: {};
+    })[];
+    next: string;
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type ListMembers, ClickMentionFallback } from '../../../form';
-import { DiscussionCreateContentFunction, DiscussionCreateLikeFunction, DiscussionDeleteLikeFunction, IForceHide, IFullDiscussionContent } from '../../discussion';
+import { ClickMentionFallback, type ListMembers } from '../../../form';
+import { DiscussionCreateContentFunction, DiscussionCreateLikeFunction, DiscussionDeleteLikeFunction, DiscussionListLikesFunction, IForceHide, IFullDiscussionContent } from '../../discussion';
 import { IBadgesOption } from '../../../user/badges';
 interface PostContent extends IFullDiscussionContent {
     /** The post body */
@@ -36,6 +36,8 @@ interface Props {
             createLike: DiscussionCreateLikeFunction;
             /** Delete a like on the post */
             deleteLike: DiscussionDeleteLikeFunction;
+            /** List the likes on the post */
+            listLikes: DiscussionListLikesFunction;
         };
         comments: {
             /** Open comments on a post */
@@ -80,6 +82,10 @@ interface Props {
     isCommunity?: boolean;
     /** Whether to show badges and the scope of the badge */
     badges?: IBadgesOption;
+    /** The base path, used for slugs */
+    basePath: string;
+    /** The ID of the parent, used for slugs */
+    parentId: string;
 }
-declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, styling: { showShareLinkButton }, setFocus, isCommunity, badges, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, styling: { showShareLinkButton }, setFocus, isCommunity, badges, basePath, parentId, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Post;

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

@@ -9,6 +9,58 @@ declare namespace _default {
         namespace likes {
             function createLike(): void;
             function deleteLike(): void;
+            function listLikes(): Promise<{
+                results: ({
+                    created_at: string;
+                    updated_at: string;
+                    id: string;
+                    user_id: string;
+                    user: {
+                        id: string;
+                        data: {
+                            name: string;
+                            thumbnail: string;
+                            jobTitle: string;
+                            organization: string;
+                        };
+                        created_at?: undefined;
+                        updated_at?: undefined;
+                    };
+                    kind: string;
+                    activity_id: string;
+                    data: {
+                        mentioned_users: null;
+                    };
+                    parent: string;
+                    latest_children: {};
+                    children_counts: {};
+                } | {
+                    created_at: string;
+                    updated_at: string;
+                    id: string;
+                    user_id: string;
+                    user: {
+                        created_at: string;
+                        updated_at: string;
+                        id: string;
+                        data: {
+                            jobTitle: string;
+                            name: string;
+                            organization: string;
+                            thumbnail: string;
+                        };
+                    };
+                    kind: string;
+                    activity_id: string;
+                    data: {
+                        mentioned_users: null;
+                    };
+                    parent: string;
+                    latest_children: {};
+                    children_counts: {};
+                })[];
+                next: string;
+            }>;
         }
         namespace comments {
             function openComments(): void;

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

@@ -2,6 +2,7 @@
 import { type IProfileFormProps } from '../../../form';
 import type { IMentionsFns } from '../../../discussion/discussion.d';
 import type { IQueryFns } from './cache';
+import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
 interface Props {
     /** The base path, used for slugs */
     basePath: string;
@@ -21,6 +22,7 @@ interface Props {
         join: () => Promise<void>;
         /** Function to leave the community */
         leave: () => Promise<void>;
+        likes: ILikesFeedQueryFns;
     };
     /** Props to pass into the profile form */
     profile: IProfileFormProps;

package/discussion/feeds/activities-feed/mocks/activities-feed.mock.d.ts

@@ -46,6 +46,55 @@ export declare const activitiesFeedMock: {
                 latest_children: {};
                 children_counts: {};
             }[];
+            like: ({
+                created_at: string;
+                updated_at: string;
+                id: string;
+                user_id: string;
+                user: {
+                    id: string;
+                    data: {
+                        name: string;
+                        thumbnail: string;
+                        jobTitle: string;
+                        organization: string;
+                    };
+                    created_at?: undefined;
+                    updated_at?: undefined;
+                };
+                kind: string;
+                activity_id: string;
+                data: {
+                    mentioned_users: null;
+                };
+                parent: string;
+                latest_children: {};
+                children_counts: {};
+            } | {
+                created_at: string;
+                updated_at: string;
+                id: string;
+                user_id: string;
+                user: {
+                    created_at: string;
+                    updated_at: string;
+                    id: string;
+                    data: {
+                        jobTitle: string;
+                        name: string;
+                        organization: string;
+                        thumbnail: string;
+                    };
+                };
+                kind: string;
+                activity_id: string;
+                data: {
+                    mentioned_users: null;
+                };
+                parent: string;
+                latest_children: {};
+                children_counts: {};
+            })[];
         };
         latest_reactions_extra: {};
         object: string;
@@ -81,6 +130,7 @@ export declare const activitiesFeedMock: {
         id: string;
         latest_reactions: {
             pin?: undefined;
+            like?: undefined;
         };
         latest_reactions_extra: {};
         object: string;
@@ -110,6 +160,29 @@ export declare const activitiesFeedMock: {
         foreign_id: string;
         id: string;
         latest_reactions: {
+            like: {
+                created_at: string;
+                updated_at: string;
+                id: string;
+                user_id: string;
+                user: {
+                    id: string;
+                    data: {
+                        name: string;
+                        thumbnail: string;
+                        jobTitle: string;
+                        organization: string;
+                    };
+                };
+                kind: string;
+                activity_id: string;
+                data: {
+                    mentioned_users: null;
+                };
+                parent: string;
+                latest_children: {};
+                children_counts: {};
+            }[];
             pin?: undefined;
         };
         latest_reactions_extra: {};
@@ -117,7 +190,7 @@ export declare const activitiesFeedMock: {
         origin: null;
         own_reactions: {};
         reaction_counts: {
-            like?: undefined;
+            like: number;
             pin?: undefined;
         };
         target: string;
@@ -143,6 +216,7 @@ export declare const activitiesFeedMock: {
         id: string;
         latest_reactions: {
             pin?: undefined;
+            like?: undefined;
         };
         latest_reactions_extra: {};
         object: string;

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

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 import type { IMentionsFns } from '../../../../discussion/discussion.d';
 import type { IQueryFns } from './../cache';
-interface NestedRepliesFunctions extends IQueryFns, IMentionsFns {
+import { ILikesFeedQueryFns } from '../../../../discussion/feeds/likes-feed';
+interface NestedRepliesFunctions {
+    /** Functions for the replies query */
+    reactions: IQueryFns;
+    mentions: IMentionsFns;
+    /** Functions for the likes query */
+    likes: ILikesFeedQueryFns;
 }
 interface Props {
     /** The base path, used for slugs */

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

@@ -2,6 +2,19 @@
 import { type IProfileFormProps } from '../../../form';
 import type { IMentionsFns } from './../../discussion';
 import { type IQueryFns } from './cache';
+import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
+interface RepliesFunctions {
+    /** Functions for the replies query */
+    reactions: IQueryFns;
+    /** Functions for the likes query */
+    likes: ILikesFeedQueryFns;
+    /** Query functions for the mentions */
+    mentions: IMentionsFns;
+    /** Function to join the community */
+    join: () => Promise<void>;
+    /** Function to leave the community */
+    leave: () => Promise<void>;
+}
 interface Props {
     /** The base path, used for slugs */
     basePath: string;
@@ -14,16 +27,7 @@ interface Props {
     /** Whether the user is a member of the community */
     isMember: boolean;
     /** Functions for the replies query */
-    functions: {
-        /** Query functions for the replies */
-        reactions: IQueryFns;
-        /** Query functions for the mentions */
-        mentions: IMentionsFns;
-        /** Function to join the community */
-        join: () => Promise<void>;
-        /** Function to leave the community */
-        leave: () => Promise<void>;
-    };
+    functions: RepliesFunctions;
     /** Props to pass into the profile form */
     profile: IProfileFormProps;
 }

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

@@ -3,6 +3,7 @@ import { type IProfileFormProps } from '../../../form';
 import { type IRepliesFeedQueryFns } from '../../../discussion/feeds';
 import type { IMentionsFns } from './../../discussion.d';
 import { type IQueryFns } from './cache';
+import { ILikesFeedQueryFns } from '../../../discussion/feeds/likes-feed';
 interface IActivitySectionQueryFns extends IQueryFns {
     remove: () => Promise<void>;
 }
@@ -15,6 +16,7 @@ export interface IActivitySectionProps {
     functions: {
         activities: IActivitySectionQueryFns;
         reactions: IRepliesFeedQueryFns;
+        likes: ILikesFeedQueryFns;
         mentions: IMentionsFns;
         join: () => Promise<void>;
         leave: () => Promise<void>;

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

@@ -12,8 +12,8 @@ export default function transform<T extends InputNodeTypes>(node: MdastNode, opt
     position?: any;
     ordered?: boolean | undefined;
     checked?: any;
-    depth?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     lang?: string | undefined;
+    depth?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     spread?: any;
     indent?: any;
     text: string | undefined;

package/general/link/link.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Props {
+export interface ILinkProps {
     /** URL for link */
     href?: string | undefined;
     /** Content to rendered */
@@ -33,5 +33,5 @@ interface Props {
     /** Data attributes for the link */
     'data-before'?: string;
 }
-declare const Link: ({ href, children, fallbackElement, className, onClick, gtmContext, gtmType, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Link: ({ href, children, fallbackElement, className, onClick, gtmContext, gtmType, ...props }: ILinkProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/helpers/intl.d.ts

@@ -154,7 +154,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     discussion_form_explainer_question: string;
     discussion_likes: string;
     discussion_likes_short: string;
-    discussion_likes_more: string;
+    discussion_likes_showAll: string;
     discussion_likes_like: string;
     discussion_likes_unlike: string;
     discussion_likes_show: string;