@zealicsolutions/web-ui 0.3.94 → 0.3.96
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/FormStepContainer.d.ts +2 -0
- package/dist/cjs/src/containers/hooks/useSetFormData.d.ts +4 -1
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +10 -1
- package/dist/cjs/src/fieldsConfiguration/types.d.ts +2 -2
- package/dist/cjs/src/helpers/validations.d.ts +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/FormStepContainer.d.ts +2 -0
- package/dist/esm/src/containers/hooks/useSetFormData.d.ts +4 -1
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +10 -1
- package/dist/esm/src/fieldsConfiguration/types.d.ts +2 -2
- package/dist/esm/src/helpers/validations.d.ts +1 -0
- package/dist/index.d.ts +12 -4
- package/package.json +1 -1
@@ -1,7 +1,9 @@
|
|
1
1
|
import { FormStepContainerProps, MetadataType } from 'containers';
|
2
|
+
import { InputFieldTypes } from 'fieldsConfiguration';
|
2
3
|
import { PropsWithChildren } from 'react';
|
3
4
|
export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
|
4
5
|
id: string;
|
5
6
|
metadata?: MetadataType;
|
6
7
|
};
|
8
|
+
export declare const parsedDateValue: (value: string, type: InputFieldTypes) => string;
|
7
9
|
export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;
|
@@ -1,14 +1,17 @@
|
|
1
1
|
import { DataConnectionAttributes } from 'containers/types/moleculeTypes';
|
2
|
+
import { InputFieldTypes } from 'fieldsConfiguration';
|
2
3
|
import { Dispatch, SetStateAction } from 'react';
|
3
4
|
import { AnyObject } from 'typescript';
|
4
5
|
declare type UseSetFormDataProps<DefaultValueType> = Partial<{
|
5
6
|
defaultValue: DefaultValueType;
|
6
7
|
dataModelField: DataConnectionAttributes;
|
7
8
|
setFormData: Dispatch<SetStateAction<AnyObject>>;
|
9
|
+
inputType: InputFieldTypes;
|
8
10
|
}>;
|
9
|
-
export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: Partial<{
|
11
|
+
export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, inputType, }: Partial<{
|
10
12
|
defaultValue: DefaultValueType;
|
11
13
|
dataModelField: DataConnectionAttributes;
|
12
14
|
setFormData: Dispatch<SetStateAction<AnyObject>>;
|
15
|
+
inputType: InputFieldTypes;
|
13
16
|
}>) => void;
|
14
17
|
export {};
|
@@ -1,11 +1,20 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import { ContainerComponentProps, Molecule } from 'containers';
|
2
|
+
import { InputFieldTypes } from 'fieldsConfiguration';
|
3
3
|
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
4
|
+
import { Dispatch, SetStateAction } from 'react';
|
4
5
|
import { AnyObject } from 'typescript';
|
5
6
|
import { GroupedStepItemsByStepContainer } from './utils';
|
6
7
|
export declare type OrganismContextType = {
|
7
8
|
items: (ContainerComponentProps | Molecule)[];
|
8
9
|
groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
|
10
|
+
dateFields: {
|
11
|
+
id: string;
|
12
|
+
dateType: InputFieldTypes;
|
13
|
+
}[];
|
14
|
+
setDateFields: Dispatch<SetStateAction<{
|
15
|
+
id: string;
|
16
|
+
dateType: InputFieldTypes;
|
17
|
+
}[]>>;
|
9
18
|
formId?: string;
|
10
19
|
submitHandler?: (data: {
|
11
20
|
formId: string;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ControllerProps } from 'react-hook-form';
|
3
2
|
import { SelectOption } from 'atoms';
|
4
3
|
import { InputFieldProps, SelectFieldProps } from 'molecules';
|
5
|
-
|
4
|
+
import { ControllerProps } from 'react-hook-form';
|
5
|
+
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';
|
6
6
|
export declare type FieldTypes = 'input' | 'select' | 'checkbox';
|
7
7
|
export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
|
8
8
|
name: T;
|
@@ -9,6 +9,7 @@ export declare const monthDayYearDateValidation: RegExp;
|
|
9
9
|
export declare const dayMonthYearDateValidation: RegExp;
|
10
10
|
export declare const monthYearDateValidation: RegExp;
|
11
11
|
export declare const usZipCode: RegExp;
|
12
|
+
export declare const usernameValidation: RegExp;
|
12
13
|
export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
|
13
14
|
export declare const postCodeMask: RegExp[];
|
14
15
|
export declare const dayMonthYearDateMask: (string | RegExp)[];
|