@zealicsolutions/web-ui 0.3.1 → 0.3.3-2.2125

package/dist/esm/src/containers/types/moleculeTypes.d.ts

@@ -1,21 +1,50 @@
 import { SelectOption } from 'atoms';
-import { ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
-import { CSSProperties } from 'styled-components';
-import type { Nullable, StrictUnion } from 'typescript';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { ConditionConfig, ContainerComponentProps } from './types';
+export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+export declare type DownloadFile = {
+    url: string;
+    name: string;
+};
+declare type LinkAction = LinkAttributes;
+declare type PopupDrawerAction = ContainerComponentProps;
+declare type DownloadAction = DownloadFile;
+declare type SubmitAction = AnyObject;
+declare type CancelAction = AnyObject;
+declare type ResetAction = AnyObject;
+declare type DestroyAction = AnyObject;
+declare type Action = {
+    type: ActionTypes;
+} & Partial<{
+    link: LinkAction;
+    popup: PopupDrawerAction;
+    drawer: PopupDrawerAction;
+    download: DownloadAction;
+    submit: SubmitAction;
+    cancel: CancelAction;
+    reset: ResetAction;
+    destroy: DestroyAction;
+}>;
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
 };
 export interface TextAttributes {
+    id?: string;
     attributeType: 'text';
-    isRichText: boolean;
+    isRichText?: boolean;
     text: string;
 }
 export interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
+export interface ActionAttributes {
+    attributeType: 'action';
+    action: Action;
+}
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -25,6 +54,7 @@ export interface LinkAttributes {
     name: string;
 }
 export interface SelectAttributes {
+    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption[];
@@ -37,56 +67,72 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
+export interface DataConnectionAttributes {
+    id: string;
+    attributeType: 'data_model_field';
+    dataModelField: {
+        id: string;
+        fieldName: string;
+        code: string;
+    };
+}
+export interface ConditionConfigAttributes {
+    id: string;
+    attributeType: 'condition_config';
+    conditionConfig: ConditionConfig;
+}
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
+    metadata?: AnyObject;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: {
+    attributes: Partial<{
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    };
+    }>;
     config: {
-        props: Omit<ImageProps, 'src' | 'link' | 'altText'>;
+        props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
     };
 }
 export interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: {
+    attributes: Partial<{
         text: TextAttributes;
         seoStyle: SelectAttributes;
-    };
+        fontVariant: SelectAttributes;
+    }>;
     config: {
-        props: TextMoleculeProps;
+        props?: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: {
+    attributes: Partial<{
         title: TextAttributes;
-        buttonLink: LinkAttributes;
-    };
+        action: ActionAttributes;
+    }>;
     config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 export interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: {
+    attributes: Partial<{
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    };
+    }>;
     config: {
         props: Partial<{
             width: number;
-            styles: CSSProperties;
+            styles: StylesType;
         }>;
     };
 }
@@ -94,68 +140,81 @@ export interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
     config: {
         props: TabGroupProps;
-        wide: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
-        compact: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
+        wide: AdditionalTabContainerProps;
+        compact: AdditionalTabContainerProps;
     };
 }
 export interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         inputType: SelectAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & InputFieldProps>;
     };
 }
 export interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & SelectFieldProps>;
     };
 }
 export interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & RadioButtonFieldProps<string>>;
     };
 }
 export interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
+        props?: Partial<{
             state: 'default' | 'error';
         } & CheckboxFieldProps>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
+export interface ConsentFieldMolecule extends BaseMolecule {
+    type: 'consent';
+    attributes: Partial<{
+        consent: Partial<{
+            attributeType: 'consent';
+            consent: Consent;
+            required: BooleanAttributes;
+        }>;
+    }>;
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
     form?: UseFormReturn<any>;
 };
+export {};

package/dist/esm/src/containers/types/types.d.ts

@@ -1,20 +1,27 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
-import { Molecule } from './moleculeTypes';
 import { ValidationMode } from 'react-hook-form';
-import { StylesType } from 'typescript';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
+import type { AnyObject, Nullable, StylesType } from 'typescript';
+import { Molecule } from './moleculeTypes';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type FormStepContainerProps = {
+    formStepName: string;
+    order: number;
+    conditionConfig: ConditionConfig;
+};
+export declare type FormContainerProps = {
+    mode: keyof ValidationMode;
+};
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
     styles: StylesType;
