@seedtactics/insight-client 16.4.0

package/dist/components/App.js

@@ -0,0 +1,549 @@
+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 { memo, useTransition } from "react";
+import { useMediaQuery, useTheme } from "@mui/material";
+import { Tabs } from "@mui/material";
+import { Tab } from "@mui/material";
+import { Button } from "@mui/material";
+import { Dns as ToolIcon, Build as BuildIcon, Receipt as ProgramIcon, BugReport as BugIcon, HourglassFull as HourglassIcon, Timeline as WorkIcon, CalendarMonth as ScheduleIcon, CheckCircle as ProductionIcon, AltRoute as InspectionIcon, DonutSmall as BufferIcon, Extension as ExtensionIcon, AccountBox as LoadUnloadIcon, ShoppingBasket as PalletIcon, CallSplit, AttachMoney as CostIcon, Opacity, Replay, Summarize, } from "@mui/icons-material";
+import OperationDashboard from "./operations/Dashboard.js";
+import { CostPerPiecePage, CostBreakdownPage } from "./analysis/CostPerPiece.js";
+import ChooseMode from "./ChooseMode.js";
+import * as routes from "./routes.js";
+import * as serverSettings from "../network/server-settings.js";
+import { BarcodeListener } from "./BarcodeScanning.js";
+import { MaterialDialog } from "./station-monitor/Material.js";
+import { RecentSchedulesPage } from "./operations/RecentSchedules.js";
+import { AllMaterial } from "./operations/AllMaterial.js";
+import { QualityMaterialPage } from "./quality/QualityMaterial.js";
+import { QualityPaths } from "./quality/QualityPaths.js";
+import LoadStation from "./station-monitor/LoadStation.js";
+import Inspection from "./station-monitor/Inspection.js";
+import { CloseoutPage } from "./station-monitor/Closeout.js";
+import Queues from "./station-monitor/Queues.js";
+import { ToolReportPage } from "./operations/ToolReport.js";
+import { ProgramReportPage } from "./operations/Programs.js";
+import { WebsocketConnection } from "../network/websocket.js";
+import { ScheduleHistory } from "./analysis/ScheduleHistory.js";
+import { AnalysisQualityPage } from "./analysis/QualityPage.js";
+import { SystemOverviewPage } from "./station-monitor/SystemOverview.js";
+import { StationToolbar, StationToolbarOverviewButton } from "./station-monitor/StationToolbar.js";
+import { RecentProductionPage } from "./operations/RecentProduction.js";
+import { VerboseLoggingPage } from "./VerboseLogging.js";
+import { Header, SideMenu } from "./Navigation.js";
+import { OutlierCycles } from "./operations/Outliers.js";
+import { StationOEEPage } from "./operations/OEEChart.js";
+import { RecentStationCycleChart } from "./operations/RecentStationCycles.js";
+import { AnalysisSelectToolbar } from "./analysis/AnalysisSelectToolbar.js";
+import { BufferOccupancyChart } from "./analysis/BufferChart.js";
+import { CompletedCountHeatmap, StationOeeHeatmap } from "./analysis/EfficiencyPage.js";
+import { PartLoadStationCycleChart, PartMachineCycleChart } from "./analysis/PartCycleCards.js";
+import { PalletCycleChart } from "./analysis/PalletCycleCards.js";
+import { ToolReplacementPage } from "./analysis/ToolReplacements.js";
+import { CurrentWorkordersPage } from "./operations/CurrentWorkorders.js";
+import { useAtom, useAtomValue } from "jotai";
+import { SimDayUsagePage } from "./operations/SimDayUsage.js";
+import { latestSimDayUsage } from "../cell-status/sim-day-usage.js";
+import { CloseoutReport } from "./operations/CloseoutReport.js";
+import { RebookingsPage } from "./operations/Rebookings.js";
+import { RecentCompletedPartsPage } from "./operations/CompletedParts.js";
+const OperationsReportsTab = "bms-operations-reports-tab";
+const operationsReports = [
+    { separator: "Load/Unload" },
+    {
+        name: "L/U Outliers",
+        route: { route: routes.RouteLocation.Operations_LoadOutliers },
+        icon: _jsx(BugIcon, {}),
+    },
+    {
+        name: "L/U Hours",
+        route: { route: routes.RouteLocation.Operations_LoadHours },
+        icon: _jsx(HourglassIcon, {}),
+    },
+    {
+        name: "L/U Cycles",
+        route: { route: routes.RouteLocation.Operations_LoadCycles },
+        icon: _jsx(WorkIcon, {}),
+    },
+    { separator: "Machines" },
+    {
+        name: "MC Outliers",
+        route: { route: routes.RouteLocation.Operations_MachineOutliers },
+        icon: _jsx(BugIcon, {}),
+    },
+    {
+        name: "MC Hours",
+        route: { route: routes.RouteLocation.Operations_MachineHours },
+        icon: _jsx(HourglassIcon, {}),
+    },
+    {
+        name: "MC Cycles",
+        route: { route: routes.RouteLocation.Operations_MachineCycles },
+        icon: _jsx(WorkIcon, {}),
+    },
+    {
+        name: "Tools",
+        route: { route: routes.RouteLocation.Operations_Tools },
+        icon: _jsx(ToolIcon, {}),
+    },
+    {
+        name: "Programs",
+        route: { route: routes.RouteLocation.Operations_Programs },
+        icon: _jsx(ProgramIcon, {}),
+    },
+    { separator: "Material" },
+    {
+        name: "Quality",
+        route: { route: routes.RouteLocation.Operations_Quality },
+        icon: _jsx(BuildIcon, {}),
+    },
+    {
+        name: "Inspections",
+        route: { route: routes.RouteLocation.Operations_Inspections },
+        icon: _jsx(InspectionIcon, {}),
+    },
+    {
+        name: "Close Out",
+        route: { route: routes.RouteLocation.Operations_CloseoutReport },
+        icon: _jsx(Opacity, {}),
+    },
+    { separator: "Cell" },
+    {
+        name: "Schedules",
+        route: { route: routes.RouteLocation.Operations_RecentSchedules },
+        icon: _jsx(ScheduleIcon, {}),
+    },
+    {
+        name: "Workorders",
+        route: { route: routes.RouteLocation.Operations_CurrentWorkorders },
+        icon: _jsx(ExtensionIcon, {}),
+    },
+    {
+        name: "Production",
+        route: { route: routes.RouteLocation.Operations_Production },
+        icon: _jsx(ProductionIcon, {}),
+    },
+    {
+        name: "Part Summary",
+        route: { route: routes.RouteLocation.Operations_Parts },
+        icon: _jsx(Summarize, {}),
+    },
+    {
+        name: (info) => info.supportsRebookings ?? "Rebooking",
+        route: { route: routes.RouteLocation.Operations_Rebookings },
+        icon: _jsx(Replay, {}),
+        hidden: (info) => info.supportsRebookings === null || info.supportsRebookings === "",
+    },
+];
+const analysisReports = [
+    { separator: "Efficiency" },
+    { name: "Buffers", route: { route: routes.RouteLocation.Analysis_Buffers }, icon: _jsx(BufferIcon, {}) },
+    {
+        name: "Station OEE",
+        route: { route: routes.RouteLocation.Analysis_StationOEE },
+        icon: _jsx(HourglassIcon, {}),
+    },
+    {
+        name: "Completed Parts",
+        route: { route: routes.RouteLocation.Analysis_PartsCompleted },
+        icon: _jsx(ExtensionIcon, {}),
+    },
+    { separator: "Cycles" },
+    {
+        name: "Machine Cycles",
+        route: { route: routes.RouteLocation.Analysis_MachineCycles },
+        icon: _jsx(WorkIcon, {}),
+    },
+    {
+        name: "L/U Cycles",
+        route: { route: routes.RouteLocation.Analysis_LoadCycles },
+        icon: _jsx(LoadUnloadIcon, {}),
+    },
+    {
+        name: "Pallet Cycles",
+        route: { route: routes.RouteLocation.Analysis_PalletCycles },
+        icon: _jsx(PalletIcon, {}),
+    },
+    { separator: "Cell" },
+    { name: "Quality", route: { route: routes.RouteLocation.Analysis_Quality }, icon: _jsx(BuildIcon, {}) },
+    {
+        name: "Tool Replacements",
+        route: { route: routes.RouteLocation.Analysis_ToolReplacements },
+        icon: _jsx(ToolIcon, {}),
+    },
+    {
+        name: "Schedules",
+        route: { route: routes.RouteLocation.Analysis_Schedules },
+        icon: _jsx(ScheduleIcon, {}),
+    },
+    { separator: "Costs" },
+    {
+        name: "Percentages",
+        route: { route: routes.RouteLocation.Analysis_CostPercents },
+        icon: _jsx(CallSplit, {}),
+    },
+    {
+        name: "Cost/Piece",
+        route: { route: routes.RouteLocation.Analysis_CostPerPiece },
+        icon: _jsx(CostIcon, {}),
+    },
+];
+export function NavTabs({ children }) {
+    const [route, setRoute] = useAtom(routes.currentRoute);
+    const theme = useTheme();
+    const full = useMediaQuery(theme.breakpoints.down("md"));
+    const [, startTransition] = useTransition();
+    const isOperationReport = operationsReports.some((r) => "separator" in r ? false : r.route.route === route.route);
+    return (_jsx(Tabs, { variant: full && (!Array.isArray(children) || children.length < 5) ? "fullWidth" : "scrollable", value: isOperationReport ? OperationsReportsTab : route.route, onChange: (e, v) => startTransition(() => {
+            if (v === OperationsReportsTab) {
+                setRoute({ route: routes.RouteLocation.Operations_MachineCycles });
+            }
+            else {
+                setRoute({ route: v });
+            }
+        }), textColor: "inherit", scrollButtons: true, allowScrollButtonsMobile: true, indicatorColor: "secondary", children: children }));
+}
+function OperationsTabs() {
+    return (_jsxs(NavTabs, { children: [_jsx(Tab, { label: "Operations", value: routes.RouteLocation.Operations_Dashboard }), _jsx(Tab, { label: "Cell", value: routes.RouteLocation.Operations_SystemOverview }), _jsx(Tab, { label: "Material", value: routes.RouteLocation.Operations_AllMaterial }), _jsx(Tab, { label: "Reports", value: OperationsReportsTab })] }));
+}
+function QualityTabs() {
+    return (_jsxs(NavTabs, { children: [_jsx(Tab, { label: "Material", value: routes.RouteLocation.Quality_Dashboard }), _jsx(Tab, { label: "Paths", value: routes.RouteLocation.Quality_Paths }), _jsx(Tab, { label: "Quarantine Material", value: routes.RouteLocation.Quality_Quarantine })] }));
+}
+function ToolsTabs() {
+    return (_jsxs(NavTabs, { children: [_jsx(Tab, { label: "Tools", value: routes.RouteLocation.Tools_Dashboard }), _jsx(Tab, { label: "Programs", value: routes.RouteLocation.Tools_Programs })] }));
+}
+function EngineeringTabs() {
+    return (_jsxs(NavTabs, { children: [_jsx(Tab, { label: "Cycles", value: routes.RouteLocation.Engineering_Cycles }), _jsx(Tab, { label: "Hours", value: routes.RouteLocation.Engineering_Hours }), _jsx(Tab, { label: "Outliers", value: routes.RouteLocation.Engineering_Outliers })] }));
+}
+function SalesTabs() {
+    const usage = useAtomValue(latestSimDayUsage);
+    if (usage === null)
+        return null;
+    return (_jsxs(NavTabs, { children: [_jsx(Tab, { label: "Workorders", value: routes.RouteLocation.Sales_Dashboard }), _jsx(Tab, { label: "Projections", value: routes.RouteLocation.Sales_ProjectedUsage })] }));
+}
+const App = memo(function App(props) {
+    routes.useWatchHistory();
+    const fmsInfo = useAtomValue(serverSettings.fmsInformation);
+    const [route, setRoute] = useAtom(routes.currentRoute);
+    const showLogout = fmsInfo.user !== null && fmsInfo.user !== undefined;
+    let page;
+    let nav1 = undefined;
+    let nav2 = undefined;
+    let menuNavItems = undefined;
+    let showAlarms = true;
+    let showSearch = true;
+    let showOperator = false;
+    let addBasicMaterialDialog = true;
+    if (serverSettings.requireLogin(fmsInfo) && !fmsInfo.user) {
+        page = (_jsxs("div", { style: { textAlign: "center", marginTop: "4em" }, children: [_jsx("h3", { children: "Please Login" }), _jsx(Button, { variant: "contained", color: "primary", onClick: () => serverSettings.login(fmsInfo), children: "Login" })] }));
+        showAlarms = false;
+        showSearch = false;
+    }
+    else {
+        switch (route.route) {
+            case routes.RouteLocation.Station_LoadMonitor:
+                page = _jsx(LoadStation, { loadNum: route.loadNum, queues: route.queues, completed: route.completed });
+                nav1 = StationToolbar;
+                nav2 = StationToolbarOverviewButton;
+                showOperator = true;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Station_InspectionMonitor:
+                page = _jsx(Inspection, { focusInspectionType: null });
+                nav1 = StationToolbar;
+                nav2 = StationToolbarOverviewButton;
+                showOperator = true;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Station_InspectionMonitorWithType:
+                page = _jsx(Inspection, { focusInspectionType: route.inspType });
+                nav1 = StationToolbar;
+                nav2 = StationToolbarOverviewButton;
+                showOperator = true;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Station_Closeout:
+                page = _jsx(CloseoutPage, {});
+                nav1 = StationToolbar;
+                nav2 = StationToolbarOverviewButton;
+                showOperator = true;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Station_Queues:
+                page = _jsx(Queues, { queues: route.queues });
+                nav1 = StationToolbar;
+                nav2 = StationToolbarOverviewButton;
+                showOperator = true;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Station_Overview:
+                page = _jsx(SystemOverviewPage, {});
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Analysis_Quality:
+                page = _jsx(AnalysisQualityPage, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_ToolReplacements:
+                page = _jsx(ToolReplacementPage, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_Schedules:
+                page = _jsx(ScheduleHistory, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_Buffers:
+                page = _jsx(BufferOccupancyChart, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_StationOEE:
+                page = _jsx(StationOeeHeatmap, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_PartsCompleted:
+                page = _jsx(CompletedCountHeatmap, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_MachineCycles:
+                page = _jsx(PartMachineCycleChart, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_LoadCycles:
+                page = _jsx(PartLoadStationCycleChart, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_PalletCycles:
+                page = _jsx(PalletCycleChart, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_CostPercents:
+                page = _jsx(CostBreakdownPage, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Analysis_CostPerPiece:
+                page = _jsx(CostPerPiecePage, {});
+                nav1 = AnalysisSelectToolbar;
+                menuNavItems = analysisReports;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Operations_Dashboard:
+                page = _jsx(OperationDashboard, {});
+                nav1 = OperationsTabs;
+                break;
+            case routes.RouteLocation.Operations_SystemOverview:
+                page = _jsx(SystemOverviewPage, { ignoreOperator: true });
+                nav1 = OperationsTabs;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Operations_AllMaterial:
+                page = _jsx(AllMaterial, { displaySystemBins: true });
+                nav1 = OperationsTabs;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Operations_LoadOutliers:
+                page = _jsx(OutlierCycles, { outlierTy: "labor" });
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_LoadHours:
+                page = _jsx(StationOEEPage, { ty: "labor" });
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_LoadCycles:
+                page = _jsx(RecentStationCycleChart, { ty: "labor" });
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_MachineOutliers:
+                page = _jsx(OutlierCycles, { outlierTy: "machine" });
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_MachineHours:
+                page = _jsx(StationOEEPage, { ty: "machine" });
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_MachineCycles:
+                page = _jsx(RecentStationCycleChart, { ty: "machine" });
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_RecentSchedules:
+                page = _jsx(RecentSchedulesPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_CurrentWorkorders:
+                page = _jsx(CurrentWorkordersPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Operations_Production:
+                page = _jsx(RecentProductionPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_Quality:
+                page = _jsx(QualityMaterialPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Operations_Inspections:
+                page = _jsx(QualityPaths, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_CloseoutReport:
+                page = _jsx(CloseoutReport, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Operations_Tools:
+                page = _jsx(ToolReportPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_Programs:
+                page = _jsx(ProgramReportPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_Rebookings:
+                page = _jsx(RebookingsPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                break;
+            case routes.RouteLocation.Operations_Parts:
+                page = _jsx(RecentCompletedPartsPage, {});
+                nav1 = OperationsTabs;
+                menuNavItems = operationsReports;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Engineering_Cycles:
+                page = _jsx(RecentStationCycleChart, { ty: "machine" });
+                showAlarms = false;
+                nav1 = EngineeringTabs;
+                break;
+            case routes.RouteLocation.Engineering_Hours:
+                page = _jsx(StationOEEPage, { ty: "machine" });
+                showAlarms = false;
+                nav1 = EngineeringTabs;
+                break;
+            case routes.RouteLocation.Engineering_Outliers:
+                page = _jsx(OutlierCycles, { outlierTy: "machine" });
+                showAlarms = false;
+                nav1 = EngineeringTabs;
+                break;
+            case routes.RouteLocation.Quality_Dashboard:
+                page = _jsx(QualityMaterialPage, {});
+                nav1 = QualityTabs;
+                showAlarms = false;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Quality_Paths:
+                page = _jsx(QualityPaths, {});
+                nav1 = QualityTabs;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Quality_Quarantine:
+                page = _jsx(AllMaterial, { displaySystemBins: false });
+                nav1 = QualityTabs;
+                showAlarms = false;
+                addBasicMaterialDialog = false;
+                break;
+            case routes.RouteLocation.Tools_Dashboard:
+                page = _jsx(ToolReportPage, {});
+                nav1 = ToolsTabs;
+                break;
+            case routes.RouteLocation.Tools_Programs:
+                page = _jsx(ProgramReportPage, {});
+                nav1 = ToolsTabs;
+                break;
+            case routes.RouteLocation.Sales_Dashboard:
+                page = _jsx(CurrentWorkordersPage, { disableSearch: true });
+                nav1 = SalesTabs;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Sales_ProjectedUsage:
+                page = _jsx(SimDayUsagePage, {});
+                nav1 = SalesTabs;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.VerboseLogging:
+                page = _jsx(VerboseLoggingPage, {});
+                showSearch = false;
+                showAlarms = false;
+                break;
+            case routes.RouteLocation.Client_Custom: {
+                const customPage = props.renderCustomPage?.(route.custom);
+                nav1 = customPage?.nav;
+                page = customPage?.page ?? _jsx(ChooseMode, { setRoute: setRoute, modes: props.chooseModes?.(fmsInfo) });
+                showAlarms = false;
+                break;
+            }
+            case routes.RouteLocation.ChooseMode:
+            default:
+                page = _jsx(ChooseMode, { setRoute: setRoute, modes: props.chooseModes?.(fmsInfo) });
+                showSearch = false;
+                showAlarms = false;
+        }
+    }
+    return (_jsxs("div", { id: "App", children: [_jsx(Header, { showAlarms: showAlarms, showSearch: showSearch, showLogout: showLogout, showOperator: showOperator, Nav1: nav1, Nav2: nav2, menuNavs: menuNavItems }), _jsxs("div", { style: { display: "flex" }, children: [_jsx(SideMenu, { menuItems: menuNavItems }), _jsx("div", { style: { flexGrow: 1 }, children: page })] }), addBasicMaterialDialog ? _jsx(MaterialDialog, {}) : undefined, _jsx(WebsocketConnection, {}), _jsx(BarcodeListener, {})] }));
+});
+export default App;

package/dist/components/AxisAndGrid.d.ts

@@ -0,0 +1,51 @@
+import { ScaleLinear, ScaleTime } from "d3-scale";
+export declare function GridRows({ scale, width, tickOverride, }: {
+    scale: ScaleLinear<unknown, number> | ScaleTime<unknown, number>;
+    width: number;
+    tickOverride?: number[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function GridCols({ scale, height, tickOverride, }: {
+    scale: ScaleLinear<unknown, number> | ScaleTime<unknown, number>;
+    height: number;
+    tickOverride?: number[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChartGrid({ xScale, yScale, width, height, rowTickOverride, colTickOverride, }: {
+    xScale: ScaleLinear<unknown, number> | ScaleTime<unknown, number>;
+    yScale: ScaleLinear<unknown, number> | ScaleTime<unknown, number>;
+    width: number;
+    height: number;
+    rowTickOverride?: number[];
+    colTickOverride?: number[];
+}): import("react/jsx-runtime").JSX.Element;
+type AxisScale<T> = ((val: T) => number | undefined) & {
+    domain: () => ReadonlyArray<T>;
+    range: () => ReadonlyArray<number>;
+    ticks?: () => ReadonlyArray<T>;
+    tickFormat?: () => (val: T) => string;
+    bandwidth?: () => number;
+};
+export declare function AxisBottom<T>({ top, scale, label, fontSize, tickFormat, tickOverride, }: {
+    top: number;
+    scale: AxisScale<T>;
+    label?: string;
+    fontSize?: number;
+    tickFormat?: (val: T) => string;
+    tickOverride?: ReadonlyArray<T>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AxisLeft<T>({ left, scale, label, fontSize, tickFormat, tickOverride, }: {
+    left: number;
+    scale: AxisScale<T>;
+    label?: string;
+    fontSize?: number;
+    tickFormat?: (val: T) => string;
+    tickOverride?: ReadonlyArray<T>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AxisTop<T>({ top, scale, label, fontSize, tickFormat, tickOverride, }: {
+    top: number;
+    scale: AxisScale<T>;
+    label?: string;
+    fontSize?: number;
+    tickFormat?: (val: T) => string;
+    tickOverride?: ReadonlyArray<T>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AxisAndGrid.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function GridRows({ scale, width, tickOverride, }) {
+    return (_jsx("g", { children: (tickOverride ?? scale.ticks()).map((tick, idx) => (_jsx("line", { x1: 0, y1: scale(tick), x2: width, y2: scale(tick), stroke: "#eaf0f6", strokeWidth: 1 }, idx))) }));
+}
+export function GridCols({ scale, height, tickOverride, }) {
+    return (_jsx("g", { children: (tickOverride ?? scale.ticks()).map((tick, idx) => (_jsx("line", { x1: scale(tick), y1: 0, x2: scale(tick), y2: height, stroke: "#eaf0f6", strokeWidth: 1 }, idx))) }));
+}
+export function ChartGrid({ xScale, yScale, width, height, rowTickOverride, colTickOverride, }) {
+    return (_jsxs("g", { children: [_jsx(GridRows, { scale: yScale, width: width, tickOverride: rowTickOverride }), _jsx(GridCols, { scale: xScale, height: height, tickOverride: colTickOverride })] }));
+}
+const tickLength = 8;
+function axisTicks(scale, tickOverride) {
+    if (tickOverride) {
+        return tickOverride.map((v) => ({ tick: v, pos: scale(v) ?? 0 }));
+    }
+    else if ("ticks" in scale && scale.ticks) {
+        return scale.ticks().map((v) => ({ tick: v, pos: scale(v) ?? 0 }));
+    }
+    else if ("bandwidth" in scale && scale.bandwidth) {
+        const b = scale.bandwidth();
+        return scale.domain().map((v) => ({ tick: v, pos: (scale(v) ?? 0) + b / 2 }));
+    }
+    else {
+        return scale.domain().map((v) => ({ tick: v, pos: scale(v) ?? 0 }));
+    }
+}
+export function AxisBottom({ top, scale, label, fontSize, tickFormat, tickOverride, }) {
+    fontSize ??= 10;
+    tickFormat ??= "tickFormat" in scale && scale.tickFormat ? scale.tickFormat() : (d) => String(d);
+    const ticks = axisTicks(scale, tickOverride);
+    const range = scale.range();
+    return (_jsxs("g", { transform: `translate(0, ${top})`, children: [_jsx("line", { x1: range[0], y1: 0, x2: range[1], y2: 0, stroke: "#222", strokeWidth: 1, shapeRendering: "crispEdges" }), ticks.map((tick, idx) => (_jsxs("g", { transform: `translate(${tick.pos}, 0)`, children: [_jsx("line", { y1: tickLength, y2: 0, stroke: "#222", strokeWidth: 1, shapeRendering: "crispEdges" }), _jsx("text", { dy: tickLength + 5, textAnchor: "middle", fontSize: fontSize, fill: "#222", dominantBaseline: "hanging", children: tickFormat(tick.tick) })] }, idx))), label ? (_jsx("text", { x: (range[0] + range[1]) / 2, y: tickLength + fontSize + 20, textAnchor: "middle", fontSize: fontSize + 2, fill: "#222", children: label })) : undefined] }));
+}
+export function AxisLeft({ left, scale, label, fontSize, tickFormat, tickOverride, }) {
+    fontSize ??= 10;
+    tickFormat ??= "tickFormat" in scale && scale.tickFormat ? scale.tickFormat() : (d) => String(d);
+    const ticks = axisTicks(scale, tickOverride);
+    const range = scale.range();
+    return (_jsxs("g", { transform: `translate(${left}, 0)`, children: [_jsx("line", { x1: 0, y1: range[0], x2: 0, y2: range[1], stroke: "#222", strokeWidth: 1, shapeRendering: "crispEdges" }), ticks.map((tick, idx) => (_jsxs("g", { transform: `translate(0, ${tick.pos})`, children: [_jsx("line", { x1: -tickLength, x2: 0, y1: 0, y2: 0, stroke: "#222", strokeWidth: 1, shapeRendering: "crispEdges" }), _jsx("text", { dx: -tickLength - 5, textAnchor: "end", fontSize: fontSize, fill: "#222", dominantBaseline: "middle", children: tickFormat(tick.tick) })] }, idx))), label ? (_jsx("text", { x: -(range[0] + range[1]) / 2, y: -tickLength - fontSize - 20, textAnchor: "middle", fontSize: fontSize + 2, fill: "#222", transform: "rotate(-90)", children: label })) : undefined] }));
+}
+export function AxisTop({ top, scale, label, fontSize, tickFormat, tickOverride, }) {
+    fontSize ??= 10;
+    tickFormat ??= "tickFormat" in scale && scale.tickFormat ? scale.tickFormat() : (d) => String(d);
+    const ticks = axisTicks(scale, tickOverride);
+    const range = scale.range();
+    return (_jsxs("g", { transform: `translate(0, ${top})`, children: [_jsx("line", { x1: range[0], y1: 0, x2: range[1], y2: 0, stroke: "#222", strokeWidth: 1, shapeRendering: "crispEdges" }), ticks.map((tick, idx) => (_jsxs("g", { transform: `translate(${tick.pos}, 0)`, children: [_jsx("line", { y1: 0, y2: -tickLength, stroke: "#222", strokeWidth: 1, shapeRendering: "crispEdges" }), _jsx("text", { dy: -tickLength - 5, textAnchor: "middle", fontSize: fontSize, fill: "#222", children: tickFormat(tick.tick) })] }, idx))), label ? (_jsx("text", { x: (range[0] + range[1]) / 2, y: -tickLength - fontSize - 20, textAnchor: "middle", fontSize: fontSize + 2, fill: "#222", children: label })) : undefined] }));
+}

package/dist/components/BarcodeScanning.d.ts

@@ -0,0 +1,6 @@
+export declare const BarcodeListener: import("react").NamedExoticComponent<object>;
+export declare const QRScanButton: import("react").NamedExoticComponent<object>;
+export declare const scanBarcodeToAddToQueueDialog: import("jotai").PrimitiveAtom<string | null> & {
+    init: string | null;
+};
+export declare const AddByBarcodeDialog: import("react").NamedExoticComponent<object>;