orc-shared 5.99.0-dev.1 → 5.99.0-dev.10

package/dist/components/InternetExplorerWarningMessage.js

@@ -27,29 +27,29 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     container: {
       fontFamily: "'Open Sans', sans-serif",
-      fontSize: "14px",
+      fontSize: theme.spacing(1.4),
       background: "rgba(255,255,255,0.85)",
-      maxWidth: "700px",
-      width: "calc(100% - 40px)",
+      maxWidth: theme.spacing(70),
+      width: "calc(100% - ".concat(theme.spacing(4), ")"),
       display: "block",
       top: "50%",
       left: "50%",
       position: "absolute",
-      boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
+      boxShadow: "".concat(theme.spacing(0, 0.4, 0.8, 0), " rgba(0, 0, 0, 0.2), ").concat(theme.spacing(0, 0.6, 2, 0), " rgba(0, 0, 0, 0.19)"),
       transform: "translateY(-50%) translateX(-50%)",
-      padding: "80px",
-      borderRadius: "3px",
+      padding: theme.spacing(8),
+      borderRadius: theme.spacing(0.3),
       "& header": {
-        paddingBottom: "20px",
-        marginBottom: "20px",
+        paddingBottom: theme.spacing(2),
+        marginBottom: theme.spacing(2),
         borderBottom: "1px solid #999",
         "& h1": {
           fontWeight: 400,
-          fontWize: "30px",
+          fontWize: theme.spacing(3),
           marginTop: 0,
-          marginBottom: "5px",
+          marginBottom: theme.spacing(0.5),
           "& p": {
-            fontSize: "16px",
+            fontSize: theme.spacing(1.6),
             margin: 0,
             color: "#999",
             fontWeight: 400
@@ -62,7 +62,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexWrap: "wrap",
       width: "100%",
       boxSizing: "border-box",
-      marginTop: "40px"
+      marginTop: theme.spacing(4)
     },
     gridItem: {
       display: "flex",
@@ -71,16 +71,16 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexDirection: "column"
     },
     browserIconContainer: {
-      width: "48px",
+      width: theme.spacing(4.8),
       textAlign: "center"
     },
     browserIconCaption: {
-      fontSize: "11px",
+      fontSize: theme.spacing(1.1),
       color: "#999"
     },
     browserIcon: {
       stroke: "none",
-      fontSize: "48px"
+      fontSize: theme.spacing(4.8)
     }
   };
 });

package/dist/components/MaterialUI/DataDisplay/Modal.js

