@apolitical/component-library 1.4.1-beta.1 → 1.5.0

package/accessibility/visually-hidden/visually-hidden.d.ts

@@ -5,7 +5,7 @@ interface Props {
     /** Whether the content should be shown on focus. */
     showOnFocus?: boolean;
     /** The content to be hidden from screen readers. */
-    children: React.ReactNode;
+    children: React.ReactNode | JSX.Element | string;
     /** An `href`, for links */
     href?: string;
     /** `for`, for labels */
@@ -13,6 +13,7 @@ interface Props {
 }
 declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, ...props }: Props) => React.DetailedReactHTMLElement<{
     className: string;
+    children: React.ReactNode | JSX.Element;
     /** An `href`, for links */
     href?: string | undefined;
     /** `for`, for labels */

package/discussion/discussion.mock.d.ts

@@ -55,7 +55,7 @@ export namespace reply {
 }
 export namespace answer {
     export namespace me_2 {
-        let id_2: number;
+        let id_2: string;
         export { id_2 as id };
         let slug_2: string;
         export { slug_2 as slug };
@@ -91,7 +91,7 @@ export namespace answer {
     }
     export { me_2 as me };
     export namespace otherUser_2 {
-        let id_3: number;
+        let id_3: string;
         export { id_3 as id };
         let slug_3: string;
         export { slug_3 as slug };
@@ -128,7 +128,7 @@ export namespace answer {
     }
     export { otherUser_2 as otherUser };
     export namespace otherUserLiked {
-        let id_4: number;
+        let id_4: string;
         export { id_4 as id };
         let slug_4: string;
         export { slug_4 as slug };
@@ -165,38 +165,11 @@ export namespace answer {
     }
 }
 export namespace question {
-    export let title: string;
+    let body_5: string;
+    export { body_5 as body };
     let slug_5: string;
     export { slug_5 as slug };
-    export let answers: {
-        id: number;
-        slug: string;
-        body: string;
-        author: {
-            id: string;
-            name: string;
-        };
-        authorId: string;
-        userLiked: boolean;
-        likes: number;
-        replies: {
-            slug: string;
-            authorId: string;
-            body: string;
-            likes: number;
-            isEdited: boolean;
-            contentType: string;
-            createdAt: string;
-            updatedAt: string;
-            author: {
-                id: string;
-                name: string;
-            };
-            userLiked: boolean;
-        }[];
-        createdAt: string;
-        updatedAt: string;
-    }[];
+    export let comments: number;
     import authorId_5 = id;
     export { authorId_5 as authorId };
     import author_5 = authors.me;

package/discussion/index.d.ts

@@ -2,3 +2,5 @@ export * from './conversation';
 export * from './form';
 export * from './likes';
 export * from './post';
+export * from './responses-heading';
+export * from './thread';

package/discussion/post/post.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { DiscussionCreateContentFunction, DiscussionCreateLikeFunction, DiscussionDeleteLikeFunction, IFullDiscussionContent } from './../discussion';
 interface Props {
+    /** The element that will render around the content */
+    element?: 'li' | 'div' | 'section' | 'article';
     /** Information about the content being posted */
     content: IFullDiscussionContent;
     /** If the post is still loading */
@@ -23,7 +25,13 @@ interface Props {
             /** Delete a like on the post */
             deleteLike: DiscussionDeleteLikeFunction;
         };
+        comments: {
+            /** Open comments on a post */
+            openComments: () => void;
+        };
     };
+    /** Optional `href` for the card to link to */
+    link?: string;
     /** Additional classes */
     className?: string;
     /** The GTM context */
@@ -33,5 +41,5 @@ interface Props {
     /** The language for the text */
     locale?: string;
 }
-declare const Post: ({ content, isLoading, originalAuthorId, functions: { content: { createContent, deleteContent, updateContent }, likes: { createLike, deleteLike }, }, className, gtmContext, locale, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Post: ({ element, content, isLoading, originalAuthorId, functions: { content: { createContent, deleteContent, updateContent }, likes: { createLike, deleteLike }, comments: { openComments }, }, link, className, gtmContext, locale, children, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Post;

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

@@ -0,0 +1,18 @@
+declare namespace _default {
+    let isLoading: boolean;
+    namespace functions {
+        namespace content {
+            function createContent(): void;
+            function deleteContent(): void;
+            function updateContent(): void;
+        }
+        namespace likes {
+            function createLike(): void;
+            function deleteLike(): void;
+        }
+        namespace comments {
+            function openComments(): void;
+        }
+    }
+}
+export default _default;

package/discussion/responses-heading/index.d.ts

@@ -0,0 +1 @@
+export { default as ResponsesHeading } from './responses-heading';

package/discussion/responses-heading/responses-heading.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    /** The type of response */
+    type?: 'answer' | 'comment';
+    /** The number of responses to show */
+    responses: number;
+    /** The language to use for the text */
+    locale?: string;
+}
+declare const ResponsesHeading: ({ type, responses }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ResponsesHeading;

package/discussion/thread/index.d.ts

@@ -0,0 +1 @@
+export { default as DiscussionThread } from './thread';

package/discussion/thread/thread.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    /** If the thread is open or not */
+    isOpen?: boolean;
+    /** The number of posts in the thread */
+    count?: number;
+    /** The posts to render */
+    children: React.ReactNode | JSX.Element | JSX.Element[];
+}
+declare const Thread: ({ isOpen: threadIsOpen, count, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Thread;

package/general/buttons/button-wrapper/button-wrapper.d.ts

@@ -7,6 +7,7 @@ interface Props {
     className?: string;
 }
 declare const ButtonWrapper: ({ buttons, className, ...props }: Props) => React.DetailedReactHTMLElement<{
+    children: JSX.Element[];
     className: string;
 }, HTMLElement>;
 export default ButtonWrapper;

package/general/divider/divider.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    /** The maximum width of the divider */
+    maxWidth?: number | false;
+}
+declare const _default: ({ maxWidth }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/general/divider/index.d.ts

@@ -0,0 +1 @@
+export { default as Divider } from './divider';

package/general/index.d.ts

@@ -1,3 +1,4 @@
 export * from './buttons';
+export * from './divider';
 export * from './link';
 export * from './responsive-image';

package/general/link/link.d.ts

@@ -17,5 +17,5 @@ interface Props {
     /** Test id for link */
     'data-testid'?: string;
 }
-declare const Link: ({ href, children, className, onClick, gtmContext, gtmType, ...props }: Props) => string | import("react/jsx-runtime").JSX.Element | JSX.Element[];
+declare const Link: ({ href, children, className, onClick, gtmContext, gtmType, ...props }: Props) => string | JSX.Element | JSX.Element[];
 export default Link;