orc-shared 5.10.1-dev.1 → 5.10.1-dev.11

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/AppFrame/Topbar.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useMenuProps = exports.default = exports.Menu = exports.CurrentApp = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.useMenuProps = exports.sanitizeEnvironmentCode = exports.getAppEnvironmentInfo = exports.default = exports.Menu = exports.CurrentApp = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactIntl = require("react-intl");
 var _styles = require("@material-ui/core/styles");
@@ -16,9 +16,13 @@ var _DropMenu = _interopRequireDefault(require("../DropMenu"));
 var _Anchor = _interopRequireDefault(require("./Anchor"));
 var _Help = _interopRequireDefault(require("./Help"));
 var _sharedMessages = _interopRequireDefault(require("./../../sharedMessages"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _comparisonHelper = require("../../utils/comparisonHelper");
 var _excluded = ["menuLabel"],
   _excluded2 = ["applications", "applicationId", "currentApplication", "onClick", "helpUrl"];
 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 () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -27,6 +31,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(e, r) { return new BabelRegExp(e, void 0, r); }; var e = RegExp.prototype, r = new WeakMap(); function BabelRegExp(e, t, p) { var o = RegExp(e, t); return r.set(o, p || r.get(e)), _setPrototypeOf(o, BabelRegExp.prototype); } function buildGroups(e, t) { var p = r.get(t); return Object.keys(p).reduce(function (r, t) { var o = p[t]; if ("number" == typeof o) r[t] = e[o];else { for (var i = 0; void 0 === e[o[i]] && i + 1 < o.length;) i++; r[t] = e[o[i]]; } return r; }, Object.create(null)); } return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (r) { var t = e.exec.call(this, r); if (t) { t.groups = buildGroups(t, this); var p = t.indices; p && (p.groups = buildGroups(p, this)); } return t; }, BabelRegExp.prototype[Symbol.replace] = function (t, p) { if ("string" == typeof p) { var o = r.get(this); return e[Symbol.replace].call(this, t, p.replace(/\$<([^>]+)>/g, function (e, r) { var t = o[r]; return "$" + (Array.isArray(t) ? t.join("$") : t); })); } if ("function" == typeof p) { var i = this; return e[Symbol.replace].call(this, t, function () { var e = arguments; return "object" != typeof e[e.length - 1] && (e = [].slice.call(e)).push(buildGroups(e, i)), p.apply(this, e); }); } return e[Symbol.replace].call(this, t, p); }, _wrapRegExp.apply(this, arguments); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 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) {
@@ -63,6 +73,22 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     appLogo: {
       height: "30px",
       marginRight: "10px"
+    },
+    qaContainerColor: {
+      backgroundColor: "#9F0F18",
+      color: "#FFFFFF"
+    },
+    intContainerColor: {
+      backgroundColor: "#FCA311",
+      color: "#000000"
+    },
+    stgContainerColor: {
+      backgroundColor: "#19B9E6",
+      color: "#000000"
+    },
+    localdevContainerColor: {
+      backgroundColor: "#87E911",
+      color: "#000000"
     }
   };
 });