@@ -48,12 +48,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     containerWide: {
       width: theme.spacing(106.4),
-      height: "calc(100% - 80px)",
+      height: "calc(100% - ".concat(theme.spacing(8), ")"),
       maxHeight: theme.spacing(73)
     },
     containerFullwidth: {
-      width: "calc(100% - 80px)",
-      height: "calc(100% - 80px)"
+      width: "calc(100% - ".concat(theme.spacing(8), ")"),
+      height: "calc(100% - ".concat(theme.spacing(8), ")")
     },
     title: {
       height: theme.spacing(4),

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/Placeholder.js

@@ -63,18 +63,18 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     textSkeleton: {
       width: "100%",
-      height: 6,
+      height: theme.spacing(0.6),
       animation: false
     },
     chipSkeleton: {
-      width: 60,
-      height: 25,
+      width: theme.spacing(6),
+      height: theme.spacing(2.5),
       animation: false,
-      borderRadius: "15px"
+      borderRadius: theme.spacing(1.5)
     },
     radioSkeleton: {
-      width: 17,
-      height: 17,
+      width: theme.spacing(1.7),
+      height: theme.spacing(1.7),
       animation: false
     },
     root: {

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js

@@ -96,7 +96,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     active: {
       backgroundColor: "".concat(theme.palette.primary.dark, " !important"),
-      boxShadow: "inset 10px 0 10px 1px rgba(0,0,0,0.18)",
+      boxShadow: "inset ".concat(theme.spacing(1, 0, 1, 0.1), " rgba(0,0,0,0.18)"),
       "&:after": {
         borderLeftColor: "".concat(theme.palette.primary.dark, " !important")
       }
@@ -111,7 +111,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 var StepperModal = function StepperModal(_ref) {
-  var _steps$currentStep, _steps$currentStep$fu, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
+  var _steps$currentStep, _steps$currentStep$fu, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4, _steps$currentStep5, _steps$currentStep6;
   var _ref$steps = _ref.steps,
     steps = _ref$steps === void 0 ? [] : _ref$steps,
     _ref$title = _ref.title,
@@ -180,7 +180,7 @@ var StepperModal = function StepperModal(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "outlined",
     onClick: closeCallback
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _sharedMessages.default.cancel)), currentStep < steps.length - 1 && (((_steps$currentStep4 = steps[currentStep]) == null || (_steps$currentStep4 = _steps$currentStep4.actions) == null ? void 0 : _steps$currentStep4.length) > 0 ? steps[currentStep].actions.map(function (action) {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _sharedMessages.default.cancel)), (currentStep < steps.length - 1 || ((_steps$currentStep4 = steps[currentStep]) == null ? void 0 : _steps$currentStep4.isIntermediate)) && (((_steps$currentStep5 = steps[currentStep]) == null || (_steps$currentStep5 = _steps$currentStep5.actions) == null ? void 0 : _steps$currentStep5.length) > 0 ? steps[currentStep].actions.map(function (action) {
     return /*#__PURE__*/_react.default.createElement(_Button.default, {
       key: action.value,
       variant: "contained",
@@ -199,7 +199,7 @@ var StepperModal = function StepperModal(_ref) {
       return nextClick();
     },
     disableElevation: true
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _sharedMessages.default.next))), currentStep === steps.length - 1 && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _sharedMessages.default.next))), currentStep === steps.length - 1 && !((_steps$currentStep6 = steps[currentStep]) != null && _steps$currentStep6.isIntermediate) && /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     color: "primary",
     disabled: nextDisabled,

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/TableInfoBar.js

@@ -36,7 +36,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     label: {
       fontSize: theme.typography.h2Size,
       fontFamily: theme.typography.fontFamily,
-      fontWeight: theme.typography.fontWeightMedium
+      fontWeight: theme.typography.fontWeightRegular
     }
   };
 });

package/dist/components/MaterialUI/DataDisplay/SelectionList.js

@@ -60,7 +60,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       },
       "&::-webkit-scrollbar-thumb": {
         background: theme.palette.grey.borders,
-        border: "5px white solid",
+        border: "".concat(theme.spacing(0.5), " white solid"),
         backgroundClip: "padding-box",
         borderRadius: theme.spacing(1.5)
       }

package/dist/components/MaterialUI/DataDisplay/TransferList.js

@@ -62,7 +62,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       },
       "&::-webkit-scrollbar-thumb": {
         background: theme.palette.grey.borders,
-        border: "5px white solid",
+        border: "".concat(theme.spacing(0.5), " white solid"),
         backgroundClip: "padding-box",
         borderRadius: theme.spacing(1.5)
       }

package/dist/components/MaterialUI/Inputs/CheckboxGroup.js

@@ -42,7 +42,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         return props.row ? "row" : "column";
       },
       flexWrap: "wrap",
