@seedtactics/insight-client 17.0.1-beta.1 → 17.0.1-beta.10

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

@@ -31,7 +31,7 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
-import { PureComponent, forwardRef, memo, useState, Suspense, } from "react";
+import { PureComponent, memo, useState, Suspense, } from "react";
 import * as jdenticon from "jdenticon";
 import { Typography, Badge, Box, ButtonBase, Button, Tooltip, Avatar, Paper, CircularProgress, TextField, Dialog, DialogActions, DialogContent, DialogTitle, keyframes, styled, } from "@mui/material";
 import TimeAgo from "react-timeago";
@@ -48,7 +48,7 @@ import { currentStatus } from "../../cell-status/current-status.js";
 import { useAtom, useAtomValue, useSetAtom } from "jotai";
 import { last30Rebookings } from "../../cell-status/rebookings.js";
 import { fmsInformation } from "../../network/server-settings.js";
-import { basketDisplayName } from "../../cell-status/station-cycles.js";
+import { basketDisplayName, basketSlotLabel } from "../../cell-status/station-cycles.js";
 import { materialOperationState } from "../../data/material-operation-policy.js";
 export class PartIdenticon extends PureComponent {
     render() {
@@ -236,12 +236,14 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                 }
             }
         case api.ActionType.LoadingToBasket:
