@seedtactics/insight-client 16.4.4 → 16.4.6

package/dist/components/station-monitor/LoadStation.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* Copyright (c) 2023, John Lenz
+/* Copyright (c) 2025, John Lenz
 
 All rights reserved.
 
@@ -384,18 +384,20 @@ function useGridLayout({ numMatCols, maxNumFaces, horizontal, showMatInCompleted
         else {
             cols += " 4.5em";
         }
+        const equalRows = `minmax(calc((100vh - 64px) / ${maxNumFaces}), max-content)`;
         for (let i = 0; i < maxNumFaces; i++) {
-            rows += `"${colNames} palface${i} completed" 1fr\n`;
+            const rowSize = i === maxNumFaces - 1 ? `1fr` : equalRows;
+            rows += `"${colNames} palface${i} completed" ${rowSize}\n`;
         }
     }
     else {
         cols = "1fr";
-        for (let i = 0; i < numMatCols; i++) {
-            rows += `"mat${i}" minmax(134px, max-content)\n`;
-        }
         for (let i = 0; i < maxNumFaces; i++) {
             rows += `"palface${i}" minmax(134px, max-content)\n`;
         }
+        for (let i = 0; i < numMatCols; i++) {
+            rows += `"mat${i}" minmax(134px, max-content)\n`;
+        }
         rows += '"completed" minmax(134px, max-content)\n';
     }
     return `${rows} / ${cols}`;
@@ -430,9 +432,8 @@ export function LoadStation(props) {
         horizontal: fillViewPort,
         showMatInCompleted: props.completed,
     });
-    return (_jsx(MoveMaterialArrowContainer, { hideArrows: !fillViewPort, children: _jsxs(Box, { component: "main", sx: {
+    return (_jsx(MoveMaterialArrowContainer, { hideArrows: !fillViewPort, whiteBackground: props.whiteBackground, children: _jsxs(Box, { component: "main", sx: {
                 width: "100%",
-                bgcolor: props.whiteBackground ? "white" : "#F8F8F8",
                 display: "grid",
                 gridTemplate: grid,
                 minHeight: {

package/dist/components/station-monitor/Material.js

@@ -86,7 +86,15 @@ const MatCardHeader = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
         return { fontSize: "1.25rem" };
     switch (fsize) {
         case "normal":
-            return { fontSize: "1.5rem" };
+            return {
+                fontSize: "1rem",
+                [theme.breakpoints.up("md")]: {
+                    fontSize: "1.25rem",
+                },
+                [theme.breakpoints.up("lg")]: {
+                    fontSize: "1.5rem",
+                },
+            };
         case "large":
             return {
                 fontSize: "1.5rem",
@@ -117,7 +125,12 @@ const MatCardDetail = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
         return { fontSize: "0.75rem" };
     switch (fsize) {
         case "normal":
-            return { fontSize: "1rem" };
+            return {
+                fontSize: "0.75rem",
+                [theme.breakpoints.up("md")]: {
+                    fontSize: "1rem",
+                },
+            };
         case "large":
             return {
                 fontSize: "1rem",

package/dist/components/station-monitor/MoveMaterialArrows.d.ts

@@ -3,6 +3,7 @@ import { MoveMaterialNodeKind } from "../../data/move-arrows.js";
 export declare const MoveMaterialArrowContainer: import("react").NamedExoticComponent<{
     children?: ReactNode;
     hideArrows?: boolean;
+    whiteBackground?: boolean;
 }>;
 export declare function useMoveMaterialArrowRef(kind: MoveMaterialNodeKind): RefObject<HTMLDivElement | null>;
 export declare function MoveMaterialArrowNode({ kind, children, }: {

package/dist/components/station-monitor/MoveMaterialArrows.js

@@ -72,7 +72,7 @@ const MoveMaterialArrows = memo(function MoveMaterialArrows({ container, arrowsW
     return (_jsx("g", { children: arrows.map((arr, idx) => (_jsx("path", { style: { fill: "none", stroke: "rgba(0,0,0,0.15)", strokeWidth: 2 }, d: arrowToPath(arr), markerEnd: `url(#arrow)` }, idx))) }));
 });
 const MoveMaterialArrowCtx = createContext(undefined);
-export const MoveMaterialArrowContainer = memo(function MoveMaterialArrowContainer({ children, hideArrows, }) {
+export const MoveMaterialArrowContainer = memo(function MoveMaterialArrowContainer({ children, hideArrows, whiteBackground, }) {
     const container = useRef(null);
     const [nodes, setNodes] = useState(HashMap.empty());
     const ctx = useMemo(() => {
@@ -94,6 +94,8 @@ export const MoveMaterialArrowContainer = memo(function MoveMaterialArrowContain
                     height: "100%",
                     top: 0,
                     right: 0,
+                    zIndex: -1,
+                    backgroundColor: whiteBackground ? "white" : "#F8F8F8",
                 }, children: [_jsx("defs", { children: _jsx("marker", { id: "arrow", markerWidth: 6, markerHeight: 10, refX: "0", refY: "3", orient: "auto", markerUnits: "strokeWidth", children: _jsx("path", { d: "M0,0 L0,6 L5,3 z", fill: "rgba(0,0,0,0.15)" }) }) }), !hideArrows ? _jsx(MoveMaterialArrows, { container: container, arrowsWithRefs: nodes }) : undefined] }), _jsx("div", { ref: container, children: _jsx(MoveMaterialArrowCtx.Provider, { value: ctx, children: children }) })] }));
 });
 export function useMoveMaterialArrowRef(kind) {

package/dist/index.html

@@ -44,7 +44,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-CjYmi4M2.js"></script>
+    <script type="module" crossorigin src="/assets/index-DXzPgX0Q.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-ZBfg6YlO.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seedtactics/insight-client",
-  "version": "16.4.4",
+  "version": "16.4.6",
   "license": "BSD-3-Clause",
   "type": "module",
   "repository": {
@@ -41,14 +41,14 @@
     "date-fns": "^4.1.0",
     "highlight.js": "^11.11.1",
     "jdenticon": "^3.3.0",
-    "jotai": "^2.16.0",
+    "jotai": "^2.16.1",
     "jotai-family": "^1.0.1",
     "jsbarcode": "^3.12.1",
     "oidc-client-ts": "^3.4.1",
     "react": "^19.2.3",
     "react-calendar": "^6.0.0",
     "react-dom": "^19.2.3",
-    "react-error-boundary": "^6.0.0",
+    "react-error-boundary": "^6.0.1",
     "react-resize-detector": "^12.3.0",
     "react-timeago": "^8.3.0",
     "react-to-print": "^3.2.0",
@@ -70,11 +70,11 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "jsdom": "^27.3.0",
+    "jsdom": "^27.4.0",
     "nswag": "^14.6.3",
     "prettier": "^3.7.4",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.0",
+    "typescript-eslint": "^8.51.0",
     "vite": "^7.3.0",
     "vitest": "^4.0.16"
   },