-      marginLeft: "8px"
+      marginLeft: theme.spacing(0.8)
     },
     errorText: {
       marginTop: theme.spacing(0.5),

package/dist/components/MaterialUI/Inputs/DatePicker.js

@@ -49,7 +49,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       "&:focus, &:focus-within": {
         borderRadius: theme.shape.borderRadius,
         borderColor: theme.palette.focus,
-        boxShadow: "0 0 4px ".concat(theme.palette.focus),
+        boxShadow: "0 0 ".concat(theme.spacing(0.4), " ").concat(theme.palette.focus),
         outline: "none"
       },
       "& .react-datepicker": {

package/dist/components/MaterialUI/Inputs/InputBase.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useStyles = exports.default = exports.AdvancedNumericInput = void 0;
+exports.useStyles = exports.default = exports.AdvancedNumericInput = exports.AdvancedIntegerInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
@@ -9,7 +9,10 @@ var _InputBaseProps = _interopRequireWildcard(require("./InputBaseProps"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactNumberFormat = require("react-number-format");
 var _inputHelper = require("../../../utils/inputHelper");
-var _excluded = ["inputRef", "onChange"];
+var _Icon = _interopRequireDefault(require("../DataDisplay/Icon"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _excluded = ["inputRef", "onChange"],
+  _excluded2 = ["integerButtons"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,17 +24,17 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -76,13 +79,21 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       minWidth: 0,
       border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.grey.borders),
       borderRadius: function borderRadius(props) {
-        return props.label ? theme.spacing(0, 0.5, 0.5, 0) : theme.spacing(0.5);
+        var topLeft = props.label ? 0 : 0.5;
+        var topRight = props.isAdvancedNumericInput ? 0 : 0.5;
+        var bottomRight = topRight;
+        var bottomLeft = topLeft;
+        return theme.spacing(topLeft, topRight, bottomRight, bottomLeft);
       },
       paddingLeft: theme.spacing(0.85),
       "&:focus, &:active": {
         border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.focus),
         borderRadius: function borderRadius(props) {
-          return props.label ? theme.spacing(0, 0.5, 0.5, 0) : theme.spacing(0.5);
+          var topLeft = props.label ? 0 : 0.5;
+          var topRight = props.isAdvancedNumericInput ? 0 : 0.5;
+          var bottomRight = topRight;
+          var bottomLeft = topLeft;
+          return theme.spacing(topLeft, topRight, bottomRight, bottomLeft);
         }
       }
     },
@@ -119,6 +130,41 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     inputMultiline: {
       padding: theme.spacing(0.6, 0.6, 0.6, 0.85)
+    },
+    numericSpinnerContainer: {
+      display: "flex",
+      backgroundColor: theme.palette.grey.light,
+      flexDirection: "column",
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderTopRightRadius: theme.shape.borderRadius,
+      borderBottomRightRadius: theme.shape.borderRadius,
+      border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.grey.borders),
+      padding: 0,
+      margin: "0 0 0 -1px"
+    },
+    numericSpinnerUp: {
+      fontSize: "8px",
+      padding: "0 3px",
+      borderBottom: "1px solid #CCCCCC",
+      borderRadius: 0,
+      flex: 1,
+      margin: 0,
+      width: "20px",
+      "& + .MuiButton-root, & + .MuiIconButton-root, & + .MuiInputBase-root": {
+        marginLeft: 0
+      }
+    },
+    numericSpinnerDown: {
+      fontSize: "8px",
+      padding: "0 3px",
+      borderRadius: 0,
+      flex: 1,
+      margin: 0,
+      marginLeft: 0,
+      "& + .MuiButton-root, & + .MuiIconButton-root, & + .MuiInputBase-root": {
+        marginLeft: 0
+      }
     }
   };
 });
@@ -141,8 +187,27 @@ var AdvancedNumericInput = exports.AdvancedNumericInput = function AdvancedNumer
     }
   }));
 };
