@visns-studio/visns-components 4.5.10 → 4.5.12

package/components/crm/generic/GenericDetail.jsx

@@ -11,7 +11,14 @@ import { confirmAlert } from 'react-confirm-alert';
 import truncate from 'truncate';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { toast } from 'react-toastify';
-import { CircleCheck, Copy, File, TrashCan } from 'akar-icons';
+import {
+    CircleCheck,
+    Copy,
+    EyeOpen,
+    EyeSlashed,
+    File,
+    TrashCan,
+} from 'akar-icons';
 
 import 'react-confirm-alert/src/react-confirm-alert.css';
 
@@ -52,6 +59,12 @@ function GenericDetail({
     const [total, setTotal] = useState(0);
     const [windowHeight, setWindowHeight] = useState(window.innerHeight);
 
+    const [passwordVisible, setPasswordVisible] = useState(false);
+
+    const togglePasswordVisibility = () => {
+        setPasswordVisible(!passwordVisible);
+    };
+
     /** General Functions */
     const handleStageUpdate = async (stage, type) => {
         try {
@@ -327,6 +340,30 @@ function GenericDetail({
 
         const renderTotal = () => formatTotalValue();
 
+        const renderPassword = () => {
+            return (
+                <>
+                    {passwordVisible ? stringValue : '******'}
+                    <button
+                        type="button"
+                        onClick={togglePasswordVisibility}
+                        style={{
+                            marginLeft: '10px',
+                            background: 'none',
+                            border: 'none',
+                            cursor: 'pointer',
+                        }}
+                    >
+                        {passwordVisible ? (
+                            <EyeSlashed size={24} />
+                        ) : (
+                            <EyeOpen size={24} />
+                        )}
+                    </button>
+                </>
+            );
+        };
+
         // Render based on the item's type
         switch (type) {
             case 'boolean':
@@ -353,6 +390,8 @@ function GenericDetail({
                 return renderRichText();
             case 'total':
                 return renderTotal();
+            case 'password':
+                return renderPassword();
             default:
                 return size === 'full' && truncatedValue
                     ? parse(`<br /><p>${truncatedValue}</p>`)

package/components/crm/generic/GenericDynamic.jsx

@@ -268,8 +268,6 @@ const GenericDynamic = ({
                 return prevActiveForm;
             }
 
-            console.info(prevActiveForm);
-
             // Create a new row with placeholders based on the options length
             const numOptions = prevActiveForm[formKey].options.length;
             const newRow = Array(numOptions).fill(''); // Create an array of empty strings
@@ -590,8 +588,6 @@ const GenericDynamic = ({
     }, [activeForm]);
 
     const shouldDisplayFormList = (data, type) => {
-        console.info(data[type]);
-
         if (!data[type] || !Array.isArray(data[type])) {
             return false;
         }

package/components/crm/generic/GenericIndex.jsx

@@ -31,7 +31,6 @@ function useConfig(setting, tabs, filters, setRowsSelected, tableSetting) {
     const [subnav, setSubnav] = useState(filters || []);
 
     useEffect(() => {
-        console.info(setting);
         setConfig({
             ajaxSetting: setting.ajaxSetting,
             form: setting.form,

package/package.json

@@ -58,7 +58,7 @@
         "react-dom": "^17.0.1"
     },
     "name": "@visns-studio/visns-components",
-    "version": "4.5.10",
+    "version": "4.5.12",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "index.js",
     "scripts": {