@omniumretail/component-library 1.1.52 → 1.1.54

package/src/components/Questions/index.tsx

@@ -11,13 +11,15 @@ export interface QuestionsProps {
     showGrade?: boolean;
     showCheckbox?: boolean;
     handleChanges: any;
+    responseTypeOptions: any;
 }
 
 export const Questions = (props: QuestionsProps) => {
     const {
         showGrade = true,
         showCheckbox,
-        handleChanges
+        handleChanges,
+        responseTypeOptions
     } = props;
 
     const formContext = useContext(FieldContext);
@@ -57,7 +59,8 @@ export const Questions = (props: QuestionsProps) => {
                                                                 name={name}
                                                                 showGrade={showGrade}
                                                                 showCheckbox={showCheckbox}
-                                                                handleChanges={handleChanges}                                                               
+                                                                handleChanges={handleChanges}
+                                                                responseTypeOptions={responseTypeOptions}                                                          
                                                             />
                                                         </>
                                                     )}

package/src/components/Upload/index.tsx

@@ -1,13 +1,18 @@
+import styles from './styles.module.scss';
 import { Upload as UploadAntd } from 'antd';
 import ImgCrop from 'antd-img-crop';
 import type { RcFile, UploadFile, UploadProps } from 'antd/es/upload/interface';
-import { useEffect, useState } from 'react';
+import { Button } from '../Button';
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
 interface UploadPropsExtended extends UploadProps {
     onImageChange?: (file: UploadFile | null) => void;
     initialFileList?: UploadFile[];
     initialImageUrl?: string;
     disable?: boolean;
+    file?: boolean;
+    setFiles?: Dispatch<SetStateAction<UploadFile<any>[]>> | any;
 }
 
 function generateRandomString() {
@@ -19,8 +24,11 @@ export const Upload = (props: UploadPropsExtended) => {
         onImageChange,
         initialFileList,
         initialImageUrl,
-        disable
+        disable,
+        setFiles
     } = props;
+
+    const { t } = useTranslation();
     const [fileList, setFileList] = useState<UploadFile[]>(initialFileList || []);
 
     // when component mounts or initialImageUrl changes, update fileList
@@ -36,6 +44,12 @@ export const Upload = (props: UploadPropsExtended) => {
         }
     }, [initialImageUrl]);
 
+    useEffect(() => {
+        if (setFiles) {
+            setFiles(fileList);
+        }
+    }, [fileList, setFiles]);
+
     const beforeUpload: UploadProps['beforeUpload'] = async (file: RcFile) => {
         const newFile: UploadFile = {
             uid: file.uid,
@@ -45,7 +59,7 @@ export const Upload = (props: UploadPropsExtended) => {
             originFileObj: file,
             status: 'done',
         };
-    
+
         setFileList((prevFileList) => [...prevFileList, newFile]);
         if (onImageChange) {
             onImageChange(newFile);
@@ -80,14 +94,18 @@ export const Upload = (props: UploadPropsExtended) => {
     return (
         <ImgCrop rotationSlider>
             <UploadAntd
-                listType="picture-card"
+                listType={props.file ? "text" : "picture-card"}
                 fileList={fileList}
                 beforeUpload={beforeUpload}
                 onChange={onChange}
                 onPreview={onPreview}
                 disabled={disable}
             >
-                {fileList.length < 1 && '+ Upload'}
+                {props.file
+                    ? <Button customClass={styles.loadFile}>{t('components.upload.loadFile')}</Button>
+
+                    : fileList.length < 1 && '+ Upload'
+                }
             </UploadAntd>
         </ImgCrop>
     );

package/src/components/Upload/styles.module.scss

@@ -0,0 +1,29 @@
+.loadFile {
+    color: var(--color-black);
+    background-color: var(--color-white);
+    border: 1px var(--color-black) solid;
+    min-width: 100px;
+    height: 20px;
+    font-size: 10px;
+    padding: unset;
+
+    @media(max-width: 767px) {
+        min-width: 0px;
+    }
+
+    &:hover {
+        background-color: var(--color-grey-light);
+        color: var(--color-black) !important;
+        border: 1px var(--color-black) solid !important;
+    }
+}
+
+:global {
+    .ant-upload-wrapper {
+        line-height: 12px;
+    }
+
+    .ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
+        max-width: 100px;
+    }
+}

package/src/locales/en.json

@@ -46,7 +46,9 @@
             "errorGrade": "Error/Missing Grade",
             "newCategory": "New Category",
             "mandatoryAnswer": "Mandatory answer",
-            "emphasisAnswer": "Highlight"
+            "emphasisAnswer": "Highlight",
+            "responseType": "Response Type",
+            "errorResponseType": "Response type missing"
         },
         "categorySidBar": {
             "addCategory": "Add Category",
@@ -67,7 +69,12 @@
             "notApplicable": "Not Applicable",
             "answer": "Answer",
             "yes": "Yes",
-            "no": "No"
+            "no": "No",
+            "note": "Note",
+            "actions": "Actions",
+            "editNote": "Edit Note",
+            "addNote": "Add Note",
+            "createAction": "Create Action"
         },
         "categoryReadOnly": {
             "categories": "Categories",
@@ -95,6 +102,9 @@
             "takePhoto": "Take Photo",
             "confirm": "Confirm",
             "takeAgain": "Take Again"
-        }        
+        },
+        "upload": {
+            "loadFile": "Upload file"
+        }       
     }
 }

