@seedtactics/insight-client 16.6.0 → 16.7.0

package/dist/components/Navigation.js

@@ -32,7 +32,7 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 import { useTransition } from "react";
-import { Notifications, HelpOutline, ExitToApp } from "@mui/icons-material";
+import { Notifications, HelpOutlined, ExitToApp } from "@mui/icons-material";
 import { Typography, Tooltip, Badge, IconButton, AppBar, Toolbar, Box, List, ListItem, ListItemIcon, ListItemButton, ListItemText, ListSubheader, Paper, Select, MenuItem, FormControl, } from "@mui/material";
 import { startOfToday, differenceInDays } from "date-fns";
 import { currentStatus } from "../cell-status/current-status";
@@ -77,7 +77,7 @@ function Alarms() {
 }
 function HelpButton() {
     const route = useAtomValue(currentRoute);
-    return (_jsx(Tooltip, { title: "Help", children: _jsx(IconButton, { "aria-label": "Help", href: helpUrl(route), target: "_help", size: "large", children: _jsx(HelpOutline, {}) }) }));
+    return (_jsx(Tooltip, { title: "Help", children: _jsx(IconButton, { "aria-label": "Help", href: helpUrl(route), target: "_help", size: "large", children: _jsx(HelpOutlined, {}) }) }));
 }
 function LogoutButton() {
     return (_jsx(Tooltip, { title: "Logout", children: _jsx(IconButton, { "aria-label": "Logout", onClick: logout, size: "large", children: _jsx(ExitToApp, {}) }) }));
@@ -98,11 +98,37 @@ function MenuNavSelect({ menuNavs }) {
                 const item = menuNavs.find((i) => ("separator" in i ? false : i.route.route === curRoute.route));
                 if (!item || "separator" in item)
                     return null;
-                return (_jsxs(Box, { display: "flex", alignItems: "center", children: [item.icon, _jsxs(Typography, { variant: "h6", style: { marginLeft: "1em" }, children: [typeof item.name === "string" ? item.name : item.name(fmsInfo), isPending ? "..." : ""] })] }));
+                return (_jsxs(Box, { sx: {
+                        display: "flex",
+                        alignItems: "center",
+                    }, children: [item.icon, _jsxs(Typography, { variant: "h6", style: { marginLeft: "1em" }, children: [typeof item.name === "string" ? item.name : item.name(fmsInfo), isPending ? "..." : ""] })] }));
             }, children: menuNavs.map((item, idx) => "separator" in item ? (_jsx(ListSubheader, { children: item.separator }, item.separator)) : item.hidden?.(fmsInfo) ? undefined : (_jsxs(MenuItem, { value: item.route.route, children: [_jsx(ListItemIcon, { children: item.icon }), _jsx(ListItemText, { primary: typeof item.name === "string" ? item.name : item.name(fmsInfo) })] }, idx))) }) }));
 }
 export function Header({ showAlarms, showLogout, showSearch, showOperator, Nav1, Nav2, menuNavs, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(AppBar, { position: "static", sx: { display: { xs: "none", md: "block" } }, children: _jsx(Toolbar, { children: _jsxs(Box, { display: "grid", gridTemplateColumns: Nav2 ? "1fr auto 1fr" : "minmax(200px, 1fr) auto", width: "100vw", gridTemplateAreas: Nav2 ? '"nav navCenter tools"' : '"nav tools"', children: [_jsxs(Box, { gridArea: "nav", display: "flex", alignItems: "center", children: [_jsx(Brand, {}), Nav1 ? _jsx(Nav1, {}) : undefined] }), Nav2 ? (_jsx(Box, { gridArea: "navCenter", children: _jsx(Nav2, {}) })) : undefined, _jsxs(Box, { gridArea: "tools", display: "flex", alignItems: "center", justifyContent: "flex-end", children: [showOperator ? _jsx(OperatorSelect, {}) : undefined, _jsx(ToolButtons, { showAlarms, showLogout, showSearch })] })] }) }) }), _jsxs(AppBar, { position: "static", sx: { display: { xs: "block", md: "none" } }, children: [_jsxs(Toolbar, { children: [_jsx(Brand, {}), _jsx("div", { style: { flexGrow: 1 } }), _jsx(ToolButtons, { showAlarms, showLogout, showSearch })] }), _jsxs(Box, { display: "grid", gridTemplateColumns: "minmax(200px, 1fr) auto", children: [_jsx(Box, { gridColumn: "1", children: Nav1 ? _jsx(Nav1, {}) : undefined }), _jsx(Box, { gridColumn: "2", children: Nav2 ? _jsx(Nav2, {}) : undefined })] })] }), menuNavs && menuNavs.length > 0 ? (_jsx(Paper, { elevation: 4, square: true, component: "nav", sx: { display: { xs: "block", xl: "none" }, padding: "2px" }, children: _jsx(MenuNavSelect, { menuNavs: menuNavs }) })) : undefined] }));
