orc-shared 5.99.0-dev.1 → 5.99.0-dev.10

package/dist/components/AppFrame/About.js

@@ -42,21 +42,21 @@ var ABOUT_NAME = exports.ABOUT_NAME = "__aboutBox";
 var getModalRoot = function getModalRoot() {
   return document.getElementById("modal");
 };
-var useStyles = (0, _styles.makeStyles)(function () {
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     aboutBox: function aboutBox(props) {
       return {
         boxSizing: "border-box",
         zIndex: 9999,
         position: "absolute",
-        top: "calc(50% - 210px)",
-        left: "calc(50% - 210px)",
-        height: "420px",
-        width: "420px",
-        padding: "15px 20px",
+        top: "calc(50% - ".concat(theme.spacing(21), ")"),
+        left: "calc(50% - ".concat(theme.spacing(21), ")"),
+        height: theme.spacing(42),
+        width: theme.spacing(42),
+        padding: theme.spacing(1.5, 2),
         color: "#ffffff",
-        fontSize: "13px",
-        lineHeight: "16px",
+        fontSize: theme.spacing(1.3),
+        lineHeight: theme.spacing(1.6),
         background: "#0a0a07 url(".concat(props.bgImage, ")"),
         "&.enter-active": {
           opacity: 1,
@@ -74,8 +74,8 @@ var useStyles = (0, _styles.makeStyles)(function () {
       zIndex: 9999,
       position: "absolute",
       color: "#ffffff",
-      top: "15px",
-      right: "20px",
+      top: theme.spacing(1.5),
+      right: theme.spacing(2),
       margin: "0",
       cursor: "pointer",
       opacity: "1",
@@ -88,13 +88,13 @@ var useStyles = (0, _styles.makeStyles)(function () {
       textDecoration: "none"
     },
     aboutParagraph: {
-      marginTop: "20px"
+      marginTop: theme.spacing(2)
     },
     longAboutParagraph: function longAboutParagraph(props) {
       var _props$lang;
       return {
-        marginTop: "20px",
-        fontSize: (_props$lang = props.lang) != null && _props$lang.toLowerCase().startsWith("fr") ? "10px" : undefined
+        marginTop: theme.spacing(2),
+        fontSize: (_props$lang = props.lang) != null && _props$lang.toLowerCase().startsWith("fr") ? theme.spacing(1) : undefined
       };
     }
   };

package/dist/components/AppFrame/Anchor.js

@@ -28,12 +28,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         cursor: "pointer",
         boxSizing: "border-box",
         fontFamily: theme.typography.button.fontFamily,
-        fontSize: "12px",
+        fontSize: theme.spacing(1.2),
         textTransform: "uppercase",
-        height: "40px",
-        minWidth: "180px",
-        paddingTop: "14px",
-        paddingRight: "14px",
+        height: theme.spacing(4),
+        minWidth: theme.spacing(18),
+        paddingTop: theme.spacing(1.4),
+        paddingRight: theme.spacing(1.4),
         color: props.open ? theme.palette.primary.light : theme.palette.text.disabled,
         "&:hover": {
           color: theme.palette.primary.light
@@ -42,8 +42,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     indicator: function indicator(props) {
       return {
-        fontSize: "12px",
-        padding: "0 11px",
+        fontSize: theme.spacing(1.2),
+        padding: theme.spacing(0, 1.1),
         color: props.open ? theme.palette.text.disabled : theme.palette.primary.light
       };
     }

package/dist/components/AppFrame/AppFrame.js

@@ -65,15 +65,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       return {
         overflow: "hidden",
         backgroundColor: "white",
-        borderTopLeftRadius: "10px",
-        height: "calc(100% - 40px)",
+        borderTopLeftRadius: theme.spacing(1),
+        height: "calc(100% - ".concat(theme.spacing(4), ")"),
         position: "absolute",
         bottom: 0,
         right: 0,
         display: "flex",
         flexDirection: "column",
         transition: "width 0.3s ease-out",
-        width: props.toggleOpen ? "calc(100% - 200px)" : "calc(100% - 50px)"
+        width: props.toggleOpen ? "calc(100% - ".concat(theme.spacing(20), ")") : "calc(100% - ".concat(theme.spacing(5), ")")
       };
     }
   };

package/dist/components/AppFrame/Help.js

@@ -25,13 +25,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     helpLink: {
       fontFamily: theme.typography.button.fontFamily,
-      fontSize: "12px",
+      fontSize: theme.spacing(1.2),
       textTransform: "uppercase",
       color: theme.palette.grey.borders,
-      width: "40px",
+      width: theme.spacing(4),
       cursor: "pointer",
-      paddingTop: "14px",
-      paddingRight: "10px",
+      paddingTop: theme.spacing(1.4),
+      paddingRight: theme.spacing(1),
       textDecoration: "none",
       "&:hover": {
         color: theme.palette.primary.light

package/dist/components/AppFrame/MenuItem.js

@@ -36,8 +36,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       return {
         display: "block",
         position: "relative",
-        padding: "0 10px",
-        marginBottom: "35px",
+        padding: theme.spacing(0, 1),
+        marginBottom: theme.spacing(3.5),
         textDecoration: "none",
         cursor: "pointer",
         color: props.active ? theme.palette.primary.light : theme.palette.text.hint,
@@ -50,10 +50,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       var toastColor = (0, _toastHelper.getToastColor)(theme, props.alertType);
       return {
         borderRadius: "50%",
-        border: "4px solid ".concat(toastColor),
+        border: "".concat(theme.spacing(0.4), " solid ").concat(toastColor),
         position: "absolute",
         top: 0,
-        left: "27px",
+        left: theme.spacing(2.7),
         visibility: "hidden",
         "&.show": {
           visibility: "visible"
@@ -65,15 +65,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       return {
         position: "absolute",
         zIndex: 10000,
-        top: "calc(-10px - 0.7em)",
-        left: "22px",
+        top: "calc(".concat(theme.spacing(-1), " - 0.7em)"),
+        left: theme.spacing(2.2),
         width: "max-content",
-        borderRadius: "5px",
-        padding: "10px 15px",
-        boxShadow: "0 2px 4px 0 rgba(0, 0, 0, 0.5)",
+        borderRadius: theme.spacing(0.5),
+        padding: theme.spacing(1, 1.5),
+        boxShadow: "".concat(theme.spacing(0, 0.2, 0.4, 0), " rgba(0, 0, 0, 0.5)"),
         color: theme.palette.grey.light,
         backgroundColor: toastColor,
-        fontSize: "11px",
+        fontSize: theme.spacing(1.1),
         fontWeight: "bold",
         lineHeight: 1.2,
         transition: "transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 100ms 50ms ease-out",
@@ -82,7 +82,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         "&::before": {
           content: "",
           position: "absolute",
-          top: "calc(10px + 0.2em)",
+          top: "calc(".concat(theme.spacing(1), " + 0.2em)"),
           left: "-0.9em",
           border: "solid transparent",
           borderWidth: "0.4em 0.9em 0.4em 0",
@@ -96,7 +96,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     menuIcon: function menuIcon(props) {
       return {
-        fontSize: "24px",
+        fontSize: theme.spacing(2.4),
         verticalAlign: "middle",
         color: props.active ? theme.palette.primary.light : theme.palette.text.hint
       };
@@ -104,10 +104,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     label: function label(props) {
       return {
         fontFamily: theme.typography.button.fontFamily,
-        fontSize: "13px",
+        fontSize: theme.spacing(1.3),
         verticalAlign: "middle",
         textTransform: "uppercase",
-        paddingLeft: "10px",
+        paddingLeft: theme.spacing(1),
         transition: "opacity 0.3s ease-out",
         opacity: props.showLabel ? 1 : 0
       };

package/dist/components/AppFrame/Preferences.js

@@ -50,19 +50,19 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       backgroundColor: "#f7f7f7",
       borderLeft: "1px solid ".concat(theme.palette.grey.borders),
       borderTop: "1px solid ".concat(theme.palette.grey.borders),
-      borderTopLeftRadius: "5px",
-      top: "40px",
-      boxShadow: "-3px 2px 5px 0px rgba(0, 0, 0, 0.2)",
+      borderTopLeftRadius: theme.spacing(0.5),
+      top: theme.spacing(4),
+      boxShadow: "".concat(theme.spacing(-0.3, 0.2, 0.5, 0), " rgba(0, 0, 0, 0.2)"),
       zIndex: 9998,
       transition: "right 400ms ease-out"
     },
     header: {
       flex: "0 0 auto",
       borderBottom: "1px solid ".concat(theme.palette.grey.borders),
-      borderTopLeftRadius: "5px",
-      padding: "15px 30px",
-      height: "18px",
-      fontSize: "15px",
+      borderTopLeftRadius: theme.spacing(0.5),
+      padding: theme.spacing(1.5, 3),
+      height: theme.spacing(1.8),
+      fontSize: theme.spacing(1.5),
       fontFamily: theme.typography.button.fontFamily,
       textTransform: "uppercase",
       color: theme.palette.primary.main,
@@ -72,8 +72,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flex: "1 1 auto",
       display: "flex",
       flexDirection: "column",
-      padding: "20px 30px",
-      fontSize: "12px"
+      padding: theme.spacing(2, 3),
+      fontSize: theme.spacing(1.2)
     },
     footer: {
       flex: "0 0 auto",
@@ -82,12 +82,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       justifyContent: "flex-end",
       backgroundColor: "#ffffff",
       borderTop: "1px solid ".concat(theme.palette.grey.borders),
-      paddingRight: "10px",
-      height: "60px"
+      paddingRight: theme.spacing(1),
+      height: theme.spacing(6)
     },
     prefButton: {
-      marginRight: "20px",
-      minWidth: "110px"
+      marginRight: theme.spacing(2),
+      minWidth: theme.spacing(11)
     },
     wrapper: {
       display: "flex",
@@ -185,7 +185,7 @@ var Preferences = exports.Preferences = function Preferences() {
     applicationSelectProps = _usePreferenceSetup.applicationSelectProps;
   return /*#__PURE__*/_react.default.createElement(_Sidepanel.default, {
     in: show,
-    width: "380px",
+    widthSpacing: 38,
     timeout: 400,
     className: classes.prefPanel
   }, /*#__PURE__*/_react.default.createElement(Wrapper, {

package/dist/components/AppFrame/Sidebar.js

@@ -32,9 +32,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     bar: {
       boxSizing: "border-box",
-      paddingTop: "60px",
-      height: "calc(100% - 40px)",
-      width: "200px",
+      paddingTop: theme.spacing(6),
+      height: "calc(100% - ".concat(theme.spacing(4), ")"),
+      width: theme.spacing(20),
       display: "flex",
       flexDirection: "column",
       justifyContent: "flex-start",
@@ -42,9 +42,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     logoSvg: {
       flex: "0 0 auto",
-      margin: "auto 12.5px 7px",
-      height: "25px",
-      width: "25px",
+      margin: "auto ".concat(theme.spacing(1.25, 0.7)),
+      height: theme.spacing(2.5),
+      width: theme.spacing(2.5),
       fillRule: "evenodd",
       clipRule: "evenodd",
       fill: "#666666"

package/dist/components/AppFrame/Topbar.js

@@ -48,7 +48,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     wrapper: {
-      height: "40px",
+      height: theme.spacing(4),
       color: theme.palette.text.hint,
       display: "flex",
       justifyContent: "space-between"
@@ -63,16 +63,16 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       backgroundColor: "#000000",
       color: theme.palette.primary.light,
       fontFamily: theme.typography.button.fontFamily,
-      fontSize: "14px",
+      fontSize: theme.spacing(1.4),
       textTransform: "uppercase",
-      paddingRight: "20px",
-      paddingLeft: "6px",
+      paddingRight: theme.spacing(2),
+      paddingLeft: theme.spacing(0.6),
       display: "flex",
       alignItems: "center"
     },
     appLogo: {
-      height: "30px",
-      marginRight: "10px"
+      height: theme.spacing(3),
+      marginRight: theme.spacing(1)
     },
     qaContainerColor: {
       backgroundColor: "#9F0F18",

package/dist/components/DropMenu/Menu.js

@@ -26,7 +26,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     drawer: {
       position: "absolute",
       zIndex: 19999,
-      margin: "4px 0 0",
+      margin: theme.spacing(0.4, 0, 0),
       left: function left(props) {
         return props.alignRight ? "auto" : "0";
       },
@@ -47,19 +47,19 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       color: theme.palette.text.primary,
       backgroundColor: "white",
       border: "1px solid ".concat(theme.palette.text.hint),
-      borderRadius: "5px",
+      borderRadius: theme.spacing(0.5),
       listStyleType: "none",
-      padding: "5px 0",
+      padding: theme.spacing(0.5, 0),
       margin: "0",
       fontFamily: "Open Sans, sans-serif",
-      fontSize: "12px",
+      fontSize: theme.spacing(1.2),
       width: "max-content"
     },
     item: {
       boxSizing: "border-box",
-      height: "30px",
-      minWidth: "178px",
-      padding: "9px 12px",
+      height: theme.spacing(3),
+      minWidth: theme.spacing(17.8),
+      padding: theme.spacing(0.9, 1.2),
       display: "flex",
       alignItems: "center",
       cursor: "pointer",
@@ -69,8 +69,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       }
     },
     itemIcon: {
-      paddingRight: "11px",
-      fontSize: "17px"
+      paddingRight: theme.spacing(1.1),
+      fontSize: theme.spacing(1.7)
     }
   };
 });

package/dist/components/Form/Field.js

@@ -26,13 +26,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flex: "0 1 auto",
       display: "flex",
       flexDirection: "column",
-      marginTop: 20,
+      marginTop: theme.spacing(2),
       position: "relative"
     },
     label: {
-      minHeight: 17,
+      minHeight: theme.spacing(1.7),
       color: theme.palette.text.hint,
-      marginBottom: "10px"
+      marginBottom: theme.spacing(1)
     },
     invalidLabel: {
       color: theme.palette.error.main
@@ -41,7 +41,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       textAlign: "center"
     },
     labelOnly: {
-      marginBottom: "0px"
+      marginBottom: 0
     },
     requiredLabel: {
       "&::after": {

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/Form/Inputs/MultiSelector.js

@@ -1,12 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.selectEventUpdater = exports.default = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
 var _Select = _interopRequireDefault(require("../../MaterialUI/Inputs/Select"));
-var _utils = require("../../../utils");
 var _SelectProps = _interopRequireDefault(require("../../MaterialUI/Inputs/SelectProps"));
-var _excluded = ["value", "options", "update"];
+var _sharedMessages = _interopRequireDefault(require("../../../sharedMessages"));
+var _excluded = ["value", "width", "options", "update", "addClearSelectAll", "multipleRenderValue"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -24,29 +25,81 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var selectEventUpdater = exports.selectEventUpdater = (0, _utils.memoize)(function (update) {
-  return function (value) {
-    return update(value);
-  };
-});
+var clearValue = "__#Clear#__";
+var selectAllValue = "__#SelectAll#__";
 var MultiSelector = function MultiSelector(_ref) {
   var value = _ref.value,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 700 : _ref$width,
     options = _ref.options,
     update = _ref.update,
+    addClearSelectAll = _ref.addClearSelectAll,
+    multipleRenderValue = _ref.multipleRenderValue,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var valueUpdater = function valueUpdater(value) {
+    if (value.indexOf(clearValue) >= 0) {
+      update([]);
+    } else if (value.indexOf(selectAllValue) >= 0) {
+      update(options.map(function (x) {
+        return x.value;
+      }));
+    } else {
+      update(value);
+    }
+  };
   var selectProps = new _SelectProps.default();
+  var selectionOptions = [];
+  if (addClearSelectAll) {
+    if (value.length > 0) {
+      selectionOptions.push({
+        label: formatMessage(_sharedMessages.default.clear),
+        value: clearValue
+      });
+    }
+    if (value.length !== options.length) {
+      selectionOptions.push({
+        label: formatMessage(_sharedMessages.default.selectAll),
+        value: selectAllValue
+      });
+    }
+  }
+  var allOptions = [].concat(selectionOptions, options);
   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));
+  selectProps.set(_SelectProps.default.propNames.multipleSelectWidth, width);
+  selectProps.set(_SelectProps.default.propNames.update, valueUpdater);
+  selectProps.set(_SelectProps.default.propNames.autoWidth, false);
+  selectProps.set(_SelectProps.default.propNames.autoFocus, false);
+  selectProps.set(_SelectProps.default.propNames.renderValue, multipleRenderValue ? function () {
+    return multipleRenderValue(value, options);
+  } : null);
+  selectProps.set(_SelectProps.default.propNames.positionOverride, {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    }
+  });
   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,
+    options: allOptions,
     selectProps: selectProps
   });
 };
+__signature__(MultiSelector, "useIntl{{ formatMessage }}", function () {
+  return [_reactIntl.useIntl];
+});
+__signature__(MultiSelector, "useIntl{{ formatMessage }}", function () {
+  return [_reactIntl.useIntl];
+});
 var _default = MultiSelector;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -56,7 +109,8 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(clearValue, "clearValue", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(selectAllValue, "selectAllValue", "/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");
 })();
@@ -71,7 +125,8 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(clearValue, "clearValue", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(selectAllValue, "selectAllValue", "/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");
 })();

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

@@ -1,10 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.selectEventUpdater = exports.default = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 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 }; }
@@ -24,11 +23,6 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var selectEventUpdater = exports.selectEventUpdater = (0, _utils.memoize)(function (update) {
-  return function (value) {
-    return update(value);
-  };
-});
 var Selector = function Selector(_ref) {
   var value = _ref.value,
     options = _ref.options,
@@ -38,7 +32,18 @@ var Selector = function Selector(_ref) {
   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.update, selectEventUpdater(update));
+  selectProps.set(_SelectProps.default.propNames.update, update);
+  selectProps.set(_SelectProps.default.propNames.autoWidth, false);
+  selectProps.set(_SelectProps.default.propNames.positionOverride, {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    }
+  });
   var hasError = props.required && !value ? true : false;
   selectProps.set(_SelectProps.default.propNames.error, hasError);
   return /*#__PURE__*/_react.default.createElement(_Select.default, {
@@ -55,7 +60,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
 })();
@@ -70,7 +74,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
 })();