@apolitical/component-library 1.1.1 → 1.1.4

package/discussion/discussion.mock.d.ts

@@ -0,0 +1,206 @@
+export namespace authors {
+    namespace me {
+        let id: string;
+        let name: string;
+        namespace image {
+            let thumbnail: string;
+        }
+    }
+    namespace otherUser {
+        let id_1: string;
+        export { id_1 as id };
+        let name_1: string;
+        export { name_1 as name };
+    }
+}
+export namespace reply {
+    export namespace me_1 {
+        export let slug: string;
+        import authorId = id;
+        export { authorId };
+        export let body: string;
+        export let likes: number;
+        export let isEdited: boolean;
+        export let contentType: string;
+        export let createdAt: string;
+        export let updatedAt: string;
+        import author = authors.me;
+        export { author };
+        export let userLiked: boolean;
+    }
+    export { me_1 as me };
+    export namespace otherUser_1 {
+        let slug_1: string;
+        export { slug_1 as slug };
+        import authorId_1 = id;
+        export { authorId_1 as authorId };
+        let body_1: string;
+        export { body_1 as body };
+        let likes_1: number;
+        export { likes_1 as likes };
+        let isEdited_1: boolean;
+        export { isEdited_1 as isEdited };
+        let contentType_1: string;
+        export { contentType_1 as contentType };
+        let createdAt_1: string;
+        export { createdAt_1 as createdAt };
+        let updatedAt_1: string;
+        export { updatedAt_1 as updatedAt };
+        import author_1 = authors.otherUser;
+        export { author_1 as author };
+        let userLiked_1: boolean;
+        export { userLiked_1 as userLiked };
+    }
+    export { otherUser_1 as otherUser };
+}
+export namespace answer {
+    export namespace me_2 {
+        let id_2: number;
+        export { id_2 as id };
+        let slug_2: string;
+        export { slug_2 as slug };
+        let body_2: string;
+        export { body_2 as body };
+        import author_2 = authors.me;
+        export { author_2 as author };
+        import authorId_2 = id;
+        export { authorId_2 as authorId };
+        let userLiked_2: boolean;
+        export { userLiked_2 as userLiked };
+        let likes_2: number;
+        export { likes_2 as likes };
+        export let replies: {
+            slug: string;
+            authorId: string;
+            body: string;
+            likes: number;
+            isEdited: boolean;
+            contentType: string;
+            createdAt: string;
+            updatedAt: string;
+            author: {
+                id: string;
+                name: string;
+            };
+            userLiked: boolean;
+        }[];
+        let createdAt_2: string;
+        export { createdAt_2 as createdAt };
+        let updatedAt_2: string;
+        export { updatedAt_2 as updatedAt };
+    }
+    export { me_2 as me };
+    export namespace otherUser_2 {
+        let id_3: number;
+        export { id_3 as id };
+        let slug_3: string;
+        export { slug_3 as slug };
+        let body_3: string;
+        export { body_3 as body };
+        import author_3 = authors.otherUser;
+        export { author_3 as author };
+        import authorId_3 = id;
+        export { authorId_3 as authorId };
+        let userLiked_3: boolean;
+        export { userLiked_3 as userLiked };
+        let likes_3: number;
+        export { likes_3 as likes };
+        let replies_1: {
+            slug: string;
+            authorId: string;
+            body: string;
+            likes: number;
+            isEdited: boolean;
+            contentType: string;
+            createdAt: string;
+            updatedAt: string;
+            author: {
+                id: string;
+                name: string;
+            };
+            userLiked: boolean;
+        }[];
+        export { replies_1 as replies };
+        let createdAt_3: string;
+        export { createdAt_3 as createdAt };
+        let updatedAt_3: string;
+        export { updatedAt_3 as updatedAt };
+    }
+    export { otherUser_2 as otherUser };
+    export namespace otherUserLiked {
+        let id_4: number;
+        export { id_4 as id };
+        let slug_4: string;
+        export { slug_4 as slug };
+        let body_4: string;
+        export { body_4 as body };
+        import author_4 = authors.otherUser;
+        export { author_4 as author };
+        import authorId_4 = id;
+        export { authorId_4 as authorId };
+        let userLiked_4: boolean;
+        export { userLiked_4 as userLiked };
+        let likes_4: number;
+        export { likes_4 as likes };
+        let replies_2: {
+            slug: string;
+            authorId: string;
+            body: string;
+            likes: number;
+            isEdited: boolean;
+            contentType: string;
+            createdAt: string;
+            updatedAt: string;
+            author: {
+                id: string;
+                name: string;
+            };
+            userLiked: boolean;
+        }[];
+        export { replies_2 as replies };
+        let createdAt_4: string;
+        export { createdAt_4 as createdAt };
+        let updatedAt_4: string;
+        export { updatedAt_4 as updatedAt };
+    }
+}
+export namespace question {
+    export let title: string;
+    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;
+    }[];
+    import authorId_5 = id;
+    export { authorId_5 as authorId };
+    import author_5 = authors.me;
+    export { author_5 as author };
+    let createdAt_5: string;
+    export { createdAt_5 as createdAt };
+}

