@seedtactics/insight-client 16.4.0

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

@@ -0,0 +1,262 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2025, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+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, Button, ListItemIcon, ListItemText, ListSubheader, Stack } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import { TextField } from "@mui/material";
+import { ActionType, LocType } from "../../network/api.js";
+import { JobsBackend } from "../../network/backend.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { currentStatus } from "../../cell-status/current-status.js";
+import { barcodePotentialNewMaterial, inProcessMaterialInDialog, materialDialogOpen, materialInDialogInfo, materialInDialogLargestUsedProcess, } from "../../cell-status/material-details.js";
+import { currentOperator } from "../../data/operators.js";
+import { fmsInformation } from "../../network/server-settings.js";
+import { useAtomValue, useSetAtom } from "jotai";
+import { useEffect, useRef } from "react";
+import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
+import { PartIdenticon } from "./Material.js";
+function InvalidateSelect(props) {
+    const lastMat = useAtomValue(materialInDialogLargestUsedProcess);
+    const possible = useAtomValue(barcodePotentialNewMaterial);
+    const currentSt = useAtomValue(currentStatus);
+    const history = useAtomValue(last30Jobs);
+    const castings = Object.values(possible?.possibleCastingsByQueue ?? {}).flatMap((cs) => cs);
+    const jobs = Object.values(possible?.possibleJobsByQueue ?? {})
+        .flatMap((js) => js)
+        .filter((j) => j.lastCompletedProcess === 0)
+        .map((j) => ({
+        jobUnique: j.jobUnique,
+        job: currentSt.jobs[j.jobUnique] ?? history.get(j.jobUnique) ?? null,
+    }));
+    const hasProc = lastMat !== null && lastMat.process >= 1;
+    const hasChangeMat = castings.length > 0 || jobs.length > 0;
+    function change(e) {
+        props.setState({
+            updating: false,
+            process: e.startsWith("proc") ? parseInt(e.substring(4)) : null,
+            changeRawMat: e.startsWith("rawMat") ? e.substring(6) : null,
+            changeJobUnique: e.startsWith("job") ? e.substring(3) : null,
+        });
+    }
+    return (_jsx(TextField, { value: props.st?.process
+            ? "proc" + props.st.process.toString()
+            : props.st?.changeRawMat
+                ? "rawMat" + props.st.changeRawMat
+                : props.st?.changeJobUnique
+                    ? "job" + props.st.changeJobUnique
+                    : "", select: true, onChange: (e) => change(e.target.value), variant: "outlined", label: props.st?.process || !hasChangeMat
+            ? "Invalidate Process"
+            : props.st?.changeRawMat
+                ? "Change Raw Material"
+                : props.st?.changeJobUnique
+                    ? "Change Assigned Job"
+                    : !hasProc
+                        ? "Change Assignment"
+                        : "", children: [
+            hasProc && hasChangeMat
+                ? [_jsx(ListSubheader, { children: "Invalidate Selected Process" }, "procheader")]
+                : [],
+            lastMat
+                ? [
+                    ...LazySeq.ofRange(1, lastMat.process + 1).map((p) => (_jsxs(MenuItem, { value: "proc" + p.toString(), children: ["Invalidate Process ", p] }, p))),
+                ]
+                : [],
+            hasProc && hasChangeMat ? [_jsx(ListSubheader, { children: "Change Material Type" }, "matheader")] : [],
+            hasChangeMat
+                ? [
+                    ...castings.map((c) => (_jsxs(MenuItem, { value: "rawMat" + c, children: ["Invalidate Everything And Change to ", c] }, "rawMat" + c))),
+                    ...jobs.map(({ jobUnique, job }) => (_jsxs(MenuItem, { value: "job" + jobUnique, children: [job ? (_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: job.partName }) })) : undefined, _jsx(ListItemText, { primary: "Invalidate Everything And Change To Job " + jobUnique, secondary: job?.partName })] }, "job" + jobUnique))),
+                ]
+                : [],
+        ] }));
+}
+export function InvalidateCycleDialogContent(props) {
+    const curMat = useAtomValue(materialInDialogInfo);
+    const show = props.st !== null && curMat !== null;
+    const boxRef = useRef(null);
+    useEffect(() => {
+        boxRef.current?.scrollIntoView({
+            behavior: "smooth",
+            block: "end",
+        });
+    }, [boxRef, show]);
+    if (!show)
+        return _jsx("div", {});
+    return (_jsx(Box, { ref: boxRef, sx: { display: "flex", flexDirection: "column", alignItems: "center", marginTop: "1em" }, children: _jsxs(Stack, { spacing: 2, children: [_jsx("p", { style: { maxWidth: "35em" }, children: "An invalidated cycle remains in the event log, but is not considered when determining the next process to be machined on a piece of material." }), _jsx(InvalidateSelect, { st: props.st, setState: props.setState })] }) }));
+}
+export function InvalidateCycleDialogButton(props) {
+    const fmsInfo = useAtomValue(fmsInformation);
+    const curMat = useAtomValue(materialInDialogInfo);
+    const inProcMat = useAtomValue(inProcessMaterialInDialog);
+    const lastMat = useAtomValue(materialInDialogLargestUsedProcess);
+    const possibleNew = useAtomValue(barcodePotentialNewMaterial);
+    const setMatToShow = useSetAtom(materialDialogOpen);
+    let operator = useAtomValue(currentOperator);
+    if (props.loadStation && !fmsInfo.allowInvalidateMaterialAtLoadStation)
+        return null;
+    if (!props.loadStation && !fmsInfo.allowInvalidateMaterialOnQueuesPage)
+        return null;
+    if (curMat === null)
+        return null;
+    if (inProcMat && inProcMat.location.type === LocType.OnPallet)
+        return null;
+    const allowChange = possibleNew !== null &&
+        (!LazySeq.ofObject(possibleNew.possibleCastingsByQueue ?? {}).isEmpty() ||
+            !LazySeq.ofObject(possibleNew.possibleJobsByQueue ?? {}).isEmpty());
+    if (!allowChange && (lastMat === null || lastMat.process < 1))
+        return null;
+    if (props.ignoreOperator)
+        operator = null;
+    function showInvalidate() {
+        props.setState({ process: null, updating: false, changeRawMat: null, changeJobUnique: null });
+    }
+    function invalidateCycle() {
+        if (curMat && (props.st?.process || props.st?.changeRawMat || props.st?.changeJobUnique)) {
+            props.setState({ ...props.st, updating: true });
+            JobsBackend.invalidatePalletCycle(curMat.materialID, operator, props.st?.changeRawMat, props.st?.changeJobUnique, props.st?.process ?? 0)
+                .then((mat) => {
+                if (mat) {
+                    setMatToShow({
+                        type: "MatDetails",
+                        details: mat,
+                    });
+                    props.onClose();
+                }
+                else {
+                    setMatToShow(null);
+                    props.onClose();
+                }
+            })
+                .catch((e) => {
+                console.log(e);
+                setMatToShow(null);
+                props.onClose();
+            });
+        }
+    }
+    return (_jsxs(_Fragment, { children: [props.st === null ? (_jsx(Button, { color: "primary", onClick: showInvalidate, children: "Invalidate Cycle" })) : undefined, props.st !== null ? (_jsx(Button, { color: "primary", onClick: invalidateCycle, disabled: props.st.updating ||
+                    (props.st.process === null && props.st.changeRawMat === null && props.st.changeJobUnique === null), children: props.st.process !== null
+                    ? "Invalidate Process " + props.st.process.toString()
+                    : props.st.changeJobUnique !== null
+                        ? "Invalidate And Change To Job " + props.st.changeJobUnique
+                        : props.st.changeRawMat !== null
+                            ? "Invalidate And Change To " + props.st.changeRawMat
+                            : "Invalidate Cycle" })) : undefined] }));
+}
+function isNullOrEmpty(s) {
+    return s === undefined || s === null || s == "";
+}
+function matCanSwap(curMat, job) {
+    return (newMat) => {
+        if (isNullOrEmpty(newMat.serial))
+            return false;
+        if (newMat.location.type === LocType.OnPallet)
+            return false;
+        if (newMat.process !== curMat.process - 1)
+            return false;
+        if (isNullOrEmpty(newMat.jobUnique)) {
+            // if part name is wrong, check casting
+            if (isNullOrEmpty(newMat.partName))
+                return false;
+            if (newMat.partName !== curMat.partName) {
+                if (!job)
+                    return false;
+                if (!LazySeq.of(job.procsAndPaths)
+                    .flatMap((p) => p.paths)
+                    .some((p) => p.casting === newMat.partName)) {
+                    return false;
+                }
+            }
+        }
+        else {
+            // check path
+            if (newMat.jobUnique !== curMat.jobUnique)
+                return false;
+            if (newMat.path !== curMat.path)
+                return false;
+        }
+        return true;
+    };
+}
+export function SwapMaterialDialogContent(props) {
+    const status = useAtomValue(currentStatus);
+    const curMat = useAtomValue(inProcessMaterialInDialog);
+    if (curMat === null || props.st === null)
+        return _jsx("div", {});
+    const curMatJob = status.jobs[curMat.jobUnique];
+    const availMats = status.material.filter(matCanSwap(curMat, curMatJob));
+    if (availMats.length === 0) {
+        return (_jsx("p", { style: { margin: "2em" }, children: "No material with the same job is available for swapping. You must edit the pallet using the cell controller software to remove the material from the pallet. Insight will automatically refresh once the cell controller software is updated." }));
+    }
+    else {
+        return (_jsxs("div", { style: { margin: "2em" }, children: [_jsx("p", { children: "Swap serial on pallet with material from the same job." }), _jsx("p", { children: "If material on the pallet is from a different job, you cannot use this screen. Instead, the material must first be removed from the pallet using the cell controller software. Insight will automatically refresh when this occurs." }), _jsx(TextField, { value: props.st?.selectedMatToSwap?.serial ?? "", select: true, onChange: (e) => props.st &&
+                        props.setState({
+                            ...props.st,
+                            selectedMatToSwap: availMats.find((m) => m.serial === e.target.value) ?? null,
+                        }), style: { width: "20em" }, variant: "outlined", label: "Select serial to swap with " + (curMat.serial ?? ""), children: availMats.map((m) => (_jsx(MenuItem, { value: m.serial, children: m.serial }, m.materialID))) })] }));
+    }
+}
+export function SwapMaterialButtons(props) {
+    const fmsInfo = useAtomValue(fmsInformation);
+    const curMat = useAtomValue(inProcessMaterialInDialog);
+    const closeMatDialog = useSetAtom(materialDialogOpen);
+    let operator = useAtomValue(currentOperator);
+    if (!fmsInfo.allowSwapSerialAtLoadStation)
+        return null;
+    if (props.ignoreOperator)
+        operator = null;
+    if (!curMat ||
+        curMat.location.type !== LocType.OnPallet ||
+        curMat.action.type === ActionType.Loading ||
+        curMat.action.type === ActionType.UnloadToCompletedMaterial ||
+        curMat.action.type === ActionType.UnloadToInProcess) {
+        return null;
+    }
+    function swapMats() {
+        if (curMat && props.st && props.st.selectedMatToSwap && curMat.location.type === LocType.OnPallet) {
+            props.setState({ selectedMatToSwap: props.st.selectedMatToSwap, updating: true });
+            JobsBackend.swapMaterialOnPallet(curMat.materialID, operator, {
+                pallet: curMat.location.palletNum ?? 0,
+                materialIDToSetOnPallet: props.st.selectedMatToSwap.materialID,
+            })
+                .catch(console.log)
+                .finally(() => {
+                closeMatDialog(null);
+                props.onClose();
+            });
+        }
+    }
+    return (_jsxs(_Fragment, { children: [props.st === null ? (_jsx(Button, { color: "primary", onClick: () => props.setState({ selectedMatToSwap: null, updating: false }), children: "Swap Serial" })) : undefined, props.st !== null ? (_jsx(Button, { color: "primary", onClick: swapMats, disabled: props.st.selectedMatToSwap === null || props.st.updating, children: props.st.selectedMatToSwap === null
+                    ? "Swap Serial"
+                    : "Swap with " + (props.st.selectedMatToSwap.serial ?? "") })) : undefined] }));
+}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import * as api from "../../network/api.js";
+export interface JobDetailsProps {
+    readonly job: Readonly<api.IActiveJob> | null;
+    readonly checkAnalysisMonth: boolean;
+}
+export declare function JobDetails(props: JobDetailsProps): ReactNode;

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