+    return (_jsxs(_Fragment, { children: [_jsx(AppBar, { position: "static", sx: { display: { xs: "none", md: "block" } }, children: _jsx(Toolbar, { children: _jsxs(Box, { sx: {
+                            display: "grid",
+                            gridTemplateColumns: Nav2 ? "1fr auto 1fr" : "minmax(200px, 1fr) auto",
+                            width: "100vw",
+                            gridTemplateAreas: Nav2 ? '"nav navCenter tools"' : '"nav tools"',
+                        }, children: [_jsxs(Box, { sx: {
+                                    gridArea: "nav",
+                                    display: "flex",
+                                    alignItems: "center",
+                                }, children: [_jsx(Brand, {}), Nav1 ? _jsx(Nav1, {}) : undefined] }), Nav2 ? (_jsx(Box, { sx: {
+                                    gridArea: "navCenter",
+                                }, children: _jsx(Nav2, {}) })) : undefined, _jsxs(Box, { sx: {
+                                    gridArea: "tools",
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "flex-end",
+                                }, children: [showOperator ? _jsx(OperatorSelect, {}) : undefined, _jsx(ToolButtons, { showAlarms, showLogout, showSearch })] })] }) }) }), _jsxs(AppBar, { position: "static", sx: { display: { xs: "block", md: "none" } }, children: [_jsxs(Toolbar, { children: [_jsx(Brand, {}), _jsx("div", { style: { flexGrow: 1 } }), _jsx(ToolButtons, { showAlarms, showLogout, showSearch })] }), _jsxs(Box, { sx: {
+                            display: "grid",
+                            gridTemplateColumns: "minmax(200px, 1fr) auto",
+                        }, children: [_jsx(Box, { sx: {
+                                    gridColumn: "1",
+                                }, children: Nav1 ? _jsx(Nav1, {}) : undefined }), _jsx(Box, { sx: {
+                                    gridColumn: "2",
+                                }, children: Nav2 ? _jsx(Nav2, {}) : undefined })] })] }), menuNavs && menuNavs.length > 0 ? (_jsx(Paper, { elevation: 4, square: true, component: "nav", sx: { display: { xs: "block", xl: "none" }, padding: "2px" }, children: _jsx(MenuNavSelect, { menuNavs: menuNavs }) })) : undefined] }));
 }
 export function SideMenu({ menuItems }) {
     const fmsInfo = useAtomValue(fmsInformation);

package/dist/components/analysis/AnalysisSelectToolbar.js

@@ -42,7 +42,11 @@ export const AnalysisSelectToolbar = memo(function AnalysisSelectToolbar() {
     const [selMonth, analyzeMonth] = useAtom(selectedMonth);
     const setMonthWithoutLoading = useSetSpecificMonthWithoutLoading();
     const setLast30 = useSetLast30();
-    return (_jsxs(Stack, { component: "nav", direction: "row", spacing: 3, paddingLeft: "24px", paddingRight: "24px", alignItems: "center", children: [_jsx(FormControlLabel, { control: _jsx(Radio, { checked: period.type === "Last30", color: "secondary", onChange: (e, checked) => (checked ? setLast30() : null) }), label: "Last 30 days" }), _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(FormControlLabel, { control: _jsx(Radio, { checked: period.type === "SpecificMonth", color: "secondary", onChange: (e, checked) => (checked ? analyzeMonth(selMonth) : null) }), label: "Select Month" }), _jsx(MonthSelect, { curMonth: selMonth, onSelectMonth: (m) => {
+    return (_jsxs(Stack, { component: "nav", direction: "row", spacing: 3, sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            alignItems: "center",
+        }, children: [_jsx(FormControlLabel, { control: _jsx(Radio, { checked: period.type === "Last30", color: "secondary", onChange: (e, checked) => (checked ? setLast30() : null) }), label: "Last 30 days" }), _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(FormControlLabel, { control: _jsx(Radio, { checked: period.type === "SpecificMonth", color: "secondary", onChange: (e, checked) => (checked ? analyzeMonth(selMonth) : null) }), label: "Select Month" }), _jsx(MonthSelect, { curMonth: selMonth, onSelectMonth: (m) => {
                             if (period.type === "SpecificMonth") {
                                 // if month type is selected, reload data
                                 analyzeMonth(m);

package/dist/components/analysis/BasketCycleCards.d.ts

@@ -0,0 +1 @@
+export declare function BasketCycleChart(): import("react/jsx-runtime").JSX.Element;

package/dist/components/analysis/BasketCycleCards.js

@@ -0,0 +1,145 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/* Copyright (c) 2026, 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 { addMonths, addDays, startOfToday } from "date-fns";
+import { Box, FormControl, Typography, Tooltip, IconButton, MenuItem, Select } from "@mui/material";
+import { ImportExport } from "@mui/icons-material";
+import { useCallback } from "react";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
+import { CycleChart } from "./CycleChart.js";
+import { copyPalletCyclesToClipboard } from "../../data/results.cycles.js";
+import { useSetTitle } from "../routes.js";
+import { last30BasketCycles, specificMonthBasketCycles, } from "../../cell-status/basket-cycles.js";
+import { PartIdenticon } from "../station-monitor/Material.js";
+import { materialDialogOpen } from "../../cell-status/material-details.js";
+import { fmsInformation } from "../../network/server-settings.js";
+import { basketDisplayName } from "../../cell-status/station-cycles.js";
+const selectedBasketAtom = atom(undefined);
+const selectedPartAtom = atom(undefined);
+const zoomDateRangeAtom = atom(undefined);
+function isBasketCycleData(point) {
+    return "mats" in point && Array.isArray(point.mats);
+}
+const yZoomAtom = atom(null);
+const filteredPoints = atom((get) => {
+    const selBasket = get(selectedBasketAtom);
+    const selPart = get(selectedPartAtom);
+    if (!selBasket && !selPart)
+        return new Map();
+    const period = get(selectedAnalysisPeriod);
+    const basketCycles = get(period.type === "Last30" ? last30BasketCycles : specificMonthBasketCycles);
+    if (selBasket) {
+        let cyclesForBasket = basketCycles.get(selBasket)?.valuesToLazySeq() ?? LazySeq.of([]);
+        if (selPart) {
+            cyclesForBasket = cyclesForBasket.filter((c) => c.mats.some((m) => m.part === selPart.part && m.proc === selPart.proc));
+        }
+        return new Map([
+            [selBasket.toString(), Array.from(cyclesForBasket)],
+        ]);
+    }
+    else if (selPart) {
+        return LazySeq.of(basketCycles)
+            .collect(([basket, cycles]) => {
+            const cyclesForPart = cycles
+                .valuesToLazySeq()
+                .filter((c) => c.mats.some((m) => m.part === selPart.part && m.proc === selPart.proc))
+                .toRArray();
+            if (cyclesForPart.length > 0) {
+                return [basket, cyclesForPart];
+            }
+            else {
+                return null;
+            }
+        })
+            .toRMap(([basket, cycles]) => [basket.toString(), cycles]);
+    }
+    else {
+        return new Map();
+    }
+});
+const allPartNames = atom((get) => {
+    const period = get(selectedAnalysisPeriod);
+    const basketCycles = get(period.type === "Last30" ? last30BasketCycles : specificMonthBasketCycles);
+    return LazySeq.of(basketCycles)
+        .flatMap(([, cycles]) => cycles)
+        .flatMap(([, c]) => c.mats)
+        .distinctAndSortBy((m) => m.part, (m) => m.proc)
+        .map((m) => ({ part: m.part, proc: m.proc }))
+        .toRArray();
+});
+export function BasketCycleChart() {
+    const fmsInfo = useAtomValue(fmsInformation);
+    const basketName = basketDisplayName(fmsInfo.basketName);
+    useSetTitle(`${basketName} Cycles`);
+    const [selectedBasket, setSelectedBasket] = useAtom(selectedBasketAtom);
+    const [selectedPart, setSelectedPart] = useAtom(selectedPartAtom);
+    const [zoomDateRange, setZoomRange] = useAtom(zoomDateRangeAtom);
+    const [yZoom, setYZoom] = useAtom(yZoomAtom);
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const defaultDateRange = period.type === "Last30"
+        ? [addDays(startOfToday(), -29), addDays(startOfToday(), 1)]
+        : [period.month, addMonths(period.month, 1)];
+    const basketCycles = useAtomValue(period.type === "Last30" ? last30BasketCycles : specificMonthBasketCycles);
+    const points = useAtomValue(filteredPoints);
+    const partNames = useAtomValue(allPartNames);
+    const setMatToShow = useSetAtom(materialDialogOpen);
+    const extraBasketTooltip = useCallback(function extraBasketTooltip(point) {
+        if (!isBasketCycleData(point)) {
+            return [];
+        }
+        return point.mats.map((mat) => ({
+            title: mat.part + "-" + mat.proc,
+            value: mat.serial ?? "",
+            link: mat.serial ? () => setMatToShow({ type: "LogMat", logMat: mat }) : undefined,
+        }));
+    }, [setMatToShow]);
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsxs(Box, { component: "nav", sx: {
+                    display: "flex",
+                    minHeight: "2.5em",
+                    alignItems: "center",
+                    maxWidth: "calc(100vw - 24px - 24px)",
+                }, children: [_jsxs(Typography, { variant: "subtitle1", children: [basketName, " Cycles"] }), _jsx(Box, { sx: { flexGrow: 1 } }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedBasket ?? -1, onChange: (e) => setSelectedBasket(e.target.value === -1 ? undefined : (e.target.value)), children: [_jsx(MenuItem, { value: -1, children: _jsxs("em", { children: ["Any ", basketName] }) }, 0), basketCycles
+                                    .keysToLazySeq()
+                                    .sortBy((x) => x)
+                                    .map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) }), partNames.length > 0 ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPart
+                                ? partNames.findIndex((o) => selectedPart.part === o.part && selectedPart.proc === o.proc)
+                                : -1, style: { marginLeft: "1em" }, onChange: (e) => {
+                                setSelectedPart(e.target.value === -1 ? undefined : partNames[e.target.value]);
+                            }, children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Part" }) }, 0), partNames.map((n, idx) => (_jsx(MenuItem, { value: idx, children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(PartIdenticon, { part: n.part, size: 20 }), _jsxs("span", { style: { marginRight: "1em" }, children: [n.part, "-", n.proc] })] }) }, idx)))] }) })) : undefined, _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyPalletCyclesToClipboard(basketCycles, basketName), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: _jsx(CycleChart, { points: points, series_label: basketName, default_date_range: defaultDateRange, current_date_zoom: zoomDateRange, set_date_zoom_range: (z) => setZoomRange(z.zoom), yZoom: yZoom, setYZoom: setYZoom, extra_tooltip: extraBasketTooltip }) })] }));
+}

package/dist/components/analysis/BufferChart.js

@@ -55,7 +55,7 @@ const AnimatedPath = memo(function AnimatedPath({ series, xScale, yScale, color,
         .y((p) => yScale(p.y))(series.points) ?? "";
     // don't update in quick succession
     const previous = useRef(d);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
     const setPrevious = useCallback(debounce((val) => {
         previous.current = val;
     }, 50), []);
@@ -125,15 +125,21 @@ const BufferChart = memo(function BufferChart(props) {
                 }, children: width && height && width > 0 && height > 0 && (_jsx(BufferChartSVG, { width: width, height: height, series: series, disabled: disabledBuffers })) }), _jsx("div", { style: { marginTop: "1em", display: "flex", flexWrap: "wrap", justifyContent: "space-around" }, children: series.map((s, idx) => (_jsx(ToggleButton, { selected: !disabledBuffers.has(s.label), value: s.label, onChange: () => setDisabledBuffers((db) => (db.has(s.label) ? db.delete(s.label) : db.add(s.label))), children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("div", { style: { width: "14px", height: "14px", backgroundColor: seriesColor(idx, series.length) } }), _jsx("div", { style: { marginLeft: "1em" }, children: s.label })] }) }, s.label))) })] }));
 });
 // https://github.com/mui-org/material-ui/issues/20191
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 const SliderAny = Slider;
 export function BufferOccupancyChart() {
     useSetTitle("Buffer Occupancy");
     const [movingAverageHours, setMovingAverage] = useState(12);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsxs(Box, { component: "nav", sx: {
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsxs(Box, { component: "nav", sx: {
                     display: "flex",
                     minHeight: "2.5em",
                     alignItems: "center",
                     maxWidth: "calc(100vw - 24px - 24px)",
-                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Average material occupancy of rotary tables and stocker positions over time" }), _jsx(Box, { flexGrow: 1 }), _jsx("span", { style: { fontSize: "small", marginRight: "1em" }, children: "Moving Average Window: " }), _jsx(SliderAny, { style: { width: "10em" }, min: 1, max: 36, steps: 0.2, valueLabelDisplay: "off", value: movingAverageHours, onChange: (e, v) => setMovingAverage(v) })] }), _jsx("main", { children: _jsx(BufferChart, { movingAverageDistanceInHours: movingAverageHours }) })] }));
+                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Average material occupancy of rotary tables and stocker positions over time" }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx("span", { style: { fontSize: "small", marginRight: "1em" }, children: "Moving Average Window: " }), _jsx(SliderAny, { style: { width: "10em" }, min: 1, max: 36, steps: 0.2, valueLabelDisplay: "off", value: movingAverageHours, onChange: (e, v) => setMovingAverage(v) })] }), _jsx("main", { children: _jsx(BufferChart, { movingAverageDistanceInHours: movingAverageHours }) })] }));
 }

package/dist/components/analysis/CostPerPiece.js

@@ -91,12 +91,14 @@ const computedCosts = atom((get) => {
 function AutomationCostInput() {
     const [cost, setCost] = useState(null);
     const [automationCost, saveAutomationCostPerYear] = useAtom(automationCostPerYear);
-    return (_jsx(TextField, { id: "auotmation-cost-year", type: "number", label: "Cost for automated handling system per year", style: { marginTop: "1.5em" }, inputProps: { min: 0 }, variant: "outlined", value: cost === null ? (automationCost ?? "") : isNaN(cost) ? "" : cost, onChange: (e) => setCost(parseFloat(e.target.value)), onBlur: () => {
+    return (_jsx(TextField, { id: "auotmation-cost-year", type: "number", label: "Cost for automated handling system per year", style: { marginTop: "1.5em" }, variant: "outlined", value: cost === null ? (automationCost ?? "") : isNaN(cost) ? "" : cost, onChange: (e) => setCost(parseFloat(e.target.value)), onBlur: () => {
             if (cost != null) {
                 const newCost = isNaN(cost) ? null : cost;
                 saveAutomationCostPerYear(newCost);
             }
             setCost(null);
+        }, slotProps: {
+            htmlInput: { min: 0 },
         } }));
 }
 function LaborCost() {
@@ -107,18 +109,20 @@ function LaborCost() {
     return (_jsx(TextField, { type: "number", label: "Total labor cost for " +
             (month === null
                 ? "last 30 days"
-                : month.toLocaleDateString(undefined, { month: "long", year: "numeric" })), inputProps: { min: 0 }, variant: "outlined", value: cost === null ? (laborCost ?? "") : isNaN(cost) ? "" : cost, onChange: (e) => setCost(parseFloat(e.target.value)), onBlur: () => {
+                : month.toLocaleDateString(undefined, { month: "long", year: "numeric" })), variant: "outlined", value: cost === null ? (laborCost ?? "") : isNaN(cost) ? "" : cost, onChange: (e) => setCost(parseFloat(e.target.value)), onBlur: () => {
             if (cost != null) {
                 const newCost = isNaN(cost) ? null : cost;
                 saveCost(newCost);
             }
             setCost(null);
+        }, slotProps: {
+            htmlInput: { min: 0 },
         } }));
 }
 function SingleStationCostInput(props) {
     const [cost, setCost] = useState(null);
     const [machineCost, saveCost] = useAtom(machineCostPerYear);
-    return (_jsx(TextField, { type: "number", inputProps: { min: 0 }, variant: "outlined", label: "Cost for " + props.machineGroup + " per station per year", style: { marginTop: "1.5em" }, value: cost === null ? (machineCost[props.machineGroup] ?? "") : isNaN(cost) ? "" : cost, onChange: (e) => setCost(parseFloat(e.target.value)), onBlur: () => {
+    return (_jsx(TextField, { type: "number", variant: "outlined", label: "Cost for " + props.machineGroup + " per station per year", style: { marginTop: "1.5em" }, value: cost === null ? (machineCost[props.machineGroup] ?? "") : isNaN(cost) ? "" : cost, onChange: (e) => setCost(parseFloat(e.target.value)), onBlur: () => {
             if (cost != null) {
                 const newCost = { ...machineCost };
                 if (isNaN(cost)) {
@@ -130,6 +134,8 @@ function SingleStationCostInput(props) {
                 saveCost(newCost);
             }
             setCost(null);
+        }, slotProps: {
+            htmlInput: { min: 0 },
         } }));
 }
 function StationCostInputs() {
@@ -148,17 +154,25 @@ const pctFormat = new Intl.NumberFormat(undefined, {
 export function CostBreakdownPage() {
     useSetTitle("Cost Percentages");
     const costs = useAtomValue(costPercentages);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsxs(Box, { component: "nav", sx: {
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsxs(Box, { component: "nav", sx: {
                     display: "flex",
                     minHeight: "2.5em",
                     alignItems: "center",
                     maxWidth: "calc(100vw - 24px - 24px)",
-                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Part Cost Percentage Breakdown" }), _jsx(Box, { flexGrow: 1 }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyCostBreakdownToClipboard(costs), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: _jsxs(Table, { stickyHeader: true, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Part" }), _jsx(TableCell, { align: "right", children: "Completed Quantity" }), costs.machineQuantities.keysToAscLazySeq().map((m) => (_jsxs(TableCell, { align: "right", children: [m, " Cost %"] }, m))), _jsx(TableCell, { align: "right", children: "Labor Cost %" }), _jsx(TableCell, { align: "right", children: "Automation Cost %" })] }) }), _jsx(TableBody, { children: LazySeq.of(costs.parts)
+                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Part Cost Percentage Breakdown" }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyCostBreakdownToClipboard(costs), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: _jsxs(Table, { stickyHeader: true, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Part" }), _jsx(TableCell, { align: "right", children: "Completed Quantity" }), costs.machineQuantities.keysToAscLazySeq().map((m) => (_jsxs(TableCell, { align: "right", children: [m, " Cost %"] }, m))), _jsx(TableCell, { align: "right", children: "Labor Cost %" }), _jsx(TableCell, { align: "right", children: "Automation Cost %" })] }) }), _jsx(TableBody, { children: LazySeq.of(costs.parts)
                                 .sortBy((c) => c.part)
                                 .map((c, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs(Box, { sx: {
                                                 display: "flex",
                                                 alignItems: "center",
-                                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: c.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", display: "block", children: c.part }) })] }) }), _jsx(TableCell, { align: "right", children: c.parts_completed }), costs.machineQuantities.keysToAscLazySeq().map((m) => (_jsx(TableCell, { align: "right", children: pctFormat.format(c.machine.get(m) ?? 0) }, m))), _jsx(TableCell, { align: "right", children: pctFormat.format(c.labor) }), _jsx(TableCell, { align: "right", children: pctFormat.format(c.automation) })] }, idx))) })] }) })] }));
+                                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: c.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", sx: {
+                                                            display: "block",
+                                                        }, children: c.part }) })] }) }), _jsx(TableCell, { align: "right", children: c.parts_completed }), costs.machineQuantities.keysToAscLazySeq().map((m) => (_jsx(TableCell, { align: "right", children: pctFormat.format(c.machine.get(m) ?? 0) }, m))), _jsx(TableCell, { align: "right", children: pctFormat.format(c.labor) }), _jsx(TableCell, { align: "right", children: pctFormat.format(c.automation) })] }, idx))) })] }) })] }));
 }
 function CostOutputCard() {
     const costs = useAtomValue(computedCosts);
@@ -167,9 +181,15 @@ function CostOutputCard() {
                     .map((c, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs(Box, { sx: {
                                     display: "flex",
                                     alignItems: "center",
-                                }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: c.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", display: "block", children: c.part }) })] }) }), _jsx(TableCell, { align: "right", children: c.parts_completed }), costs.machineQuantities.keysToAscLazySeq().map((m) => (_jsx(TableCell, { align: "right", children: decimalFormat.format(c.machine.get(m) ?? 0) }, m))), _jsx(TableCell, { align: "right", children: decimalFormat.format(c.labor) }), _jsx(TableCell, { align: "right", children: decimalFormat.format(c.automation) }), _jsx(TableCell, { align: "right", children: decimalFormat.format(c.machine.valuesToAscLazySeq().sumBy((x) => x) + c.labor + c.automation) })] }, idx))) })] }));
+                                }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: c.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", sx: {
+                                                display: "block",
+                                            }, children: c.part }) })] }) }), _jsx(TableCell, { align: "right", children: c.parts_completed }), costs.machineQuantities.keysToAscLazySeq().map((m) => (_jsx(TableCell, { align: "right", children: decimalFormat.format(c.machine.get(m) ?? 0) }, m))), _jsx(TableCell, { align: "right", children: decimalFormat.format(c.labor) }), _jsx(TableCell, { align: "right", children: decimalFormat.format(c.automation) }), _jsx(TableCell, { align: "right", children: decimalFormat.format(c.machine.valuesToAscLazySeq().sumBy((x) => x) + c.labor + c.automation) })] }, idx))) })] }));
 }
 export const CostPerPiecePage = memo(function CostPerPiecePage() {
     useSetTitle("Cost Per Piece");
-    return (_jsx(Box, { component: "main", paddingLeft: "24px", paddingRight: "24px", paddingTop: "20px", children: _jsxs(Stack, { direction: "column", spacing: 4, children: [_jsxs(Stack, { direction: "column", spacing: 2, children: [_jsx(LaborCost, {}), _jsx(AutomationCostInput, {}), _jsx(StationCostInputs, {})] }), _jsx(CostOutputCard, {})] }) }));
+    return (_jsx(Box, { component: "main", sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "20px",
+        }, children: _jsxs(Stack, { direction: "column", spacing: 4, children: [_jsxs(Stack, { direction: "column", spacing: 2, children: [_jsx(LaborCost, {}), _jsx(AutomationCostInput, {}), _jsx(StationCostInputs, {})] }), _jsx(CostOutputCard, {})] }) }));
 });

package/dist/components/analysis/CycleChart.js

@@ -150,7 +150,7 @@ const SingleSeries = memo(function SingleSeries({ seriesName, points, color, xSc
         const p = localPoint(e);
         if (p === null)
             return;
-        const idxS = e.target.dataset.idx;
+        const idxS = e.currentTarget.dataset.idx;
         if (idxS === undefined)
             return;
         showTooltip({

package/dist/components/analysis/DataTable.js

@@ -94,9 +94,11 @@ function SelectDateRange(props) {
         });
         setOpen(false);
     }
-    // @types/react-calendar has the wrong type for onChange
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
-    const matchingOnChange = onChange;
+    const matchingOnChange = (value) => {
+        if (Array.isArray(value) && value[0] instanceof Date && value[1] instanceof Date) {
+            onChange([value[0], value[1]]);
+        }
+    };
     return (_jsxs(_Fragment, { children: [_jsxs("span", { children: [dateFormat.format(props.zoom.current_date_zoom?.start ?? props.zoom.default_date_range[0]), " -", " ", dateFormat.format(props.zoom.current_date_zoom?.end ?? props.zoom.default_date_range[1])] }), _jsx(Tooltip, { title: "Zoom To Date Range", children: _jsx(IconButton, { onClick: () => setOpen(true), size: "large", children: _jsx(ZoomInIcon, {}) }) }), _jsx(Tooltip, { title: "Reset Date Range", children: _jsx(IconButton, { onClick: () => props.zoom.set_date_zoom_range(undefined), size: "large", children: _jsx(ZoomOutIcon, {}) }) }), _jsxs(Dialog, { open: open, onClose: () => setOpen(false), children: [_jsxs(DialogTitle, { children: ["Select Date Range ", monthFormat.format(props.zoom.default_date_range[0])] }), _jsx(DialogContent, { children: _jsx(StyledCalendar, { minDate: props.zoom.default_date_range[0], maxDate: props.zoom.default_date_range[1], calendarType: "gregory", selectRange: true, showNavigation: false, showNeighboringMonth: false, value: [start, end], onChange: matchingOnChange }) }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setOpen(false), children: "Close" }) })] })] }));
 }
 export const DataTableActions = memo(function DataTableActions({ zoom, tpage, count, }) {
@@ -211,5 +213,5 @@ export function buildClipboardTableAsString(columns, rows) {
     return table;
 }
 export function copyTableToClipboard(columns, rows) {
-    copy(buildClipboardTableAsString(columns, rows));
+    void copy(buildClipboardTableAsString(columns, rows));
 }

package/dist/components/analysis/HeatChart.js

@@ -42,6 +42,9 @@ import { AxisBottom, AxisLeft } from "../AxisAndGrid.js";
 import { measureSvgString } from "../../util/chart-helpers.js";
 import { atom, useSetAtom } from "jotai";
 import { ChartWithTooltip } from "../ChartTooltip.js";
+function isSelectableOption(options, value) {
+    return options.some((option) => option === value);
+}
 const marginBottom = 20;
 const marginTop = 10;
 const marginRight = 2;
@@ -73,29 +76,29 @@ function useScales({ yType, dateRange, containerWidth, points, }) {
         }
         return scaleBand().domain(xValues).range([0, xMax]).align(0).padding(0.05);
     }, [dateRangeStart, dateRangeEnd, xMax]);
-    const { yScale, height, colorScale } = useMemo(() => {
+    const { yScale: bandScale, height: chartHeight, colorScale: fillScale, } = useMemo(() => {
         const yValues = new Set();
-        for (const pt of points) {
-            yValues.add(pt.y);
+        for (const point of points) {
+            yValues.add(point.y);
         }
         const yMax = 60 * yValues.size;
-        const height = yMax + marginTop + marginBottom;
-        const yScale = scaleBand()
-            .domain(Array.from(yValues).sort((a, b) => a.localeCompare(b)))
+        const nextChartHeight = yMax + marginTop + marginBottom;
+        const nextBandScale = scaleBand()
+            .domain(LazySeq.of(yValues).toSortedArray((x) => x))
             .range([0, yMax])
             .align(0)
             .padding(0.05);
-        let colorScale;
+        let nextFillScale;
         if (yType === "Station") {
-            colorScale = scaleLinear().domain([0, 1]).range([color1, color2]);
+            nextFillScale = scaleLinear().domain([0, 1]).range([color1, color2]);
         }
         else {
             const maxCnt = LazySeq.of(points).maxBy((pt) => pt.color)?.color ?? 1;
-            colorScale = scaleLinear().domain([0, maxCnt]).range([color1, color2]);
+            nextFillScale = scaleLinear().domain([0, maxCnt]).range([color1, color2]);
         }
-        return { yScale, height, colorScale };
+        return { yScale: nextBandScale, height: nextChartHeight, colorScale: nextFillScale };
     }, [points, yType]);
-    return { height, width, xScale, yScale, colorScale, marginLeft };
+    return { height: chartHeight, width, xScale, yScale: bandScale, colorScale: fillScale, marginLeft };
 }
 const HeatAxis = memo(function HeatAxis({ xScale, yScale }) {
     return (_jsxs(_Fragment, { children: [_jsx(AxisBottom, { scale: xScale, top: yScale.range()[1], tickFormat: (d) => d.toLocaleDateString(undefined, { month: "short", day: "numeric" }) }), _jsx(AxisLeft, { scale: yScale, left: xScale.range()[0] })] }));
@@ -110,7 +113,7 @@ const HeatSeries = memo(function HeatSeries({ points, xScale, yScale, colorScale
             clearTimeout(hideRef.current);
             hideRef.current = null;
         }
-        const idxS = e.target.dataset.idx;
+        const idxS = e.currentTarget.dataset.idx;
         if (idxS === undefined)
             return;
         const heatPoint = points[parseInt(idxS)];
@@ -149,7 +152,13 @@ function ChartToolbar(props) {
             minHeight: "2.5em",
             alignItems: "center",
             maxWidth: "calc(100vw - 24px - 24px)",
-        }, children: [_jsx(Typography, { variant: "subtitle1", children: props.label }), _jsx(Box, { flexGrow: 1 }), setSelected ? (_jsx(FormControl, { size: "small", children: _jsx(Select, { autoWidth: true, displayEmpty: true, value: props.cur_selected, onChange: (e) => setSelected(e.target.value), children: props.options.map((v, idx) => (_jsx(MenuItem, { value: v, children: v }, idx))) }) })) : undefined, _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: props.onExport, style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }));
+        }, children: [_jsx(Typography, { variant: "subtitle1", children: props.label }), _jsx(Box, { sx: {
+                    flexGrow: 1,
+                } }), setSelected ? (_jsx(FormControl, { size: "small", children: _jsx(Select, { autoWidth: true, displayEmpty: true, value: props.cur_selected, onChange: (e) => {
+                        if (isSelectableOption(props.options, e.target.value)) {
+                            setSelected(e.target.value);
+                        }
+                    }, children: props.options.map((v, idx) => (_jsx(MenuItem, { value: v, children: v }, idx))) }) })) : undefined, _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: props.onExport, style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }));
 }
 export function SelectableHeatChart(props) {
     const tooltipAtom = useMemo(() => atom(null), []);
@@ -157,5 +166,9 @@ export function SelectableHeatChart(props) {
     const pointerLeave = useCallback(() => {
         setTooltip(null);
     }, [setTooltip]);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsx(ChartToolbar, { label: props.label, setSelected: props.setSelected, cur_selected: props.cur_selected, onExport: props.onExport, options: props.options }), _jsx("main", { onPointerLeave: pointerLeave, children: _jsx(ChartWithTooltip, { sx: { width: "100%" }, tooltipAtom: tooltipAtom, autoHeight: true, chart: ({ width }) => (_jsx(HeatChart, { points: props.points, y_title: props.y_title, dateRange: props.dateRange, parentWidth: width, setTooltip: setTooltip })), TooltipContent: ({ tooltip }) => (_jsx(HeatTooltip, { yType: props.y_title, seriesLabel: props.label_title, tooltip: tooltip })) }) })] }));
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsx(ChartToolbar, { label: props.label, setSelected: props.setSelected, cur_selected: props.cur_selected, onExport: props.onExport, options: props.options }), _jsx("main", { onPointerLeave: pointerLeave, children: _jsx(ChartWithTooltip, { sx: { width: "100%" }, tooltipAtom: tooltipAtom, autoHeight: true, chart: ({ width }) => (_jsx(HeatChart, { points: props.points, y_title: props.y_title, dateRange: props.dateRange, parentWidth: width, setTooltip: setTooltip })), TooltipContent: ({ tooltip }) => (_jsx(HeatTooltip, { yType: props.y_title, seriesLabel: props.label_title, tooltip: tooltip })) }) })] }));
 }

package/dist/components/analysis/InspectionSankey.js

@@ -74,8 +74,8 @@ function NodeDisplay({ node }) {
 }
 const SankeyDisplay = memo(function InspectionSankeyDiagram({ data, setTooltip, parentHeight, parentWidth, }) {
     const { nodes, links } = useMemo(() => {
-        const { nodes, links } = inspectionDataToSankey(data);
-        if (nodes.length === 0) {
+        const sankeyData = inspectionDataToSankey(data);
+        if (sankeyData.nodes.length === 0) {
             return { nodes: [], links: [] };
         }
         const generator = sankey()
@@ -86,8 +86,13 @@ const SankeyDisplay = memo(function InspectionSankeyDiagram({ data, setTooltip,
             [marginLeft, marginTop],
             [parentWidth - marginRight, parentHeight - marginBottom - marginTop],
         ]);
-        generator({ nodes, links });
-        return { nodes: nodes, links: links };
+        const layout = generator({ nodes: sankeyData.nodes, links: sankeyData.links });
+        return {
+            nodes: layout.nodes,
+            links: layout.links.flatMap((link) => typeof link.source === "object" && typeof link.target === "object" && link.width !== undefined
+                ? [{ ...link, source: link.source, target: link.target, width: link.width }]
+                : []),
+        };
     }, [data, parentWidth, parentHeight]);
     const path = sankeyLinkHorizontal();
     return (_jsxs("svg", { width: parentWidth, height: parentHeight, children: [_jsx("g", { children: nodes.map((node, i) => (_jsx(NodeDisplay, { node: node }, i))) }), _jsx("g", { children: links.map((link, i) => (_jsx(LinkDisplay, { link: link, path: path(link), strokeWidth: Math.max(link.width ?? 1, 1), setTooltip: setTooltip }, i))) })] }));
@@ -129,12 +134,18 @@ export function InspectionSankey(props) {
         .map((e) => e.inspType)
         .distinct()
         .toSortedArray((x) => x);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsxs(Box, { component: "nav", sx: {
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsxs(Box, { component: "nav", sx: {
                     display: "flex",
                     minHeight: "2.5em",
                     alignItems: "center",
                     maxWidth: "calc(100vw - 24px - 24px)",
-                }, children: [props.subtitle ? _jsx(Typography, { variant: "subtitle1", children: props.subtitle }) : undefined, _jsx(Box, { flexGrow: 1 }), props.onlyTable ? undefined : (_jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, value: showTable ? "table" : "sankey", onChange: (e) => setShowTable(e.target.value === "table"), children: [_jsx(MenuItem, { value: "sankey", children: "Sankey" }, "sankey"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) })), _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "inspection-sankey-select-type", autoWidth: true, displayEmpty: true, style: { marginRight: "1em", marginLeft: "1em" }, value: selectedInspectType || "", onChange: (e) => setSelectedInspectType(e.target.value), children: [selectedInspectType ? undefined : (_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Select Inspection Type" }) }, 0)), inspTypes.map((n) => (_jsx(MenuItem, { value: n, children: n }, n)))] }) }), props.restrictToPart === undefined ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "inspection-sankey-select-part", autoWidth: true, displayEmpty: true, value: selectedPart || "", onChange: (e) => setSelectedPart(e.target.value), children: [selectedPart ? undefined : (_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Select Part" }) }, 0)), parts.map((n) => (_jsx(MenuItem, { value: n, children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(PartIdenticon, { part: n, size: 30 }), _jsx("span", { style: { marginRight: "1em" }, children: n })] }) }, n)))] }) })) : undefined, curData ? (_jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => curData
+                }, children: [props.subtitle ? _jsx(Typography, { variant: "subtitle1", children: props.subtitle }) : undefined, _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), props.onlyTable ? undefined : (_jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, value: showTable ? "table" : "sankey", onChange: (e) => setShowTable(e.target.value === "table"), children: [_jsx(MenuItem, { value: "sankey", children: "Sankey" }, "sankey"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) })), _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "inspection-sankey-select-type", autoWidth: true, displayEmpty: true, style: { marginRight: "1em", marginLeft: "1em" }, value: selectedInspectType || "", onChange: (e) => setSelectedInspectType(e.target.value), children: [selectedInspectType ? undefined : (_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Select Inspection Type" }) }, 0)), inspTypes.map((n) => (_jsx(MenuItem, { value: n, children: n }, n)))] }) }), props.restrictToPart === undefined ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "inspection-sankey-select-part", autoWidth: true, displayEmpty: true, value: selectedPart || "", onChange: (e) => setSelectedPart(e.target.value), children: [selectedPart ? undefined : (_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Select Part" }) }, 0)), parts.map((n) => (_jsx(MenuItem, { value: n, children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(PartIdenticon, { part: n, size: 30 }), _jsx("span", { style: { marginRight: "1em" }, children: n })] }) }, n)))] }) })) : undefined, curData ? (_jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => curData
                                 ? copyInspectionEntriesToClipboard(selectedPart || "", selectedInspectType || "", curData)
                                 : undefined, style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })) : undefined] }), _jsx("main", { children: curData ? (showTable || props.onlyTable ? (_jsx(InspectionDataTable, { zoomType: props.zoomType, points: curData, default_date_range: props.default_date_range, extendDateRange: props.extendDateRange, hideOpenDetailColumn: props.hideOpenDetailColumn })) : (_jsx(InspectionDiagram, { data: curData }))) : undefined })] }));
 }

package/dist/components/analysis/PalletCycleCards.js

@@ -53,6 +53,9 @@ const selectedPalletAtom = atomWithDefault((get) => (get(isDemoAtom) ? 3 : undef
 const selectedPartAtom = atom(undefined);
 const zoomDateRangeAtom = atom(undefined);
 const yZoomAtom = atom(null);
+function isPalletCycleData(point) {
+    return "mats" in point && Array.isArray(point.mats);
+}
 const filteredPoints = atom((get) => {
     const selPal = get(selectedPalletAtom);
     const selPart = get(selectedPartAtom);
@@ -114,19 +117,27 @@ export function PalletCycleChart() {
     const partNames = useAtomValue(allPartNames);
     const setMatToShow = useSetAtom(materialDialogOpen);
     const extraPalletTooltip = useCallback(function extraPalletTooltip(point) {
-        const palC = point;
-        return palC.mats.map((mat) => ({
+        if (!isPalletCycleData(point)) {
+            return [];
+        }
+        return point.mats.map((mat) => ({
             title: mat.part + "-" + mat.proc,
             value: mat.serial ?? "",
             link: mat.serial ? () => setMatToShow({ type: "LogMat", logMat: mat }) : undefined,
         }));
     }, [setMatToShow]);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsxs(Box, { component: "nav", sx: {
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsxs(Box, { component: "nav", sx: {
                     display: "flex",
                     minHeight: "2.5em",
                     alignItems: "center",
                     maxWidth: "calc(100vw - 24px - 24px)",
-                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Pallet Cycles" }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPallet ?? -1, onChange: (e) => setSelectedPallet(e.target.value === -1 ? undefined : e.target.value), children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Pallet" }) }, 0), palletCycles
+                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Pallet Cycles" }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPallet ?? -1, onChange: (e) => setSelectedPallet(e.target.value === -1 ? undefined : (e.target.value)), children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Pallet" }) }, 0), palletCycles
                                     .keysToLazySeq()
                                     .sortBy((x) => x)
                                     .map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) }), partNames.length > 0 ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPart