@zac-apps/commons 1.1.0 → 1.2.0

package/dist/index.js

@@ -32,6 +32,8 @@ import Menu from '@mui/material/Menu';
 import Divider from '@mui/material/Divider';
 import MenuIcon from '@mui/icons-material/Menu';
 import MenuOpenIcon from '@mui/icons-material/MenuOpen';
+import TextField from '@mui/material/TextField';
+import InputAdornment from '@mui/material/InputAdornment';
 import CircularProgress from '@mui/material/CircularProgress';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import ToggleButton from '@mui/material/ToggleButton';
@@ -335,6 +337,70 @@ function DivTitle(_ref) {
   });
 }
 
+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__default.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
+    })]
+  });
+}
+
 function Percentage(number) {
   var resultStr = number.toString() + " %";
   return resultStr;
@@ -603,4 +669,4 @@ function AppDrawer(_ref) {
   });
 }
 
-export { ErrorAlert as Alert, AppCard, AppDrawer, AppGrid, AppMenu, AppTable, AppTheme, AppWrapper, DivTitle, Footer, MenuButton, NextListMenu, Percentage, Progress, PublicFetch, RespGrid, SpecSwitch, Start, TableHeadCell, useFetch };
+export { ErrorAlert as Alert, AppCard, AppDrawer, AppGrid, AppMenu, AppTable, AppTheme, AppWrapper, DivTitle, Footer, MenuButton, NextListMenu, NumField, Percentage, Progress, PublicFetch, RespGrid, SpecSwitch, Start, TableHeadCell, useFetch };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zac-apps/commons",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "scripts": {
         "rollup": "node_modules/rollup/dist/rollup.js",
         "dev": "next dev",