@visns-studio/visns-components 5.7.19 → 5.8.1

package/package.json

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

package/src/components/crm/DataGrid.jsx

@@ -538,27 +538,43 @@ const DataGrid = forwardRef(
                             s[obj.id] = obj;
                         });
                         setSelected(s);
+                        // Update parent component's rowsSelected state
+                        if (setRowsSelected) {
+                            setRowsSelected(s);
+                        }
                     } else if (typeof param.selected === 'object') {
                         const selectedKey = Object.keys(param.selected)[0];
                         const isSelectedAlready =
                             selected.hasOwnProperty(selectedKey);
 
+                        let newSelected;
                         if (isSelectedAlready) {
-                            setSelected({});
+                            newSelected = {};
+                            setSelected(newSelected);
                         } else {
-                            setSelected((prevSelected) => ({
-                                ...prevSelected,
+                            newSelected = {
+                                ...selected,
                                 [selectedKey]: param.selected[selectedKey],
-                            }));
+                            };
+                            setSelected(newSelected);
+                        }
+
+                        // Update parent component's rowsSelected state
+                        if (setRowsSelected) {
+                            setRowsSelected(newSelected);
                         }
                     }
                 } else {
                     // Handle deselection directly without confirmation
                     setSelected(param.selected);
+                    // Update parent component's rowsSelected state
+                    if (setRowsSelected) {
+                        setRowsSelected(param.selected);
+                    }
                 }
             },
-            [selected]
-        ); // Including selected in the dependency array
+            [selected, setRowsSelected]
+        ); // Including selected and setRowsSelected in the dependency array
 
         const findUpdatedFilter = (filters, currentValues) => {
             for (const filter of filters) {

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

@@ -226,91 +226,97 @@
     }
 }
 
-input:not(:placeholder-shown) + .fi__span,
-textarea:not(:placeholder-shown) + .fi__span,
-select:not(:placeholder-shown) + .fi__span {
-    transform: translateY(-135%) translateX(10px) scale(0.85);
-    opacity: 1;
-    padding: 0;
-    background: white;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    color: var(--primary-color, #4f46e5) !important;
-}
+/* Login component wrapper for all scoped styles */
+.login,
+.logincontainer,
+.lcontainer {
+    /* Input, textarea, and select styling */
+    input:not(:placeholder-shown) + .fi__span,
+    textarea:not(:placeholder-shown) + .fi__span,
+    select:not(:placeholder-shown) + .fi__span {
+        transform: translateY(-135%) translateX(10px) scale(0.85);
+        opacity: 1;
+        padding: 0;
+        background: white;
+        font-weight: 500;
+        transition: all 0.3s ease;
+        color: var(--primary-color, #4f46e5) !important;
+    }
 
-input:focus + .fi__span,
-textarea:focus + .fi__span,
-select:focus + .fi__span {
-    color: var(--primary-color, #4f46e5) !important;
-}
+    input:focus + .fi__span,
+    textarea:focus + .fi__span,
+    select:focus + .fi__span {
+        color: var(--primary-color, #4f46e5) !important;
+    }
 
-input:focus,
-textarea:focus,
-select:focus {
-    border-color: var(--primary-color, #4f46e5) !important;
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.25);
-}
+    input:focus,
+    textarea:focus,
+    select:focus {
+        border-color: var(--primary-color, #4f46e5) !important;
+        outline: none;
+        box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.25);
+    }
 
-/* Add divider styling for the OR section */
-.divider {
-    display: flex;
-    align-items: center;
-    text-align: center;
-    margin: 1rem 0;
-    color: #9ca3af;
-    font-size: 0.875rem;
-}
+    /* Divider styling for the OR section */
+    .divider {
+        display: flex;
+        align-items: center;
+        text-align: center;
+        margin: 1rem 0;
+        color: #9ca3af;
+        font-size: 0.875rem;
+    }
 
-.divider::before,
-.divider::after {
-    content: '';
-    flex: 1;
-    border-bottom: 1px solid #e5e7eb;
-}
+    .divider::before,
+    .divider::after {
+        content: '';
+        flex: 1;
+        border-bottom: 1px solid #e5e7eb;
+    }
 
-.divider::before {
-    margin-right: 1rem;
-}
+    .divider::before {
+        margin-right: 1rem;
+    }
 
-.divider::after {
-    margin-left: 1rem;
-}
+    .divider::after {
+        margin-left: 1rem;
+    }
 
-/* SSO button styling */
-.ssoButton {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    padding: 0.75rem 1rem;
-    background-color: white;
-    border: 1px solid #e5e7eb;
-    border-radius: 0.5rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: #374151;
-    transition: all 0.2s ease;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    /* SSO button styling */
+    .ssoButton {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        padding: 0.75rem 1rem;
+        background-color: white;
+        border: 1px solid #e5e7eb;
+        border-radius: 0.5rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #374151;
+        transition: all 0.2s ease;
+        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 
-    &:hover {
-        background-color: var(--bg-color, #f5f3ef);
-        border-color: var(--border-color, #e1e1e1);
-    }
+        &:hover {
+            background-color: var(--bg-color, #f5f3ef);
+            border-color: var(--border-color, #e1e1e1);
+        }
 
-    img {
-        margin-right: 0.5rem;
+        img {
+            margin-right: 0.5rem;
+        }
     }
-}
 
-.forgotPasswordLink {
-    &:hover {
-        color: var(--secondary-color, #3cbf7d) !important;
-        text-decoration: underline !important;
-    }
+    .forgotPasswordLink {
+        &:hover {
+            color: var(--secondary-color, #3cbf7d) !important;
+            text-decoration: underline !important;
+        }
 
-    &:focus {
-        outline: 2px solid rgba(var(--primary-rgb), 0.25) !important;
-        outline-offset: 2px !important;
+        &:focus {
+            outline: 2px solid rgba(var(--primary-rgb), 0.25) !important;
+            outline-offset: 2px !important;
+        }
     }
 }

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

@@ -410,6 +410,8 @@ function GenericIndex({
 
             const { data, method, message, url } = checkboxUpdateConfig;
 
+            console.info('Selected rows:', rowsSelectedRef.current);
+
             if (!Object.keys(rowsSelectedRef.current).length) {
                 toast.warning(message.warning);
                 return;
@@ -553,6 +555,7 @@ function GenericIndex({
                     setConfig={setConfig}
                     setTableData={setTableData}
                     setTotal={setTotal}
+                    setRowsSelected={setRowsSelected}
                     style={userProfile?.settings?.style || {}}
                     userProfile={userProfile}
                 />
@@ -570,7 +573,15 @@ function GenericIndex({
         }
 
         return null;
-    }, [config, subnav, windowHeight, userProfile, setConfig, setTotal]);
+    }, [
+        config,
+        subnav,
+        windowHeight,
+        userProfile,
+        setConfig,
+        setTotal,
+        setRowsSelected,
+    ]);
 
     const renderContentBasedOnType = useCallback(() => {
         switch (config.type) {
@@ -742,6 +753,7 @@ function GenericIndex({
                     <button className={styles.btn} onClick={handleCustomAction}>
                         {getFunctionConfig('customAction').label ||
                             'Custom Action'}
+                        aa
                     </button>
                 )}