@zealicsolutions/web-ui 0.4.22 → 0.4.23

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

@@ -7,7 +7,7 @@ declare const _default: {
     title: string;
     component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
         target: "_blank";
-    } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    } & Pick<import("../..").BaseButtonProps, "disabled" | "size" | "children" | "onClick" | "colorTheme"> & Partial<{
         buttonLink: string;
         elementId: string;
         $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

package/dist/cjs/src/atoms/Buttons/TextButton.d.ts

@@ -9,7 +9,7 @@ export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClic
 }>;
 export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
     target: "_blank";
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+} & Pick<BaseButtonProps, "disabled" | "size" | "children" | "onClick" | "colorTheme"> & Partial<{
     buttonLink: string;
     elementId: string;
     $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

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

@@ -1,6 +1,6 @@
-/// <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 +8,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 +26,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,14 +3,15 @@ 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;
+    inputMode?: "text" | "email" | "none" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined;
 };
 export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
 export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
@@ -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;
-}>, "disabled" | "isError" | "isEditMode"> & {
+    config?: MaskConfig | undefined;
+    state: import("../../containers").FormStateType;
+}>, "disabled" | "isEditMode" | "isError"> & {
     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 { 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, inputType, }: Partial<{
+export declare const useSetFormData: <DefaultValueType>({ setFormData, defaultValue, dataModelField, }: Partial<{
     defaultValue: DefaultValueType;
     dataModelField: DataConnectionAttributes;
     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,6 +72,13 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
+export declare type DataModelFieldFormat = {
+    id: string;
+    label: string;
+    value: DataModelFieldFormatValueTypes;
+    code: DataModelFieldFormatCodeTypes;
+    config: MaskConfig;
+};
 export interface DataConnectionAttributes {
     id: string;
     attributeType: 'data_model_field';
@@ -78,6 +88,7 @@ export interface DataConnectionAttributes {
         defaultValue?: string;
         entitySubtypeId?: string;
         entitySubtypeName?: string;
+        format: DataModelFieldFormat;
     };
 }
 export interface ConditionConfigAttributes {
@@ -158,7 +169,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: RegExp[];
+export declare const numericalMask: any;
 export declare const removeMaskFromString: (inputString: string) => string;

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

@@ -42,7 +42,7 @@ declare const _default: {
             onBlur?: ((event: any) => void) | undefined;
             disabled: boolean;
             deps: string | string[];
-        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        }>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;

package/dist/cjs/src/molecules/Columns/styles.d.ts

@@ -4,7 +4,7 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent<
 export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
     target: "_blank";
-} & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+} & Pick<import("..").BaseButtonProps, "disabled" | "size" | "children" | "onClick" | "colorTheme"> & Partial<{
     buttonLink: string;
     elementId: string;
     $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { InputFieldProps } from './InputField';
 declare const _default: {
@@ -23,7 +22,7 @@ declare const _default: {
             onBlur?: ((event: any) => void) | undefined;
             disabled: boolean;
             deps: string | string[];
-        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        }>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled"> | undefined;
         required: boolean;
         optional: boolean;
         defaultValue: string;
@@ -51,11 +50,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>>;

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

@@ -21,7 +21,7 @@ declare const _default: {
             onBlur?: ((event: any) => void) | undefined;
             disabled: boolean;
             deps: string | string[];
-        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        }>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled"> | undefined;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         control: import("react-hook-form").Control<any, any>;
         optional: boolean;

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

@@ -36,7 +36,7 @@ declare const _default: {
             onBlur?: ((event: any) => void) | undefined;
             disabled: boolean;
             deps: string | string[];
-        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        }>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;