@seedtactics/insight-client 16.8.0 → 16.8.2

package/dist/components/LogEntry.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2020, John Lenz
 
 All rights reserved.
@@ -71,10 +71,10 @@ function logType(entry, fmsInfo) {
     switch (entry.type) {
         case api.LogType.LoadUnloadCycle:
             if (entry.startofcycle) {
-                return "Start " + entry.result.charAt(0).toUpperCase() + entry.result.substring(1).toLowerCase();
+                return ("Start " + entry.result.charAt(0).toUpperCase() + entry.result.substring(1).toLowerCase());
             }
             else {
-                return "End " + entry.result.charAt(0).toUpperCase() + entry.result.substring(1).toLowerCase();
+                return ("End " + entry.result.charAt(0).toUpperCase() + entry.result.substring(1).toLowerCase());
             }
         case api.LogType.BasketLoadUnload:
             if (entry.program === "LOAD") {
@@ -179,10 +179,10 @@ function display(props, fmsInfo) {
     const entry = props.entry;
     switch (entry.type) {
         case api.LogType.LoadUnloadCycle:
-            return (_jsxs("span", { children: [displayMat(entry.material), " on ", _jsxs(ColoredSpan, { "$type": "pallet", children: ["pallet ", entry.pal] }), " at", " ", _jsx(ColoredSpan, { "$type": "loadStation", children: loadStationDisplayName(entry.locnum, fmsInfo.loadStationNames) })] }));
+            return (_jsxs("span", { children: [displayMat(entry.material), " on", " ", _jsxs(ColoredSpan, { $type: "pallet", children: ["pallet ", entry.pal] }), " at", " ", _jsx(ColoredSpan, { $type: "loadStation", children: loadStationDisplayName(entry.locnum, fmsInfo.loadStationNames) })] }));
         case api.LogType.BasketLoadUnload: {
             const basketName = basketDisplayName(fmsInfo.basketName);
-            return (_jsxs("span", { children: [displayMat(entry.material), " ", entry.program === "LOAD" ? "loaded onto" : "unloaded from", " ", _jsxs(ColoredSpan, { "$type": "pallet", children: [basketName, " ", entry.pal] }), " ", "at", " ", _jsx(ColoredSpan, { "$type": "loadStation", children: loadStationDisplayName(entry.locnum, fmsInfo.loadStationNames) })] }));
+            return (_jsxs("span", { children: [displayMat(entry.material), " ", entry.program === "LOAD" ? "loaded onto" : "unloaded from", " ", _jsxs(ColoredSpan, { $type: "pallet", children: [basketName, " ", entry.pal] }), " ", "at", " ", _jsx(ColoredSpan, { $type: "loadStation", children: loadStationDisplayName(entry.locnum, fmsInfo.loadStationNames) })] }));
         }
         case api.LogType.BasketCycle: {
             const basketName = basketDisplayName(fmsInfo.basketName);
@@ -203,7 +203,7 @@ function display(props, fmsInfo) {
             }
         }
         case api.LogType.MachineCycle:
-            return (_jsxs("span", { children: [displayMat(entry.material), " on ", _jsxs(ColoredSpan, { "$type": "pallet", children: ["pallet ", entry.pal] }), " at", " ", _jsxs(ColoredSpan, { "$type": "machine", children: [entry.loc, " ", entry.locnum.toString()] }), entry.program && entry.program !== "" ? _jsxs("span", { children: [" with program ", entry.program] }) : undefined] }));
+            return (_jsxs("span", { children: [displayMat(entry.material), " on", " ", _jsxs(ColoredSpan, { $type: "pallet", children: ["pallet ", entry.pal] }), " at", " ", _jsxs(ColoredSpan, { $type: "machine", children: [entry.loc, " ", entry.locnum.toString()] }), entry.program && entry.program !== "" ? (_jsxs("span", { children: [" with program ", entry.program] })) : undefined] }));
         case api.LogType.PartMark:
             return (_jsxs("span", { children: [displayMat(entry.material), " marked with ", entry.result] }));
         case api.LogType.OrderAssignment:
@@ -219,71 +219,71 @@ function display(props, fmsInfo) {
             const inspName = (entry.details || {}).InspectionType || "";
             const inspected = entry.result.toLowerCase() === "true" || entry.result === "1";
             if (inspected) {
-                return (_jsxs("span", { children: [displayMat(entry.material), " signaled for inspection", " ", _jsx(ColoredSpan, { "$type": "inspectionSignaled", children: inspName })] }));
+                return (_jsxs("span", { children: [displayMat(entry.material), " signaled for inspection", " ", _jsx(ColoredSpan, { $type: "inspectionSignaled", children: inspName })] }));
             }
             else {
-                return (_jsxs("span", { children: [displayMat(entry.material), " skipped inspection", " ", _jsx(ColoredSpan, { "$type": "inspectionNotSignaled", children: inspName })] }));
+                return (_jsxs("span", { children: [displayMat(entry.material), " skipped inspection", " ", _jsx(ColoredSpan, { $type: "inspectionNotSignaled", children: inspName })] }));
             }
         }
         case api.LogType.InspectionForce: {
             const forceInspName = entry.program;
             const forced = entry.result.toLowerCase() === "true" || entry.result === "1";
             if (forced) {
-                return (_jsxs("span", { children: [displayMat(entry.material), " declared for inspection", " ", _jsx(ColoredSpan, { "$type": "inspectionSignaled", children: forceInspName })] }));
+                return (_jsxs("span", { children: [displayMat(entry.material), " declared for inspection", " ", _jsx(ColoredSpan, { $type: "inspectionSignaled", children: forceInspName })] }));
             }
             else {
-                return (_jsxs("span", { children: [displayMat(entry.material), " passed over for inspection", " ", _jsx(ColoredSpan, { "$type": "inspectionNotSignaled", children: forceInspName })] }));
+                return (_jsxs("span", { children: [displayMat(entry.material), " passed over for inspection", " ", _jsx(ColoredSpan, { $type: "inspectionNotSignaled", children: forceInspName })] }));
             }
         }
         case api.LogType.WorkorderComment:
             return _jsxs("span", { children: ["Workorder ", entry.result, " Comment"] });
         case api.LogType.InspectionResult:
             if (entry.result.toLowerCase() === "false") {
-                return _jsxs(ColoredSpan, { "$type": "inspectionSignaled", children: [entry.program, " Failed"] });
+                return _jsxs(ColoredSpan, { $type: "inspectionSignaled", children: [entry.program, " Failed"] });
             }
             else {
-                return _jsxs(ColoredSpan, { "$type": "inspectionSignaled", children: [entry.program, " Succeeded"] });
+                return _jsxs(ColoredSpan, { $type: "inspectionSignaled", children: [entry.program, " Succeeded"] });
             }
         case api.LogType.CloseOut:
             if (entry.result.toLowerCase() === "failed") {
-                return (_jsxs(ColoredSpan, { "$type": "closeoutFailed", children: [entry.program && entry.program !== "" ? entry.program : "CloseOut", " Failed"] }));
+                return (_jsxs(ColoredSpan, { $type: "closeoutFailed", children: [entry.program && entry.program !== "" ? entry.program : "CloseOut", " Failed"] }));
             }
             else {
-                return _jsxs("span", { children: [entry.program && entry.program !== "" ? entry.program : "CloseOut", " Completed"] });
+                return (_jsxs("span", { children: [entry.program && entry.program !== "" ? entry.program : "CloseOut", " Completed"] }));
             }
         case api.LogType.AddToQueue:
             switch (entry.program) {
                 case "Unloaded":
-                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " unloaded into queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc })] }));
+                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " unloaded into queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc })] }));
                 case "SetByOperator":
-                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " set manually into queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc })] }));
+                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " set manually into queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc })] }));
                 case "Quarantine":
-                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " quarantined into queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc })] }));
+                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " quarantined into queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc })] }));
                 case "SwapMaterial":
-                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " swapped off pallet into queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc })] }));
+                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " swapped off pallet into queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc })] }));
                 case "MaterialMissingOnPallet":
-                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " removed from cell controller, added to queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc })] }));
+                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " removed from cell controller, added to queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc })] }));
                 default:
-                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " added to queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc }), entry.program && entry.program !== "" ? " (" + entry.program + ")" : undefined] }));
+                    return (_jsxs("span", { children: [displayQueueMat(entry.material), " added to queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc }), entry.program && entry.program !== "" ? " (" + entry.program + ")" : undefined] }));
             }
         case api.LogType.RemoveFromQueue:
-            return (_jsxs("span", { children: [displayQueueMat(entry.material), " removed from queue", " ", _jsx(ColoredSpan, { "$type": "queue", children: entry.loc })] }));
+            return (_jsxs("span", { children: [displayQueueMat(entry.material), " removed from queue", " ", _jsx(ColoredSpan, { $type: "queue", children: entry.loc })] }));
         case api.LogType.PalletInStocker:
             if (entry.startofcycle) {
-                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { "$type": "pallet", children: ["Pallet ", entry.pal] }), " arrived at stocker ", entry.locnum] }));
+                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { $type: "pallet", children: ["Pallet ", entry.pal] }), " arrived at stocker", " ", entry.locnum] }));
             }
             else {
-                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { "$type": "pallet", children: ["Pallet ", entry.pal] }), " departed stocker ", entry.locnum] }));
+                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { $type: "pallet", children: ["Pallet ", entry.pal] }), " departed stocker", " ", entry.locnum] }));
             }
         case api.LogType.PalletOnRotaryInbound:
             if (entry.startofcycle) {
-                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { "$type": "pallet", children: ["Pallet ", entry.pal] }), " arrived at", " ", _jsxs(ColoredSpan, { "$type": "machine", children: [entry.loc, " ", entry.locnum.toString()] })] }));
+                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { $type: "pallet", children: ["Pallet ", entry.pal] }), " arrived at", " ", _jsxs(ColoredSpan, { $type: "machine", children: [entry.loc, " ", entry.locnum.toString()] })] }));
             }
             else if (entry.result == "RotateIntoWorktable") {
-                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { "$type": "pallet", children: ["Pallet ", entry.pal] }), " rotated into", " ", _jsxs(ColoredSpan, { "$type": "machine", children: [entry.loc, " ", entry.locnum.toString()] }), " ", "worktable"] }));
+                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { $type: "pallet", children: ["Pallet ", entry.pal] }), " rotated into", " ", _jsxs(ColoredSpan, { $type: "machine", children: [entry.loc, " ", entry.locnum.toString()] }), " ", "worktable"] }));
             }
             else {
-                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { "$type": "pallet", children: ["Pallet ", entry.pal] }), " left", " ", _jsxs(ColoredSpan, { "$type": "machine", children: [entry.loc, " ", entry.locnum.toString()] })] }));
+                return (_jsxs("span", { children: [_jsxs(ColoredSpan, { $type: "pallet", children: ["Pallet ", entry.pal] }), " left", " ", _jsxs(ColoredSpan, { $type: "machine", children: [entry.loc, " ", entry.locnum.toString()] })] }));
             }
         case api.LogType.SignalQuarantine:
             return _jsxs("span", { children: [displayMat(entry.material), " signaled for quarantine after unload"] });
