@seedtactics/insight-client 16.8.0 → 16.8.1

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

@@ -53,7 +53,7 @@ export class PartIdenticon extends PureComponent {
     render() {
         const iconSize = this.props.size || 50;
         const icon = jdenticon.toSvg(this.props.part, iconSize);
-        return _jsx("div", { style: { width: iconSize, height: iconSize }, dangerouslySetInnerHTML: { __html: icon } });
+        return (_jsx("div", { style: { width: iconSize, height: iconSize }, dangerouslySetInnerHTML: { __html: icon } }));
     }
 }
 const shakeSize = 2;
@@ -74,15 +74,15 @@ function isCssAnimation(animation) {
 // the start time can drift due to the pause on hover, so to keep it in sync always
 // round the start time down to be a multiple of the duration (1s)
 function shakeAnimationIteration(event) {
-    const anim = event.currentTarget
-        .getAnimations()
-        .find((animation) => {
+    const anim = event.currentTarget.getAnimations().find((animation) => {
         return isCssAnimation(animation) && animation.animationName === shakeHorizKeyframes.name;
     });
     if (anim && typeof anim.startTime === "number") {
         anim.startTime = anim.startTime - (anim.startTime % 1000);
     }
-    else if (anim && typeof anim.startTime === "object" && anim.startTime instanceof CSSNumericValue) {
+    else if (anim &&
+        typeof anim.startTime === "object" &&
+        anim.startTime instanceof CSSNumericValue) {
         const msecs = anim.startTime.to("ms").value;
         anim.startTime = CSS.ms(msecs - (msecs % 1000));
     }
@@ -174,14 +174,14 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                     return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load into ", basketName, " ", mat.action.loadFromBasketId] }));
                 }
                 else if (displayActionForSinglePallet === undefined) {
-                    return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load from ", basketName, " ", mat.action.loadFromBasketId, " to pal ", mat.action.loadOntoPalletNum ?? ""] }));
+                    return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load from ", basketName, " ", mat.action.loadFromBasketId, " to pal", " ", mat.action.loadOntoPalletNum ?? ""] }));
                 }
                 else if (displayActionForSinglePallet === mat.action.loadOntoPalletNum) {
                     const faceNum = mat.action.loadOntoFace ?? 0;
                     const faceName = mat.action.loadOntoPalletNum
                         ? curSt.pallets[mat.action.loadOntoPalletNum]?.faceNames?.[faceNum - 1]
                         : null;
-                    return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load from ", basketName, " ", mat.action.loadFromBasketId, " to ", faceName ?? `face ${faceNum}`] }));
+                    return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load from ", basketName, " ", mat.action.loadFromBasketId, " to", " ", faceName ?? `face ${faceNum}`] }));
                 }
                 else {
                     return null;
@@ -191,7 +191,8 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                 case api.LocType.OnPallet:
                     if (displayActionForSinglePallet === undefined ||
                         displayActionForSinglePallet === mat.location.palletNum) {
-                        if (mat.action.loadOntoFace === undefined || mat.action.loadOntoFace === mat.location.face) {
+                        if (mat.action.loadOntoFace === undefined ||
+                            mat.action.loadOntoFace === mat.location.face) {
                             // material is not moving, just having some manual work done on it
                             if (mat.action.processAfterLoad && mat.action.processAfterLoad !== mat.process) {
                                 return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Reclamp material to process # ", mat.action.processAfterLoad] }));
@@ -205,7 +206,7 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                             const faceName = mat.location.palletNum
                                 ? curSt.pallets[mat.location.palletNum]?.faceNames?.[faceNum - 1]
                                 : null;
-                            return _jsxs(MatCardDetail, { fsize: fsize, children: ["Transfer to ", faceName ?? `face ${faceNum}`] });
+                            return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Transfer to ", faceName ?? `face ${faceNum}`] }));
                         }
                     }
                     else {
@@ -220,7 +221,7 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                         return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load to ", faceName ?? `face ${faceNum}`, " of pal ", mat.action.loadOntoPalletNum ?? ""] }));
                     }
                     else if (displayActionForSinglePallet === mat.action.loadOntoPalletNum) {
-                        return _jsxs(MatCardDetail, { fsize: fsize, children: ["Load to ", faceName ?? `face ${faceNum}`] });
+                        return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load to ", faceName ?? `face ${faceNum}`] }));
                     }
                     else {
                         return null;
@@ -235,14 +236,14 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                             : ""] }));
             }
             else if (mat.action.unloadIntoQueue) {
-                return _jsxs(MatCardDetail, { fsize: fsize, children: ["Unload into queue ", mat.action.unloadIntoQueue] });
+                return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Unload into queue ", mat.action.unloadIntoQueue] }));
             }
             else {
                 return _jsx(MatCardDetail, { fsize: fsize, children: "Unload from pallet" });
             }
         case api.ActionType.Waiting:
             if (mat.location.type === api.LocType.InQueue && !!mat.jobUnique && mat.jobUnique !== "") {
-                return _jsxs(MatCardDetail, { fsize: fsize, children: ["Waiting; next process is #", mat.process + 1] });
+                return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Waiting; next process is #", mat.process + 1] }));
             }
             else if (mat.location.type === api.LocType.InBasket) {
                 return (_jsxs(MatCardDetail, { fsize: fsize, children: ["In ", basketName, " ", mat.location.basketId] }));
@@ -254,7 +255,7 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
             }
             break;
         case api.ActionType.Machining:
-            return _jsxs(MatCardDetail, { fsize: fsize, children: ["Machining program ", mat.action.program ?? ""] });
+            return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Machining program ", mat.action.program ?? ""] }));
     }
     return null;
 }
@@ -278,7 +279,7 @@ function Warning({ mat }) {
         return (_jsx(Tooltip, { title: tooltip, children: _jsx(WarningIcon, {}) }));
     }
 }
