@visns-studio/visns-components 5.9.144 → 5.10.0

package/package.json

@@ -4,7 +4,7 @@
         "@dnd-kit/sortable": "^10.0.0",
         "@dnd-kit/utilities": "^3.2.2",
         "@emotion/is-prop-valid": "^1.3.1",
-        "@fontsource/barlow": "^5.2.5",
+        "@fontsource/barlow": "^5.2.6",
         "@inovua/reactdatagrid-community": "^5.10.2",
         "@inovua/reactdatagrid-enterprise": "^5.10.2",
         "@nivo/bar": "^0.99.0",
@@ -22,7 +22,7 @@
         "awesome-debounce-promise": "^2.1.0",
         "browser-image-compression": "^2.0.2",
         "dayjs": "^1.11.13",
-        "fabric": "^6.6.7",
+        "fabric": "^6.7.0",
         "file-saver": "^2.0.5",
         "framer-motion": "^12.16.0",
         "html-react-parser": "^5.2.5",
@@ -87,7 +87,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.9.144",
+    "version": "5.10.0",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/DataGrid.jsx

@@ -2354,7 +2354,7 @@ const DataGrid = forwardRef(
                         return data[path];
                     }
                 };
-                
+
                 // Helper function to get nested values for additional conditions (returns first valid value)
                 const getNestedValueForAdditional = (data, path) => {
                     if (Array.isArray(path)) {
@@ -2409,7 +2409,11 @@ const DataGrid = forwardRef(
                 };
 
                 // Get the active value using nested path or simple property access
-                const activeValue = getNestedValueForMain(d, s.active.id, s.active.value);
+                const activeValue = getNestedValueForMain(
+                    d,
+                    s.active.id,
+                    s.active.value
+                );
                 const hasActiveProperty = activeValue !== undefined;
 
                 // Check additional conditions if they exist
@@ -2423,9 +2427,14 @@ const DataGrid = forwardRef(
 
                     // All additional conditions must be met
                     return s.active.additional.every((condition) => {
-                        const conditionValue = getNestedValueForAdditional(d, condition.id);
+                        const conditionValue = getNestedValueForAdditional(
+                            d,
+                            condition.id
+                        );
                         // Type-flexible comparison - convert both to strings for comparison
-                        return String(conditionValue) === String(condition.value);
+                        return (
+                            String(conditionValue) === String(condition.value)
+                        );
                     });
                 };
 
@@ -5242,7 +5251,6 @@ const DataGrid = forwardRef(
                             style={{
                                 ...gridStyle,
                                 border: '1px solid #d1d5db',
-                                borderRadius: 'var(--br, 4px)',
                                 overflow: 'hidden',
                             }}
                             className={

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

@@ -57,7 +57,6 @@
 
 .InovuaReactDataGrid {
     color: var(--paragraph-color) !important;
-    border-radius: var(--br, 4px) !important;
     overflow: hidden !important;
 }
 
@@ -494,11 +493,8 @@
 
 /* DataGrid top container and search container styles */
 .dataGridTopContainer {
-    display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 8px;
-    padding: 0 5px;
 }
 
 .dataGridTopLeftContainer {
@@ -543,8 +539,9 @@
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    border: 1px solid #d1d5db;
-    border-radius: var(--br, 4px);
+    border-top: 1px solid #d1d5db;
+    border-left: 1px solid #d1d5db;
+    border-right: 1px solid #d1d5db;
     overflow: hidden;
     background-color: #fff;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
@@ -733,7 +730,6 @@
 /* DataGrid container styles */
 .dataGridContainer {
     width: 100%;
-    border-radius: var(--br, 4px);
     overflow: hidden;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 

package/src/components/crm/styles/global-datagrid.css

@@ -1,6 +1,5 @@
 /* Global styles for DataGrid components */
 .InovuaReactDataGrid {
-    border-radius: var(--br, 4px) !important;
     overflow: hidden !important;
 }