@zealicsolutions/web-ui 0.3.14 → 0.3.15

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

@@ -3,6 +3,7 @@ import { InputFieldTypes } from 'fieldsConfiguration/types';
 import React from 'react';
 import { ThemeColors } from 'theme/types';
 import type { Callback, StylesType } from 'typescript';
+import { MaskConfig } from './helpers';
 export declare type InputFieldInternalConfigProps = Partial<{
     textColor: ThemeColors | string;
     textFontSize: number;
@@ -31,5 +32,6 @@ export declare type InputProps = {
     onChange?: (value: string) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     internalConfig?: InputFieldInternalConfigProps;
+    config?: MaskConfig;
 };
-export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { InputProps } from './Input';
 declare const _default: {
     title: string;
-    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
 };
 export default _default;
 export declare const Input: StoryFn<InputProps>;

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

@@ -0,0 +1,18 @@
+import { MaskedInputProps } from 'react-text-mask';
+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>;
+}>;
+export declare const getSpecificInputProps: (type: InputFieldTypes) => {
+    type?: HTMLInputTypeAttribute | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "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<InputProps, "disabled" | "isError" | "isEditMode"> & {
+    isFocused: boolean;
+}) => ThemeColors;

package/dist/cjs/src/atoms/Select/Select.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
-import type { Callback, StylesType } from 'typescript';
+import type { AnyObject, Callback, StylesType } from 'typescript';
 import { RefCallBack } from 'react-hook-form/dist/types';
 export declare type SelectOption = {
     id: string;
     label: string;
+    value?: string;
+    config?: AnyObject;
 };
 export declare type SelectInternalConfigurationOptions = {
     placeholderTextColor: ThemeColors | string;

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

@@ -2,7 +2,7 @@
 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' | 'any';
+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';
 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

@@ -5,4 +5,11 @@ export declare const phoneNumberValidation: RegExp;
 export declare const numberValidation: RegExp;
 export declare const emailValidation: RegExp;
 export declare const textValidation: RegExp;
+export declare const dateValidation: RegExp;
+export declare const usZipCode: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
+export declare const postCodeMask: RegExp[];
+export declare const dayMonthYearDateMask: (string | RegExp)[];
+export declare const monthYearDateMask: (string | RegExp)[];
+export declare const phoneNumberMask: (string | RegExp)[];
+export declare const removeMaskFromString: (inputString: string) => string;