@pie-lib/config-ui 11.9.24 → 11.10.1-beta.0

package/lib/settings/panel.js

@@ -1,460 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _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 _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 _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; }
-
-var log = (0, _debug["default"])('pie-lib:config-ui:settings:panel');
-var labelValue = {
-  label: _propTypes["default"].string,
-  value: _propTypes["default"].string
-};
-var baseTypes = {
-  label: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  onChange: _propTypes["default"].func
-};
-
-var CheckboxChoice = function CheckboxChoice(_ref) {
-  var label = _ref.label,
-      value = _ref.value,
-      _onChange = _ref.onChange;
-  return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-    checked: value,
-    label: label,
-    onChange: function onChange(event) {
-      _onChange(event.target.checked);
-    }
-  });
-};
-
-CheckboxChoice.propTypes = {
-  label: _propTypes["default"].string,
-  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,
-    direction: "horizontal",
-    customLabel: _settingsRadioLabel["default"],
-    value: value,
-    header: label,
-    opts: choices,
-    onChange: onChange
-  });
-};
-
-Radio.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape(labelValue))
-});
-var StyledRadio = (0, _styles.withStyles)(function (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'
-    }
-  };
-})(Radio);
-var Dropdown = (0, _styles.withStyles)(function (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")
-    }
-  };
-})(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 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,
-    value: value || choices && choices[0],
-    onChange: function onChange(_ref4) {
-      var target = _ref4.target;
-      return _onChange2(target.value);
-    },
-    input: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-      id: "dropdown-".concat(label)
-    }),
-    disableUnderline: true
-  }, 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) {
-  return {
-    field: {
-      marginRight: theme.spacing.unit * 3,
-      marginTop: theme.spacing.unit
-    }
-  };
-})(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) {
-  return {
-    field: {
-      width: '35%',
-      marginRight: theme.spacing.unit * 3,
-      marginTop: theme.spacing.unit
-    },
-    wrapper: {
-      marginTop: theme.spacing.unit / 2,
-      border: '2px solid lightgrey',
-      borderRadius: '4px',
-      padding: "0 ".concat(theme.spacing.unit, "px")
-    }
-  };
-})(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, {
-    label: label || 'Label',
-    value: value,
-    max: max,
-    min: min,
-    onChange: function onChange(ev, value) {
-      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;
-  return /*#__PURE__*/_react["default"].createElement(_toggle["default"], {
-    label: label,
-    checked: !!value,
-    toggle: onChange
-  });
-};
-
-ToggleWrapper.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
-  value: _propTypes["default"].bool
-});
-var tagMap = {
-  toggle: ToggleWrapper,
-  radio: StyledRadio,
-  dropdown: Dropdown,
-  numberField: NumberField,
-  checkbox: CheckboxChoice,
-  textField: TextField
-};
-var Group = (0, _styles.withStyles)(function (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
-    }
-  };
-})(function (props) {
-  var classes = props.classes,
-      model = props.model,
-      label = props.label,
-      group = props.group,
-      configuration = props.configuration,
-      _onChange4 = props.onChange;
-  /**
-   * @param group - the group of settings
-   * @param key - the key(or path) to be used to set or get from model or configuration
-   * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)
-   * @returns tag that corresponds to element type */
-
-  var getTag = function getTag(group, key, innerKey) {
-    var _get = (0, _get2["default"])(group, innerKey || key),
-        isConfigProperty = _get.isConfigProperty,
-        properties = (0, _objectWithoutProperties2["default"])(_get, _excluded);
-
-    var value = isConfigProperty ? (0, _get2["default"])(configuration, key) : (0, _get2["default"])(model, key);
-
-    var tagProps = _objectSpread(_objectSpread({}, properties), {}, {
-      key: key,
-      value: value
-    });
-
-    var Tag = tagMap[tagProps.type];
-    return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
-      key: key
-    }, tagProps, {
-      onChange: function onChange(v) {
-        return _onChange4(key, v, isConfigProperty);
-      }
-    }));
-  };
-
-  var content = function content(group, key) {
-    var currentGroup = group[key];
-
-    if (!currentGroup) {
-      return null;
-    }
-
-    var type = currentGroup.type,
-        label = currentGroup.label,
-        fields = currentGroup.fields,
-        choices = currentGroup.choices;
-
-    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) {
-        return getTag(group, "".concat(key, ".").concat(fieldKey), "".concat(key, ".fields.").concat(fieldKey));
-      }));
-    }
-
-    if (type === 'checkboxes') {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: "checkbox-".concat(label)
-      }, /*#__PURE__*/_react["default"].createElement("p", null, label), Object.keys(choices).map(function (choiceKey) {
-        return getTag(group, "".concat(key, ".").concat(choiceKey), "".concat(key, ".choices.").concat(choiceKey));
-      }));
-    } // 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 content(group, key);
-  }));
-});
-
-var Panel = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Panel, _React$Component);
-
-  var _super = _createSuper(Panel);
-
-  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) {
-      var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      log('[changeModel]', key, value);
-      var _this$props = _this.props,
-          onChangeModel = _this$props.onChangeModel,
-          onChangeConfiguration = _this$props.onChangeConfiguration;
-
-      var model = _objectSpread({}, _this.props.model);
-
-      var configuration = _objectSpread({}, _this.props.configuration);
-
-      if (isConfigProperty) {
-        (0, _set["default"])(configuration, key, value);
-        onChangeConfiguration(configuration, key);
-      } else {
-        (0, _set["default"])(model, key, value);
-        onChangeModel(model, key);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Panel, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          groups = _this$props2.groups,
-          model = _this$props2.model,
-          configuration = _this$props2.configuration,
-          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];
-
-          return !!propVal;
-        });
-
-        if (showGroup) {
-          return /*#__PURE__*/_react["default"].createElement(Group, {
-            label: group,
-            key: group,
-            model: model,
-            configuration: configuration,
-            group: groups[group],
-            onChange: _this2.change
-          });
-        }
-
-        return null;
-      });
-      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,
-  groups: _propTypes["default"].object,
-  onChangeModel: _propTypes["default"].func,
-  onChangeConfiguration: _propTypes["default"].func,
-  modal: _propTypes["default"].object
-});
-(0, _defineProperty2["default"])(Panel, "defaultProps", {
-  onChangeModel: function onChangeModel() {},
-  onChangeConfiguration: function onChangeConfiguration() {}
-});
-var _default = Panel;
-exports["default"] = _default;
-//# sourceMappingURL=panel.js.map