-function JobRawMaterial({ fsize, mat }) {
+function JobRawMaterial({ fsize, mat, }) {
     const job = useAtomValue(currentStatus).jobs[mat.jobUnique];
     let path = mat.path;
     if (mat.action.type === api.ActionType.Loading && mat.action.pathAfterLoad) {
@@ -301,7 +302,12 @@ function RebookingNoteElipsis({ fsize, uniq }) {
     if (job && job.bookings && job.bookings.length > 0) {
         const b = rebookings.get(job.bookings[0]);
         if (b && b.notes && b.notes !== "") {
-            return (_jsx(MatCardDetail, { fsize: fsize, style: { textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", maxWidth: "10em" }, children: b.notes }));
+            return (_jsx(MatCardDetail, { fsize: fsize, style: {
+                    textOverflow: "ellipsis",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    maxWidth: "10em",
+                }, children: b.notes }));
         }
     }
     return null;
@@ -407,7 +413,9 @@ export const MultiMaterial = memo(function MultiMaterial(props) {
                                 flexGrow: 1,
                             }, children: [_jsx(Typography, { variant: "h6", children: props.partOrCasting }), _jsx(MatCardDetail, { fsize: props.fsize, children: props.assignedJobUnique && props.assignedJobUnique !== ""
                                         ? "Assigned to " + props.assignedJobUnique
-                                        : "Unassigned material" })] }), props.material.length > 0 && props.material[0].serial && props.material[0].serial.length >= 1 ? (_jsx("div", { children: _jsx(Avatar, { style: { width: "30px", height: "30px" }, children: props.material[0].serial.slice(-1) }) })) : undefined] }) }) }) }));
+                                        : "Unassigned material" })] }), props.material.length > 0 &&
+                            props.material[0].serial &&
+                            props.material[0].serial.length >= 1 ? (_jsx("div", { children: _jsx(Avatar, { style: { width: "30px", height: "30px" }, children: props.material[0].serial.slice(-1) }) })) : undefined] }) }) }) }));
 });
 export const MaterialDetailTitle = memo(function MaterialDetailTitle({ partName, serial, subtitle, notes, }) {
     let title;
@@ -495,7 +503,7 @@ function MaterialInspections() {
         return (_jsxs("small", { children: ["Inspections:", " ", insps.signaledInspections.map((type, i) => (_jsxs("span", { children: [i === 0 ? "" : ", ", _jsx("span", { style: { color: colorForInspType(type) }, children: type })] }, i)))] }));
     }
 }
-function MaterialEvents({ highlightProcsGreaterOrEqualTo }) {
+function MaterialEvents({ highlightProcsGreaterOrEqualTo, }) {
     const events = useAtomValue(matDetails.materialInDialogEvents);
     return (_jsx(LogEntries, { entries: events, copyToClipboard: true, highlightProcsGreaterOrEqualTo: highlightProcsGreaterOrEqualTo }));
 }
@@ -520,14 +528,14 @@ export const MaterialDetailContent = memo(function MaterialDetailContent({ highl
         return null;
     if (mat === null) {
         if (toShow.type === "AddMatWithEnteredSerial" || toShow.type === "ManuallyEnteredSerial") {
-            return _jsxs("div", { style: { marginLeft: "1em" }, children: ["Material with serial ", toShow.serial, " not found."] });
+            return (_jsxs("div", { style: { marginLeft: "1em" }, children: ["Material with serial ", toShow.serial, " not found."] }));
         }
         else if (toShow.type === "Barcode") {
             if (barcodeNewMat) {
                 return (_jsxs("div", { style: { marginLeft: "1em" }, children: ["Material with barcode ", toShow.barcode, " does not yet exist in the cell."] }));
             }
             else {
-                return _jsxs("div", { style: { marginLeft: "1em" }, children: ["Material with barcode ", toShow.barcode, " not found."] });
+                return (_jsxs("div", { style: { marginLeft: "1em" }, children: ["Material with barcode ", toShow.barcode, " not found."] }));
             }
         }
         else {
@@ -588,7 +596,7 @@ export const MaterialDialog = memo(function MaterialDialog(props) {
     let body;
     let notesBody;
     if (dialogOpen) {
-        body = (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx(MaterialDialogTitle, {}) }), _jsx(DialogContent, { children: _jsxs(DisplayLoadingAndError, { fallback: _jsx(MaterialLoading, {}), children: [_jsx(MaterialDetailContent, { highlightProcsGreaterOrEqualTo: props.highlightProcsGreaterOrEqualTo }), _jsx(DisplayLoadingAndError, { fallback: _jsx(CircularProgress, {}), children: props.extraDialogElements })] }) }), _jsxs(DialogActions, { children: [dialogOpen && (props.buttons || props.allowNote) ? (_jsx(ErrorBoundary, { fallback: _jsx("div", {}), children: _jsxs(Suspense, { fallback: _jsx("div", {}), children: [dialogOpen && props.allowNote ? _jsx(AddNoteButton, { setNotesOpen: setNotesOpen }) : undefined, props.buttons] }) })) : null, _jsx(Button, { onClick: close, color: "secondary", children: "Close" })] })] }));
+        body = (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx(MaterialDialogTitle, {}) }), _jsx(DialogContent, { children: _jsxs(DisplayLoadingAndError, { fallback: _jsx(MaterialLoading, {}), children: [_jsx(MaterialDetailContent, { highlightProcsGreaterOrEqualTo: props.highlightProcsGreaterOrEqualTo }), _jsx(DisplayLoadingAndError, { fallback: _jsx(CircularProgress, {}), children: props.extraDialogElements })] }) }), _jsxs(DialogActions, { children: [dialogOpen && (props.buttons || props.allowNote) ? (_jsx(ErrorBoundary, { fallback: _jsx("div", {}), children: _jsxs(Suspense, { fallback: _jsx("div", {}), children: [dialogOpen && props.allowNote ? (_jsx(AddNoteButton, { setNotesOpen: setNotesOpen })) : undefined, props.buttons] }) })) : null, _jsx(Button, { onClick: close, color: "secondary", children: "Close" })] })] }));
         if (props.allowNote) {
             notesBody = (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsx(MaterialDialogTitle, { notes: true }) }), _jsxs(DisplayLoadingAndError, { fallback: _jsx(DialogContent, { children: _jsx(CircularProgress, {}) }), children: [_jsx(NotesDialogBody, { setNotesOpen: setNotesOpen }), ";"] })] }));
         }

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

