@visns-studio/visns-components 5.0.16 → 5.0.18

package/package.json

@@ -75,7 +75,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.0.16",
+    "version": "5.0.18",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/Form.jsx

@@ -871,7 +871,9 @@ function Form({
                             _formData[id] =
                                 newValue instanceof Date
                                     ? newValue
-                                    : moment(newValue).toDate();
+                                    : newValue !== undefined
+                                    ? moment(newValue).toDate()
+                                    : '';
                         } else {
                             _formData[id] = newValue;
                         }

package/src/components/crm/QrCode.jsx

@@ -1,11 +1,12 @@
 import { useEffect, useRef, useState } from 'react';
-import ReactToPrint from 'react-to-print';
+import { useReactToPrint } from 'react-to-print';
 
 import CustomFetch from './Fetch';
 import styles from './styles/QrCode.module.scss';
 
 const QrCode = ({ config, dataId }) => {
-    const printComponentRef = useRef();
+    const contentRef = useRef(null);
+    const reactToPrintFn = useReactToPrint({ contentRef });
     const [qrCodeData, setQrCodeData] = useState({
         logo: '',
         qrCode: '',
@@ -26,9 +27,13 @@ const QrCode = ({ config, dataId }) => {
         fetchQrCode(config);
     }, []);
 
+    useEffect(() => {
+        console.info(qrCodeData);
+    }, [qrCodeData]);
+
     return (
         <>
-            <div className={styles.gridtxt} ref={printComponentRef}>
+            <div className={styles.gridtxt} ref={contentRef}>
                 {qrCodeData.logo && qrCodeData.logo !== '' && (
                     <ul className={styles.customer__overview}>
                         <li
@@ -52,7 +57,7 @@ const QrCode = ({ config, dataId }) => {
                             textAlign: 'center',
                         }}
                     >
-                        {qrCodeData.title}
+                        {qrCodeData.title || ''}
                     </li>
                 </ul>
                 <ul className={styles.customer__overview}>
@@ -71,10 +76,9 @@ const QrCode = ({ config, dataId }) => {
                 </ul>
             </div>
             <div className={styles.polActions}>
-                <ReactToPrint
-                    trigger={() => <button className="btn">Print</button>}
-                    content={() => printComponentRef.current}
-                />
+                <button className={styles.btn} onClick={() => reactToPrintFn()}>
+                    Print
+                </button>
             </div>
         </>
     );