@seedtactics/insight-client 16.4.0

package/dist/components/BarcodeScanning.js

@@ -0,0 +1,150 @@
+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, useEffect, useState } from "react";
+import { materialDialogOpen } from "../cell-status/material-details.js";
+import { atom, useAtom, useSetAtom } from "jotai";
+import { Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, TextField, Tooltip, } from "@mui/material";
+import { CameraAlt } from "@mui/icons-material";
+import { Scanner } from "@yudiel/react-qr-scanner";
+export const BarcodeListener = memo(function BarcodeListener() {
+    const setBarcode = useSetAtom(materialDialogOpen);
+    useEffect(() => {
+        let timeout;
+        let scanActive = false;
+        let scannedTxt = "";
+        let lastBangTime = null;
+        function cancelDetection() {
+            scannedTxt = "";
+            scanActive = false;
+        }
+        function startDetection() {
+            scannedTxt = "";
+            scanActive = true;
+            timeout = window.setTimeout(cancelDetection, 3 * 1000);
+        }
+        function success() {
+            if (timeout) {
+                clearTimeout(timeout);
+                timeout = undefined;
+            }
+            scanActive = false;
+            setBarcode({ type: "Barcode", barcode: scannedTxt, toQueue: null });
+        }
+        function onKeyDown(k) {
+            if (k.key === "!") {
+                lastBangTime = Date.now();
+            }
+            else if (k.code === "F1" && !scanActive) {
+                startDetection();
+                k.stopPropagation();
+                k.preventDefault();
+            }
+            else if (k.key === "*" && !scanActive && lastBangTime !== null && Date.now() - lastBangTime < 1000) {
+                startDetection();
+                k.stopPropagation();
+                k.preventDefault();
+            }
+            else if (scanActive && k.code === "Enter") {
+                success();
+                k.stopPropagation();
+                k.preventDefault();
+            }
+            else if (scanActive && k.key && k.key.length === 1) {
+                if (/[a-zA-Z0-9-|_,;]/.test(k.key)) {
+                    scannedTxt += k.key;
+                    k.stopPropagation();
+                    k.preventDefault();
+                }
+            }
+        }
+        document.addEventListener("keydown", onKeyDown, { capture: true });
+        return () => document.removeEventListener("keydown", onKeyDown);
+    }, [setBarcode]);
+    return null;
+});
+export const QRScanButton = memo(function QRScanButton() {
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const setBarcode = useSetAtom(materialDialogOpen);
+    const [manual, setManual] = useState("");
+    if (window.location.protocol !== "https:" &&
+        (import.meta.env.PROD || window.location.hostname !== "localhost"))
+        return null;
+    function onScan(results) {
+        if (results.length > 0 && results[0].rawValue !== null && results[0].rawValue !== "") {
+            setBarcode({ type: "Barcode", barcode: results[0].rawValue, toQueue: null });
+            setDialogOpen(false);
+            setManual("");
+        }
+    }
+    function onManual() {
+        if (manual !== "") {
+            setBarcode({ type: "Barcode", barcode: manual, toQueue: null });
+        }
+        setDialogOpen(false);
+        setManual("");
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false), children: [_jsx(DialogTitle, { children: "Scan a QR Code" }), _jsxs(DialogContent, { children: [_jsx(Box, { width: "15em", height: "15em", children: dialogOpen ? _jsx(Scanner, { onScan: onScan }) : undefined }), _jsx(Box, { marginTop: "1em", children: _jsx(TextField, { label: "Manual Entry", value: manual, variant: "outlined", fullWidth: true, onKeyDown: (e) => {
+                                        if (e.key === "Enter") {
+                                            onManual();
+                                        }
+                                    }, onChange: (e) => setManual(e.target.value) }) })] }), _jsxs(DialogActions, { children: [manual !== "" ? _jsx(Button, { onClick: onManual, children: "Submit" }) : undefined, _jsx(Button, { onClick: () => setDialogOpen(false), children: "Cancel" })] })] }), _jsx(Tooltip, { title: "Scan QR Code", children: _jsx(IconButton, { onClick: () => setDialogOpen(true), size: "large", children: _jsx(CameraAlt, {}) }) })] }));
+});
+// A version of the above dialog that in addition passes along which queue the material
+// is being added to.
+export const scanBarcodeToAddToQueueDialog = atom(null);
+export const AddByBarcodeDialog = memo(function AddByBarcodeDialog() {
+    const [queue, setQueue] = useAtom(scanBarcodeToAddToQueueDialog);
+    const [manual, setManual] = useState("");
+    const setBarcode = useSetAtom(materialDialogOpen);
+    function onScan(results) {
+        if (queue !== null && results.length > 0 && results[0].rawValue !== null && results[0].rawValue !== "") {
+            setBarcode({ type: "Barcode", barcode: results[0].rawValue, toQueue: queue });
+            setQueue(null);
+            setManual("");
+        }
+    }
+    function onManual() {
+        if (manual !== "" && queue !== null) {
+            setBarcode({ type: "Barcode", barcode: manual, toQueue: queue });
+        }
+        setQueue(null);
+        setManual("");
+    }
+    return (_jsxs(Dialog, { open: queue !== null, onClose: () => setQueue(null), maxWidth: "md", children: [_jsxs(DialogTitle, { children: ["Scan a Barcode To Add To ", queue] }), _jsxs(DialogContent, { children: [window.location.protocol === "https:" ||
+                        (import.meta.env.DEV && window.location.hostname === "localhost") ? (_jsx(Box, { width: "15em", height: "15em", children: queue !== null ? _jsx(Scanner, { onScan: onScan }) : undefined })) : undefined, _jsx(Box, { marginTop: "1em", children: _jsx(TextField, { label: "Manual Entry", value: manual, variant: "outlined", fullWidth: true, onKeyDown: (e) => {
+                                if (e.key === "Enter") {
+                                    onManual();
+                                }
+                            }, onChange: (e) => setManual(e.target.value) }) })] }), _jsxs(DialogActions, { children: [manual !== "" ? _jsx(Button, { onClick: onManual, children: "Submit" }) : undefined, _jsx(Button, { onClick: () => setQueue(null), children: "Cancel" })] })] }));
+});

