@omniumretail/component-library 1.2.13 → 1.2.15

package/dist/bundle.js.LICENSE.txt

@@ -4,6 +4,27 @@
 	http://jedwatson.github.io/classnames
 */
 
+/*!
+ * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
+ * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+ * Released under MIT License
+ */
+
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
 /*! exports provided: default */
 
 /*! no static exports found */
@@ -22,6 +43,202 @@
   !*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!
   \**************************************************************************************/
 
+/**
+ * @license
+  Copyright (c) 2008, Adobe Systems Incorporated
+  All rights reserved.
+
+  Redistribution and use in source and binary forms, with or without 
+  modification, are permitted provided that the following conditions are
+  met:
+
+  * Redistributions of source code must retain the above copyright notice, 
+    this list of conditions and the following disclaimer.
+  
+  * Redistributions in binary form must reproduce the above copyright
+    notice, this list of conditions and the following disclaimer in the 
+    documentation and/or other materials provided with the distribution.
+  
+  * Neither the name of Adobe Systems Incorporated nor the names of its 
+    contributors may be used to endorse or promote products derived from 
+    this software without specific prior written permission.
+
+  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+  IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+  THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+  PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR 
+  CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+  PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+  PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+  LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+  SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+*/
+
+/**
+ * @license
+ *
+ * Copyright (c) 2014 James Robb, https://github.com/jamesbrobb
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ * ====================================================================
+ */
+
+/**
+ * @license
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * (c) Dean McNamee <dean@gmail.com>, 2013.
+ *
+ * https://github.com/deanm/omggif
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ *
+ * omggif is a JavaScript implementation of a GIF 89a encoder and decoder,
+ * including animation and compression.  It does not rely on any specific
+ * underlying system, so should run in the browser, Node, or Plask.
+ */
+
+/**
+ * @license
+ * Copyright (c) 2014 Steven Spungin (TwelveTone LLC)  steven@twelvetone.tv
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * Copyright (c) 2017 Aras Abbasi
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * Copyright (c) 2018 Aras Abbasi
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * Copyright (c) 2019 Aras Abbasi
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * FPDF is released under a permissive license: there is no usage restriction.
+ * You may embed it freely in your application (commercial or not), with or
+ * without modifications.
+ *
+ * Reference: http://www.fpdf.org/en/script/script37.php
+ */
+
+/**
+ * @license
+ * Joseph Myers does not specify a particular license for his work.
+ *
+ * Author: Joseph Myers
+ * Accessed from: http://www.myersdaily.org/joseph/javascript/md5.js
+ *
+ * Modified by: Owen Leong
+ */
+
+/**
+ * @license
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ * Author: Owen Leong (@owenl131)
+ * Date: 15 Oct 2020
+ * References:
+ * https://www.cs.cmu.edu/~dst/Adobe/Gallery/anon21jul01-pdf-encryption.txt
+ * https://github.com/foliojs/pdfkit/blob/master/lib/security.js
+ * http://www.fpdf.org/en/script/script37.php
+ */
+
+/**
+ * @license
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * Unicode Bidi Engine based on the work of Alex Shensis (@asthensis)
+ * MIT License
+ */
+
+/**
+ * @license
+ * jsPDF fileloading PlugIn
+ * Copyright (c) 2018 Aras Abbasi (aras.abbasi@gmail.com)
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * jsPDF filters PlugIn
+ * Copyright (c) 2014 Aras Abbasi
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
+/**
+ * @license
+ * jsPDF virtual FileSystem functionality
+ *
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/mit-license
+ */
+
 /**
  * @license React
  * react-is.production.min.js
@@ -42,6 +259,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * A class to parse color values
+ * @author Stoyan Stefanov <sstoo@gmail.com>
+ * {@link   http://www.phpied.com/rgb-color-parser-in-javascript/}
+ * @license Use it if you like it
+ */
+
 /**
  * Checks if an event is supported in the current execution environment.
  *
@@ -57,6 +281,91 @@
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
 
+/** ====================================================================
+ * @license
+ * jsPDF XMP metadata plugin
+ * Copyright (c) 2016 Jussi Utunen, u-jussi@suomi24.fi
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ * ====================================================================
+ */
+
+/** @license
+   * Copyright (c) 2017 Dominik Homberger
+  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+  https://webpjs.appspot.com
+  WebPRiffParser dominikhlbg@gmail.com
+  */
+
+/** @license
+ *
+ * jsPDF - PDF Document creation from JavaScript
+ * Version 2.5.2 Built on 2024-09-17T13:29:57.859Z
+ *                      CommitID 00000000
+ *
+ * Copyright (c) 2010-2021 James Hall <james@parall.ax>, https://github.com/MrRio/jsPDF
+ *               2015-2021 yWorks GmbH, http://www.yworks.com
+ *               2015-2021 Lukas Holländer <lukas.hollaender@yworks.com>, https://github.com/HackbrettXXX
+ *               2016-2018 Aras Abbasi <aras.abbasi@gmail.com>
+ *               2010 Aaron Spike, https://github.com/acspike
+ *               2012 Willow Systems Corporation, https://github.com/willowsystems
+ *               2012 Pablo Hess, https://github.com/pablohess
+ *               2012 Florian Jenett, https://github.com/fjenett
+ *               2013 Warren Weckesser, https://github.com/warrenweckesser
+ *               2013 Youssef Beddad, https://github.com/lifof
+ *               2013 Lee Driscoll, https://github.com/lsdriscoll
+ *               2013 Stefan Slonevskiy, https://github.com/stefslon
+ *               2013 Jeremy Morel, https://github.com/jmorel
+ *               2013 Christoph Hartmann, https://github.com/chris-rock
+ *               2014 Juan Pablo Gaviria, https://github.com/juanpgaviria
+ *               2014 James Makes, https://github.com/dollaruw
+ *               2014 Diego Casorran, https://github.com/diegocr
+ *               2014 Steven Spungin, https://github.com/Flamenco
+ *               2014 Kenneth Glassey, https://github.com/Gavvers
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * Contributor(s):
+ *    siefkenj, ahwolf, rickygu, Midnith, saintclair, eaparango,
+ *    kim3er, mfo, alnorth, Flamenco
+ */
+
 /** @license React v16.13.1
  * react-is.production.min.js
  *

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",
@@ -36,6 +36,7 @@
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
+    "html2canvas": "^1.4.1",
     "i18next": "^22.4.9",
     "i18next-browser-languagedetector": "^7.0.1",
     "i18next-fetch-backend": "^5.0.1",
@@ -43,6 +44,7 @@
     "jest": "^27.4.3",
     "jest-resolve": "^27.4.2",
     "jest-watch-typeahead": "^1.0.0",
+    "jspdf": "^2.5.2",
     "lodash.merge": "^4.6.2",
     "mini-css-extract-plugin": "^2.7.2",
     "moment": "^2.29.4",

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

@@ -1,17 +1,19 @@
 import styles from './styles.module.scss';
-import { useEffect, useImperativeHandle, useState } from 'react';
+import { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { useForm } from 'antd/es/form/Form';
 import classNames from 'classnames';
 import React from 'react';
 import { t } from 'i18next';
 import TextArea from 'antd/es/input/TextArea';
-import { Input } from 'antd';
+import html2canvas from 'html2canvas';
+import jsPDF from 'jspdf';
 
 interface CategoryResponse {
     data: any;
     serverReadyData: any;
     onNextCategoryAvailabilityChange: (hasNext: boolean) => void;
     onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
+    exportPdf?: boolean;
 };
 
 type Category = {
@@ -85,7 +87,7 @@ export const CategoryReadOnly = 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 pdfRef = useRef<HTMLDivElement>(null);
 
     const updateInitialValues = (data: any) => {
         const {
@@ -112,21 +114,6 @@ export const CategoryReadOnly = React.forwardRef((props: CategoryResponse, ref)
         setCurrentKey(index);
     };
 
-    const onFinish = (values: any) => {
-        const updatedQuestions = initialValues.Questions.map((question: any, index: number) => {
-            return {
-                ...question,
-                Answer: values.Questions[index].Answer
-            };
-        });
-
-        const updatedCategory = updateCategoryAnswers(localData.CategoryAnswers, selectedCategory.Data, updatedQuestions);
-
-        const updatedLocalData = { ...localData, CategoryAnswers: updatedCategory };
-
-        setLocalData(updatedLocalData);
-    };
-
     const renderCategories = (categories: any) => {
         return categories.map((category: any, index: number) => {
             const labelClasses = classNames({
@@ -157,6 +144,75 @@ export const CategoryReadOnly = React.forwardRef((props: CategoryResponse, ref)
         });
     };
 
+    const handleDownloadPDF = async () => {
+        if (pdfRef.current && data) {
+            const pdf = new jsPDF('p', 'mm', 'a4');
+            const pdfWidth = pdf.internal.pageSize.getWidth();
+            const pdfHeight = pdf.internal.pageSize.getHeight();
+            const spaceBetweenCategories = 20;
+    
+            let currentY = 0;
+    
+            // 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);
+    
+                    // 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;
+    
+                            // Adiciona uma nova página se não houver espaço suficiente
+                            if (currentY + imgHeight + spaceBetweenCategories > pdfHeight) {
+                                pdf.addPage();
+                                currentY = 0;
+                            }
+    
+                            // Adiciona a imagem ao PDF na posição atual
+                            pdf.addImage(imgData, 'PNG', 0, currentY, pdfWidth, imgHeight);
+                            currentY += imgHeight + spaceBetweenCategories;
+    
+                            resolve(null);
+                        }, 150);
+                    });
+                }
+            };
+    
+            // Percorre todas as categorias principais
+            for (const mainCategory of data.CategoryAnswers) {
+                await processLeafNodes(mainCategory);
+            }
+    
+            pdf.save('evaluation_details.pdf');
+        } else {
+            console.warn('pdfRef.current está vazio. Verifique se a referência está correta.');
+        }
+    };
+
+    useEffect(() => {
+        if (props.exportPdf) {
+            handleDownloadPDF();
+        }
+    }, [props.exportPdf]);
+
     const handleNextClick = () => {
         const nextCategory = findCategoryWithQuestions(currentKey, localData.CategoryAnswers, 'next');
         if (nextCategory) {
@@ -203,7 +259,7 @@ export const CategoryReadOnly = React.forwardRef((props: CategoryResponse, ref)
     }, [styles.questionWrapper]);
 
     return (
-        <div className={styles.categoryResponse}>
+        <div ref={pdfRef} className={styles.categoryResponse}>
             <div className={styles.sidebarWrapper}>
                 {renderCategories(localData.CategoryAnswers)}
             </div>