orc-shared 5.10.2-dev.2 → 5.99.0-dev.1

package/dist/components/AppFrame/MenuItem.js

@@ -7,6 +7,7 @@ var _styles = require("@material-ui/core/styles");
 var _reactRouterDom = require("react-router-dom");
 var _reactIntl = require("react-intl");
 var _Icon = _interopRequireDefault(require("../MaterialUI/DataDisplay/Icon"));
+var _toastHelper = require("../../utils/toastHelper");
 var _excluded = ["staticContext", "dispatch", "component"],
   _excluded2 = ["open", "label", "icon", "alert", "isHidden", "href", "menuToggle", "active"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -29,14 +30,6 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var getToastColor = function getToastColor(theme, alertType) {
-  var toastBorderColors = {
-    error: theme.palette.error.main,
-    warn: theme.palette.warning.main,
-    confirm: theme.palette.success.main
-  };
-  return toastBorderColors[alertType] || "red";
-};
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     block: function block(props) {
@@ -54,7 +47,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       };
     },
     alert: function alert(props) {
-      var toastColor = getToastColor(theme, props.alertType);
+      var toastColor = (0, _toastHelper.getToastColor)(theme, props.alertType);
       return {
         borderRadius: "50%",
         border: "4px solid ".concat(toastColor),
@@ -68,7 +61,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       };
     },
     alertMessage: function alertMessage(props) {
-      var toastColor = getToastColor(theme, props.alertType);
+      var toastColor = (0, _toastHelper.getToastColor)(theme, props.alertType);
       return {
         position: "absolute",
         zIndex: 10000,
@@ -186,7 +179,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(getToastColor, "getToastColor", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(FilteredLink, "FilteredLink", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(MenuItem, "MenuItem", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
@@ -203,7 +195,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(getToastColor, "getToastColor", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(FilteredLink, "FilteredLink", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");
   reactHotLoader.register(MenuItem, "MenuItem", "/home/vsts/work/1/s/src/components/AppFrame/MenuItem.js");

package/dist/components/ApplicationModuleLoader.js

@@ -6,9 +6,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _scopes = require("../actions/scopes");
 var _settings = require("../selectors/settings");
-var _Authenticate = require("./Authenticate");
 var _constants = require("../constants");
 var _modules = require("../actions/modules");
+var _LoadingIcon = _interopRequireDefault(require("./LoadingIcon"));
+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; }
 (function () {
@@ -60,7 +61,7 @@ var ApplicationModuleLoader = function ApplicationModuleLoader(_ref) {
   }, true);
   var applicationModuleReady = scopeLoadedFromAllModules && defaultScope != null;
   if (!applicationModuleReady) {
-    return /*#__PURE__*/_react.default.createElement(_Authenticate.Loader, null);
+    return /*#__PURE__*/_react.default.createElement(_LoadingIcon.default, null);
   }
   return _react.default.Children.only(children);
 };

package/dist/components/Authenticate.js

@@ -1,17 +1,15 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useAuthenticationData = exports.default = exports.Wrapper = exports.Loader = exports.Error = void 0;
+exports.useAuthenticationData = exports.default = exports.Error = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _styles = require("@material-ui/core/styles");
 var _utils = require("../utils");
-var _Placeholder = _interopRequireDefault(require("../components/Placeholder"));
 var _reactRedux = require("react-redux");
 var _authentication = require("../actions/authentication");
 var _request = require("../reducers/request");
 var _ApplicationModuleLoader = _interopRequireDefault(require("./ApplicationModuleLoader"));
-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; }
+var _LoadingIcon = _interopRequireDefault(require("./LoadingIcon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -27,6 +25,16 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
+var useStyles = (0, _styles.makeStyles)({
+  wrapper: {
+    display: "flex",
+    width: "60%",
+    height: "100%",
+    padding: "0 20vw",
+    flexDirection: "column",
+    justifyContent: "center"
+  }
+});
 var useAuthenticationData = exports.useAuthenticationData = function useAuthenticationData() {
   return {
     loading: (0, _reactRedux.useSelector)(function (state) {
@@ -49,24 +57,25 @@ __signature__(useAuthenticationData, "useSelector{}\nuseSelector{}\nuseSelector{
 __signature__(useAuthenticationData, "useSelector{}\nuseSelector{}\nuseSelector{}\nuseSelector{}", function () {
   return [_reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
 });
-var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
-  displayName: "Authenticate__Wrapper",
-  componentId: "sc-cw6rn1-0"
-})(["display:flex;width:60%;height:100%;padding:0 20vw;flex-direction:column;justify-content:center;"]);
-var Loader = exports.Loader = (0, _styledComponents.withTheme)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
-    icon: (0, _utils.getThemeProp)(["icons", "loading"], "loading")(props),
-    animate: true
-  }));
-});
 var Error = exports.Error = function Error(_ref) {
   var requestError = _ref.requestError,
     needLogin = _ref.needLogin;
+  var classes = useStyles();
   if (needLogin) {
-    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, "Not logged in"));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.wrapper
+    }, /*#__PURE__*/_react.default.createElement("h1", null, "Not logged in"));
   }
-  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, (0, _utils.safeGet)(requestError, "payload", "message") || "An error occurred"), "Last failing action: ", /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(requestError, null, 2)));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.wrapper
+  }, /*#__PURE__*/_react.default.createElement("h1", null, (0, _utils.safeGet)(requestError, "payload", "message") || "An error occurred"), "Last failing action: ", /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(requestError, null, 2)));
 };
