@omniumretail/component-library 1.2.14 → 1.2.16

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

@@ -4,7 +4,7 @@ interface CategoryResponse {
     serverReadyData: any;
     onNextCategoryAvailabilityChange: (hasNext: boolean) => void;
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
-    exportPdf: boolean;
+    exportPdf?: boolean;
 }
 export declare const CategoryReadOnly: React.ForwardRefExoticComponent<CategoryResponse & React.RefAttributes<unknown>>;
 export {};

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

@@ -47,5 +47,6 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     buttonActionStyle?: string | ((record: any) => any);
     cleanRowSelection?: boolean;
     getRowActions?: (record: any) => any;
+    customSelectAllButton?: string;
 }
 export declare const ResponsiveTable: (props: ResponsiveTableCustomProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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

package/src/components/CategoryReadOnly/CategoryReadOnly.stories.tsx

@@ -13,6 +13,7 @@ const Template: Story<any> = (args) => {
     const categoryResponseRef = useRef(null);
     const [hasNext, setHasNext] = useState(true);
     const [hasPrevious, setHasPrevious] = useState(false);
+    const [teste, setTeste] = useState(false);
 
     const handleNextCategoryAvailabilityChange = (hasNext: boolean) => {
         setHasNext(hasNext);
@@ -43,6 +44,7 @@ const Template: Story<any> = (args) => {
                     ref={categoryResponseRef}
                     onNextCategoryAvailabilityChange={handleNextCategoryAvailabilityChange}
                     onPreviousCategoryAvailabilityChange={handlePreviousCategoryAvailabilityChange}
+                    exportPdf={ teste}
                 >
                 </CategoryReadOnly>
             </div>
@@ -55,6 +57,8 @@ const Template: Story<any> = (args) => {
                 {hasNext && (
                     <Button onClick={handleNextClickOutside}>Next on Parent</Button>
                 )}
+
+                <Button onClick={() => setTeste(true)}>teste</Button>
             </div>
         </div>
     )

package/src/components/CategoryReadOnly/index.tsx

@@ -13,7 +13,7 @@ interface CategoryResponse {
     serverReadyData: any;
     onNextCategoryAvailabilityChange: (hasNext: boolean) => void;
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
-    exportPdf: boolean;
+    exportPdf?: boolean;
 };
 
 type Category = {
@@ -149,43 +149,56 @@ export const CategoryReadOnly = React.forwardRef((props: CategoryResponse, ref)
             const pdf = new jsPDF('p', 'mm', 'a4');
             const pdfWidth = pdf.internal.pageSize.getWidth();
             const pdfHeight = pdf.internal.pageSize.getHeight();
-            const totalCategories = data.CategoryAnswers.length;
+            const spaceBetweenCategories = 20;
     
-            let currentY = 0; // Track the current vertical position in the PDF
+            let currentY = 0;
     
-            for (let index = 0; index < totalCategories; index++) {
-                // Update the current category
-                setCurrentKey(data.CategoryAnswers[index].Key);
-                setSelectedCategory(data.CategoryAnswers[index]);
+            // Função recursiva para percorrer e capturar apenas os nós mais profundos
+            const processLeafNodes = async (category: any) => {
+                if (category.Children && category.Children.length > 0) {
+                    // Se houver subcategorias, processa cada uma delas recursivamente
+                    for (const childCategory of category.Children) {
+                        await processLeafNodes(childCategory);
+                    }
+                } else {
+                    // Se não houver subcategorias, processa o nó como um nó folha
+                    setCurrentKey(category.Key);
+                    setSelectedCategory(category);
     
-                // Wait until the new category is rendered
-                await new Promise((resolve) => {
-                    setTimeout(async () => {
-                        // Capture the content of the PDF reference
-                        const canvas = await html2canvas(pdfRef.current!, {
-                            width: pdfRef.current!.scrollWidth,
-                            height: pdfRef.current!.scrollHeight,
-                            useCORS: true,
-                            allowTaint: true,
-                            scale: 1,
-                        });
+                    // Aguarda a renderização da nova categoria
+                    await new Promise((resolve) => {
+                        setTimeout(async () => {
+                            // Captura o conteúdo da referência PDF
+                            const canvas = await html2canvas(pdfRef.current!, {
+                                width: pdfRef.current!.scrollWidth,
+                                height: pdfRef.current!.scrollHeight,
+                                useCORS: true,
+                                allowTaint: true,
+                                scale: 1,
+                            });
     
-                        const imgData = canvas.toDataURL('image/png');
-                        const imgHeight = (canvas.height * pdfWidth) / canvas.width;
+                            const imgData = canvas.toDataURL('image/png');
+                            const imgHeight = (canvas.height * pdfWidth) / canvas.width;
     
-                        // Check if there's enough space to add the image
-                        if (currentY + imgHeight > pdfHeight) {
-                            pdf.addPage(); // Add a new page if there's not enough space
-                            currentY = 0; // Reset the Y position to the top of the new page
-                        }
+                            // Adiciona uma nova página se não houver espaço suficiente
+                            if (currentY + imgHeight + spaceBetweenCategories > pdfHeight) {
+                                pdf.addPage();
+                                currentY = 0;
+                            }
     
-                        // Add the image to the PDF at the current position
-                        pdf.addImage(imgData, 'PNG', 0, currentY, pdfWidth, imgHeight);
-                        currentY += imgHeight; // Update the Y position for the next image
+                            // Adiciona a imagem ao PDF na posição atual
+                            pdf.addImage(imgData, 'PNG', 0, currentY, pdfWidth, imgHeight);
+                            currentY += imgHeight + spaceBetweenCategories;
     
-                        resolve(null);
-                    }, 150); // Delay to ensure the new category is rendered
-                });
+                            resolve(null);
+                        }, 150);
+                    });
+                }
+            };
+    
+            // Percorre todas as categorias principais
+            for (const mainCategory of data.CategoryAnswers) {
+                await processLeafNodes(mainCategory);
             }
     
             pdf.save('evaluation_details.pdf');

package/src/components/ResponsiveTable/index.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { MoreOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import { Button } from '../Button';
+import classNames from 'classnames';
 
 export interface FilterTableOptions {
     value: string;
@@ -53,6 +54,7 @@ export interface ResponsiveTableCustomProps extends TableProps<any> {
     buttonActionStyle?: string | ((record: any) => any);
     cleanRowSelection?: boolean;
     getRowActions?: (record: any) => any;
+    customSelectAllButton?: string;
 }
 
 export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
@@ -83,7 +85,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         buttonActionStyle,
         buttonActionLabel,
         cleanRowSelection,
-        getRowActions
+        getRowActions,
+        customSelectAllButton
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -291,6 +294,8 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
         [styles.tableWrapperNoSelection]: !rowSelection
     }, [styles.tableWrapper]);
 
+    const selectAllButtonStyle = classNames([styles.selectAllRows], [customSelectAllButton]);
+
     return (
         <div className={tableWrapperClasses}>
             {shouldRenderSortDropdown &&
@@ -330,7 +335,7 @@ export const ResponsiveTable = (props: ResponsiveTableCustomProps) => {
             />
             {
                 onSelectAllButtonClick &&
-                <Button onClick={selectAllRows} className={styles.selectAllRows}>
+                <Button onClick={selectAllRows} className={selectAllButtonStyle}>
                     {selectedAllRowKeys ? t('components.table.deselectAll') : t('components.table.selectAll')}
                 </Button>
             }