@@ -0,0 +1,108 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2020, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+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 { Fragment } from "react";
+import * as api from "../../network/api.js";
+import { IconButton } from "@mui/material";
+import { Table } from "@mui/material";
+import { TableBody } from "@mui/material";
+import { TableCell } from "@mui/material";
+import { TableHead } from "@mui/material";
+import { TableRow } from "@mui/material";
+import { durationToMinutes } from "../../util/parseISODuration.js";
+import { materialDialogOpen } from "../../cell-status/material-details.js";
+import { currentStatus } from "../../cell-status/current-status.js";
+import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
+import { last30MaterialSummary, specificMonthMaterialSummary } from "../../cell-status/material-summary.js";
+import { LazySeq, HashSet } from "@seedtactics/immutable-collections";
+import { MoreHoriz } from "@mui/icons-material";
+import { useAtomValue, useSetAtom } from "jotai";
+function displayDate(d) {
+    return d.toLocaleString(undefined, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    });
+}
+function JobCompleted(props) {
+    const val = props.job.completed?.[props.procIdx]?.[props.pathIdx];
+    if (val !== undefined) {
+        return _jsxs("div", { children: ["Completed: ", val] });
+    }
+    return null;
+}
+function JobDisplay(props) {
+    return (_jsx("div", { children: _jsxs("dl", { children: [_jsx("dt", { children: "Job ID" }), _jsx("dd", { children: props.job.unique }), _jsx("dt", { children: "Time" }), _jsxs("dd", { children: [displayDate(props.job.routeStartUTC), " to ", displayDate(props.job.routeEndUTC)] }), props.job.cycles ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Quantity" }), _jsx("dd", { children: props.job.cycles })] })) : undefined, props.job.comment !== undefined && props.job.comment !== "" ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Comment" }), _jsx("dd", { children: props.job.comment })] })) : undefined, props.job.assignedWorkorders && props.job.assignedWorkorders.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Workorders" }), _jsx("dd", { children: props.job.assignedWorkorders.join(", ") })] })) : undefined, props.job.procsAndPaths.map((proc, procIdx) => (_jsx(Fragment, { children: proc.paths.map((path, pathIdx) => (_jsxs(Fragment, { children: [_jsxs("dt", { children: ["Process ", procIdx + 1, proc.paths.length > 1 ? ", Path " + (pathIdx + 1).toString() : undefined] }), _jsxs("dd", { children: [_jsx(JobCompleted, { job: props.job, procIdx: procIdx, pathIdx: pathIdx }), _jsxs("div", { children: ["Estimated Start: ", displayDate(path.simulatedStartingUTC)] }), _jsxs("div", { children: ["Pallets: ", (path.palletNums ?? []).map((p) => p.toString()).join(",")] }), path.fixture ? (_jsxs("div", { children: ["Fixture: ", path.fixture, " ", path.face !== undefined ? ", Face: " + path.face.toString() : undefined] })) : undefined, path.inputQueue ? _jsxs("div", { children: ["Input Queue: ", path.inputQueue] }) : undefined, path.casting ? _jsxs("div", { children: ["Raw Material: ", path.casting] }) : undefined, _jsxs("div", { children: ["Load Stations: ", path.load.join(","), " |", " ", durationToMinutes(path.expectedLoadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }), path.stops.map((stop, stopIdx) => (_jsx(Fragment, { children: _jsxs("div", { children: [stop.stationGroup, ": ", (stop.stationNums ?? []).join(","), " | Program: ", stop.program, stop.programRevision ? " rev" + stop.programRevision.toString() : undefined, " |", " ", (durationToMinutes(stop.expectedCycleTime) / path.partsPerPallet).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }) }, stopIdx))), _jsxs("div", { children: ["Unload Stations: ", path.unload.join(","), " |", " ", durationToMinutes(path.expectedUnloadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }), path.outputQueue ? _jsxs("div", { children: ["Output Queue: ", path.outputQueue] }) : undefined, path.inspections && path.inspections.length > 0 ? (_jsxs("div", { children: ["Inspections: ", path.inspections.map((i) => i.inspectionType).join(",")] })) : undefined] })] }, pathIdx))) }, procIdx)))] }) }));
+}
+function MaterialStatus(props) {
+    if (props.inProcMat !== null && props.inProcMat.location.type === api.LocType.OnPallet) {
+        return _jsxs("span", { children: ["On pallet ", props.inProcMat.location.palletNum ?? ""] });
+    }
+    else if (props.inProcMat !== null && props.inProcMat.location.type === api.LocType.InQueue) {
+        return _jsxs("span", { children: ["In queue ", props.inProcMat.location.currentQueue ?? ""] });
+    }
+    else if (props.matSummary?.completed_last_proc_machining) {
+        return _jsx("span", { children: "Completed" });
+    }
+    else if (props.matSummary !== null && props.matSummary.startedProcess1 === false) {
+        return _jsx("span", { children: "Not yet started" });
+    }
+    else {
+        return _jsx("span", {});
+    }
+}
+function JobMaterial(props) {
+    const currentMaterial = useAtomValue(currentStatus).material;
+    const setMatToShow = useSetAtom(materialDialogOpen);
+    const mats = LazySeq.of(props.matIdsForJob.get(props.unique) ?? HashSet.empty())
+        .collect((matId) => props.matsFromEvents.get(matId))
+        .toRArray();
+    if (mats === null || mats.length === 0) {
+        return _jsx("div", {});
+    }
+    const matsById = LazySeq.of(currentMaterial).toHashMap((m) => [m.materialID, m], (m1, _m2) => m1);
+    const anyWorkorder = LazySeq.of(mats).some((m) => m.workorderId !== undefined && m.workorderId !== "" && m.workorderId !== m.serial);
+    return (_jsx("div", { children: _jsxs(Table, { size: "small", style: { width: props.fullWidth ? "100%" : "auto" }, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [anyWorkorder ? _jsx(TableCell, { children: "Workorder" }) : undefined, _jsx(TableCell, { children: "Serial" }), _jsx(TableCell, { children: "Status" }), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(TableBody, { children: mats.map((mat) => (_jsxs(TableRow, { children: [anyWorkorder ? _jsx(TableCell, { children: mat.workorderId ?? "" }) : undefined, _jsx(TableCell, { children: mat.serial ?? "" }), _jsx(TableCell, { children: _jsx(MaterialStatus, { matSummary: props.matsFromEvents.get(mat.materialID) ?? null, inProcMat: matsById.get(mat.materialID) ?? null }) }), _jsx(TableCell, { padding: "checkbox", children: _jsx(IconButton, { onClick: () => setMatToShow({
+                                        type: "MatSummary",
+                                        summary: mat,
+                                    }), size: "large", children: _jsx(MoreHoriz, { fontSize: "inherit" }) }) })] }, mat.materialID))) })] }) }));
+}
+export function JobDetails(props) {
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const matsFromEvents = useAtomValue(props.checkAnalysisMonth && period.type === "SpecificMonth"
+        ? specificMonthMaterialSummary
+        : last30MaterialSummary);
+    return (_jsx("div", { style: { display: "flex", justifyContent: "space-evenly" }, children: props.job !== null ? (_jsxs(_Fragment, { children: [_jsx(JobDisplay, { job: props.job }), _jsx(JobMaterial, { unique: props.job.unique, fullWidth: false, matsFromEvents: matsFromEvents.matsById, matIdsForJob: matsFromEvents.matIdsForJob })] })) : undefined }));
+}

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface LoadStationProps {
+    readonly loadNum: number;
+    readonly queues: ReadonlyArray<string>;
+    readonly completed: boolean;
+    readonly whiteBackground?: boolean;
+}
+export declare function LoadStation(props: LoadStationProps): import("react/jsx-runtime").JSX.Element;
+declare function LoadStationCheckWidth(props: LoadStationProps): ReactNode;
+export default LoadStationCheckWidth;