package/dist/components/ChartTooltip.d.ts

@@ -0,0 +1,28 @@
+import { SxProps } from "@mui/material/styles";
+import { Atom } from "jotai";
+import { ComponentType } from "react";
+export type TooltipAtom<T> = Atom<({
+    readonly left: number;
+    readonly top: number;
+    readonly zIndex?: number;
+} & T) | null>;
+export declare function Tooltip<T>({ chartHeight, chartWidth, atom, TooltipContent, }: {
+    chartHeight: number;
+    chartWidth: number;
+    atom: TooltipAtom<T>;
+    TooltipContent: ComponentType<{
+        tooltip: T;
+    }>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChartWithTooltip<T>({ chart, tooltipAtom, TooltipContent, sx, autoHeight, }: {
+    chart: ({ width, height }: {
+        width: number;
+        height: number;
+    }) => React.ReactNode;
+    tooltipAtom: TooltipAtom<T>;
+    TooltipContent: ComponentType<{
+        tooltip: T;
+    }>;
+    sx?: SxProps;
+    autoHeight?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ChartTooltip.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { styled } from "@mui/material/styles";
+import { grey } from "@mui/material/colors";
+import { useResizeDetector } from "react-resize-detector";
+import { useAtomValue } from "jotai";
+import { Box } from "@mui/material";
+const ChartTooltipContainer = styled("div")({
+    backgroundColor: grey[700],
+    color: "white",
+    padding: "0.3rem 0.5rem",
+    borderRadius: "3px",
+    boxShadow: "0 1px 2px rgba(33, 33, 33, 0.2)",
+    pointerEvents: "none",
+});
+export function Tooltip({ chartHeight, chartWidth, atom, TooltipContent, }) {
+    const pos = useAtomValue(atom);
+    const { ref: tooltipRef, width: tooltipWidth, height: tooltipHeight, } = useResizeDetector({
+        refreshMode: "debounce",
+        refreshRate: 100,
+    });
+    if (!pos)
+        return null;
+    let tLeft = pos.left;
+    let tTop = pos.top;
+    if (tooltipWidth !== undefined) {
+        // Adjust tooltip position if it overflows the chart boundaries
+        // Check if the right edge (tLeft + 10 + tooltipWidth) is beyond the chart width
+        // and also that we are past halfway across
+        if (tLeft + 10 + tooltipWidth > chartWidth && tLeft + 10 > chartWidth / 2) {
+            tLeft = tLeft - tooltipWidth - 30;
+        }
+        else {
+            tLeft = tLeft + 10;
+        }
+    }
+    if (tooltipHeight !== undefined) {
+        // Adjust tooltip position if it overflows the chart boundaries
+        // Check if the bottom edge (tTop + 10 + tooltipHeight) is beyond the chart height
+        // and also that we are past halfway down
+        if (tTop + 10 + tooltipHeight > chartHeight && tTop + 10 > chartHeight / 2) {
+            tTop = tTop - tooltipHeight - 10;
+        }
+        else {
+            tTop = tTop + 10;
+        }
+    }
+    return (_jsx("div", { style: {
+            visibility: tooltipHeight !== undefined && tooltipWidth !== undefined ? "visible" : "hidden",
+            position: "absolute",
+            left: tLeft,
+            top: tTop,
+            zIndex: 10,
+        }, children: _jsx(ChartTooltipContainer, { ref: tooltipRef, style: pos?.zIndex ? { zIndex: pos.zIndex } : undefined, children: _jsx(TooltipContent, { tooltip: pos }) }) }));
+}
+export function ChartWithTooltip({ chart, tooltipAtom, TooltipContent, sx, autoHeight, }) {
+    const { ref: chartRef, width: chartWidth, height: chartHeight, } = useResizeDetector({
+        refreshMode: "debounce",
+        refreshRate: 100,
+    });
+    return (_jsx(Box, { ref: chartRef, sx: sx, children: _jsxs(Box, { sx: { position: "relative", overflow: "hidden" }, children: [chartWidth && (chartHeight || autoHeight)
+                    ? chart({ width: chartWidth, height: chartHeight ?? 0 })
+                    : undefined, chartHeight && chartWidth ? (_jsx(Tooltip, { chartHeight: chartHeight, chartWidth: chartWidth, atom: tooltipAtom, TooltipContent: TooltipContent })) : undefined] }) }));
+}

package/dist/components/ChooseMode.d.ts

@@ -0,0 +1,18 @@
+import { RouteState } from "./routes.js";
+import { ReactNode } from "react";
+export type ChooseModeItem = {
+    readonly type: "Subheader";
+    readonly caption: string;
+} | {
+    readonly type: "Link";
+    route: RouteState;
+    readonly icon: ReactNode;
+    readonly label: string;
+};
+export declare const defaultChooseModes: ReadonlyArray<ChooseModeItem>;
+export interface ChooseModeProps {
+    readonly setRoute: (r: RouteState) => void;
+    readonly modes?: ReadonlyArray<ChooseModeItem> | null;
+}
+export declare function ChooseMode(p: ChooseModeProps): ReactNode;
+export default ChooseMode;

package/dist/components/ChooseMode.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { ListItem, ListItemButton, Paper } from "@mui/material";
+import { List } from "@mui/material";
+import { ListItemIcon } from "@mui/material";
+import { ListSubheader } from "@mui/material";
+import { ListItemText } from "@mui/material";
+import { Typography } from "@mui/material";
+import { Build as BuildIcon, ShoppingBasket, Directions as DirectionsIcon, StarRate as StarIcon, InsertChart as ChartIcon, Extension as ExtensionIcon, Info as InfoIcon, Opacity as OpacityIcon, Memory as MemoryIcon, CalendarViewMonth, Paid as SalesIcon, } from "@mui/icons-material";
+import { RouteLocation } from "./routes.js";
+export const defaultChooseModes = [
+    { type: "Subheader", caption: "Shop Floor" },
+    {
+        type: "Link",
+        route: {
+            route: RouteLocation.Station_LoadMonitor,
+            loadNum: 1,
+            queues: [],
+            completed: false,
+        },
+        icon: _jsx(DirectionsIcon, {}),
+        label: "Load Station",
+    },
+    {
+        type: "Link",
+        route: {
+            route: RouteLocation.Station_Queues,
+            queues: [],
+        },
+        icon: _jsx(ExtensionIcon, {}),
+        label: "Queue Management",
+    },
+    {
+        type: "Link",
+        route: {
+            route: RouteLocation.Station_InspectionMonitor,
+        },
+        icon: _jsx(InfoIcon, {}),
+        label: "Inspection Stand",
+    },
+    {
+        type: "Link",
+        route: {
+            route: RouteLocation.Station_Closeout,
+        },
+        icon: _jsx(OpacityIcon, {}),
+        label: "Close Out",
+    },
+    {
+        type: "Link",
+        route: {
+            route: RouteLocation.Tools_Dashboard,
+        },
+        icon: _jsx(BuildIcon, {}),
+        label: "Tool Management",
+    },
+    {
+        type: "Link",
+        route: {
+            route: RouteLocation.Station_Overview,
+        },
+        icon: _jsx(CalendarViewMonth, {}),
+        label: "System Overview",
+    },
+    {
+        type: "Subheader",
+        caption: "Daily Monitoring",
+    },
+    {
+        type: "Link",
+        route: { route: RouteLocation.Operations_Dashboard },
+        icon: _jsx(ShoppingBasket, {}),
+        label: "Operation Management",
+    },
+    {
+        type: "Link",
+        route: { route: RouteLocation.Engineering_Cycles },
+        icon: _jsx(MemoryIcon, {}),
+        label: "Engineering",
+    },
+    {
+        type: "Link",
+        route: { route: RouteLocation.Quality_Dashboard },
+        icon: _jsx(StarIcon, {}),
+        label: "Quality Analysis",
+    },
+    {
+        type: "Link",
+        route: { route: RouteLocation.Sales_Dashboard },
+        icon: _jsx(SalesIcon, {}),
+        label: "Sales",
+    },
+    { type: "Subheader", caption: "Monthly Review" },
+    {
+        type: "Link",
+        route: { route: RouteLocation.Analysis_Buffers },
+        icon: _jsx(ChartIcon, {}),
+        label: "Flexibility Analysis",
+    },
+];
+export function ChooseMode(p) {
+    const navList = (_jsx(Paper, { children: _jsx(List, { component: "nav", dense: true, children: (p.modes ?? defaultChooseModes).map((mode, idx) => mode.type === "Subheader" ? (_jsx(ListSubheader, { children: mode.caption }, idx)) : (_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => p.setRoute(mode.route), children: [_jsx(ListItemIcon, { children: mode.icon }), _jsx(ListItemText, { children: mode.label })] }) }, idx))) }) }));
+    return (_jsx("main", { style: { display: "flex", justifyContent: "center" }, children: _jsxs("div", { children: [_jsxs("div", { style: { textAlign: "center" }, children: [_jsx(Typography, { variant: "h4", style: { marginTop: "2em" }, children: "Select user and computer location" }), _jsxs(Typography, { variant: "caption", style: { marginBottom: "2em", maxWidth: "30em", marginLeft: "auto", marginRight: "auto" }, children: ["We recommend that after selecting one of the following modes, you bookmark the page and visit it directly.", _jsx("a", { href: "https://fms-insight.seedtactics.com/docs/client-dashboard.html", children: "Learn More" })] })] }), navList] }) }));
+}
+export default ChooseMode;