+__signature__(Error, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(Error, "useStyles{classes}", function () {
+  return [useStyles];
+});
 var Authenticate = function Authenticate(_ref2) {
   var children = _ref2.children;
   var _useAuthenticationDat = useAuthenticationData(),
@@ -75,7 +84,7 @@ var Authenticate = function Authenticate(_ref2) {
     requestError = _useAuthenticationDat.requestError,
     needLogin = _useAuthenticationDat.needLogin;
   if (loading) {
-    return /*#__PURE__*/_react.default.createElement(Loader, null);
+    return /*#__PURE__*/_react.default.createElement(_LoadingIcon.default, null);
   }
   if (!authedUser) {
     return /*#__PURE__*/_react.default.createElement(Error, {
@@ -103,9 +112,8 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(useAuthenticationData, "useAuthenticationData", "/home/vsts/work/1/s/src/components/Authenticate.js");
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Authenticate.js");
-  reactHotLoader.register(Loader, "Loader", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(Error, "Error", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(Authenticate, "Authenticate", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Authenticate.js");
@@ -121,9 +129,8 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(useAuthenticationData, "useAuthenticationData", "/home/vsts/work/1/s/src/components/Authenticate.js");
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Authenticate.js");
-  reactHotLoader.register(Loader, "Loader", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(Error, "Error", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(Authenticate, "Authenticate", "/home/vsts/work/1/s/src/components/Authenticate.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Authenticate.js");

package/dist/components/ErrorPlaceholder.js

@@ -1,14 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.Wrapper = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _utils = require("../utils");
-var _Placeholder = _interopRequireDefault(require("./Placeholder"));
-var _excluded = ["message", "description", "onClick"];
-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; }
+var _Placeholder = _interopRequireDefault(require("./MaterialUI/DataDisplay/PredefinedElements/Placeholder"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -18,31 +13,22 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-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; }
 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 Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
-  displayName: "ErrorPlaceholder__Wrapper",
-  componentId: "sc-1qmr4g4-0"
-})(["display:flex;width:60%;height:100%;padding:0 20vw;flex-direction:column;justify-content:center;"]);
-var ErrorPlaceholder = (0, _styledComponents.withTheme)(function (_ref) {
+var ErrorPlaceholder = function ErrorPlaceholder(_ref) {
   var message = _ref.message,
-    description = _ref.description,
-    onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded);
+    description = _ref.description;
   return /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
-    icon: (0, _utils.getThemeProp)(["icons", "reportProblem"], "error")(props),
-    warn: true,
+    icon: "report-problem-triangle",
+    error: true,
     title: message,
-    subtitle: description,
-    onClick: onClick
+    subtitle: description
   });
-});
+};
 var _default = ErrorPlaceholder;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -52,7 +38,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/ErrorPlaceholder.js");
   reactHotLoader.register(ErrorPlaceholder, "ErrorPlaceholder", "/home/vsts/work/1/s/src/components/ErrorPlaceholder.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/ErrorPlaceholder.js");
 })();
@@ -67,7 +52,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/ErrorPlaceholder.js");
   reactHotLoader.register(ErrorPlaceholder, "ErrorPlaceholder", "/home/vsts/work/1/s/src/components/ErrorPlaceholder.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/ErrorPlaceholder.js");
 })();

package/dist/components/{IconButton.js → Form/Inputs/MultiSelector.js}

@@ -1,13 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.ButtonText = exports.ButtonIcon = void 0;
+exports.selectEventUpdater = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Button = _interopRequireDefault(require("./Button"));
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _Text = _interopRequireDefault(require("./Text"));
-var _excluded = ["icon", "label"];
+var _Select = _interopRequireDefault(require("../../MaterialUI/Inputs/Select"));
+var _utils = require("../../../utils");
+var _SelectProps = _interopRequireDefault(require("../../MaterialUI/Inputs/SelectProps"));
+var _excluded = ["value", "options", "update"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -25,25 +24,30 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var ButtonIcon = exports.ButtonIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
-  displayName: "IconButton__ButtonIcon",
-  componentId: "sc-xsbiws-0"
-})(["font-size:1.23em;margin:-3px -2px;"]);
-var ButtonText = exports.ButtonText = _styledComponents.default.span.withConfig({
-  displayName: "IconButton__ButtonText",
-  componentId: "sc-xsbiws-1"
-})(["", " + &{margin-left:12px;vertical-align:top;}"], ButtonIcon);
-var IconButton = function IconButton(_ref) {
-  var icon = _ref.icon,
-    label = _ref.label,
+var selectEventUpdater = exports.selectEventUpdater = (0, _utils.memoize)(function (update) {
+  return function (value) {
+    return update(value);
+  };
+});
+var MultiSelector = function MultiSelector(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    update = _ref.update,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Button.default, props, icon ? /*#__PURE__*/_react.default.createElement(ButtonIcon, {
-    id: icon
-  }) : null, label ? /*#__PURE__*/_react.default.createElement(ButtonText, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    message: label
-  })) : null);
+  var selectProps = new _SelectProps.default();
+  selectProps.set(_SelectProps.default.propNames.value, value);
+  selectProps.set(_SelectProps.default.propNames.onClose, props.onBlur);
+  selectProps.set(_SelectProps.default.propNames.disabled, props.disabled);
+  selectProps.set(_SelectProps.default.propNames.multiple, true);
+  selectProps.set(_SelectProps.default.propNames.update, selectEventUpdater(update));
+  var hasError = props.required && (!Array.isArray(value) || value.length === 0);
+  selectProps.set(_SelectProps.default.propNames.error, hasError);
+  return /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: options,
+    selectProps: selectProps
+  });
 };
