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

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

@@ -9,8 +9,6 @@ var _InputBaseProps = _interopRequireWildcard(require("./InputBaseProps"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactNumberFormat = require("react-number-format");
 var _inputHelper = require("../../../utils/inputHelper");
-var _Icon = _interopRequireDefault(require("../DataDisplay/Icon"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 var _excluded = ["inputRef", "onChange"];
 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); }
@@ -23,17 +21,17 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -78,21 +76,13 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       minWidth: 0,
       border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.grey.borders),
       borderRadius: function borderRadius(props) {
-        var topLeft = props.label ? 0 : 0.5;
-        var topRight = props.isAdvancedNumericInput ? 0 : 0.5;
-        var bottomRight = topRight;
-        var bottomLeft = topLeft;
-        return theme.spacing(topLeft, topRight, bottomRight, bottomLeft);
+        return props.label ? theme.spacing(0, 0.5, 0.5, 0) : theme.spacing(0.5);
       },
       paddingLeft: theme.spacing(0.85),
       "&:focus, &:active": {
         border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.focus),
         borderRadius: function borderRadius(props) {
-          var topLeft = props.label ? 0 : 0.5;
-          var topRight = props.isAdvancedNumericInput ? 0 : 0.5;
-          var bottomRight = topRight;
-          var bottomLeft = topLeft;
-          return theme.spacing(topLeft, topRight, bottomRight, bottomLeft);
+          return props.label ? theme.spacing(0, 0.5, 0.5, 0) : theme.spacing(0.5);
         }
       }
     },
@@ -129,41 +119,6 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     inputMultiline: {
       padding: theme.spacing(0.6, 0.6, 0.6, 0.85)
-    },
-    numericSpinnerContainer: {
-      display: "flex",
-      backgroundColor: theme.palette.grey.light,
-      flexDirection: "column",
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      borderTopRightRadius: theme.shape.borderRadius,
-      borderBottomRightRadius: theme.shape.borderRadius,
-      border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.grey.borders),
-      padding: 0,
-      margin: "0 0 0 -1px"
-    },
-    numericSpinnerUp: {
-      fontSize: "8px",
-      padding: "0 3px",
-      borderBottom: "1px solid #CCCCCC",
-      borderRadius: 0,
-      flex: 1,
-      margin: 0,
-      width: "20px",
-      "& + .MuiButton-root, & + .MuiIconButton-root, & + .MuiInputBase-root": {
-        marginLeft: 0
-      }
-    },
-    numericSpinnerDown: {
-      fontSize: "8px",
-      padding: "0 3px",
-      borderRadius: 0,
-      flex: 1,
-      margin: 0,
-      marginLeft: 0,
-      "& + .MuiButton-root, & + .MuiIconButton-root, & + .MuiInputBase-root": {
-        marginLeft: 0
-      }
     }
   };
 });