@@ -116,21 +142,126 @@ __signature__(Menu, "useMenuProps{{ menuLabel, ...menuProps }}", function () {
 __signature__(Menu, "useMenuProps{{ menuLabel, ...menuProps }}", function () {
   return [useMenuProps];
 });
+var sanitizeEnvironmentCode = exports.sanitizeEnvironmentCode = function sanitizeEnvironmentCode(envCode) {
+  if (!envCode) {
+    return envCode;
+  }
+  envCode = envCode.toLowerCase();
+  var partialEnvCodes = ["prd",
+  // to support the old prdhi / prdlow used by SBD
+  "int",
+  // to support int, int2, etc
+  "qa",
+  // to support qa, qa2, etc
+  "stg",
+  // to support stg, stg2, etc
+  "localdev" // local development of the platform by product or service teams
+  ];
+  for (var _i = 0, _partialEnvCodes = partialEnvCodes; _i < _partialEnvCodes.length; _i++) {
+    var partialEnvCode = _partialEnvCodes[_i];
+    if (envCode.startsWith(partialEnvCode)) {
+      return partialEnvCode;
+    }
+  }
+  return envCode; // other names will be used as-is
+};
+var getAppEnvironmentInfo = exports.getAppEnvironmentInfo = function getAppEnvironmentInfo(currentLocation, uiContainerName, enableHeaderColors) {
+  var environmentCode = null;
+  var sanitizedEnvironmentCode = null;
+  var isDeployedLocalDevEnv = false;
+  var domainMatch = currentLocation == null ? void 0 : currentLocation.match(/*#__PURE__*/_wrapRegExp(/^([^.]+)\.([^.]+)\.([^.]+)\.orckestra\.(cloud|org)$/, {
+    appName: 1,
+    envCode: 2,
+    clientCode: 3
+  }));
+  if (domainMatch) {
+    environmentCode = domainMatch.groups.envCode;
+  } else if (currentLocation != null && currentLocation.toLowerCase().endsWith("local.develop.orckestra.cloud") || (currentLocation == null ? void 0 : currentLocation.toLowerCase()) === "localhost") {
+    environmentCode = "localdev";
+  } else if (currentLocation != null && currentLocation.toLowerCase().endsWith("develop.orckestra.cloud")) {
+    environmentCode = "localdev";
+    isDeployedLocalDevEnv = true;
+  }
+
+  // uncomment if you want to force a specific environment / color
+  // environmentCode = "prd";
+
+  sanitizedEnvironmentCode = sanitizeEnvironmentCode(environmentCode);
+  if (!sanitizedEnvironmentCode || !enableHeaderColors) {
+    // we never want a different color / text for unknown environment
+    return {
+      name: "",
+      cssClassCategory: null
+    };
+  }
+  if (!uiContainerName) {
+    uiContainerName = "prd"; // fallback in case the container is not defined in a meta tag
+  }
+  var needCustomCssClass = !!sanitizedEnvironmentCode && !(0, _comparisonHelper.areEqualCaseInsensitive)(sanitizedEnvironmentCode, "prd") || !(0, _comparisonHelper.areEqualCaseInsensitive)(uiContainerName, "prd");
+  var cssClassCategory = null;
+  var nameParts = [];
+  if (!(0, _comparisonHelper.areEqualCaseInsensitive)(sanitizedEnvironmentCode, "prd")) {
+    nameParts.push(environmentCode);
+  }
+  if (needCustomCssClass) {
+    var needBuildNumber = false;
+    var isPrdUiContainer = (0, _comparisonHelper.areEqualCaseInsensitive)(uiContainerName, "prd");
+    if ((0, _comparisonHelper.areEqualCaseInsensitive)(sanitizedEnvironmentCode, "prd")) {
+      cssClassCategory = "qa"; // if we end up here, it means that our prd environment is using a different UI container
+      needBuildNumber = !isPrdUiContainer;
+    } else if ((0, _comparisonHelper.areEqualCaseInsensitive)(sanitizedEnvironmentCode, "localdev")) {
+      cssClassCategory = "localdev";
+      needBuildNumber = !isPrdUiContainer && isDeployedLocalDevEnv;
+    } else if ((0, _comparisonHelper.areEqualCaseInsensitive)(sanitizedEnvironmentCode, "qa")) {
+      cssClassCategory = "qa";
+      needBuildNumber = !isPrdUiContainer;
+    } else if ((0, _comparisonHelper.areEqualCaseInsensitive)(sanitizedEnvironmentCode, "stg")) {
+      cssClassCategory = "stg";
+      needBuildNumber = !isPrdUiContainer;
+    } else {
+      // any other container have the int look
+      cssClassCategory = "int";
+      needBuildNumber = !isPrdUiContainer;
+    }
+    if (needBuildNumber) {
+      nameParts.push("".concat(window.BUILD_NUMBER, "/").concat(uiContainerName));
+    }
+  }
+  return {
+    name: nameParts.join(" — "),
+    cssClassCategory: cssClassCategory
+  };
+};
 var CurrentApp = exports.CurrentApp = function CurrentApp(_ref) {
   var displayName = _ref.displayName,
     iconUri = _ref.iconUri;
   var classes = useStyles();
+  var containerInfo = (0, _react.useMemo)(function () {
+    var _document$querySelect, _document$querySelect2, _document$querySelect3;
+    return getAppEnvironmentInfo(window.location.hostname, (_document$querySelect = document.querySelector('meta[name="cdn-container-name"]')) == null ? void 0 : _document$querySelect.getAttribute("content"), ((_document$querySelect2 = (_document$querySelect3 = document.querySelector('meta[name="header-colors"]')) == null ? void 0 : _document$querySelect3.getAttribute("content")) != null ? _document$querySelect2 : "true") === "true");
+  }, []);
+  var name;
+  if (containerInfo.name) {
+    if (displayName) {
+      // to avoid issues with tests where "undefined" ends up in the name
+      name = "".concat(displayName, " \u2014 ").concat(containerInfo.name);
+    } else {
+      name = " \u2014 ".concat(containerInfo.name);
+    }
+  } else {
+    name = displayName;
+  }
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.appLabel
+    className: (0, _classnames.default)(classes.appLabel, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.qaContainerColor, containerInfo.cssClassCategory === "qa"), classes.intContainerColor, containerInfo.cssClassCategory === "int"), classes.stgContainerColor, containerInfo.cssClassCategory === "stg"), classes.localdevContainerColor, containerInfo.cssClassCategory === "localdev"))
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: iconUri,
     className: classes.appLogo
