@pie-lib/config-ui 12.0.0-beta.5 → 12.0.0-next.0

package/lib/settings/index.js

@@ -14,9 +14,9 @@ exports.toggle = exports.textField = exports.radio = exports.numberFields = expo
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _panel = _interopRequireDefault(require("./panel"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var textField = function textField(label) {
+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) { (0, _defineProperty2["default"])(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; }
+var textField = exports.textField = function textField(label) {
   var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return {
     label: label,
@@ -24,16 +24,16 @@ var textField = function textField(label) {
     isConfigProperty: isConfigProperty
   };
 };
-exports.textField = textField;
-var toggle = function toggle(label) {
+var toggle = exports.toggle = function toggle(label) {
   var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var disabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return {
     type: 'toggle',
     label: label,
-    isConfigProperty: isConfigProperty
+    isConfigProperty: isConfigProperty,
+    disabled: disabled
   };
 };
-exports.toggle = toggle;
 var toChoice = function toChoice(opt) {
   if (typeof opt === 'string') {
     return {
@@ -44,7 +44,7 @@ var toChoice = function toChoice(opt) {
     return opt;
   }
 };
-var radio = function radio() {
+var radio = exports.radio = function radio() {
   var args = Array.prototype.slice.call(arguments);
   var _args = (0, _slicedToArray2["default"])(args, 3),
     label = _args[0],
@@ -60,8 +60,7 @@ var radio = function radio() {
     isConfigProperty: isConfigProperty
   };
 };
-exports.radio = radio;
-var dropdown = function dropdown(label, choices) {
+var dropdown = exports.dropdown = function dropdown(label, choices) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return {
     type: 'dropdown',
@@ -70,8 +69,7 @@ var dropdown = function dropdown(label, choices) {
     isConfigProperty: isConfigProperty
   };
 };
-exports.dropdown = dropdown;
-var numberField = function numberField(label, options) {
+var numberField = exports.numberField = function numberField(label, options) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, options), {}, {
     label: label,
@@ -79,8 +77,7 @@ var numberField = function numberField(label, options) {
     isConfigProperty: isConfigProperty
   });
 };
-exports.numberField = numberField;
-var numberFields = function numberFields(label, fields) {
+var numberFields = exports.numberFields = function numberFields(label, fields) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   Object.keys(fields).map(function (key) {
     fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);
@@ -91,8 +88,7 @@ var numberFields = function numberFields(label, fields) {
     fields: fields
   };
 };
-exports.numberFields = numberFields;
-var checkbox = function checkbox(label, settings) {
+var checkbox = exports.checkbox = function checkbox(label, settings) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, settings), {}, {
     label: label,
@@ -100,8 +96,7 @@ var checkbox = function checkbox(label, settings) {
     isConfigProperty: isConfigProperty
   });
 };
-exports.checkbox = checkbox;
-var checkboxes = function checkboxes(label, choices) {
+var checkboxes = exports.checkboxes = function checkboxes(label, choices) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   Object.keys(choices).map(function (key) {
     choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);
@@ -112,5 +107,4 @@ var checkboxes = function checkboxes(label, choices) {
     choices: choices
   };
 };
-exports.checkboxes = checkboxes;
 //# sourceMappingURL=index.js.map

package/lib/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_panel","_interopRequireDefault","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","textField","label","isConfigProperty","undefined","type","exports","toggle","toChoice","opt","value","radio","args","Array","prototype","slice","call","_args","_slicedToArray2","choices","_args$","map","o","dropdown","numberField","options","numberFields","fields","checkbox","settings","checkboxes"],"sources":["../../src/settings/index.js"],"sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const textField = (label, isConfigProperty = true) => ({\n  label,\n  type: 'textField',\n  isConfigProperty,\n});\n\nexport const toggle = (label, isConfigProperty = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n});\n\nconst toChoice = (opt) => {\n  if (typeof opt === 'string') {\n    return { label: opt, value: opt };\n  } else {\n    return opt;\n  }\n};\n\nexport const radio = function() {\n  const args = Array.prototype.slice.call(arguments);\n  const [label, choices, isConfigProperty = false] = args;\n\n  return {\n    type: 'radio',\n    label,\n    choices: choices && choices.map((o) => toChoice(o)),\n    isConfigProperty,\n  };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n  return {\n    type: 'dropdown',\n    label,\n    choices,\n    isConfigProperty,\n  };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n  ...options,\n  label,\n  type: 'numberField',\n  isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n  Object.keys(fields).map((key) => {\n    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n  });\n\n  return {\n    type: 'numberFields',\n    label,\n    fields,\n  };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n  ...settings,\n  label,\n  type: 'checkbox',\n  isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n  Object.keys(choices).map((key) => {\n    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n  });\n\n  return {\n    type: 'checkboxes',\n    label,\n    choices,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_panel","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","textField","exports","label","isConfigProperty","undefined","type","toggle","disabled","toChoice","opt","value","radio","args","Array","prototype","slice","call","_args","_slicedToArray2","choices","_args$","map","dropdown","numberField","options","numberFields","fields","key","checkbox","settings","checkboxes"],"sources":["../../src/settings/index.js"],"sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const textField = (label, isConfigProperty = true) => ({\n  label,\n  type: 'textField',\n  isConfigProperty,\n});\n\nexport const toggle = (label, isConfigProperty = false, disabled = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n  disabled,\n});\n\nconst toChoice = (opt) => {\n  if (typeof opt === 'string') {\n    return { label: opt, value: opt };\n  } else {\n    return opt;\n  }\n};\n\nexport const radio = function() {\n  const args = Array.prototype.slice.call(arguments);\n  const [label, choices, isConfigProperty = false] = args;\n\n  return {\n    type: 'radio',\n    label,\n    choices: choices && choices.map((o) => toChoice(o)),\n    isConfigProperty,\n  };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n  return {\n    type: 'dropdown',\n    label,\n    choices,\n    isConfigProperty,\n  };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n  ...options,\n  label,\n  type: 'numberField',\n  isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n  Object.keys(fields).map((key) => {\n    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n  });\n\n  return {\n    type: 'numberFields',\n    label,\n    fields,\n  };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n  ...settings,\n  label,\n  type: 'checkbox',\n  isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n  Object.keys(choices).map((key) => {\n    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n  });\n\n  return {\n    type: 'checkboxes',\n    label,\n    choices,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/settings/panel.js

@@ -8,33 +8,32 @@ exports["default"] = exports.Panel = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _styles = require("@mui/material/styles");
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _Input = _interopRequireDefault(require("@mui/material/Input"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _debug = _interopRequireDefault(require("debug"));
 var _toggle = _interopRequireDefault(require("./toggle"));
 var _twoChoice = require("../two-choice");
 var _settingsRadioLabel = _interopRequireDefault(require("./settings-radio-label"));
-var _index = require("../index");
+var _numberTextField = _interopRequireDefault(require("../number-text-field"));
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _excluded = ["isConfigProperty"];
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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) { (0, _defineProperty2["default"])(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; }
 var log = (0, _debug["default"])('pie-lib:config-ui:settings:panel');
 var labelValue = {
   label: _propTypes["default"].string,
@@ -62,14 +61,29 @@ CheckboxChoice.propTypes = {
   value: _propTypes["default"].bool,
   onChange: _propTypes["default"].func
 };
-var Radio = function Radio(_ref2) {
-  var classes = _ref2.classes,
-    label = _ref2.label,
-    value = _ref2.value,
-    onChange = _ref2.onChange,
-    choices = _ref2.choices;
-  return /*#__PURE__*/_react["default"].createElement(_twoChoice.NChoice, {
-    className: classes.radioSettings,
+var StyledNChoice = (0, _styles.styled)(_twoChoice.NChoice)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    marginTop: theme.spacing(0.5),
+    paddingBottom: theme.spacing(0.5),
+    width: '100%',
+    '& > label': {
+      color: 'rgba(0, 0, 0, 0.89)',
+      transform: 'translate(0, 10px) scale(1)',
+      fontSize: '18px',
+      marginTop: theme.spacing(2.5)
+    },
+    '& > div': {
+      marginTop: theme.spacing(2.5)
+    }
+  };
+});
+var Radio = function Radio(_ref3) {
+  var label = _ref3.label,
+    value = _ref3.value,
+    onChange = _ref3.onChange,
+    choices = _ref3.choices;
+  return /*#__PURE__*/_react["default"].createElement(StyledNChoice, {
     direction: "horizontal",
     customLabel: _settingsRadioLabel["default"],
     value: value,
@@ -81,113 +95,97 @@ var Radio = function Radio(_ref2) {
 Radio.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   choices: _propTypes["default"].arrayOf(_propTypes["default"].shape(labelValue))
 });
-var StyledRadio = (0, _styles.withStyles)(function (theme) {
+var StyledRadio = Radio;
+var StyledLabel = (0, _styles.styled)('p')(function (_ref4) {
+  var theme = _ref4.theme;
   return {
-    radioSettings: {
-      marginTop: theme.spacing.unit / 2,
-      paddingBottom: theme.spacing.unit / 2,
-      width: '100%',
-      '& > label': {
-        color: 'rgba(0, 0, 0, 0.89)',
-        transform: 'translate(0, 10px) scale(1)',
-        fontSize: '14px'
-      },
-      '& > div': {
-        marginTop: theme.spacing.unit * 2.5
-      }
-    },
-    label: {
-      display: 'none'
-    }
+    margin: 0,
+    fontSize: theme.typography.fontSize
   };
-})(Radio);
-var Dropdown = (0, _styles.withStyles)(function (theme) {
+});
+var StyledSelect = (0, _styles.styled)(_Select["default"])(function (_ref5) {
+  var theme = _ref5.theme;
   return {
-    label: {
-      margin: 0,
-      fontSize: theme.typography.fontSize
-    },
-    wrapper: {
-      marginTop: theme.spacing.unit / 2,
-      border: '2px solid lightgrey',
-      borderRadius: '4px',
-      padding: "0 ".concat(theme.spacing.unit, "px")
-    }
+    marginTop: theme.spacing(0.5),
+    border: '2px solid lightgrey',
+    padding: "0 ".concat(theme.spacing(1)),
+    borderRadius: '4px'
   };
-})(function (_ref3) {
-  var classes = _ref3.classes,
-    label = _ref3.label,
-    value = _ref3.value,
-    _onChange2 = _ref3.onChange,
-    _ref3$choices = _ref3.choices,
-    choices = _ref3$choices === void 0 ? [] : _ref3$choices;
+});
+var Dropdown = function Dropdown(_ref6) {
+  var label = _ref6.label,
+    value = _ref6.value,
+    _onChange2 = _ref6.onChange,
+    _ref6$choices = _ref6.choices,
+    choices = _ref6$choices === void 0 ? [] : _ref6$choices;
   var getItemLabel = function getItemLabel(l) {
     return typeof l === 'string' ? l : l.label;
   };
   var getItemValue = function getItemValue(l) {
     return typeof l === 'string' ? l : l.value;
   };
-  return /*#__PURE__*/_react["default"].createElement("div", null, label && /*#__PURE__*/_react["default"].createElement("p", {
-    className: classes.label
-  }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    className: classes.wrapper,
+  return /*#__PURE__*/_react["default"].createElement("div", null, label && /*#__PURE__*/_react["default"].createElement(StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(StyledSelect, {
     value: value || choices && choices[0],
-    onChange: function onChange(_ref4) {
-      var target = _ref4.target;
+    onChange: function onChange(_ref7) {
+      var target = _ref7.target;
       return _onChange2(target.value);
     },
     input: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
       id: "dropdown-".concat(label)
     }),
-    disableUnderline: true
+    disableUnderline: true,
+    MenuProps: {
+      transitionDuration: {
+        enter: 225,
+        exit: 195
+      }
+    }
   }, choices.map(function (l, index) {
     return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
       key: index,
       value: getItemValue(l)
     }, getItemLabel(l));
   })));
-});
+};
 Dropdown.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   choices: _propTypes["default"].arrayOf(_propTypes["default"].string)
 });
-var TextField = (0, _styles.withStyles)(function (theme) {
+var StyledTypography = (0, _styles.styled)(_Typography["default"])(function (_ref8) {
+  var theme = _ref8.theme;
   return {
-    field: {
-      marginRight: theme.spacing.unit * 3,
-      marginTop: theme.spacing.unit
-    }
+    marginRight: theme.spacing(3),
+    marginTop: theme.spacing(1)
   };
-})(function (_ref5) {
-  var classes = _ref5.classes,
-    label = _ref5.label;
-  return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    className: classes.field
-  }, label);
 });
-var NumberField = (0, _styles.withStyles)(function (theme) {
+var TextField = function TextField(_ref9) {
+  var label = _ref9.label;
+  return /*#__PURE__*/_react["default"].createElement(StyledTypography, null, label);
+};
+var StyledNumberTextField = (0, _styles.styled)(_numberTextField["default"])(function (_ref0) {
+  var theme = _ref0.theme;
   return {
-    field: {
-      width: '35%',
-      marginRight: theme.spacing.unit * 3,
-      marginTop: theme.spacing.unit
-    },
-    wrapper: {
-      marginTop: theme.spacing.unit / 2,
+    width: '35%',
+    marginRight: theme.spacing(3),
+    marginTop: theme.spacing(1),
+    '& .MuiInputBase-root': {
+      marginTop: theme.spacing(0.5),
       border: '2px solid lightgrey',
       borderRadius: '4px',
-      padding: "0 ".concat(theme.spacing.unit, "px")
+      padding: "0 ".concat(theme.spacing(1)),
+      backgroundColor: 'transparent'
     }
   };
-})(function (_ref6) {
-  var classes = _ref6.classes,
-    label = _ref6.label,
-    value = _ref6.value,
-    _ref6$onChange = _ref6.onChange,
-    _onChange3 = _ref6$onChange === void 0 ? function () {} : _ref6$onChange,
-    suffix = _ref6.suffix,
-    min = _ref6.min,
-    max = _ref6.max;
-  return /*#__PURE__*/_react["default"].createElement(_index.NumberTextField, {
+});
+var NumberField = function NumberField(_ref1) {
+  var label = _ref1.label,
+    value = _ref1.value,
+    _ref1$onChange = _ref1.onChange,
+    _onChange3 = _ref1$onChange === void 0 ? function () {} : _ref1$onChange,
+    suffix = _ref1.suffix,
+    min = _ref1.min,
+    max = _ref1.max;
+  return /*#__PURE__*/_react["default"].createElement(StyledNumberTextField, {
+    variant: 'standard',
     label: label || 'Label',
     value: value,
     max: max,
@@ -196,27 +194,26 @@ var NumberField = (0, _styles.withStyles)(function (theme) {
       return _onChange3(value);
     },
     suffix: suffix,
-    className: classes.field,
     showErrorWhenOutsideRange: true,
-    inputClassName: classes.wrapper,
     disableUnderline: true
   });
-});
+};
 NumberField.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
-  classes: _propTypes["default"].object,
   suffix: _propTypes["default"].string,
   min: _propTypes["default"].number,
   max: _propTypes["default"].number,
   value: _propTypes["default"].number
 });
 TextField.propTypes = _objectSpread({}, baseTypes);
-var ToggleWrapper = function ToggleWrapper(_ref7) {
-  var label = _ref7.label,
-    value = _ref7.value,
-    onChange = _ref7.onChange;
+var ToggleWrapper = function ToggleWrapper(_ref10) {
+  var disabled = _ref10.disabled,
+    label = _ref10.label,
+    value = _ref10.value,
+    onChange = _ref10.onChange;
   return /*#__PURE__*/_react["default"].createElement(_toggle["default"], {
     label: label,
     checked: !!value,
+    disabled: !!disabled,
     toggle: onChange
   });
 };
@@ -231,25 +228,30 @@ var tagMap = {
   checkbox: CheckboxChoice,
   textField: TextField
 };
-var Group = (0, _styles.withStyles)(function (theme) {
+var StyledGroup = (0, _styles.styled)('div')(function (_ref11) {
+  var theme = _ref11.theme;
   return {
-    group: {
-      margin: "0 0 ".concat(theme.spacing.unit * 2, "px 0")
-    },
-    groupHeader: {
-      color: '#495B8F',
-      fontSize: theme.typography.fontSize + 2,
-      fontWeight: 600,
-      marginBottom: theme.spacing.unit
-    },
-    numberFields: {
-      fontSize: theme.typography.fontSize,
-      marginBottom: 0
-    }
+    margin: "0 0 ".concat(theme.spacing(2), " 0")
+  };
+});
+var StyledGroupHeader = (0, _styles.styled)('div')(function (_ref12) {
+  var theme = _ref12.theme;
+  return {
+    color: '#495B8F',
+    fontSize: theme.typography.fontSize + 2,
+    fontWeight: 600,
+    marginBottom: theme.spacing(1)
   };
-})(function (props) {
-  var classes = props.classes,
-    model = props.model,
+});
+var StyledNumberFields = (0, _styles.styled)('p')(function (_ref13) {
+  var theme = _ref13.theme;
+  return {
+    fontSize: theme.typography.fontSize,
+    marginBottom: 0
+  };
+});
+var Group = function Group(props) {
+  var model = props.model,
     label = props.label,
     group = props.group,
     configuration = props.configuration,
@@ -290,9 +292,7 @@ var Group = (0, _styles.withStyles)(function (theme) {
     if (type === 'numberFields') {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "numberField-".concat(label)
-      }, /*#__PURE__*/_react["default"].createElement("p", {
-        className: classes.numberFields
-      }, label), Object.keys(fields).map(function (fieldKey) {
+      }, /*#__PURE__*/_react["default"].createElement(StyledNumberFields, null, label), Object.keys(fields).map(function (fieldKey) {
         return getTag(group, "".concat(key, ".").concat(fieldKey), "".concat(key, ".fields.").concat(fieldKey));
       }));
     }
@@ -307,25 +307,26 @@ var Group = (0, _styles.withStyles)(function (theme) {
     // if type is toggle, radio, dropdown, numberField or numberText
     return getTag(group, key);
   };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.group
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.groupHeader
-  }, label), Object.keys(group).map(function (key) {
+  return /*#__PURE__*/_react["default"].createElement(StyledGroup, null, /*#__PURE__*/_react["default"].createElement(StyledGroupHeader, null, label), Object.keys(group).map(function (key) {
     return content(group, key);
   }));
-});
-var Panel = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Panel, _React$Component);
-  var _super = _createSuper(Panel);
+};
+Group.propTypes = {
+  model: _propTypes["default"].object,
+  label: _propTypes["default"].string,
+  group: _propTypes["default"].object,
+  configuration: _propTypes["default"].object,
+  onChange: _propTypes["default"].func
+};
+var Panel = exports.Panel = /*#__PURE__*/function (_React$Component) {
   function Panel() {
     var _this;
     (0, _classCallCheck2["default"])(this, Panel);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "change", function (key, value) {
+    _this = _callSuper(this, Panel, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "change", function (key, value) {
       var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       log('[changeModel]', key, value);
       var _this$props = _this.props,
@@ -343,7 +344,8 @@ var Panel = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2["default"])(Panel, [{
+  (0, _inherits2["default"])(Panel, _React$Component);
+  return (0, _createClass2["default"])(Panel, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -354,9 +356,9 @@ var Panel = /*#__PURE__*/function (_React$Component) {
         modal = _this$props2.modal;
       log('render:', model);
       var renderedGroups = Object.keys(groups || {}).map(function (group) {
-        var showGroup = Object.entries(groups[group]).some(function (_ref8) {
-          var _ref9 = (0, _slicedToArray2["default"])(_ref8, 2),
-            propVal = _ref9[1];
+        var showGroup = Object.entries(groups[group]).some(function (_ref14) {
+          var _ref15 = (0, _slicedToArray2["default"])(_ref14, 2),
+            propVal = _ref15[1];
           return !!propVal;
         });
         if (showGroup) {
@@ -374,9 +376,7 @@ var Panel = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", null, renderedGroups, modal);
     }
   }]);
-  return Panel;
 }(_react["default"].Component);
-exports.Panel = Panel;
 (0, _defineProperty2["default"])(Panel, "propTypes", {
   model: _propTypes["default"].object,
   configuration: _propTypes["default"].object,
@@ -389,6 +389,5 @@ exports.Panel = Panel;
   onChangeModel: function onChangeModel() {},
   onChangeConfiguration: function onChangeConfiguration() {}
 });
-var _default = Panel;
-exports["default"] = _default;
+var _default = exports["default"] = Panel;
 //# sourceMappingURL=panel.js.map