package/lib/settings/panel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/settings/panel.jsx"],"names":["log","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","theme","marginTop","spacing","unit","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","typography","wrapper","border","borderRadius","padding","getItemLabel","l","getItemValue","map","index","TextField","field","marginRight","NumberField","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","textField","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","groups","modal","renderedGroups","showGroup","entries","some","propVal","change","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,kCAAN,CAAZ;AAEA,IAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,sBAAUC,MADA;AAEjBC,EAAAA,KAAK,EAAEF,sBAAUC;AAFA,CAAnB;AAKA,IAAME,SAAS,GAAG;AAChBJ,EAAAA,KAAK,EAAEC,sBAAUC,MADD;AAEhBC,EAAAA,KAAK,EAAEF,sBAAUC,MAFD;AAGhBG,EAAAA,QAAQ,EAAEJ,sBAAUK;AAHJ,CAAlB;;AAMA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAgC;AAAA,MAA7BP,KAA6B,QAA7BA,KAA6B;AAAA,MAAtBG,KAAsB,QAAtBA,KAAsB;AAAA,MAAfE,SAAe,QAAfA,QAAe;AACrD,sBACE,gCAAC,oBAAD;AACE,IAAA,OAAO,EAAEF,KADX;AAEE,IAAA,KAAK,EAAEH,KAFT;AAGE,IAAA,QAAQ,EAAE,kBAACQ,KAAD,EAAW;AACnBH,MAAAA,SAAQ,CAACG,KAAK,CAACC,MAAN,CAAaC,OAAd,CAAR;AACD;AALH,IADF;AASD,CAVD;;AAYAH,cAAc,CAACI,SAAf,GAA2B;AACzBX,EAAAA,KAAK,EAAEC,sBAAUC,MADQ;AAEzBC,EAAAA,KAAK,EAAEF,sBAAUW,IAFQ;AAGzBP,EAAAA,QAAQ,EAAEJ,sBAAUK;AAHK,CAA3B;;AAMA,IAAMO,KAAK,GAAG,SAARA,KAAQ,QAAkD;AAAA,MAA/CC,OAA+C,SAA/CA,OAA+C;AAAA,MAAtCd,KAAsC,SAAtCA,KAAsC;AAAA,MAA/BG,KAA+B,SAA/BA,KAA+B;AAAA,MAAxBE,QAAwB,SAAxBA,QAAwB;AAAA,MAAdU,OAAc,SAAdA,OAAc;AAC9D,sBACE,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAED,OAAO,CAACE,aADrB;AAEE,IAAA,SAAS,EAAC,YAFZ;AAGE,IAAA,WAAW,EAAEC,8BAHf;AAIE,IAAA,KAAK,EAAEd,KAJT;AAKE,IAAA,MAAM,EAAEH,KALV;AAME,IAAA,IAAI,EAAEe,OANR;AAOE,IAAA,QAAQ,EAAEV;AAPZ,IADF;AAWD,CAZD;;AAcAQ,KAAK,CAACF,SAAN,mCAAuBP,SAAvB;AAAkCW,EAAAA,OAAO,EAAEd,sBAAUiB,OAAV,CAAkBjB,sBAAUkB,KAAV,CAAgBpB,UAAhB,CAAlB;AAA3C;AAEA,IAAMqB,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACzCL,IAAAA,aAAa,EAAE;AACbM,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADnB;AAEbC,MAAAA,aAAa,EAAEJ,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAFvB;AAGbE,MAAAA,KAAK,EAAE,MAHM;AAIb,mBAAa;AACXC,QAAAA,KAAK,EAAE,qBADI;AAEXC,QAAAA,SAAS,EAAE,6BAFA;AAGXC,QAAAA,QAAQ,EAAE;AAHC,OAJA;AASb,iBAAW;AACTP,QAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AADvB;AATE,KAD0B;AAczCxB,IAAAA,KAAK,EAAE;AACL8B,MAAAA,OAAO,EAAE;AADJ;AAdkC,GAAZ;AAAA,CAAX,EAiBhBjB,KAjBgB,CAApB;AAmBA,IAAMkB,QAAQ,GAAG,wBAAW,UAACV,KAAD;AAAA,SAAY;AACtCrB,IAAAA,KAAK,EAAE;AACLgC,MAAAA,MAAM,EAAE,CADH;AAELH,MAAAA,QAAQ,EAAER,KAAK,CAACY,UAAN,CAAiBJ;AAFtB,KAD+B;AAKtCK,IAAAA,OAAO,EAAE;AACPZ,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADzB;AAEPW,MAAAA,MAAM,EAAE,qBAFD;AAGPC,MAAAA,YAAY,EAAE,KAHP;AAIPC,MAAAA,OAAO,cAAOhB,KAAK,CAACE,OAAN,CAAcC,IAArB;AAJA;AAL6B,GAAZ;AAAA,CAAX,EAWb,iBAAuD;AAAA,MAApDV,OAAoD,SAApDA,OAAoD;AAAA,MAA3Cd,KAA2C,SAA3CA,KAA2C;AAAA,MAApCG,KAAoC,SAApCA,KAAoC;AAAA,MAA7BE,UAA6B,SAA7BA,QAA6B;AAAA,4BAAnBU,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;;AACzD,MAAMuB,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD;AAAA,WAAQ,OAAOA,CAAP,KAAa,QAAb,GAAwBA,CAAxB,GAA4BA,CAAC,CAACvC,KAAtC;AAAA,GAArB;;AACA,MAAMwC,YAAY,GAAG,SAAfA,YAAe,CAACD,CAAD;AAAA,WAAQ,OAAOA,CAAP,KAAa,QAAb,GAAwBA,CAAxB,GAA4BA,CAAC,CAACpC,KAAtC;AAAA,GAArB;;AACA,sBACE,6CACGH,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAEc,OAAO,CAACd;AAAtB,KAA8BA,KAA9B,CADZ,eAEE,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEc,OAAO,CAACoB,OADrB;AAEE,IAAA,KAAK,EAAE/B,KAAK,IAAKY,OAAO,IAAIA,OAAO,CAAC,CAAD,CAFrC;AAGE,IAAA,QAAQ,EAAE;AAAA,UAAGN,MAAH,SAAGA,MAAH;AAAA,aAAgBJ,UAAQ,CAACI,MAAM,CAACN,KAAR,CAAxB;AAAA,KAHZ;AAIE,IAAA,KAAK,eAAE,gCAAC,iBAAD;AAAO,MAAA,EAAE,qBAAcH,KAAd;AAAT,MAJT;AAKE,IAAA,gBAAgB;AALlB,KAOGe,OAAO,CAAC0B,GAAR,CAAY,UAACF,CAAD,EAAIG,KAAJ;AAAA,wBACX,gCAAC,oBAAD;AAAU,MAAA,GAAG,EAAEA,KAAf;AAAsB,MAAA,KAAK,EAAEF,YAAY,CAACD,CAAD;AAAzC,OACGD,YAAY,CAACC,CAAD,CADf,CADW;AAAA,GAAZ,CAPH,CAFF,CADF;AAkBD,CAhCgB,CAAjB;AAkCAR,QAAQ,CAACpB,SAAT,mCAA0BP,SAA1B;AAAqCW,EAAAA,OAAO,EAAEd,sBAAUiB,OAAV,CAAkBjB,sBAAUC,MAA5B;AAA9C;AAEA,IAAMyC,SAAS,GAAG,wBAAW,UAACtB,KAAD;AAAA,SAAY;AACvCuB,IAAAA,KAAK,EAAE;AACLC,MAAAA,WAAW,EAAExB,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAD7B;AAELF,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC;AAFpB;AADgC,GAAZ;AAAA,CAAX,EAKd,iBAAwB;AAAA,MAArBV,OAAqB,SAArBA,OAAqB;AAAA,MAAZd,KAAY,SAAZA,KAAY;AAC1B,sBAAO,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEc,OAAO,CAAC8B;AAA/B,KAAuC5C,KAAvC,CAAP;AACD,CAPiB,CAAlB;AASA,IAAM8C,WAAW,GAAG,wBAAW,UAACzB,KAAD;AAAA,SAAY;AACzCuB,IAAAA,KAAK,EAAE;AACLlB,MAAAA,KAAK,EAAE,KADF;AAELmB,MAAAA,WAAW,EAAExB,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAF7B;AAGLF,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC;AAHpB,KADkC;AAMzCU,IAAAA,OAAO,EAAE;AACPZ,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADzB;AAEPW,MAAAA,MAAM,EAAE,qBAFD;AAGPC,MAAAA,YAAY,EAAE,KAHP;AAIPC,MAAAA,OAAO,cAAOhB,KAAK,CAACE,OAAN,CAAcC,IAArB;AAJA;AANgC,GAAZ;AAAA,CAAX,EAYhB,iBAAsE;AAAA,MAAnEV,OAAmE,SAAnEA,OAAmE;AAAA,MAA1Dd,KAA0D,SAA1DA,KAA0D;AAAA,MAAnDG,KAAmD,SAAnDA,KAAmD;AAAA,6BAA5CE,QAA4C;AAAA,MAA5CA,UAA4C,+BAAjC,YAAM,CAAE,CAAyB;AAAA,MAAvB0C,MAAuB,SAAvBA,MAAuB;AAAA,MAAfC,GAAe,SAAfA,GAAe;AAAA,MAAVC,GAAU,SAAVA,GAAU;;AACxE,sBACE,gCAAC,sBAAD;AACE,IAAA,KAAK,EAAEjD,KAAK,IAAI,OADlB;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,GAAG,EAAE8C,GAHP;AAIE,IAAA,GAAG,EAAED,GAJP;AAKE,IAAA,QAAQ,EAAE,kBAACE,EAAD,EAAK/C,KAAL;AAAA,aAAeE,UAAQ,CAACF,KAAD,CAAvB;AAAA,KALZ;AAME,IAAA,MAAM,EAAE4C,MANV;AAOE,IAAA,SAAS,EAAEjC,OAAO,CAAC8B,KAPrB;AAQE,IAAA,yBAAyB,MAR3B;AASE,IAAA,cAAc,EAAE9B,OAAO,CAACoB,OAT1B;AAUE,IAAA,gBAAgB;AAVlB,IADF;AAcD,CA3BmB,CAApB;AA6BAY,WAAW,CAACnC,SAAZ,mCACKP,SADL;AAEEU,EAAAA,OAAO,EAAEb,sBAAUkD,MAFrB;AAGEJ,EAAAA,MAAM,EAAE9C,sBAAUC,MAHpB;AAIE8C,EAAAA,GAAG,EAAE/C,sBAAUmD,MAJjB;AAKEH,EAAAA,GAAG,EAAEhD,sBAAUmD,MALjB;AAMEjD,EAAAA,KAAK,EAAEF,sBAAUmD;AANnB;AASAT,SAAS,CAAChC,SAAV,qBACKP,SADL;;AAIA,IAAMiD,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGrD,KAAH,SAAGA,KAAH;AAAA,MAAUG,KAAV,SAAUA,KAAV;AAAA,MAAiBE,QAAjB,SAAiBA,QAAjB;AAAA,sBAAgC,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEL,KAAf;AAAsB,IAAA,OAAO,EAAE,CAAC,CAACG,KAAjC;AAAwC,IAAA,MAAM,EAAEE;AAAhD,IAAhC;AAAA,CAAtB;;AAEAgD,aAAa,CAAC1C,SAAd,mCAA+BP,SAA/B;AAA0CD,EAAAA,KAAK,EAAEF,sBAAUW;AAA3D;AAEA,IAAM0C,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAEF,aADK;AAEbG,EAAAA,KAAK,EAAEpC,WAFM;AAGbqC,EAAAA,QAAQ,EAAE1B,QAHG;AAIb2B,EAAAA,WAAW,EAAEZ,WAJA;AAKba,EAAAA,QAAQ,EAAEpD,cALG;AAMbqD,EAAAA,SAAS,EAAEjB;AANE,CAAf;AASA,IAAMkB,KAAK,GAAG,wBAAW,UAACxC,KAAD;AAAA,SAAY;AACnCyC,IAAAA,KAAK,EAAE;AACL9B,MAAAA,MAAM,gBAASX,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAA9B;AADD,KAD4B;AAInCuC,IAAAA,WAAW,EAAE;AACXpC,MAAAA,KAAK,EAAE,SADI;AAEXE,MAAAA,QAAQ,EAAER,KAAK,CAACY,UAAN,CAAiBJ,QAAjB,GAA4B,CAF3B;AAGXmC,MAAAA,UAAU,EAAE,GAHD;AAIXC,MAAAA,YAAY,EAAE5C,KAAK,CAACE,OAAN,CAAcC;AAJjB,KAJsB;AAUnC0C,IAAAA,YAAY,EAAE;AACZrC,MAAAA,QAAQ,EAAER,KAAK,CAACY,UAAN,CAAiBJ,QADf;AAEZoC,MAAAA,YAAY,EAAE;AAFF;AAVqB,GAAZ;AAAA,CAAX,EAcV,UAACE,KAAD,EAAW;AACb,MAAQrD,OAAR,GAAkEqD,KAAlE,CAAQrD,OAAR;AAAA,MAAiBsD,KAAjB,GAAkED,KAAlE,CAAiBC,KAAjB;AAAA,MAAwBpE,KAAxB,GAAkEmE,KAAlE,CAAwBnE,KAAxB;AAAA,MAA+B8D,KAA/B,GAAkEK,KAAlE,CAA+BL,KAA/B;AAAA,MAAsCO,aAAtC,GAAkEF,KAAlE,CAAsCE,aAAtC;AAAA,MAAqDhE,UAArD,GAAkE8D,KAAlE,CAAqD9D,QAArD;AAEA;AACF;AACA;AACA;AACA;;AACE,MAAMiE,MAAM,GAAG,SAATA,MAAS,CAACR,KAAD,EAAQS,GAAR,EAAaC,QAAb,EAA0B;AACvC,eAA4C,sBAAIV,KAAJ,EAAWU,QAAQ,IAAID,GAAvB,CAA5C;AAAA,QAAQE,gBAAR,QAAQA,gBAAR;AAAA,QAA6BC,UAA7B;;AACA,QAAMvE,KAAK,GAAGsE,gBAAgB,GAAG,sBAAIJ,aAAJ,EAAmBE,GAAnB,CAAH,GAA6B,sBAAIH,KAAJ,EAAWG,GAAX,CAA3D;;AACA,QAAMI,QAAQ,mCAAQD,UAAR;AAAoBH,MAAAA,GAAG,EAAHA,GAApB;AAAyBpE,MAAAA,KAAK,EAALA;AAAzB,MAAd;;AACA,QAAMyE,GAAG,GAAGtB,MAAM,CAACqB,QAAQ,CAACE,IAAV,CAAlB;AAEA,wBAAO,gCAAC,GAAD;AAAK,MAAA,GAAG,EAAEN;AAAV,OAAmBI,QAAnB;AAA6B,MAAA,QAAQ,EAAE,kBAACG,CAAD;AAAA,eAAOzE,UAAQ,CAACkE,GAAD,EAAMO,CAAN,EAASL,gBAAT,CAAf;AAAA;AAAvC,OAAP;AACD,GAPD;;AASA,MAAMM,OAAO,GAAG,SAAVA,OAAU,CAACjB,KAAD,EAAQS,GAAR,EAAgB;AAC9B,QAAMS,YAAY,GAAGlB,KAAK,CAACS,GAAD,CAA1B;;AAEA,QAAI,CAACS,YAAL,EAAmB;AACjB,aAAO,IAAP;AACD;;AAED,QAAQH,IAAR,GAAyCG,YAAzC,CAAQH,IAAR;AAAA,QAAc7E,KAAd,GAAyCgF,YAAzC,CAAchF,KAAd;AAAA,QAAqBiF,MAArB,GAAyCD,YAAzC,CAAqBC,MAArB;AAAA,QAA6BlE,OAA7B,GAAyCiE,YAAzC,CAA6BjE,OAA7B;;AAEA,QAAI8D,IAAI,KAAK,cAAb,EAA6B;AAC3B,0BACE;AAAK,QAAA,GAAG,wBAAiB7E,KAAjB;AAAR,sBACE;AAAG,QAAA,SAAS,EAAEc,OAAO,CAACoD;AAAtB,SAAqClE,KAArC,CADF,EAEGkF,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBxC,GAApB,CAAwB,UAAC2C,QAAD,EAAc;AACrC,eAAOd,MAAM,CAACR,KAAD,YAAWS,GAAX,cAAkBa,QAAlB,aAAiCb,GAAjC,qBAA+Ca,QAA/C,EAAb;AACD,OAFA,CAFH,CADF;AAQD;;AAED,QAAIP,IAAI,KAAK,YAAb,EAA2B;AACzB,0BACE;AAAK,QAAA,GAAG,qBAAc7E,KAAd;AAAR,sBACE,2CAAIA,KAAJ,CADF,EAEGkF,MAAM,CAACC,IAAP,CAAYpE,OAAZ,EAAqB0B,GAArB,CAAyB,UAAC4C,SAAD,EAAe;AACvC,eAAOf,MAAM,CAACR,KAAD,YAAWS,GAAX,cAAkBc,SAAlB,aAAkCd,GAAlC,sBAAiDc,SAAjD,EAAb;AACD,OAFA,CAFH,CADF;AAQD,KA7B6B,CA+B9B;;;AACA,WAAOf,MAAM,CAACR,KAAD,EAAQS,GAAR,CAAb;AACD,GAjCD;;AAmCA,sBACE;AAAK,IAAA,SAAS,EAAEzD,OAAO,CAACgD;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAEhD,OAAO,CAACiD;AAAxB,KAAsC/D,KAAtC,CADF,EAGGkF,MAAM,CAACC,IAAP,CAAYrB,KAAZ,EAAmBrB,GAAnB,CAAuB,UAAC8B,GAAD,EAAS;AAC/B,WAAOQ,OAAO,CAACjB,KAAD,EAAQS,GAAR,CAAd;AACD,GAFA,CAHH,CADF;AASD,CA3Ea,CAAd;;IA6Eae,K;;;;;;;;;;;;;;;+FAeF,UAACf,GAAD,EAAMpE,KAAN,EAA0C;AAAA,UAA7BsE,gBAA6B,uEAAV,KAAU;AACjD3E,MAAAA,GAAG,CAAC,eAAD,EAAkByE,GAAlB,EAAuBpE,KAAvB,CAAH;AAEA,wBAAiD,MAAKgE,KAAtD;AAAA,UAAQoB,aAAR,eAAQA,aAAR;AAAA,UAAuBC,qBAAvB,eAAuBA,qBAAvB;;AACA,UAAMpB,KAAK,qBAAQ,MAAKD,KAAL,CAAWC,KAAnB,CAAX;;AACA,UAAMC,aAAa,qBAAQ,MAAKF,KAAL,CAAWE,aAAnB,CAAnB;;AAEA,UAAII,gBAAJ,EAAsB;AACpB,6BAAIJ,aAAJ,EAAmBE,GAAnB,EAAwBpE,KAAxB;AACAqF,QAAAA,qBAAqB,CAACnB,aAAD,EAAgBE,GAAhB,CAArB;AACD,OAHD,MAGO;AACL,6BAAIH,KAAJ,EAAWG,GAAX,EAAgBpE,KAAhB;AACAoF,QAAAA,aAAa,CAACnB,KAAD,EAAQG,GAAR,CAAb;AACD;AACF,K;;;;;;WAED,kBAAS;AAAA;;AACP,yBAAgD,KAAKJ,KAArD;AAAA,UAAQsB,MAAR,gBAAQA,MAAR;AAAA,UAAgBrB,KAAhB,gBAAgBA,KAAhB;AAAA,UAAuBC,aAAvB,gBAAuBA,aAAvB;AAAA,UAAsCqB,KAAtC,gBAAsCA,KAAtC;AAEA5F,MAAAA,GAAG,CAAC,SAAD,EAAYsE,KAAZ,CAAH;AAEA,UAAMuB,cAAc,GAAGT,MAAM,CAACC,IAAP,CAAYM,MAAM,IAAI,EAAtB,EAA0BhD,GAA1B,CAA8B,UAACqB,KAAD,EAAW;AAC9D,YAAM8B,SAAS,GAAGV,MAAM,CAACW,OAAP,CAAeJ,MAAM,CAAC3B,KAAD,CAArB,EAA8BgC,IAA9B,CAAmC;AAAA;AAAA,cAAIC,OAAJ;;AAAA,iBAAiB,CAAC,CAACA,OAAnB;AAAA,SAAnC,CAAlB;;AAEA,YAAIH,SAAJ,EAAe;AACb,8BACE,gCAAC,KAAD;AACE,YAAA,KAAK,EAAE9B,KADT;AAEE,YAAA,GAAG,EAAEA,KAFP;AAGE,YAAA,KAAK,EAAEM,KAHT;AAIE,YAAA,aAAa,EAAEC,aAJjB;AAKE,YAAA,KAAK,EAAEoB,MAAM,CAAC3B,KAAD,CALf;AAME,YAAA,QAAQ,EAAE,MAAI,CAACkC;AANjB,YADF;AAUD;;AAED,eAAO,IAAP;AACD,OAjBsB,CAAvB;AAmBA,0BACE,6CACGL,cADH,EAEGD,KAFH,CADF;AAMD;;;EA7DwBO,kBAAMC,S;;;iCAApBZ,K,eACQ;AACjBlB,EAAAA,KAAK,EAAEnE,sBAAUkD,MADA;AAEjBkB,EAAAA,aAAa,EAAEpE,sBAAUkD,MAFR;AAGjBsC,EAAAA,MAAM,EAAExF,sBAAUkD,MAHD;AAIjBoC,EAAAA,aAAa,EAAEtF,sBAAUK,IAJR;AAKjBkF,EAAAA,qBAAqB,EAAEvF,sBAAUK,IALhB;AAMjBoF,EAAAA,KAAK,EAAEzF,sBAAUkD;AANA,C;iCADRmC,K,kBAUW;AACpBC,EAAAA,aAAa,EAAE,yBAAM,CAAE,CADH;AAEpBC,EAAAA,qBAAqB,EAAE,iCAAM,CAAE;AAFX,C;eAsDTF,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\nimport Typography from '@material-ui/core/Typography';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n};\n\nconst baseTypes = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n  return (\n    <Checkbox\n      checked={value}\n      label={label}\n      onChange={(event) => {\n        onChange(event.target.checked);\n      }}\n    />\n  );\n};\n\nCheckboxChoice.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n  return (\n    <NChoice\n      className={classes.radioSettings}\n      direction=\"horizontal\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      opts={choices}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles((theme) => ({\n  radioSettings: {\n    marginTop: theme.spacing.unit / 2,\n    paddingBottom: theme.spacing.unit / 2,\n    width: '100%',\n    '& > label': {\n      color: 'rgba(0, 0, 0, 0.89)',\n      transform: 'translate(0, 10px) scale(1)',\n      fontSize: '14px',\n    },\n    '& > div': {\n      marginTop: theme.spacing.unit * 2.5,\n    },\n  },\n  label: {\n    display: 'none',\n  },\n}))(Radio);\n\nconst Dropdown = withStyles((theme) => ({\n  label: {\n    margin: 0,\n    fontSize: theme.typography.fontSize,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange, choices = [] }) => {\n  const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n  const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\n  return (\n    <div>\n      {label && <p className={classes.label}>{label}</p>}\n      <Select\n        className={classes.wrapper}\n        value={value || (choices && choices[0])}\n        onChange={({ target }) => onChange(target.value)}\n        input={<Input id={`dropdown-${label}`} />}\n        disableUnderline\n      >\n        {choices.map((l, index) => (\n          <MenuItem key={index} value={getItemValue(l)}>\n            {getItemLabel(l)}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst TextField = withStyles((theme) => ({\n  field: {\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n}))(({ classes, label }) => {\n  return <Typography className={classes.field}>{label}</Typography>;\n});\n\nconst NumberField = withStyles((theme) => ({\n  field: {\n    width: '35%',\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n  return (\n    <NumberTextField\n      label={label || 'Label'}\n      value={value}\n      max={max}\n      min={min}\n      onChange={(ev, value) => onChange(value)}\n      suffix={suffix}\n      className={classes.field}\n      showErrorWhenOutsideRange\n      inputClassName={classes.wrapper}\n      disableUnderline\n    />\n  );\n});\n\nNumberField.propTypes = {\n  ...baseTypes,\n  classes: PropTypes.object,\n  suffix: PropTypes.string,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  value: PropTypes.number,\n};\n\nTextField.propTypes = {\n  ...baseTypes,\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => <Toggle label={label} checked={!!value} toggle={onChange} />;\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n  toggle: ToggleWrapper,\n  radio: StyledRadio,\n  dropdown: Dropdown,\n  numberField: NumberField,\n  checkbox: CheckboxChoice,\n  textField: TextField,\n};\n\nconst Group = withStyles((theme) => ({\n  group: {\n    margin: `0 0 ${theme.spacing.unit * 2}px 0`,\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: theme.typography.fontSize + 2,\n    fontWeight: 600,\n    marginBottom: theme.spacing.unit,\n  },\n  numberFields: {\n    fontSize: theme.typography.fontSize,\n    marginBottom: 0,\n  },\n}))((props) => {\n  const { classes, model, label, group, configuration, onChange } = props;\n\n  /**\n   * @param group - the group of settings\n   * @param key - the key(or path) to be used to set or get from model or configuration\n   * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n   * @returns tag that corresponds to element type */\n  const getTag = (group, key, innerKey) => {\n    const { isConfigProperty, ...properties } = get(group, innerKey || key);\n    const value = isConfigProperty ? get(configuration, key) : get(model, key);\n    const tagProps = { ...properties, key, value };\n    const Tag = tagMap[tagProps.type];\n\n    return <Tag key={key} {...tagProps} onChange={(v) => onChange(key, v, isConfigProperty)} />;\n  };\n\n  const content = (group, key) => {\n    const currentGroup = group[key];\n\n    if (!currentGroup) {\n      return null;\n    }\n\n    const { type, label, fields, choices } = currentGroup;\n\n    if (type === 'numberFields') {\n      return (\n        <div key={`numberField-${label}`}>\n          <p className={classes.numberFields}>{label}</p>\n          {Object.keys(fields).map((fieldKey) => {\n            return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n          })}\n        </div>\n      );\n    }\n\n    if (type === 'checkboxes') {\n      return (\n        <div key={`checkbox-${label}`}>\n          <p>{label}</p>\n          {Object.keys(choices).map((choiceKey) => {\n            return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n          })}\n        </div>\n      );\n    }\n\n    // if type is toggle, radio, dropdown, numberField or numberText\n    return getTag(group, key);\n  };\n\n  return (\n    <div className={classes.group}>\n      <div className={classes.groupHeader}>{label}</div>\n\n      {Object.keys(group).map((key) => {\n        return content(group, key);\n      })}\n    </div>\n  );\n});\n\nexport class Panel extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    configuration: PropTypes.object,\n    groups: PropTypes.object,\n    onChangeModel: PropTypes.func,\n    onChangeConfiguration: PropTypes.func,\n    modal: PropTypes.object,\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {},\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n\n    const { onChangeModel, onChangeConfiguration } = this.props;\n    const model = { ...this.props.model };\n    const configuration = { ...this.props.configuration };\n\n    if (isConfigProperty) {\n      set(configuration, key, value);\n      onChangeConfiguration(configuration, key);\n    } else {\n      set(model, key, value);\n      onChangeModel(model, key);\n    }\n  };\n\n  render() {\n    const { groups, model, configuration, modal } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([, propVal]) => !!propVal);\n\n      if (showGroup) {\n        return (\n          <Group\n            label={group}\n            key={group}\n            model={model}\n            configuration={configuration}\n            group={groups[group]}\n            onChange={this.change}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return (\n      <div>\n        {renderedGroups}\n        {modal}\n      </div>\n    );\n  }\n}\n\nexport default Panel;\n"],"file":"panel.js"}

