@seedtactics/insight-client 16.4.0

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

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2018, 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 { useState, memo } from "react";
+import { Button, ListItemButton } from "@mui/material";
+import { List } from "@mui/material";
+import { ListItem } from "@mui/material";
+import { ListItemText } from "@mui/material";
+import { ListItemIcon } from "@mui/material";
+import { Dialog } from "@mui/material";
+import { DialogActions } from "@mui/material";
+import { DialogContent } from "@mui/material";
+import { DialogTitle } from "@mui/material";
+import { Search as SearchIcon } from "@mui/icons-material";
+import { TextField } from "@mui/material";
+import * as matDetails from "../../cell-status/material-details.js";
+import { last30InspectionTypes } from "../../cell-status/names.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { DisplayLoadingAndError } from "../ErrorsAndLoading.js";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+const selectInspTypeDialogOpen = atom(false);
+function ManualInspTypeEntry() {
+    const [inspType, setInspType] = useState(null);
+    const mat = useAtomValue(matDetails.materialInDialogInfo);
+    const [forceInsp] = matDetails.useForceInspection();
+    const close = useSetAtom(selectInspTypeDialogOpen);
+    return (_jsx(TextField, { sx: { mt: "5px" }, label: inspType === "" || inspType === null ? "Inspection Type" : "Inspection Type (press enter)", value: inspType ?? "", onChange: (e) => setInspType(e.target.value), onKeyPress: (e) => {
+            if (e.key === "Enter" && mat && inspType && inspType !== "") {
+                e.preventDefault();
+                forceInsp({
+                    mat: mat,
+                    inspType: inspType,
+                    inspect: true,
+                });
+                close(false);
+            }
+        } }));
+}
+function InspectionList() {
+    const mat = useAtomValue(matDetails.materialInDialogInfo);
+    const [forceInsp] = matDetails.useForceInspection();
+    const inspTypes = useAtomValue(last30InspectionTypes);
+    const sortedInspTypes = LazySeq.of(inspTypes).sortBy((x) => x);
+    const close = useSetAtom(selectInspTypeDialogOpen);
+    if (mat === null)
+        return null;
+    return (_jsx(List, { children: sortedInspTypes.map((iType) => (_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => {
+                    forceInsp({ mat, inspType: iType, inspect: true });
+                    close(false);
+                }, children: [_jsx(ListItemIcon, { children: _jsx(SearchIcon, {}) }), _jsx(ListItemText, { primary: iType })] }) }, iType))) }));
+}
+export function SignalInspectionButton() {
+    const setForceInspOpen = useSetAtom(selectInspTypeDialogOpen);
+    const curMat = useAtomValue(matDetails.inProcessMaterialInDialog);
+    if (curMat === null || curMat.materialID < 0)
+        return null;
+    return (_jsx(Button, { color: "primary", onClick: () => setForceInspOpen(true), children: "Signal Inspection" }));
+}
+export const SelectInspTypeDialog = memo(function SelectInspTypeDialog() {
+    const [dialogOpen, setDialogOpen] = useAtom(selectInspTypeDialogOpen);
+    let body;
+    if (dialogOpen === false) {
+        body = _jsx("p", { children: "None" });
+    }
+    else {
+        body = (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: "Select Inspection Type" }), _jsx(DialogContent, { children: _jsxs(DisplayLoadingAndError, { children: [_jsx(ManualInspTypeEntry, {}), _jsx(InspectionList, {})] }) }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setDialogOpen(false), color: "primary", children: "Cancel" }) })] }));
+    }
+    return (_jsx(Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false), maxWidth: "md", children: body }));
+});

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

