orc-shared 5.10.0-dev.6 → 5.10.0-dev.8

package/dist/components/AppFrame/Preferences.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.createGetUpdater = exports.clickOutsideHandler = exports.Wrapper = exports.Preferences = exports.PrefPanel = exports.PrefForm = exports.PrefButton = exports.PREFS_NAME = exports.Header = exports.Footer = void 0;
+exports.stateEventUpdater = exports.default = exports.clickOutsideHandler = exports.Wrapper = exports.Preferences = exports.PrefPanel = exports.PrefForm = exports.PrefButton = exports.PREFS_NAME = exports.Header = exports.Footer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactRedux = require("react-redux");
@@ -9,8 +9,6 @@ var _utils = require("../../utils");
 var _Sidepanel = _interopRequireDefault(require("../Sidepanel"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _Form = require("../Form/Form");
-var _FieldElements = _interopRequireDefault(require("../Form/FieldElements"));
 var _useViewState3 = _interopRequireDefault(require("../../hooks/useViewState"));
 var _view = require("../../actions/view");
 var _locale = require("../../actions/locale");
@@ -21,6 +19,9 @@ var _settings = require("../../selectors/settings");
 var _withClickOutside = _interopRequireDefault(require("../../hocs/withClickOutside"));
 var _versionInfo = require("../../actions/versionInfo");
 var _sharedMessages = _interopRequireDefault(require("./../../sharedMessages"));
+var _SelectProps = _interopRequireDefault(require("../MaterialUI/Inputs/SelectProps"));
+var _InformationItem = _interopRequireDefault(require("../MaterialUI/DataDisplay/PredefinedElements/InformationItem"));
+var _Select = _interopRequireDefault(require("../MaterialUI/Inputs/Select"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -30,11 +31,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: 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; } }
@@ -51,7 +47,7 @@ var PREFS_NAME = exports.PREFS_NAME = "__prefsDialog";
 var PrefPanel = exports.PrefPanel = (0, _styledComponents.default)(_Sidepanel.default).withConfig({
   displayName: "Preferences__PrefPanel",
   componentId: "sc-1fqlcmy-0"
-})(["background-color:#f7f7f7;border-left:1px solid ", ";border-top:1px solid ", ";border-top-left-radius:5px;top:40px;box-shadow:-3px 2px 5px 0px rgba(0,0,0,0.2);z-index:9998;"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
+})(["background-color:#f7f7f7;border-left:1px solid ", ";border-top:1px solid ", ";border-top-left-radius:5px;top:40px;box-shadow:-3px 2px 5px 0px rgba(0,0,0,0.2);z-index:9998;transition:right 400ms ease-out;"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
 var Wrapper = exports.Wrapper = (0, _withClickOutside.default)(_styledComponents.default.div.withConfig({
   displayName: "Preferences__Wrapper",
   componentId: "sc-1fqlcmy-1"
@@ -72,28 +68,40 @@ var PrefButton = exports.PrefButton = (0, _styledComponents.default)(_Button.def
   displayName: "Preferences__PrefButton",
   componentId: "sc-1fqlcmy-5"
 })(["margin-right:20px;min-width:110px;"]);
-var createGetUpdater = exports.createGetUpdater = (0, _utils.memoize)(function (update) {
-  return (0, _utils.memoize)(function (name) {
-    return function (value) {
-      return update(name, value);
-    };
-  });
+var stateEventUpdater = exports.stateEventUpdater = (0, _utils.memoize)(function (update, key) {
+  return function (value) {
+    return update(key, value);
+  };
 });
 var usePreferenceSetup = function usePreferenceSetup() {
+  var _viewState$language, _viewState$applicatio;
   var dispatch = (0, _reactRedux.useDispatch)();
   var _useViewState = (0, _useViewState3.default)(PREFS_NAME),
     _useViewState2 = _slicedToArray(_useViewState, 2),
     viewState = _useViewState2[0],
     updateViewState = _useViewState2[1];
+  var initialLanguage = (0, _reactRedux.useSelector)(_locale2.currentLocaleOrDefault);
+  var initialApplication = (0, _reactRedux.useSelector)(_settings.defaultAppId) || "";
+  var languageSelectProps = new _SelectProps.default();
+  languageSelectProps.set(_SelectProps.default.propNames.value, (_viewState$language = viewState.language) != null ? _viewState$language : initialLanguage);
+  languageSelectProps.set(_SelectProps.default.propNames.disabled, false);
+  languageSelectProps.set(_SelectProps.default.propNames.positionOverride, {
+    disablePortal: true
+  });
+  languageSelectProps.set(_SelectProps.default.propNames.update, stateEventUpdater(updateViewState, "language"));
+  var applicationSelectProps = new _SelectProps.default();
+  applicationSelectProps.set(_SelectProps.default.propNames.value, (_viewState$applicatio = viewState.application) != null ? _viewState$applicatio : initialApplication);
+  applicationSelectProps.set(_SelectProps.default.propNames.disabled, false);
+  applicationSelectProps.set(_SelectProps.default.propNames.positionOverride, {
+    disablePortal: true
+  });
+  applicationSelectProps.set(_SelectProps.default.propNames.update, stateEventUpdater(updateViewState, "application"));
   return {
     show: viewState.show,
-    values: _objectSpread({
-      language: (0, _reactRedux.useSelector)(_locale2.currentLocaleOrDefault),
-      application: (0, _reactRedux.useSelector)(_settings.defaultAppId) || ""
-    }, viewState),
-    getUpdater: createGetUpdater(updateViewState),
     languageOptions: (0, _utils.unwrapImmutable)((0, _reactRedux.useSelector)(_locale2.cultureOptionList)),
+    languageSelectProps: languageSelectProps,
     applicationOptions: (0, _utils.unwrapImmutable)((0, _reactRedux.useSelector)(_applications2.localizedAppOptionSelector)),
+    applicationSelectProps: applicationSelectProps,
     clear: function clear() {
       return dispatch((0, _view.setValue)(PREFS_NAME, {
         show: false
@@ -115,10 +123,10 @@ var usePreferenceSetup = function usePreferenceSetup() {
     }
   };
 };
-__signature__(usePreferenceSetup, "useDispatch{dispatch}\nuseViewState{[viewState, updateViewState]}\nuseSelector{}\nuseSelector{}\nuseSelector{}\nuseSelector{}", function () {
+__signature__(usePreferenceSetup, "useDispatch{dispatch}\nuseViewState{[viewState, updateViewState]}\nuseSelector{initialLanguage}\nuseSelector{}\nuseSelector{}\nuseSelector{}", function () {
   return [_reactRedux.useDispatch, _useViewState3.default, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
 });
-__signature__(usePreferenceSetup, "useDispatch{dispatch}\nuseViewState{[viewState, updateViewState]}\nuseSelector{}\nuseSelector{}\nuseSelector{}\nuseSelector{}", function () {
+__signature__(usePreferenceSetup, "useDispatch{dispatch}\nuseViewState{[viewState, updateViewState]}\nuseSelector{initialLanguage}\nuseSelector{}\nuseSelector{}\nuseSelector{}", function () {
   return [_reactRedux.useDispatch, _useViewState3.default, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector];
 });
 var clickOutsideHandler = exports.clickOutsideHandler = function clickOutsideHandler(e) {
@@ -128,12 +136,12 @@ var clickOutsideHandler = exports.clickOutsideHandler = function clickOutsideHan
 var Preferences = exports.Preferences = function Preferences() {
   var _usePreferenceSetup = usePreferenceSetup(),
     show = _usePreferenceSetup.show,
-    getUpdater = _usePreferenceSetup.getUpdater,
     save = _usePreferenceSetup.save,
     clear = _usePreferenceSetup.clear,
     languageOptions = _usePreferenceSetup.languageOptions,
+    languageSelectProps = _usePreferenceSetup.languageSelectProps,
     applicationOptions = _usePreferenceSetup.applicationOptions,
-    values = _usePreferenceSetup.values;
+    applicationSelectProps = _usePreferenceSetup.applicationSelectProps;
   return /*#__PURE__*/_react.default.createElement(PrefPanel, {
     in: show,
     width: "380px",
@@ -142,23 +150,16 @@ var Preferences = exports.Preferences = function Preferences() {
     onClickOutside: clickOutsideHandler
   }, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     message: _sharedMessages.default.preferences
-  })), /*#__PURE__*/_react.default.createElement(PrefForm, null, /*#__PURE__*/_react.default.createElement(_Form.FormContext.Provider, {
-    value: {
-      values: values
-    }
-  }, /*#__PURE__*/_react.default.createElement(_FieldElements.default, {
-    fields: [{
-      label: _sharedMessages.default.displayLanguage,
-      type: "Selector",
-      name: "language",
-      options: languageOptions
-    }, {
-      label: _sharedMessages.default.defaultApp,
-      type: "Selector",
-      name: "application",
-      options: applicationOptions
-    }],
-    getUpdater: getUpdater
+  })), /*#__PURE__*/_react.default.createElement(PrefForm, null, /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+    label: _sharedMessages.default.displayLanguage
+  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: languageOptions,
+    selectProps: languageSelectProps
+  })), /*#__PURE__*/_react.default.createElement(_InformationItem.default, {
+    label: _sharedMessages.default.defaultApp
+  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: applicationOptions,
+    selectProps: applicationSelectProps
   }))), /*#__PURE__*/_react.default.createElement(Footer, null, /*#__PURE__*/_react.default.createElement(PrefButton, {
     id: "cancelPrefs",
     onClick: clear
@@ -172,10 +173,10 @@ var Preferences = exports.Preferences = function Preferences() {
     message: _sharedMessages.default.save
   })))));
 };
-__signature__(Preferences, "usePreferenceSetup{{ show, getUpdater, save, clear, languageOptions, applicationOptions, values }}", function () {
+__signature__(Preferences, "usePreferenceSetup{{ show, save, clear, languageOptions, languageSelectProps, applicationOptions, applicationSelectProps }}", function () {
   return [usePreferenceSetup];
 });
-__signature__(Preferences, "usePreferenceSetup{{ show, getUpdater, save, clear, languageOptions, applicationOptions, values }}", function () {
+__signature__(Preferences, "usePreferenceSetup{{ show, save, clear, languageOptions, languageSelectProps, applicationOptions, applicationSelectProps }}", function () {
   return [usePreferenceSetup];
 });
 var _default = Preferences;
@@ -194,7 +195,7 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(PrefForm, "PrefForm", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(Footer, "Footer", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(PrefButton, "PrefButton", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
-  reactHotLoader.register(createGetUpdater, "createGetUpdater", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
+  reactHotLoader.register(stateEventUpdater, "stateEventUpdater", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(usePreferenceSetup, "usePreferenceSetup", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(clickOutsideHandler, "clickOutsideHandler", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(Preferences, "Preferences", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
@@ -218,7 +219,7 @@ var _default3 = exports.default = _default2;
   reactHotLoader.register(PrefForm, "PrefForm", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(Footer, "Footer", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(PrefButton, "PrefButton", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
-  reactHotLoader.register(createGetUpdater, "createGetUpdater", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
+  reactHotLoader.register(stateEventUpdater, "stateEventUpdater", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(usePreferenceSetup, "usePreferenceSetup", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(clickOutsideHandler, "clickOutsideHandler", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");
   reactHotLoader.register(Preferences, "Preferences", "/home/vsts/work/1/s/src/components/AppFrame/Preferences.js");

package/dist/components/ColumnWrapper.js

@@ -2,7 +2,8 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@material-ui/core/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -18,10 +19,30 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var ColumnWrapper = _styledComponents.default.div.withConfig({
-  displayName: "ColumnWrapper",
-  componentId: "sc-ruup4r-0"
-})(["flex:0 1 100%;display:flex;flex-direction:column;min-height:0;min-width:0;"]);
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    columnWrapper: {
+      flex: "0 1 100%",
+      display: "flex",
+      flexDirection: "column",
+      minHeight: 0,
+      minWidth: 0
+    }
+  };
+});
+var ColumnWrapper = function ColumnWrapper(_ref) {
+  var children = _ref.children;
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.columnWrapper
+  }, children);
+};
+__signature__(ColumnWrapper, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(ColumnWrapper, "useStyles{classes}", function () {
+  return [useStyles];
+});
 var _default = ColumnWrapper;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -31,6 +52,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/ColumnWrapper.js");
   reactHotLoader.register(ColumnWrapper, "ColumnWrapper", "/home/vsts/work/1/s/src/components/ColumnWrapper.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/ColumnWrapper.js");
 })();
@@ -45,6 +67,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/ColumnWrapper.js");
   reactHotLoader.register(ColumnWrapper, "ColumnWrapper", "/home/vsts/work/1/s/src/components/ColumnWrapper.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/ColumnWrapper.js");
 })();

package/dist/components/DropMenu/Menu.js

@@ -1,14 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.List = exports.ItemIcon = exports.Item = exports.Drawer = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styledTransitionGroup = _interopRequireDefault(require("styled-transition-group"));
-var _utils = require("../../utils");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _templateObject;
+var _styles = require("@material-ui/core/styles");
+var _reactIntl = require("react-intl");
+var _Icon = _interopRequireDefault(require("../MaterialUI/DataDisplay/Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -18,58 +15,101 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(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 Drawer = exports.Drawer = _styledTransitionGroup.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tz-index: 19999;\n\tmargin: 4px 0 0;\n\t", ": 0;\n\n\ttransition: opacity ", "ms ease-out;\n\n\t&:enter {\n\t\topacity: 0.01;\n\t}\n\t&:enter-active {\n\t\topacity: 1;\n\t}\n\t&:exit {\n\t\topacity: 1;\n\t}\n\t&:exit-active {\n\t\topacity: 0.01;\n\t}\n"])), (0, _utils.ifFlag)("alignRight", "right", "left"), function (props) {
-  return props.timeout;
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    drawer: {
+      position: "absolute",
+      zIndex: 19999,
+      margin: "4px 0 0",
+      left: function left(props) {
+        return props.alignRight ? "auto" : "0";
+      },
+      right: function right(props) {
+        return props.alignRight ? "0" : "auto";
+      },
+      transition: "opacity 100ms ease-out",
+      "&.enter-active": {
+        opacity: 1,
+        visibility: "visible"
+      },
+      "&.exit-active": {
+        opacity: 0,
+        visibility: "hidden"
+      }
+    },
+    list: {
+      color: theme.palette.text.primary,
+      backgroundColor: "white",
+      border: "1px solid ".concat(theme.palette.text.hint),
+      borderRadius: "5px",
+      listStyleType: "none",
+      padding: "5px 0",
+      margin: "0",
+      fontFamily: "Open Sans, sans-serif",
+      fontSize: "12px",
+      width: "max-content"
+    },
+    item: {
+      boxSizing: "border-box",
+      height: "30px",
+      minWidth: "178px",
+      padding: "9px 12px",
+      display: "flex",
+      alignItems: "center",
+      cursor: "pointer",
+      "&:hover": {
+        backgroundColor: theme.palette.primary.main,
+        color: "white"
+      }
+    },
+    itemIcon: {
+      paddingRight: "11px",
+      fontSize: "17px"
+    }
+  };
 });
-Drawer.defaultProps = {
-  unmountOnExit: true,
-  timeout: 100
-};
-var List = exports.List = _styledComponents.default.ul.withConfig({
-  displayName: "Menu__List",
-  componentId: "sc-hgz6l0-0"
-})(["color:", ";background-color:white;border:1px solid ", ";border-radius:5px;list-style-type:none;padding:5px 0;margin:0;font-family:Open Sans,sans-serif;font-size:12px;width:max-content;"], (0, _utils.getThemeProp)(["colors", "text"], "#333333"), (0, _utils.getThemeProp)(["colors", "border"], "#999999"));
-var Item = exports.Item = _styledComponents.default.li.withConfig({
-  displayName: "Menu__Item",
-  componentId: "sc-hgz6l0-1"
-})(["box-sizing:border-box;height:30px;min-width:178px;padding:9px 12px;display:flex;align-items:center;cursor:pointer;&:hover{background-color:", ";color:white;}"], (0, _utils.getThemeProp)(["colors", "application", "base"], "#ffffff"));
-var ItemIcon = exports.ItemIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
-  displayName: "Menu__ItemIcon",
-  componentId: "sc-hgz6l0-2"
-})(["padding-right:11px;font-size:17px;"]);
 var Menu = function Menu(_ref) {
   var id = _ref.id,
     open = _ref.open,
     menuItems = _ref.menuItems,
     reset = _ref.reset,
     alignRight = _ref.alignRight;
-  return /*#__PURE__*/_react.default.createElement(Drawer, {
-    in: open,
+  var classes = useStyles({
     alignRight: alignRight
-  }, /*#__PURE__*/_react.default.createElement(List, {
-    id: id
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(classes.drawer, " ").concat(open ? "enter-active" : "exit-active")
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    id: id,
+    className: classes.list
   }, menuItems.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(Item, {
+    var _item$label;
+    return /*#__PURE__*/_react.default.createElement("li", {
       id: item.id,
-      key: item.id || (item.label && (0, _utils.safeGet)(item.label, "id")) + (item.icon || ""),
+      key: item.id || ((_item$label = item.label) == null ? void 0 : _item$label.id) + (item.icon || ""),
+      className: classes.item,
       onClick: function onClick(event) {
         reset();
         item.handler(event);
       }
-    }, item.icon ? /*#__PURE__*/_react.default.createElement(ItemIcon, {
-      id: item.icon
-    }) : null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-      message: item.label
-    }));
+    }, item.icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      id: item.icon,
+      className: classes.itemIcon
+    }) : null, typeof item.label === "string" ? item.label : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, item.label));
   })));
 };
+__signature__(Menu, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(Menu, "useStyles{classes}", function () {
+  return [useStyles];
+});
 var _default = Menu;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -79,10 +119,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Drawer, "Drawer", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
-  reactHotLoader.register(List, "List", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
-  reactHotLoader.register(Item, "Item", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
-  reactHotLoader.register(ItemIcon, "ItemIcon", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
   reactHotLoader.register(Menu, "Menu", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
 })();
@@ -97,10 +134,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Drawer, "Drawer", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
-  reactHotLoader.register(List, "List", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
-  reactHotLoader.register(Item, "Item", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
-  reactHotLoader.register(ItemIcon, "ItemIcon", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
   reactHotLoader.register(Menu, "Menu", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/DropMenu/Menu.js");
 })();

package/dist/components/DropMenu/index.js

@@ -1,9 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.Wrapper = exports.Background = exports.AnchorWrapper = void 0;
+exports.default = exports.Wrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styles = require("@material-ui/core/styles");
 var _Menu = _interopRequireDefault(require("./Menu"));
 var _useToggle3 = _interopRequireDefault(require("../../hooks/useToggle"));
 var _withClickOutside = _interopRequireDefault(require("../../hocs/withClickOutside"));
@@ -28,26 +28,34 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var Wrapper = exports.Wrapper = (0, _withClickOutside.default)(_styledComponents.default.div.withConfig({
-  displayName: "DropMenu__Wrapper",
-  componentId: "sc-12nvpch-0"
-})(["position:relative;"]));
-var AnchorWrapper = exports.AnchorWrapper = _styledComponents.default.div.withConfig({
-  displayName: "DropMenu__AnchorWrapper",
-  componentId: "sc-12nvpch-1"
-})([""]);
-var Background = exports.Background = _styledComponents.default.div.withConfig({
-  displayName: "DropMenu__Background",
-  componentId: "sc-12nvpch-2"
-})(["position:absolute;top:0;left:0;bottom:0;right:0;z-index:19998;"]);
-var DropMenu = function DropMenu(_ref) {
-  var id = _ref.id,
-    initOpen = _ref.initOpen,
-    menuItems = _ref.menuItems,
-    alignRight = _ref.alignRight,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    children = _ref.children;
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    wrapper: {
+      position: "relative"
+    }
+  };
+});
+var Wrapper = exports.Wrapper = (0, _withClickOutside.default)(_react.default.forwardRef(__signature__(__signature__(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "".concat(classes.wrapper, " ").concat(className ? className : "")
+  }, children);
+}, "useStyles{classes}", function () {
+  return [useStyles];
+}), "useStyles{classes}", function () {
+  return [useStyles];
+})));
+var DropMenu = function DropMenu(_ref2) {
+  var id = _ref2.id,
+    initOpen = _ref2.initOpen,
+    menuItems = _ref2.menuItems,
+    alignRight = _ref2.alignRight,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    children = _ref2.children;
   var _useToggle = (0, _useToggle3.default)(initOpen),
     _useToggle2 = _slicedToArray(_useToggle, 3),
     open = _useToggle2[0],
@@ -56,10 +64,9 @@ var DropMenu = function DropMenu(_ref) {
   return /*#__PURE__*/_react.default.createElement(Wrapper, {
     className: className,
     onClickOutside: reset
-  }, /*#__PURE__*/_react.default.createElement(AnchorWrapper, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: id + "Anchor",
-    onClick: toggle,
-    open: open
+    onClick: toggle
   }, _react.default.Children.map(children, function (child) {
     return typeof child === "object" ? _react.default.cloneElement(child, {
       open: open
@@ -87,9 +94,8 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
   reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
-  reactHotLoader.register(AnchorWrapper, "AnchorWrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
-  reactHotLoader.register(Background, "Background", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
   reactHotLoader.register(DropMenu, "DropMenu", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
 })();
@@ -104,9 +110,8 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
   reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
-  reactHotLoader.register(AnchorWrapper, "AnchorWrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
-  reactHotLoader.register(Background, "Background", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
   reactHotLoader.register(DropMenu, "DropMenu", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
 })();

package/dist/components/Form/Combination.js

@@ -1,12 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.CombiningRow = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Field = _interopRequireWildcard(require("./Field"));
-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 _styles = require("@material-ui/core/styles");
+var _Field = _interopRequireDefault(require("./Field"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -16,31 +14,62 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: 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); }
 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 CombiningRow = exports.CombiningRow = _styledComponents.default.div.withConfig({
-  displayName: "Combination__CombiningRow",
-  componentId: "sc-yii6w9-0"
-})(["display:flex;flex-direction:row;& > ", "{margin-top:0;margin-right:15px;}& > ", ":last-child{margin-right:0;}", ";"], _Field.FieldBox, _Field.FieldBox, function (props) {
-  return props.proportions.map(function (width, index) {
-    return width ? (0, _styledComponents.css)(["& > ", ":nth-child(", "){flex:", ";}"], _Field.FieldBox, index + 1, typeof width === "string" ? "0 0 " + width : "0 1 " + width + "%") : "";
-  });
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    combiningRow: function combiningRow(props) {
+      var flexStyles = props.proportions.reduce(function (styles, width, index) {
+        if (width) {
+          styles["& > *:nth-child(".concat(index + 1, ")")] = {
+            flex: typeof width === "string" ? "0 0 ".concat(width) : "0 1 ".concat(width, "%")
+          };
+        }
+        return styles;
+      }, {});
+      return _objectSpread({
+        display: "flex",
+        flexDirection: "row",
+        "& > *": {
+          marginTop: 0,
+          marginRight: 15
+        },
+        "& > :last-child": {
+          marginRight: 0
+        }
+      }, flexStyles);
+    }
+  };
 });
 var CombinationField = function CombinationField(_ref) {
   var label = _ref.label,
     children = _ref.children,
     _ref$proportions = _ref.proportions,
     proportions = _ref$proportions === void 0 ? [] : _ref$proportions;
+  var classes = useStyles({
+    proportions: proportions
+  });
   return /*#__PURE__*/_react.default.createElement(_Field.default, {
     label: label
-  }, /*#__PURE__*/_react.default.createElement(CombiningRow, {
-    proportions: proportions
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.combiningRow
   }, children));
 };
+__signature__(CombinationField, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(CombinationField, "useStyles{classes}", function () {
+  return [useStyles];
+});
 var _default = CombinationField;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -50,7 +79,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(CombiningRow, "CombiningRow", "/home/vsts/work/1/s/src/components/Form/Combination.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Combination.js");
   reactHotLoader.register(CombinationField, "CombinationField", "/home/vsts/work/1/s/src/components/Form/Combination.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Combination.js");
 })();
@@ -65,7 +94,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(CombiningRow, "CombiningRow", "/home/vsts/work/1/s/src/components/Form/Combination.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Combination.js");
   reactHotLoader.register(CombinationField, "CombinationField", "/home/vsts/work/1/s/src/components/Form/Combination.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Combination.js");
 })();