orc-shared 1.2.0-dev.7 → 1.3.0-dev.2

package/LICENSE

@@ -1,4 +1,4 @@
-Copyright (C) 2018 Orckestra Inc.
+Copyright (C) 2022 Orckestra Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -10,7 +10,7 @@ This library provides the [infrastructure](docs/infrastructure.md) to construct
 
 ## License
 
-Copyright © 2018 Orckestra Inc.
+Copyright © 2022 Orckestra Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/components/AppFrame/About.js

@@ -198,7 +198,11 @@ var About = function About(_ref2) {
   }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     message: _sharedMessages.default.ccName
   }))), /*#__PURE__*/_react.default.createElement(AboutParagraph, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    message: _sharedMessages.default.copyright
+    message: _objectSpread(_objectSpread({}, _sharedMessages.default.copyright), {}, {
+      values: {
+        year: new Date().getFullYear()
+      }
+    })
   }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, {
     message: _sharedMessages.default.allRightsReserved
   })));

package/dist/components/AppFrame/AppFrame.js

@@ -165,7 +165,17 @@ var AppFrame = function AppFrame(_ref) {
   }, [needLogin]);
   (0, _react.useEffect)(function () {
     document.title = (currentApplication == null ? void 0 : currentApplication.displayName) || applicationId;
-  }, [currentApplication, applicationId]);
+  }, [currentApplication, applicationId]); // Extract only what's needed for the SideBar and its menuItems
+
+  var menuItemFromModules = (0, _react.useMemo)(function () {
+    return (modules != null ? modules : []).map(function (item) {
+      return {
+        id: item.id,
+        label: item.label,
+        icon: item.icon
+      };
+    });
+  }, [modules]);
 
   var _useViewState = (0, _useViewState3.default)(_Preferences.PREFS_NAME),
       _useViewState2 = _slicedToArray(_useViewState, 1),
@@ -191,7 +201,7 @@ var AppFrame = function AppFrame(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_Sidebar.default, {
     open: open,
     toggle: toggle,
-    modules: modules,
+    modules: menuItemFromModules,
     activeModules: activeModules
   }), /*#__PURE__*/_react.default.createElement(ViewPort, {
     open: open,
@@ -201,11 +211,11 @@ var AppFrame = function AppFrame(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_loadingScreen.default, null), /*#__PURE__*/_react.default.createElement(_Preferences.default, null));
 };
 
