orc-shared 5.10.0-dev.2 → 5.10.0-dev.21

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

@@ -1,10 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.ReadOnlyBlock = exports.ReadOnly = exports.LineLabel = exports.Label = exports.CenterWrapper = void 0;
+exports.default = exports.ReadOnly = exports.LineLabel = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Text = _interopRequireDefault(require("../../Text"));
+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;
@@ -20,41 +20,65 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var CenterWrapper = exports.CenterWrapper = _styledComponents.default.div.withConfig({
-  displayName: "ReadOnly__CenterWrapper",
-  componentId: "sc-48v13b-0"
-})(["min-height:30px;display:flex;align-items:center;"]);
-var ReadOnlyBlock = exports.ReadOnlyBlock = _styledComponents.default.p.withConfig({
-  displayName: "ReadOnly__ReadOnlyBlock",
-  componentId: "sc-48v13b-1"
-})(["margin:0;"]);
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    centerWrapper: {
+      minHeight: 30,
+      display: "flex",
+      alignItems: "center"
+    },
+    readOnlyBlock: {
+      margin: 0
+    },
+    label: {
+      margin: 0,
+      fontSize: 16
+    }
+  };
+});
 var ReadOnly = exports.ReadOnly = function ReadOnly(_ref) {
   var value = _ref.value;
-  return /*#__PURE__*/_react.default.createElement(CenterWrapper, null, /*#__PURE__*/_react.default.createElement(ReadOnlyBlock, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    message: value
-  })));
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.centerWrapper
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: classes.readOnlyBlock
+  }, typeof value === "string" ? value : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, value)));
 };
-var Label = exports.Label = _styledComponents.default.p.withConfig({
-  displayName: "ReadOnly__Label",
-  componentId: "sc-48v13b-2"
-})(["margin:0;font-size:16px;"]);
+__signature__(ReadOnly, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(ReadOnly, "useStyles{classes}", function () {
+  return [useStyles];
+});
 var LineLabel = exports.LineLabel = function LineLabel(_ref2) {
   var value = _ref2.value;
-  return /*#__PURE__*/_react.default.createElement(CenterWrapper, null, /*#__PURE__*/_react.default.createElement(Label, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    message: value
-  })));
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.centerWrapper
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: classes.label
+  }, typeof value === "string" ? value : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, value)));
 };