package/discussion/form/form.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { IDiscussionContent } from './../discussion';
+interface Props {
+    /** Information about the content being created/edited */
+    content: IDiscussionContent;
+    /** Information about the form */
+    meta?: {
+        /** Whether the form data is still loading */
+        isLoading?: boolean;
+        /** Whether the form is in a wrapper or not - used for styling */
+        isInWrapper?: boolean;
+        /** Whether we're editing or creating */
+        isEditing: false | {
+            text?: string;
+        };
+    };
+    /** The `ref` for the input, if we need to have control over it in the parent */
+    inputRef?: React.Ref<HTMLTextAreaElement> | undefined;
+    /** The maximum number of characters */
+    maxLength?: number;
+    /** The minimum number of rows */
+    minRows?: number;
+    /** Force elements on the form to show, regardless of the form state */
+    forceShow?: {
+        /** If the cancel button should always show */
+        cancel?: boolean;
+        /** If an error, created externally, should always show */
+        error?: false | string;
+    };
+    /** The functions that are passed in to handle the functionality */
+    functions: {
+        create: (args1: void | object, args2?: object) => void;
+        handleSaveEdit?: () => void;
+        handleCancel?: () => void;
+        callback?: (args: void) => void;
+        props?: {
+            create: {
+                projectNames: ['questions-answers'];
+            };
+        };
+    };
+    /** The context for GTM */
+    gtmContext?: string;
+    /** The language to use for the text */
+    locale?: string;
+}
+declare const DiscussionFormWrapper: ({ locale, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DiscussionFormWrapper;

package/discussion/form/index.d.ts

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

package/discussion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form';
+export * from './likes';

package/discussion/likes/index.d.ts

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

package/discussion/likes/likes.d.ts

@@ -0,0 +1,19 @@
+import { IDiscussionContent } from './../discussion';
+interface Props {
+    /** The number of likes the content has had */
+    likes?: number;
+    /** Whether the user has liked the content */
+    userLiked?: boolean;
+    /** Information about the content being liked */
+    content?: IDiscussionContent;
+    /** If the user is able to like the content (e.g. they can't like their own content) */
+    canLike?: boolean;
+    /** Function to create a like */
+    createLike?: (args1: object, args2: object) => void;
+    /** Function to delete a like */
+    deleteLike?: (args: object) => void;
+    /** The language to use for the text */
+    locale?: string;
+}
+declare const LikesWrapper: ({ locale, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LikesWrapper;

package/discussion/likes/likes.helpers.d.ts

@@ -0,0 +1,9 @@
+export declare const createSlugsPayload: ({ question, answer, reply, }: {
+    question?: string | undefined;
+    answer?: string | undefined;
+    reply?: string | undefined;
+}) => {
+    replySlug?: string | undefined;
+    answerSlug?: string | undefined;
+    questionSlug?: string | undefined;
+};

package/general/{button → buttons/button}/button.d.ts

@@ -45,6 +45,12 @@ export interface ButtonPropsType {
     children?: false | string | React.ReactNode;
     /** The target, for links */
     target?: '_blank' | '_self' | '_parent' | '_top';
+    /** The GTM event type */
+    'data-gtm-event-type'?: string;
+    /** The GTM event context */
+    'data-gtm-event-context'?: string;
+    /** The test ID for Jest tests */
+    'data-testid'?: string;
 }
 declare const Button: ({ variant, size, styling, icon, href, element, onClick, className, disabled, screenreaderText, children, ...rest }: ButtonPropsType) => React.DOMElement<{
     [key: string]: string | boolean | addClasses.ArgumentArray | ((e: React.MouseEvent<HTMLElement>) => void);

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ButtonPropsType } from './../button';
+interface Props {
+    /** The props for each button */
+    buttons: ButtonPropsType[];
+    /** Additional classes */
+    className?: string;
+}
+declare const ButtonWrapper: ({ buttons, className, ...props }: Props) => React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+export default ButtonWrapper;

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

@@ -0,0 +1 @@
+export { default as ButtonWrapper } from './button-wrapper';

package/general/buttons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button';
+export * from './button-wrapper';

package/general/index.d.ts

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

package/helpers/dates.d.ts

@@ -0,0 +1,14 @@
+type DateType = Date | string;
+export declare const getMonth: (date: DateType, locale?: string) => string;
+export declare const getNumericDay: (date: DateType, locale?: string) => string;
+export declare const getShortDate: (date: DateType, locale?: string) => string;
+export declare const getDateWithYear: (date: DateType, locale?: string) => string;
+export declare const getLongDate: (date: DateType, locale?: string) => string;
+export declare const getShortDateHowLongAgo: (dateInPast: Date | string) => "" | {
+    path: string;
+    number?: undefined;
+} | {
+    path: string;
+    number: number;
+};
+export {};

package/helpers/delay.d.ts

@@ -0,0 +1,2 @@
+declare const delay: (time: number) => Promise<unknown>;
+export default delay;

package/helpers/index.d.ts

@@ -1,5 +1,9 @@
 export { default as basicReducer } from './basic-reducer';
 export * from './breakpoints';
+export * from './dates';
+export { default as delay } from './delay';
+export * from './intl';
 export { default as IntlWrapper } from './intl-wrapper';
 export { default as passPropsToChildren } from './pass-props-to-children';
 export * from './test-utils';
+export * from './validation';

package/helpers/intl.d.ts

@@ -0,0 +1,3 @@
+export declare const getIntlPath: (callback: (args1: {
+    id: string;
+}, args2?: object) => string, path: string, key: string, value: string, args?: object) => string;

package/helpers/validation.d.ts

@@ -0,0 +1 @@
+export declare const valueIsNotEmpty: (value: string) => boolean;

package/index.d.ts

@@ -3,6 +3,7 @@ export * from './banners';
 export * from './general';
 export * from './constants';
 export * from './context';
+export * from './discussion';
 export * from './form';
 export * from './hooks';
 export * from './layout';