@@ -213,19 +168,6 @@ var InputBase = function InputBase(_ref) {
   var isAdvancedNumericInput = type.toLowerCase() === "advancednumericinput";
   var inputComponent = isAdvancedNumericInput ? AdvancedNumericInput : undefined;
   var inputControlType = isAdvancedNumericInput ? "text" : type;
-  var _React$useState = _react.default.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    inputText = _React$useState2[0],
-    setInputText = _React$useState2[1];
-  var textToDisplay = inputText != null ? inputText : value;
-  var classes = useStyles({
-    label: label,
-    errorPosition: errorPosition,
-    isAdvancedNumericInput: isAdvancedNumericInput
-  });
-  var controlSpecificSuffix = null;
-  var onKeyDown = null;
-  var onWheel = null;
   if (isAdvancedNumericInput && numericInputProps) {
     Object.keys(numericInputProps).forEach(function (key) {
       if (key !== "blurFormattingSkipFixedDecimalScale") {
@@ -248,106 +190,6 @@ var InputBase = function InputBase(_ref) {
     inputAttributes.isAllowed = function (val) {
       return val.value === "" || val.value === "-" || val.value !== null;
     };
-    if (decimalScale === 0 && !disabled) {
-      var getInitialNumericValue = function getInitialNumericValue() {
-        if (0 >= inputAttributes.min && 0 <= inputAttributes.max) {
-          return 0;
-        }
-        if (Math.abs(inputAttributes.min) < Math.abs(inputAttributes.max)) {
-          return inputAttributes.min;
-        }
-        return inputAttributes.max;
-      };
-      var increaseNumericValue = function increaseNumericValue() {
-        if (textToDisplay) {
-          var currentValue = parseInt(textToDisplay, 10);
-          if (currentValue + 1 <= inputAttributes.max) {
-            setInputText((currentValue + 1).toString());
-          }
-        } else {
-          var _currentValue = getInitialNumericValue();
-          if (_currentValue === 0 && _currentValue + 1 <= inputAttributes.max) {
-            _currentValue++;
-          }
-          setInputText(_currentValue.toString());
-        }
-      };
-      var decreaseNumericValue = function decreaseNumericValue() {
-        if (textToDisplay) {
-          var currentValue = parseInt(textToDisplay, 10);
-          if (currentValue - 1 >= inputAttributes.min) {
-            setInputText((currentValue - 1).toString());
-          }
-        } else {
-          var _currentValue2 = getInitialNumericValue();
-          if (_currentValue2 === 0 && _currentValue2 - 1 >= inputAttributes.min) {
-            _currentValue2--;
-          }
-          setInputText(_currentValue2.toString());
-        }
-      };
-      var focusInput = function focusInput(target) {
-        target.closest(".InputBase-input-wrapper").getElementsByTagName("input")[0].focus();
-      };
-      controlSpecificSuffix = /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.numericSpinnerContainer
-      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        className: classes.numericSpinnerUp,
-        tabIndex: "-1",
-        "data-qa": "increase",
-        disabled: disabled,
-        onMouseDown: function onMouseDown(event) {
-          return event.preventDefault();
-        } // prevent the button from stealing focus
-        ,
-        onClick: function onClick(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          increaseNumericValue();
-          focusInput(event.target);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        id: "chevron-up"
-      })), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        className: classes.numericSpinnerDown,
-        tabIndex: "-1",
-        "data-qa": "decrease",
-        disabled: disabled,
-        onMouseDown: function onMouseDown(event) {
-          return event.preventDefault();
-        } // prevent the button from stealing focus
-        ,
-        onClick: function onClick(event) {
-          event.preventDefault();
-          event.stopPropagation();
-          decreaseNumericValue();
-          focusInput(event.target);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        id: "chevron-down"
-      })));
-      onKeyDown = function onKeyDown(event) {
-        if (event.key === "ArrowUp") {
-          event.preventDefault();
-          event.stopPropagation();
-          increaseNumericValue();
-        }
-        // Note Alex20260119: using an 'else if' caused issue with code coverage
-        if (event.key === "ArrowDown") {
-          event.preventDefault();
-          event.stopPropagation();
-          decreaseNumericValue();
-        }
-      };
-      onWheel = function onWheel(event) {
-        if (event.deltaY < 0) {
-          increaseNumericValue();
-        } else {
-          decreaseNumericValue();
-        }
-        focusInput(event.target);
-      };
-    }
   }
   var defaultRows = 4;
   var rows = rowsProps;
@@ -358,6 +200,10 @@ var InputBase = function InputBase(_ref) {
     // causing onBlur to never fire
     item.target.focus();
   };
