@visns-studio/visns-components 4.10.4 → 4.10.6

package/package.json

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

package/src/components/crm/Navigation.jsx

@@ -9,6 +9,7 @@ import {
     Calendar,
     ChatDots,
     Clipboard,
+    CloudUpload,
     DoubleSword,
     Draft,
     Envelope,
@@ -302,6 +303,7 @@ function Navigation({
             calendar: Calendar,
             chatDots: ChatDots,
             clipboard: Clipboard,
+            cloudUpload: CloudUpload,
             doubleSword: DoubleSword,
             draft: Draft,
             envelope: Envelope,

package/src/components/crm/auth/styles/Login.module.scss

@@ -147,45 +147,6 @@
     width: 100%;
 }
 
-.login .formItem {
-    padding: 0.25em 0;
-}
-
-.login .formItem small {
-    position: absolute;
-    width: 18px;
-    height: 18px;
-    right: 18px;
-    top: 18px;
-    opacity: 0.15;
-}
-
-.login .loginitem {
-    width: 100%;
-    padding: 0.25em 0;
-}
-
-.login .loginitem label {
-    width: 100%;
-    padding-bottom: 0.25rem;
-}
-
-.login .loginitem button {
-    width: 100%;
-}
-
-.forgotten span {
-    display: block;
-    text-align: center;
-    color: var(--paragraph-color);
-    padding: 1rem 0;
-}
-
-.forgotten span a {
-    color: var(--highlight-color);
-    text-decoration: none;
-}
-
 .btn {
     width: max-content;
     display: inline-block;

package/src/components/crm/auth/styles/Reset.module.scss

@@ -147,45 +147,6 @@
     width: 100%;
 }
 
-.login .formItem {
-    padding: 0.25em 0;
-}
-
-.login .formItem small {
-    position: absolute;
-    width: 18px;
-    height: 18px;
-    right: 18px;
-    top: 18px;
-    opacity: 0.15;
-}
-
-.login .loginitem {
-    width: 100%;
-    padding: 0.25em 0;
-}
-
-.login .loginitem label {
-    width: 100%;
-    padding-bottom: 0.25rem;
-}
-
-.login .loginitem button {
-    width: 100%;
-}
-
-.forgotten span {
-    display: block;
-    text-align: center;
-    color: var(--paragraph-color);
-    padding: 1rem 0;
-}
-
-.forgotten span a {
-    color: var(--highlight-color);
-    text-decoration: none;
-}
-
 .btn {
     width: max-content;
     display: inline-block;

package/src/components/crm/generic/GenericDynamic.jsx

@@ -46,8 +46,8 @@ const renderValue = (field, data) => {
                         case 'opportunities':
                             return data[table][key];
                         case 'clients':
-                            if (key === 'lastname' && !data[key]) {
-                                return data['surname'] || '';
+                            if (key === 'surname' && !data[key]) {
+                                return data['lastname'] || '';
                             } else {
                                 return data['client']
                                     ? data['client'][key]
@@ -67,7 +67,14 @@ const renderValue = (field, data) => {
                     );
                 }
             } else {
-                console.warn('Dynamic field is missing or not a string');
+                // Check if field.label contains 'surname' or 'lastname' (case-insensitive)
+                if (field.label && /surname|lastname/i.test(field.label)) {
+                    if (data.surname) {
+                        return data.surname;
+                    } else if (data.lastname) {
+                        return data.lastname;
+                    }
+                }
             }
             break;
 

package/src/components/crm/styles/DataGrid.module.scss

@@ -14,12 +14,12 @@
     outline: none;
     transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1) 0s;
     font-size: 1.25em;
-}
 
-.btn:hover {
-    color: var(--primary-color);
-    background: var(--highlight-color);
-    border: 1px solid rgba(var(--highlight-color-rgb), 1.05);
+    &:hover {
+        color: var(--primary-color);
+        background: var(--highlight-color);
+        border: 1px solid rgba(var(--highlight-color-rgb), 1.05);
+    }
 }
 
 .vs-datagrid--row:hover {

package/src/components/crm/styles/Navigation.module.scss

@@ -2,38 +2,38 @@
     width: 100%;
     display: flex;
     align-items: center;
-}
 
-.hwrap .logo {
-    width: var(--logo-width, 100px);
-    padding: 0 2rem;
-    margin: 0;
-    line-height: 1.45;
-}
+    .logo {
+        width: 130px;
+        padding: 0 2rem 0 2rem;
+        margin: 0;
+        line-height: 1.45;
 
-.hwrap .logo img {
-    width: 100%;
-    max-width: var(--logo-max-width, 180px);
-    height: auto;
-    display: block;
-    margin: 0 auto;
-}
+        img {
+            width: 100%;
+            max-width: 180px;
+            height: auto;
+            display: block;
+            margin: 0 auto;
+        }
+    }
 
-.branding {
-    margin: 0;
-    padding: 0;
-    font-weight: 700;
-    letter-spacing: -1px;
-    text-align: center;
-}
+    .branding {
+        margin: 0;
+        padding: 0;
+        font-weight: 700;
+        letter-spacing: -1px;
+        text-align: center;
 
-.branding .highlight {
-    color: white;
-}
+        .highlight {
+            color: white;
+        }
 
-.branding .light {
-    font-weight: 300;
-    color: var(--secondary-color);
+        .light {
+            font-weight: 300;
+            color: var(--secondary-color);
+        }
+    }
 }
 
 .navwrap {
@@ -971,8 +971,8 @@
     border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.1);
     cursor: pointer;
     padding: 10px 10px;
-}
 
-.AutocompletePlace-items:hover {
-    background-color: rgba(var(--paragraph-color-rgb), 0.065);
+    &:hover {
+        background-color: rgba(var(--paragraph-color-rgb), 0.065);
+    }
 }