@@ -38,7 +38,7 @@ import { afterEach, expect, it, vi } from "vitest";
 import { MaterialDialog } from "./Material.js";
 import { materialDialogOpen } from "../../cell-status/material-details.js";
 import { ApiException } from "../../network/api.js";
-import { registerBackend } from "../../network/backend.js";
+import { registerBackend, } from "../../network/backend.js";
 const barcode = "1111222|SO100100|10000";
 const barcodeError = "Serial 1111222 is assigned to sales order SO100100 line 10000 which is not currently scheduled";
 function unexpectedCall(name) {

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

@@ -4,9 +4,9 @@ export declare const MoveMaterialArrowContainer: import("react").MemoExoticCompo
     children?: ReactNode;
     hideArrows?: boolean;
     whiteBackground?: boolean;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react").JSX.Element>;
 export declare function useMoveMaterialArrowRef(kind: MoveMaterialNodeKind): RefObject<HTMLDivElement | null>;
 export declare function MoveMaterialArrowNode({ kind, children, }: {
     kind: MoveMaterialNodeKind;
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

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

@@ -20,10 +20,10 @@ export interface SinglePageProps {
     readonly serial1: string | undefined;
     readonly serial2: string | undefined;
 }
-export declare function PrintedLabel(props: PrintedLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function PrintedLabel(props: PrintedLabelProps): import("react").JSX.Element;
 export declare function PrintOnClientButton({ mat, materialName, operator, }: {
     mat: PrintMaterial | ReadonlyArray<PrintMaterial>;
     materialName?: string | null;
     operator?: string | null;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function PrintLabelButton(): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element;
+export declare function PrintLabelButton(): import("react").JSX.Element | null;

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

@@ -69,7 +69,7 @@ function SinglePage(props) {
                         hour: "numeric",
                         minute: "2-digit",
                         second: "2-digit",
-                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.partName }), props.count >= 2 ? _jsx(Barcode, { text: props.count.toString() }) : undefined] }), props.serial1 && props.serial1 !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.serial1 }), props.serial2 && props.serial2 !== "" ? _jsx(Barcode, { text: props.serial2 || "" }) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: props.uniq === null || props.uniq === "" ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), _jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: props.partName }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", props.uniq, props.jobCycles && props.jobCycles > 0
+                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.partName }), props.count >= 2 ? _jsx(Barcode, { text: props.count.toString() }) : undefined] }), props.serial1 && props.serial1 !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.serial1 }), props.serial2 && props.serial2 !== "" ? (_jsx(Barcode, { text: props.serial2 || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: props.uniq === null || props.uniq === "" ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), _jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: props.partName }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", props.uniq, props.jobCycles && props.jobCycles > 0
                                             ? " (" + props.jobCycles.toString() + " scheduled)"
                                             : ""] })] })] })) }), props.note ? (_jsx("div", { style: { marginBottom: "2em" }, children: _jsx("p", { style: { fontSize: "xxx-large", textAlign: "center" }, children: props.note }) })) : undefined, _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: props.operator ? _jsx("p", { style: { fontSize: "x-large" }, children: props.operator }) : undefined })] }));
 }
