tp-react-elements-dev 1.12.29 → 1.12.30

package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.esm.js

@@ -17,35 +17,30 @@ const FormRenderFileUpload = ({ props, variant, }) => {
                 inputRef.current.value = '';
         }
     }, [watched]);
+    const extensionMap = {
+        excel: ['xls', 'xlsx'],
+        pdf: ['pdf'],
+        zip: ['zip'],
+        image: ['jpg', 'jpeg', 'png'],
+        document: ['doc', 'docx', 'pdf'],
+        all: ['pdf', 'jpg', 'jpeg', 'png', 'xls', 'xlsx', 'doc', 'docx', 'zip'],
+    };
+    const accept = props.item.fileType && extensionMap[props.item.fileType]
+        ? extensionMap[props.item.fileType].map((ext) => `.${ext}`).join(',')
+        : '';
     return (jsxs(Fragment, { children: [jsxs(Box, { paddingLeft: '4px', sx: { ...props.item.sx }, children: [props.item?.label && (jsx(Box, { sx: { fontSize: '10px;' }, children: renderLabel(variant, props, true) })), jsx(TextField, { type: "file", id: props.item.name, error: isShowBorderError, inputRef: inputRef, inputProps: {
-                            accept: props.item.fileType === 'excel'
-                                ? '.xls, .xlsx'
-                                : props.item.fileType === 'pdf'
-                                    ? '.pdf'
-                                    : props.item.fileType === 'zip'
-                                        ? '.zip'
-                                        : props.item.fileType === 'all'
-                                            ? '.pdf,.jpg,.jpeg,.png,.xls,.xlsx,.doc,.docx,.zip'
-                                            : '',
+                            accept,
                             'aria-labelledby': `${props.item.name}-label`,
                             'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
                             'aria-required': props.item.required ? true : undefined,
                         }, onChange: (event) => {
                             const file = event.target?.files[0];
                             const fileName = file ? file.name : null;
-                            const allowedExtensions = {
-                                excel: ['xls', 'xlsx'],
-                                pdf: ['pdf'],
-                                zip: ['zip'],
-                                all: ['pdf', 'jpg', 'jpeg', 'png', 'xls', 'xlsx', 'doc', 'docx', 'zip'],
-                                image: ['jpg', 'jpeg', 'png'],
-                            };
+                            const allowedExtensions = extensionMap;
                             const fileExtension = fileName ? fileName.split('.').pop().toLowerCase() : null;
-                            const validExtensions = props.item.fileType === 'excel'
-                                ? allowedExtensions.excel
-                                : props.item.fileType === 'pdf'
-                                    ? allowedExtensions.pdf
-                                    : allowedExtensions.all;
+                            const validExtensions = props.item.fileType && allowedExtensions[props.item.fileType]
+                                ? allowedExtensions[props.item.fileType]
+                                : allowedExtensions.all;
                             if (props.item?.fileType && fileExtension && !validExtensions.includes(fileExtension)) {
                                 props.item?.handleFileError &&
                                     props.item?.handleFileError(`Please upload ${allowedExtensions[props.item.fileType].join(', ')} files only`);

package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.esm.js

@@ -45,6 +45,7 @@ const FormRenderMultiFileUpload = ({ props, variant, }) => {
                                 image: ['jpg', 'jpeg', 'png'],
                                 all: ['pdf', 'jpg', 'jpeg', 'png', 'xls', 'xlsx', 'doc', 'docx', 'zip'],
                                 zip: ['zip'],
+                                document: ['doc', 'docx', 'pdf'],
                             };
                             let fileExtension = null;
                             if (fileName) {

package/dist/components/FormComponents/HelperText/HelperText.esm.js

@@ -14,7 +14,7 @@ const HelperText = (props) => {
      * Conditionally renders helper text if it exists in the form item props
      * Returns an empty fragment if no helper text is provided
      */
-    return props?.item?.helperText ? (jsx("span", { id: `${props.item.name}-helper`, style: {
+    return props?.item?.helperText ? (jsx("span", { id: `${props.item.name}-helper`, className: "helperText-v1", style: {
             fontSize: '11px',
             color: '#3651d3',
         }, children: props?.item?.helperText })) : (jsx(Fragment, {}));

package/dist/utils/Interface/FormInterface.d.ts

@@ -38,7 +38,7 @@ export interface FormSectionPropsItem {
     sx?: SxProps<Theme>;
     donotAllowSpace?: boolean;
     onInputProps?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    fileType?: 'excel' | 'pdf' | 'all' | 'zip' | 'image' | '';
+    fileType?: 'excel' | 'pdf' | 'all' | 'zip' | 'image' | 'document' | '';
     handleFileError?: (message: string) => void;
     onCloseMenu?: () => void;
     doNotAllowPaste?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements-dev",
-  "version": "1.12.29",
+  "version": "1.12.30",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",