+  var classes = useStyles({
+    label: label,
+    errorPosition: errorPosition
+  });
   var onChangeHandler = function onChangeHandler(event) {
     if (event.persist) {
       event.persist();
@@ -399,6 +245,11 @@ var InputBase = function InputBase(_ref) {
   };
   var inputBaseInputStyle = inputProps == null ? void 0 : inputProps.getStyle(_InputBaseProps.default.ruleNames.input);
   var errorTextStyle = inputProps == null ? void 0 : inputProps.getStyle(_InputBaseProps.default.ruleNames.errorText);
+  var _React$useState = _react.default.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    inputText = _React$useState2[0],
+    setInputText = _React$useState2[1];
+  var textToDisplay = inputText != null ? inputText : value;
   _react.default.useEffect(function () {
     if (inputText === null || window.bypassDebounce === true) {
       return;
@@ -420,31 +271,13 @@ var InputBase = function InputBase(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputText, metadata, timeoutDelay, update, value]);
-  if (onKeyDown) {
-    if (inputAttributes.onKeyDown) {
-      var originalKeyDown = inputAttributes.onKeyDown;
-      inputAttributes.onKeyDown = function (event) {
-        originalKeyDown(event);
-        if (!event.isDefaultPrevented()) {
-          onKeyDown(event);
-        }
-      };
-    } else {
-      inputAttributes.onKeyDown = onKeyDown;
-    }
-  }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.container
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.inputContainer
   }, label && /*#__PURE__*/_react.default.createElement("label", {
     className: "".concat(classes.prepend, " ").concat(disabled && classes.disabledPrepend)
-  }, label), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: "flex"
-    },
-    className: "InputBase-input-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_InputBase.default, {
+  }, label), /*#__PURE__*/_react.default.createElement(_InputBase.default, {
     classes: {
       input: (0, _classnames.default)(classes.controlInput, inputBaseInputStyle),
       error: classes.errorInput,
@@ -458,7 +291,6 @@ var InputBase = function InputBase(_ref) {
     placeholder: placeholder,
     value: textToDisplay,
     fullWidth: true,
-    onWheel: onWheel,
     onChange: function onChange(event) {
       return onChangeHandler(event);
     },
@@ -472,14 +304,14 @@ var InputBase = function InputBase(_ref) {
     minRows: rows,
     title: tooltipText,
     autoComplete: autoComplete
-  }), controlSpecificSuffix)), error && /*#__PURE__*/_react.default.createElement("div", {
+  })), error && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.errorText, errorTextStyle)
   }, error));
 };
