@visns-studio/visns-components 5.15.18 → 5.15.19

package/package.json

@@ -24,7 +24,7 @@
         "array-move": "^4.0.0",
         "awesome-debounce-promise": "^2.1.0",
         "browser-image-compression": "^2.0.2",
-        "dayjs": "^1.11.14",
+        "dayjs": "^1.11.15",
         "fabric": "^6.7.1",
         "file-saver": "^2.0.5",
         "framer-motion": "^12.23.12",
@@ -94,7 +94,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.15.18",
+    "version": "5.15.19",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/generic/GenericReport.jsx

@@ -750,8 +750,8 @@ const shouldHideField = (fieldName, fieldType) => {
     const name = fieldName.toLowerCase();
     const type = fieldType.toLowerCase();
 
-    // Hide foreign keys (except main 'id')
-    if (name.endsWith('_id') && name !== 'id') return true;
+    // Hide foreign keys and primary key IDs (confusing for non-dev users)
+    if (name.endsWith('_id') || name === 'id') return true;
 
     // Hide UUIDs
     if (name.includes('uuid') || type.includes('uuid')) return true;
@@ -4093,7 +4093,17 @@ const GenericReportImproved = ({
                 </div>
 
                 <div className={styles.tableColumnSections}>
-                    {allAvailableColumns.map((tableData) => (
+                    {allAvailableColumns
+                        .filter((tableData) => {
+                            // Hide table sections with 0 visible fields
+                            const visibleFieldsCount = tableData.columns.filter((col) =>
+                                tableData.isMainTable
+                                    ? !shouldHideField(col.name, col.type) || showHiddenFields
+                                    : !shouldHideField(col.name, col.type)
+                            ).length;
+                            return visibleFieldsCount > 0;
+                        })
+                        .map((tableData) => (
                         <div
                             key={tableData.tableName}
                             className={styles.tableSection}

package/src/components/styles/GenericFormBuilder.module.scss

@@ -759,7 +759,7 @@ select:not(:placeholder-shown) + .fi__span {
     bottom: 20px;
     right: 20px;
     width: auto;
-    z-index: 5;
+    z-index: 50;
 
     button {
         display: block;