@seedtactics/insight-client 16.4.0

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

@@ -0,0 +1,162 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* Copyright (c) 2022, 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 { memo, useMemo } from "react";
+import { addHours } from "date-fns";
+import { Box, Typography } from "@mui/material";
+import { Button } from "@mui/material";
+import { MaterialDialog, MatSummary } from "./Material.js";
+import { SelectWorkorderDialog, selectWorkorderDialogOpen } from "./SelectWorkorder.js";
+import { Tooltip } from "@mui/material";
+import { currentOperator } from "../../data/operators.js";
+import { fmsInformation } from "../../network/server-settings.js";
+import { materialDialogOpen, materialInDialogInfo, materialInDialogLargestUsedProcess, useCompleteCloseout, } from "../../cell-status/material-details.js";
+import { last30MaterialSummary, } from "../../cell-status/material-summary.js";
+import { instructionUrl } from "../../network/backend.js";
+import { QuarantineMatButton } from "./QuarantineButton.js";
+import { useIsDemo, useSetTitle } from "../routes.js";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+function CompleteButton() {
+    const fmsInfo = useAtomValue(fmsInformation);
+    const mat = useAtomValue(materialInDialogInfo);
+    const [complete, isCompleting] = useCompleteCloseout();
+    const operator = useAtomValue(currentOperator);
+    const [toShow, setToShow] = useAtom(materialDialogOpen);
+    if (mat === null)
+        return null;
+    const requireScan = fmsInfo.requireScanAtCloseout;
+    const requireWork = fmsInfo.requireWorkorderBeforeAllowCloseoutComplete;
+    let disallowCompleteReason;
+    if (requireScan) {
+        const usedScan = toShow !== null && (toShow.type === "Barcode" || toShow.type === "ManuallyEnteredSerial");
+        if (!usedScan) {
+            disallowCompleteReason = "Scan Required";
+        }
+    }
+    else if (requireWork) {
+        if (mat.workorderId === undefined || mat.workorderId === "") {
+            disallowCompleteReason = "No workorder assigned";
+        }
+    }
+    function markComplete(failed) {
+        if (mat === null)
+            return;
+        complete({
+            mat,
+            operator: operator,
+            failed,
+        });
+        setToShow(null);
+    }
+    if (disallowCompleteReason) {
+        return (_jsx(Tooltip, { title: disallowCompleteReason, placement: "top", children: _jsx("div", { children: _jsx(Button, { color: "primary", disabled: true, children: "Close Out" }) }) }));
+    }
+    else {
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { color: "primary", disabled: isCompleting, onClick: () => markComplete(true), children: "Fail Close Out" }), _jsx(Button, { color: "primary", disabled: isCompleting, onClick: () => markComplete(false), children: "Pass Close Out" })] }));
+    }
+}
+function InstrButton() {
+    const demo = useIsDemo();
+    const material = useAtomValue(materialInDialogInfo);
+    const operator = useAtomValue(currentOperator);
+    const maxProc = useAtomValue(materialInDialogLargestUsedProcess)?.process;
+    if (material === null || material.partName === "")
+        return null;
+    const url = instructionUrl(material.partName, "closeout", material.materialID, null, maxProc, operator);
+    if (demo) {
+        return _jsx(Button, { color: "primary", children: "Instructions" });
+    }
+    else {
+        return (_jsx(Button, { href: url, target: "bms-instructions", color: "primary", children: "Instructions" }));
+    }
+}
+function AssignWorkorderButton() {
+    const setWorkorderDialogOpen = useSetAtom(selectWorkorderDialogOpen);
+    const mat = useAtomValue(materialInDialogInfo);
+    if (mat === null)
+        return null;
+    return (_jsx(Button, { color: "primary", onClick: () => setWorkorderDialogOpen(true), children: "Assign Workorder" }));
+}
+const CloseoutMaterialDialog = memo(function CloseoutDialog() {
+    return (_jsx(MaterialDialog, { allowNote: true, buttons: _jsxs(_Fragment, { children: [_jsx(InstrButton, {}), _jsx(QuarantineMatButton, {}), _jsx(AssignWorkorderButton, {}), _jsx(CompleteButton, {})] }) }));
+});
+const currentNearestMinutes = atom(new Date());
+currentNearestMinutes.onMount = (set) => {
+    set(new Date());
+    const interval = setInterval(() => {
+        set(new Date());
+    }, 1000 * 60);
+    return () => clearInterval(interval);
+};
+export function Closeout({ forceSingleColumn }) {
+    const matSummary = useAtomValue(last30MaterialSummary);
+    const nearestMinute = useAtomValue(currentNearestMinutes);
+    const material = useMemo(() => {
+        const cutoff = addHours(nearestMinute, -48);
+        const closedCutoff = addHours(nearestMinute, -2);
+        const uncompleted = [];
+        const closed = [];
+        for (const m of matSummary.matsById.values()) {
+            if (m.completed_last_proc_machining === true && m.last_unload_time && m.last_unload_time >= cutoff) {
+                if (m.closeout_completed === undefined) {
+                    uncompleted.push(m);
+                }
+                else if (m.closeout_completed >= closedCutoff) {
+                    closed.push(m);
+                }
+            }
+        }
+        // sort ascending
+        uncompleted.sort((e1, e2) => e1.last_unload_time && e2.last_unload_time
+            ? e1.last_unload_time.getTime() - e2.last_unload_time.getTime()
+            : 0);
+        // sort descending
+        closed.sort((e1, e2) => e1.last_unload_time && e2.last_unload_time
+            ? e2.last_unload_time.getTime() - e1.last_unload_time.getTime()
+            : 0);
+        return { uncompleted, closed };
+    }, [matSummary, nearestMinute]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: forceSingleColumn ? undefined : { md: "flex" } }, children: [_jsxs(Box, { padding: "8px", sx: {
+                            minHeight: forceSingleColumn ? undefined : { md: "calc(100vh - 64px)" },
+                            width: forceSingleColumn ? "100%" : { md: "50vw" },
+                            borderRight: forceSingleColumn ? undefined : { md: "1px solid black" },
+                            borderBottom: forceSingleColumn ? "1px solid black" : { sm: "1px solid black", md: "none" },
+                        }, children: [_jsx(Typography, { variant: "h4", children: "Recently Completed" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: material.uncompleted.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) })] }), _jsxs(Box, { padding: "8px", sx: { width: forceSingleColumn ? "100%" : { md: "50vw" } }, children: [_jsx(Typography, { variant: "h4", children: "Recently Closed Out" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: material.closed.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) })] })] }), _jsx(SelectWorkorderDialog, {}), _jsx(CloseoutMaterialDialog, {})] }));
+}
+export function CloseoutPage() {
+    useSetTitle("Close Out");
+    return (_jsx(Box, { component: "main", sx: {
+            backgroundColor: "#F8F8F8",
+            minHeight: { sm: "calc(100vh - 64px - 40px)", md: "calc(100vh - 64px)" },
+        }, children: _jsx(Closeout, {}) }));
+}

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