-            return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load into ", basketName, " ", mat.action.loadToBasketId ?? "", mat.action.loadToBasketSlot !== undefined ? ` slot ${mat.action.loadToBasketSlot}` : ""] }));
+            return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load into ", basketName, " ", mat.action.loadToBasketId ?? "", mat.action.loadToBasketSlot !== undefined
+                        ? ` slot ${basketSlotLabel(mat.action.loadToBasketSlot)}`
+                        : ""] }));
         case api.ActionType.UnloadToInProcess:
         case api.ActionType.UnloadToCompletedMaterial:
             if (mat.action.unloadToBasketId) {
                 return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Unload to ", basketName, " ", mat.action.unloadToBasketId, mat.action.unloadToBasketSlot !== undefined
-                            ? ` slot ${mat.action.unloadToBasketSlot}`
+                            ? ` slot ${basketSlotLabel(mat.action.unloadToBasketSlot)}`
                             : ""] }));
             }
             else if (mat.action.unloadIntoQueue) {
@@ -338,54 +340,54 @@ export function WorkorderFromBarcode() {
     const comments = currentSt.workorders?.find((w) => w.workorderId === workorderId)?.comments ?? [];
     return (_jsxs("div", { style: { marginTop: "1em", marginLeft: "1em" }, children: [_jsxs("p", { children: ["Workorder: ", workorderId] }), _jsx("ul", { children: comments.map((c, idx) => (_jsx("li", { children: c.comment }, idx))) })] }));
 }
-const MatCard = forwardRef(function MatCard(props, ref) {
+const MatCard = function MatCard({ mat, inProcMat, fsize, focusInspectionType, isDragOverlay, isActiveDrag, shake, dragRootProps, showDragHandle, setDragHandleRef, dragHandleProps, displayJob, hideEmptySerial, showRawMaterial, showJobComment, displayActionForSinglePallet, hideAvatar, hideWarningIcon, ref, }) {
     const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
-    const completed = props.mat.completedInspections || {};
+    const completed = mat.completedInspections || {};
     let completedMsg;
-    if (props.focusInspectionType && completed[props.focusInspectionType]) {
-        completedMsg = (_jsxs(MatCardDetail, { fsize: props.fsize, children: [_jsx("span", { children: "Inspection completed " }), _jsx(TimeAgo, { date: completed[props.focusInspectionType].time })] }));
+    if (focusInspectionType && completed[focusInspectionType]) {
+        completedMsg = (_jsxs(MatCardDetail, { fsize: fsize, children: [_jsx("span", { children: "Inspection completed " }), _jsx(TimeAgo, { date: completed[focusInspectionType].time })] }));
     }
-    else if (props.focusInspectionType && props.mat.last_unload_time) {
-        completedMsg = (_jsxs(MatCardDetail, { fsize: props.fsize, children: [_jsx("span", { children: "Unloaded " }), _jsx(TimeAgo, { date: props.mat.last_unload_time })] }));
+    else if (focusInspectionType && mat.last_unload_time) {
+        completedMsg = (_jsxs(MatCardDetail, { fsize: fsize, children: [_jsx("span", { children: "Unloaded " }), _jsx(TimeAgo, { date: mat.last_unload_time })] }));
     }
-    else if (props.mat.closeout_completed) {
-        completedMsg = (_jsxs(MatCardDetail, { fsize: props.fsize, children: [_jsxs("span", { children: [props.mat.closeout_failed ? "Failed " : "", "Closed Out "] }), _jsx(TimeAgo, { date: props.mat.closeout_completed })] }));
+    else if (mat.closeout_completed) {
+        completedMsg = (_jsxs(MatCardDetail, { fsize: fsize, children: [_jsxs("span", { children: [mat.closeout_failed ? "Failed " : "", "Closed Out "] }), _jsx(TimeAgo, { date: mat.closeout_completed })] }));
     }
     return (_jsxs(Paper, { ref: ref, elevation: 4, sx: {
             display: "flex",
             minWidth: "10em",
             padding: "8px",
-            margin: props.isDragOverlay ? undefined : "8px",
-            opacity: props.isActiveDrag ? 0.2 : 1,
-            animation: props.shake ? shakeHorizAnimation : undefined,
+            margin: isDragOverlay ? undefined : "8px",
+            opacity: isActiveDrag ? 0.2 : 1,
+            animation: shake ? shakeHorizAnimation : undefined,
             "&:hover": {
                 animationPlayState: "paused",
             },
-        }, onAnimationIteration: shakeAnimationIteration, ...props.dragRootProps, children: [props.showDragHandle ? (_jsx("div", { ref: props.setDragHandleRef, role: "button", tabIndex: 0, style: {
+        }, onAnimationIteration: shakeAnimationIteration, ...dragRootProps, children: [showDragHandle ? (_jsx("div", { ref: setDragHandleRef, role: "button", tabIndex: 0, style: {
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "center",
-                    cursor: props.isDragOverlay ? "grabbing" : "grab",
+                    cursor: isDragOverlay ? "grabbing" : "grab",
                     touchAction: "none",
-                }, ...props.dragHandleProps, children: _jsx(DragIndicator, { fontSize: "large", color: "action" }) })) : undefined, _jsx(ButtonBase, { focusRipple: true, sx: { width: "100%" }, onClick: () => setMatToShow(props.inProcMat
-                    ? { type: "InProcMat", inproc: props.inProcMat }
-                    : { type: "MatSummary", summary: props.mat }), children: _jsxs(Box, { sx: {
+                }, ...dragHandleProps, children: _jsx(DragIndicator, { fontSize: "large", color: "action" }) })) : undefined, _jsx(ButtonBase, { focusRipple: true, sx: { width: "100%" }, onClick: () => setMatToShow(inProcMat
+                    ? { type: "InProcMat", inproc: inProcMat }
+                    : { type: "MatSummary", summary: mat }), children: _jsxs(Box, { sx: {
                         display: "flex",
                         textAlign: "left",
                         alignItems: "center",
                         width: "100%",
-                    }, children: [_jsx(PartIdenticon, { part: props.mat.partName }), _jsxs(Box, { sx: {
+                    }, children: [_jsx(PartIdenticon, { part: mat.partName }), _jsxs(Box, { sx: {
                                 marginLeft: "8px",
                                 flexGrow: 1,
                                 minWidth: 0,
-                            }, children: [_jsx(MatCardHeader, { fsize: props.fsize, children: props.mat.partName }), props.displayJob ? (_jsx(MatCardDetail, { fsize: props.fsize, children: props.mat.jobUnique && props.mat.jobUnique !== ""
-                                        ? "Assigned to " + props.mat.jobUnique
-                                        : "Unassigned material" })) : undefined, !props.hideEmptySerial || props.mat.serial ? (_jsxs(MatCardDetail, { fsize: props.fsize, children: ["Serial: ", props.mat.serial ? props.mat.serial : "none"] })) : undefined, props.mat.workorderId === undefined ||
-                                    props.mat.workorderId === "" ||
-                                    props.mat.workorderId === props.mat.serial ? undefined : (_jsxs(MatCardDetail, { fsize: props.fsize, children: ["Workorder: ", props.mat.workorderId] })), props.mat.jobUnique !== undefined &&
-                                    props.showRawMaterial &&
-                                    props.inProcMat &&
-                                    props.inProcMat.process === 0 ? (_jsx(JobRawMaterial, { fsize: props.fsize, mat: props.inProcMat })) : undefined, props.showJobComment && props.mat.jobUnique && props.mat.jobUnique !== "" ? (_jsx(RebookingNoteElipsis, { fsize: props.fsize, uniq: props.mat.jobUnique })) : undefined, props.inProcMat ? (_jsx(MaterialAction, { mat: props.inProcMat, displayActionForSinglePallet: props.displayActionForSinglePallet, fsize: props.fsize })) : undefined, props.inProcMat?.problem ? (_jsx(MatCardDetail, { fsize: props.fsize, children: _jsxs(Typography, { variant: "body2", color: "error", sx: { fontWeight: "bold" }, children: ["\u26A0 ", props.inProcMat.problem] }) })) : undefined, completedMsg] }), _jsxs(Box, { sx: {
+                            }, children: [_jsx(MatCardHeader, { fsize: fsize, children: mat.partName }), displayJob ? (_jsx(MatCardDetail, { fsize: fsize, children: mat.jobUnique && mat.jobUnique !== ""
+                                        ? "Assigned to " + mat.jobUnique
+                                        : "Unassigned material" })) : undefined, !hideEmptySerial || mat.serial ? (_jsxs(MatCardDetail, { fsize: fsize, children: ["Serial: ", mat.serial ? mat.serial : "none"] })) : undefined, mat.workorderId === undefined ||
+                                    mat.workorderId === "" ||
+                                    mat.workorderId === mat.serial ? undefined : (_jsxs(MatCardDetail, { fsize: fsize, children: ["Workorder: ", mat.workorderId] })), mat.jobUnique !== undefined &&
+                                    showRawMaterial &&
+                                    inProcMat &&
+                                    inProcMat.process === 0 ? (_jsx(JobRawMaterial, { fsize: fsize, mat: inProcMat })) : undefined, showJobComment && mat.jobUnique && mat.jobUnique !== "" ? (_jsx(RebookingNoteElipsis, { fsize: fsize, uniq: mat.jobUnique })) : undefined, inProcMat ? (_jsx(MaterialAction, { mat: inProcMat, displayActionForSinglePallet: displayActionForSinglePallet, fsize: fsize })) : undefined, inProcMat?.problem ? (_jsx(MatCardDetail, { fsize: fsize, children: _jsxs(Typography, { variant: "body2", color: "error", sx: { fontWeight: "bold" }, children: ["\u26A0 ", inProcMat.problem] }) })) : undefined, completedMsg] }), _jsxs(Box, { sx: {
                                 marginLeft: "4px",
                                 display: "flex",
                                 flexDirection: "column",
@@ -393,8 +395,8 @@ const MatCard = forwardRef(function MatCard(props, ref) {
                                 alignItems: "flex-end",
                                 alignSelf: "start",
                                 flexShrink: 0,
-                            }, children: [props.mat.serial && props.mat.serial.length >= 1 && !props.hideAvatar ? (_jsx("div", { children: _jsx(Avatar, { style: { width: "30px", height: "30px" }, children: props.mat.serial.slice(-1) }) })) : undefined, props.hideWarningIcon ? undefined : (_jsx("div", { children: _jsx(Warning, { mat: props.mat }) }))] })] }) })] }));
-});
+                            }, children: [mat.serial && mat.serial.length >= 1 && !hideAvatar ? (_jsx("div", { children: _jsx(Avatar, { style: { width: "30px", height: "30px" }, children: mat.serial.slice(-1) }) })) : undefined, hideWarningIcon ? undefined : (_jsx("div", { children: _jsx(Warning, { mat: mat }) }))] })] }) })] }));
+};
 export const MatSummary = memo(MatCard);
 export const InProcMaterial = memo(function InProcMaterial(props) {
     return (_jsx(MatCard, { mat: inproc_mat_to_summary(props.mat), inProcMat: props.mat, displayActionForSinglePallet: props.displayActionForSinglePallet, fsize: props.fsize, hideAvatar: props.hideAvatar, displayJob: props.displayJob, showDragHandle: props.showHandle, hideEmptySerial: props.hideEmptySerial, showRawMaterial: props.showRawMaterial, showJobComment: props.showJobComment, shake: props.shake }));

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

@@ -89,7 +89,7 @@ function OneJobPerPage(props) {
             serial2: mats[mats.length - 1]?.serial,
         },
     ])
-        .toSortedArray(([_, p]) => p.part), [props.material, allJobs]);
+        .toSortedArray(([, p]) => p.part), [props.material, allJobs]);
     if (!props.material || props.material.length === 0) {
         return _jsx("div", {});
     }