@@ -358,7 +358,9 @@ const logTypesToHighlight = [
     api.LogType.BasketLoadUnload,
     api.LogType.MachineCycle,
 ];
-const LogEntryTableRow = styled(TableRow, { shouldForwardProp: (prop) => prop.toString()[0] !== "$" })(({ $highlightProc, $invalidCycle }) => ({
+const LogEntryTableRow = styled(TableRow, {
+    shouldForwardProp: (prop) => prop.toString()[0] !== "$",
+})(({ $highlightProc, $invalidCycle }) => ({
     ...($highlightProc && { backgroundColor: "#eeeeee" }),
     ...($invalidCycle && { textDecoration: "line-through" }),
 }));
@@ -366,9 +368,9 @@ export const LogEntry = memo(function LogEntry(props) {
     const details = detailsForEntry(props.entry);
     const highlight = props.highlightProcsGreaterOrEqualTo;
     const fmsInfo = useAtomValue(fmsInformation);
-    return (_jsxs(_Fragment, { children: [_jsxs(LogEntryTableRow, { "$highlightProc": highlight !== undefined &&
+    return (_jsxs(_Fragment, { children: [_jsxs(LogEntryTableRow, { $highlightProc: highlight !== undefined &&
                     props.entry.material.findIndex((m) => m.proc >= highlight) >= 0 &&
-                    logTypesToHighlight.indexOf(props.entry.type) >= 0, "$invalidCycle": isLogEntryInvalidated(props.entry), children: [_jsx(TableCell, { size: "small", children: props.entry.endUTC.toLocaleDateString(undefined, {
+                    logTypesToHighlight.indexOf(props.entry.type) >= 0, $invalidCycle: isLogEntryInvalidated(props.entry), children: [_jsx(TableCell, { size: "small", children: props.entry.endUTC.toLocaleDateString(undefined, {
                             month: "short",
                             day: "numeric",
                             year: "2-digit",

package/dist/components/ManualSerialEntry.d.ts

@@ -1,5 +1,5 @@
-export declare const ManualSerialEntryButton: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const ManualSerialEntryButton: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
 export declare const enterSerialForNewMaterialDialog: import("jotai").PrimitiveAtom<string | null> & {
     init: string | null;
 };
-export declare const AddBySerialDialog: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const AddBySerialDialog: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/components/ManualSerialEntry.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2022, John Lenz
 
 All rights reserved.

package/dist/components/MonthSelect.d.ts

@@ -2,5 +2,5 @@ export interface MonthSelectProps {
     curMonth: Date;
     onSelectMonth: (d: Date) => void;
 }
-declare const _default: import("react").MemoExoticComponent<(props: MonthSelectProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: MonthSelectProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/MonthSelect.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2019, John Lenz
 
 All rights reserved.
@@ -59,7 +59,9 @@ export default memo(function MonthSelect(props) {
                         }, size: "large", children: _jsx(CalendarIcon, {}) }) }) }), _jsx(Dialog, { open: dialogOpen, onClose: () => {
                     setDialogOpen(false);
                     setTempDialogCurMonth(undefined);
-                }, children: _jsxs(DialogContent, { children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(IconButton, { "data-testid": "select-month-dialog-previous-year", onClick: () => setTempDialogCurMonth(addYears(tempDialogCurMonth || props.curMonth, -1)), size: "large", children: _jsx(LeftArrowIcon, {}) }), _jsx("div", { style: { flexGrow: 1 }, children: _jsx(Typography, { variant: "h5", align: "center", "data-testid": "select-month-dialog-current-year", children: (tempDialogCurMonth || props.curMonth).toLocaleDateString(undefined, { year: "numeric" }) }) }), _jsx(IconButton, { onClick: () => setTempDialogCurMonth(addYears(tempDialogCurMonth || props.curMonth, 1)), size: "large", children: _jsx(RightArrowIcon, {}) })] }), _jsx("div", { "data-testid": "select-month-dialog-choose-month", children: months.map((monthRow, monthRowIdx) => (_jsx("div", { style: monthRowIdx > 0 ? { marginTop: "1.2em" } : undefined, children: monthRow.map((month, monthIdx) => (_jsx(Button, { color: "primary", style: monthIdx > 0 ? { marginLeft: "1.2em" } : undefined, onClick: () => {
+                }, children: _jsxs(DialogContent, { children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(IconButton, { "data-testid": "select-month-dialog-previous-year", onClick: () => setTempDialogCurMonth(addYears(tempDialogCurMonth || props.curMonth, -1)), size: "large", children: _jsx(LeftArrowIcon, {}) }), _jsx("div", { style: { flexGrow: 1 }, children: _jsx(Typography, { variant: "h5", align: "center", "data-testid": "select-month-dialog-current-year", children: (tempDialogCurMonth || props.curMonth).toLocaleDateString(undefined, {
+                                            year: "numeric",
+                                        }) }) }), _jsx(IconButton, { onClick: () => setTempDialogCurMonth(addYears(tempDialogCurMonth || props.curMonth, 1)), size: "large", children: _jsx(RightArrowIcon, {}) })] }), _jsx("div", { "data-testid": "select-month-dialog-choose-month", children: months.map((monthRow, monthRowIdx) => (_jsx("div", { style: monthRowIdx > 0 ? { marginTop: "1.2em" } : undefined, children: monthRow.map((month, monthIdx) => (_jsx(Button, { color: "primary", style: monthIdx > 0 ? { marginLeft: "1.2em" } : undefined, onClick: () => {
                                         props.onSelectMonth(new Date((tempDialogCurMonth || props.curMonth).getFullYear(), month.getMonth(), 1));
                                         setTempDialogCurMonth(undefined);
                                         setDialogOpen(false);

package/dist/components/Navigation.d.ts

@@ -17,7 +17,7 @@ export declare function Header({ showAlarms, showLogout, showSearch, showOperato
     Nav1: ComponentType | undefined;
     Nav2: ComponentType | undefined;
     menuNavs?: ReadonlyArray<MenuNavItem>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function SideMenu({ menuItems }: {
     menuItems?: ReadonlyArray<MenuNavItem>;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/components/Navigation.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2023, John Lenz
 
 All rights reserved.
@@ -95,7 +95,7 @@ function MenuNavSelect({ menuNavs }) {
                     return;
                 setCurrentRoute(item.route);
             }), renderValue: () => {
-                const item = menuNavs.find((i) => ("separator" in i ? false : i.route.route === curRoute.route));
+                const item = menuNavs.find((i) => "separator" in i ? false : i.route.route === curRoute.route);
                 if (!item || "separator" in item)
                     return null;
                 return (_jsxs(Box, { sx: {

package/dist/components/VerboseLogging.d.ts

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

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

@@ -1 +1 @@
-export declare const AnalysisSelectToolbar: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const AnalysisSelectToolbar: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

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

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

package/dist/components/analysis/BasketCycleCards.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2026, John Lenz
 
 All rights reserved.
@@ -134,7 +134,7 @@ export function BasketCycleChart() {
                     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
+                }, 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

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

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

package/dist/components/analysis/BufferChart.js

@@ -34,7 +34,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 import { memo, useState, useMemo, useRef, useCallback } from "react";
 import { addDays, startOfToday, addMonths } from "date-fns";
 import { curveCatmullRom, line } from "d3-shape";
-import { buildBufferChart } from "../../data/results.bufferchart.js";
+import { buildBufferChart, } from "../../data/results.bufferchart.js";
 import { seriesColor } from "../../util/chart-colors.js";
 import { rawMaterialQueues } from "../../cell-status/names.js";
 import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
@@ -114,15 +114,34 @@ const BufferChart = memo(function BufferChart(props) {
     const [disabledBuffers, setDisabledBuffers] = useState(HashSet.empty());
     const defaultDateRangeStart = defaultDateRange[0];
     const defaultDateRangeEnd = defaultDateRange[1];
-    const series = useMemo(() => buildBufferChart(defaultDateRangeStart, defaultDateRangeEnd, props.movingAverageDistanceInHours, rawMatQueues, entries.valuesToLazySeq()), [defaultDateRangeStart, defaultDateRangeEnd, entries, props.movingAverageDistanceInHours, rawMatQueues]);
+    const series = useMemo(() => buildBufferChart(defaultDateRangeStart, defaultDateRangeEnd, props.movingAverageDistanceInHours, rawMatQueues, entries.valuesToLazySeq()), [
+        defaultDateRangeStart,
+        defaultDateRangeEnd,
+        entries,
+        props.movingAverageDistanceInHours,
+        rawMatQueues,
+    ]);
     const { width, height, ref: chartRef, } = useResizeDetector({
         refreshMode: "debounce",
         refreshRate: 100,
     });
     return (_jsxs("div", { children: [_jsx(Box, { ref: chartRef, sx: {
-                    height: { xs: "calc(100vh - 350px)", md: "calc(100vh - 285px)", xl: "calc(100vh - 220px)" },
+                    height: {
+                        xs: "calc(100vh - 350px)",
+                        md: "calc(100vh - 285px)",
+                        xl: "calc(100vh - 220px)",
+                    },
                     overflow: "hidden",
-                }, 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))) })] }));
+                }, 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
 // oxlint-disable-next-line typescript/no-explicit-any

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

@@ -1,2 +1,2 @@
-export declare function CostBreakdownPage(): import("react/jsx-runtime").JSX.Element;
-export declare const CostPerPiecePage: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare function CostBreakdownPage(): import("react").JSX.Element;
+export declare const CostPerPiecePage: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/components/analysis/CostPerPiece.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2021, John Lenz
 
 All rights reserved.
@@ -48,8 +48,8 @@ import { Tooltip } from "@mui/material";
 import { IconButton } from "@mui/material";
 import { PartIdenticon } from "../station-monitor/Material.js";
 import { Typography } from "@mui/material";
-import { last30MaterialSummary, specificMonthMaterialSummary } from "../../cell-status/material-summary.js";
-import { last30StationCycles, specificMonthStationCycles } from "../../cell-status/station-cycles.js";
+import { last30MaterialSummary, specificMonthMaterialSummary, } from "../../cell-status/material-summary.js";
+import { last30StationCycles, specificMonthStationCycles, } from "../../cell-status/station-cycles.js";
 import { useSetTitle } from "../routes.js";
 import { atom, useAtom, useAtomValue } from "jotai";
 import { atomWithStorage } from "jotai/utils";

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

@@ -39,4 +39,4 @@ export interface YZoomRange {
     readonly y_low: number;
     readonly y_high: number;
 }
-export declare const CycleChart: import("react").MemoExoticComponent<(props: CycleChartProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CycleChart: import("react").MemoExoticComponent<(props: CycleChartProps) => import("react").JSX.Element>;

package/dist/components/analysis/CycleChart.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2022, John Lenz
 
 All rights reserved.
@@ -31,7 +31,7 @@ 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 { useMemo, memo, useState, useCallback } from "react";
+import { useMemo, memo, useState, useCallback, } from "react";
 import { Dialog, DialogContent, DialogActions, TextField, IconButton, Button, styled, ToggleButton, Stack, } from "@mui/material";
 import { ZoomIn } from "@mui/icons-material";
 import { seriesColor } from "../../util/chart-colors.js";
@@ -172,7 +172,12 @@ const AllPointsSeries = memo(function AllPointsSeries({ series, xScale, yScale,
             .map((s) => (_jsx(SingleSeries, { points: s.points, seriesName: s.name, color: s.color, xScale: xScale, yScale: yScale, showTooltip: showTooltip }, s.name))) }));
 });
 const Legend = memo(function Legend({ series, disabledSeries, adjustDisabled, }) {
-    return (_jsx("div", { style: { marginTop: "1em", display: "flex", flexWrap: "wrap", justifyContent: "space-around" }, children: series.map((s) => (_jsx(ToggleButton, { selected: !disabledSeries.has(s.name), value: s, onChange: () => adjustDisabled((b) => (b.has(s.name) ? b.delete(s.name) : b.add(s.name))), children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("div", { style: { width: "14px", height: "14px", backgroundColor: s.color } }), _jsx("div", { style: { marginLeft: "1em" }, children: s.name })] }) }, s.name))) }));
+    return (_jsx("div", { style: {
+            marginTop: "1em",
+            display: "flex",
+            flexWrap: "wrap",
+            justifyContent: "space-around",
+        }, children: series.map((s) => (_jsx(ToggleButton, { selected: !disabledSeries.has(s.name), value: s, onChange: () => adjustDisabled((b) => (b.has(s.name) ? b.delete(s.name) : b.add(s.name))), children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("div", { style: { width: "14px", height: "14px", backgroundColor: s.color } }), _jsx("div", { style: { marginLeft: "1em" }, children: s.name })] }) }, s.name))) }));
 });
 const NoPointerEvents = styled("g", { shouldForwardProp: (prop) => prop.toString()[0] !== "$" })(({ $noPtrEvents }) => $noPtrEvents
     ? {
@@ -210,7 +215,9 @@ const ChartMouseEvents = memo(function ChartMouseEvents({ setYZoom, setXZoom, se
                 const y2 = yScale.invert(p.y - marginTop);
                 setYZoom(y1 < y2 ? { y_low: y1, y_high: y2 } : { y_low: y2, y_high: y1 });
                 setXZoom?.({
-                    zoom: time1.getTime() < time2.getTime() ? { start: time1, end: time2 } : { start: time2, end: time1 },
+                    zoom: time1.getTime() < time2.getTime()
+                        ? { start: time1, end: time2 }
+                        : { start: time2, end: time1 },
                 });
             }
         }
@@ -260,7 +267,7 @@ function CycleChartSvg(props) {
         containerWidth: props.containerWidth,
         containerHeight: props.containerHeight,
     });
-    return (_jsx("svg", { width: width, height: height, children: _jsxs("g", { transform: `translate(${marginLeft}, ${marginTop})`, children: [_jsx(AxisAndGrid, { xScale: xScale, yScale: yScale }), _jsx(StatsSeries, { median: props.median, plannedMinutes: props.plannedTimeMinutes, xScale: xScale, yScale: yScale }), _jsx(ChartMouseEvents, { setYZoom: props.setYZoom, setXZoom: props.set_date_zoom_range, xScale: xScale, setTooltip: props.showTooltip, yScale: yScale, highlightStart: props.highlightStart, setHighlightStart: props.setHighlightStart }), _jsx(NoPointerEvents, { "$noPtrEvents": props.highlightStart !== null, children: _jsx(AllPointsSeries, { series: props.series, disabledSeries: props.disabledSeries, xScale: xScale, yScale: yScale, showTooltip: props.showTooltip }) })] }) }));
+    return (_jsx("svg", { width: width, height: height, children: _jsxs("g", { transform: `translate(${marginLeft}, ${marginTop})`, children: [_jsx(AxisAndGrid, { xScale: xScale, yScale: yScale }), _jsx(StatsSeries, { median: props.median, plannedMinutes: props.plannedTimeMinutes, xScale: xScale, yScale: yScale }), _jsx(ChartMouseEvents, { setYZoom: props.setYZoom, setXZoom: props.set_date_zoom_range, xScale: xScale, setTooltip: props.showTooltip, yScale: yScale, highlightStart: props.highlightStart, setHighlightStart: props.setHighlightStart }), _jsx(NoPointerEvents, { $noPtrEvents: props.highlightStart !== null, children: _jsx(AllPointsSeries, { series: props.series, disabledSeries: props.disabledSeries, xScale: xScale, yScale: yScale, showTooltip: props.showTooltip }) })] }) }));
 }
 export const CycleChart = memo(function CycleChart(props) {
     // the state of the chart
@@ -277,5 +284,11 @@ export const CycleChart = memo(function CycleChart(props) {
         setTooltip(null);
         setHighlightStart(null);
     }, [setTooltip, setHighlightStart]);
-    return (_jsxs("div", { onPointerLeave: pointerLeave, children: [_jsx(ChartWithTooltip, { sx: { height: { xs: "calc(100vh - 320px)", md: "calc(100vh - 280px)", xl: "calc(100vh - 220px)" } }, tooltipAtom: tooltipAtom, TooltipContent: ({ tooltip }) => (_jsx(CycleChartTooltip, { tooltip: tooltip, seriesLabel: props.series_label, extraTooltip: props.extra_tooltip })), chart: ({ width, height }) => (_jsx(CycleChartSvg, { ...props, containerHeight: height, containerWidth: width, series: series, median: median, yZoom: props.yZoom, setYZoom: props.setYZoom, highlightStart: highlightStart, setHighlightStart: setHighlightStart, showTooltip: setTooltip, disabledSeries: disabledSeries })) }), _jsxs("div", { style: { display: "flex", flexWrap: "wrap" }, children: [_jsx("div", { style: { color: "#6b6b76" }, children: "Click on a point for details" }), _jsx("div", { style: { flexGrow: 1 } }), _jsx(ChartZoomButtons, { set_date_zoom_range: props.set_date_zoom_range, current_date_zoom: props.current_date_zoom, yZoom: props.yZoom, setYZoom: props.setYZoom, median: median })] }), _jsx(Legend, { series: series, disabledSeries: disabledSeries, adjustDisabled: setDisabled })] }));
+    return (_jsxs("div", { onPointerLeave: pointerLeave, children: [_jsx(ChartWithTooltip, { sx: {
+                    height: {
+                        xs: "calc(100vh - 320px)",
+                        md: "calc(100vh - 280px)",
+                        xl: "calc(100vh - 220px)",
+                    },
+                }, tooltipAtom: tooltipAtom, TooltipContent: ({ tooltip }) => (_jsx(CycleChartTooltip, { tooltip: tooltip, seriesLabel: props.series_label, extraTooltip: props.extra_tooltip })), chart: ({ width, height }) => (_jsx(CycleChartSvg, { ...props, containerHeight: height, containerWidth: width, series: series, median: median, yZoom: props.yZoom, setYZoom: props.setYZoom, highlightStart: highlightStart, setHighlightStart: setHighlightStart, showTooltip: setTooltip, disabledSeries: disabledSeries })) }), _jsxs("div", { style: { display: "flex", flexWrap: "wrap" }, children: [_jsx("div", { style: { color: "#6b6b76" }, children: "Click on a point for details" }), _jsx("div", { style: { flexGrow: 1 } }), _jsx(ChartZoomButtons, { set_date_zoom_range: props.set_date_zoom_range, current_date_zoom: props.current_date_zoom, yZoom: props.yZoom, setYZoom: props.setYZoom, median: median })] }), _jsx(Legend, { series: series, disabledSeries: disabledSeries, adjustDisabled: setDisabled })] }));
 });

package/dist/components/analysis/DataTable.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2025, John Lenz
 
 All rights reserved.
@@ -86,7 +86,9 @@ function SelectDateRange(props) {
     const start = props.zoom.current_date_zoom
         ? props.zoom.current_date_zoom.start
         : props.zoom.default_date_range[0];
-    const end = addDays(props.zoom.current_date_zoom ? props.zoom.current_date_zoom.end : props.zoom.default_date_range[1], -1);
+    const end = addDays(props.zoom.current_date_zoom
+        ? props.zoom.current_date_zoom.end
+        : props.zoom.default_date_range[1], -1);
     function onChange(d) {
         props.zoom.set_date_zoom_range({
             start: d[0],
@@ -99,7 +101,7 @@ function SelectDateRange(props) {
             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" }) })] })] }));
+    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, }) {
     let zoomCtrl;

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

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

package/dist/components/analysis/EfficiencyPage.js

@@ -37,7 +37,7 @@ import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
 import { SelectableHeatChart } from "./HeatChart.js";
 import { binSimStationUseByDayAndStat, copyOeeHeatmapToClipboard, binActiveCyclesByDayAndStat, binOccupiedCyclesByDayAndStat, binDowntimeToDayAndStat, } from "../../data/results.oee.js";
 import { binCyclesByDayAndPart, binSimProductionByDayAndPart, copyCompletedPartsHeatmapToClipboard, } from "../../data/results.completed-parts.js";
-import { last30SimStationUse, specificMonthSimStationUse } from "../../cell-status/sim-station-use.js";
+import { last30SimStationUse, specificMonthSimStationUse, } from "../../cell-status/sim-station-use.js";
 import { last30SimProduction, specificMonthSimProduction, } from "../../cell-status/sim-production.js";
 import { last30MaterialSummary, specificMonthMaterialSummary, } from "../../cell-status/material-summary.js";
 import { last30StationCycles, specificMonthStationCycles, } from "../../cell-status/station-cycles.js";

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

@@ -19,4 +19,4 @@ export interface SelectableHeatCardProps<T extends string> {
     readonly options: ReadonlyArray<T>;
 }
 export type SelectableHeatChartProps<T extends string> = HeatChartProps & SelectableHeatCardProps<T>;
-export declare function SelectableHeatChart<T extends string>(props: SelectableHeatChartProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectableHeatChart<T extends string>(props: SelectableHeatChartProps<T>): import("react").JSX.Element;

package/dist/components/analysis/HeatChart.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* Copyright (c) 2022, John Lenz
 
 All rights reserved.
@@ -33,7 +33,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 import { useMemo, memo, useRef, useCallback } from "react";
 import { addDays } from "date-fns";
-import { Select, MenuItem, Tooltip, IconButton, Stack, Box, Typography, FormControl } from "@mui/material";
+import { Select, MenuItem, Tooltip, IconButton, Stack, Box, Typography, FormControl, } from "@mui/material";
 import { ImportExport } from "@mui/icons-material";
 import { scaleBand, scaleLinear } from "d3-scale";
 import { LazySeq } from "@seedtactics/immutable-collections";
@@ -51,7 +51,9 @@ const marginRight = 2;
 const color1 = "#E8F5E9";
 const color2 = "#1B5E20";
 function useScales({ yType, dateRange, containerWidth, points, }) {
-    const width = containerWidth === null || containerWidth === undefined || containerWidth === 0 ? 400 : containerWidth;
+    const width = containerWidth === null || containerWidth === undefined || containerWidth === 0
+        ? 400
+        : containerWidth;
     const maxStatLen = useMemo(() => LazySeq.of(points)
         .map((p) => p.y)
         .distinct()
@@ -98,7 +100,14 @@ function useScales({ yType, dateRange, containerWidth, points, }) {
         }
         return { yScale: nextBandScale, height: nextChartHeight, colorScale: nextFillScale };
     }, [points, yType]);
-    return { height: chartHeight, width, xScale, yScale: bandScale, colorScale: fillScale, 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] })] }));

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

@@ -6,5 +6,5 @@ export interface InspectionDataTableProps {
     readonly extendDateRange?: (numDays: number) => void;
     readonly hideOpenDetailColumn?: boolean;
 }
-declare const _default: import("react").MemoExoticComponent<(props: InspectionDataTableProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: InspectionDataTableProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/analysis/InspectionDataTable.js

@@ -143,6 +143,11 @@ export default memo(function InspDataTable(props) {
                                                         serial: row.serial,
                                                         workorderId: row.workorder,
                                                     },
-                                                }) })] }), _jsx(DataTableActions, { tpage: { page, rowsPerPage, setPage: (p) => setPages(pages.set(path, p)), setRowsPerPage }, count: points.material.length, zoom: tzoom.zoom })] }) })] }, path));
+                                                }) })] }), _jsx(DataTableActions, { tpage: {
+                                        page,
+                                        rowsPerPage,
+                                        setPage: (p) => setPages(pages.set(path, p)),
+                                        setRowsPerPage,
+                                    }, count: points.material.length, zoom: tzoom.zoom })] }) })] }, path));
         }) }));
 });

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

@@ -9,4 +9,4 @@ export interface InspectionSankeyProps {
     readonly extendDateRange?: (numDays: number) => void;
     readonly hideOpenDetailColumn?: boolean;
 }
-export declare function InspectionSankey(props: InspectionSankeyProps): import("react/jsx-runtime").JSX.Element;
+export declare function InspectionSankey(props: InspectionSankeyProps): import("react").JSX.Element;

package/dist/components/analysis/InspectionSankey.js

@@ -68,7 +68,10 @@ function LinkDisplay({ link, path, strokeWidth, setTooltip, }) {
     return (_jsx("path", { d: path, stroke: over ? green[600] : green[300], strokeWidth: strokeWidth, opacity: 0.2, fill: "none", onMouseMove: pointerOver, onMouseLeave: pointerOut }));
 }
 function NodeDisplay({ node }) {
-    if (node.x1 === undefined || node.x0 === undefined || node.y1 === undefined || node.y0 === undefined)
+    if (node.x1 === undefined ||
+        node.x0 === undefined ||
+        node.y1 === undefined ||
+        node.y0 === undefined)
         return null;
     return (_jsxs("g", { transform: `translate(${node.x0}, ${node.y0})`, children: [_jsx("rect", { width: node.x1 - node.x0, height: node.y1 - node.y0, fill: green[800], opacity: 0.8, stroke: "none" }), _jsx("text", { x: 18, y: (node.y1 - node.y0) / 2, children: node.name })] }));
 }
@@ -89,7 +92,9 @@ const SankeyDisplay = memo(function InspectionSankeyDiagram({ data, setTooltip,
         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
+            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 }]
                 : []),
         };
@@ -106,11 +111,15 @@ const InspectionDiagram = memo(function InspectionDiagram({ data, }) {
     const tooltipAtom = useMemo(() => atom(null), []);
     const setTooltip = useSetAtom(tooltipAtom);
     return (_jsx("div", { style: { position: "relative" }, children: _jsx(ChartWithTooltip, { sx: {
-                height: { xs: "calc(100vh - 230px)", md: "calc(100vh - 182px)", xl: "calc(100vh - 130px)" },
+                height: {
+                    xs: "calc(100vh - 230px)",
+                    md: "calc(100vh - 182px)",
+                    xl: "calc(100vh - 130px)",
+                },
                 width: "100%",
             }, chart: ({ height, width }) => (_jsx(SankeyDisplay, { data: data, setTooltip: setTooltip, parentHeight: height, parentWidth: width })), tooltipAtom: tooltipAtom, TooltipContent: LinkTooltip }) }));
 });
-const selectedPartAtom = atomWithDefault((get) => (get(isDemoAtom) ? "aaa" : undefined));
+const selectedPartAtom = atomWithDefault((get) => get(isDemoAtom) ? "aaa" : undefined);
 const selectedInspTypeAtom = atomWithDefault((get) => get(isDemoAtom) ? "CMM" : undefined);
 const showTableAtom = atom(false);
 export function InspectionSankey(props) {
@@ -121,8 +130,9 @@ export function InspectionSankey(props) {
     const selectedPart = props.restrictToPart || curPart;
     if (selectedPart && selectedInspectType) {
         curData =
-            props.inspectionlogs.get(new PartAndInspType(selectedPart, selectedInspectType))?.valuesToLazySeq() ??
-                [];
+            props.inspectionlogs
+                .get(new PartAndInspType(selectedPart, selectedInspectType))
+                ?.valuesToLazySeq() ?? [];
     }
     const parts = props.inspectionlogs
         .keysToLazySeq()