-  }), displayName);
+  }), name);
 };
-__signature__(CurrentApp, "useStyles{classes}", function () {
+__signature__(CurrentApp, "useStyles{classes}\nuseMemo{containerInfo}", function () {
   return [useStyles];
 });
-__signature__(CurrentApp, "useStyles{classes}", function () {
+__signature__(CurrentApp, "useStyles{classes}\nuseMemo{containerInfo}", function () {
   return [useStyles];
 });
 CurrentApp.displayName = "CurrentApp";
@@ -173,6 +304,8 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(useMenuProps, "useMenuProps", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(Menu, "Menu", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
+  reactHotLoader.register(sanitizeEnvironmentCode, "sanitizeEnvironmentCode", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
+  reactHotLoader.register(getAppEnvironmentInfo, "getAppEnvironmentInfo", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(CurrentApp, "CurrentApp", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(Topbar, "Topbar", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
@@ -191,6 +324,8 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(useMenuProps, "useMenuProps", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(Menu, "Menu", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
+  reactHotLoader.register(sanitizeEnvironmentCode, "sanitizeEnvironmentCode", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
+  reactHotLoader.register(getAppEnvironmentInfo, "getAppEnvironmentInfo", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(CurrentApp, "CurrentApp", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(Topbar, "Topbar", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/Topbar.js");

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.Loader = 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 _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;
@@ -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,40 @@ __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 Loader = exports.Loader = function Loader() {
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.wrapper
+  }, /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
+    icon: "orckestra-loader",
+    animateIcon: true
   }));
+};
+__signature__(Loader, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(Loader, "useStyles{classes}", function () {
+  return [useStyles];
 });
 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(),
@@ -103,8 +127,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");
@@ -121,8 +145,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");

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,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"));
-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;
@@ -23,16 +19,12 @@ 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) {
+var LoadingIcon = function LoadingIcon() {
   return /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
-    icon: (0, _utils.getThemeProp)(["icons", "loading"], "loading")(props),
-    animate: true
+    icon: "orckestra-loader",
+    animateIcon: true
   });
-});
+};
 var _default = LoadingIcon;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -42,7 +34,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/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 +48,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/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/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.");