react-graph-grid 0.0.5 → 0.0.6

package/README.md

@@ -132,4 +132,8 @@ For more examples see DebugApp.jsx
 
 0.0.5 version
 
-		"Adjust column visibility" option added to GridFE.jsx module
+		"Adjust column visibility" option added to GridFE.jsx module
+
+0.0.6 version
+
+		Fixed GridFE.showColumnsSettings() function

package/package.json

@@ -3,7 +3,7 @@
   "author": "Mikhail Razumtsev",
   "description": "A React package containing a grid that can communicate with other grids through a connection graph",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "scripts": {
     "dev": "vite --port 4000",

package/src/GridFE.jsx

@@ -540,6 +540,13 @@ export class GridFEClass extends GridFLClass {
         }
     }
     // -------------------------------------------------------------------------------------------------------------------------------------------------------------
+    applyColumnsVisibility() {
+        const grid = this;
+        for (let col of grid.columns) {
+            col.visible = col._newVisible;
+        }
+    }
+    // -------------------------------------------------------------------------------------------------------------------------------------------------------------
     showColumnsSettings() {
         const grid = this;
         grid.popupIsShowing = true;
@@ -556,11 +563,9 @@ export class GridFEClass extends GridFLClass {
             {
                 title: grid.translate('OK'),
                 onClick: (e) => {
-                    for (let col of grid.columns) {
-                        col.visible = col._newVisible;
-                    }
+                    grid.applyColumnsVisibility();
                     grid.columnsSettingsIsShowing = false;
-                    grid.onClosePopup();
+                    grid.onClosePopup(e);
                     grid.refreshState();
                 }
             },
@@ -568,7 +573,7 @@ export class GridFEClass extends GridFLClass {
                 title: grid.translate('Cancel'),
                 onClick: (e) => {
                     grid.columnsSettingsIsShowing = false;
-                    grid.onClosePopup();
+                    grid.onClosePopup(e);
                     grid.refreshState();
                 }
             },

package/src/css/default.css

@@ -504,7 +504,6 @@
         background-color: lightgray;
     }
 
-
 .grid-columns-settings-div {
     display: grid;
     grid-template-columns: calc(50% - 4px) 8px calc(50% - 4px);