@@ -0,0 +1 @@
+export declare const CustomStationMonitorDialog: import("react").NamedExoticComponent<object>;

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

@@ -0,0 +1,55 @@
+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 { memo, useState } from "react";
+import { Dialog } from "@mui/material";
+import { DialogActions } from "@mui/material";
+import { DialogContent } from "@mui/material";
+import { fmsInformation } from "../../network/server-settings.js";
+import { Button } from "@mui/material";
+import { Tooltip } from "@mui/material";
+import { IconButton } from "@mui/material";
+import { DialogTitle } from "@mui/material";
+import { Settings as SettingsIcon } from "@mui/icons-material";
+import { useAtomValue } from "jotai";
+export const CustomStationMonitorDialog = memo(function CustomStationMonitorDialog() {
+    const url = useAtomValue(fmsInformation)?.customStationMonitorDialogUrl;
+    const [open, setOpen] = useState(false);
+    if (!url) {
+        return null;
+    }
+    const parts = url.split("/");
+    let title = parts[parts.length - 1];
+    title = title[0].toUpperCase() + title.substr(1);
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: title, children: _jsx(IconButton, { onClick: () => setOpen(true), size: "large", children: _jsx(SettingsIcon, {}) }) }), _jsxs(Dialog, { open: open, onClose: () => setOpen(false), fullWidth: true, maxWidth: "md", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogContent, { children: _jsx("iframe", { width: "100%", src: url, style: { border: 0, height: "calc(100vh - 250px)" } }) }), _jsx(DialogActions, { children: _jsx(Button, { color: "primary", onClick: () => setOpen(false), children: "Close" }) })] })] }));
+});

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

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+interface InspectionProps {
+    readonly focusInspectionType: string | null;
+    readonly forceSingleColumn?: boolean;
+}
+export declare function Inspection({ focusInspectionType, forceSingleColumn }: InspectionProps): ReactNode;
+export default function InspectionPage(props: InspectionProps): ReactNode;
+export {};

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

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2022, 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 { memo, useMemo } from "react";
+import { addDays } from "date-fns";
+import { Box, Typography } from "@mui/material";
+import { Button } from "@mui/material";
+import { DialogActions } from "@mui/material";
+import { MaterialDialog, MatSummary } from "./Material.js";
+import * as matDetails from "../../cell-status/material-details.js";
+import { currentOperator } from "../../data/operators.js";
+import { last30MaterialSummary } from "../../cell-status/material-summary.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { instructionUrl } from "../../network/backend.js";
+import { QuarantineMatButton } from "./QuarantineButton.js";
+import { useIsDemo, useSetTitle } from "../routes.js";
+import { useAtomValue, useSetAtom } from "jotai";
+function InspButtons(props) {
+    const demo = useIsDemo();
+    const operator = useAtomValue(currentOperator);
+    const material = useAtomValue(matDetails.materialInDialogInfo);
+    const maxProc = useAtomValue(matDetails.materialInDialogLargestUsedProcess)?.process;
+    const [completeInsp, completeInspUpdating] = matDetails.useCompleteInspection();
+    const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
+    if (material === null)
+        return null;
+    function markInspComplete(success) {
+        if (!material) {
+            return;
+        }
+        completeInsp({
+            mat: material,
+            inspType: props.inspection_type,
+            success,
+            operator: operator,
+        });
+        setMatToShow(null);
+    }
+    const url = instructionUrl(material.partName, props.inspection_type, material.materialID, null, maxProc, operator);
+    return (_jsxs(_Fragment, { children: [material.partName !== "" ? (demo ? (_jsx(Button, { color: "primary", children: "Instructions" })) : (_jsx(Button, { href: url, target: "bms-instructions", color: "primary", children: "Instructions" }))) : undefined, _jsx(QuarantineMatButton, {}), _jsxs(Button, { color: "primary", disabled: completeInspUpdating, onClick: () => markInspComplete(true), children: ["Mark ", props.inspection_type, " Success"] }), _jsxs(Button, { color: "primary", disabled: completeInspUpdating, onClick: () => markInspComplete(false), children: ["Mark ", props.inspection_type, " Failed"] })] }));
+}
+function DialogBodyInspButtons({ focusInspectionType }) {
+    const material = useAtomValue(matDetails.materialInDialogInspections);
+    if (material === null || focusInspectionType || material.signaledInspections.length === 1)
+        return null;
+    return (_jsx(_Fragment, { children: material.signaledInspections.map((i) => (_jsx(DialogActions, { children: _jsx(InspButtons, { inspection_type: i }) }, i))) }));
+}
+function DialogActionInspButtons({ focusInspectionType }) {
+    const material = useAtomValue(matDetails.materialInDialogInspections);
+    let singleInspectionType;
+    if (focusInspectionType) {
+        singleInspectionType = focusInspectionType;
+    }
+    else if (material && material.signaledInspections.length === 1) {
+        singleInspectionType = material.signaledInspections[0];
+    }
+    else {
+        return null;
+    }
+    return _jsx(InspButtons, { inspection_type: singleInspectionType });
+}
+const InspMaterialDialog = memo(function InspMaterialDialog(props) {
+    return (_jsx(MaterialDialog, { allowNote: true, extraDialogElements: _jsx(DialogBodyInspButtons, { focusInspectionType: props.focusInspectionType }), buttons: _jsx(DialogActionInspButtons, { focusInspectionType: props.focusInspectionType }) }));
+});
+export function Inspection({ focusInspectionType, forceSingleColumn }) {
+    const matSummary = useAtomValue(last30MaterialSummary);
+    const recent_inspections = useMemo(() => extractRecentInspections(matSummary.matsById, focusInspectionType), [matSummary, focusInspectionType]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: forceSingleColumn ? undefined : { md: "flex" } }, children: [_jsxs(Box, { padding: "8px", sx: {
+                            minHeight: forceSingleColumn ? undefined : { md: "calc(100vh - 64px)" },
+                            width: forceSingleColumn ? "100%" : { md: "50vw" },
+                            borderRight: forceSingleColumn ? undefined : { md: "1px solid black" },
+                            borderBottom: forceSingleColumn ? "1px solid black" : { sm: "1px solid black", md: "none" },
+                        }, children: [_jsx(Typography, { variant: "h4", children: "Parts to Inspect" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: recent_inspections.waiting_to_inspect.map((m, idx) => (_jsx(MatSummary, { mat: m, focusInspectionType: focusInspectionType, hideWarningIcon: true }, idx))) })] }), _jsxs(Box, { padding: "8px", sx: { width: forceSingleColumn ? "100%" : { md: "50vw" } }, children: [_jsx(Typography, { variant: "h4", children: "Recently Inspected" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: recent_inspections.inspect_completed.map((m, idx) => (_jsx(MatSummary, { mat: m, focusInspectionType: focusInspectionType, hideWarningIcon: true }, idx))) })] })] }), _jsx(InspMaterialDialog, { focusInspectionType: focusInspectionType })] }));
+}
+function extractRecentInspections(mats, inspType) {
+    const uninspectedCutoff = addDays(new Date(), -7);
+    const inspectedCutoff = addDays(new Date(), -1);
+    function checkAllCompleted(m) {
+        const comp = m.completedInspections;
+        if (comp === undefined) {
+            return m.signaledInspections.length === 0;
+        }
+        else {
+            return LazySeq.of(m.signaledInspections).every((s) => s in comp);
+        }
+    }
+    const uninspected = Array.from(inspType === null
+        ? mats
+            .valuesToLazySeq()
+            .filter((m) => m.last_unload_time !== undefined &&
+            m.last_unload_time >= uninspectedCutoff &&
+            m.signaledInspections.length > 0 &&
+            !checkAllCompleted(m))
+        : mats
+            .valuesToLazySeq()
+            .filter((m) => m.last_unload_time !== undefined &&
+            m.last_unload_time >= uninspectedCutoff &&
+            m.signaledInspections.includes(inspType) &&
+            (m.completedInspections || {})[inspType] === undefined));
+    // sort descending
+    uninspected.sort((e1, e2) => e1.last_unload_time && e2.last_unload_time
+        ? e2.last_unload_time.getTime() - e1.last_unload_time.getTime()
+        : 0);
+    const inspected = Array.from(inspType === null
+        ? mats
+            .valuesToLazySeq()
+            .filter((m) => m.completed_inspect_time !== undefined &&
+            m.completed_inspect_time >= inspectedCutoff &&
+            m.signaledInspections.length > 0 &&
+            checkAllCompleted(m))
+        : mats
+            .valuesToLazySeq()
+            .filter((m) => m.completed_inspect_time !== undefined &&
+            m.completed_inspect_time >= inspectedCutoff &&
+            m.signaledInspections.includes(inspType) &&
+            (m.completedInspections || {})[inspType] !== undefined));
+    // sort descending
+    inspected.sort((e1, e2) => e1.completed_inspect_time && e2.completed_inspect_time
+        ? e2.completed_inspect_time.getTime() - e1.completed_inspect_time.getTime()
+        : 0);
+    return {
+        waiting_to_inspect: uninspected,
+        inspect_completed: inspected,
+    };
+}
+export default function InspectionPage(props) {
+    useSetTitle(props.focusInspectionType && props.focusInspectionType !== ""
+        ? `Inspection ${props.focusInspectionType}`
+        : "Inspection");
+    return (_jsx(Box, { component: "main", sx: {
+            backgroundColor: "#F8F8F8",
+            minHeight: { sm: "calc(100vh - 64px - 40px)", md: "calc(100vh - 64px)" },
+        }, children: _jsx(Inspection, { ...props }) }));
+}

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

