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

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");
 })();

package/dist/components/Form/Field.js

@@ -1,13 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.RequiredNotice = exports.Label = exports.FieldBox = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _utils = require("../../utils");
-var _Text = _interopRequireDefault(require("../Text"));
-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 _reactIntl = require("react-intl");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -17,25 +14,49 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-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); }
 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 FieldBox = exports.FieldBox = _styledComponents.default.div.withConfig({
-  displayName: "Field__FieldBox",
-  componentId: "sc-oln5y9-0"
-})(["flex:0 1 auto;display:flex;flex-direction:column;margin-top:20px;position:relative;"]);
-var Label = exports.Label = _styledComponents.default.label.withConfig({
-  displayName: "Field__Label",
-  componentId: "sc-oln5y9-1"
-})(["", " min-height:17px;", ";", ";", ""], (0, _utils.ifFlag)("invalid", (0, _styledComponents.css)(["color:", ";"], (0, _utils.getThemeProp)(["colors", "error"], "#ce4844")), (0, _styledComponents.css)(["color:", ";"], (0, _utils.getThemeProp)(["colors", "textMedium"], "#999999"))), (0, _utils.ifFlag)("center", (0, _styledComponents.css)(["text-align:center;"])), (0, _utils.ifFlag)("labelOnly", "", (0, _styledComponents.css)(["margin-bottom:10px;"])), (0, _utils.ifFlag)("required", (0, _styledComponents.css)(["&::after{content:\" *\";color:#666;}"])));
-var RequiredNotice = exports.RequiredNotice = _styledComponents.default.div.withConfig({
-  displayName: "Field__RequiredNotice",
-  componentId: "sc-oln5y9-2"
-})(["position:absolute;bottom:-1.6em;right:0;color:", ";"], (0, _utils.getThemeProp)(["colors", "error"], "#ce4844"));
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    fieldBox: {
+      flex: "0 1 auto",
+      display: "flex",
+      flexDirection: "column",
+      marginTop: 20,
+      position: "relative"
+    },
+    label: {
+      minHeight: 17,
+      color: theme.palette.text.hint,
+      marginBottom: "10px"
+    },
+    invalidLabel: {
+      color: theme.palette.error.main
+    },
+    centerLabel: {
+      textAlign: "center"
+    },
+    labelOnly: {
+      marginBottom: "0px"
+    },
+    requiredLabel: {
+      "&::after": {
+        content: '" *"',
+        color: "#666"
+      }
+    },
+    requiredNotice: {
+      position: "absolute",
+      bottom: "-1.6em",
+      right: 0,
+      color: theme.palette.error.main
+    }
+  };
+});
 var Field = function Field(_ref) {
   var id = _ref.id,
     label = _ref.label,
@@ -44,21 +65,23 @@ var Field = function Field(_ref) {
     required = _ref.required,
     invalid = _ref.invalid,
     children = _ref.children;
-  var reqFlag = {
-    invalid: invalid
-  };
-  if (required) reqFlag.required = true;
-  return /*#__PURE__*/_react.default.createElement(FieldBox, null, label !== undefined ? /*#__PURE__*/_react.default.createElement(Label, _extends({
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.fieldBox
+  }, label !== undefined ? /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: labelOnly ? undefined : id,
-    labelOnly: labelOnly,
-    id: id + "_label",
-    center: center
-  }, reqFlag), /*#__PURE__*/_react.default.createElement(_Text.default, {
-    message: label
-  })) : null, labelOnly ? null : children, !labelOnly && required && invalid ? /*#__PURE__*/_react.default.createElement(RequiredNotice, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    message: required
-  })) : null);
+    id: "".concat(id, "_label"),
+    className: "".concat(classes.label, " \n\t\t\t\t\t\t").concat(invalid ? classes.invalidLabel : "", "\n\t\t\t\t\t\t").concat(center ? classes.centerLabel : "", "\n\t\t\t\t\t\t").concat(labelOnly ? classes.labelOnly : "", "\n\t\t\t\t\t\t").concat(required ? classes.requiredLabel : "")
+  }, typeof label === "string" ? label : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, label)) : null, labelOnly ? null : children, !labelOnly && required && invalid ? /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.requiredNotice
+  }, typeof required === "string" ? required : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, required)) : null);
 };
+__signature__(Field, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(Field, "useStyles{classes}", function () {
+  return [useStyles];
+});
 var _default = Field;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
@@ -68,9 +91,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(FieldBox, "FieldBox", "/home/vsts/work/1/s/src/components/Form/Field.js");
-  reactHotLoader.register(Label, "Label", "/home/vsts/work/1/s/src/components/Form/Field.js");
-  reactHotLoader.register(RequiredNotice, "RequiredNotice", "/home/vsts/work/1/s/src/components/Form/Field.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Field.js");
   reactHotLoader.register(Field, "Field", "/home/vsts/work/1/s/src/components/Form/Field.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Field.js");
 })();
@@ -85,9 +106,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(FieldBox, "FieldBox", "/home/vsts/work/1/s/src/components/Form/Field.js");
-  reactHotLoader.register(Label, "Label", "/home/vsts/work/1/s/src/components/Form/Field.js");
-  reactHotLoader.register(RequiredNotice, "RequiredNotice", "/home/vsts/work/1/s/src/components/Form/Field.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Field.js");
   reactHotLoader.register(Field, "Field", "/home/vsts/work/1/s/src/components/Form/Field.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Field.js");
 })();

package/dist/components/Form/FieldElements.js

@@ -5,7 +5,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Fieldset = _interopRequireDefault(require("./Fieldset"));
 var _Combination = _interopRequireDefault(require("./Combination"));
-var _FieldList = _interopRequireDefault(require("./FieldList"));
 var _InputField = _interopRequireDefault(require("./InputField"));
 var _excluded = ["fields", "labelOnly", "getUpdater"],
   _excluded2 = ["type", "name", "label"];
@@ -62,16 +61,6 @@ var _FieldElements = function FieldElements(_ref) {
             labelOnly: labelOnly
           }, elementProps, props)));
         }
-      case "List":
-        {
-          return /*#__PURE__*/_react.default.createElement(_FieldList.default, _extends({
-            key: key,
-            name: name,
-            label: label,
-            getUpdater: getUpdater,
-            rowCount: props.rowCount
-          }, elementProps, props));
-        }
       default:
         {
           return /*#__PURE__*/_react.default.createElement(_InputField.default, _extends({