@zac-apps/helium 1.0.0-beta.1

package/dist/index.js

@@ -0,0 +1,1500 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React, { useState, createContext, useContext, useEffect } from 'react';
+import moment from 'moment';
+import { useImmer } from 'use-immer';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Grid from '@mui/material/Unstable_Grid2';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import IconButton from '@mui/material/IconButton';
+import SaveIcon from '@mui/icons-material/Save';
+import EditIcon from '@mui/icons-material/Edit';
+import { ErrorAlert, AppTable, TableHeadCell, Percentage, AppTheme, DivTitle, PublicFetch, Progress, AppGrid, AppCard } from '@zac-apps/commons';
+import TextField from '@mui/material/TextField';
+import InputAdornment from '@mui/material/InputAdornment';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import Chip from '@mui/material/Chip';
+import AddBoxIcon from '@mui/icons-material/AddBox';
+import DeleteIcon from '@mui/icons-material/Delete';
+import Divider from '@mui/material/Divider';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormControl from '@mui/material/FormControl';
+import FormGroup from '@mui/material/FormGroup';
+import Checkbox from '@mui/material/Checkbox';
+import Button from '@mui/material/Button';
+import moment$1 from 'moment/moment.js';
+import Typography from '@mui/material/Typography';
+import { LineChart, Line, CartesianGrid, XAxis, Label, YAxis, ReferenceLine, ReferenceArea, Tooltip } from 'recharts';
+import Paper from '@mui/material/Paper';
+import ButtonGroup from '@mui/material/ButtonGroup';
+import Switch from '@mui/material/Switch';
+
+function NumField(_ref) {
+  var input = _ref.input,
+    SetInput = _ref.SetInput,
+    error = _ref.error,
+    SetError = _ref.SetError,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    adornment = _ref.adornment,
+    size = _ref.size;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    errorMessage = _useState2[0],
+    SetErrorMessage = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    alert = _useState4[0],
+    SetAlert = _useState4[1];
+  var sx = {};
+  if (size === "small") {
+    sx = {
+      maxWidth: 75
+    };
+  }
+  function handleEntry(e) {
+    var errorFound = false;
+    var inputVal = e.target.value;
+    if (!inputVal.match(/[0-9-]*/)[0] || inputVal.match(/[0-9-]*/)[0] !== inputVal) {
+      errorFound = true;
+      SetErrorMessage("Input is not numerical.");
+    }
+    if (inputVal > maxValue || inputVal < minValue) {
+      errorFound = true;
+      SetErrorMessage("Input is outside allowed boundaries.");
+    }
+    SetInput(inputVal);
+    SetError(errorFound);
+    SetAlert(errorFound);
+  }
+  return /*#__PURE__*/jsxs(React.Fragment, {
+    children: [/*#__PURE__*/jsx(TextField, {
+      size: "small",
+      sx: sx,
+      onChange: function onChange(e) {
+        return handleEntry(e);
+      },
+      value: input,
+      error: error,
+      inputProps: {
+        inputMode: "numeric"
+      },
+      InputProps: {
+        endAdornment: /*#__PURE__*/jsx(InputAdornment, {
+          position: "end",
+          children: adornment
+        })
+      }
+    }), /*#__PURE__*/jsx(ErrorAlert, {
+      alert: alert,
+      SetAlert: SetAlert,
+      message: errorMessage
+    })]
+  });
+}
+
+// Define context
+
+var LookupContext = /*#__PURE__*/createContext(null);
+
+// Look up amount in liters for specific spectrometer
+
+function CalcLiters(_ref) {
+  var spec = _ref.spec,
+    value = _ref.value;
+  var heliumLookup = useContext(LookupContext).lookup;
+
+  // Catch negative values
+
+  if (value < 0 || !value) {
+    value = 0;
+  } else {
+    value = Number(value);
+  }
+  var returnVal = heliumLookup[spec].find(function (m) {
+    return m.level === value;
+  }).liters;
+  return returnVal;
+}
+
+// Look up difference from maximum
+
+function CalcToMax(_ref3) {
+  var spec = _ref3.spec,
+    value = _ref3.value;
+  var heliumLookup = useContext(LookupContext).lookup;
+
+  // Catch negative values
+
+  value = Number(value) || 0;
+  if (value < 0 || !value) {
+    value = 0;
+  }
+  var maxLiters = Math.max.apply(null, heliumLookup[spec].map(function (m) {
+    return m.liters;
+  }));
+  var returnVal = maxLiters - heliumLookup[spec].find(function (m) {
+    return m.level === value;
+  }).liters;
+  returnVal = Math.round(returnVal * 10) / 10;
+  return returnVal;
+}
+
+function HeliumEntry(_ref) {
+  var heliumData = _ref.heliumData,
+    SetHeliumData = _ref.SetHeliumData,
+    spec = _ref.spec,
+    SetLevelsEdited = _ref.SetLevelsEdited;
+  var heliumLookup = useContext(LookupContext).lookup;
+  var value = Number(heliumData.helium[spec]) || 0;
+  var maxValue = Math.max.apply(null, heliumLookup[spec].map(function (m) {
+    return m.level;
+  }));
+  var minValue = 0;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    edit = _useState2[0],
+    SetEdit = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    input = _useState4[0],
+    SetInput = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    SetError = _useState6[1];
+  if (edit) {
+    return /*#__PURE__*/jsxs(TableCell, {
+      children: [/*#__PURE__*/jsx(NumField, {
+        input: input,
+        SetInput: SetInput,
+        error: error,
+        SetError: SetError,
+        minValue: minValue,
+        maxValue: maxValue,
+        adornment: "%",
+        size: "small"
+      }), /*#__PURE__*/jsx(IconButton, {
+        disabled: error,
+        onClick: function onClick() {
+          SetHeliumData(function (heliumData) {
+            heliumData.helium[spec] = Number(input);
+          });
+          SetEdit(!edit);
+          SetLevelsEdited(true);
+        },
+        children: /*#__PURE__*/jsx(SaveIcon, {})
+      })]
+    });
+  } else {
+    return /*#__PURE__*/jsxs(TableCell, {
+      children: [Percentage(value, true), /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        onClick: function onClick() {
+          return SetEdit(!edit);
+        },
+        children: /*#__PURE__*/jsx(EditIcon, {})
+      })]
+    });
+  }
+}
+
+// render Helium level table
+
+function HeliumTable(_ref2) {
+  var heliumData = _ref2.heliumData,
+    SetHeliumData = _ref2.SetHeliumData,
+    SetLevelsEdited = _ref2.SetLevelsEdited;
+  // Catch if no data present
+
+  if (heliumData.helium.length === 0) {
+    return /*#__PURE__*/jsx(Grid, {
+      children: /*#__PURE__*/jsx("em", {
+        children: "No Helium data found."
+      })
+    });
+  }
+
+  // Calculate sum of missing helium
+
+  var totalToMax = Object.keys(heliumData.helium).reduce(function (total, current) {
+    return total + CalcToMax({
+      spec: current,
+      value: heliumData.helium[current]
+    });
+  }, 0);
+  totalToMax = Math.round(totalToMax * 10) / 10;
+  return /*#__PURE__*/jsxs(AppTable, {
+    children: [/*#__PURE__*/jsx(TableHead, {
+      children: /*#__PURE__*/jsxs(TableRow, {
+        children: [/*#__PURE__*/jsx(TableHeadCell, {
+          children: "Spectrometer"
+        }), /*#__PURE__*/jsxs(TableHeadCell, {
+          children: ["Helium level", /*#__PURE__*/jsx("br", {}), "[%]"]
+        }), /*#__PURE__*/jsxs(TableHeadCell, {
+          children: ["Helium level", /*#__PURE__*/jsx("br", {}), "[liters]"]
+        }), /*#__PURE__*/jsxs(TableHeadCell, {
+          children: ["Diff. to maximum", /*#__PURE__*/jsx("br", {}), "[liters]"]
+        })]
+      })
+    }), /*#__PURE__*/jsx(TableBody, {
+      children: Object.keys(heliumData.helium).map(function (m) {
+        return /*#__PURE__*/jsxs(TableRow, {
+          children: [/*#__PURE__*/jsx(TableCell, {
+            children: m
+          }), /*#__PURE__*/jsx(HeliumEntry, {
+            heliumData: heliumData,
+            SetHeliumData: SetHeliumData,
+            SetLevelsEdited: SetLevelsEdited,
+            spec: m
+          }), /*#__PURE__*/jsx(TableCell, {
+            children: /*#__PURE__*/jsx(CalcLiters, {
+              spec: m,
+              value: heliumData.helium[m]
+            })
+          }), /*#__PURE__*/jsx(TableCell, {
+            children: /*#__PURE__*/jsx("strong", {
+              children: /*#__PURE__*/jsx(CalcToMax, {
+                spec: m,
+                value: heliumData.helium[m]
+              })
+            })
+          })]
+        }, m + "_entry");
+      })
+    }), /*#__PURE__*/jsx("tfoot", {
+      children: /*#__PURE__*/jsxs(TableRow, {
+        children: [/*#__PURE__*/jsx(TableCell, {
+          children: /*#__PURE__*/jsx("strong", {
+            children: "Sum"
+          })
+        }), /*#__PURE__*/jsx(TableCell, {}), /*#__PURE__*/jsx(TableCell, {}), /*#__PURE__*/jsx(TableCell, {
+          children: /*#__PURE__*/jsx("strong", {
+            children: totalToMax
+          })
+        })]
+      })
+    })]
+  });
+}
+function EditAdmon(_ref3) {
+  var levelsEdited = _ref3.levelsEdited;
+  if (levelsEdited) {
+    return /*#__PURE__*/jsxs(React.Fragment, {
+      children: [", ", /*#__PURE__*/jsx("strong", {
+        children: "edited"
+      })]
+    });
+  } else {
+    return null;
+  }
+}
+
+function SelectSpecs(_ref) {
+  var specs = _ref.specs,
+    SetSpecs = _ref.SetSpecs;
+  function SetAll(value) {
+    SetSpecs(function (specs) {
+      Object.keys(specs).map(function (spec) {
+        return specs[spec] = value;
+      });
+    });
+    return;
+  }
+  return /*#__PURE__*/jsxs(FormControl, {
+    children: [/*#__PURE__*/jsx(Divider, {
+      textAlign: "left",
+      children: /*#__PURE__*/jsx("strong", {
+        children: "Select spectrometers"
+      })
+    }), /*#__PURE__*/jsxs(FormGroup, {
+      row: true,
+      sx: {
+        px: 2
+      },
+      children: [Object.keys(specs).map(function (m) {
+        return /*#__PURE__*/jsx(FormControlLabel, {
+          control: /*#__PURE__*/jsx(Checkbox, {
+            size: "small"
+          }),
+          checked: specs[m],
+          onChange: function onChange() {
+            return SetSpecs(function (specs) {
+              specs[m] = !specs[m];
+            });
+          },
+          label: m
+        }, m + "_check");
+      }), " ", /*#__PURE__*/jsx(Button, {
+        size: "small",
+        onClick: function onClick() {
+          return SetAll(true);
+        },
+        children: "all"
+      }), " ", "\u2002", " ", /*#__PURE__*/jsx(Button, {
+        size: "small",
+        onClick: function onClick() {
+          return SetAll(false);
+        },
+        children: "none"
+      })]
+    })]
+  });
+}
+
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+// Admonition colors
+
+var errorBg = AppTheme.palette.primary.main;
+var errorText = AppTheme.palette.primary.contrastText;
+var warnText = AppTheme.palette.warning.main;
+function HePrognosisEntry(_ref) {
+  var value = _ref.value,
+    days = _ref.days,
+    spec = _ref.spec;
+  var heliumLookupData = useContext(LookupContext);
+
+  // Define lookup objects
+
+  var boilOff = heliumLookupData.boilOff;
+  var minima = heliumLookupData.minima;
+  var boil = Math.round(value + days * boilOff[spec]);
+
+  // Catch negative values
+
+  if (boil < 0) {
+    boil = 0;
+  }
+  var boilLiter = CalcLiters({
+    value: boil,
+    spec: spec
+  });
+  var boilToMax = CalcToMax({
+    value: boil,
+    spec: spec
+  });
+  var style = {};
+  if (boil < minima[spec] - 30 * boilOff[spec]) {
+    style = {
+      backgroundColor: errorBg,
+      color: errorText
+    };
+  } else if (boil < minima[spec] - 60 * boilOff[spec]) {
+    style = {
+      color: warnText
+    };
+  }
+  return /*#__PURE__*/jsxs(TableCell, {
+    sx: style,
+    children: [Percentage(boil, true), " ", /*#__PURE__*/jsx("br", {}), boilLiter, " L", /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsxs("strong", {
+      children: [boilToMax, " L"]
+    })]
+  });
+}
+
+// Calculate total missing helium at prognosed date
+
+function HePrognosisSum(_ref2) {
+  var heliumData = _ref2.heliumData,
+    days = _ref2.days;
+  var heliumLookupData = useContext(LookupContext);
+
+  // Define lookup objects
+
+  var boilOff = heliumLookupData.boilOff;
+  var boilData = {};
+  Object.keys(heliumData).map(function (spec) {
+    boilData = _objectSpread$3(_objectSpread$3({}, boilData), {}, _defineProperty({}, spec, Math.round(heliumData[spec] + days * boilOff[spec])));
+    return null;
+  });
+  var toMaxSum = Object.keys(boilData).reduce(function (total, current) {
+    return total + CalcToMax({
+      spec: current,
+      value: boilData[current]
+    });
+  }, 0);
+  toMaxSum = Math.round(toMaxSum * 10) / 10;
+  return /*#__PURE__*/jsx(TableCell, {
+    children: /*#__PURE__*/jsxs("strong", {
+      children: [toMaxSum, " L"]
+    })
+  });
+}
+
+// Cell for day increment with edit switch
+
+function HePrognosisIncr(_ref3) {
+  var days = _ref3.days,
+    increments = _ref3.increments,
+    SetIncrements = _ref3.SetIncrements,
+    dates = _ref3.dates;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    edit = _useState2[0],
+    SetEdit = _useState2[1];
+  var _useState3 = useState(days),
+    _useState4 = _slicedToArray(_useState3, 2),
+    input = _useState4[0],
+    SetInput = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    SetError = _useState6[1];
+  if (edit) {
+    return /*#__PURE__*/jsxs(TableCell, {
+      children: [dates[days], " ", /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(NumField, {
+        input: input,
+        SetInput: SetInput,
+        error: error,
+        SetError: SetError,
+        size: "small"
+      }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(IconButton, {
+        disabled: error,
+        size: "small",
+        onClick: function onClick() {
+          SetEdit(!edit);
+          SetIncrements(increments.map(function (inc) {
+            if (inc === days) {
+              return Number(input);
+            } else {
+              return inc;
+            }
+          }));
+        },
+        children: /*#__PURE__*/jsx(SaveIcon, {})
+      }), /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        onClick: function onClick() {
+          return SetIncrements(increments.filter(function (n) {
+            return n !== days;
+          }));
+        },
+        children: /*#__PURE__*/jsx(DeleteIcon, {})
+      })]
+    });
+  } else {
+    return /*#__PURE__*/jsxs(TableCell, {
+      children: [dates[days], " ", /*#__PURE__*/jsx("br", {}), " in ", days, " days ", /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        onClick: function onClick() {
+          return SetEdit(!edit);
+        },
+        children: /*#__PURE__*/jsx(EditIcon, {})
+      }), /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        onClick: function onClick() {
+          return SetIncrements(increments.filter(function (n) {
+            return n !== days;
+          }));
+        },
+        children: /*#__PURE__*/jsx(DeleteIcon, {})
+      })]
+    });
+  }
+}
+
+// Render table row in prognosis table
+
+function HePrognosisBody(_ref4) {
+  var increments = _ref4.increments,
+    SetIncrements = _ref4.SetIncrements,
+    heliumData = _ref4.heliumData,
+    dates = _ref4.dates;
+  return /*#__PURE__*/jsx(React.Fragment, {
+    children: increments.map(function (m) {
+      return /*#__PURE__*/jsxs(TableRow, {
+        children: [/*#__PURE__*/jsx(HePrognosisIncr, {
+          days: m,
+          increments: increments,
+          SetIncrements: SetIncrements,
+          dates: dates
+        }), Object.keys(heliumData).map(function (spec) {
+          return /*#__PURE__*/jsx(HePrognosisEntry, {
+            value: heliumData[spec],
+            days: m,
+            spec: spec
+          }, spec + "_progentry");
+        }), /*#__PURE__*/jsx(HePrognosisSum, {
+          heliumData: heliumData,
+          days: m
+        })]
+      }, m + "_incr");
+    })
+  });
+}
+
+// function for adding additional table entries
+
+function AddPrognoEntry(_ref5) {
+  var increments = _ref5.increments,
+    SetIncrements = _ref5.SetIncrements;
+  var _useState7 = useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    input = _useState8[0];
+    _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    error = _useState10[0];
+    _useState10[1];
+  return /*#__PURE__*/jsxs(React.Fragment, {
+    children: [/*#__PURE__*/jsx(Divider, {
+      textAlign: "left",
+      children: /*#__PURE__*/jsx("strong", {
+        children: "Add prediction row"
+      })
+    }), /*#__PURE__*/jsx(Grid, {
+      children: /*#__PURE__*/jsx(IconButton, {
+        disabled: error,
+        onClick: function onClick() {
+          SetIncrements([Number(input)].concat(_toConsumableArray(increments)));
+        },
+        children: /*#__PURE__*/jsx(AddBoxIcon, {})
+      })
+    })]
+  });
+}
+
+// render prognosis table based on day increments state array
+
+function HePrognosis(_ref6) {
+  var heliumData = _ref6.heliumData;
+  var heliumLookupData = useContext(LookupContext);
+
+  // Define lookup objects
+
+  var minima = heliumLookupData.minima;
+  var specDefault = {};
+  var specList = Object.keys(heliumData.helium);
+  specList.map(function (spec) {
+    return specDefault = _objectSpread$3(_objectSpread$3({}, specDefault), {}, _defineProperty({}, spec, true));
+  });
+  var _useImmer = useImmer(specDefault),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    specs = _useImmer2[0],
+    SetSpecs = _useImmer2[1];
+  var _useState11 = useState([14, 30, 60, 90]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    increments = _useState12[0],
+    SetIncrements = _useState12[1];
+  var currHeliumData = {};
+  Object.keys(specs).filter(function (spec) {
+    return specs[spec];
+  }).map(function (spec) {
+    return currHeliumData = _objectSpread$3(_objectSpread$3({}, currHeliumData), {}, _defineProperty({}, spec, heliumData.helium[spec]));
+  });
+  var dates = {};
+  for (var i in increments) {
+    var d = new Date();
+    d.setDate(d.getDate() + increments[i]);
+    dates = _objectSpread$3(_objectSpread$3({}, dates), {}, _defineProperty({}, increments[i], moment(d).format("ll")));
+  }
+  return /*#__PURE__*/jsxs(Grid, {
+    container: true,
+    columns: {
+      xs: 6,
+      sm: 12
+    },
+    children: [/*#__PURE__*/jsx(Grid, {
+      xs: 6,
+      children: /*#__PURE__*/jsx(SelectSpecs, {
+        specs: specs,
+        SetSpecs: SetSpecs
+      })
+    }), /*#__PURE__*/jsx(Grid, {
+      xs: 6,
+      children: /*#__PURE__*/jsx(AddPrognoEntry, {
+        increments: increments,
+        SetIncrements: SetIncrements
+      })
+    }), /*#__PURE__*/jsx(Grid, {
+      xs: 12,
+      children: /*#__PURE__*/jsxs(AppTable, {
+        children: [/*#__PURE__*/jsxs(TableHead, {
+          children: [/*#__PURE__*/jsxs(TableRow, {
+            children: [/*#__PURE__*/jsx(TableHeadCell, {}), Object.keys(currHeliumData).map(function (spec) {
+              return /*#__PURE__*/jsxs(TableHeadCell, {
+                children: [spec, /*#__PURE__*/jsx("br", {}), "(", minima[spec], " %)"]
+              }, spec + "_th");
+            }), /*#__PURE__*/jsx(TableHeadCell, {
+              children: "Sum"
+            })]
+          }), /*#__PURE__*/jsxs(TableRow, {
+            children: [/*#__PURE__*/jsx(TableHeadCell, {}), /*#__PURE__*/jsx(TableHeadCell, {
+              align: "center",
+              colSpan: Object.keys(specs).length + 1,
+              children: /*#__PURE__*/jsx("em", {
+                children: "[%], Liters, L. to max"
+              })
+            })]
+          })]
+        }), /*#__PURE__*/jsx(TableBody, {
+          children: /*#__PURE__*/jsx(HePrognosisBody, {
+            increments: increments,
+            SetIncrements: SetIncrements,
+            dates: dates,
+            heliumData: currHeliumData
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsxs(Grid, {
+      xs: 12,
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        pt: 2
+      },
+      children: [/*#__PURE__*/jsx(Chip, {
+        sx: {
+          backgroundColor: errorBg,
+          color: errorText,
+          mx: 1
+        },
+        label: "Minimum in less than 30 days"
+      }), /*#__PURE__*/jsx(Chip, {
+        sx: {
+          color: warnText,
+          mx: 1
+        },
+        variant: "outlined",
+        label: "Minimum in less than 60 days"
+      })]
+    })]
+  });
+}
+
+function LiterInput(_ref) {
+  var limit = _ref.limit,
+    SetLimit = _ref.SetLimit,
+    error = _ref.error,
+    SetError = _ref.SetError;
+  var _useState = useState(limit),
+    _useState2 = _slicedToArray(_useState, 2),
+    input = _useState2[0],
+    SetInput = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    edit = _useState4[0],
+    SetEdit = _useState4[1];
+  if (edit) {
+    return /*#__PURE__*/jsxs(React.Fragment, {
+      children: [/*#__PURE__*/jsx(NumField, {
+        input: input,
+        SetInput: SetInput,
+        error: error,
+        SetError: SetError,
+        size: "medium",
+        adornment: "L"
+      }), " ", /*#__PURE__*/jsx(IconButton, {
+        disabled: error,
+        size: "small",
+        onClick: function onClick() {
+          SetEdit(!edit);
+          SetLimit(Number(input));
+        },
+        children: /*#__PURE__*/jsx(SaveIcon, {})
+      })]
+    });
+  } else {
+    return /*#__PURE__*/jsxs(React.Fragment, {
+      children: [limit, " L", " ", /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        onClick: function onClick() {
+          return SetEdit(!edit);
+        },
+        children: /*#__PURE__*/jsx(EditIcon, {})
+      })]
+    });
+  }
+}
+
+function FindPair(_ref) {
+  var currSpecs = _ref.currSpecs,
+    heliumData = _ref.heliumData,
+    boilOff = _ref.boilOff,
+    limit = _ref.limit;
+  // find all possible pairs of spectrometers
+
+  var specPairs = [];
+  currSpecs.map(function (spec1) {
+    currSpecs.map(function (spec2) {
+      if (spec1 !== spec2) {
+        specPairs.push([spec1, spec2].sort()); // sort to facilitate duplicate removal
+      }
+    });
+  });
+
+  // remove duplicates from array by conversion to string
+
+  specPairs = Array.from(new Set(specPairs.map(JSON.stringify)), JSON.parse);
+  var specPairsLiters = [];
+  var _loop = function _loop() {
+    var j = 1;
+    var pairBoil = 0;
+
+    // Add current pair of specs
+
+    specPairsLiters.push(specPairs[i]);
+
+    // Calculate L. to max for pair until reaching target value
+
+    do {
+      pairBoil = specPairs[i].reduce(function (total, current) {
+        var boil = Math.round(heliumData.helium[current] + j * boilOff[current]);
+
+        // Catch negative values
+        if (boil < 0) {
+          boil = 0;
+        }
+        var boilToMax = CalcToMax({
+          value: boil,
+          spec: current
+        });
+        return total + boilToMax;
+      }, 0);
+      j++;
+    } while (pairBoil < limit && j < 300);
+
+    // Result to pair
+
+    specPairsLiters[i].push(j);
+    specPairsLiters[i].push(pairBoil);
+    specPairsLiters[i].push(pairBoil > limit);
+  };
+  for (var i in specPairs) {
+    _loop();
+  }
+
+  // Remove pairs that did not converge
+
+  specPairsLiters = specPairsLiters.filter(function (pair) {
+    return pair[4];
+  });
+
+  // Find pair with minimal number of days
+
+  var minPair = [];
+  switch (specPairsLiters.length) {
+    case 0:
+      minPair = [];
+      break;
+    case 1:
+      minPair = _toConsumableArray(specPairsLiters);
+      break;
+    default:
+      minPair = specPairsLiters.reduce(function (min, current) {
+        var i = current[2] < min[2] ? current : min;
+        return i;
+      });
+      break;
+  }
+  minPair = minPair.flat();
+  return minPair;
+}
+function FindTriple(_ref2) {
+  var currSpecs = _ref2.currSpecs,
+    heliumData = _ref2.heliumData,
+    boilOff = _ref2.boilOff,
+    limit = _ref2.limit;
+  // find all possible triples of spectrometers
+
+  var specTriples = [];
+  currSpecs.map(function (spec1) {
+    currSpecs.map(function (spec2) {
+      currSpecs.map(function (spec3) {
+        if (!(spec1 === spec2 || spec2 === spec3 || spec3 === spec1)) {
+          specTriples.push([spec1, spec2, spec3].sort()); // sort to facilitate duplicate removal
+        }
+      });
+    });
+  });
+
+  // remove duplicates from array by conversion to string
+
+  specTriples = Array.from(new Set(specTriples.map(JSON.stringify)), JSON.parse);
+  var specTriplesLiters = [];
+  var _loop2 = function _loop2() {
+    var j = 1;
+    var pairBoil = 0;
+
+    // Add current pair of specs
+
+    specTriplesLiters.push(specTriples[i]);
+
+    // Calculate L. to max for pair until reaching target value
+
+    do {
+      pairBoil = specTriples[i].reduce(function (total, current) {
+        var boil = Math.round(heliumData.helium[current] + j * boilOff[current]);
+
+        // Catch negative values
+        if (boil < 0) {
+          boil = 0;
+        }
+        var boilToMax = CalcToMax({
+          value: boil,
+          spec: current
+        });
+        return total + boilToMax;
+      }, 0);
+      j++;
+    } while (pairBoil < limit && j < 300);
+
+    // Result to triple
+
+    specTriplesLiters[i].push(j);
+    specTriplesLiters[i].push(pairBoil);
+    specTriplesLiters[i].push(pairBoil > limit);
+  };
+  for (var i in specTriples) {
+    _loop2();
+  }
+
+  // Remove triples that did not converge
+
+  specTriplesLiters = specTriplesLiters.filter(function (pair) {
+    return pair[5];
+  });
+
+  // Find triple with minimal number of days
+
+  var minTriple = [];
+  switch (specTriplesLiters.length) {
+    case 0:
+      minTriple = [];
+      break;
+    case 1:
+      minTriple = _toConsumableArray(specTriplesLiters);
+      break;
+    default:
+      minTriple = specTriplesLiters.reduce(function (min, current) {
+        var i = current[3] < min[3] ? current : min;
+        return i;
+      });
+      break;
+  }
+  minTriple = minTriple.flat();
+  return minTriple;
+}
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function TupleResult(_ref) {
+  var children = _ref.children,
+    title = _ref.title;
+  return /*#__PURE__*/jsx(Grid, {
+    children: /*#__PURE__*/jsxs(AppTable, {
+      children: [/*#__PURE__*/jsx(TableHead, {
+        children: /*#__PURE__*/jsx(TableRow, {
+          children: /*#__PURE__*/jsx(TableHeadCell, {
+            children: title
+          })
+        })
+      }), /*#__PURE__*/jsx(TableBody, {
+        children: /*#__PURE__*/jsx(TableRow, {
+          children: /*#__PURE__*/jsx(TableCell, {
+            children: children
+          })
+        })
+      })]
+    })
+  });
+}
+function PairResult(_ref2) {
+  var minPair = _ref2.minPair;
+  if (minPair.length !== 0) {
+    var d = new Date();
+    d.setDate(d.getDate() + minPair[2]);
+    var date = moment$1(d).format("ll");
+    return /*#__PURE__*/jsxs(TupleResult, {
+      title: "Pair",
+      children: [/*#__PURE__*/jsx("strong", {
+        children: minPair[0]
+      }), " and ", /*#__PURE__*/jsx("strong", {
+        children: minPair[1]
+      }), " ", "in ", /*#__PURE__*/jsxs("strong", {
+        children: [minPair[2], " days"]
+      }), " (", date, ")"]
+    });
+  } else {
+    return /*#__PURE__*/jsx(TupleResult, {
+      title: "Pair",
+      children: /*#__PURE__*/jsx("em", {
+        children: "No spectrometer pair reaches the target value."
+      })
+    });
+  }
+}
+function TripleResult(_ref3) {
+  var minTriple = _ref3.minTriple;
+  if (minTriple.length !== 0) {
+    var d = new Date();
+    d.setDate(d.getDate() + minTriple[3]);
+    var date = moment$1(d).format("ll");
+    return /*#__PURE__*/jsxs(TupleResult, {
+      title: "Triple",
+      children: [/*#__PURE__*/jsx("strong", {
+        children: minTriple[0]
+      }), ", ", /*#__PURE__*/jsx("strong", {
+        children: minTriple[1]
+      }), ", and ", /*#__PURE__*/jsx("strong", {
+        children: minTriple[2]
+      }), " in", " ", /*#__PURE__*/jsxs("strong", {
+        children: [minTriple[3], " days"]
+      }), " (", date, ")"]
+    });
+  } else {
+    return /*#__PURE__*/jsx(TupleResult, {
+      title: "Triple",
+      children: /*#__PURE__*/jsx("p", {
+        children: /*#__PURE__*/jsx("em", {
+          children: "No spectrometer triple reaches the target value."
+        })
+      })
+    });
+  }
+}
+function PairWizard(_ref4) {
+  var heliumData = _ref4.heliumData;
+  var heliumLookupData = useContext(LookupContext);
+
+  // Define lookup objects
+
+  var boilOff = heliumLookupData.boilOff;
+  var defaultSpecs = {};
+  Object.keys(boilOff).map(function (spec) {
+    return defaultSpecs = _objectSpread$2(_objectSpread$2({}, defaultSpecs), {}, _defineProperty({}, spec, true));
+  });
+  var _useImmer = useImmer(defaultSpecs),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    specs = _useImmer2[0],
+    SetSpecs = _useImmer2[1];
+  var currSpecs = Object.keys(specs).filter(function (spec) {
+    return specs[spec];
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    error = _useState2[0],
+    SetError = _useState2[1];
+  var _useState3 = useState(100),
+    _useState4 = _slicedToArray(_useState3, 2),
+    limit = _useState4[0],
+    SetLimit = _useState4[1];
+  var minPair = FindPair(_objectSpread$2({}, {
+    currSpecs: currSpecs,
+    heliumData: heliumData,
+    boilOff: boilOff,
+    limit: limit
+  }));
+  var minTriple = FindTriple(_objectSpread$2({}, {
+    currSpecs: currSpecs,
+    heliumData: heliumData,
+    boilOff: boilOff,
+    limit: limit
+  }));
+  return /*#__PURE__*/jsx(React.Fragment, {
+    children: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      columns: {
+        xs: 6,
+        md: 12
+      },
+      children: [/*#__PURE__*/jsxs(Grid, {
+        xs: 6,
+        sx: {
+          px: 2
+        },
+        children: [/*#__PURE__*/jsx(Divider, {
+          textAlign: "left",
+          children: /*#__PURE__*/jsx("strong", {
+            children: "Find earliest set of spectrometers requiring"
+          })
+        }), /*#__PURE__*/jsx(Grid, {
+          sx: {
+            padding: 2,
+            display: "flex",
+            justifyContent: "center"
+          },
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "h4",
+            children: /*#__PURE__*/jsx(LiterInput, {
+              limit: limit,
+              SetLimit: SetLimit,
+              error: error,
+              SetError: SetError
+            })
+          })
+        }), /*#__PURE__*/jsx(Grid, {
+          children: /*#__PURE__*/jsx(SelectSpecs, {
+            specs: specs,
+            SetSpecs: SetSpecs
+          })
+        })]
+      }), /*#__PURE__*/jsxs(Grid, {
+        xs: 6,
+        sx: {
+          px: 2
+        },
+        children: [/*#__PURE__*/jsx(Divider, {
+          textAlign: "left",
+          children: /*#__PURE__*/jsx("strong", {
+            children: "Result"
+          })
+        }), /*#__PURE__*/jsxs(Grid, {
+          sx: {
+            px: 3
+          },
+          children: [/*#__PURE__*/jsx(PairResult, {
+            minPair: minPair
+          }), /*#__PURE__*/jsx(TripleResult, {
+            minTriple: minTriple
+          })]
+        })]
+      })]
+    })
+  });
+}
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function EstimateConsumption() {
+  // Get data
+
+  var heliumLookupData = useContext(LookupContext);
+  var boilOff = heliumLookupData.boilOff;
+  var lookup = heliumLookupData.lookup;
+
+  // Define array and populate with days and liters to get from 100% to 50%
+
+  var specCons = [];
+  Object.keys(lookup).map(function (spec) {
+    return specCons.push({
+      name: spec,
+      liters: (lookup[spec].filter(function (x) {
+        return x.level === 100;
+      })[0].liters - lookup[spec].filter(function (x) {
+        return x.level === 50;
+      })[0].liters).toFixed(1),
+      days: (-50 / boilOff[spec]).toFixed(1)
+    });
+  });
+
+  // Calculate consumption per day, month, year from values above
+
+  specCons = specCons.map(function (spec) {
+    return _objectSpread$1(_objectSpread$1({}, spec), {}, {
+      perDay: spec.liters / spec.days,
+      perMonth: (spec.liters / spec.days * 30).toFixed(1),
+      perYear: (spec.liters / spec.days * 365).toFixed(1)
+    });
+  });
+  return /*#__PURE__*/jsxs(React.Fragment, {
+    children: [/*#__PURE__*/jsx("p", {
+      children: "Helium consumption estimated based on lookup values."
+    }), /*#__PURE__*/jsxs(AppTable, {
+      children: [/*#__PURE__*/jsx(TableHead, {
+        children: /*#__PURE__*/jsxs(TableRow, {
+          children: [/*#__PURE__*/jsx(TableHeadCell, {}), specCons.map(function (spec) {
+            return /*#__PURE__*/jsx(TableHeadCell, {
+              children: spec.name
+            }, "Head" + spec.name);
+          }), /*#__PURE__*/jsx(TableHeadCell, {
+            children: "Sum"
+          })]
+        })
+      }), /*#__PURE__*/jsxs(TableBody, {
+        children: [/*#__PURE__*/jsxs(TableRow, {
+          children: [/*#__PURE__*/jsx(TableCell, {
+            children: "per month"
+          }), specCons.map(function (spec) {
+            return /*#__PURE__*/jsxs(TableCell, {
+              children: [spec.perMonth, " L ", /*#__PURE__*/jsx("br", {}), "(", (spec.perMonth * 0.79).toFixed(2), " m", /*#__PURE__*/jsx("sup", {
+                children: "3"
+              }), " Gas)"]
+            }, "perMonth" + spec.name);
+          }), /*#__PURE__*/jsx(TableCell, {
+            children: /*#__PURE__*/jsxs("strong", {
+              children: [specCons.reduce(function (total, spec) {
+                return total + Number(spec.perMonth);
+              }, 0).toFixed(1), " ", "L", /*#__PURE__*/jsx("br", {}), "(", (specCons.reduce(function (total, spec) {
+                return total + Number(spec.perMonth);
+              }, 0) * 0.79).toFixed(2), " ", "m", /*#__PURE__*/jsx("sup", {
+                children: "3"
+              }), " Gas)"]
+            })
+          })]
+        }), /*#__PURE__*/jsxs(TableRow, {
+          children: [/*#__PURE__*/jsx(TableCell, {
+            rowSpan: 2,
+            children: "per year"
+          }), specCons.map(function (spec) {
+            return /*#__PURE__*/jsxs(TableCell, {
+              children: [spec.perYear, " L ", /*#__PURE__*/jsx("br", {}), "(", (spec.perYear * 0.79).toFixed(2), " m", /*#__PURE__*/jsx("sup", {
+                children: "3"
+              }), " ", "Gas)"]
+            }, "perYear" + spec.name);
+          }), /*#__PURE__*/jsx(TableCell, {
+            children: /*#__PURE__*/jsxs("strong", {
+              children: [specCons.reduce(function (total, spec) {
+                return total + Number(spec.perYear);
+              }, 0).toFixed(1), " ", "L", /*#__PURE__*/jsx("br", {}), "(", (specCons.reduce(function (total, spec) {
+                return total + Number(spec.perYear);
+              }, 0) * 0.79).toFixed(2), " ", "m", /*#__PURE__*/jsx("sup", {
+                children: "3"
+              }), " Gas)"]
+            })
+          })]
+        })]
+      })]
+    })]
+  });
+}
+
+function RenderGraph(_ref) {
+  var data = _ref.data,
+    height = _ref.height,
+    width = _ref.width,
+    spec = _ref.spec;
+  // Import Context
+
+  var heliumLookupData = useContext(LookupContext);
+
+  // Custom Tooltip for LineChart
+
+  var CustomTooltip = function CustomTooltip(_ref2) {
+    var active = _ref2.active,
+      payload = _ref2.payload,
+      label = _ref2.label;
+    if (active && payload && payload.length) {
+      var date = moment(payload[0].payload.date, "ddd MMM D HH:mm:ss YYYY").format("LL");
+      return /*#__PURE__*/jsxs("div", {
+        style: {
+          border: "solid 1px " + AppTheme.palette.secondary.main,
+          padding: "0.75em",
+          backgroundColor: "#ffffffaa"
+        },
+        children: [/*#__PURE__*/jsx("strong", {
+          children: date
+        }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsxs("em", {
+          children: ["(", label, " days ago)"]
+        }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsxs("strong", {
+          style: {
+            color: AppTheme.palette.primary.main
+          },
+          children: [payload[0].value, " %"]
+        })]
+      });
+    }
+  };
+
+  // Button for days state change
+
+  function DayButton(_ref3) {
+    var value = _ref3.value;
+    return /*#__PURE__*/jsx(Button, {
+      onClick: function onClick() {
+        return SetDays(value);
+      },
+      color: value === days ? "primary" : "secondary" // Active button style
+      ,
+      variant: value === days ? "contained" : "outlined" // Active button style
+      ,
+      size: "small",
+      children: value
+    });
+  }
+
+  // State
+
+  var _useState = useState(90),
+    _useState2 = _slicedToArray(_useState, 2),
+    days = _useState2[0],
+    SetDays = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showMinima = _useState4[0],
+    setShowMinima = _useState4[1];
+
+  // Add days ago to data
+
+  data.map(function (item) {
+    item.days = -moment(item.date, "ddd MMM D HH:mm:ss YYYY").diff(moment(), "days");
+  });
+
+  // Get last n elements of array
+
+  data = data.slice(Math.max(data.length - days, 0));
+  return /*#__PURE__*/jsxs(React.Fragment, {
+    children: [/*#__PURE__*/jsxs(LineChart, {
+      height: height,
+      width: width,
+      data: data,
+      margin: {
+        top: 5,
+        right: 20,
+        bottom: 25,
+        left: 0
+      },
+      children: [/*#__PURE__*/jsx(Line, {
+        dataKey: "level",
+        stroke: AppTheme.palette.primary.main,
+        fill: AppTheme.palette.primary.main,
+        type: "linear",
+        dot: {
+          r: 1.5
+        }
+      }), /*#__PURE__*/jsx(CartesianGrid, {
+        stroke: AppTheme.palette.divider,
+        strokeDasharray: "5 5"
+      }), /*#__PURE__*/jsx(XAxis, {
+        dataKey: "days",
+        interval: days < 15 ? 1 : Math.round(days / 3),
+        children: /*#__PURE__*/jsx(Label, {
+          value: "Days ago",
+          offset: 1,
+          position: "bottom"
+        })
+      }), /*#__PURE__*/jsx(YAxis, {
+        dataKey: "level",
+        unit: "%",
+        type: "number",
+        domain: [0, 100]
+      }), showMinima ? /*#__PURE__*/jsxs(React.Fragment, {
+        children: [/*#__PURE__*/jsx(ReferenceLine, {
+          y: heliumLookupData.minima[spec],
+          stroke: AppTheme.palette.secondary.main,
+          strokeDasharray: (3)
+        }), /*#__PURE__*/jsx(ReferenceArea, {
+          y1: heliumLookupData.minima[spec],
+          y2: 0,
+          stroke: "none",
+          stro: true,
+          fill: AppTheme.palette.secondary.main,
+          fillOpacity: 0.1
+        })]
+      }) : null, /*#__PURE__*/jsx(Tooltip, {
+        content: /*#__PURE__*/jsx(CustomTooltip, {})
+      })]
+    }), /*#__PURE__*/jsxs(ButtonGroup, {
+      disableElevation: true,
+      variant: "outlined",
+      fullWidth: true,
+      color: "secondary",
+      "aria-label": "contained primary button group",
+      sx: {
+        justifySelf: "center",
+        px: 5
+      },
+      size: "small",
+      children: [/*#__PURE__*/jsx(DayButton, {
+        value: 7
+      }), /*#__PURE__*/jsx(DayButton, {
+        value: 30
+      }), /*#__PURE__*/jsx(DayButton, {
+        value: 90
+      }), /*#__PURE__*/jsx(DayButton, {
+        value: 180
+      }), /*#__PURE__*/jsx(DayButton, {
+        value: 365
+      })]
+    }), /*#__PURE__*/jsx(FormGroup, {
+      children: /*#__PURE__*/jsx(FormControlLabel, {
+        control: /*#__PURE__*/jsx(Switch, {
+          label: "Show Minimum",
+          checked: showMinima,
+          onChange: function onChange() {
+            return setShowMinima(!showMinima);
+          }
+        }),
+        label: "Show Minimum",
+        sx: {
+          justifyContent: "center"
+        }
+      })
+    })]
+  });
+}
+function HeliumGraph(_ref4) {
+  var graphData = _ref4.graphData,
+    graphDataMeta = _ref4.graphDataMeta,
+    matches = _ref4.matches;
+  var height = matches ? 250 : 200;
+  var width = matches ? 300 : 280;
+  return /*#__PURE__*/jsxs(React.Fragment, {
+    children: [/*#__PURE__*/jsxs(DivTitle, {
+      children: [/*#__PURE__*/jsx("strong", {
+        children: "Helium level monitoring"
+      }), " ", /*#__PURE__*/jsxs("em", {
+        children: ["(updated ", moment(graphDataMeta.date).fromNow(), ")"]
+      })]
+    }), /*#__PURE__*/jsx(Grid, {
+      container: true,
+      sx: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: Object.keys(graphData).map(function (spec) {
+        return /*#__PURE__*/jsxs(Paper, {
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            justifyItems: "center",
+            stroke: AppTheme.palette.divider,
+            px: 2,
+            paddingBottom: 2,
+            margin: 2
+          },
+          children: [/*#__PURE__*/jsx("h4", {
+            children: spec
+          }), /*#__PURE__*/jsx(RenderGraph, {
+            data: graphData[spec],
+            height: height,
+            width: width,
+            spec: spec
+          })]
+        }, "graph_" + spec);
+      })
+    })]
+  });
+}
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Helium(props) {
+  // State
+
+  var _useImmer = useImmer(null),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    heliumData = _useImmer2[0],
+    SetHeliumData = _useImmer2[1];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    levelsEdited = _useState2[0],
+    SetLevelsEdited = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    preprocessed = _useState4[0],
+    SetPreprocessed = _useState4[1];
+
+  // Query Media size for responsive column wrapping
+
+  var matches = useMediaQuery(AppTheme.breakpoints.up("lg"));
+  var maxHeight = matches ? props.maxHeight || 1280 : 1000000;
+  var cardSize = matches ? 6 : 12;
+  var collapsed = !matches;
+
+  // fetch data
+
+  var heliumLookupData = PublicFetch({
+    url: "/heliumLookup.json"
+  });
+  var fetchGraph = PublicFetch({
+    url: "/graphdata.json"
+  });
+  PublicFetch({
+    url: "/helium.json",
+    SetState: SetHeliumData
+  });
+  useEffect(function () {
+    if (heliumData) {
+      Object.keys(heliumData.helium).map(function (spec) {
+        SetHeliumData(function (heliumData) {
+          heliumData.helium[spec] = Number(heliumData.helium[spec]);
+        });
+      });
+      SetPreprocessed(true);
+    }
+  }, [heliumData]);
+
+  // Catch empty data
+
+  if (!heliumData || !heliumLookupData || !fetchGraph || preprocessed === false) {
+    return /*#__PURE__*/jsx(Progress, {});
+  }
+  var graphDataMeta = fetchGraph.meta;
+  var graphData = _objectSpread({}, fetchGraph);
+  delete graphData.meta;
+  if (!graphDataMeta) {
+    return /*#__PURE__*/jsx(Progress, {});
+  }
+  return /*#__PURE__*/jsx(AppGrid, {
+    children: /*#__PURE__*/jsxs(LookupContext.Provider, {
+      value: heliumLookupData,
+      children: [/*#__PURE__*/jsx(AppCard, {
+        title: "Helium Graphs",
+        size: 12,
+        collapsed: collapsed,
+        children: /*#__PURE__*/jsx(HeliumGraph, {
+          graphData: graphData,
+          graphDataMeta: graphDataMeta,
+          matches: matches
+        })
+      }), /*#__PURE__*/jsxs(Grid, {
+        sx: {
+          display: "flex",
+          flexFlow: "column wrap",
+          maxHeight: maxHeight
+        },
+        children: [/*#__PURE__*/jsxs(AppCard, {
+          title: "Helium Calculator",
+          size: cardSize,
+          collapsed: collapsed,
+          children: [/*#__PURE__*/jsx(Grid, {
+            children: /*#__PURE__*/jsxs(DivTitle, {
+              children: [/*#__PURE__*/jsx("strong", {
+                children: "Current levels"
+              }), " ", /*#__PURE__*/jsxs("em", {
+                children: ["(updated", " ", moment(heliumData.meta.date).fromNow(), /*#__PURE__*/jsx(EditAdmon, {
+                  levelsEdited: levelsEdited
+                }), ")"]
+              })]
+            })
+          }), /*#__PURE__*/jsx(Grid, {
+            children: /*#__PURE__*/jsx(HeliumTable, {
+              heliumLookupData: heliumLookupData,
+              heliumData: heliumData,
+              SetHeliumData: SetHeliumData,
+              SetLevelsEdited: SetLevelsEdited
+            })
+          })]
+        }), /*#__PURE__*/jsx(AppCard, {
+          title: "Spectrometer Set",
+          size: cardSize,
+          collapsed: collapsed,
+          children: /*#__PURE__*/jsx(Grid, {
+            children: /*#__PURE__*/jsx(PairWizard, {
+              heliumData: heliumData
+            })
+          })
+        }), /*#__PURE__*/jsx(AppCard, {
+          title: "Estimated Consumption",
+          size: cardSize,
+          collapsed: collapsed,
+          children: /*#__PURE__*/jsx(Grid, {
+            children: /*#__PURE__*/jsx(EstimateConsumption, {})
+          })
+        }), /*#__PURE__*/jsx(AppCard, {
+          title: "Helium Estimation",
+          size: cardSize,
+          children: /*#__PURE__*/jsx(HePrognosis, {
+            heliumData: heliumData,
+            heliumLookupData: heliumLookupData
+          })
+        }), /*#__PURE__*/jsx(AppCard, {
+          title: "Fill Target",
+          size: cardSize
+        })]
+      })]
+    })
+  });
+}
+
+// Import and export all components
+
+export { Helium as default };