@@ -0,0 +1,33 @@
+import { IInProcessMaterial } from "../../network/api.js";
+import { ReactNode } from "react";
+export type InvalidateCycleState = {
+    readonly process: number | null;
+    readonly changeRawMat: string | null;
+    readonly changeJobUnique: string | null;
+    readonly updating: boolean;
+};
+export type InvalidateCycleProps = {
+    readonly st: InvalidateCycleState | null;
+    readonly setState: (s: InvalidateCycleState | null) => void;
+};
+export declare function InvalidateCycleDialogContent(props: InvalidateCycleProps): import("react/jsx-runtime").JSX.Element;
+export declare function InvalidateCycleDialogButton(props: InvalidateCycleProps & {
+    readonly onClose: () => void;
+    readonly ignoreOperator?: boolean;
+    readonly loadStation?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+interface SwapMaterial {
+    readonly selectedMatToSwap: Readonly<IInProcessMaterial> | null;
+    readonly updating: boolean;
+}
+export type SwapMaterialState = SwapMaterial | null;
+export interface SwapMaterialProps {
+    readonly st: SwapMaterialState;
+    readonly setState: (s: SwapMaterialState) => void;
+}
+export declare function SwapMaterialDialogContent(props: SwapMaterialProps): ReactNode;
+export declare function SwapMaterialButtons(props: SwapMaterialProps & {
+    readonly onClose: () => void;
+    readonly ignoreOperator?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};