-var _default = IconButton;
+var _default = MultiSelector;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
 ;
@@ -52,10 +56,9 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(ButtonIcon, "ButtonIcon", "/home/vsts/work/1/s/src/components/IconButton.js");
-  reactHotLoader.register(ButtonText, "ButtonText", "/home/vsts/work/1/s/src/components/IconButton.js");
-  reactHotLoader.register(IconButton, "IconButton", "/home/vsts/work/1/s/src/components/IconButton.js");
-  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/IconButton.js");
+  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
 })();
 ;
 (function () {
@@ -68,10 +71,9 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(ButtonIcon, "ButtonIcon", "/home/vsts/work/1/s/src/components/IconButton.js");
-  reactHotLoader.register(ButtonText, "ButtonText", "/home/vsts/work/1/s/src/components/IconButton.js");
-  reactHotLoader.register(IconButton, "IconButton", "/home/vsts/work/1/s/src/components/IconButton.js");
-  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/IconButton.js");
+  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
 })();
 ;
 (function () {

package/dist/components/Form/Inputs/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _Selector = _interopRequireDefault(require("./Selector"));
-var _MultiSelector = _interopRequireDefault(require("../../MultiSelector"));
+var _MultiSelector = _interopRequireDefault(require("./MultiSelector"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _ReadOnly = require("./ReadOnly");
 var _Toggles = require("./Toggles");

package/dist/components/LoadingIcon.js

@@ -1,13 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.Wrapper = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _utils = require("../utils");
-var _Placeholder = _interopRequireDefault(require("./Placeholder"));
-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; }
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _core = require("@material-ui/core");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -23,15 +20,39 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
-  displayName: "LoadingIcon__Wrapper",
-  componentId: "sc-16mqybc-0"
-})(["display:flex;width:60%;height:100%;padding:0 20vw;flex-direction:column;justify-content:center;"]);
-var LoadingIcon = (0, _styledComponents.withTheme)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
-    icon: (0, _utils.getThemeProp)(["icons", "loading"], "loading")(props),
-    animate: true
-  });
+var useStyles = (0, _core.makeStyles)(function (theme) {
+  return {
+    progressContainer: {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      display: "flex",
+      position: "fixed",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 999
+    },
+    progress: {
+      color: theme.palette.primary.main
+    }
+  };
+});
+var LoadingIcon = function LoadingIcon() {
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.progressContainer
+  }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+    className: classes.progress,
+    size: 100,
+    color: "inherit"
+  }));
+};
+__signature__(LoadingIcon, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(LoadingIcon, "useStyles{classes}", function () {
+  return [useStyles];
 });
 var _default = LoadingIcon;
 var _default2 = _default;
@@ -42,7 +63,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(LoadingIcon, "LoadingIcon", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
 })();