+var AdvancedIntegerInput = exports.AdvancedIntegerInput = function AdvancedIntegerInput(props) {
+  var integerButtons = props.integerButtons,
+    other = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex"
+    },
+    className: "InputBase-input-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(AdvancedNumericInput, other), integerButtons);
+};
+var getInputComponent = function getInputComponent(isAdvancedNumericInput, decimalScale) {
+  if (isAdvancedNumericInput) {
+    if (decimalScale === 0) {
+      return AdvancedIntegerInput;
+    }
+    return AdvancedNumericInput;
+  }
+  return undefined;
+};
 var InputBase = function InputBase(_ref) {
-  var _inputProps$get;
+  var _inputProps$get, _numericInputProps$de;
   var inputProps = _ref.inputProps;
   if ((0, _InputBaseProps.isInputProps)(inputProps) === false) {
     throw new TypeError("inputProps property is not of type InputBaseProps");
@@ -166,8 +231,21 @@ var InputBase = function InputBase(_ref) {
   var rowsProps = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.rows);
   var numericInputProps = (inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.numericInputProps)) || null;
   var isAdvancedNumericInput = type.toLowerCase() === "advancednumericinput";
-  var inputComponent = isAdvancedNumericInput ? AdvancedNumericInput : undefined;
+  var decimalScale = (_numericInputProps$de = numericInputProps == null ? void 0 : numericInputProps.decimalScale) != null ? _numericInputProps$de : 0;
+  var inputComponent = getInputComponent(isAdvancedNumericInput, decimalScale);
   var inputControlType = isAdvancedNumericInput ? "text" : type;
+  var _React$useState = _react.default.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    inputText = _React$useState2[0],
+    setInputText = _React$useState2[1];
+  var textToDisplay = inputText != null ? inputText : value;
+  var classes = useStyles({
+    label: label,
+    errorPosition: errorPosition,
+    isAdvancedNumericInput: isAdvancedNumericInput
+  });
+  var onKeyDown = null;
+  var onWheel = null;
   if (isAdvancedNumericInput && numericInputProps) {
     Object.keys(numericInputProps).forEach(function (key) {
       if (key !== "blurFormattingSkipFixedDecimalScale") {
@@ -176,20 +254,118 @@ var InputBase = function InputBase(_ref) {
     });
   }
   if (isAdvancedNumericInput) {
-    var _numericInputProps$de;
     if (inputAttributes.max === undefined) {
       inputAttributes.max = 2147483647;
     }
     if (inputAttributes.min === undefined) {
       inputAttributes.min = -2147483648;
     }
-    var decimalScale = (_numericInputProps$de = numericInputProps == null ? void 0 : numericInputProps.decimalScale) != null ? _numericInputProps$de : 0;
     var lengthForMin = Math.trunc(inputAttributes.min).toString().length;
     var lengthForMax = Math.trunc(inputAttributes.max).toString().length;
     inputAttributes.maxLength = Math.max(lengthForMin, lengthForMax) + (decimalScale > 0 ? decimalScale + 1 : 0);
     inputAttributes.isAllowed = function (val) {
       return val.value === "" || val.value === "-" || val.value !== null;
     };
+    if (decimalScale === 0 && !disabled) {
+      var getInitialNumericValue = function getInitialNumericValue() {
+        if (0 >= inputAttributes.min && 0 <= inputAttributes.max) {
+          return 0;
+        }
+        if (Math.abs(inputAttributes.min) < Math.abs(inputAttributes.max)) {
+          return inputAttributes.min;
+        }
+        return inputAttributes.max;
+      };
+      var increaseNumericValue = function increaseNumericValue() {
+        if (textToDisplay) {
+          var currentValue = parseInt(textToDisplay, 10);
+          if (currentValue + 1 <= inputAttributes.max) {
+            setInputText((currentValue + 1).toString());
+          }
+        } else {
+          var _currentValue = getInitialNumericValue();
+          if (_currentValue === 0 && _currentValue + 1 <= inputAttributes.max) {
+            _currentValue++;
+          }
+          setInputText(_currentValue.toString());
+        }
+      };
+      var decreaseNumericValue = function decreaseNumericValue() {
+        if (textToDisplay) {
+          var currentValue = parseInt(textToDisplay, 10);
+          if (currentValue - 1 >= inputAttributes.min) {
+            setInputText((currentValue - 1).toString());
+          }
+        } else {
+          var _currentValue2 = getInitialNumericValue();
+          if (_currentValue2 === 0 && _currentValue2 - 1 >= inputAttributes.min) {
+            _currentValue2--;
+          }
+          setInputText(_currentValue2.toString());
+        }
+      };
+      var focusInput = function focusInput(target) {
+        target.closest(".InputBase-input-wrapper").getElementsByTagName("input")[0].focus();
+      };
+      inputAttributes.integerButtons = /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.numericSpinnerContainer
+      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        className: classes.numericSpinnerUp,
+        tabIndex: "-1",
+        "data-qa": "increase",
+        disabled: disabled,
+        onMouseDown: function onMouseDown(event) {
+          return event.preventDefault();
+        } // prevent the button from stealing focus
+        ,
+        onClick: function onClick(event) {
+          event.preventDefault();
+          event.stopPropagation();
+          increaseNumericValue();
+          focusInput(event.target);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        id: "chevron-up"
+      })), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        className: classes.numericSpinnerDown,
+        tabIndex: "-1",
+        "data-qa": "decrease",
+        disabled: disabled,
+        onMouseDown: function onMouseDown(event) {
+          return event.preventDefault();
+        } // prevent the button from stealing focus
+        ,
+        onClick: function onClick(event) {
+          event.preventDefault();
+          event.stopPropagation();
+          decreaseNumericValue();
+          focusInput(event.target);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        id: "chevron-down"
+      })));
+      onKeyDown = function onKeyDown(event) {
+        if (event.key === "ArrowUp") {
+          event.preventDefault();
+          event.stopPropagation();
+          increaseNumericValue();
+        }
+        // Note Alex20260119: using an 'else if' caused issue with code coverage
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          event.stopPropagation();
+          decreaseNumericValue();
+        }
+      };
+      onWheel = function onWheel(event) {
+        if (event.deltaY < 0) {
+          increaseNumericValue();
+        } else {
+          decreaseNumericValue();
+        }
+        focusInput(event.target);
+      };
+    }
   }
   var defaultRows = 4;
   var rows = rowsProps;