package/src/locales/es.json

@@ -46,7 +46,9 @@
             "errorGrade": "Error/Calificación Faltante",
             "newCategory": "Nueva Categoría",
             "mandatoryAnswer": "Respuesta obligatoria",
-            "emphasisAnswer": "Resaltar"
+            "emphasisAnswer": "Resaltar",
+            "responseType": "Tipo de respuesta",
+            "errorResponseType": "Tipo de respuesta faltante"
         },
         "categorySidBar": {
             "addCategory": "Agregar Categoría",
@@ -67,7 +69,12 @@
             "notApplicable": "No Aplicable",
             "answer": "Respuesta",
             "yes": "Si",
-            "no": "No"
+            "no": "No",
+            "note": "Nota",
+            "actions": "Acciones",
+            "editNote": "Editar Nota",
+            "addNote": "Agregar Nota",
+            "createAction": "Crear Acción"
         },
         "categoryReadOnly": {
             "categories": "Categorías",
@@ -95,6 +102,9 @@
             "takePhoto": "Tomar foto",
             "confirm": "Confirme",
             "takeAgain": "Tomar de nuevo"
-        }        
+        },
+        "upload": {
+            "loadFile": "Cargar archivo"
+        }     
     }
 }

package/src/locales/pt.json

@@ -46,7 +46,9 @@
             "errorGrade": "Ponderação em falta",
             "newCategory": "Nova categoria",
             "mandatoryAnswer": "Resposta obrigatória",
-            "emphasisAnswer": "Destaque"
+            "emphasisAnswer": "Destaque",
+            "responseType": "Tipo de resposta",
+            "errorResponseType": "Tipo de resposta em falta"
         },
         "categorySidBar": {
             "addCategory": "Adicionar categoria",
@@ -67,7 +69,12 @@
             "notApplicable": "Não Aplicável",
             "answer": "Resposta",
             "yes": "Sim",
-            "no": "Não"
+            "no": "Não",
+            "note": "Nota",
+            "actions": "Ações",
+            "editNote": "Editar Nota",
+            "addNote": "Adicionar Nota",
+            "createAction": "Criar ação"
         },
         "categoryReadOnly": {
             "categories": "Categorias",
@@ -95,6 +102,9 @@
             "takePhoto": "Tirar Foto",
             "confirm": "Confirmar",
             "takeAgain": "Tirar Novamente"
+        },
+        "upload": {
+            "loadFile": "Carregar ficheiro"
         }
     }
 }