-__signature__(AppFrame, "useIntl{{ formatMessage }}\nuseSelector{locale}\nuseSelector{needLogin}\nuseSelector{}\nuseSelector{moduleName}\nuseApplicationHelpUrl{[helpUrl]}\nuseLoader{}\nuseToggle{[open, toggle, reset]}\nuseLoader{}\nuseState{[doesApplicationNeedRefresh, setDoesApplicationNeedRefresh](false)}\nuseEffect{}\nuseEffect{}\nuseViewState{[prefViewState]}", function () {
+__signature__(AppFrame, "useIntl{{ formatMessage }}\nuseSelector{locale}\nuseSelector{needLogin}\nuseSelector{}\nuseSelector{moduleName}\nuseApplicationHelpUrl{[helpUrl]}\nuseLoader{}\nuseToggle{[open, toggle, reset]}\nuseLoader{}\nuseState{[doesApplicationNeedRefresh, setDoesApplicationNeedRefresh](false)}\nuseEffect{}\nuseEffect{}\nuseMemo{menuItemFromModules}\nuseViewState{[prefViewState]}", function () {
   return [_reactIntl.useIntl, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _useApplicationHelpUrl.default, _useLoader.default, _useToggle3.default, _useLoader.default, _useViewState3.default];
 });
 
-__signature__(AppFrame, "useIntl{{ formatMessage }}\nuseSelector{locale}\nuseSelector{needLogin}\nuseSelector{}\nuseSelector{moduleName}\nuseApplicationHelpUrl{[helpUrl]}\nuseLoader{}\nuseToggle{[open, toggle, reset]}\nuseLoader{}\nuseState{[doesApplicationNeedRefresh, setDoesApplicationNeedRefresh](false)}\nuseEffect{}\nuseEffect{}\nuseViewState{[prefViewState]}", function () {
+__signature__(AppFrame, "useIntl{{ formatMessage }}\nuseSelector{locale}\nuseSelector{needLogin}\nuseSelector{}\nuseSelector{moduleName}\nuseApplicationHelpUrl{[helpUrl]}\nuseLoader{}\nuseToggle{[open, toggle, reset]}\nuseLoader{}\nuseState{[doesApplicationNeedRefresh, setDoesApplicationNeedRefresh](false)}\nuseEffect{}\nuseEffect{}\nuseMemo{menuItemFromModules}\nuseViewState{[prefViewState]}", function () {
   return [_reactIntl.useIntl, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _useApplicationHelpUrl.default, _useLoader.default, _useToggle3.default, _useLoader.default, _useViewState3.default];
 });
 

package/dist/components/AppFrame/MenuItem.js

@@ -20,7 +20,7 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _templateObject;
 
 var _excluded = ["menuToggle", "staticContext", "dispatch", "active", "component"],
-    _excluded2 = ["open", "label", "icon", "alert", "pageScopeSelector", "closingTabHandler", "hide", "isHidden", "href"];
+    _excluded2 = ["open", "label", "icon", "alert", "isHidden", "href"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -134,9 +134,6 @@ var MenuItem = function MenuItem(_ref5) {
       label = _ref5$label === void 0 ? "" : _ref5$label,
       icon = _ref5.icon,
       alert = _ref5.alert,
-      pageScopeSelector = _ref5.pageScopeSelector,
-      closingTabHandler = _ref5.closingTabHandler,
-      hide = _ref5.hide,
       _ref5$isHidden = _ref5.isHidden,
       isHidden = _ref5$isHidden === void 0 ? false : _ref5$isHidden,
       href = _ref5.href,

package/dist/components/Culture.js

@@ -0,0 +1,106 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _locale = require("../selectors/locale");
+
+var _reactDatepicker = require("react-datepicker");
+
+var date_fns_locale = _interopRequireWildcard(require("date-fns/locale"));
+
+var _localizationHelper = require("../utils/localizationHelper");
+
+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 () {
+  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 Culture = function Culture() {
+  var _navigator$language;
+
+  var locale = (0, _reactRedux.useSelector)(_locale.currentLocaleOrDefault);
+  var language = (_navigator$language = navigator.language) != null ? _navigator$language : locale;
+  (0, _react.useMemo)(function () {
+    var fnsLocale = (0, _localizationHelper.findCorrespondingLocale)(date_fns_locale, language);
+
+    if (fnsLocale != null) {
+      (0, _reactDatepicker.registerLocale)(language, fnsLocale);
+      (0, _reactDatepicker.setDefaultLocale)(language);
+    }
+  }, [language]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+__signature__(Culture, "useSelector{locale}\nuseMemo{}", function () {
+  return [_reactRedux.useSelector];
+});
+
+__signature__(Culture, "useSelector{locale}\nuseMemo{}", function () {
+  return [_reactRedux.useSelector];
+});
+
+var _default = Culture;
+var _default2 = _default;
+var _default3 = _default2;
+exports.default = _default3;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(Culture, "Culture", "/home/vsts/work/1/s/src/components/Culture.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Culture.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(Culture, "Culture", "/home/vsts/work/1/s/src/components/Culture.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Culture.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/I18n.js

@@ -34,14 +34,17 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 var I18n = function I18n(props) {
+  var _navigator$language;
+
   var locale = (0, _reactRedux.useSelector)(_locale.currentLocaleOrDefault);
 
   var messages = require("translations/" + locale + ".json");
 
+  var language = (_navigator$language = navigator.language) != null ? _navigator$language : locale;
   return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, _extends({
-    key: locale // TODO: Remove this when react-intl suports new React context API
+    key: language // TODO: Remove this when react-intl suports new React context API
     ,
-    locale: locale,
+    locale: language,
     messages: messages
   }, props));
 };

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

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Icon = _interopRequireDefault(require("../DataDisplay/Icon"));
 
-var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
+var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
 
 require("react-datepicker/dist/react-datepicker.css");
 
@@ -17,16 +17,8 @@ var _TimePicker = _interopRequireDefault(require("./TimePicker"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _reactIntl = require("react-intl");
-
-var _locale = require("date-fns/locale");
-
 var _excluded = ["value", "useTime", "useDate", "onChange", "dateFormat", "showTimeZone", "timeInputLabel", "readOnly", "showTimeSelectOnly", "metadata", "timePickerTimeZone", "error"];
 
-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 () {
@@ -55,9 +47,6 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
   return a;
 };
 
-(0, _reactDatepicker.registerLocale)("fr-CA", _locale.frCA);
-(0, _reactDatepicker.registerLocale)("en-US", _locale.enUS);
-(0, _reactDatepicker.registerLocale)("it-IT", _locale.it);
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     container: {
@@ -164,23 +153,14 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   };
 });
-var AMPMLocales = ["en-US", "en-CA"];
 
-var createFormat = function createFormat(useDate, useTime, selectedLocale) {
+var createFormat = function createFormat(useDate, useTime) {
   if (useDate && !useTime) {
     return "P";
   } else if (useTime && !useDate) {
-    if (AMPMLocales.includes(selectedLocale)) {
-      return "p";
-    }
-
-    return "HH:mm";
+    return "p";
   } else {
-    if (AMPMLocales.includes(selectedLocale)) {
-      return "P p";
-    }
-
-    return "P HH:mm";
+    return "P p";
   }
 };
 
@@ -202,9 +182,6 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
       error = _ref.error,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var _useIntl = (0, _reactIntl.useIntl)(),
-      locale = _useIntl.locale;
-
   var classes = useStyles({
     readOnly: readOnly
   });
@@ -224,7 +201,7 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.datePickerContainer
   }, /*#__PURE__*/_react.default.createElement(_reactDatepicker.default, _extends({}, props, {
-    dateFormat: dateFormat || createFormat(useDate, useTime, locale),
+    dateFormat: dateFormat || createFormat(useDate, useTime),
     selected: startDate,
     onChange: function onChange(date) {
       return updateDate(date, metadata);
@@ -233,13 +210,11 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
     useTime: useTime != null ? useTime : false,
     customTimeInput: useTime ? /*#__PURE__*/_react.default.createElement(_TimePicker.default, {
       showTimeZone: showTimeZone,
-      showAMPM: AMPMLocales.includes(locale),
       requestedTimeZone: timePickerTimeZone
     }) : null,
     timeInputLabel: timeInputLabel != null ? timeInputLabel : "",
     readOnly: readOnly,
-    showTimeSelectOnly: showTimeSelectOnly,
-    locale: locale
+    showTimeSelectOnly: showTimeSelectOnly
   }))), !readOnly ? /*#__PURE__*/_react.default.createElement("div", {
     className: classes.iconContainer
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -250,12 +225,12 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
   }, error));
 };
 
-__signature__(WrappedDatePicker, "useIntl{{ locale }}\nuseStyles{classes}", function () {
-  return [_reactIntl.useIntl, useStyles];
+__signature__(WrappedDatePicker, "useStyles{classes}", function () {
+  return [useStyles];
 });
 
-__signature__(WrappedDatePicker, "useIntl{{ locale }}\nuseStyles{classes}", function () {
-  return [_reactIntl.useIntl, useStyles];
+__signature__(WrappedDatePicker, "useStyles{classes}", function () {
+  return [useStyles];
 });
 
 var _default = WrappedDatePicker;
@@ -272,7 +247,6 @@ exports.default = _default3;
   }
 
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
-  reactHotLoader.register(AMPMLocales, "AMPMLocales", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
   reactHotLoader.register(createFormat, "createFormat", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
   reactHotLoader.register(WrappedDatePicker, "WrappedDatePicker", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
@@ -295,7 +269,6 @@ exports.default = _default3;
   }
 
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
-  reactHotLoader.register(AMPMLocales, "AMPMLocales", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
   reactHotLoader.register(createFormat, "createFormat", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
   reactHotLoader.register(WrappedDatePicker, "WrappedDatePicker", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/DatePicker.js");

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

@@ -29,6 +29,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   enterModule && enterModule(module);
 })();
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
@@ -144,6 +156,7 @@ var InputBase = function InputBase(_ref) {
   var endAdornment = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.endAdornment);
   var metadata = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.metadata);
   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 tooltipText = type === "text" ? value : "";
 
   var onClick = function onClick(item) {
@@ -159,11 +172,36 @@ var InputBase = function InputBase(_ref) {
 
   var onChangeHandler = function onChangeHandler(event) {
     event.persist();
-    update(event.target.value, metadata);
+
+    if (!event.target.value || window.bypassDebounce === true) {
+      update(event.target.value, metadata);
+    }
+
+    setInputText(event.target.value);
   };
 
   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 !== value && inputText != null && window.bypassDebounce !== true) {
+      var timeOutId = setTimeout(function () {
+        return update(inputText, metadata);
+      }, timeoutDelay);
+      return function () {
+        return clearTimeout(timeOutId);
+      };
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [inputText, value]);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -182,7 +220,7 @@ var InputBase = function InputBase(_ref) {
     onClick: onClick,
     type: type,
     placeholder: placeholder,
-    value: value,
+    value: textToDisplay,
     fullWidth: true,
     onChange: function onChange(event) {
       return onChangeHandler(event);
@@ -201,11 +239,11 @@ var InputBase = function InputBase(_ref) {
   }, error));
 };
 
-__signature__(InputBase, "useStyles{classes}", function () {
+__signature__(InputBase, "useStyles{classes}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
   return [useStyles];
 });
 
-__signature__(InputBase, "useStyles{classes}", function () {
+__signature__(InputBase, "useStyles{classes}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
   return [useStyles];
 });
 

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

@@ -69,6 +69,8 @@ var InputBaseProps = /*#__PURE__*/function (_ComponentProps) {
 
     _this.componentProps.set(_this.constructor.propNames.autoComplete, null);
 
+    _this.componentProps.set(_this.constructor.propNames.timeoutDelay, null);
+
     _this.componentClasses.set(_this.constructor.ruleNames.input, null);
 
     _this.componentClasses.set(_this.constructor.ruleNames.errorText, null);
@@ -103,7 +105,8 @@ _defineProperty(InputBaseProps, "propNames", {
   startAdornment: "startAdornment",
   endAdornment: "endAdornment",
   metadata: "metadata",
-  autoComplete: "autoComplete"
+  autoComplete: "autoComplete",
+  timeoutDelay: "timeoutDelay"
 });
 
 _defineProperty(InputBaseProps, "ruleNames", {

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

@@ -295,6 +295,9 @@ var TimePicker = function TimePicker(_ref4) {
       time = _useState2[0],
       setTime = _useState2[1];
 
+  (0, _react.useEffect)(function () {
+    setTime(parseTime(value || "00:00"));
+  }, [value, setTime]);
   var userTimeZone = (0, _timezoneHelper.getTimeZoneName)();
   var localizedTimeZoneName = (0, _reactRedux.useSelector)((0, _metadata.namedLookupLocalizedSelector)("customer", "TimeZone", userTimeZone, null));
 
@@ -365,11 +368,11 @@ var TimePicker = function TimePicker(_ref4) {
   }, showTimeZone && getTimeZone(requestedTimeZone)));
 };
 
-__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseSelector{localizedTimeZoneName}", function () {
+__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseEffect{}\nuseSelector{localizedTimeZoneName}", function () {
   return [useStyles, _reactRedux.useSelector];
 });
 
-__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseSelector{localizedTimeZoneName}", function () {
+__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseEffect{}\nuseSelector{localizedTimeZoneName}", function () {
   return [useStyles, _reactRedux.useSelector];
 });
 

package/dist/components/MaterialUI/ScopeSelector/ScopeSelector.js

@@ -49,7 +49,11 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       backgroundColor: theme.palette.grey.light,
       border: "1px solid ".concat(theme.palette.grey.borders),
       boxShadow: "0 2px 4px rgba(0,0,0,0.5)",
-      width: theme.spacing(50)
+      width: theme.spacing(50),
+      display: "flex"
+    },
+    scopeContainer: {
+      width: "100%"
     },
     scopeSelector: {
       display: "flex",
@@ -108,7 +112,9 @@ var ScopeSelector = function ScopeSelector(_ref) {
     onClickAway: function onClickAway(e) {
       return closeSelector(e);
     }
-  }, /*#__PURE__*/_react.default.createElement("div", null, show ? scopeSelectorContent : null)));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.scopeContainer
+  }, show ? scopeSelectorContent : null)));
 
   return scopeSelector;
 };

package/dist/components/Provision.js

@@ -27,6 +27,8 @@ var _I18n = _interopRequireDefault(require("./I18n"));
 
 var _InternetExplorerWarningMessage = _interopRequireDefault(require("./InternetExplorerWarningMessage"));
 
+var _Culture = _interopRequireDefault(require("./Culture"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 (function () {
@@ -64,7 +66,7 @@ var Provision = function Provision(_ref) {
     theme: theme
   }, /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
     theme: muiTheme
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Head.default, null), /*#__PURE__*/_react.default.createElement(GlobalStyle, null), /*#__PURE__*/_react.default.createElement(_Authenticate.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Fonts, null), /*#__PURE__*/_react.default.createElement(_DevPages.default, null, /*#__PURE__*/_react.default.createElement(_I18n.default, null, _react.default.Children.only(children), /*#__PURE__*/_react.default.createElement(_InternetExplorerWarningMessage.default, null))))))))));
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Head.default, null), /*#__PURE__*/_react.default.createElement(_Culture.default, null), /*#__PURE__*/_react.default.createElement(GlobalStyle, null), /*#__PURE__*/_react.default.createElement(_Authenticate.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Fonts, null), /*#__PURE__*/_react.default.createElement(_DevPages.default, null, /*#__PURE__*/_react.default.createElement(_I18n.default, null, _react.default.Children.only(children), /*#__PURE__*/_react.default.createElement(_InternetExplorerWarningMessage.default, null))))))))));
 };
 
 var _default = Provision;