package/dist/components/ChooseOperator.d.ts

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

package/dist/components/ChooseOperator.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2019, 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 { Select } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import { ListItemText } from "@mui/material";
+import { ListItemSecondaryAction } from "@mui/material";
+import { IconButton } from "@mui/material";
+import { Delete as DeleteIcon } from "@mui/icons-material";
+import { Dialog } from "@mui/material";
+import { DialogTitle } from "@mui/material";
+import { TextField } from "@mui/material";
+import { DialogContent } from "@mui/material";
+import { DialogActions } from "@mui/material";
+import { Button } from "@mui/material";
+import { allOperators, currentOperator } from "../data/operators.js";
+import { fmsInformation } from "../network/server-settings.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { useAtom, useAtomValue } from "jotai";
+const NewOper = "__FMS_INSIGHT_NEW_OPERATOR__";
+export const OperatorSelect = memo(function OperatorSelectF() {
+    const fmsInfo = useAtomValue(fmsInformation);
+    const [operator, setOperator] = useAtom(currentOperator);
+    const [allOpers, setAllOpers] = useAtom(allOperators);
+    const [newOperOpen, setNewOperOpen] = useState(false);
+    const [newOperName, setNewOperName] = useState("");
+    function changeOper(evt) {
+        if (evt.target.value === NewOper) {
+            setNewOperOpen(true);
+        }
+        else {
+            setOperator(evt.target.value);
+        }
+    }
+    function removeOperator(oper) {
+        setAllOpers((s) => s.filter((o) => o !== oper));
+    }
+    function addOperator() {
+        if (newOperName !== "") {
+            setAllOpers((s) => [...s.filter((o) => o !== newOperName), newOperName]);
+            setOperator(newOperName);
+            setNewOperName("");
+            setNewOperOpen(false);
+        }
+    }
+    if (fmsInfo.user) {
+        return _jsx("div", { children: fmsInfo.user.profile.name || fmsInfo.user.profile.sub });
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Select, { value: operator || "", onChange: changeOper, variant: "standard", renderValue: (x) => x, children: [LazySeq.of(allOpers)
+                        .sortBy((x) => x)
+                        .map((oper, idx) => (_jsxs(MenuItem, { value: oper, children: [_jsx(ListItemText, { primary: oper }), _jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: "end", onClick: () => removeOperator(oper), size: "large", children: _jsx(DeleteIcon, {}) }) })] }, idx))), _jsx(MenuItem, { value: NewOper, children: _jsx("em", { children: "Create New Operator" }) }, "new")] }), _jsxs(Dialog, { open: newOperOpen, onClose: () => {
+                    setNewOperOpen(false);
+                    setNewOperName("");
+                }, children: [_jsx(DialogTitle, { children: "Create New Operator" }), _jsx(DialogContent, { children: _jsx(TextField, { value: newOperName, onChange: (evt) => setNewOperName(evt.target.value), label: "New Name", variant: "outlined", autoFocus: true, sx: { mt: "0.5em" }, onKeyUp: (evt) => {
+                                if (evt.keyCode === 13) {
+                                    addOperator();
+                                }
+                            } }) }), _jsxs(DialogActions, { children: [_jsxs(Button, { disabled: newOperName === "", onClick: addOperator, children: ["Create ", newOperName] }), _jsx(Button, { onClick: () => {
+                                    setNewOperName("");
+                                    setNewOperOpen(false);
+                                }, children: "Cancel" })] })] })] }));
+});

