orc-shared 1.5.2 → 1.6.0-dev.10

package/dist/actions/globalErrorMessages.js

@@ -0,0 +1,67 @@
+"use strict";
+
+exports.__esModule = true;
+exports.pushGlobalErrorMessage = exports.popGlobalErrorMessage = exports.PUSH_GLOBAL_ERROR_MESSAGE = exports.POP_GLOBAL_ERROR_MESSAGE = void 0;
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var PUSH_GLOBAL_ERROR_MESSAGE = "PUSH_GLOBAL_ERROR_MESSAGE";
+exports.PUSH_GLOBAL_ERROR_MESSAGE = PUSH_GLOBAL_ERROR_MESSAGE;
+var pushGlobalErrorMessage = function pushGlobalErrorMessage(msg) {
+  return {
+    type: PUSH_GLOBAL_ERROR_MESSAGE,
+    payload: msg
+  };
+};
+exports.pushGlobalErrorMessage = pushGlobalErrorMessage;
+var POP_GLOBAL_ERROR_MESSAGE = "POP_GLOBAL_ERROR_MESSAGE";
+exports.POP_GLOBAL_ERROR_MESSAGE = POP_GLOBAL_ERROR_MESSAGE;
+var popGlobalErrorMessage = function popGlobalErrorMessage() {
+  return {
+    type: POP_GLOBAL_ERROR_MESSAGE
+  };
+};
+exports.popGlobalErrorMessage = popGlobalErrorMessage;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(PUSH_GLOBAL_ERROR_MESSAGE, "PUSH_GLOBAL_ERROR_MESSAGE", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+  reactHotLoader.register(pushGlobalErrorMessage, "pushGlobalErrorMessage", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+  reactHotLoader.register(POP_GLOBAL_ERROR_MESSAGE, "POP_GLOBAL_ERROR_MESSAGE", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+  reactHotLoader.register(popGlobalErrorMessage, "popGlobalErrorMessage", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(PUSH_GLOBAL_ERROR_MESSAGE, "PUSH_GLOBAL_ERROR_MESSAGE", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+  reactHotLoader.register(pushGlobalErrorMessage, "pushGlobalErrorMessage", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+  reactHotLoader.register(POP_GLOBAL_ERROR_MESSAGE, "POP_GLOBAL_ERROR_MESSAGE", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+  reactHotLoader.register(popGlobalErrorMessage, "popGlobalErrorMessage", "/home/vsts/work/1/s/src/actions/globalErrorMessages.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/buildStore.js

@@ -25,6 +25,7 @@ var _modules = _interopRequireDefault(require("./reducers/modules"));
 var _metadata = _interopRequireDefault(require("./reducers/metadata"));
 var _requestStates = _interopRequireDefault(require("./reducers/requestStates"));
 var _tasks = _interopRequireDefault(require("./reducers/tasks"));
+var _globalErrorMessages = _interopRequireDefault(require("./reducers/globalErrorMessages"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -91,7 +92,8 @@ var buildStore = function buildStore(reducers, devOptions) {
       modules: _modules.default,
       metadata: _metadata.default,
       requestStates: _requestStates.default,
-      tasks: _tasks.default
+      tasks: _tasks.default,
+      globalErrorMessages: _globalErrorMessages.default
     }));
   };
   var rootReducer = buildReducer(reducers);

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

@@ -0,0 +1,134 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _styles = require("@material-ui/core/styles");
+var _sharedMessages = _interopRequireDefault(require("../../../../sharedMessages"));
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
+var _LookupDisplayValue = _interopRequireDefault(require("./LookupDisplayValue"));
+var _ActionModal = _interopRequireDefault(require("./ActionModal"));
+var _reactRedux = require("react-redux");
+var _globalErrorMessages = require("../../../../selectors/globalErrorMessages");
+var _globalErrorMessages2 = require("../../../../actions/globalErrorMessages");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    grid: {
+      maxHeight: "40vh",
+      overflowY: "auto"
+    }
+  };
+});
+var GlobalErrorMessagesModal = function GlobalErrorMessagesModal(_ref) {
+  var _msg$messages;
+  var children = _ref.children;
+  var classes = useStyles();
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var msg = (0, _reactRedux.useSelector)(_globalErrorMessages.firstDialogErrorMessageSelector);
+  if (msg === null) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+  var closeCallback = function closeCallback() {
+    dispatch((0, _globalErrorMessages2.popGlobalErrorMessage)());
+  };
+  var actions = [{
+    label: _sharedMessages.default.close,
+    isPrimary: true,
+    handler: closeCallback
+  }];
+  var content = /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    container: true,
+    spacing: 2,
+    className: classes.grid
+  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    container: true,
+    item: true,
+    spacing: 0
+  }, msg.description && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    xs: 12
+  }, msg.description), ((_msg$messages = msg.messages) == null ? void 0 : _msg$messages.length) > 0 && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/_react.default.createElement(_List.default, {
+    className: classes.root
+  }, msg.messages.map(function (msg, index) {
+    var hasLookup = msg.lookupModule && msg.lookupName && msg.lookupKey;
+    return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, "\u25CF"), /*#__PURE__*/_react.default.createElement(_ListItemText.default, null, hasLookup && /*#__PURE__*/_react.default.createElement(_LookupDisplayValue.default, {
+      moduleName: msg.lookupModule,
+      lookupName: msg.lookupName,
+      lookupKey: msg.lookupKey,
+      lookupReplacementValues: msg.lookupReplacementValues
+    }), !hasLookup && msg.message));
+  })))));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, /*#__PURE__*/_react.default.createElement(_ActionModal.default, {
+    title: msg.title || formatMessage(_sharedMessages.default.error),
+    message: content,
+    open: true,
+    actions: actions
+  }));
+};
+__signature__(GlobalErrorMessagesModal, "useStyles{classes}\nuseIntl{{ formatMessage }}\nuseDispatch{dispatch}\nuseSelector{msg}", function () {
+  return [useStyles, _reactIntl.useIntl, _reactRedux.useDispatch, _reactRedux.useSelector];
+});
+__signature__(GlobalErrorMessagesModal, "useStyles{classes}\nuseIntl{{ formatMessage }}\nuseDispatch{dispatch}\nuseSelector{msg}", function () {
+  return [useStyles, _reactIntl.useIntl, _reactRedux.useDispatch, _reactRedux.useSelector];
+});
+var _default = GlobalErrorMessagesModal;
+var _default2 = _default;
+var _default3 = _default2;
+exports.default = _default3;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js");
+  reactHotLoader.register(GlobalErrorMessagesModal, "GlobalErrorMessagesModal", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js");
+  reactHotLoader.register(GlobalErrorMessagesModal, "GlobalErrorMessagesModal", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

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

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TooltippedTypography = _interopRequireDefault(require("../TooltippedElements/TooltippedTypography"));
+var _metadata = require("../../../../selectors/metadata");
+var _reactRedux = require("react-redux");
+var _excluded = ["moduleName", "lookupName", "lookupKey", "lookupReplacementValues"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var LookupDisplayValue = function LookupDisplayValue(_ref) {
+  var moduleName = _ref.moduleName,
+    lookupName = _ref.lookupName,
+    lookupKey = _ref.lookupKey,
+    lookupReplacementValues = _ref.lookupReplacementValues,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var value = (0, _reactRedux.useSelector)((0, _metadata.namedLookupLocalizedSelector)(moduleName, lookupName, lookupKey));
+  if (value && lookupReplacementValues) {
+    Object.keys(lookupReplacementValues).forEach(function (key) {
+      value = value.replace("{" + key + "}", lookupReplacementValues[key]);
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_TooltippedTypography.default, _extends({
+    noWrap: true
+  }, otherProps, {
+    children: value,
+    titleValue: value
+  }));
+};
+__signature__(LookupDisplayValue, "useSelector{value}", function () {
+  return [_reactRedux.useSelector];
+});
+__signature__(LookupDisplayValue, "useSelector{value}", function () {
+  return [_reactRedux.useSelector];
+});
+var _default = LookupDisplayValue;
+var _default2 = _default;
+var _default3 = _default2;
+exports.default = _default3;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(LookupDisplayValue, "LookupDisplayValue", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/LookupDisplayValue.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/LookupDisplayValue.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(LookupDisplayValue, "LookupDisplayValue", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/LookupDisplayValue.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/LookupDisplayValue.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

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

@@ -119,6 +119,7 @@ var StepperModal = function StepperModal(_ref) {
     open = _ref.open,
     closeCallback = _ref.closeCallback,
     confirmCallback = _ref.confirmCallback,
+    backdropCallback = _ref.backdropCallback,
     confirmTitle = _ref.confirmTitle,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "wide" : _ref$type;
@@ -150,7 +151,7 @@ var StepperModal = function StepperModal(_ref) {
   }, (_steps$currentStep3 = steps[currentStep]) == null ? void 0 : _steps$currentStep3.content);
   modalProps.set(_modalProps.default.propNames.title, titleComponent);
   modalProps.set(_modalProps.default.propNames.open, open);
-  modalProps.set(_modalProps.default.propNames.backdropClickCallback, closeCallback);
+  modalProps.set(_modalProps.default.propNames.backdropClickCallback, backdropCallback != null ? backdropCallback : closeCallback);
   modalProps.set(_modalProps.default.propNames.type, type);
   var nextClick = (0, _react.useCallback)(function () {
     return changeCurrentStep(function (step) {

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

@@ -1,15 +1,17 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useStyles = exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.useStyles = exports.default = exports.AdvancedNumericInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
 var _InputBaseProps = _interopRequireWildcard(require("./InputBaseProps"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactNumberFormat = require("react-number-format");
+var _excluded = ["inputRef", "onChange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -24,6 +26,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
@@ -112,6 +122,26 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 exports.useStyles = useStyles;
+var AdvancedNumericInput = function AdvancedNumericInput(props) {
+  var inputRef = props.inputRef,
+    onChange = props.onChange,
+    other = _objectWithoutProperties(props, _excluded);
+
+  // https://github.com/s-yadav/react-number-format
+
+  return /*#__PURE__*/_react.default.createElement(_reactNumberFormat.NumericFormat, _extends({}, other, {
+    getInputRef: inputRef,
+    onValueChange: function onValueChange(values) {
+      onChange({
+        target: {
+          name: props.name,
+          value: values.value
+        }
+      });
+    }
+  }));
+};
+exports.AdvancedNumericInput = AdvancedNumericInput;
 var InputBase = function InputBase(_ref) {
   var _inputProps$get;
   var inputProps = _ref.inputProps;
@@ -135,6 +165,17 @@ var InputBase = function InputBase(_ref) {
   var autoComplete = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.autoComplete);
   var timeoutDelay = (inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.timeoutDelay)) || 100;
   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 inputControlType = isAdvancedNumericInput ? "text" : type;
+  if (isAdvancedNumericInput && numericInputProps) {
+    Object.keys(numericInputProps).forEach(function (key) {
+      if (key !== "blurFormattingSkipFixedDecimalScale") {
+        inputAttributes[key] = numericInputProps[key];
+      }
+    });
+  }
   var defaultRows = 4;
   var rows = rowsProps;
   if (rows === null || rows === undefined) rows = defaultRows;
@@ -149,12 +190,42 @@ var InputBase = function InputBase(_ref) {
     errorPosition: errorPosition
   });
   var onChangeHandler = function onChangeHandler(event) {
-    event.persist();
+    if (event.persist) {
+      event.persist();
+    }
     if (!event.target.value || window.bypassDebounce === true) {
       update(event.target.value, metadata);
     }
     setInputText(event.target.value);
   };
+  var timerId = (0, _react.useRef)(null);
+  _react.default.useEffect(function () {
+    return function () {
+      clearTimeout(timerId.current);
+      timerId.current = null;
+    };
+  }, []);
+  var onBlurInternal = function onBlurInternal(e) {
+    var updateValue = (inputText != null ? inputText : value).toString(); // value cannot be null as defined above
+
+    if (timerId.current) {
+      clearTimeout(timerId.current);
+      timerId.current = null;
+    }
+    if (isAdvancedNumericInput) {
+      var formattingProps = _objectSpread({}, numericInputProps);
+      delete formattingProps.blurFormattingSkipFixedDecimalScale;
+      if ((numericInputProps == null ? void 0 : numericInputProps.blurFormattingSkipFixedDecimalScale) !== true) {
+        formattingProps.fixedDecimalScale = true;
+      }
+      updateValue = (0, _reactNumberFormat.numericFormatter)(updateValue, formattingProps);
+    }
+    update(updateValue, metadata);
+    setInputText(null);
+    if (onBlur) {
+      onBlur(e);
+    }
+  };
   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),
@@ -163,18 +234,26 @@ var InputBase = function InputBase(_ref) {
     setInputText = _React$useState2[1];
   var textToDisplay = inputText != null ? inputText : value;
   _react.default.useEffect(function () {
-    if (inputText !== value && inputText != null && window.bypassDebounce !== true) {
-      var timeOutId = setTimeout(function () {
-        var updateValue = update(inputText, metadata);
+    if (inputText === null || window.bypassDebounce === true) {
+      return;
+    }
+    if (inputText !== value) {
+      clearTimeout(timerId.current);
+      timerId.current = setTimeout(function () {
+        update(inputText, metadata);
         setInputText(null);
-        return updateValue;
       }, timeoutDelay);
       return function () {
-        return clearTimeout(timeOutId);
+        clearTimeout(timerId.current);
+        timerId.current = null;
       };
+    } else {
+      setInputText(null);
+      clearTimeout(timerId.current);
     }
+
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [inputText, value]);
+  }, [inputText, metadata, timeoutDelay, update, value]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -189,9 +268,9 @@ var InputBase = function InputBase(_ref) {
       multiline: classes.multiline,
       inputMultiline: classes.inputMultiline
     },
-    onBlur: onBlur,
+    onBlur: onBlurInternal,
     onClick: onClick,
-    type: type,
+    type: inputControlType,
     placeholder: placeholder,
     value: textToDisplay,
     fullWidth: true,
@@ -200,21 +279,22 @@ var InputBase = function InputBase(_ref) {
     },
     error: !!error,
     inputProps: inputAttributes,
+    inputComponent: inputComponent,
     disabled: disabled,
     multiline: multiline,
     startAdornment: startAdornment,
     endAdornment: endAdornment,
-    rows: rows,
+    minRows: rows,
     title: tooltipText,
     autoComplete: autoComplete
   })), error && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.errorText, errorTextStyle)
   }, error));
 };
-__signature__(InputBase, "useStyles{classes}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
+__signature__(InputBase, "useStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
   return [useStyles];
 });
-__signature__(InputBase, "useStyles{classes}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
+__signature__(InputBase, "useStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
   return [useStyles];
 });
 var compareInputBase = function compareInputBase(prev, next) {
@@ -231,6 +311,7 @@ exports.default = _default3;
     return;
   }
   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(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");
@@ -247,6 +328,7 @@ exports.default = _default3;
     return;
   }
   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(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/InputBaseProps.js

@@ -45,6 +45,7 @@ var InputBaseProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentProps.set(_this.constructor.propNames.autoComplete, null);
     _this.componentProps.set(_this.constructor.propNames.timeoutDelay, null);
     _this.componentProps.set(_this.constructor.propNames.rows, null);
+    _this.componentProps.set(_this.constructor.propNames.numericInputProps, null);
     _this.componentClasses.set(_this.constructor.ruleNames.input, null);
     _this.componentClasses.set(_this.constructor.ruleNames.errorText, null);
     _this._isInputProps = true;
@@ -75,7 +76,8 @@ _defineProperty(InputBaseProps, "propNames", {
   metadata: "metadata",
   autoComplete: "autoComplete",
   timeoutDelay: "timeoutDelay",
-  rows: "rows"
+  rows: "rows",
+  numericInputProps: "numericInputProps"
 });
 _defineProperty(InputBaseProps, "ruleNames", {
   input: "input",

package/dist/components/Routing/SubPage.js

@@ -84,7 +84,6 @@ var SubPage = function SubPage(_ref) {
   modalProps.set(_modalProps.default.propNames.title, titleComponent);
   modalProps.set(_modalProps.default.propNames.open, true);
   modalProps.set(_modalProps.default.propNames.type, "fullwidth");
-  modalProps.set(_modalProps.default.propNames.backdropClickCallback, closeSubPage);
   var actionPanel = /*#__PURE__*/_react.default.createElement("div", {
     className: classes.actionPanel
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {