@apolitical/component-library 2.0.2-ac.3 → 2.0.2-ac.32

package/banners/highlight-section/highlight-section.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ResponsiveImageType } from '../../general';
+export type HighlightSectionProps = {
+    /** The content to display */
+    content: string | React.ReactNode;
+    /** Additional className */
+    className?: string;
+    /** How to align the image, left or right. Defaults to left */
+    alignImage?: 'left' | 'right';
+    /** The image to display */
+    image?: ResponsiveImageType;
+};
+declare const _default: import("react").MemoExoticComponent<({ alignImage, className, content, image, }: HighlightSectionProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/banners/highlight-section/index.d.ts

@@ -0,0 +1 @@
+export { default as HighlightSection } from './highlight-section';

package/banners/index.d.ts

@@ -1,2 +1,3 @@
 export * from './banner-section';
+export * from './highlight-section';
 export * from './marketing-block';

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

@@ -2,7 +2,7 @@ interface Props {
     /** The type of response */
     type?: 'answer' | 'comment';
     /** The number of responses to show */
-    responses: number;
+    responses: number | string;
     /** The language to use for the text */
     locale?: string;
 }

package/discussion/discussion.mock.d.ts

@@ -5,6 +5,10 @@ export namespace authors {
         namespace image {
             let thumbnail: string;
         }
+        let jobTitle: string;
+        namespace location {
+            let country: string;
+        }
     }
     namespace otherUser {
         let id_1: string;

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

@@ -7,6 +7,9 @@ export declare const activitySectionMock: {
             jobTitle: string;
             name: string;
             organization: string;
+            location: {
+                country: string;
+            };
         };
     };
     content: string;

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

@@ -4,6 +4,9 @@ export interface IUser extends EnrichedUser {
         name?: string;
         organization?: string;
         jobTitle?: string;
+        location?: {
+            country?: string;
+        };
         thumbnail?: string;
     };
 }

package/form/components/form/components/fields/dropdown-menu/dropdown-menu.d.ts

@@ -1,3 +1,3 @@
 import { IField } from '../../../../../../form/components/form/form.types';
-declare const DropdownMenu: ({ className, options, initialValue, value, functions: allFunctions, gtm: { context }, placeholder, multiSelect, multiSelectOptions, }: IField) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenu: ({ className, options, initialValue, value, functions: allFunctions, gtm: { context }, placeholder, multiSelect, multiSelectOptions, id, }: IField) => import("react/jsx-runtime").JSX.Element;
 export default DropdownMenu;

package/form/components/form/form.d.ts

@@ -1,3 +1,3 @@
 import { IFormProps } from './form.types';
-declare const Form: ({ fields, className, id: formId, formRef: ref, intlPath, button, meta: { shouldReset, showRequiredLabels }, gtm, functions: { onSuccess, onCatch, onFailure }, ...props }: IFormProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Form: ({ fields, className, id: formId, formRef: ref, intlPath, button, secondaryActionButton, meta: { shouldShowCancelButton, shouldReset, showRequiredLabels, showSuccessMessage }, gtm, functions: { onSuccess, onCancel, onCatch, onFailure }, ...props }: IFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Form;

package/form/components/form/form.types.d.ts

@@ -39,7 +39,7 @@ export interface IFormPayload {
     /** Function to call when everything succeeds */
     onSuccess?: (arg: IFormValues) => void;
     /** Function to call when something fails */
-    onFailure?: (arg: IFormValues) => void;
+    onFailure?: (arg: IFormValues, arg2?: FormValues) => void;
 }
 export interface IFormReducerAction extends IReducerAction<IFormPayload> {
 }
@@ -145,6 +145,10 @@ export interface IField {
     /** The value of the field */
     value?: FormValues;
 }
+export interface FormCancelButtonPropsType extends ButtonPropsType {
+    /** The text to show on the button */
+    text?: string;
+}
 export interface FormButtonPropsType extends ButtonPropsType {
     /** A custom component to render when the form is submitting */
     customOnSubmit?: React.ReactNode | false;
@@ -154,8 +158,10 @@ export interface FormButtonPropsType extends ButtonPropsType {
     hideButton?: boolean;
 }
 export interface IFormProps {
-    /** The button to render at the bottom of the form */
+    /** The form submit button */
     button?: FormButtonPropsType;
+    /** The button to cancel the form (can be used to redirects user to another url or close modal) */
+    secondaryActionButton?: FormCancelButtonPropsType;
     /** The classes to add to the form */
     className?: string;
     /** The fields to render in the form */
@@ -167,9 +173,11 @@ export interface IFormProps {
         /** The function to call when onSuccess fails */
         onCatch?: (error?: unknown) => void;
         /** The function to call when the form submission fails */
-        onFailure?: (arg: IFormValues) => void;
+        onFailure?: (arg: IFormValues, arg2?: FormValues) => void;
         /** The function to call when the form is successfully submitted */
-        onSuccess?: (arg: IFormValues) => void;
+        onSuccess?: (arg: IFormValues) => Promise<void>;
+        /** The function to call when the cancel button is clicked */
+        onCancel?: () => void;
     };
     /** The Google Tag Manager data to be passed to the field */
     gtm?: {
@@ -188,6 +196,10 @@ export interface IFormProps {
         shouldReset?: boolean;
         /** Whether the form should show required labels */
         showRequiredLabels?: boolean;
+        /** Whether the form should show success message*/
+        showSuccessMessage?: boolean | string;
+        /** Whether the form should show cancel button */
+        shouldShowCancelButton?: boolean;
     };
 }
 export interface IFieldWrapper extends IField {

package/form/types/contact-form/contact-form.d.ts

@@ -4,7 +4,7 @@ interface IContactFormProps {
         event?: string;
     };
     functions: {
-        onSuccess?: () => void;
+        onSuccess?: () => Promise<void>;
         onFailure?: () => void;
     };
 }

package/general/return-to-nav-button/return-to-nav-button.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 interface Props {
+    /** Id of the element to scroll to */
     elementId: string;
+    /** Offset from the top of the element to scroll to */
+    offset?: number;
 }
 declare const ReturnToNavButton: React.FC<Props>;
 export default ReturnToNavButton;

package/helpers/index.d.ts

@@ -1,6 +1,7 @@
 export { default as basicReducer } from './basic-reducer';
 export * from './breakpoints';
 export * from './cases';
+export * from './inline-styling';
 export * from './dates';
 export { default as delay } from './delay';
 export * from './in-development';

package/helpers/inline-styling.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function generateCssIcon(icon: string | undefined): React.CSSProperties;

package/helpers/validation.d.ts

@@ -1 +1,9 @@
 export declare const valueIsNotEmpty: (value: string) => boolean;
+export declare const passwordValidator: (password: string) => {
+    isValid: boolean;
+    matchingRules: {
+        isMoreThanEightCharacters: boolean;
+        includesNumberAndSymbol: boolean;
+        includesLowerAndUppercase: boolean;
+    };
+};

package/index.d.ts

@@ -18,3 +18,4 @@ export * from './sections';
 export * from './text';
 export * from './user';
 export * from './helpers/prerender';
+export { passwordValidator } from './helpers';