@zealicsolutions/web-ui 0.3.93 → 0.3.95

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

@@ -28,7 +28,7 @@ declare type Action = {
     reset: ResetAction;
     destroy: DestroyAction;
 }>;
-export declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
+export declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -245,6 +245,7 @@ export interface PasswordSetupMolecule extends BaseMolecule {
     config: {
         props: {
             validationLabel?: string;
+            state?: FormStateType;
             passwordInputProps: InputFieldProps;
             reenteredPasswordInputProps: InputFieldProps;
         };

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-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' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
+import { ControllerProps } from 'react-hook-form';
+export declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'username' | 'any';
 export declare type FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;

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

@@ -9,6 +9,7 @@ export declare const monthDayYearDateValidation: RegExp;
 export declare const dayMonthYearDateValidation: RegExp;
 export declare const monthYearDateValidation: RegExp;
 export declare const usZipCode: RegExp;
+export declare const usernameValidation: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
 export declare const postCodeMask: RegExp[];
 export declare const dayMonthYearDateMask: (string | RegExp)[];

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts

@@ -1,3 +1,4 @@
+import { FormStateType } from 'containers';
 export declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
@@ -8,5 +9,6 @@ export declare type CustomValidationProps<T = string> = {
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
     spacer?: number;
+    validationState?: FormStateType;
 };
-export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { CustomValidation as CustomValidationComponent } from './CustomValidation';
 declare const _default: {
     title: string;
-    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.d.ts

@@ -1,3 +1,4 @@
+import { FormStateType } from 'containers';
 import { UIFields } from 'fieldsConfiguration';
 import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { UseFormReturn } from 'react-hook-form';
@@ -14,5 +15,6 @@ export declare type PasswordSetupProps = {
     validations: PasswordRuleValidation[];
     form?: UseFormReturn<any>;
     validationLabel?: string;
+    validationState?: FormStateType;
 };
-export declare const PasswordSetup: ({ fields, validations, form, validationLabel, }: PasswordSetupProps) => JSX.Element;
+export declare const PasswordSetup: ({ fields, validations, form, validationLabel, validationState, }: PasswordSetupProps) => JSX.Element;

package/dist/cjs/src/molecules/PasswordSetup/PasswordSetup.stories.d.ts

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
 declare const _default: {
     title: string;
-    component: ({ fields, validations, form, validationLabel, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
+    component: ({ fields, validations, form, validationLabel, validationState, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
 };
 export default _default;
 export declare const PasswordSetup: ComponentStory<typeof PasswordSetupComponent>;