package/lib/settings/settings-radio-label.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _default = (0, _styles.withStyles)(function (theme) {
-  return {
-    label: {
-      color: 'rgba(0, 0, 0, 0.89)',
-      fontSize: theme.typography.fontSize - 2,
-      left: '-5px',
-      position: 'relative'
-    }
-  };
-})(function (_ref) {
-  var label = _ref.label,
-      value = _ref.value,
-      checked = _ref.checked,
-      onChange = _ref.onChange,
-      classes = _ref.classes;
-  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-    value: value,
-    classes: classes,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      checked: checked,
-      onChange: onChange
-    }),
-    label: label
-  });
-});
-
-exports["default"] = _default;
-//# sourceMappingURL=settings-radio-label.js.map

package/lib/settings/settings-radio-label.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/settings/settings-radio-label.jsx"],"names":["theme","label","color","fontSize","typography","left","position","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,wBAAW,UAACA,KAAD;AAAA,SAAY;AACpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAAjB,GAA4B,CAFjC;AAGLE,MAAAA,IAAI,EAAE,MAHD;AAILC,MAAAA,QAAQ,EAAE;AAJL;AAD6B,GAAZ;AAAA,CAAX,EAOX;AAAA,MAAGL,KAAH,QAAGA,KAAH;AAAA,MAAUM,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACF,gCAAC,4BAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,OAAO,EAAEG,OAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,OAAO,EAAEF,OAAhB;AAAyB,MAAA,QAAQ,EAAEC;AAAnC,MAHX;AAIE,IAAA,KAAK,EAAER;AAJT,IADE;AAAA,CAPW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport default withStyles((theme) => ({\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize - 2,\n    left: '-5px',\n    position: 'relative',\n  },\n}))(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={classes}\n    control={<Radio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"file":"settings-radio-label.js"}

package/lib/settings/toggle.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
-
-var Toggle = (0, _styles.withStyles)(function (theme) {
-  return {
-    toggle: {
-      display: 'flex',
-      width: '100%',
-      justifyContent: 'space-between'
-    },
-    label: {
-      color: 'rgba(0, 0, 0, 0.89)',
-      fontSize: theme.typography.fontSize,
-      paddingTop: theme.spacing.unit * 2
-    }
-  };
-})(function (_ref) {
-  var checked = _ref.checked,
-      label = _ref.label,
-      toggle = _ref.toggle,
-      classes = _ref.classes;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.toggle
-  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-    className: classes.label
-  }, label), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-    checked: checked,
-    onChange: function onChange(e) {
-      return toggle(e.target.checked);
-    }
-  }));
-});
-Toggle.propTypes = {
-  checked: _propTypes["default"].bool,
-  label: _propTypes["default"].string.isRequired,
-  toggle: _propTypes["default"].func.isRequired
-};
-var _default = Toggle;
-exports["default"] = _default;
-//# sourceMappingURL=toggle.js.map

