@zealicsolutions/web-ui 0.3.93 → 0.3.95

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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>;

package/dist/index.d.ts

@@ -13,11 +13,11 @@ import * as containers from 'containers';
 import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
 import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import * as react_hook_form from 'react-hook-form';
-import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
 import * as atoms from 'atoms';
 import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, LinkVariant as LinkVariant$1 } from 'atoms';
 import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, ConsentType as ConsentType$1, LinkProps as LinkProps$1, AvatarDropdownMenuConfigType as AvatarDropdownMenuConfigType$1 } from 'molecules';
+import * as react_hook_form from 'react-hook-form';
+import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
@@ -123,7 +123,7 @@ declare type AnyObject = Record<string, unknown>;
 
 declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
 
-declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
+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';
 declare type FieldTypes = 'input' | 'select' | 'checkbox';
 declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
@@ -1111,8 +1111,9 @@ declare type CustomValidationProps<T = string> = {
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
     spacer?: number;
+    validationState?: FormStateType$1;
 };
-declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;
+declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;
 
 declare type BaseSelectableProps<T> = {
     iconName: IconNames$2;
@@ -1622,7 +1623,7 @@ declare type Action = {
     reset: ResetAction;
     destroy: DestroyAction;
 }>;
-declare type FormStateType = 'default' | 'success' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
+declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
 declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -1839,6 +1840,7 @@ interface PasswordSetupMolecule extends BaseMolecule {
     config: {
         props: {
             validationLabel?: string;
+            state?: FormStateType;
             passwordInputProps: InputFieldProps$1;
             reenteredPasswordInputProps: InputFieldProps$1;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.93",
+  "version": "0.3.95",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"