@@ -0,0 +1,4 @@
+export declare const selectWorkorderDialogOpen: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const SelectWorkorderDialog: import("react").NamedExoticComponent<object>;

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

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2021, 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 { useState, memo } from "react";
+import { Button, ListItemButton } from "@mui/material";
+import { List } from "@mui/material";
+import { ListItem } from "@mui/material";
+import { ListItemText } from "@mui/material";
+import { ListItemIcon } from "@mui/material";
+import { Dialog } from "@mui/material";
+import { DialogActions } from "@mui/material";
+import { DialogContent } from "@mui/material";
+import { DialogTitle } from "@mui/material";
+import { TextField } from "@mui/material";
+import { Check as CheckmarkIcon, ShoppingBasket as ShoppingBasketIcon } from "@mui/icons-material";
+import * as matDetails from "../../cell-status/material-details.js";
+import { DisplayLoadingAndError } from "../ErrorsAndLoading.js";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+export const selectWorkorderDialogOpen = atom(false);
+function workorderComplete(w) {
+    let comment = "";
+    if (w.comments && w.comments.length > 0) {
+        comment = "; " + w.comments[w.comments.length - 1].comment;
+    }
+    return `Due ${w.dueDate.toLocaleDateString()}; Completed ${w.completedQuantity} of ${w.plannedQuantity}${comment}`;
+}
+function WorkorderIcon({ work }) {
+    if (work.plannedQuantity <= work.completedQuantity) {
+        return _jsx(CheckmarkIcon, {});
+    }
+    else {
+        return _jsx(ShoppingBasketIcon, {});
+    }
+}
+function ManualWorkorderEntry() {
+    const [workorder, setWorkorder] = useState(null);
+    const mat = useAtomValue(matDetails.materialInDialogInfo);
+    const [assignWorkorder] = matDetails.useAssignWorkorder();
+    const setWorkDialogOpen = useSetAtom(selectWorkorderDialogOpen);
+    return (_jsx(TextField, { sx: { mt: "5px" }, label: workorder === null || workorder === "" ? "Workorder" : "Workorder (press enter)", value: workorder ?? "", onChange: (e) => setWorkorder(e.target.value), onKeyPress: (e) => {
+            if (e.key === "Enter" && mat && workorder && workorder !== "") {
+                e.preventDefault();
+                assignWorkorder(mat, workorder);
+                setWorkDialogOpen(false);
+            }
+        } }));
+}
+function WorkorderList() {
+    const mat = useAtomValue(matDetails.materialInDialogInfo);
+    const workorders = useAtomValue(matDetails.possibleWorkordersForMaterialInDialog);
+    const setWorkDialogOpen = useSetAtom(selectWorkorderDialogOpen);
+    const [assignWorkorder] = matDetails.useAssignWorkorder();
+    return (_jsx(List, { children: (workorders ?? []).map((w) => (_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => {
+                    if (mat) {
+                        assignWorkorder(mat, w.workorderId);
+                    }
+                    setWorkDialogOpen(false);
+                }, children: [_jsx(ListItemIcon, { children: _jsx(WorkorderIcon, { work: w }) }), _jsx(ListItemText, { primary: w.workorderId, secondary: workorderComplete(w) })] }) }, w.workorderId))) }));
+}
+export const SelectWorkorderDialog = memo(function SelectWorkorderDialog() {
+    const [workDialogOpen, setWorkDialogOpen] = useAtom(selectWorkorderDialogOpen);
+    let body;
+    if (workDialogOpen === false) {
+        body = _jsx("p", { children: "None" });
+    }
+    else {
+        body = (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: "Select Workorder" }), _jsx(DialogContent, { children: _jsxs(DisplayLoadingAndError, { children: [_jsx(ManualWorkorderEntry, {}), _jsx(WorkorderList, {})] }) }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setWorkDialogOpen(false), color: "primary", children: "Cancel" }) })] }));
+    }
+    return (_jsx(Dialog, { open: workDialogOpen, onClose: () => setWorkDialogOpen(false), maxWidth: "md", children: body }));
+});

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

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

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

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Copyright (c) 2023, 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, Select, useMediaQuery, useTheme } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import { Input } from "@mui/material";
+import { FormControl } from "@mui/material";
+import { currentStatus } from "../../cell-status/current-status.js";
+import { RouteLocation, currentRoute } from "../routes.js";
+import { last30InspectionTypes } from "../../cell-status/names.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { SystemOverviewDialogButton } from "./SystemOverview.js";
+import { useAtom, useAtomValue } from "jotai";
+const toolbarStyle = {
+    display: "flex",
+    backgroundColor: "#E0E0E0",
+    paddingLeft: "24px",
+    paddingRight: "24px",
+    paddingBottom: "4px",
+    height: "2.5em",
+    alignItems: "flex-end",
+};
+const inHeaderStyle = {
+    display: "flex",
+    alignSelf: "center",
+    alignItems: "flex-end",
+};
+const allInspSym = "@@all_inspection_display@@";
+const completedSym = "@@recent_completed_material@@";
+var StationMonitorType;
+(function (StationMonitorType) {
+    StationMonitorType["LoadUnload"] = "LoadUnload";
+    StationMonitorType["Inspection"] = "Inspection";
+    StationMonitorType["CloseOut"] = "CloseOut";
+    StationMonitorType["Queues"] = "Queues";
+    StationMonitorType["AllMaterial"] = "AllMaterial";
+})(StationMonitorType || (StationMonitorType = {}));
+export function StationToolbar() {
+    const [route, setRoute] = useAtom(currentRoute);
+    const inspTypes = useAtomValue(last30InspectionTypes);
+    const queueNames = Object.keys(useAtomValue(currentStatus).queues).sort((a, b) => a.localeCompare(b));
+    const theme = useTheme();
+    const full = useMediaQuery(theme.breakpoints.down("md"));
+    function setLoadNumber(valStr) {
+        const val = parseFloat(valStr);
+        if (!isNaN(val) && isFinite(val)) {
+            if (route.route === RouteLocation.Station_LoadMonitor) {
+                setRoute({
+                    route: RouteLocation.Station_LoadMonitor,
+                    loadNum: val,
+                    queues: route.queues,
+                    completed: route.completed,
+                });
+            }
+            else {
+                setRoute({ route: RouteLocation.Station_LoadMonitor, loadNum: val, queues: [], completed: false });
+            }
+        }
+    }
+    function setInspType(type) {
+        if (type === allInspSym) {
+            setRoute({ route: RouteLocation.Station_InspectionMonitor });
+        }
+        else {
+            setRoute({ route: RouteLocation.Station_InspectionMonitorWithType, inspType: type });
+        }
+    }
+    function setLoadQueues(newQueues) {
+        const completed = newQueues.includes(completedSym);
+        newQueues = newQueues.filter((q) => q !== completedSym).slice(0, 2);
+        if (route.route === RouteLocation.Station_LoadMonitor) {
+            setRoute({
+                route: RouteLocation.Station_LoadMonitor,
+                loadNum: route.loadNum,
+                queues: newQueues,
+                completed: completed,
+            });
+        }
+        else {
+            setRoute({ route: RouteLocation.Station_LoadMonitor, loadNum: 1, queues: newQueues, completed });
+        }
+    }
+    function setStandaloneQueues(newQueues) {
+        setRoute({ route: RouteLocation.Station_Queues, queues: newQueues });
+    }
+    let curType = StationMonitorType.LoadUnload;
+    let loadNum = 1;
+    let curInspType = null;
+    let currentQueues = [];
+    switch (route.route) {
+        case RouteLocation.Station_LoadMonitor:
+            curType = StationMonitorType.LoadUnload;
+            loadNum = route.loadNum;
+            currentQueues = route.queues;
+            if (route.completed) {
+                currentQueues = currentQueues.concat(completedSym);
+            }
+            break;
+        case RouteLocation.Station_InspectionMonitor:
+            curType = StationMonitorType.Inspection;
+            curInspType = "";
+            break;
+        case RouteLocation.Station_InspectionMonitorWithType:
+            curType = StationMonitorType.Inspection;
+            curInspType = route.inspType;
+            break;
+        case RouteLocation.Station_Queues:
+            curType = StationMonitorType.Queues;
+            currentQueues = route.queues;
+            break;
+        case RouteLocation.Station_Closeout:
+            curType = StationMonitorType.CloseOut;
+            break;
+        default:
+            curType = StationMonitorType.AllMaterial;
+            break;
+    }
+    return (_jsxs(Box, { component: "nav", sx: full ? toolbarStyle : inHeaderStyle, children: [curType === StationMonitorType.LoadUnload ? (_jsx(Input, { type: "number", placeholder: "Load Station Number", value: loadNum, onChange: (e) => setLoadNumber(e.target.value), style: { width: "3em", marginLeft: "1em" } }, "loadnumselect")) : undefined, curType === StationMonitorType.Inspection ? (_jsxs(Select, { value: curInspType || allInspSym, onChange: (e) => setInspType(e.target.value), variant: "standard", style: { marginLeft: "1em" }, children: [_jsx(MenuItem, { value: allInspSym, children: _jsx("em", { children: "All" }) }, allInspSym), LazySeq.of(inspTypes)
+                        .sortBy((x) => x)
+                        .map((ty) => (_jsx(MenuItem, { value: ty, children: ty }, ty)))] }, "inspselect")) : undefined, curType === StationMonitorType.LoadUnload ? (_jsxs(FormControl, { style: { marginLeft: "1em" }, children: [currentQueues.length === 0 ? (_jsx("label", { style: {
+                            position: "absolute",
+                            top: "10px",
+                            left: 0,
+                            color: "rgba(0,0,0,0.54)",
+                            fontSize: "0.9rem",
+                        }, children: "Display queue(s)" })) : undefined, _jsxs(Select, { multiple: true, displayEmpty: true, variant: "standard", value: currentQueues, inputProps: { id: "queueselect" }, style: { minWidth: "10em", marginTop: "0" }, onChange: (e) => setLoadQueues(e.target.value), children: [queueNames.map((q, idx) => (_jsx(MenuItem, { value: q, children: q }, idx))), _jsx(MenuItem, { value: completedSym, children: _jsx("i", { children: "Completed" }) })] })] })) : undefined, curType === StationMonitorType.Queues ? (_jsxs(FormControl, { style: { marginLeft: "1em", minWidth: "10em" }, children: [currentQueues.length === 0 ? (_jsx("label", { style: {
+                            position: "absolute",
+                            top: "10px",
+                            left: 0,
+                            color: "rgba(0,0,0,0.54)",
+                            fontSize: "0.9rem",
+                        }, children: "Select queue(s)" })) : undefined, _jsx(Select, { multiple: true, displayEmpty: true, variant: "standard", value: currentQueues, inputProps: { id: "queueselect" }, style: { marginTop: "0" }, onChange: (e) => setStandaloneQueues(e.target.value), children: queueNames.map((q, idx) => (_jsx(MenuItem, { value: q, children: q }, idx))) })] })) : undefined] }));
+}
+export function StationToolbarOverviewButton() {
+    const theme = useTheme();
+    const full = useMediaQuery(theme.breakpoints.down("md"));
+    return (_jsx(Box, { display: "flex", alignItems: "center", height: "100%", bgcolor: full ? "#E0E0E0" : undefined, children: _jsx(SystemOverviewDialogButton, { full: full }) }));
+}

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