-__signature__(InputBase, "useState{[inputText, setInputText](null)}\nuseStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseEffect{}", function () {
+__signature__(InputBase, "useStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
   return [useStyles];
 });
-__signature__(InputBase, "useState{[inputText, setInputText](null)}\nuseStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseEffect{}", function () {
+__signature__(InputBase, "useStyles{classes}\nuseRef{timerId}\nuseEffect{}\nuseState{[inputText, setInputText](null)}\nuseEffect{}", function () {
   return [useStyles];
 });
 var compareInputBase = function compareInputBase(prev, next) {

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

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

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

@@ -185,6 +185,9 @@ __signature__(SelectIconButton, "useStyles{classes}", function () {
 __signature__(SelectIconButton, "useStyles{classes}", function () {
   return [useStyles];
 });
+var renderMultipleValues = function renderMultipleValues(selected) {
+  return selected == null ? void 0 : selected.join(", ");
+};
 var selectEmptyValue = "~~#~~";
 var Select = function Select(_ref) {
   var _selectProps$get;
@@ -212,6 +215,7 @@ var Select = function Select(_ref) {
   var native = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.native);
   var onClose = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.onClose);
   var inputProps = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.inputProps);
+  var multiple = selectProps == null ? void 0 : selectProps.get(_SelectProps.default.propNames.multiple);
   var hasError = !!error;
   if (sortType === _SelectProps.sortTypeEnum.numeric) {
     options.sort(function (a, b) {
@@ -290,6 +294,8 @@ var Select = function Select(_ref) {
     error: hasError,
     native: native,
     inputProps: inputProps,
+    multiple: multiple,
+    renderValue: multiple ? renderMultipleValues : undefined,
     classes: {
       icon: classes.icon,
       root: selectProps == null ? void 0 : selectProps.getStyle(_SelectProps.default.ruleNames.root),
@@ -308,6 +314,8 @@ var Select = function Select(_ref) {
     error: hasError,
     native: native,
     inputProps: inputProps,
+    multiple: multiple,
+    renderValue: multiple ? renderMultipleValues : undefined,
     classes: {
       icon: classes.icon,
       root: selectProps == null ? void 0 : selectProps.getStyle(_SelectProps.default.ruleNames.root),
@@ -345,6 +353,7 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(getIconButtonMenuProps, "getIconButtonMenuProps", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(SelectIcon, "SelectIcon", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(SelectIconButton, "SelectIconButton", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
+  reactHotLoader.register(renderMultipleValues, "renderMultipleValues", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(selectEmptyValue, "selectEmptyValue", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(Select, "Select", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
@@ -365,6 +374,7 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(getIconButtonMenuProps, "getIconButtonMenuProps", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(SelectIcon, "SelectIcon", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(SelectIconButton, "SelectIconButton", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
+  reactHotLoader.register(renderMultipleValues, "renderMultipleValues", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(selectEmptyValue, "selectEmptyValue", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(Select, "Select", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/Select.js");

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

@@ -45,6 +45,7 @@ var SelectProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentProps.set(_this.constructor.propNames.onClose, null);
     _this.componentProps.set(_this.constructor.propNames.native, null);
     _this.componentProps.set(_this.constructor.propNames.inputProps, null);
+    _this.componentProps.set(_this.constructor.propNames.multiple, null);
     _this.componentClasses.set(_this.constructor.ruleNames.root, null);
     _this.componentClasses.set(_this.constructor.ruleNames.paper, null);
     _this._isSelectProps = true;
@@ -71,7 +72,8 @@ _defineProperty(SelectProps, "propNames", {
   error: "error",
   onClose: "onClose",
   native: "native",
-  inputProps: "inputProps"
+  inputProps: "inputProps",
+  multiple: "multiple"
 });
 _defineProperty(SelectProps, "ruleNames", {
   root: "root",

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

@@ -65,7 +65,7 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
     track: {
       backgroundColor: theme.palette.grey.borders,
       opacity: "1 !important",
-      borderRadius: "20px",
+      borderRadius: theme.spacing(2),
       position: "relative",
       "&:before, &:after": {
         display: "inline-block",

package/dist/components/MaterialUI/Navigation/DropDownMenu.js

@@ -3,11 +3,11 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
 var _styles = require("@material-ui/core/styles");
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _Text = _interopRequireDefault(require("../../Text"));
 var _DropDownMenuProps = _interopRequireWildcard(require("./DropDownMenuProps"));
 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); }
@@ -133,9 +133,7 @@ var DropDownMenu = function DropDownMenu(_ref) {
       key: key,
       onClick: onMenuItemClick(action, itemContext),
       disabled: disabled
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-      message: title
-    }));
+    }, typeof title === "string" ? title : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, title));
   })));
 };
 __signature__(DropDownMenu, "useState{[anchorEl, setAnchorEl](null)}\nuseStyles{classes}", function () {

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

@@ -34,7 +34,6 @@ 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),
       display: "flex"
     },
     scopeContainer: {
@@ -86,6 +85,7 @@ var ScopeSelector = function ScopeSelector(_ref) {
   })));
   var scopeSelector = /*#__PURE__*/_react.default.createElement(_Sidepanel.default, {
     className: classes.container,
+    widthSpacing: 50,
     in: show,
     timeout: 300
   }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {

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

@@ -35,19 +35,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       marginLeft: function marginLeft(props) {
         return props.isRootScope ? theme.spacing(1.2) : theme.spacing(3.2);
       }
-      // to hide unnecessary border part
-      // "& > div > div > :last-child": {
-      //   "&:after": {
-      //     content: "''",
-      //     backgroundColor: theme.palette.grey.light,
-      //     position: "absolute",
-      //     top: theme.spacing(1.2),
-      //     left: theme.spacing(-2.1),
-      //     height: "100%",
-      //     bottom: 0,
-      //     width: "1px",
-      //   },
-      // }
     },
     rootIconContainer: {
       marginRight: 0,
@@ -102,42 +89,40 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 var ScopeIcon = exports.ScopeIcon = function ScopeIcon(_ref) {
-  var type = _ref.type;
+  var type = _ref.type,
+    scopeIconClass = _ref.scopeIconClass;
   var classes = useStyles();
   var theme = (0, _styles2.useTheme)();
-  var globalIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: classes.scopeIcon,
-    color: "primary",
-    fontSize: "medium",
-    id: "global-scope"
-  });
-  var virtualIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: classes.scopeIcon,
-    themeColor: theme.palette.grey.dark,
-    fontSize: "medium",
-    id: "virtual-scope"
-  });
-  var salesIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: classes.scopeIcon,
-    color: "primary",
-    fontSize: "medium",
-    id: "sales-scope"
-  });
-  var dependentIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: classes.scopeIcon,
-    themeColor: theme.palette.success.main,
-    fontSize: "medium",
-    id: "dependent-scope"
-  });
+  var iconClass = (0, _classnames.default)(classes.scopeIcon, scopeIconClass);
   switch (type) {
     case _constants.scopeTypes.global:
-      return globalIcon;
+      return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        className: iconClass,
+        color: "primary",
+        fontSize: "medium",
+        id: "global-scope"
+      });
     case _constants.scopeTypes.virtual:
-      return virtualIcon;
+      return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        className: iconClass,
+        themeColor: theme.palette.grey.dark,
+        fontSize: "medium",
+        id: "virtual-scope"
+      });
     case _constants.scopeTypes.sale:
-      return salesIcon;
+      return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        className: iconClass,
+        color: "primary",
+        fontSize: "medium",
+        id: "sales-scope"
+      });
     case _constants.scopeTypes.dependant:
-      return dependentIcon;
+      return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        className: iconClass,
+        themeColor: theme.palette.success.main,
+        fontSize: "medium",
+        id: "dependent-scope"
+      });
     default:
       return null;
   }

package/dist/components/MaterialUI/Surfaces/Paper.js

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

package/dist/components/MaterialUI/Surfaces/SectionExpansionPanel.js

@@ -89,7 +89,8 @@ var SectionExpansionPanel = function SectionExpansionPanel(_ref) {
     actions = _ref.actions,
     expansionPanelId = _ref.expansionPanelId,
     expansionPanelProps = _ref.expansionPanelProps,
-    expansionPanelActionsProps = _ref.expansionPanelActionsProps;
+    expansionPanelActionsProps = _ref.expansionPanelActionsProps,
+    headerClassName = _ref.headerClassName;
   if ((0, _expansionPanelProps.isExpansionPanelProps)(expansionPanelProps) === false) {
     throw new TypeError("expansionPanelProps property is not of type ExpansionPanelProps");
   }
@@ -142,7 +143,7 @@ var SectionExpansionPanel = function SectionExpansionPanel(_ref) {
     }),
     IconButtonProps: defaultSummaryStyles,
     classes: {
-      root: (0, _classnames.default)(classes.summaryRoot, constrained ? classes.constrainedSummaryRoot : ""),
+      root: (0, _classnames.default)(classes.summaryRoot, headerClassName, constrained ? classes.constrainedSummaryRoot : ""),
       expanded: (0, _classnames.default)(classes.panelExpanded),
       content: (0, _classnames.default)(classes.summaryContent, constrained ? classes.constrainedSummaryContent : ""),
       expandIcon: (0, _classnames.default)(classes.summaryExpandIconRoot)

package/dist/components/MaterialUI/muiThemes.js

@@ -2,6 +2,8 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+require("@fontsource/open-sans/latin.css");
+require("@fontsource/roboto-condensed/latin.css");
 var _styles = require("@material-ui/core/styles");
 var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 (function () {

package/dist/components/Provision.js

@@ -5,9 +5,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 var _immutable = require("connected-react-router/immutable");
-var _styledComponents = require("styled-components");
 var _styles = require("@material-ui/core/styles");
-var _utils = require("../utils");
 var _buildStore = require("../buildStore");
 var _Authenticate = _interopRequireDefault(require("./Authenticate"));
 var _DevPages = _interopRequireDefault(require("./DevPages"));
@@ -31,24 +29,45 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["html{height:100%;}body{height:100%;margin:0;overflow:hidden;}#app{height:100%;}"]);
-var Fonts = (0, _styledComponents.createGlobalStyle)(["body{font-family:", ";}"], (0, _utils.getThemeProp)(["fonts", "base"], "sans-serif"));
+var useGlobalStyles = (0, _styles.makeStyles)({
+  "@global": {
+    html: {
+      height: "100%"
+    },
+    body: {
+      height: "100%",
+      margin: 0,
+      overflow: "hidden",
+      fontFamily: function fontFamily(props) {
+        return props.muiTheme.typography.fontFamily;
+      }
+    },
+    "#app": {
+      height: "100%"
+    }
+  }
+});
 var Provision = function Provision(_ref) {
   var store = _ref.store,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? {} : _ref$theme,
     muiTheme = _ref.muiTheme,
     children = _ref.children;
+  useGlobalStyles({
+    muiTheme: muiTheme
+  });
   return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
     store: store
   }, /*#__PURE__*/_react.default.createElement(_immutable.ConnectedRouter, {
     history: _buildStore.history
-  }, /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
-    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, /*#__PURE__*/_react.default.createElement(_Culture.default, null), _react.default.Children.only(children), /*#__PURE__*/_react.default.createElement(_InternetExplorerWarningMessage.default, null))), /*#__PURE__*/_react.default.createElement(_ScopeExtendedConfigurationLoader.default, null))))))));
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Head.default, null), /*#__PURE__*/_react.default.createElement(_Authenticate.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DevPages.default, null, /*#__PURE__*/_react.default.createElement(_I18n.default, null, /*#__PURE__*/_react.default.createElement(_Culture.default, null), _react.default.Children.only(children), /*#__PURE__*/_react.default.createElement(_InternetExplorerWarningMessage.default, null))), /*#__PURE__*/_react.default.createElement(_ScopeExtendedConfigurationLoader.default, null)))))));
 };
