Add All files type to accepted file types.

src/components/reusableComponents/Form.tsx

@@ -17,7 +17,7 @@ abstract class Form<P, S extends IFormState> extends Component<P, S> {
     protected renderField = (props: IGeneratedFieldProps<any>, error: string): JSX.Element | null => {
         const { active, value, options = [], name, noValidate, avatar, onFileUploadChange, touched, validationErrorStyle, dateFormat = DateFormatTypes.DateOnly } = props;
 
-        const fieldConfig: IFieldConfig = objectUtils.pick(props, 'name', 'value', 'type', 'placeholder', 'min', 'max', 'autoComplete', 'accept');
+        const fieldConfig: IFieldConfig = objectUtils.pick(props, 'name', 'value', 'type', 'placeholder', 'min', 'max', 'minLength', 'maxLength', 'autoComplete', 'accept');
 
         const errorElement = this.displayError(touched, error, validationErrorStyle);
 

src/services/DataPersister.ts

@@ -1,4 +1,4 @@
-import { IDataPersister } from 'types';
+import { DataPersistKeys, IDataPersister } from 'types';
 
 class DataPersister implements IDataPersister {
     private static instance: DataPersister;
@@ -11,15 +11,15 @@ class DataPersister implements IDataPersister {
         return DataPersister.instance;
     }
 
-    public persistData<T>(key: string, data: T): void {
+    public persistData<T>(key: DataPersistKeys, data: T): void {
         window.localStorage.setItem(key, JSON.stringify(data));
     }
 
-    public deleteData(key: string): void {
+    public deleteData(key: DataPersistKeys): void {
         window.localStorage.removeItem(key);
     }
 
-    public readData<T>(key: string): T | null {
+    public readData<T>(key: DataPersistKeys): T | null {
         return JSON.parse(window.localStorage.getItem(key) ?? 'null');
     }
 

src/types/enums.ts

@@ -37,10 +37,11 @@ export enum DateFormatTypes {
 }
 
 export enum AcceptedFileUploadTypes {
+    All = '.',
     Image = 'image/*',
     Audio = 'audio/*',
     Video = 'video/*',
-    ImageList = '.jpeg, .jpg, .png, .webp'
+    ImageList = '.jpeg, .jpg, .png, .webp',
 }
 
 export enum TypeOfDataTypes {

src/types/interfaces.ts

@@ -1,10 +1,10 @@
 import { ChangeEventHandler } from 'react';
-import { AcceptedFileUploadTypes, DateFormatTypes, FieldAutoCompleteValues, FieldTypes, InputTypes, ValidationErrorStyle } from './enums';
+import { AcceptedFileUploadTypes, DataPersistKeys, DateFormatTypes, FieldAutoCompleteValues, FieldTypes, InputTypes, ValidationErrorStyle } from './enums';
 
 export interface IDataPersister {
-    persistData<T>(key: string, data: T): void;
-    deleteData(key: string): void;
-    readData<T>(key: string): T | null;
+    persistData<T>(key: DataPersistKeys, data: T): void;
+    deleteData(key: DataPersistKeys): void;
+    readData<T>(key: DataPersistKeys): T | null;
     clearData(): void;
 }
 
@@ -40,6 +40,8 @@ interface IGeneratedFieldOptionalProps<T> {
     label: string;
     min: number;
     max: number;
+    minLength: number;
+    maxLength: number;
     validationlabel: string;
     noValidate: boolean;
     validationErrorStyle: ValidationErrorStyle;

src/utils/misc.ts

@@ -2,22 +2,24 @@ import { FieldsFactory, FieldTypes, IGeneratedFieldProps, InputTypes, IObjectHas
 
 export const validate = (fields: IObjectHasComputedProps): IObjectHasComputedProps =>
     Object.values(fields).reduce(
-        (acc: IObjectHasComputedProps, { name, type, label, min, max, value, validationlabel, noValidate }): IObjectHasComputedProps => {
+        (acc: IObjectHasComputedProps, { name, type, label, min, max, minLength, maxLength, value, validationlabel, noValidate }): IObjectHasComputedProps => {
             acc[name] = '';
 
             if (noValidate) return acc;
 
             const fieldName = validationlabel ?? label ?? name;
+            const minValue = min ?? minLength;
+            const maxValue = max ?? maxLength;
 
             if (typeof value === 'string') value = value.trim();
 
             if (type === 'number' && +value <= 0) acc[name] = `${ fieldName } must be greater than or equal to 1`;
 
             if (type === 'email' && !/\S+@\S+\.\S+/.test(value)) acc[name] = `must be a valid email`;
 
-            if (value && (min || max) && (+value.length < min || +value.length > max)) {
+            if (value && (minValue || maxValue) && (+value.length < minValue || +value.length > maxValue)) {
                 acc[name] = `${ fieldName } field must be ${
-                    min && max ? `between ${ min } and ${ max }` : min && !max ? `more than ${ min }` : max && !min ? `less than ${ max }` : ''
+                    minValue && maxValue ? `between ${ minValue } and ${ maxValue }` : minValue && !maxValue ? `more than ${ minValue }` : maxValue && !minValue ? `less than ${ maxValue }` : ''
                 }`;
             }