@omniumretail/component-library 1.1.85 → 1.1.87

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

@@ -7,6 +7,7 @@ interface CategoryResponse {
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
     selectYesNoOption?: any;
     addAction?: (questionId: string, questionAnswerId: string) => void;
+    openAction?: (actionId: 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.85",
+  "version": "1.1.87",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

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

@@ -37,6 +37,10 @@ const Template: Story<any> = (args) => {
         // Sua lógica para adicionar a ação, como uma chamada de API ou atualização de estado
     };
 
+    const handleOpenAction = (questionId: string) => {
+        console.log(`Ação adicionada para a pergunta com ID: ${questionId}`);
+    };
+
     useEffect(() => {
         console.log(serverData);
     }, [serverData])
@@ -53,6 +57,7 @@ const Template: Story<any> = (args) => {
                     addButtons
                     fileList={setFileLists}
                     addAction={handleAddAction}
+                    openAction={handleOpenAction}
                 >
                 </CategoryResponse>
             </div>
@@ -103,7 +108,16 @@ Primary.args = {
                             "Grade": "0",
                             "Note": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit",
                             "Answer": null,
-                            "ActionNames": ["Ação12345662323", "A"],
+                            "Actions": [
+                                {
+                                    "Id": "05D49F7B-C293-48AD-980F-D6ED5B3C0DAB",
+                                    "Name": "ettttt"
+                                },
+                                {
+                                    "Id": "15D49F7B-C293-48AD-980F-D6ED5B3C0DAB",
+                                    "Name": "uttttt"
+                                }
+                            ],
                             "IsOpenAnswer": true,
                             "IsNumeric": true
                         },

package/src/components/CategoryResponse/index.tsx

@@ -18,6 +18,7 @@ interface CategoryResponse {
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
     selectYesNoOption?: any;
     addAction?: (questionId: string, questionAnswerId: string) => void;
+    openAction?: (actionId: string) => void;
     addButtons?: boolean;
     fileList?: React.Dispatch<React.SetStateAction<Record<string, UploadFile<any>[]>>>;
 };
@@ -333,15 +334,15 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
 
                                             }
 
-                                            {question?.ActionNames &&
+                                            {question?.Actions?.length > 0 &&
                                                 <div className={styles.actionContainer}>
                                                     <span className={styles.note}>{t('components.categoryResponse.actions')}: </span>
 
-                                                    {question?.ActionNames?.map((action: any, index: number) => (
-                                                        <span key={index} className={index > 0 ? styles.action : ''}>
-                                                            {action}
+                                                    {question?.Actions?.map((action: any, index: number) => (
+                                                        <a onClick={() => props.openAction!(action.Id)} key={action.Id} className={index > 0 ? styles.action : ''}>
+                                                            {action.Name}
                                                             <br />
-                                                        </span>
+                                                        </a>
                                                     ))}
                                                 </div>
                                             }

package/src/components/Questions/SingleQuestion/index.tsx

@@ -2,7 +2,7 @@ import { DeleteOutlined, HolderOutlined, InfoCircleOutlined } from '@ant-design/
 import { Checkbox, ColorPicker, Form, Input, Select, Space } from 'antd';
 import { t } from 'i18next';
 import styles from './styles.module.scss';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import classnames from 'classnames';
 
 export const SingleQuestion = ({
@@ -66,8 +66,9 @@ export const SingleQuestion = ({
                 (option: any) => option.NeedsAction === true
             );
 
-            setEmphasisCheckbox(hasNeedsAction);
+            // setEmphasisCheckbox(hasNeedsAction);
         }
+        handleChanges();
     };
 
     const onCheckboxMultipeChoiseHandler = (checked: boolean) => {
@@ -85,7 +86,6 @@ export const SingleQuestion = ({
         handleChanges();
     };
 
-
     const questionStyle = classnames({
         [styles.responseTypeQuestion]: responseTypeComponent
     }, [styles.question]);
@@ -222,7 +222,7 @@ export const SingleQuestion = ({
                                 <Select
                                     options={answerTypeOptions}
                                     className={styles.selectResponseType}
-                                    // onChange={handleResponseType}
+                                    onChange={handleResponseType}
                                     dropdownStyle={{ minWidth: 500 }}
                                 />
                             </Form.Item>

package/src/components/ResponsiveTable/ResponsiveTable.stories.tsx

@@ -21,7 +21,7 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
   };
 
   const getButtonLabel = (record: any) => {
-    return (record as any)?.type === "Efetivo" ? "Pog" : "Nao";
+    return (record as any)?.type === "Efetivo" ? "Pog" : null;
 };
 
   return <ResponsiveTable

package/src/components/ResponsiveTable/index.tsx

@@ -197,6 +197,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
 
             }).filter(el => el !== undefined) as any;
 
+            console.log();
+
             const columnActions = {
                 key: 'action',
                 title: headingTranslationsKey ? t(`${headingTranslationsKey}.${'action'}`) : 'action',
@@ -209,7 +211,7 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
 
                     return (
                         <Space size="middle">
-                            {(buttonActionName || buttonActionLabel) &&
+                            {(buttonActionName || buttonLabel) &&
                                 <Button customClass={buttonActionStyle} onClick={() => buttonActionMethod?.()}>{buttonActionName || buttonLabel}</Button>
                             }