package/lib/settings/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/settings/toggle.jsx"],"names":["Toggle","theme","toggle","display","width","justifyContent","label","color","fontSize","typography","paddingTop","spacing","unit","checked","classes","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACpCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,KAAK,EAAE,MAFD;AAGNC,MAAAA,cAAc,EAAE;AAHV,KAD4B;AAMpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAEP,KAAK,CAACQ,UAAN,CAAiBD,QAFtB;AAGLE,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,GAAqB;AAH5B;AAN6B,GAAZ;AAAA,CAAX,EAWX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYP,KAAZ,QAAYA,KAAZ;AAAA,MAAmBJ,MAAnB,QAAmBA,MAAnB;AAAA,MAA2BY,OAA3B,QAA2BA,OAA3B;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACZ;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEY,OAAO,CAACR;AAA/B,KAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;AAAQ,IAAA,OAAO,EAAEO,OAAjB;AAA0B,IAAA,QAAQ,EAAE,kBAACE,CAAD;AAAA,aAAOb,MAAM,CAACa,CAAC,CAACC,MAAF,CAASH,OAAV,CAAb;AAAA;AAApC,IAFF,CADE;AAAA,CAXW,CAAf;AAkBAb,MAAM,CAACiB,SAAP,GAAmB;AACjBJ,EAAAA,OAAO,EAAEK,sBAAUC,IADF;AAEjBb,EAAAA,KAAK,EAAEY,sBAAUE,MAAV,CAAiBC,UAFP;AAGjBnB,EAAAA,MAAM,EAAEgB,sBAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMerB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\n\nconst Toggle = withStyles((theme) => ({\n  toggle: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n  },\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize,\n    paddingTop: theme.spacing.unit * 2,\n  },\n}))(({ checked, label, toggle, classes }) => (\n  <div className={classes.toggle}>\n    <InputLabel className={classes.label}>{label}</InputLabel>\n    <Switch checked={checked} onChange={(e) => toggle(e.target.checked)} />\n  </div>\n));\n\nToggle.propTypes = {\n  checked: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  toggle: PropTypes.func.isRequired,\n};\n\nexport default Toggle;\n"],"file":"toggle.js"}