@omniumretail/component-library 1.1.37 → 1.1.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.1.37",
+  "version": "1.1.38",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/CategoryResponse/CategoryResponse.stories.tsx

@@ -184,6 +184,7 @@ Primary.args = {
                             "CategoryId": "PCDED10D-0984-46D4-A9B3-7EC518D74A63",
                             "CategoryName": "Category 2.2",
                             "OpenAnswer": false,
+                            "IsYesOrNo": true,
                             "GeneralEvaluationLevel": 0,
                             "Grade": "50",
                             "Description": "This is a description",
@@ -195,7 +196,7 @@ Primary.args = {
                                     "Subject": "This is a Subject",
                                     "Description": "This is a description",
                                     "Grade": "50",
-                                    "Answer": "2"
+                                    "Answer": null
                                 },
                                 {
                                     "Id": "P5562A64-A24B-425A-A345-560238CA2468",
@@ -203,7 +204,7 @@ Primary.args = {
                                     "Subject": "This is a Subject",
                                     "Description": "This is a description",
                                     "Grade": "50",
-                                    "Answer": "5"
+                                    "Answer": "Yes"
                                 }
                             ]
                         },

package/src/components/CategoryResponse/index.tsx

@@ -24,6 +24,17 @@ type Category = {
     Children?: Category[];
 };
 
+const selectYesNoOption = [
+    {
+        value: 'Yes',
+        label: t('components.categoryResponse.yes'),
+    },
+    {
+        value: 'No',
+        label: t('components.categoryResponse.no'),
+    },
+];
+
 const updateCategoryAnswers = (CategoryAnswers: any[], categoryToUpdate: any, updatedQuestions: any) => {
     CategoryAnswers.forEach((category: any) => {
         if (category.Data.CategoryId === categoryToUpdate.CategoryId) {
@@ -83,9 +94,9 @@ const getTitleWithQuestionCount = (category: any): string => {
     const questionCount = category?.Data?.Questions?.length;
     const answeredQuestions = category?.Data?.Questions?.filter((question: any) => question.Answer !== null && question.Answer !== undefined && question.Answer !== '').length;
 
-    return questionCount 
-        ? `${category.Title} - ${answeredQuestions} / ${questionCount}` 
-        : category.Title ;
+    return questionCount
+        ? `${category.Title} - ${answeredQuestions} / ${questionCount}`
+        : category.Title;
 };
 
 export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref) => {
@@ -97,12 +108,13 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
     const [selectedCategory, setSelectedCategory] = useState<any>(data.CategoryAnswers[0]);
     const [initialValues, setInitialValues] = useState<any>(data.CategoryAnswers[0].Data);
     const [form] = useForm();
-    
+
 
     const updateInitialValues = (data: any) => {
         const {
             Questions,
-            OpenAnswer
+            OpenAnswer,
+            IsYesOrNo
         } = data;
 
         const initial = {
@@ -111,7 +123,8 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
                 Description: question.Description,
                 Answer: question.Answer || ""
             })),
-            OpenAnswer: OpenAnswer
+            OpenAnswer: OpenAnswer,
+            IsYesOrNo: IsYesOrNo
         };
 
         setInitialValues(initial);
@@ -175,19 +188,19 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
             setCurrentKey(nextCategory.Key);
             setSelectedCategory(nextCategory);
         }
-    
+
         const nextCategoryData = getCategoryObject(currentKey, localData.CategoryAnswers, 'next');
         setSelectedCategory(nextCategoryData ? { ...nextCategory, data: nextCategoryData } : null);
         updateInitialValues(nextCategoryData);
     };
-    
+
     const handlePreviousClick = () => {
         const prevCategory = findCategoryWithQuestions(currentKey, localData.CategoryAnswers, 'prev');
         if (prevCategory) {
             setCurrentKey(prevCategory.Key);
             setSelectedCategory(prevCategory);
         }
-    
+
         const prevCategoryData = getCategoryObject(currentKey, localData.CategoryAnswers, 'prev');
         setSelectedCategory(prevCategoryData ? { ...prevCategory, data: prevCategoryData } : null);
         updateInitialValues(prevCategoryData);
@@ -222,7 +235,7 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
     return (
         <div className={styles.categoryResponse}>
             <div className={styles.sidebarWrapper}>
-                <div className={styles.title}>Categorias</div>
+                <div className={styles.title}>{t('components.categoryReadOnly.categories')}</div>
                 {renderCategories(localData.CategoryAnswers)}
             </div>
             <div className={styles.contentWrapper}>
@@ -259,13 +272,23 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
                                     >
                                         <TextArea />
                                     </Form.Item>
-                                    : <Form.Item
-                                        name={["Questions", index, "Answer"]}
-                                    >
-                                        <Select options={evaluationOptions[selectedEvaluationOption]}
-                                            style={{ minWidth: '100%' }}
-                                        />
-                                    </Form.Item>
+
+                                    : selectedCategory.Data.IsYesOrNo
+                                        ? <Form.Item
+                                            name={["Questions", index, "Answer"]}
+                                        >
+                                            <Select options={selectYesNoOption}
+                                                style={{ minWidth: '100%' }}
+                                            />
+                                        </Form.Item>
+
+                                        : <Form.Item
+                                            name={["Questions", index, "Answer"]}
+                                        >
+                                            <Select options={evaluationOptions[selectedEvaluationOption]}
+                                                style={{ minWidth: '100%' }}
+                                            />
+                                        </Form.Item>
                                 }
                             </div>
                         </div>

package/src/locales/en.json

@@ -62,7 +62,9 @@
         },
         "categoryResponse": {
             "notApplicable": "Not Applicable",
-            "answer": "Answer"
+            "answer": "Answer",
+            "yes": "Yes",
+            "no": "No"
         },
         "categoryReadOnly": {
             "categories": "Categories",

package/src/locales/es.json

@@ -56,13 +56,15 @@
             "categoryNameError": "Error/Nombre de Categoría Faltante",
             "weighting": "Ponderación",
             "openAnswer": "Respuesta Abierta",
-            "yesNoAnswer": "Respuesta Si/Não",
+            "yesNoAnswer": "Respuesta Si/No",
             "answerOption": "Opción de Respuesta",
             "answers": "Respuestas"
         },
         "categoryResponse": {
             "notApplicable": "No Aplicable",
-            "answer": "Respuesta"
+            "answer": "Respuesta",
+            "yes": "Si",
+            "no": "No"
         },
         "categoryReadOnly": {
             "categories": "Categorías",

package/src/locales/pt.json

@@ -62,7 +62,9 @@
         },
         "categoryResponse": {
             "notApplicable": "Não Aplicável",
-            "answer": "Resposta"
+            "answer": "Resposta",
+            "yes": "Sim",
+            "no": "Não"
         },
         "categoryReadOnly": {
             "categories": "Categorias",