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

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

@@ -32,10 +32,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     positionedButton: {
       width: "max-content",
       position: "relative",
-      padding: "6px 14px !important",
+      padding: "".concat(theme.spacing(0.6, 1.4), " !important"),
       "&:hover": {
         borderColor: "#4fa1f0",
-        boxShadow: "0 0 4px #4fa1f0",
+        boxShadow: "".concat(theme.spacing(0, 0, 0.4), " #4fa1f0"),
         outline: "none",
         backgroundColor: "#f7f7f7 !important"
       },

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/InternetExplorerWarningMessage.js

@@ -27,29 +27,29 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     container: {
       fontFamily: "'Open Sans', sans-serif",
-      fontSize: "14px",
+      fontSize: theme.spacing(1.4),
       background: "rgba(255,255,255,0.85)",
-      maxWidth: "700px",
-      width: "calc(100% - 40px)",
+      maxWidth: theme.spacing(70),
+      width: "calc(100% - ".concat(theme.spacing(4), ")"),
       display: "block",
       top: "50%",
       left: "50%",
       position: "absolute",
-      boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
+      boxShadow: "".concat(theme.spacing(0, 0.4, 0.8, 0), " rgba(0, 0, 0, 0.2), ").concat(theme.spacing(0, 0.6, 2, 0), " rgba(0, 0, 0, 0.19)"),
       transform: "translateY(-50%) translateX(-50%)",
-      padding: "80px",
-      borderRadius: "3px",
+      padding: theme.spacing(8),
+      borderRadius: theme.spacing(0.3),
       "& header": {
-        paddingBottom: "20px",
-        marginBottom: "20px",
+        paddingBottom: theme.spacing(2),
+        marginBottom: theme.spacing(2),
         borderBottom: "1px solid #999",
         "& h1": {
           fontWeight: 400,
-          fontWize: "30px",
+          fontWize: theme.spacing(3),
           marginTop: 0,
-          marginBottom: "5px",
+          marginBottom: theme.spacing(0.5),
           "& p": {
-            fontSize: "16px",
+            fontSize: theme.spacing(1.6),
             margin: 0,
             color: "#999",
             fontWeight: 400
@@ -62,7 +62,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexWrap: "wrap",
       width: "100%",
       boxSizing: "border-box",
-      marginTop: "40px"
+      marginTop: theme.spacing(4)
     },
     gridItem: {
       display: "flex",
@@ -71,16 +71,16 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexDirection: "column"
     },
     browserIconContainer: {
-      width: "48px",
+      width: theme.spacing(4.8),
       textAlign: "center"
     },
     browserIconCaption: {
-      fontSize: "11px",
+      fontSize: theme.spacing(1.1),
       color: "#999"
     },
     browserIcon: {
       stroke: "none",
-      fontSize: "48px"
+      fontSize: theme.spacing(4.8)
     }
   };
 });

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/Modal.js

@@ -48,12 +48,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     containerWide: {
       width: theme.spacing(106.4),
-      height: "calc(100% - 80px)",
+      height: "calc(100% - ".concat(theme.spacing(8), ")"),
       maxHeight: theme.spacing(73)
     },
     containerFullwidth: {
-      width: "calc(100% - 80px)",
-      height: "calc(100% - 80px)"
+      width: "calc(100% - ".concat(theme.spacing(8), ")"),
+      height: "calc(100% - ".concat(theme.spacing(8), ")")
     },
     title: {
       height: theme.spacing(4),

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

@@ -63,18 +63,18 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     textSkeleton: {
       width: "100%",
-      height: 6,
+      height: theme.spacing(0.6),
       animation: false
     },
     chipSkeleton: {
-      width: 60,
-      height: 25,
+      width: theme.spacing(6),
+      height: theme.spacing(2.5),
       animation: false,
-      borderRadius: "15px"
+      borderRadius: theme.spacing(1.5)
     },
     radioSkeleton: {
-      width: 17,
-      height: 17,
+      width: theme.spacing(1.7),
+      height: theme.spacing(1.7),
       animation: false
     },
     root: {

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

@@ -96,7 +96,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     active: {
       backgroundColor: "".concat(theme.palette.primary.dark, " !important"),
-      boxShadow: "inset 10px 0 10px 1px rgba(0,0,0,0.18)",
+      boxShadow: "inset ".concat(theme.spacing(1, 0, 1, 0.1), " rgba(0,0,0,0.18)"),
       "&:after": {
         borderLeftColor: "".concat(theme.palette.primary.dark, " !important")
       }
@@ -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/SelectionList.js

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

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;

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

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

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

@@ -42,7 +42,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         return props.row ? "row" : "column";
       },
       flexWrap: "wrap",
-      marginLeft: "8px"
+      marginLeft: theme.spacing(0.8)
     },
     errorText: {
       marginTop: theme.spacing(0.5),

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

@@ -49,7 +49,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       "&:focus, &:focus-within": {
         borderRadius: theme.shape.borderRadius,
         borderColor: theme.palette.focus,
-        boxShadow: "0 0 4px ".concat(theme.palette.focus),
+        boxShadow: "0 0 ".concat(theme.spacing(0.4), " ").concat(theme.palette.focus),
         outline: "none"
       },
       "& .react-datepicker": {