@@ -105,7 +105,7 @@ function CombinedToOnePage(props) {
         .filter((m) => m.jobUnique !== null && m.jobUnique !== undefined && m.jobUnique !== "")
         .groupBy((m) => m.jobUnique)
         .map(([k, mats]) => [k, { length: mats.length, part: mats[0]?.partName ?? "" }])
-        .toSortedArray(([_, p]) => p.part), [props.material]);
+        .toSortedArray(([, p]) => p.part), [props.material]);
     const allJobs = useAtomValue(currentStatus).jobs;
     const notes = useMemo(() => LazySeq.of(props.material || [])
         .collect((m) => (m.jobUnique ? allJobs[m.jobUnique]?.comment : undefined))

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

@@ -62,7 +62,7 @@ function useQuarantineMaterial() {
         return null;
     const quarantineQueue = fmsInfo.quarantineQueue?.length ? fmsInfo.quarantineQueue : null;
     const activeQueues = LazySeq.ofObject(curSt.jobs)
-        .flatMap(([_, job]) => job.procsAndPaths)
+        .flatMap(([, job]) => job.procsAndPaths)
         .flatMap((proc) => proc.paths)
         .flatMap((path) => {
         const q = [];
@@ -74,11 +74,11 @@ function useQuarantineMaterial() {
     })
         .concat(LazySeq.ofObject(curSt.queues)
         .filter(([, info]) => info.role === QueueRole.RawMaterial || info.role === QueueRole.InProcessTransfer)
-        .map(([qname, _]) => qname))
+        .map(([qname]) => qname))
         .toRSet((x) => x);
     const quarantineQueues = LazySeq.ofObject(curSt.queues)
-        .filter(([qname, _]) => !activeQueues.has(qname))
-        .toRSet(([qname, _]) => qname);
+        .filter(([qname]) => !activeQueues.has(qname))
+        .toRSet(([qname]) => qname);
     // If in a quarantine queue, allow removal from system
     if (inProcMat.location.type === LocType.InQueue &&
         inProcMat.location.currentQueue &&

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

@@ -42,7 +42,7 @@ import { materialDialogOpen } from "../../cell-status/material-details.js";
 import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
 import { addDays } from "date-fns";
 import { durationToSeconds } from "../../util/parseISODuration.js";
-import { InvalidateCycleDialogButton, InvalidateCycleDialogContent, SwapMaterialButtons, SwapMaterialDialogContent, } from "./InvalidateCycle.js";
+import { InvalidateCycleDialogButton, InvalidateCycleDialogContent, } from "./InvalidateCycle.js";
 import { CancelLoadButton } from "./CancelLoadButton.js";
 import { QuarantineMatButton } from "./QuarantineButton.js";
 import { SelectInspTypeDialog, SignalInspectionButton } from "./SelectInspType.js";
@@ -68,8 +68,8 @@ function useCellOverview() {
             m.action.loadToBasketId !== undefined))
         .toRLookup((m) => m.location.basketId ?? m.action.loadToBasketId ?? 0);
     let loads = LazySeq.ofObject(currentSt.pallets)
-        .filter(([_, p]) => p.currentPalletLocation.loc === PalletLocationEnum.LoadUnload)
-        .toOrderedMap(([_, p]) => [
+        .filter(([, p]) => p.currentPalletLocation.loc === PalletLocationEnum.LoadUnload)
+        .toOrderedMap(([, p]) => [
         p.currentPalletLocation.num,
         {
             lulNum: p.currentPalletLocation.num,
@@ -82,7 +82,7 @@ function useCellOverview() {
     let machines = LazySeq.ofObject(currentSt.pallets)
         .filter(([, p]) => p.currentPalletLocation.loc === PalletLocationEnum.Machine ||
         p.currentPalletLocation.loc === PalletLocationEnum.MachineQueue)
-        .map(([_, p]) => p)
+        .map(([, p]) => p)
         .groupBy((p) => p.currentPalletLocation.group, (p) => p.currentPalletLocation.num)
         .toLookupOrderedMap(([[statGroup, _statNum], _pals]) => statGroup, ([[_statGroup, statNum], _pals]) => statNum, ([[statGroup, statNum], pals]) => {
         const worktable = pals.find((p) => p.currentPalletLocation.loc === PalletLocationEnum.Machine);
@@ -117,9 +117,9 @@ function useCellOverview() {
         }
     });
     const stockerPals = LazySeq.ofObject(currentSt.pallets)
-        .filter(([_, p]) => p.currentPalletLocation.loc === PalletLocationEnum.Buffer ||
+        .filter(([, p]) => p.currentPalletLocation.loc === PalletLocationEnum.Buffer ||
         p.currentPalletLocation.loc === PalletLocationEnum.Cart)
-        .collect(([_, p]) => {
+        .collect(([, p]) => {
         const mats = matByPal.get(p.palletNum);
         if (!mats || mats.length === 0)
             return null;
@@ -134,7 +134,7 @@ function useCellOverview() {
     const allProcs = jobs
         .valuesToLazySeq()
         .filter((j) => j.routeEndUTC > cutoff)
-        .concat(LazySeq.ofObject(currentSt.jobs).map(([_, j]) => j))
+        .concat(LazySeq.ofObject(currentSt.jobs).map(([, j]) => j))
         .flatMap((j) => j.procsAndPaths)
         .toRArray();
     for (const proc of allProcs) {
@@ -246,13 +246,18 @@ function useCellOverview() {
     let storageEmpty = 0;
     let storageFilled = 0;
     for (const basket of LazySeq.ofObject(currentSt.baskets ?? {})
-        .map(([_, b]) => b)
+        .map(([, b]) => b)
         .sortBy((b) => b.basketId)) {
         const basketWithMaterial = {
             basket,
             mats: matByBasket.get(basket.basketId) ?? [],
         };
-        switch (basket.position.location) {
+        const position = basket.position;
+        if (position === undefined) {
+            floatingBaskets.set(basket.basketId, basketWithMaterial);
+            continue;
+        }
+        switch (position.location) {
             case BasketLocationEnum.Storage:
                 if (basketWithMaterial.mats.length > 0) {
                     storageFilled += 1;
@@ -263,14 +268,12 @@ function useCellOverview() {
                 break;
             case BasketLocationEnum.LoadUnload:
             case BasketLocationEnum.LoadStationStaging: {
-                const loadNum = basket.position.locationNum;
+                const loadNum = position.locationNum;
                 if (loadNum === null) {
                     floatingBaskets.set(basket.basketId, basketWithMaterial);
                     break;
                 }
-                const byLoad = basket.position.location === BasketLocationEnum.LoadUnload
-                    ? activeBaskets
-                    : stagedBaskets;
+                const byLoad = position.location === BasketLocationEnum.LoadUnload ? activeBaskets : stagedBaskets;
                 const prev = byLoad.get(loadNum) ?? [];
                 prev.push(basketWithMaterial);
                 byLoad.set(loadNum, prev);
@@ -281,8 +284,6 @@ function useCellOverview() {
                 break;
         }
     }
-    let maxNumStagingRows = 0;
-    let maxNumSourceRows = 0;
     loads = loads.mapValues((load) => {
         const sourceRows = new Map();
         const sourceMats = LazySeq.of(load.pal?.mats ?? load.basket?.mats ?? [])
@@ -320,7 +321,7 @@ function useCellOverview() {
             }
         }
         const currentBasket = LazySeq.of(activeBaskets.get(load.lulNum) ?? [])
-            .sortBy((b) => b.basket.position.locationNum)
+            .sortBy((b) => b.basket.position?.locationNum ?? 0)
             .toRArray();
         // Extras beyond the first active basket at this station fall back to floating
         for (const extra of currentBasket.slice(1)) {
@@ -331,14 +332,12 @@ function useCellOverview() {
             .toRArray());
         const staging = LazySeq.of(stagedBaskets.get(load.lulNum) ?? [])
             .filter((basket) => !loadingFromBasketIds.has(basket.basket.basketId))
-            .sortBy((b) => b.basket.position.locationNum)
+            .sortBy((b) => b.basket.position?.locationNum ?? 0)
             .toRArray();
-        maxNumStagingRows = Math.max(maxNumStagingRows, staging.length);
         const sources = LazySeq.of(sourceRows)
             .map(([key, row]) => ({ key, label: row.label, mats: row.mats }))
             .sortBy((row) => row.label)
             .toRArray();
-        maxNumSourceRows = Math.max(maxNumSourceRows, sources.length);
         return {
             ...load,
             basket: currentBasket[0] ?? null,
@@ -354,15 +353,20 @@ function useCellOverview() {
         storageBaskets: storageEmpty + storageFilled > 0 ? { empty: storageEmpty, filled: storageFilled } : null,
         machineAtLoad: machAtLoad.valuesToAscLazySeq().toRArray(),
         maxNumFacesOnPallet,
-        maxNumStagingRows,
-        maxNumSourceRows,
+        maxNumStagingRows: loads
+            .valuesToAscLazySeq()
+            .map((l) => l.staging.length)
+            .maxBy((l) => l) ?? 0,
+        maxNumSourceRows: loads
+            .valuesToAscLazySeq()
+            .map((l) => l.sources.length)
+            .maxBy((l) => l) ?? 0,
     };
 }
 function MaterialIcon({ mats }) {
     const [open, setOpen] = useState(false);
     const closeTimeout = useRef(null);
-    const btnRef = useRef(null);
-    const [menuOpen, setMenuOpen] = useState(false);
+    const [menuAnchorEl, setMenuAnchorEl] = useState(null);
     const setMatToShow = useSetAtom(materialDialogOpen);
     const curSt = useAtomValue(currentStatus);
     function enter() {
@@ -378,12 +382,12 @@ function MaterialIcon({ mats }) {
             closeTimeout.current = null;
         }, 200);
     }
-    function click() {
+    function click(evt) {
         if (mats.length === 1) {
             setMatToShow({ type: "MatDetails", details: mats[0] });
         }
         else {
-            setMenuOpen(true);
+            setMenuAnchorEl(evt.currentTarget);
         }
     }
     function faceName(pallet, faceNum) {
@@ -399,7 +403,7 @@ function MaterialIcon({ mats }) {
                     zIndex: open ? 10 : 0,
                     width: "max-content",
                     height: "max-content",
-                }, children: _jsx(Badge, { badgeContent: mats.length > 1 ? mats.length : 0, color: "secondary", children: _jsx(ButtonBase, { focusRipple: true, onClick: click, ref: btnRef, children: _jsx(Collapse, { orientation: "horizontal", in: open, collapsedSize: CollapsedIconSize, children: _jsxs(Box, { sx: {
+                }, children: _jsx(Badge, { badgeContent: mats.length > 1 ? mats.length : 0, color: "secondary", children: _jsx(ButtonBase, { focusRipple: true, onClick: click, children: _jsx(Collapse, { orientation: "horizontal", in: open, collapsedSize: CollapsedIconSize, children: _jsxs(Box, { sx: {
                                     display: "flex",
                                 }, children: [_jsx(PartIdenticon, { part: mats[0].partName, size: CollapsedIconSize }), _jsx(Box, { sx: {
                                             marginLeft: "10px",
@@ -409,8 +413,8 @@ function MaterialIcon({ mats }) {
                                         }, children: _jsx(Collapse, { in: open, collapsedSize: CollapsedIconSize, children: _jsxs(Stack, { direction: "column", sx: {
                                                     marginBottom: "0.2em",
                                                 }, children: [_jsxs(Typography, { variant: "h6", children: [mats[0].partName, "-", mats[0].process] }), _jsx("div", { children: _jsx("small", { children: faceName(mats[0].location.palletNum, mats[0].location.face) ??
-                                                                faceName(mats[0].action.loadOntoPalletNum, mats[0].action.loadOntoFace) }) }), LazySeq.of(mats).collect((mat) => mat.serial ? (_jsx("div", { children: _jsxs("small", { children: ["Serial: ", mat.serial] }) }, mat.materialID)) : undefined), _jsx("div", { children: _jsx(MaterialAction, { mat: mats[0] }) })] }) }) })] }) }) }) }) }), _jsx(Menu, { anchorEl: btnRef.current, open: menuOpen, onClose: () => setMenuOpen(false), anchorOrigin: { vertical: "top", horizontal: "left" }, children: LazySeq.of(mats).map((mat, idx) => (_jsx(MenuItem, { onClick: () => {
-                        setMenuOpen(false);
+                                                                faceName(mats[0].action.loadOntoPalletNum, mats[0].action.loadOntoFace) }) }), LazySeq.of(mats).collect((mat) => mat.serial ? (_jsx("div", { children: _jsxs("small", { children: ["Serial: ", mat.serial] }) }, mat.materialID)) : undefined), _jsx("div", { children: _jsx(MaterialAction, { mat: mats[0] }) })] }) }) })] }) }) }) }) }), _jsx(Menu, { anchorEl: menuAnchorEl, open: Boolean(menuAnchorEl), onClose: () => setMenuAnchorEl(null), anchorOrigin: { vertical: "top", horizontal: "left" }, children: LazySeq.of(mats).map((mat, idx) => (_jsx(MenuItem, { onClick: () => {
+                        setMenuAnchorEl(null);
                         setMatToShow({ type: "MatDetails", details: mat });
                     }, children: mat.serial && mat.serial !== "" ? mat.serial : (idx + 1).toString() }, mat.materialID))) })] }));
 }
@@ -820,13 +824,11 @@ export const SystemOverview = memo(function SystemOverview({ overview, }) {
                 }, children: [overview.stockerPals.map((pal) => (_jsx(StockerPallet, { pallet: pal, maxNumFaces: overview.maxNumFacesOnPallet }, pal.pallet.palletNum))), overview.floatingBaskets.map((basket) => (_jsx(FloatingBasket, { basket: basket }, basket.basket.basketId))), overview.storageBaskets ? (_jsx(BasketStorageSummary, { empty: overview.storageBaskets.empty, filled: overview.storageBaskets.filled })) : undefined] })) : undefined] }));
 });
 const SystemOverviewMaterialDialog = memo(function SystemOverviewMaterialDialog({ ignoreOperator, }) {
-    const [swapSt, setSwapSt] = useState(null);
     const [invalidateSt, setInvalidateSt] = useState(null);
     function onClose() {
-        setSwapSt(null);
         setInvalidateSt(null);
     }
-    return (_jsx(MaterialDialog, { onClose: onClose, allowNote: true, highlightProcsGreaterOrEqualTo: invalidateSt?.process ?? undefined, extraDialogElements: _jsxs(_Fragment, { children: [_jsx(SwapMaterialDialogContent, { st: swapSt, setState: setSwapSt }), invalidateSt !== null ? (_jsx(InvalidateCycleDialogContent, { st: invalidateSt, setState: setInvalidateSt })) : null] }), buttons: _jsxs(_Fragment, { children: [_jsx(QuarantineMatButton, { ignoreOperator: ignoreOperator }), _jsx(CancelLoadButton, { onClose: onClose, ignoreOperator: ignoreOperator }), _jsx(SignalInspectionButton, {}), _jsx(SwapMaterialButtons, { st: swapSt, setState: setSwapSt, onClose: onClose, ignoreOperator: ignoreOperator }), _jsx(InvalidateCycleDialogButton, { st: invalidateSt, setState: setInvalidateSt, onClose: onClose, ignoreOperator: ignoreOperator })] }) }));
+    return (_jsx(MaterialDialog, { onClose: onClose, allowNote: true, highlightProcsGreaterOrEqualTo: invalidateSt?.process ?? undefined, extraDialogElements: _jsx(_Fragment, { children: invalidateSt !== null ? (_jsx(InvalidateCycleDialogContent, { st: invalidateSt, setState: setInvalidateSt })) : null }), buttons: _jsxs(_Fragment, { children: [_jsx(QuarantineMatButton, { ignoreOperator: ignoreOperator }), _jsx(CancelLoadButton, { onClose: onClose, ignoreOperator: ignoreOperator }), _jsx(SignalInspectionButton, {}), _jsx(InvalidateCycleDialogButton, { st: invalidateSt, setState: setInvalidateSt, onClose: onClose, ignoreOperator: ignoreOperator })] }) }));
 });
 export function SystemOverviewPage({ ignoreOperator, whiteBackground, }) {
     useSetTitle("System Overview");

package/dist/data/all-material-bins.js

@@ -62,15 +62,18 @@ export var MaterialBinType;
     MaterialBinType["QuarantineQueues"] = "Bin_Quarantine";
 })(MaterialBinType || (MaterialBinType = {}));
 function basketLocation(st) {
+    const position = st.position;
+    if (position === undefined)
+        return "Unknown";
     let loc;
-    if (st.position.locationTitle && st.position.locationTitle.length > 0) {
-        loc = st.position.locationTitle;
+    if (position.locationTitle && position.locationTitle.length > 0) {
+        loc = position.locationTitle;
     }
     else {
-        loc = st.position.location + " " + st.position.locationNum.toString();
+        loc = position.location + " " + position.locationNum.toString();
     }
-    if (st.position.zone) {
-        loc += `-${st.position.zone}`;
+    if (position.zone) {
+        loc += `-${position.zone}`;
     }
     return loc;
 }
@@ -128,8 +131,9 @@ export function selectAllMaterialIntoBins(curSt, curBinOrder) {
                     }
                     case api.ActionType.LoadingToBasket: {
                         const basket = curSt.baskets?.[mat.action.loadToBasketId ?? 0];
-                        if (basket?.position.location === api.BasketLocationEnum.LoadUnload) {
-                            addToMap(loadStations, basket.position.locationNum, mat);
+                        const position = basket?.position;
+                        if (position?.location === api.BasketLocationEnum.LoadUnload) {
+                            addToMap(loadStations, position.locationNum, mat);
                         }
                         else {
                             addToMap(queues, "Free Material", mat);
@@ -149,7 +153,7 @@ export function selectAllMaterialIntoBins(curSt, curBinOrder) {
         }
     }
     const activeQueues = LazySeq.ofObject(curSt.jobs)
-        .flatMap(([_, job]) => job.procsAndPaths)
+        .flatMap(([, job]) => job.procsAndPaths)
         .flatMap((proc) => proc.paths)
         .flatMap((path) => {
         const q = [];
@@ -162,11 +166,11 @@ export function selectAllMaterialIntoBins(curSt, curBinOrder) {
         .concat(LazySeq.ofObject(curSt.queues)
         .filter(([, info]) => info.role === api.QueueRole.RawMaterial ||
         info.role === api.QueueRole.InProcessTransfer)
-        .map(([qname, _]) => qname))
+        .map(([qname]) => qname))
         .toRSet((x) => x);
     const quarantineQueues = LazySeq.ofObject(curSt.queues)
-        .filter(([qname, _]) => !activeQueues.has(qname))
-        .toRSet(([qname, _]) => qname);
+        .filter(([qname]) => !activeQueues.has(qname))
+        .toRSet(([qname]) => qname);
     const bins = curBinOrder.filter((b) => b === LoadStationBinId ||
         b === PalletsBinId ||
         b === ActiveQueuesBinId ||

package/dist/data/current-cycles.js

@@ -39,9 +39,12 @@ import { durationToMinutes, durationToSeconds } from "../util/parseISODuration.j
 function basketsAtLoad(currentSt) {
     return LazySeq.ofObject(currentSt.baskets ?? {})
         .collect(([, basket]) => {
-        if (basket.position.location === BasketLocationEnum.LoadUnload ||
-            basket.position.location === BasketLocationEnum.LoadStationStaging) {
-            return [basket.basketId, { group: "L/U", num: basket.position.locationNum }];
+        const position = basket.position;
+        if (position === undefined)
+            return null;
+        if (position.location === BasketLocationEnum.LoadUnload ||
+            position.location === BasketLocationEnum.LoadStationStaging) {
+            return [basket.basketId, { group: "L/U", num: position.locationNum }];
         }
         return null;
     })

package/dist/data/inspection-sankey.js

@@ -129,7 +129,7 @@ export function inspectionDataToSankey(d) {
     }))
         .toMutableArray();
     // create a map from NodeR to index
-    const nodesToIdx = nodes.toHashMap((n) => [n.node, n.idx], (i1, _) => i1);
+    const nodesToIdx = nodes.toHashMap((n) => [n.node, n.idx], (i1) => i1);
     // create the sankey links to return by counting Edges between nodes
     const sankeyLinks = edges
         .toHashMap((e) => [e, 1], (c1, c2) => c1 + c2)

package/dist/data/results.completed-parts.js

@@ -97,7 +97,7 @@ export function binCyclesByDayAndPart(cycles, matsById, start, end) {
         .toHashMap((p) => [new MatIdAndProcess(p.matId, p.proc), p.active], (a1, a2) => a1 + a2);
     return LazySeq.of(matsById)
         .flatMap(([matId, details]) => LazySeq.ofObject(details.unloaded_processes ?? {})
-        .filter(([_, unloadTime]) => unloadTime >= start && unloadTime <= end)
+        .filter(([, unloadTime]) => unloadTime >= start && unloadTime <= end)
         .map(([proc, unloadTime]) => ({
         day: startOfDay(unloadTime),
         part: details.partName + "-" + proc,

package/dist/data/results.cycles.js

@@ -304,7 +304,7 @@ export function buildCycleTable(cycles, matsById, startD, endD, hideMedian, load
     }
     table += "</tr></thead>\n<tbody>\n";
     const filteredCycles = LazySeq.of(cycles.data)
-        .flatMap(([_, c]) => c)
+        .flatMap(([, c]) => c)
         .filter((p) => (!startD || p.endTime >= startD) && (!endD || p.endTime < endD))
         .toSortedArray((a) => a.endTime.getTime());
     for (const cycle of filteredCycles) {

package/dist/data/results.schedules.js

@@ -34,7 +34,7 @@ import copy from "copy-to-clipboard";
 import { LazySeq } from "@seedtactics/immutable-collections";
 export function buildScheduledJobs(zoom, matIds, schJobs, currentSt) {
     const completedMats = LazySeq.of(matIds)
-        .flatMap(([matId, summary]) => LazySeq.ofObject(summary.unloaded_processes ?? {}).map(([proc, _]) => ({
+        .flatMap(([matId, summary]) => LazySeq.ofObject(summary.unloaded_processes ?? {}).map(([proc]) => ({
         matId: matId,
         proc: parseInt(proc),
         uniq: summary.jobUnique,

package/dist/index.html

@@ -43,7 +43,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-C4HZdhRu.js"></script>
+    <script type="module" crossorigin src="/assets/index-BaeSfExJ.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DXfAwuj-.css">
   </head>
   <body>