+__signature__(Provision, "useGlobalStyles{}", function () {
+  return [useGlobalStyles];
+});
+__signature__(Provision, "useGlobalStyles{}", function () {
+  return [useGlobalStyles];
+});
 var _default = Provision;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -58,8 +77,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(GlobalStyle, "GlobalStyle", "/home/vsts/work/1/s/src/components/Provision.js");
-  reactHotLoader.register(Fonts, "Fonts", "/home/vsts/work/1/s/src/components/Provision.js");
+  reactHotLoader.register(useGlobalStyles, "useGlobalStyles", "/home/vsts/work/1/s/src/components/Provision.js");
   reactHotLoader.register(Provision, "Provision", "/home/vsts/work/1/s/src/components/Provision.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Provision.js");
 })();
@@ -74,8 +92,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(GlobalStyle, "GlobalStyle", "/home/vsts/work/1/s/src/components/Provision.js");
-  reactHotLoader.register(Fonts, "Fonts", "/home/vsts/work/1/s/src/components/Provision.js");
+  reactHotLoader.register(useGlobalStyles, "useGlobalStyles", "/home/vsts/work/1/s/src/components/Provision.js");
   reactHotLoader.register(Provision, "Provision", "/home/vsts/work/1/s/src/components/Provision.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Provision.js");
 })();