@zealicsolutions/web-ui 0.3.94 → 0.3.96

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

@@ -1,7 +1,9 @@
 import { FormStepContainerProps, MetadataType } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration';
 import { PropsWithChildren } from 'react';
 export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
     id: string;
     metadata?: MetadataType;
 };
+export declare const parsedDateValue: (value: string, type: InputFieldTypes) => string;
 export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;

package/dist/esm/src/containers/hooks/useSetFormData.d.ts

@@ -1,14 +1,17 @@
 import { DataConnectionAttributes } from 'containers/types/moleculeTypes';
+import { InputFieldTypes } from 'fieldsConfiguration';
 import { Dispatch, SetStateAction } from 'react';
 import { AnyObject } from 'typescript';
 declare type UseSetFormDataProps<DefaultValueType> = Partial<{
     defaultValue: DefaultValueType;
     dataModelField: DataConnectionAttributes;
     setFormData: Dispatch<SetStateAction<AnyObject>>;
+    inputType: InputFieldTypes;
 }>;
-export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: Partial<{
+export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, inputType, }: Partial<{
     defaultValue: DefaultValueType;
     dataModelField: DataConnectionAttributes;
     setFormData: Dispatch<SetStateAction<AnyObject>>;
+    inputType: InputFieldTypes;
 }>) => void;
 export {};

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

@@ -1,11 +1,20 @@
-/// <reference types="react" />
 import { ContainerComponentProps, Molecule } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
+import { Dispatch, SetStateAction } from 'react';
 import { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
 export declare type OrganismContextType = {
     items: (ContainerComponentProps | Molecule)[];
     groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+    dateFields: {
+        id: string;
+        dateType: InputFieldTypes;
+    }[];
+    setDateFields: Dispatch<SetStateAction<{
+        id: string;
+        dateType: InputFieldTypes;
+    }[]>>;
     formId?: string;
     submitHandler?: (data: {
         formId: string;

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/index.d.ts

@@ -13,17 +13,17 @@ 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';
 import { Descendant } from 'slate';
 import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
-import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
+import { UIFields as UIFields$2, InputFieldTypes as InputFieldTypes$2, UIField as UIField$1 } from 'fieldsConfiguration';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { ConsentProps as ConsentProps$2 } from 'molecules/Consent/Consent';
 import { FooterAProps } from 'organisms/Footer/FooterA';
@@ -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;
@@ -923,6 +923,14 @@ declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
 declare type OrganismContextType = {
     items: (ContainerComponentProps$1 | Molecule$1)[];
     groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+    dateFields: {
+        id: string;
+        dateType: InputFieldTypes$2;
+    }[];
+    setDateFields: Dispatch<SetStateAction<{
+        id: string;
+        dateType: InputFieldTypes$2;
+    }[]>>;
     formId?: string;
     submitHandler?: (data: {
         formId: string;

package/package.json

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