@@ -0,0 +1,46 @@
+import { IInProcessMaterial, IPalletStatus } from "../../network/api.js";
+import { OrderedMap } from "@seedtactics/immutable-collections";
+type PalletAndMaterial = {
+    readonly pallet: Readonly<IPalletStatus>;
+    readonly mats: ReadonlyArray<Readonly<IInProcessMaterial>>;
+};
+type MachineStatus = {
+    readonly name: string;
+    readonly inbound: PalletAndMaterial | null;
+    readonly worktable: PalletAndMaterial | null;
+    readonly outbound: PalletAndMaterial | null;
+};
+type LoadStatus = {
+    readonly lulNum: number;
+    readonly pal: PalletAndMaterial | null;
+};
+type MachineAtLoadStatus = {
+    readonly lulNum: number;
+    readonly machineMoving: boolean;
+    readonly machineCurrentlyAtLoad: {
+        readonly group: string;
+        readonly num: number;
+    } | null;
+    readonly readyMats: ReadonlyArray<Readonly<IInProcessMaterial>>;
+    readonly machiningMats: ReadonlyArray<Readonly<IInProcessMaterial>>;
+    readonly loadingMats: ReadonlyArray<Readonly<IInProcessMaterial>>;
+};
+type CellOverview = {
+    readonly machines: OrderedMap<string, ReadonlyArray<MachineStatus>>;
+    readonly loads: ReadonlyArray<LoadStatus>;
+    readonly stockerPals: ReadonlyArray<PalletAndMaterial>;
+    readonly machineAtLoad: ReadonlyArray<MachineAtLoadStatus>;
+    readonly maxNumFacesOnPallet: number;
+};
+export declare function formatSeconds(totalSeconds: number): string;
+export declare const SystemOverview: import("react").NamedExoticComponent<{
+    overview: CellOverview;
+}>;
+export declare function SystemOverviewPage({ ignoreOperator, whiteBackground, }: {
+    ignoreOperator?: boolean;
+    whiteBackground?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const SystemOverviewDialogButton: import("react").NamedExoticComponent<{
+    full: boolean;
+}>;
+export {};