@@ -200,10 +376,6 @@ var InputBase = function InputBase(_ref) {
     // causing onBlur to never fire
     item.target.focus();
   };
-  var classes = useStyles({
-    label: label,
-    errorPosition: errorPosition
-  });
   var onChangeHandler = function onChangeHandler(event) {
     if (event.persist) {
       event.persist();
@@ -245,11 +417,6 @@ var InputBase = function InputBase(_ref) {
   };
   var inputBaseInputStyle = inputProps == null ? void 0 : inputProps.getStyle(_InputBaseProps.default.ruleNames.input);
   var errorTextStyle = inputProps == null ? void 0 : inputProps.getStyle(_InputBaseProps.default.ruleNames.errorText);
-  var _React$useState = _react.default.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    inputText = _React$useState2[0],
-    setInputText = _React$useState2[1];
-  var textToDisplay = inputText != null ? inputText : value;
   _react.default.useEffect(function () {
     if (inputText === null || window.bypassDebounce === true) {
       return;
@@ -271,6 +438,19 @@ var InputBase = function InputBase(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputText, metadata, timeoutDelay, update, value]);
+  if (onKeyDown) {
+    if (inputAttributes.onKeyDown) {
+      var originalKeyDown = inputAttributes.onKeyDown;
+      inputAttributes.onKeyDown = function (event) {
+        originalKeyDown(event);
+        if (!event.isDefaultPrevented()) {
+          onKeyDown(event);
+        }
+      };
+    } else {
+      inputAttributes.onKeyDown = onKeyDown;
+    }
+  }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -291,6 +471,7 @@ var InputBase = function InputBase(_ref) {
     placeholder: placeholder,
     value: textToDisplay,
     fullWidth: true,
+    onWheel: onWheel,
     onChange: function onChange(event) {
       return onChangeHandler(event);
     },
@@ -308,10 +489,10 @@ var InputBase = function InputBase(_ref) {
     className: (0, _classnames.default)(classes.errorText, errorTextStyle)
   }, error));
 };
-__signature__(InputBase, "useStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
+__signature__(InputBase, "useState{[inputText, setInputText](null)}\nuseStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseEffect{}", function () {
   return [useStyles];
 });
-__signature__(InputBase, "useStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
+__signature__(InputBase, "useState{[inputText, setInputText](null)}\nuseStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseEffect{}", function () {
   return [useStyles];
 });
 var compareInputBase = function compareInputBase(prev, next) {
@@ -328,6 +509,8 @@ var _default3 = exports.default = _default2;
   }
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(AdvancedNumericInput, "AdvancedNumericInput", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
+  reactHotLoader.register(AdvancedIntegerInput, "AdvancedIntegerInput", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
+  reactHotLoader.register(getInputComponent, "getInputComponent", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(InputBase, "InputBase", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(compareInputBase, "compareInputBase", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
@@ -345,6 +528,8 @@ var _default3 = exports.default = _default2;
   }
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(AdvancedNumericInput, "AdvancedNumericInput", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
+  reactHotLoader.register(AdvancedIntegerInput, "AdvancedIntegerInput", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
+  reactHotLoader.register(getInputComponent, "getInputComponent", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(InputBase, "InputBase", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(compareInputBase, "compareInputBase", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/InputBase.js");

package/dist/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js

@@ -125,7 +125,7 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       "&:focus-within": {
         zIndex: 99,
         border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.focus),
-        boxShadow: "0 0 4px ".concat(theme.palette.focus)
+        boxShadow: "0 0 ".concat(theme.spacing(0.4), " ").concat(theme.palette.focus)
       }
     },
     selectRoot: {