+__signature__(LineLabel, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(LineLabel, "useStyles{classes}", function () {
+  return [useStyles];
+});
+var _default = ReadOnly;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
 ;
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(CenterWrapper, "CenterWrapper", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
-  reactHotLoader.register(ReadOnlyBlock, "ReadOnlyBlock", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
   reactHotLoader.register(ReadOnly, "ReadOnly", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
-  reactHotLoader.register(Label, "Label", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
   reactHotLoader.register(LineLabel, "LineLabel", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
 })();
 ;
 (function () {
@@ -67,11 +91,10 @@ var LineLabel = exports.LineLabel = function LineLabel(_ref2) {
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(CenterWrapper, "CenterWrapper", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
-  reactHotLoader.register(ReadOnlyBlock, "ReadOnlyBlock", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
   reactHotLoader.register(ReadOnly, "ReadOnly", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
-  reactHotLoader.register(Label, "Label", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
   reactHotLoader.register(LineLabel, "LineLabel", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/ReadOnly.js");
 })();
 ;
 (function () {

package/dist/components/{AppFrame/ApplicationSelector/Header.js → Form/Inputs/Selector.js}

@@ -1,12 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.Wrapper = exports.MenuIcon = void 0;
+exports.selectEventUpdater = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Icon = _interopRequireDefault(require("../../Icon"));
+var _Select = _interopRequireDefault(require("../../MaterialUI/Inputs/Select"));
 var _utils = require("../../../utils");
-var _excluded = ["toggle"];
+var _SelectProps = _interopRequireDefault(require("../../MaterialUI/Inputs/SelectProps"));
+var _excluded = ["value", "options", "update"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -16,7 +16,6 @@ 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
@@ -25,27 +24,29 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var MenuIcon = exports.MenuIcon = (0, _styledComponents.default)(_Icon.default).attrs(function (props) {
-  return {
-    id: (0, _utils.getThemeProp)(["icons", "menu"], "placeholder")(props)
+var selectEventUpdater = exports.selectEventUpdater = (0, _utils.memoize)(function (update) {
+  return function (value) {
+    return update(value);
   };
-}).withConfig({
-  displayName: "Header__MenuIcon",
-  componentId: "sc-qdvtbb-0"
-})(["font-size:24px;margin:auto;"]);
-var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
-  displayName: "Header__Wrapper",
-  componentId: "sc-qdvtbb-1"
-})(["box-sizing:border-box;width:50px;height:100%;padding:0 13px;display:flex;justify-content:center;align-items:center;border-radius:4px;&:hover{background-color:rgba(255,255,255,0.3);}"]);
-var Header = function Header(_ref) {
-  var toggle = _ref.toggle,
+});
+var Selector = function Selector(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    update = _ref.update,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
-    id: "applicationSelectorAnchor",
-    onClick: toggle
-  }, props), /*#__PURE__*/_react.default.createElement(MenuIcon, null));
+  var selectProps = new _SelectProps.default();
+  selectProps.set(_SelectProps.default.propNames.value, value);
+  selectProps.set(_SelectProps.default.propNames.onClose, props.onBlur);
+  selectProps.set(_SelectProps.default.propNames.disabled, props.disabled);
+  selectProps.set(_SelectProps.default.propNames.update, selectEventUpdater(update));
+  var hasError = props.required && !value ? true : false;
+  selectProps.set(_SelectProps.default.propNames.error, hasError);
+  return /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: options,
+    selectProps: selectProps
+  });
 };
-var _default = Header;
+var _default = Selector;
 var _default2 = _default;
 var _default3 = exports.default = _default2;
 ;
@@ -54,10 +55,9 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(MenuIcon, "MenuIcon", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
-  reactHotLoader.register(Header, "Header", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
-  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
+  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");
 })();
 ;
 (function () {
@@ -70,10 +70,9 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(MenuIcon, "MenuIcon", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
-  reactHotLoader.register(Header, "Header", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
-  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/ApplicationSelector/Header.js");
+  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");
 })();
 ;
 (function () {

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

@@ -1,13 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getEventUpdater = exports.TextInput = exports.FormInput = exports.EmailInput = void 0;
+exports.inputEventUpdater = exports.TextInput = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Input = _interopRequireDefault(require("../../Input"));
+var _InputBase = _interopRequireDefault(require("../../MaterialUI/Inputs/InputBase"));
 var _utils = require("../../../utils");
-var _excluded = ["update", "value"],
-  _excluded2 = ["update", "value"];
+var _InputBaseProps = _interopRequireDefault(require("../../MaterialUI/Inputs/InputBaseProps"));
+var _excluded = ["update", "value"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -17,7 +16,6 @@ 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
@@ -26,13 +24,9 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var FormInput = exports.FormInput = (0, _styledComponents.default)(_Input.default).withConfig({
-  displayName: "Text__FormInput",
-  componentId: "sc-6hq9ty-0"
-})(["box-sizing:border-box;flex:0 0 auto;border-radius:4px;min-width:40px;width:100%;&:active,&:focus{z-index:1;}&:invalid{border-color:", ";box-shadow:0 0 4px ", ";}", " &[type=\"date\"],&[type=\"number\"],&[type=\"time\"]{-webkit-appearance:none;-moz-appearance:textfield;}&::-webkit-clear-button,&::-webkit-calendar-picker-indicator{display:none;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}"], (0, _utils.getThemeProp)(["colors", "error"], "#ce4844"), (0, _utils.getThemeProp)(["colors", "error"], "#ce4844"), "" /* These are hacks, work only in Chrome, best not used */);
-var getEventUpdater = exports.getEventUpdater = (0, _utils.memoize)(function (update) {
-  return function (e) {
-    return update(e.target.value);
+var inputEventUpdater = exports.inputEventUpdater = (0, _utils.memoize)(function (update) {
+  return function (input) {
+    return update(input);
   };
 });
 var TextInput = exports.TextInput = function TextInput(_ref) {
@@ -40,24 +34,17 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(FormInput, _extends({
-    type: "text",
-    onChange: getEventUpdater(update)
-  }, props, {
-    value: value
-  }));
-};
-var EmailInput = exports.EmailInput = function EmailInput(_ref2) {
-  var update = _ref2.update,
-    _ref2$value = _ref2.value,
-    value = _ref2$value === void 0 ? "" : _ref2$value,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(FormInput, _extends({
-    type: "email",
-    onChange: getEventUpdater(update)
-  }, props, {
-    value: value
-  }));
+  var inputBaseProps = new _InputBaseProps.default();
+  inputBaseProps.set(_InputBaseProps.default.propNames.value, value);
+  inputBaseProps.set(_InputBaseProps.default.propNames.disabled, props.disabled);
+  inputBaseProps.set(_InputBaseProps.default.propNames.placeholder, props.placeholder);
+  inputBaseProps.set(_InputBaseProps.default.propNames.onBlur, props.onBlur);
+  inputBaseProps.set(_InputBaseProps.default.propNames.update, inputEventUpdater(update));
+  var hasError = props.required && !value ? true : false;
+  inputBaseProps.set(_InputBaseProps.default.propNames.error, hasError);
+  return /*#__PURE__*/_react.default.createElement(_InputBase.default, {
+    inputProps: inputBaseProps
+  });
 };
 ;
 (function () {
@@ -65,10 +52,8 @@ var EmailInput = exports.EmailInput = function EmailInput(_ref2) {
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(FormInput, "FormInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
-  reactHotLoader.register(getEventUpdater, "getEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
+  reactHotLoader.register(inputEventUpdater, "inputEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
   reactHotLoader.register(TextInput, "TextInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
-  reactHotLoader.register(EmailInput, "EmailInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
 })();
 ;
 (function () {
@@ -81,10 +66,8 @@ var EmailInput = exports.EmailInput = function EmailInput(_ref2) {
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(FormInput, "FormInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
-  reactHotLoader.register(getEventUpdater, "getEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
+  reactHotLoader.register(inputEventUpdater, "inputEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
   reactHotLoader.register(TextInput, "TextInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
-  reactHotLoader.register(EmailInput, "EmailInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Text.js");
 })();
 ;
 (function () {

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

@@ -1,14 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getCheckUpdater = exports.SwitchInput = exports.FormCheckbox = exports.CheckboxInput = exports.CenterMiddleWrapper = void 0;
+exports.switchEventUpdater = exports.SwitchInput = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styles = require("@material-ui/core/styles");
 var _utils = require("../../../utils");
-var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
-var _Switch = _interopRequireDefault(require("../../Switch"));
-var _excluded = ["update", "value"],
-  _excluded2 = ["update", "value"];
+var _Switch = _interopRequireDefault(require("../../MaterialUI/Inputs/Switch"));
+var _SwitchProps = _interopRequireDefault(require("../../MaterialUI/Inputs/SwitchProps"));
+var _excluded = ["update", "value"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -18,7 +17,6 @@ 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
@@ -27,47 +25,50 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var FormCheckbox = exports.FormCheckbox = (0, _styledComponents.default)(_Checkbox.default).withConfig({
-  displayName: "Toggles__FormCheckbox",
-  componentId: "sc-u47m6y-0"
-})(["height:30px;display:flex;align-self:flex-start;align-items:center;"]);
-var getCheckUpdater = exports.getCheckUpdater = (0, _utils.memoize)(function (update) {
-  return function (e) {
-    return update(e.target.checked);
+var switchEventUpdater = exports.switchEventUpdater = (0, _utils.memoize)(function (update) {
+  return function (value) {
+    return update(value);
   };
 });
-var CenterMiddleWrapper = exports.CenterMiddleWrapper = _styledComponents.default.div.withConfig({
-  displayName: "Toggles__CenterMiddleWrapper",
-  componentId: "sc-u47m6y-1"
-})(["min-height:30px;display:flex;justify-content:center;align-items:center;"]);
-var CheckboxInput = exports.CheckboxInput = function CheckboxInput(_ref) {
+var useStyles = (0, _styles.makeStyles)({
+  centerMiddleWrapper: {
+    minHeight: 30,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+var SwitchInput = exports.SwitchInput = function SwitchInput(_ref) {
   var update = _ref.update,
     value = _ref.value,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(CenterMiddleWrapper, null, /*#__PURE__*/_react.default.createElement(FormCheckbox, _extends({
-    onChange: getCheckUpdater(update),
-    value: value
-  }, props)));
-};
-var SwitchInput = exports.SwitchInput = function SwitchInput(_ref2) {
-  var update = _ref2.update,
-    value = _ref2.value,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(CenterMiddleWrapper, null, /*#__PURE__*/_react.default.createElement(_Switch.default, _extends({
-    onChange: getCheckUpdater(update),
-    value: value
-  }, props)));
+  var classes = useStyles();
+  var switchProps = new _SwitchProps.default();
+  switchProps.set(_SwitchProps.default.propNames.value, value);
+  switchProps.set(_SwitchProps.default.propNames.onCaption, props.onCaption);
+  switchProps.set(_SwitchProps.default.propNames.offCaption, props.offCaption);
+  switchProps.set(_SwitchProps.default.propNames.disabled, props.disabled);
+  switchProps.set(_SwitchProps.default.propNames.update, switchEventUpdater(update));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.centerMiddleWrapper
+  }, /*#__PURE__*/_react.default.createElement(_Switch.default, {
+    switchProps: switchProps
+  }));
 };
+__signature__(SwitchInput, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(SwitchInput, "useStyles{classes}", function () {
+  return [useStyles];
+});
 ;
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(FormCheckbox, "FormCheckbox", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
-  reactHotLoader.register(getCheckUpdater, "getCheckUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
-  reactHotLoader.register(CenterMiddleWrapper, "CenterMiddleWrapper", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
-  reactHotLoader.register(CheckboxInput, "CheckboxInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
+  reactHotLoader.register(switchEventUpdater, "switchEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
   reactHotLoader.register(SwitchInput, "SwitchInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
 })();
 ;
@@ -81,10 +82,8 @@ var SwitchInput = exports.SwitchInput = function SwitchInput(_ref2) {
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(FormCheckbox, "FormCheckbox", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
-  reactHotLoader.register(getCheckUpdater, "getCheckUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
-  reactHotLoader.register(CenterMiddleWrapper, "CenterMiddleWrapper", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
-  reactHotLoader.register(CheckboxInput, "CheckboxInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
+  reactHotLoader.register(switchEventUpdater, "switchEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
   reactHotLoader.register(SwitchInput, "SwitchInput", "/home/vsts/work/1/s/src/components/Form/Inputs/Toggles.js");
 })();
 ;

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

@@ -2,17 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _Selector = _interopRequireDefault(require("../../Selector"));
+var _Selector = _interopRequireDefault(require("./Selector"));
 var _MultiSelector = _interopRequireDefault(require("../../MultiSelector"));
 var _Button = _interopRequireDefault(require("./Button"));
-var _SmallButton = _interopRequireDefault(require("./SmallButton"));
 var _ReadOnly = require("./ReadOnly");
 var _Toggles = require("./Toggles");
 var _Text = require("./Text");
-var _Number = require("./Number");
 var _Date = require("./Date");
-var _Time = require("./Time");
-var _Translation = _interopRequireDefault(require("./Translation"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -30,19 +26,12 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 var inputs = {
   Button: _Button.default,
-  CheckboxInput: _Toggles.CheckboxInput,
   DateInput: _Date.DateInput,
-  EmailInput: _Text.EmailInput,
-  LineLabel: _ReadOnly.LineLabel,
   MultiSelector: _MultiSelector.default,
-  NumberInput: _Number.NumberInput,
   ReadOnly: _ReadOnly.ReadOnly,
   Selector: _Selector.default,
-  SmallButton: _SmallButton.default,
   SwitchInput: _Toggles.SwitchInput,
-  TextInput: _Text.TextInput,
-  TimeInput: _Time.TimeInput,
-  TranslationInput: _Translation.default
+  TextInput: _Text.TextInput
 };
 var _default = inputs;
 var _default2 = _default;

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

@@ -26,21 +26,26 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     placeholder: {
-      margin: "".concat(theme.spacing(10), " auto")
+      margin: "".concat(theme.spacing(10), " auto"),
+      "& > *": {
+        color: theme.palette.grey.icon
+      }
+    },
+    placeholderError: {
+      "& > *": {
+        color: theme.palette.error.main
+      }
     },
     placeholderImage: {
-      fontSize: theme.spacing(14),
-      color: theme.palette.grey.icon
+      fontSize: theme.spacing(14)
     },
     placeholderTitle: {
       marginTop: theme.spacing(1),
-      fontSize: theme.typography.h1Size,
-      color: theme.palette.grey.icon
+      fontSize: theme.typography.h1Size
     },
     placeholderSubtitle: {
       marginTop: theme.spacing(1),
-      fontSize: theme.typography.h3Size,
-      color: theme.palette.grey.icon
+      fontSize: theme.typography.h3Size
     },
     placeholderRow: {
       alignSelf: "flex-start",
@@ -73,7 +78,18 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       animation: false
     },
     root: {
-      flexGrow: 1
+      flexGrow: 1,
+      display: "flex",
+      flexDirection: "column"
+    },
+    animatePlaceholderImage: {
+      animation: "$rotate 4s linear infinite",
+      margin: "auto"
+    },
+    "@keyframes rotate": {
+      to: {
+        transform: "rotate(1turn)"
+      }
     }
   };
 });
@@ -82,7 +98,11 @@ var Placeholder = function Placeholder(_ref) {
     title = _ref.title,
     subtitle = _ref.subtitle,
     _ref$cellList = _ref.cellList,
-    cellList = _ref$cellList === void 0 ? [] : _ref$cellList;
+    cellList = _ref$cellList === void 0 ? [] : _ref$cellList,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    _ref$animateIcon = _ref.animateIcon,
+    animateIcon = _ref$animateIcon === void 0 ? false : _ref$animateIcon;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.root
@@ -117,9 +137,9 @@ var Placeholder = function Placeholder(_ref) {
     container: true,
     direction: "column",
     alignItems: "center",
-    className: classes.placeholder
+    className: "".concat(classes.placeholder, " ").concat(error ? classes.placeholderError : "")
   }, icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    className: classes.placeholderImage,
+    className: "".concat(classes.placeholderImage, " ").concat(animateIcon ? classes.animatePlaceholderImage : ""),
     id: icon
   }) : null, title ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
     className: classes.placeholderTitle