@omniumretail/component-library 1.1.56 → 1.1.58

package/src/components/Questions/index.tsx

@@ -12,6 +12,7 @@ export interface QuestionsProps {
     showCheckbox?: boolean;
     handleChanges: any;
     responseTypeOptions: any;
+    hasHeader?: boolean;
 }
 
 export const Questions = (props: QuestionsProps) => {
@@ -19,7 +20,8 @@ export const Questions = (props: QuestionsProps) => {
         showGrade = true,
         showCheckbox,
         handleChanges,
-        responseTypeOptions
+        responseTypeOptions,
+        hasHeader
     } = props;
 
     const formContext = useContext(FieldContext);
@@ -60,7 +62,8 @@ export const Questions = (props: QuestionsProps) => {
                                                                 showGrade={showGrade}
                                                                 showCheckbox={showCheckbox}
                                                                 handleChanges={handleChanges}
-                                                                responseTypeOptions={responseTypeOptions}                                                          
+                                                                responseTypeOptions={responseTypeOptions}
+                                                                hasHeader={hasHeader}                                                   
                                                             />
                                                         </>
                                                     )}

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

@@ -20,6 +20,10 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
     // For example, trigger an API call
   };
 
+  const getButtonLabel = (record: any) => {
+    return (record as any)?.type === "Efetivo" ? "Pog" : "Nao";
+};
+
   return <ResponsiveTable
     scroll={{ x: 4000 }}
     columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo}
@@ -34,7 +38,7 @@ const Template: Story<ResponsiveTableCustomProps> = (args) => {
         key: '3', label: 'label 3'
       }
     ]}
-    fixedColumns={[{ dataIndex: 'action', side: 'right' }]} buttonActionName="POG" {...args}>
+    fixedColumns={[{ dataIndex: 'action', side: 'right' }]} buttonActionMethod={() => handleSortByColumnChange} buttonActionLabel={getButtonLabel} {...args}>
   </ResponsiveTable>;
 };
 
@@ -57,7 +61,7 @@ Primary.args = {
       mecanographicNumber: "32",
       store: `Levi's Sta Catarina`,
       role: `Comercial`,
-      type: `Efetivo`
+      type: `NEfetivo`
     },
     {
       id: `3`,
@@ -65,7 +69,7 @@ Primary.args = {
       mecanographicNumber: "3212",
       store: `Levi's Sta Catarina`,
       role: `Funcionário`,
-      type: `Efetivo`
+      type: `NEfetivo`
     },
     {
       id: `4`,

package/src/components/ResponsiveTable/index.tsx

@@ -48,6 +48,7 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     fixedColumns?: { dataIndex: string; side: 'left' | 'right' }[];
     customColumnWidths?: { columnName: string; width: string }[];
     buttonActionName?: string;
+    buttonActionLabel?: (record: any) => string;
     buttonActionMethod?: () => void;
     buttonActionStyle?: string;
 }
@@ -77,7 +78,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         customColumnWidths,
         buttonActionName,
         buttonActionMethod,
-        buttonActionStyle
+        buttonActionStyle,
+        buttonActionLabel
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -201,12 +203,14 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
                 dataIndex: 'action',
                 ellipsis: false,
                 align: 'right',
-                render: () => {
-                    if (!items?.[0]) return null;
+                render: (_: any, record: any) => {
+                    if (!items?.[0]) return null;  
+                    const buttonLabel = buttonActionLabel ? buttonActionLabel(record) : null;
+
                     return (
                         <Space size="middle">
-                            {buttonActionName &&
-                                <Button customClass={buttonActionStyle} onClick={() => buttonActionMethod?.()}>{buttonActionName}</Button>
+                            {(buttonActionName || buttonActionLabel) &&
+                                <Button customClass={buttonActionStyle} onClick={() => buttonActionMethod?.()}>{buttonActionName || buttonLabel}</Button>
                             }
 
                             <Dropdown menu={{ items }}>

package/src/locales/en.json

@@ -48,7 +48,8 @@
             "mandatoryAnswer": "Mandatory answer",
             "emphasisAnswer": "Highlight",
             "responseType": "Response Type",
-            "errorResponseType": "Response type missing"
+            "errorResponseType": "Response type missing",
+            "header": "Header"
         },
         "categorySidBar": {
             "addCategory": "Add Category",
@@ -57,8 +58,10 @@
         "categoryContent": {
             "message": "Please select a category in the sidebar",
             "categoryName": "Category Name",
+            "tamplateName": "Template Name",
             "editCategory": "Edit Category",
             "categoryNameError": "Error/Missing Category Name",
+            "templateNameError": "Error/Missing Template Name",
             "weighting": "Weighting",
             "openAnswer": "Open Answer",
             "yesNoAnswer": "Yes/No Answer",

package/src/locales/es.json

@@ -48,7 +48,8 @@
             "mandatoryAnswer": "Respuesta obligatoria",
             "emphasisAnswer": "Resaltar",
             "responseType": "Tipo de respuesta",
-            "errorResponseType": "Tipo de respuesta faltante"
+            "errorResponseType": "Tipo de respuesta faltante",
+            "header": "Cabecera"
         },
         "categorySidBar": {
             "addCategory": "Agregar Categoría",
@@ -57,8 +58,10 @@
         "categoryContent": {
             "message": "Por favor, seleccione una categoría en la barra lateral",
             "categoryName": "Nombre de la Categoría",
+            "tamplateName": "Nome de la plantilla",
             "editCategory": "Editar Categoría",
             "categoryNameError": "Error/Nombre de Categoría Faltante",
+            "templateNameError": "Error/Nombre de la plantilla",
             "weighting": "Ponderación",
             "openAnswer": "Respuesta Abierta",
             "yesNoAnswer": "Respuesta Si/No",

package/src/locales/pt.json

@@ -48,7 +48,8 @@
             "mandatoryAnswer": "Resposta obrigatória",
             "emphasisAnswer": "Destaque",
             "responseType": "Tipo de resposta",
-            "errorResponseType": "Tipo de resposta em falta"
+            "errorResponseType": "Tipo de resposta em falta",
+            "header": "Cabeçalho"
         },
         "categorySidBar": {
             "addCategory": "Adicionar categoria",
@@ -57,8 +58,10 @@
         "categoryContent": {
             "message": "Por favor selecione uma categoria na barra lateral",
             "categoryName": "Nome da categoria",
+            "tamplateName": "Nome do template",
             "editCategory": "Editar Categoria",
             "categoryNameError": "Nome categoria em falta",
+            "templateNameError": "Nome da template em falta",
             "weighting": "Ponderação",
             "openAnswer": "Resposta aberta",
             "yesNoAnswer": "Resposta Sim/Não",