@@ -97,7 +97,7 @@ function OneJobPerPage(props) {
         return (_jsx(SinglePage, { partName: props.material[0].partName, materialName: props.materialName, count: props.material.length, uniq: null, note: null, operator: props.operator, serial1: props.material[0].serial, serial2: props.material[props.material.length - 1]?.serial }));
     }
     else {
-        return (_jsx("div", { children: assignments.map(([uniq, a], idx) => (_jsxs(Fragment, { children: [_jsx(SinglePage, { partName: a.part, materialName: props.materialName, count: a.length, uniq: uniq, jobCycles: a.cycles, note: a.comment, operator: props.operator, serial1: a.serial1, serial2: a.serial2 }), idx < assignments.length - 1 ? _jsx("div", { style: { pageBreakAfter: "always" } }) : undefined] }, idx))) }));
+        return (_jsx("div", { children: assignments.map(([uniq, a], idx) => (_jsxs(Fragment, { children: [_jsx(SinglePage, { partName: a.part, materialName: props.materialName, count: a.length, uniq: uniq, jobCycles: a.cycles, note: a.comment, operator: props.operator, serial1: a.serial1, serial2: a.serial2 }), idx < assignments.length - 1 ? (_jsx("div", { style: { pageBreakAfter: "always" } })) : undefined] }, idx))) }));
     }
 }
 function CombinedToOnePage(props) {
@@ -122,9 +122,14 @@ function CombinedToOnePage(props) {
                         hour: "numeric",
                         minute: "2-digit",
                         second: "2-digit",
-                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.material[0].partName }), props.material.length >= 2 ? _jsx(Barcode, { text: props.material.length.toString() }) : undefined] }), props.material[0].serial && props.material[0].serial !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.material[0].serial }), props.material.length >= 2 &&
+                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.material[0].partName }), props.material.length >= 2 ? (_jsx(Barcode, { text: props.material.length.toString() })) : undefined] }), props.material[0].serial && props.material[0].serial !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.material[0].serial }), props.material.length >= 2 &&
                         props.material[props.material.length - 1].serial &&