package/dist/components/Routing/FullPage.js

@@ -35,8 +35,11 @@ var FullPage = function FullPage(_ref) {
       location = _ref.location,
       match = _ref.match,
       modulePrependPath = _ref.modulePrependPath,
-      isVisible = _ref.isVisible;
+      _ref$isVisible = _ref.isVisible,
+      isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible;
   var component = config.component,
+      _config$routerCompone = config.routerComponent,
+      routerComponent = _config$routerCompone === void 0 ? null : _config$routerCompone,
       componentProps = config.componentProps,
       _config$pages = config.pages,
       pages = _config$pages === void 0 ? {} : _config$pages,
@@ -59,12 +62,12 @@ var FullPage = function FullPage(_ref) {
 
   return /*#__PURE__*/_react.default.createElement(_Page.default, {
     path: path,
-    component: component,
+    component: component != null ? component : routerComponent,
     pages: pages,
     subpages: subpages,
     location: location,
     match: match,
-    isVisible: isVisible,
+    isVisible: isVisible === true || routerComponent != null,
     modulePrependPath: modulePrependPath
   });
 };

package/dist/content/icons/archives.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path fill="#333" fill-rule="evenodd" d="M23.5,3 C23.7761424,3 24,3.22385763 24,3.5 L24,3.5 L24,8.5 C24,8.77614237 23.7761424,9 23.5,9 L23.5,9 L23,9 L23,21.5 C23,21.7454599 22.8231248,21.9496084 22.5898756,21.9919443 L22.5,22 L1.5,22 C1.22385763,22 1,21.7761424 1,21.5 L1,21.5 L1,9 L0.5,9 C0.254540111,9 0.0503916296,8.82312484 0.00805566941,8.58987563 L0,8.5 L0,3.5 C0,3.22385763 0.223857625,3 0.5,3 L0.5,3 Z M22,9 L2,9 L2,21 L22,21 L22,9 Z M15.5,11 C15.7761424,11 16,11.2238576 16,11.5 L16,11.5 L16,13.5 C16,13.7761424 15.7761424,14 15.5,14 L15.5,14 L8.5,14 C8.22385763,14 8,13.7761424 8,13.5 L8,13.5 L8,11.5 C8,11.2238576 8.22385763,11 8.5,11 L8.5,11 Z M15,12 L9,12 L9,13 L15,13 L15,12 Z M23,4 L1,4 L1,8 L23,8 L23,4 Z"/>
+</svg>

package/dist/content/icons/lock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path fill="#333" fill-rule="evenodd" d="M12,0 C15.3141424,0 18,2.68585763 18,6 L18,6 L18,11 L20.5,11 C20.7454599,11 20.9496084,11.1768752 20.9919443,11.4101244 L21,11.5 L21,23.5 C21,23.7761424 20.7761424,24 20.5,24 L20.5,24 L3.5,24 C3.22385763,24 3,23.7761424 3,23.5 L3,23.5 L3,11.5 C3,11.2238576 3.22385763,11 3.5,11 L3.5,11 L6,11 L6,6 C6,2.76117904 8.56516051,0.122408965 11.7750335,0.00413781501 Z M20,12 L4,12 L4,23 L20,23 L20,12 Z M12,15 C12.5523336,15 13,15.4470481 13,16 C13,16.3687862 12.7995319,16.6916367 12.5015919,16.8649998 L12.5,19.5 C12.5,19.7761424 12.2761424,20 12,20 C11.7545401,20 11.5503916,19.8231248 11.5080557,19.5898756 L11.5,19.5 L11.4994027,16.8655778 C11.2009143,16.6923549 11,16.3691964 11,16 C11,15.4470481 11.4476664,15 12,15 Z M12,1 C9.23814237,1 7,3.23814237 7,6 L7,6 L7,11 L17,11 L17,6 C17,3.31082284 14.8781046,1.11815965 12.2169221,1.00461864 L12.2169221,1.00461864 Z"/>
+</svg>

package/dist/content/icons/unlock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path fill="#333" fill-rule="evenodd" d="M12,0 C15.2381675,0 17.8775613,2.56547691 17.9958612,5.77505506 L18,6 L18,11 L20.5,11 C20.7454599,11 20.9496084,11.1768752 20.9919443,11.4101244 L21,11.5 L21,23.5 C21,23.7761424 20.7761424,24 20.5,24 L20.5,24 L3.5,24 C3.22385763,24 3,23.7761424 3,23.5 L3,23.5 L3,11.5 C3,11.2238576 3.22385763,11 3.5,11 L3.5,11 L17,11 L17,6 C17,3.23850178 14.7612171,1 12,1 C9.23814237,1 7,3.23814237 7,6 C7,6.27614237 6.77614237,6.5 6.5,6.5 C6.22385763,6.5 6,6.27614237 6,6 C6,2.68585763 8.68585763,0 12,0 Z M20,12 L4,12 L4,23 L20,23 L20,12 Z M12,15 C12.5523336,15 13,15.4470481 13,16 C13,16.3687862 12.7995319,16.6916367 12.5015919,16.8649998 L12.5,19.5 C12.5,19.7761424 12.2761424,20 12,20 C11.7545401,20 11.5503916,19.8231248 11.5080557,19.5898756 L11.5,19.5 L11.4994027,16.8655778 C11.2009143,16.6923549 11,16.3691964 11,16 C11,15.4470481 11.4476664,15 12,15 Z"/>
+</svg>