package/dist/components/ErrorsAndLoading.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export declare function Loading(): import("react/jsx-runtime").JSX.Element;
+export declare function DisplayError({ error }: {
+    readonly error?: Error;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DisplayLoadingAndError(props: {
+    children: ReactNode;
+    fallback?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ErrorsAndLoading.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs, 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 { Suspense } from "react";
+import { CircularProgress } from "@mui/material";
+import { Card } from "@mui/material";
+import { CardContent } from "@mui/material";
+import { ErrorBoundary } from "react-error-boundary";
+import { ApiException } from "../network/api.js";
+export function Loading() {
+    return (_jsxs("div", { style: { textAlign: "center", marginTop: "4em" }, children: [_jsx(CircularProgress, {}), _jsx("p", { children: "Loading" })] }));
+}
+export function DisplayError({ error }) {
+    if (error === undefined)
+        return _jsx(_Fragment, {});
+    if (ApiException.isApiException(error)) {
+        return (_jsx(Card, { children: _jsxs(CardContent, { children: [_jsx("h3", { children: "FMS Insight Server Error" }), _jsx("p", { children: error.response })] }) }));
+    }
+    else {
+        return (_jsx(Card, { children: _jsx(CardContent, { children: error.message }) }));
+    }
+}
+export function DisplayLoadingAndError(props) {
+    return (_jsx(ErrorBoundary, { FallbackComponent: DisplayError, children: _jsx(Suspense, { fallback: props.fallback ?? _jsx(Loading, {}), children: props.children }) }));
+}

package/dist/components/LoadingIcon.d.ts

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

package/dist/components/LoadingIcon.js

@@ -0,0 +1,48 @@
+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 { memo, useState } from "react";
+import { Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, } from "@mui/material";
+import { Error as ErrorIcon } from "@mui/icons-material";
+import { Tooltip } from "@mui/material";
+import { errorLoadingLast30, websocketReconnecting } from "../network/websocket.js";
+import { errorLoadingSpecificMonthData, loadingSpecificMonthData } from "../network/load-specific-month.js";
+import { useAtomValue } from "jotai";
+export const LoadingIcon = memo(function LoadingIcon() {
+    const websocketLoading = useAtomValue(websocketReconnecting);
+    const specificMonthLoading = useAtomValue(loadingSpecificMonthData);
+    const last30Error = useAtomValue(errorLoadingLast30);
+    const specificMonthError = useAtomValue(errorLoadingSpecificMonthData);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [last30Error != null || specificMonthError != null ? (_jsx(Tooltip, { title: "Error", children: _jsx(IconButton, { onClick: () => setDialogOpen(true), size: "large", children: _jsx(ErrorIcon, {}) }) })) : undefined, websocketLoading || specificMonthLoading ? (_jsx(Tooltip, { title: "Loading", children: _jsx(CircularProgress, { "data-testid": "loading-icon", color: "secondary" }) })) : undefined, _jsxs(Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false), children: [_jsx(DialogTitle, { children: "Error" }), _jsxs(DialogContent, { children: [last30Error !== null ? _jsx("p", { children: last30Error }) : undefined, specificMonthError !== null ? _jsx("p", { children: specificMonthError }) : undefined] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setDialogOpen(false), children: "Close" }) })] })] }));
+});

package/dist/components/LogEntry.d.ts

@@ -0,0 +1,16 @@
+import * as api from "../network/api.js";
+export interface LogEntryProps {
+    entry: api.ILogEntry;
+    detailLogCounter: number | null;
+    setDetail: (counter: number | null) => void;
+    readonly highlightProcsGreaterOrEqualTo?: number;
+}
+export declare function isLogEntryInvalidated(e: api.ILogEntry): boolean;
+export declare const LogEntry: import("react").NamedExoticComponent<LogEntryProps>;
+export declare function filterRemoveAddQueue(entries: Iterable<Readonly<api.ILogEntry>>): Iterable<Readonly<api.ILogEntry>>;
+export interface LogEntriesProps {
+    entries: Iterable<Readonly<api.ILogEntry>>;
+    copyToClipboard?: boolean;
+    highlightProcsGreaterOrEqualTo?: number;
+}
+export declare const LogEntries: import("react").NamedExoticComponent<LogEntriesProps>;