@zac-apps/helium 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/index.js

@@ -12,7 +12,7 @@ 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 { ErrorAlert, AppTable, TableHeadCell, Percentage, AppTheme, SpecSwitch, 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';
@@ -121,6 +121,36 @@ function CalcLiters(_ref) {
   return returnVal;
 }
 
+// Look up percentage for liter value in specific spectrometer
+
+function CalcPercent(_ref2) {
+  var spec = _ref2.spec,
+    value = _ref2.value;
+  var heliumLookup = useContext(LookupContext).lookup;
+  var returnVal = 0;
+
+  // Catch values out of boundary
+
+  if (value < 0 || !value) {
+    value = 0;
+  } else {
+    value = Number(value);
+  }
+  if (value > heliumLookup[spec].find(function (m) {
+    return m.level === 100;
+  }).liters) {
+    returnVal = 100;
+  } else {
+    var closestLiters = heliumLookup[spec].reduce(function (prev, curr) {
+      return Math.abs(curr.liters - value) < Math.abs(prev.liters - value) ? curr : prev;
+    }).liters;
+    returnVal = heliumLookup[spec].find(function (m) {
+      return m.liters === closestLiters;
+    }).level;
+  }
+  return returnVal;
+}
+
 // Look up difference from maximum
 
 function CalcToMax(_ref3) {
@@ -536,26 +566,33 @@ function AddPrognoEntry(_ref5) {
     SetIncrements = _ref5.SetIncrements;
   var _useState7 = useState(""),
     _useState8 = _slicedToArray(_useState7, 2),
-    input = _useState8[0];
-    _useState8[1];
+    input = _useState8[0],
+    SetInput = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    error = _useState10[0];
-    _useState10[1];
+    error = _useState10[0],
+    SetError = _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, {
+    }), /*#__PURE__*/jsxs(Grid, {
+      children: [/*#__PURE__*/jsx(NumField, {
+        input: input,
+        SetInput: SetInput,
+        error: error,
+        SetError: SetError,
+        adornment: "days",
+        size: "medium"
+      }), /*#__PURE__*/jsx(IconButton, {
         disabled: error,
         onClick: function onClick() {
           SetIncrements([Number(input)].concat(_toConsumableArray(increments)));
         },
         children: /*#__PURE__*/jsx(AddBoxIcon, {})
-      })
+      })]
     })]
   });
 }
@@ -1061,6 +1098,143 @@ function PairWizard(_ref4) {
   });
 }
 
+function FillTarget(_ref) {
+  var heliumData = _ref.heliumData;
+  var heliumLookupData = useContext(LookupContext);
+  var boilOff = heliumLookupData.boilOff;
+  var lookup = heliumLookupData.lookup;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    error = _useState2[0],
+    SetError = _useState2[1];
+  var _useState3 = useState(25),
+    _useState4 = _slicedToArray(_useState3, 2),
+    amount = _useState4[0],
+    SetAmount = _useState4[1];
+  var _useState5 = useState(Object.keys(lookup)[0]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    spec = _useState6[0],
+    SetSpec = _useState6[1];
+  var currLevel = heliumData.helium[spec];
+  var currLiter = CalcLiters({
+    value: currLevel,
+    spec: spec
+  });
+  var finalLiter = currLiter + amount;
+  var finalLevel = CalcPercent({
+    value: finalLiter,
+    spec: spec
+  });
+  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: "Select Spectrometer"
+          })
+        }), /*#__PURE__*/jsx(Grid, {
+          sx: {
+            padding: 2,
+            display: "flex",
+            justifyContent: "center"
+          },
+          children: /*#__PURE__*/jsx(SpecSwitch, {
+            setup: boilOff,
+            spec: spec,
+            SetSpec: SetSpec
+          })
+        })]
+      }), /*#__PURE__*/jsxs(Grid, {
+        xs: 6,
+        sx: {
+          px: 2
+        },
+        children: [/*#__PURE__*/jsx(Divider, {
+          textAlign: "left",
+          children: /*#__PURE__*/jsx("strong", {
+            children: "Current status"
+          })
+        }), /*#__PURE__*/jsx(Grid, {
+          sx: {
+            padding: 2,
+            display: "flex",
+            justifyContent: "center"
+          },
+          children: /*#__PURE__*/jsxs(Typography, {
+            variant: "h4",
+            children: [currLevel, " % (", currLiter, " L)"]
+          })
+        })]
+      }), /*#__PURE__*/jsxs(Grid, {
+        xs: 6,
+        sx: {
+          px: 2
+        },
+        children: [/*#__PURE__*/jsx(Divider, {
+          textAlign: "left",
+          children: /*#__PURE__*/jsx("strong", {
+            children: "Helium fill amount"
+          })
+        }), /*#__PURE__*/jsx(Grid, {
+          sx: {
+            padding: 2,
+            display: "flex",
+            justifyContent: "center"
+          },
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "h4",
+            children: /*#__PURE__*/jsx(LiterInput, {
+              error: error,
+              SetError: SetError,
+              limit: amount,
+              SetLimit: SetAmount
+            })
+          })
+        })]
+      }), /*#__PURE__*/jsxs(Grid, {
+        xs: 6,
+        sx: {
+          px: 2
+        },
+        children: [/*#__PURE__*/jsx(Divider, {
+          textAlign: "left",
+          children: /*#__PURE__*/jsx("strong", {
+            children: "After filling"
+          })
+        }), /*#__PURE__*/jsx(Grid, {
+          sx: {
+            padding: 2,
+            display: "flex",
+            justifyContent: "center"
+          },
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "h4",
+            children: /*#__PURE__*/jsxs("em", {
+              style: {
+                color: AppTheme.palette.warning.main
+              },
+              children: ["~ ", finalLevel, " % (", CalcLiters({
+                value: finalLevel,
+                spec: spec
+              }), " L)"]
+            })
+          })
+        })]
+      })]
+    })
+  });
+}
+
 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() {
@@ -1488,7 +1662,10 @@ function Helium(props) {
           })
         }), /*#__PURE__*/jsx(AppCard, {
           title: "Fill Target",
-          size: cardSize
+          size: cardSize,
+          children: /*#__PURE__*/jsx(FillTarget, {
+            heliumData: heliumData
+          })
         })]
       })]
     })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zac-apps/helium",
-    "version": "1.0.0-beta.1",
+    "version": "1.0.0-beta.3",
     "scripts": {
         "rollup": "node_modules/rollup/dist/rollup.js",
         "dev": "next dev",
@@ -30,7 +30,7 @@
     "dependencies": {
         "@mui/icons-material": "^5.15.13",
         "@mui/material": "^5.15.13",
-        "@zac-apps/commons": "^1.3.1",
+        "@zac-apps/commons": "^1.3.3",
         "moment": "^2.30.1",
         "recharts": "^2.12.3",
         "use-immer": "^0.9.0"