@@ -57,7 +78,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(LoadingIcon, "LoadingIcon", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
 })();

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

@@ -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, _steps$currentStep5, _steps$currentStep6;
+  var _steps$currentStep, _steps$currentStep$fu, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
   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 ? 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) {
+  }, /*#__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) {
     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 && !((_steps$currentStep6 = steps[currentStep]) != null && _steps$currentStep6.isIntermediate) && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _sharedMessages.default.next))), currentStep === steps.length - 1 && /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     color: "primary",
     disabled: nextDisabled,

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

@@ -353,7 +353,7 @@ var DefaultFullTable = _react.default.forwardRef(function (props, ref) {
     isEditingMode: props.isEditingMode,
     context: props.context
   })), props.tableRows.length > 0 ? null : /*#__PURE__*/_react.default.createElement("div", {
-    className: props.classes.placeholder
+    className: (0, _classnames.default)(props.classes.placeholder, props.customClasses.placeholderContainer)
   }, props.placeholder));
 });
 var FullTableWithSavedScrollbar = _react.default.forwardRef(__signature__(__signature__(function (props, ref) {
@@ -452,6 +452,7 @@ var Table = _react.default.forwardRef(__signature__(__signature__(function (_ref
   customClasses["tableCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableCell)) || null;
   customClasses["headerCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.headerCell)) || null;
   customClasses["tableContainer"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableContainer)) || null;
+  customClasses["placeholderContainer"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.placeholderContainer)) || null;
   customClasses["container"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.container)) || null;
   customClasses["table"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.table)) || null;
   if (selectedRows && !selectedRowsChanged || !selectedRows && selectedRowsChanged) throw new Error("Both 'selectedRows' and 'selectedRowsChanged' need to be defined if one of them is.");

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

@@ -44,6 +44,7 @@ var TableProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentClasses.set(_this.constructor.ruleNames.tableCell, null);
     _this.componentClasses.set(_this.constructor.ruleNames.headerCell, null);
     _this.componentClasses.set(_this.constructor.ruleNames.tableContainer, null);
+    _this.componentClasses.set(_this.constructor.ruleNames.placeholderContainer, null);
     _this.componentClasses.set(_this.constructor.ruleNames.container, null);
     _this.componentClasses.set(_this.constructor.ruleNames.table, null);
     _this._isTableProps = true;
@@ -79,7 +80,8 @@ _defineProperty(TableProps, "ruleNames", {
   headerCell: "headerCell",
   tableContainer: "tableContainer",
   container: "container",
-  table: "table"
+  table: "table",
+  placeholderContainer: "placeholderContainer"
 });
 var isTableProps = exports.isTableProps = function isTableProps(value) {
   if (value == null) return true;