@omniumretail/component-library 1.1.67 → 1.1.68

package/dist/types/components/CategoryResponse/index.d.ts

@@ -6,7 +6,7 @@ interface CategoryResponse {
     onNextCategoryAvailabilityChange: (hasNext: boolean) => void;
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
     selectYesNoOption?: any;
-    addAction?: () => void;
+    addAction?: (questionId: string) => void;
     addButtons?: boolean;
     fileList?: React.Dispatch<React.SetStateAction<Record<string, UploadFile<any>[]>>>;
 }

package/package.json

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

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

@@ -32,6 +32,11 @@ const Template: Story<any> = (args) => {
         (categoryResponseRef.current as any).handlePreviousClick();
     }
 
+    const handleAddAction = (questionId: string) => {
+        console.log(`Ação adicionada para a pergunta com ID: ${questionId}`);
+        // Sua lógica para adicionar a ação, como uma chamada de API ou atualização de estado
+    };
+
     useEffect(() => {
         // console.log(serverData);
     }, [serverData])
@@ -47,6 +52,7 @@ const Template: Story<any> = (args) => {
                     onPreviousCategoryAvailabilityChange={handlePreviousCategoryAvailabilityChange}
                     addButtons
                     fileList={setFileLists}
+                    addAction={handleAddAction}
                 >
                 </CategoryResponse>
             </div>

package/src/components/CategoryResponse/index.tsx

@@ -16,7 +16,7 @@ interface CategoryResponse {
     onNextCategoryAvailabilityChange: (hasNext: boolean) => void;
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
     selectYesNoOption?: any;
-    addAction?: () => void;
+    addAction?: (questionId: string) => void;
     addButtons?: boolean;
     fileList?: React.Dispatch<React.SetStateAction<Record<string, UploadFile<any>[]>>>;
 };
@@ -162,6 +162,13 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
         imgWindow?.document.write(image.outerHTML);
     };
 
+    const handleAddAction = (questionId: string) => {
+        if (props.addAction) {
+            console.log(questionId);
+            props.addAction(questionId);
+        }
+    };
+
     const onFinish = (values: any) => {
         const updatedQuestions = initialValues.Questions.map((question: any, index: number) => {
             return {
@@ -250,10 +257,6 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
         props.onPreviousCategoryAvailabilityChange(hasPrevious);
     }, [currentKey, localData.CategoryAnswers, props]);
 
-    const questionWrapper = classNames({
-        [styles.questionWrapperOpenAnswer]: (selectedCategory.Data.OpenAnswer),
-    }, [styles.questionWrapper]);
-
     // This gets the scale we use for each select from the database using a key based variable,if 
     // any new generalEvaluationLevel is added to the backend we need to update our own without 
     // deleting any of the previous so we dont mess up the project history.
@@ -343,7 +346,9 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
                                                     {form.getFieldValue(`Questions`)?.[index].Note ? t('components.categoryResponse.editNote') : t('components.categoryResponse.addNote')}
                                                 </Button>
 
-                                                <Button customClass={styles.actionsButtons} onClick={props.addAction}>{t('components.categoryResponse.createAction')}</Button>
+                                                <Button customClass={styles.actionsButtons} onClick={() => handleAddAction(question.Id)}>
+                                                    {t('components.categoryResponse.createAction')}
+                                                    </Button>
                                             </div>
                                         </>
                                     }