-    formProps: {
-        mode: keyof ValidationMode;
-    };
+    formProps: FormContainerProps;
+    formStepProps: FormStepContainerProps;
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -30,11 +37,30 @@ export declare type ContainerComponentProps = {
     id: string;
     instance: 'container';
     type: ContainerType;
+    items: (ContainerComponentProps | Molecule)[];
     config: {
         wide?: AdditionalContainerProps;
         compact?: AdditionalContainerProps;
         props?: ContainerPropsType;
     };
-    items: (ContainerComponentProps | Molecule)[];
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    metadata?: AnyObject;
+    attributes?: AnyObject;
+    containerLibraryId?: string;
+};
+export declare type CriteriaType = 'operator' | 'condition';
+export declare type ConditionCriteria = {
+    id: string;
+    type: CriteriaType;
+    operator: string;
+    dataFieldId: Nullable<string>;
+    dataFieldName: Nullable<string>;
+    dataValue: Nullable<string>;
+    connectedTo: Nullable<string>;
 };
+export declare type SegmentationType = 'simple' | 'advanced';
+export declare type ConditionConfig = Nullable<{
+    id: string;
+    segmentationType: SegmentationType;
+    criteriaList: ConditionCriteria[];
+}>;

package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ContainerComponentProps } from 'containers';
+export declare type ButtonActionsContextType = {
+    actionContent?: ContainerComponentProps;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
+    isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
+    isDrawerVisible: boolean;
+    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+};
+export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;

package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { ContainerComponentProps } from 'containers';
+export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
+    actionContent: ContainerComponentProps;
+    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
+    isModalVisible: boolean;
+    setModalVisible: Dispatch<SetStateAction<boolean>>;
+    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    isDrawerVisible: boolean;
+}>>;
+export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;

package/dist/esm/src/contexts/FormStepContext/FormStepContext.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare type FormStepContextType = {
+    steps: number;
+    currentStep: number;
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+    setInitSteps: Dispatch<SetStateAction<number>>;
+};
+export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/esm/src/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare type FormStepContextProviderProps = PropsWithChildren<{
+    initialStepsCount?: number;
+}>;
+export declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/esm/src/contexts/FormStepContext/utils.d.ts

@@ -0,0 +1,2 @@
+import { ContainerComponentProps } from 'containers';
+export declare const getFormStepContainers: (items: ContainerComponentProps[]) => ContainerComponentProps[];

package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -2,6 +2,9 @@ export declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;
+        entityIds: string[];
+        moleculeIds: string[];
+        referencedByIds: string[];
     }[];
     links: {
         referencedById: string;

package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContainerComponentProps, Molecule } from 'containers';
+import { GroupedStepItemsByStepContainer } from './utils';
+export declare type OrganismContextType = {
+    items: (ContainerComponentProps | Molecule)[];
+    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+};
+export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
+    initItems: (ContainerComponentProps | Molecule)[];
+}>>;
+export declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/esm/src/contexts/OrganismContext/utils.d.ts

@@ -0,0 +1,5 @@
+import { ContainerComponentProps, Molecule } from 'containers';
+declare type StepItem = ContainerComponentProps | Molecule;
+export declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
+export declare const groupStepItemsByStepContainer: (items: StepItem[]) => GroupedStepItemsByStepContainer;
+export {};

package/dist/esm/src/contexts/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useFormStepContext } from './useFormStepContext';
+export { useButtonActionsContext } from './useButtonActionsContext';
+export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
+export { useOrganismContext } from './useOrganismContext';

package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts

@@ -0,0 +1 @@
+export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;

package/dist/esm/src/contexts/hooks/useFormStepContext.d.ts

@@ -0,0 +1 @@
+export declare const useFormStepContext: () => import("contexts/FormStepContext/FormStepContext").FormStepContextType;

package/dist/esm/src/contexts/hooks/useOrganismContext.d.ts

@@ -0,0 +1 @@
+export declare const useOrganismContext: () => import("contexts/OrganismContext/OrganismContext").OrganismContextType;

package/dist/esm/src/contexts/index.d.ts

@@ -2,3 +2,8 @@ export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
 export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
 export * from './MlrRichTextViewerContext/types';
 export * from './hooks/useMlrRichTextViewerContext';
+export * from './hooks/useButtonActionsContext';
+export * from './ButtonActionsContext/ButtonActionsContext';
+export * from './ButtonActionsContext/ButtonActionsContextProvider';
+export * from './OrganismContext/OrganismContext';
+export * from './OrganismContext/OrganismContextProvider';

