@zealicsolutions/web-ui 0.4.22 → 0.4.24

package/dist/cjs/src/atoms/Input/Input.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { InputProps } from './Input';
+import { InputFieldTypes } from '../../fieldsConfiguration';
 declare const _default: {
     title: string;
     component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: Partial<{
@@ -8,7 +9,7 @@ declare const _default: {
         leftIcon: import("./Input").InputIconProps;
         rightIcon: import("./Input").InputIconProps;
         onBlur: import("../../typescript").Callback;
-        type: import("../..").InputFieldTypes;
+        type: InputFieldTypes;
         placeholder: string;
         disabled: boolean;
         isEditMode: boolean;
@@ -26,11 +27,7 @@ declare const _default: {
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         }>;
-        config?: Partial<{
-            maskPlaceholder: string;
-            dataModelFieldType: import("../..").InputFieldTypes;
-            maskPattern: (string | RegExp)[];
-        }> | undefined;
+        config?: import("./helpers").MaskConfig | undefined;
         state: import("../..").FormStateType;
     }>) => JSX.Element;
 };

package/dist/cjs/src/atoms/Input/helpers.d.ts

@@ -3,11 +3,12 @@ import { HTMLInputTypeAttribute } from 'react';
 import { ThemeColors } from 'theme';
 import { InputProps } from 'atoms';
 import { InputFieldTypes } from '../../fieldsConfiguration';
-export declare type MaskConfig = Partial<{
-    maskPlaceholder: string;
-    dataModelFieldType: InputFieldTypes;
-    maskPattern: Array<string | RegExp>;
-}>;
+import { DataModelFieldFormatCodeTypes } from '../../containers';
+export declare type MaskConfig = {
+    maskPlaceholder?: string;
+    maskPattern?: Array<string | RegExp>;
+    dataModelFieldType: DataModelFieldFormatCodeTypes;
+};
 export declare const getSpecificInputProps: (type: InputFieldTypes) => {
     type?: HTMLInputTypeAttribute | undefined;
     inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
@@ -36,12 +37,8 @@ export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disab
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
     }>;
-    config?: Partial<{
-        maskPlaceholder: string;
-        dataModelFieldType: InputFieldTypes;
-        maskPattern: Array<string | RegExp>;
-    }> | undefined;
-    state: import("../..").FormStateType;
+    config?: MaskConfig | undefined;
+    state: import("../../containers").FormStateType;
 }>, "disabled" | "isError" | "isEditMode"> & {
     isFocused: boolean;
 }) => ThemeColors;

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

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

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

@@ -4,7 +4,10 @@ import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
 import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
+import { MaskConfig } from '../../atoms/Input/helpers';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
+export declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
 export declare type DownloadFile = {
     url: string;
     name: string;
@@ -69,16 +72,25 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
+export declare type DataModelFieldFormat = {
+    id: string;
+    label: string;
+    value: DataModelFieldFormatValueTypes;
+    code: DataModelFieldFormatCodeTypes;
+    config: MaskConfig;
+};
+export declare type DataConnectionValues = {
+    dataFieldName: string;
+    dataModelFieldId: string;
+    defaultValue?: string;
+    entitySubtypeId?: string;
+    entitySubtypeName?: string;
+    format: DataModelFieldFormat;
+};
 export interface DataConnectionAttributes {
     id: string;
     attributeType: 'data_model_field';
-    dataModelField: {
-        dataFieldName: string;
-        dataModelFieldId: string;
-        defaultValue?: string;
-        entitySubtypeId?: string;
-        entitySubtypeName?: string;
-    };
+    dataModelField: DataConnectionValues;
 }
 export interface ConditionConfigAttributes {
     id: string;
@@ -158,7 +170,6 @@ export interface TextInputMolecule extends BaseMolecule {
     attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
-        inputType: SelectAttributes;
         dataModelField: DataConnectionAttributes;
         conditionConfig: ConditionConfigAttributes;
     }>;

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

@@ -2,7 +2,7 @@
 import { SelectOption } from 'atoms';
 import { InputFieldProps, SelectFieldProps } from 'molecules';
 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 InputFieldTypes = 'any' | 'text' | 'email' | 'integer' | 'password' | 'username' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
 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

@@ -8,11 +8,16 @@ export declare const textValidation: RegExp;
 export declare const monthDayYearDateValidation: RegExp;
 export declare const dayMonthYearDateValidation: RegExp;
 export declare const monthYearDateValidation: RegExp;
+export declare const yearMonthDayDateValidation: 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 yearMonthDayDateMask: (string | RegExp)[];
+export declare const monthDayYearDateMask: (string | RegExp)[];
 export declare const dayMonthYearDateMask: (string | RegExp)[];
 export declare const monthYearDateMask: (string | RegExp)[];
 export declare const phoneNumberMask: (string | RegExp)[];
+export declare const integerMask: any;
+export declare const numericalMask: any;
 export declare const removeMaskFromString: (inputString: string) => string;

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

@@ -51,11 +51,7 @@ declare const _default: {
                 styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
                 wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             }>;
-            config?: Partial<{
-                maskPlaceholder: string;
-                dataModelFieldType: import("fieldsConfiguration").InputFieldTypes;
-                maskPattern: (string | RegExp)[];
-            }> | undefined;
+            config?: import("../../atoms/Input/helpers").MaskConfig | undefined;
             state: import("../..").FormStateType;
         }>;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;