@apolitical/component-library 6.0.1 → 6.0.2-601.11

package/cards/card/card.d.ts

@@ -1,3 +1,3 @@
 import type { CardProps } from './../cards.types';
-declare const Card: ({ id, className, buildCardData, buildMemberData, card, cta, gtmContext, handleCardClick, setFocus, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ id, className, buildCardData, buildMemberData, card, cta, gtmContext, handleCardClick, meta, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/cards/cards.types.d.ts

@@ -93,8 +93,13 @@ export interface CardProps {
     className?: string;
     /** A callback to run when the user clicks on the card CTA */
     handleCardClick?: (card: CardType) => Promise<string>;
-    /** If the browser should focus on this card */
-    setFocus?: boolean;
+    /** Metadata about the card */
+    meta?: {
+        /** If the browser should be able to reach the card, e.g. for out of view cards in carousels */
+        isTabbable?: boolean;
+        /** If the browser should focus on this card */
+        setFocus?: boolean;
+    };
 }
 export interface CarouselTitleProps {
     /** The title text */

package/cards/carousel/components/carousel/carousel.helpers.d.ts

@@ -1 +1,4 @@
-export declare const shouldDisplayCard: (index: number, cardsPerPage: number, page: number, loadedPages: number[]) => boolean;
+export declare const shouldDisplayCard: (index: number, cardsPerPage: number, page: number, loadedPages: number[]) => {
+    inView: boolean;
+    isLoaded: boolean;
+};

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

@@ -36,7 +36,7 @@ export interface IDiscussionFormMeta {
     /** Whether the success message should show on a successful submit */
     showSuccessMessage?: boolean;
 }
-interface IDiscussionFormFunctions extends IDiscussionFormFns {
+export interface IDiscussionFormFunctions extends IDiscussionFormFns {
     onChange?: (args: {
         [key: string]: string | boolean;
     }) => void;
@@ -107,4 +107,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, IDiscussionFormFunctions, IDiscussionFormMeta, } from './form.type';
 export { default as DiscussionForm } from './form';

package/discussion/components/index.d.ts

@@ -2,7 +2,6 @@ export * from './add-post';
 export * from './conversation';
 export * from './discussion-form-card';
 export * from './form';
-export * from './likes';
 export * from './post';
 export * from './profile-modal-launcher';
 export * from './responses-heading';

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

@@ -94,5 +94,5 @@ export interface IDiscussionPostProps {
     /** 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, showMoreMenuButton }, setFocus, isCommunity, badges, categories, basePath, parentId, }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
+declare const Post: ({ element, content, userHasPermissions, userHasOwnerPermissions, isLoading, originalAuthorId, forceHide, functions, links, className, gtmContext, children, isTruncated, setFocus, isCommunity, badges, categories, basePath, parentId, }: IDiscussionPostProps) => import("react/jsx-runtime").JSX.Element;
 export default Post;

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/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/components';
+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 http://localhost:3026/communities/playground/61b7fae0-0eed-11ef-8080-800013820cbdthe 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/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/helpers/intl.d.ts

@@ -345,6 +345,11 @@ export declare const checkIntlPathExists: (path: string, language?: {
     signup_submitting: string;
     signup_success_title: string;
     signup_success_text: string;
+    poll_instructions: string;
+    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;

package/hooks/use-tooltips.d.ts

@@ -7,7 +7,6 @@ declare const _default: (hasTooltip?: boolean) => {
         onMouseOut?: undefined;
         onFocus?: undefined;
         onBlur?: undefined;
-        tabIndex?: undefined;
     };
 } | {
     showTooltip: boolean;
@@ -18,7 +17,6 @@ declare const _default: (hasTooltip?: boolean) => {
         onMouseOut: () => void;
         onFocus: () => void;
         onBlur: () => void;
-        tabIndex: number;
     };
 };
 export default _default;

package/index.d.ts

@@ -16,6 +16,7 @@ export * from './mappers';
 export * from './modals';
 export * from './navigation';
 export * from './pages';
+export * from './polls';
 export * from './sections';
 export * from './text';
 export * from './user';