package/dist/esm/src/fieldsConfiguration/types.d.ts

@@ -2,7 +2,7 @@
 import { ControllerProps } from 'react-hook-form';
 import { SelectOption } from 'atoms';
 import { InputFieldProps, SelectFieldProps } from 'molecules';
-export declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'any';
+export declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
 export declare type FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;

package/dist/esm/src/helpers/validations.d.ts

@@ -5,4 +5,13 @@ export declare const phoneNumberValidation: RegExp;
 export declare const numberValidation: RegExp;
 export declare const emailValidation: RegExp;
 export declare const textValidation: RegExp;
+export declare const monthDayYearDateValidation: RegExp;
+export declare const dayMonthYearDateValidation: RegExp;
+export declare const monthYearDateValidation: RegExp;
+export declare const usZipCode: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
+export declare const postCodeMask: RegExp[];
+export declare const dayMonthYearDateMask: (string | RegExp)[];
+export declare const monthYearDateMask: (string | RegExp)[];
+export declare const phoneNumberMask: (string | RegExp)[];
+export declare const removeMaskFromString: (inputString: string) => string;

package/dist/esm/src/molecules/Button/Button.d.ts

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
-import type { Callback } from 'typescript';
-import { StylesType } from 'typescript';
+import type { Callback, StylesType } from 'typescript';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type BaseButtonProps = PropsWithChildren<{

package/dist/esm/src/molecules/Button/Button.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
-import { Button as ButtonComponent } from 'molecules/Button/Button';
+import { Button as ButtonComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption } from 'atoms';
-import type { StylesType } from 'typescript';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { ConditionConfig } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
@@ -25,5 +26,6 @@ export declare type CheckboxFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     wrapperStyles: StylesType;
+    conditionConfig?: ConditionConfig;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: CheckboxFieldProps) => JSX.Element | null;

package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -26,12 +26,30 @@ declare const _default: {
         }>;
         labelsProps: import("molecules").FieldLabelsProps;
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;
         wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>) => JSX.Element;
+        conditionConfig?: import("../..").ConditionConfig | undefined;
+    }>) => JSX.Element | null;
 };
 export default _default;
 export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;

package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
+import { RefCallBack } from 'react-hook-form/dist/types';
+import type { Callback } from 'typescript';
 import { CheckboxesProps } from './CheckboxField';
 export declare type CheckboxGroupProps = Partial<{
+    ref: RefCallBack;
+    onBlur: Callback;
     onChange: (checkedIds: string[]) => void;
     checkboxesProps: CheckboxesProps;
 }>;
-export declare const CheckboxGroup: ({ onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;

package/dist/esm/src/molecules/Consent/Consent.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
+import { CSSProperties } from 'styled-components';
+export declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
+export declare type DefaultSelectionType = 'confirmation' | 'rejection';
+export declare type Consent = {
+    id: string;
+    name: string;
+    acknowledgment: CustomDescendant[];
+    methodOfCapture: ConsentCaptureMethod;
+    description: string;
+    language: CustomDescendant[];
+    expiration: string;
+    confirmationButtonText: string;
+    rejectionButtonText: string;
+    defaultSelection: DefaultSelectionType;
+    value?: DefaultSelectionType | boolean;
+    isRequired?: boolean;
+};
+export declare type ConsentProps<T extends string = string> = {
+    text: string;
+    isRequired?: boolean;
+    consentCaptureProps: ConsentCaptureProps<T>;
+    containerStyles?: CSSProperties;
+    clearStyles?: boolean;
+};
+export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;

package/dist/esm/src/molecules/Consent/Consent.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("molecules/Consent/Consent").ConsentProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const Consent: StoryFn<typeof ConsentComponent>;

package/dist/esm/src/{organisms → molecules}/Consent/ConsentCapture.d.ts

@@ -11,10 +11,11 @@ export declare type RadioButtonsCaptureProps<T extends string> = {
     acceptValue: T;
 } & RadioButtonsProps<T>;
 export declare type CheckboxCaptureProps = {
+    id: string;
     type: 'checkbox';
     label: string;
     value: boolean;
-    onChange: (value: boolean) => void;
+    onChange: (id: string) => void;
 };
 export declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
 export declare const ConsentCapture: <T extends string>(props: ConsentCaptureProps<T>) => JSX.Element;

package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ConsentFieldMolecule } from 'containers';
+export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element | null;