@visns-studio/visns-components 5.9.5 → 5.9.7

package/src/components/crm/DataGrid.jsx

@@ -334,7 +334,7 @@ const CellWithTooltip = ({
             }}
             {...(shouldShowTooltip && {
                 'data-tooltip-id': tooltipId,
-                'data-tooltip-content': tooltipContent,
+                'data-tooltip-html': tooltipContent,
             })}
         >
             {children}
@@ -347,9 +347,9 @@ const CellWithTooltip = ({
                         borderRadius: '6px',
                         padding: '8px 12px',
                         fontSize: '13px',
-                        maxWidth: '300px',
+                        maxWidth: '500px',
                         wordWrap: 'break-word',
-                        zIndex: 9999,
+                        zIndex: 1000,
                     }}
                     place="top"
                     offset={5}
@@ -683,16 +683,29 @@ const DataGrid = forwardRef(
                         });
 
                         // Initialize all groups as collapsed when data is first loaded
-                        if (!groupsInitializedRef.current && res.data.length > 0) {
-                            const uniqueGroups = [...new Set(res.data.map(row => row[groupField]))];
+                        if (
+                            !groupsInitializedRef.current &&
+                            res.data.length > 0
+                        ) {
+                            const uniqueGroups = [
+                                ...new Set(
+                                    res.data.map((row) => row[groupField])
+                                ),
+                            ];
                             const initialCollapsedState = {};
-                            uniqueGroups.forEach(groupValue => {
-                                if (groupValue !== undefined && groupValue !== null) {
+                            uniqueGroups.forEach((groupValue) => {
+                                if (
+                                    groupValue !== undefined &&
+                                    groupValue !== null
+                                ) {
                                     initialCollapsedState[groupValue] = true;
                                 }
                             });
 
-                            console.log('Initializing all groups as collapsed:', initialCollapsedState);
+                            console.log(
+                                'Initializing all groups as collapsed:',
+                                initialCollapsedState
+                            );
                             setCollapsedGroups(initialCollapsedState);
                             groupsInitializedRef.current = true;
                         }

package/src/components/crm/Navigation.jsx

@@ -3,16 +3,19 @@ import { Link, useLocation, useNavigate } from 'react-router-dom';
 import {
     Bug,
     Calendar,
+    CreditCardAlt1,
     Draft,
     PeopleGroup,
     Person,
     Search,
     SignOut,
     Shield,
+    Image,
 } from 'akar-icons';
 import CustomFetch from './Fetch';
 import Notification from './Notification';
 import SwitchAccount from './SwitchAccount';
+import BusinessCardOcr from './BusinessCardOcr';
 import styles from './styles/Navigation.module.scss';
 
 const SearchComponent = ({
@@ -193,6 +196,7 @@ function Navigation({
     const [isOpen, setOpen] = useState(false);
     const [isScrolled, setIsScrolled] = useState(false);
     const [navData, setNavData] = useState(navConfig);
+    const [showBusinessCardOcr, setShowBusinessCardOcr] = useState(false);
 
     const appNavClasses = styles['app-nav'];
 
@@ -223,6 +227,7 @@ function Navigation({
             bug: Bug,
             calendar: Calendar,
             draft: Draft,
+            image: Image,
             peopleGroup: PeopleGroup,
             person: Person,
             shield: Shield,
@@ -241,6 +246,20 @@ function Navigation({
                     <Notification setSystemAuth={setSystemAuth} />
                 </li>
             );
+        } else if (n.id === 'businessCardOcr') {
+            return (
+                <li>
+                    <button
+                        title="Scan Business Card"
+                        data-tooltip-id="system-tooltip"
+                        data-tooltip-content="Scan Business Card"
+                        onClick={() => setShowBusinessCardOcr(true)}
+                        className={activeClass}
+                    >
+                        <CreditCardAlt1 size={20} />
+                    </button>
+                </li>
+            );
         } else if (n.id === 'switchAccount') {
             return (
                 <li>
@@ -599,6 +618,15 @@ function Navigation({
                 </div>
                 {children}
             </main>
+
+            <BusinessCardOcr
+                isOpen={showBusinessCardOcr}
+                onClose={() => setShowBusinessCardOcr(false)}
+                onContactSaved={(contact) => {
+                    console.log('Contact saved:', contact);
+                }}
+                fields={navData.settings.find(s => s.id === 'businessCardOcr')?.fields || []}
+            />
         </div>
     ) : (
         <div className={styles.hwrap}>
@@ -635,6 +663,15 @@ function Navigation({
                     )}
                 </ul>
             </div>
+
+            <BusinessCardOcr
+                isOpen={showBusinessCardOcr}
+                onClose={() => setShowBusinessCardOcr(false)}
+                onContactSaved={(contact) => {
+                    console.log('Contact saved:', contact);
+                }}
+                fields={navData.settings.find(s => s.id === 'businessCardOcr')?.fields || []}
+            />
         </div>
     );
 }