@apolitical/component-library 6.0.3-ac.0 → 6.0.3-jc.0

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/form/components/form/form.types.d.ts

@@ -13,7 +13,7 @@ export interface ILabel {
     htmlFor?: string;
 }
 export type FormActionTypes = 'addError' | 'formSubmitted' | 'formSubmittedAndReset' | 'removeError' | 'submitForm' | 'updateValue';
-export type FieldValidationConditions = boolean | 'no-numbers' | 'required' | 'valid-email' | 'valid-url' | 'custom-validation' | ((arg: IFormValues) => boolean);
+export type FieldValidationConditions = boolean | 'no-numbers' | 'required' | 'valid-email' | 'valid-url' | 'custom-validation' | ((arg: IFormValues) => boolean | null | string);
 export interface IFieldOption {
     /** The ID of the option */
     id: string;

package/form/components/rich-text-editor/components/toolbar/toolbar.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { BaseProps } from './../../rich-text-editor.types';
-declare const Toolbar: ({ styling, ...props }: PropsWithChildren<BaseProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Toolbar: ({ ...props }: PropsWithChildren<BaseProps>) => import("react/jsx-runtime").JSX.Element;
 export default Toolbar;

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

@@ -1,3 +1,3 @@
 import { IRTEProps } from './rich-text-editor.types';
-declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, styling, ...props }: IRTEProps) => import("react/jsx-runtime").JSX.Element;
+declare const RichTextEditor: ({ id, value, placeholder, maxLength, meta, functions, autoFocus, data, ...props }: IRTEProps) => import("react/jsx-runtime").JSX.Element;
 export default RichTextEditor;

package/form/components/rich-text-editor/rich-text-editor.types.d.ts

@@ -42,13 +42,6 @@ export interface IRTEProps {
     'aria-errormessage'?: string;
     /** Optional data for the editor */
     data?: IRTEData;
-    /** Optional styling */
-    styling?: {
-        /** Optional toolbar styling */
-        toolbar?: {
-            showHeadingOption?: boolean;
-        };
-    };
 }
 export interface IRTEInitialState {
     editorKey: string | null;
@@ -85,8 +78,7 @@ export declare enum Formatting {
     paragraph = "paragraph",
     ul = "ul_list",
     strikethrough = "strikeThrough",
-    span = "span",
-    h3 = "h3"
+    span = "span"
 }
 export declare enum Marks {
     delete = "delete_mark",
@@ -96,9 +88,6 @@ export declare enum Marks {
 }
 export interface BaseProps {
     className?: string;
-    styling?: {
-        showHeadingOption?: boolean;
-    };
     [key: string]: unknown;
 }
 export type BlockOptionType = Formatting.blockquote | Formatting.link | Formatting.li | Formatting.mention | Formatting.ol | Formatting.ul | Formatting.paragraph | Formatting.span;
@@ -110,12 +99,11 @@ export interface MentionElement extends BaseElement {
     id: string;
     name?: string;
 }
-export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough | Formatting.h3;
+export type MarkOptionType = Formatting.bold | Formatting.italic | Formatting.strikethrough;
 export interface TypeText extends BaseText {
     [Formatting.bold]?: boolean;
     [Formatting.italic]?: boolean;
     [Formatting.strikethrough]?: boolean;
-    [Formatting.h3]?: boolean;
 }
 export type OptionTypes = {
     format: BlockOptionType | MarkOptionType;

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

@@ -1,20 +1,12 @@
 import React from 'react';
-import { FormValues, IFormValues } from '../../components/form/form.types';
-export interface IPasswordFormProps {
+import type { IFormProps, IFormValues } from '../../components/form/form.types';
+export interface IPasswordFormProps extends Omit<IFormProps, 'id' | 'fields'> {
     /** Indicated for whether to show the current password field */
     isPasswordChange?: boolean;
     /** The functions being passed to the form */
-    functions: {
+    functions: IFormProps['functions'] & {
         /** The function to call to create the password */
         createPassword: (arg: IFormValues) => Promise<void>;
-        /** The function to call when onSuccess fails */
-        onCatch?: (error?: unknown) => void;
-        /** The function to call when the form submission fails */
-        onFailure?: (arg: IFormValues, arg2?: FormValues) => void;
-        /** The function to call when the form is successfully submitted */
-        onSuccess?: (arg: IFormValues) => Promise<void>;
-        /** The function to call when the cancel button is clicked */
-        onCancel?: () => void;
     };
     /** Specify custom text for the submit button */
     button?: {

package/helpers/intl.d.ts

@@ -297,7 +297,6 @@ export declare const checkIntlPathExists: (path: string, language?: {
     richTextEditor_placeholder: string;
     richTextEditor_toolbar: string;
     richTextEditor_bold: string;
-    richTextEditor_h3: string;
     richTextEditor_italic: string;
     richTextEditor_strikeThrough: string;
     richTextEditor_link: 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;