@visns-studio/visns-components 6.16.4 → 6.16.6

package/package.json

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

package/src/components/DataGrid.jsx

@@ -49,6 +49,7 @@ import {
     useAvailableHeight,
     rowsForHeight,
 } from './utils/useDensity';
+import { openRecordWindow } from './utils/popupWindow';
 import { DEFAULT_INTELLIGENT_SORTING_CONFIG } from '../utils/relationshipSortingUtils';
 import {
     extractColumnsMetadata,

package/src/components/utils/popupWindow.js

@@ -9,16 +9,23 @@
  */
 export const FEATURE_FLAGS = 'menubar=1,resizable=1,status=1,titlebar=1,toolbar=1';
 
+/** The record window: sized for a 1080p monitor with breathing room, never
+ *  larger than the screen it opens on, centred on that screen. */
+export const POPUP_WIDTH = 1760;
+export const POPUP_HEIGHT = 980;
+
 export const popupFeatures = () => {
     if (typeof window === 'undefined' || !window.screen) {
-        return `width=1440,height=1024,${FEATURE_FLAGS}`;
+        return `width=${POPUP_WIDTH},height=${POPUP_HEIGHT},${FEATURE_FLAGS}`;
     }
 
     const { availWidth, availHeight, availLeft = 0, availTop = 0 } = window.screen;
-    const width = Math.max(960, (availWidth || 1440) - 24);
-    const height = Math.max(640, (availHeight || 1024) - 24);
+    const width = Math.min(POPUP_WIDTH, Math.max(960, (availWidth || POPUP_WIDTH) - 24));
+    const height = Math.min(POPUP_HEIGHT, Math.max(640, (availHeight || POPUP_HEIGHT) - 24));
+    const left = availLeft + Math.max(0, Math.round(((availWidth || width) - width) / 2));
+    const top = availTop + Math.max(0, Math.round(((availHeight || height) - height) / 2));
 
-    return `width=${width},height=${height},left=${availLeft + 12},top=${availTop + 12},${FEATURE_FLAGS}`;
+    return `width=${width},height=${height},left=${left},top=${top},${FEATURE_FLAGS}`;
 };
 
 export const popupName = (url) =>