-                        props.material[props.material.length - 1].serial !== "" ? (_jsx(Barcode, { text: props.material[props.material.length - 1].serial || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: assignments.length === 0 ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : props.materialName ? (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), assignments.map(([uniq, part], idx) => (_jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: part.part }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["x", part.length] }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", uniq] })] }, idx)))] })) : assignments.length === 1 ? (_jsx("div", { style: { marginTop: "1em", display: "flex", justifyContent: "space-around" }, children: _jsxs("p", { style: { fontSize: "x-large" }, children: [_jsxs("span", { children: ["Assigned to ", assignments[0][0]] }), assignments[0][1].length > 1 ? (_jsxs("span", { style: { marginLeft: "1em" }, children: ["x", assignments[0][1].length] })) : undefined] }) })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), assignments.map(([uniq, part], idx) => (_jsxs("h3", { style: { marginTop: "1em", marginLeft: "2em" }, children: [_jsx("span", { children: uniq }), part.length > 1 ? _jsxs("span", { style: { marginLeft: "1em" }, children: ["x", part.length] }) : undefined] }, idx)))] })) }), notes.length > 0 ? (_jsx("div", { style: { marginBottom: "2em" }, children: notes.map((n, idx) => (_jsx("p", { style: { fontSize: "xxx-large", textAlign: "center" }, children: n }, idx))) })) : undefined, _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: props.operator ? _jsx("p", { style: { fontSize: "x-large" }, children: props.operator }) : undefined })] }));
+                        props.material[props.material.length - 1].serial !== "" ? (_jsx(Barcode, { text: props.material[props.material.length - 1].serial || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: assignments.length === 0 ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : props.materialName ? (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), assignments.map(([uniq, part], idx) => (_jsxs("div", { style: {
+                                marginTop: "1em",
+                                marginLeft: "2em",
+                                display: "flex",
+                                alignItems: "center",
+                            }, children: [_jsx(Barcode, { text: part.part }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["x", part.length] }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", uniq] })] }, idx)))] })) : assignments.length === 1 ? (_jsx("div", { style: { marginTop: "1em", display: "flex", justifyContent: "space-around" }, children: _jsxs("p", { style: { fontSize: "x-large" }, children: [_jsxs("span", { children: ["Assigned to ", assignments[0][0]] }), assignments[0][1].length > 1 ? (_jsxs("span", { style: { marginLeft: "1em" }, children: ["x", assignments[0][1].length] })) : undefined] }) })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), assignments.map(([uniq, part], idx) => (_jsxs("h3", { style: { marginTop: "1em", marginLeft: "2em" }, children: [_jsx("span", { children: uniq }), part.length > 1 ? (_jsxs("span", { style: { marginLeft: "1em" }, children: ["x", part.length] })) : undefined] }, idx)))] })) }), notes.length > 0 ? (_jsx("div", { style: { marginBottom: "2em" }, children: notes.map((n, idx) => (_jsx("p", { style: { fontSize: "xxx-large", textAlign: "center" }, children: n }, idx))) })) : undefined, _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: props.operator ? _jsx("p", { style: { fontSize: "x-large" }, children: props.operator }) : undefined })] }));
 }
 export function PrintedLabel(props) {
     if (props.oneJobPerPage) {

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

@@ -1,4 +1,4 @@
 export declare function QuarantineMatButton({ onClose, ignoreOperator, }: {
     onClose?: () => void;
     ignoreOperator?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -32,7 +32,7 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 import { useState } from "react";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField, Tooltip } from "@mui/material";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField, Tooltip, } from "@mui/material";
 import { LazySeq } from "@seedtactics/immutable-collections";
 import { currentStatus } from "../../cell-status/current-status.js";
 import { inProcessMaterialInDialog, materialDialogOpen, useRemoveFromQueue, useSignalForQuarantine, } from "../../cell-status/material-details.js";
@@ -168,7 +168,9 @@ export function QuarantineMatButton({ onClose, ignoreOperator, }) {
             btnTxt = "Remove";
             break;
         case "Scrap":
-            title = q.quarantineQueueDestination ? `Move to ${q.quarantineQueueDestination}` : "Remove from queue";
+            title = q.quarantineQueueDestination
+                ? `Move to ${q.quarantineQueueDestination}`
+                : "Remove from queue";
             btnTxt = q.quarantineQueueDestination ? "Quarantine" : "Remove";
             break;
         case "SignalForScrap":

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

@@ -14,10 +14,10 @@ interface EditNoteDialogProps {
     } | null;
     readonly closeDialog: () => void;
 }
-export declare const EditNoteDialog: import("react").MemoExoticComponent<(props: EditNoteDialogProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const EditNoteDialog: import("react").MemoExoticComponent<(props: EditNoteDialogProps) => import("react").JSX.Element>;
 interface QueueProps {
     readonly queues: ReadonlyArray<string>;
 }
-export declare const Queues: (props: QueueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Queues: (props: QueueProps) => import("react").JSX.Element;
 export default function QueuesPage(props: QueueProps): ReactNode;
 export {};

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

@@ -52,12 +52,12 @@ import { CircularProgress } from "@mui/material";
 import { Add as AddIcon, AssignmentReturn as AssignIcon, KeyboardArrowDown as KeyboardArrowDownIcon, Edit as EditIcon, KeyboardArrowUp as KeyboardArrowUpIcon, } from "@mui/icons-material";
 import { SortableInProcMaterial, PartIdenticon, MultiMaterial, InProcMaterial, DragOverlayInProcMaterial, MaterialDialog, } from "./Material.js";
 import * as api from "../../network/api.js";
-import { selectQueueData, extractJobRawMaterial } from "../../data/queue-material.js";
+import { selectQueueData, extractJobRawMaterial, } from "../../data/queue-material.js";
 import { LazySeq } from "@seedtactics/immutable-collections";
 import { currentOperator } from "../../data/operators.js";
 import { JobDetails } from "./JobDetails.js";
 import { fmsInformation } from "../../network/server-settings.js";
-import { addWorkorderComment, currentStatus, setJobComment } from "../../cell-status/current-status.js";
+import { addWorkorderComment, currentStatus, setJobComment, } from "../../cell-status/current-status.js";
 import { Collapse } from "@mui/material";
 import { inProcessQueues, rawMaterialQueues } from "../../cell-status/names.js";
 import { SortableRegion } from "./Whiteboard.js";
@@ -67,7 +67,7 @@ import { bulkAddCastingToQueue, BulkAddCastingWithoutSerialDialog, MultiMaterial
 import { AddBySerialDialog, enterSerialForNewMaterialDialog } from "../ManualSerialEntry.js";
 import { materialDialogOpen } from "../../cell-status/material-details.js";
 import { PrintLabelButton } from "./PrintedLabel.js";
-import { AddToQueueButton, AddToQueueMaterialDialogCt } from "./QueuesAddMaterial.js";
+import { AddToQueueButton, AddToQueueMaterialDialogCt, } from "./QueuesAddMaterial.js";
 import { QuarantineMatButton } from "./QuarantineButton.js";
 import { AddByBarcodeDialog, scanBarcodeToAddToQueueDialog } from "../BarcodeScanning.js";
 import { InvalidateCycleDialogButton, InvalidateCycleDialogContent, } from "./InvalidateCycle.js";
@@ -101,7 +101,9 @@ function RawMaterialJobRow(props) {
                                 alignItems: "center",
                             }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: j.rawMatName, size: 25 }) }), _jsx(Typography, { variant: "body2", sx: {
                                         display: "block",
-                                    }, children: j.rawMatName })] })) }), _jsxs(TableCell, { children: [j.job.comment, _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editNote(j.job), children: _jsx(EditIcon, {}) }) })] }), _jsxs(TableCell, { align: "right", children: [j.job.cycles ?? 0, allowEditQty ? (_jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editQty(j), children: _jsx(EditIcon, {}) }) })) : undefined] }), _jsx(TableCell, { align: "right", children: j.remainingToStart }), _jsx(TableCell, { align: "right", children: j.assignedRaw }), _jsx(TableCell, { align: "right", children: _jsx(Tooltip, { title: j.remainingToStart > 0 || j.assignedRaw > 0 ? `${j.remainingToStart} - ${j.assignedRaw}` : "", children: _jsx("span", { children: Math.max(j.remainingToStart - j.assignedRaw, 0) }) }) }), _jsx(TableCell, { align: "right", children: j.availableUnassigned }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobTableRow, { "$highlightedRow": highlRow, "$noncompletedRow": j.remainingToStart - j.assignedRaw > 0, children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: 10, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: j.job, checkAnalysisMonth: false }) }) }) })] }));
+                                    }, children: j.rawMatName })] })) }), _jsxs(TableCell, { children: [j.job.comment, _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editNote(j.job), children: _jsx(EditIcon, {}) }) })] }), _jsxs(TableCell, { align: "right", children: [j.job.cycles ?? 0, allowEditQty ? (_jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editQty(j), children: _jsx(EditIcon, {}) }) })) : undefined] }), _jsx(TableCell, { align: "right", children: j.remainingToStart }), _jsx(TableCell, { align: "right", children: j.assignedRaw }), _jsx(TableCell, { align: "right", children: _jsx(Tooltip, { title: j.remainingToStart > 0 || j.assignedRaw > 0
+                                ? `${j.remainingToStart} - ${j.assignedRaw}`
+                                : "", children: _jsx("span", { children: Math.max(j.remainingToStart - j.assignedRaw, 0) }) }) }), _jsx(TableCell, { align: "right", children: j.availableUnassigned }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobTableRow, { "$highlightedRow": highlRow, "$noncompletedRow": j.remainingToStart - j.assignedRaw > 0, children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: 10, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: j.job, checkAnalysisMonth: false }) }) }) })] }));
 }
 function RawMaterialJobTable(props) {
     const currentSt = useAtomValue(currentStatus);

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

@@ -16,15 +16,15 @@ export declare function PromptForQueue({ selectedQueue, setSelectedQueue, queueN
     selectedQueue: string | null;
     setSelectedQueue: (queue: string) => void;
     queueNames: ReadonlyArray<string>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function AddToQueueMaterialDialogCt({ st, queueNames, setState, }: {
     st: AddMaterialState;
     queueNames: ReadonlyArray<string>;
     setState: (st: AddMaterialState) => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function AddToQueueButton({ st: { enteredOperator, newMaterialTy, toQueue }, queueNames, onClose, }: {
     st: AddMaterialState;
     queueNames: ReadonlyArray<string>;
     onClose: () => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export {};

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

@@ -61,7 +61,9 @@ function useAllowAddToQueue(queueNames) {
     }
     return true;
 }
-const ExpandMore = styled(ExpandMoreIcon, { shouldForwardProp: (prop) => prop.toString()[0] !== "$" })(({ theme, $expandedOpen }) => ({
+const ExpandMore = styled(ExpandMoreIcon, {
+    shouldForwardProp: (prop) => prop.toString()[0] !== "$",
+})(({ theme, $expandedOpen }) => ({
     transform: $expandedOpen ? "rotate(0deg)" : "rotate(-90deg)",
     transition: theme.transitions.create("transform", {
         duration: theme.transitions.duration.shortest,
@@ -82,20 +84,26 @@ function SelectJob({ newMaterialTy, setNewMaterialTy, curCollapse, setCurCollaps
                         workorder: j.workorder,
                     }), children: [j.job ? (_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: j.job.partName }) })) : undefined, _jsx(ListItemText, { primary: (j.job?.partName ?? "") + " (" + j.jobUnique + ")", slotProps: { primary: { variant: "h4" } }, secondary: _jsxs(Typography, { variant: "body2", children: [j.machinedProcs[0].lastProc === 0
                                         ? "Raw Material"
-                                        : "Last machined process " + j.machinedProcs[0].lastProc.toString(), ", ", j.job?.routeStartUTC.toLocaleDateString() ?? "", ", ", j.machinedProcs[0].details] }) })] }) }) }, idx)) : (_jsxs(Fragment, { children: [_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => {
+                                        : "Last machined process " + j.machinedProcs[0].lastProc.toString(), ", ", j.job?.routeStartUTC.toLocaleDateString() ?? "", ",", " ", j.machinedProcs[0].details] }) })] }) }) }, idx)) : (_jsxs(Fragment, { children: [_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => {
                             if (newMaterialTy)
                                 setNewMaterialTy(null);
                             setCurCollapse(curCollapse && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique
                                 ? null
                                 : { kind: "Job", unique: j.jobUnique });
-                        }, children: [_jsx(ListItemIcon, { children: _jsx(ExpandMore, { "$expandedOpen": curCollapse !== null && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique }) }), j.job ? (_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: j.job.partName }) })) : undefined, _jsx(ListItemText, { primary: (j.job?.partName ?? "") + " (" + j.jobUnique + ")", slotProps: { primary: { variant: "h4" } }, secondary: j.job?.routeStartUTC.toLocaleDateString() })] }) }), _jsx(Collapse, { in: curCollapse !== null && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique, timeout: "auto", children: j.machinedProcs.map((p, procIdx) => (_jsx("div", { children: _jsx(ListItem, { sx: (theme) => ({ pl: theme.spacing(indent ? 8 : 4) }), children: _jsx(ListItemButton, { selected: newMaterialTy?.kind === "JobAndProc" &&
+                        }, children: [_jsx(ListItemIcon, { children: _jsx(ExpandMore, { "$expandedOpen": curCollapse !== null &&
+                                        curCollapse.kind === "Job" &&
+                                        curCollapse.unique === j.jobUnique }) }), j.job ? (_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: j.job.partName }) })) : undefined, _jsx(ListItemText, { primary: (j.job?.partName ?? "") + " (" + j.jobUnique + ")", slotProps: { primary: { variant: "h4" } }, secondary: j.job?.routeStartUTC.toLocaleDateString() })] }) }), _jsx(Collapse, { in: curCollapse !== null &&
+                        curCollapse.kind === "Job" &&
+                        curCollapse.unique === j.jobUnique, timeout: "auto", children: j.machinedProcs.map((p, procIdx) => (_jsx("div", { children: _jsx(ListItem, { sx: (theme) => ({ pl: theme.spacing(indent ? 8 : 4) }), children: _jsx(ListItemButton, { selected: newMaterialTy?.kind === "JobAndProc" &&
                                     newMaterialTy?.jobUnique === j.jobUnique &&
                                     newMaterialTy?.last_proc === p.lastProc, onClick: () => setNewMaterialTy({
                                     kind: "JobAndProc",
                                     jobUnique: j.jobUnique,
                                     last_proc: p.lastProc,
                                     workorder: j.workorder,
-                                }), children: _jsx(ListItemText, { primary: p.lastProc === 0 ? "Raw Material" : "Last machined process " + p.lastProc.toString(), secondary: p.details }) }) }) }, procIdx))) })] }, idx))) }));
+                                }), children: _jsx(ListItemText, { primary: p.lastProc === 0
+                                        ? "Raw Material"
+                                        : "Last machined process " + p.lastProc.toString(), secondary: p.details }) }) }) }, procIdx))) })] }, idx))) }));
 }
 function SelectRawMatAndJob({ newMaterialTy, options, setNewMaterialTy, curCollapse, setCurCollapse, }) {
     return (_jsxs(List, { children: [_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => {
@@ -108,7 +116,8 @@ function SelectRawMatAndJob({ newMaterialTy, options, setNewMaterialTy, curColla
                         setCurCollapse(curCollapse && (curCollapse.kind === "AllJobs" || curCollapse.kind === "Job")
                             ? null
                             : { kind: "AllJobs" });
-                    }, children: [_jsx(ListItemIcon, { children: _jsx(ExpandMore, { "$expandedOpen": curCollapse !== null && (curCollapse.kind === "AllJobs" || curCollapse.kind === "Job") }) }), _jsx(ListItemText, { primary: "Specify Job" })] }) }), _jsx(Collapse, { in: curCollapse !== null && (curCollapse.kind === "AllJobs" || curCollapse.kind === "Job"), timeout: "auto", children: _jsx(SelectJob, { newMaterialTy: newMaterialTy, jobs: options.jobs, setNewMaterialTy: setNewMaterialTy, curCollapse: curCollapse, setCurCollapse: setCurCollapse, indent: true }) })] }));
+                    }, children: [_jsx(ListItemIcon, { children: _jsx(ExpandMore, { "$expandedOpen": curCollapse !== null &&
+                                    (curCollapse.kind === "AllJobs" || curCollapse.kind === "Job") }) }), _jsx(ListItemText, { primary: "Specify Job" })] }) }), _jsx(Collapse, { in: curCollapse !== null && (curCollapse.kind === "AllJobs" || curCollapse.kind === "Job"), timeout: "auto", children: _jsx(SelectJob, { newMaterialTy: newMaterialTy, jobs: options.jobs, setNewMaterialTy: setNewMaterialTy, curCollapse: curCollapse, setCurCollapse: setCurCollapse, indent: true }) })] }));
 }
 function PromptForMaterialType({ newMaterialTy, setNewMaterialTy, toQueue, }) {
     const serial = useAtomValue(matDetails.serialInMaterialDialog);
@@ -223,7 +232,9 @@ export function AddToQueueButton({ st: { enteredOperator, newMaterialTy, toQueue
                                 operator: enteredOperator ?? operator,
                             });
                         }
-                        else if (newMaterialTy && newMaterialTy.kind === "JobAndProc" && newMaterialTy.jobUnique) {
+                        else if (newMaterialTy &&
+                            newMaterialTy.kind === "JobAndProc" &&
+                            newMaterialTy.jobUnique) {
                             addNewMat({
                                 jobUnique: newMaterialTy.jobUnique,
                                 lastCompletedProcess: newMaterialTy.last_proc,
@@ -234,7 +245,9 @@ export function AddToQueueButton({ st: { enteredOperator, newMaterialTy, toQueue
                                 operator: enteredOperator ?? operator,
                             });
                         }
-                        else if (newMaterialTy && newMaterialTy.kind === "RawMat" && newMaterialTy.rawMatName) {
+                        else if (newMaterialTy &&
+                            newMaterialTy.kind === "RawMat" &&
+                            newMaterialTy.rawMatName) {
                             addNewCasting({
                                 casting: newMaterialTy.rawMatName,
                                 quantity: 1,

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

@@ -1,2 +1,2 @@
-export declare function SignalInspectionButton(): import("react/jsx-runtime").JSX.Element | null;
-export declare const SelectInspTypeDialog: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare function SignalInspectionButton(): import("react").JSX.Element | null;
+export declare const SelectInspTypeDialog: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

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

@@ -1,4 +1,4 @@
 export declare const selectWorkorderDialogOpen: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
-export declare const SelectWorkorderDialog: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const SelectWorkorderDialog: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

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

@@ -1,3 +1,3 @@
 import { ReactNode } from "react";
 export declare function StationToolbar(): ReactNode;
-export declare function StationToolbarOverviewButton(): import("react/jsx-runtime").JSX.Element;
+export declare function StationToolbarOverviewButton(): import("react").JSX.Element;

package/dist/components/station-monitor/StationToolbar.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 { Box, Checkbox, Divider, FormControlLabel, Select, useMediaQuery, useTheme } from "@mui/material";
+import { Box, Checkbox, Divider, FormControlLabel, Select, useMediaQuery, useTheme, } from "@mui/material";
 import { MenuItem } from "@mui/material";
 import { Input } from "@mui/material";
 import { FormControl } from "@mui/material";
@@ -93,7 +93,12 @@ export function StationToolbar() {
                 });
             }
             else {
-                setRoute({ route: RouteLocation.Station_LoadMonitor, loadNum: val, queues: [], completed: false });
+                setRoute({
+                    route: RouteLocation.Station_LoadMonitor,
+                    loadNum: val,
+                    queues: [],
+                    completed: false,
+                });
             }
         }
     }
@@ -117,7 +122,12 @@ export function StationToolbar() {
             });
         }
         else {
-            setRoute({ route: RouteLocation.Station_LoadMonitor, loadNum: 1, queues: newQueues, completed });
+            setRoute({
+                route: RouteLocation.Station_LoadMonitor,
+                loadNum: 1,
+                queues: newQueues,
+                completed,
+            });
         }
     }
     function setStandaloneQueues(newQueues) {

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

@@ -51,14 +51,14 @@ type CellOverview = {
     readonly maxNumSourceRows: number;
 };
 export declare function formatSeconds(totalSeconds: number): string;
-export declare const SystemOverview: import("react").MemoExoticComponent<({ overview }: {
+export declare const SystemOverview: import("react").MemoExoticComponent<({ overview, }: {
     overview: CellOverview;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react").JSX.Element>;
 export declare function SystemOverviewPage({ ignoreOperator, whiteBackground, }: {
     ignoreOperator?: boolean;
     whiteBackground?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare const SystemOverviewDialogButton: import("react").MemoExoticComponent<({ full, }: {
     full: boolean;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react").JSX.Element>;
 export {};