@pie-lib/config-ui 11.10.0-beta.2 → 11.10.0-beta.3

package/lib/tabs/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Tabs = void 0;
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
+
+var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+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; } }
+
+var Tabs = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Tabs, _React$Component);
+
+  var _super = _createSuper(Tabs);
+
+  function Tabs(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Tabs);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event, value) {
+      _this.setState({
+        value: value
+      });
+    });
+    _this.state = {
+      value: 0
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Tabs, [{
+    key: "render",
+    value: function render() {
+      var value = this.state.value;
+      var _this$props = this.props,
+          children = _this$props.children,
+          className = _this$props.className,
+          contentClassName = _this$props.contentClassName,
+          _this$props$contentSt = _this$props.contentStyle,
+          contentStyle = _this$props$contentSt === void 0 ? {} : _this$props$contentSt,
+          classes = _this$props.classes;
+      var tabClasses = {
+        root: classes.tabRoot
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className
+      }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
+        indicatorColor: "primary",
+        value: value,
+        onChange: this.handleChange
+      }, _react["default"].Children.map(children, function (c, index) {
+        return c && c.props.title ? /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+          classes: tabClasses,
+          key: index,
+          label: c.props.title
+        }) : null;
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: contentClassName,
+        style: contentStyle
+      }, children[value]));
+    }
+  }]);
+  return Tabs;
+}(_react["default"].Component);
+
+exports.Tabs = Tabs;
+(0, _defineProperty2["default"])(Tabs, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  contentClassName: _propTypes["default"].string,
+  contentStyle: _propTypes["default"].object,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+});
+
+var _default = (0, _core.withStyles)(function () {
+  return {
+    tabRoot: {}
+  };
+})(Tabs);
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tabs/index.jsx"],"names":["Tabs","props","event","value","setState","state","children","className","contentClassName","contentStyle","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;AASX,gBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAKJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;AAC/B,YAAKC,QAAL,CAAc;AAAED,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD,KAPkB;AAEjB,UAAKE,KAAL,GAAa;AAAEF,MAAAA,KAAK,EAAE;AAAT,KAAb;AAFiB;AAGlB;;;;WAMD,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKE,KAAvB,CAAQF,KAAR;AACA,wBAA8E,KAAKF,KAAnF;AAAA,UAAQK,QAAR,eAAQA,QAAR;AAAA,UAAkBC,SAAlB,eAAkBA,SAAlB;AAAA,UAA6BC,gBAA7B,eAA6BA,gBAA7B;AAAA,8CAA+CC,YAA/C;AAAA,UAA+CA,YAA/C,sCAA8D,EAA9D;AAAA,UAAkEC,OAAlE,eAAkEA,OAAlE;AACA,UAAMC,UAAU,GAAG;AAAEC,QAAAA,IAAI,EAAEF,OAAO,CAACG;AAAhB,OAAnB;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEN;AAAhB,sBACE,gCAAC,gBAAD;AAAS,QAAA,cAAc,EAAC,SAAxB;AAAkC,QAAA,KAAK,EAAEJ,KAAzC;AAAgD,QAAA,QAAQ,EAAE,KAAKW;AAA/D,SACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,CAAD,EAAIC,KAAJ;AAAA,eAC5BD,CAAC,IAAIA,CAAC,CAACjB,KAAF,CAAQmB,KAAb,gBAAqB,gCAAC,eAAD;AAAQ,UAAA,OAAO,EAAET,UAAjB;AAA6B,UAAA,GAAG,EAAEQ,KAAlC;AAAyC,UAAA,KAAK,EAAED,CAAC,CAACjB,KAAF,CAAQmB;AAAxD,UAArB,GAAyF,IAD7D;AAAA,OAA7B,CADH,CADF,eAOE;AAAK,QAAA,SAAS,EAAEZ,gBAAhB;AAAkC,QAAA,KAAK,EAAEC;AAAzC,SACGH,QAAQ,CAACH,KAAD,CADX,CAPF,CADF;AAaD;;;EApCuBY,kBAAMM,S;;;iCAAnBrB,I,eACQ;AACjBU,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBhB,EAAAA,SAAS,EAAEe,sBAAUE,MAFJ;AAGjBhB,EAAAA,gBAAgB,EAAEc,sBAAUE,MAHX;AAIjBf,EAAAA,YAAY,EAAEa,sBAAUC,MAJP;AAKjBjB,EAAAA,QAAQ,EAAEgB,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB,EAAyEC;AALlE,C;;eAsCN,sBAAW;AAAA,SAAO;AAAEf,IAAAA,OAAO,EAAE;AAAX,GAAP;AAAA,CAAX,EAAoCb,IAApC,C","sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    contentClassName: PropTypes.string,\n    contentStyle: PropTypes.object,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { value: 0 };\n  }\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  render() {\n    const { value } = this.state;\n    const { children, className, contentClassName, contentStyle = {}, classes } = this.props;\n    const tabClasses = { root: classes.tabRoot };\n\n    return (\n      <div className={className}>\n        <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n          {React.Children.map(children, (c, index) =>\n            c && c.props.title ? <MuiTab classes={tabClasses} key={index} label={c.props.title} /> : null,\n          )}\n        </MuiTabs>\n\n        <div className={contentClassName} style={contentStyle}>\n          {children[value]}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(() => ({ tabRoot: {} }))(Tabs);\n"],"file":"index.js"}

package/lib/tags-input/index.js

@@ -0,0 +1,198 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TagsInput = void 0;
+
+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 _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 _uniq = _interopRequireDefault(require("lodash/uniq"));
+
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+
+var _muiBox = _interopRequireDefault(require("../mui-box"));
+
+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; } }
+
+var ENTER = 13;
+var Tag = (0, _styles.withStyles)(function () {
+  return {
+    tag: {
+      padding: '0px',
+      margin: '1px'
+    }
+  };
+})(function (_ref) {
+  var classes = _ref.classes,
+      label = _ref.label,
+      onDelete = _ref.onDelete;
+  return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
+    className: classes.tag,
+    label: label,
+    onDelete: onDelete
+  });
+});
+Tag.propTypes = {
+  label: _propTypes["default"].string.isRequired,
+  onDelete: _propTypes["default"].func.isRequired
+};
+
+var TagsInput = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(TagsInput, _React$Component);
+
+  var _super = _createSuper(TagsInput);
+
+  function TagsInput(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, TagsInput);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
+      _this.setState({
+        focused: true
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
+      _this.setState({
+        focused: false
+      });
+    });
+    _this.state = {
+      value: '',
+      focused: false
+    };
+
+    _this.onKeyDown = function (event) {
+      if (event.keyCode === ENTER && _this.state.value !== '') {
+        var tag = _this.state.value.trim();
+
+        var newTags = (0, _uniq["default"])(_this.props.tags.concat([tag]));
+
+        if (newTags.length !== _this.props.tags.length) {
+          _this.props.onChange(newTags);
+
+          _this.setState({
+            value: ''
+          });
+        }
+      }
+    };
+
+    _this.onChange = function (event) {
+      _this.setState({
+        value: event.target.value
+      });
+    };
+
+    _this.deleteTag = function (tag) {
+      var tags = _this.props.tags;
+      var tagIndex = tags.indexOf(tag);
+
+      if (tagIndex !== -1) {
+        tags.splice(tagIndex, 1);
+
+        _this.props.onChange(tags);
+
+        _this.input.focus();
+      }
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2["default"])(TagsInput, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          tags = _this$props.tags;
+      return /*#__PURE__*/_react["default"].createElement(_muiBox["default"], {
+        focused: this.state.focused
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tagsInput
+      }, (tags || []).map(function (t, index) {
+        return /*#__PURE__*/_react["default"].createElement(Tag, {
+          key: index,
+          label: t,
+          onDelete: function onDelete() {
+            return _this2.deleteTag(t);
+          }
+        });
+      }), /*#__PURE__*/_react["default"].createElement("input", {
+        ref: function ref(r) {
+          return _this2.input = r;
+        },
+        onKeyDown: this.onKeyDown,
+        onChange: this.onChange,
+        className: classes.input,
+        value: this.state.value,
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        type: "text"
+      })));
+    }
+  }]);
+  return TagsInput;
+}(_react["default"].Component);
+
+exports.TagsInput = TagsInput;
+(0, _defineProperty2["default"])(TagsInput, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  tags: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
+  onChange: _propTypes["default"].func.isRequired
+});
+
+var styles = function styles(theme) {
+  return {
+    tagsInput: {
+      border: "0px solid ".concat(theme.palette.background.paper),
+      display: 'flex',
+      flexWrap: 'wrap'
+    },
+    input: {
+      padding: '2px',
+      margin: '1px',
+      minWidth: '30px',
+      width: '100%',
+      flex: '1',
+      border: "0px solid ".concat(theme.palette.background.paper),
+      height: '28px',
+      fontSize: theme.typography.fontSize,
+      fontFamily: theme.typography.fontFamily,
+      outline: 'none',
+      '&:focus': {
+        outline: 'none'
+      }
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(TagsInput);
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/tags-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tags-input/index.jsx"],"names":["ENTER","Tag","tag","padding","margin","classes","label","onDelete","propTypes","PropTypes","string","isRequired","func","TagsInput","props","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","tagsInput","map","t","index","r","onFocus","onBlur","React","Component","object","arrayOf","styles","theme","border","palette","background","paper","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@material-ui/core/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst Tag = withStyles(() => ({\n  tag: {\n    padding: '0px',\n    margin: '1px',\n  },\n}))(({ classes, label, onDelete }) => <Chip className={classes.tag} label={label} onDelete={onDelete} />);\n\nTag.propTypes = {\n  label: PropTypes.string.isRequired,\n  onDelete: PropTypes.func.isRequired,\n};\n\nexport class TagsInput extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    tags: PropTypes.arrayOf(PropTypes.string).isRequired,\n    onChange: PropTypes.func.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: '',\n      focused: false,\n    };\n\n    this.onKeyDown = (event) => {\n      if (event.keyCode === ENTER && this.state.value !== '') {\n        const tag = this.state.value.trim();\n        const newTags = uniq(this.props.tags.concat([tag]));\n\n        if (newTags.length !== this.props.tags.length) {\n          this.props.onChange(newTags);\n          this.setState({ value: '' });\n        }\n      }\n    };\n\n    this.onChange = (event) => {\n      this.setState({ value: event.target.value });\n    };\n\n    this.deleteTag = (tag) => {\n      const { tags } = this.props;\n\n      const tagIndex = tags.indexOf(tag);\n      if (tagIndex !== -1) {\n        tags.splice(tagIndex, 1);\n        this.props.onChange(tags);\n        this.input.focus();\n      }\n    };\n  }\n\n  onFocus = () => {\n    this.setState({ focused: true });\n  };\n\n  onBlur = () => {\n    this.setState({ focused: false });\n  };\n\n  render() {\n    const { classes, tags } = this.props;\n    return (\n      <MuiBox focused={this.state.focused}>\n        <div className={classes.tagsInput}>\n          {(tags || []).map((t, index) => (\n            <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n          ))}\n          <input\n            ref={(r) => (this.input = r)}\n            onKeyDown={this.onKeyDown}\n            onChange={this.onChange}\n            className={classes.input}\n            value={this.state.value}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            type=\"text\"\n          />\n        </div>\n      </MuiBox>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  tagsInput: {\n    border: `0px solid ${theme.palette.background.paper}`,\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  input: {\n    padding: '2px',\n    margin: '1px',\n    minWidth: '30px',\n    width: '100%',\n    flex: '1',\n    border: `0px solid ${theme.palette.background.paper}`,\n    height: '28px',\n    fontSize: theme.typography.fontSize,\n    fontFamily: theme.typography.fontFamily,\n    outline: 'none',\n    '&:focus': {\n      outline: 'none',\n    },\n  },\n});\n\nexport default withStyles(styles)(TagsInput);\n"],"file":"index.js"}

package/lib/two-choice.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NChoice = void 0;
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _radioWithLabel = _interopRequireDefault(require("./radio-with-label"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+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; } }
+
+var styles = function styles(theme) {
+  return {
+    group: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      paddingLeft: 0,
+      marginTop: theme.spacing.unit
+    },
+    vertical: {
+      flexDirection: 'column'
+    }
+  };
+};
+
+var RawNChoice = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawNChoice, _React$Component);
+
+  var _super = _createSuper(RawNChoice);
+
+  function RawNChoice() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RawNChoice);
+
+    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), "handleChange", function (event) {
+      _this.props.onChange(event.currentTarget.value);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(RawNChoice, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          header = _this$props.header,
+          className = _this$props.className,
+          classes = _this$props.classes,
+          customLabel = _this$props.customLabel,
+          opts = _this$props.opts,
+          value = _this$props.value,
+          direction = _this$props.direction;
+      var preppedOpts = opts.map(function (o) {
+        return typeof o === 'string' ? {
+          label: o,
+          value: o
+        } : o;
+      });
+      var LabelComponent = customLabel || _radioWithLabel["default"];
+      return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+        label: header,
+        className: className
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.group, classes[direction])
+      }, preppedOpts.map(function (o, index) {
+        return /*#__PURE__*/_react["default"].createElement(LabelComponent, {
+          value: o.value,
+          key: index,
+          checked: o.value === value,
+          onChange: _this2.handleChange,
+          label: o.label
+        });
+      })));
+    }
+  }]);
+  return RawNChoice;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(RawNChoice, "propTypes", {
+  header: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string,
+  customLabel: _propTypes["default"].func,
+  opts: _propTypes["default"].array.isRequired,
+  value: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  direction: _propTypes["default"].oneOf(['horizontal', 'vertical']),
+  classes: _propTypes["default"].object.isRequired
+});
+var NChoice = (0, _styles.withStyles)(styles)(RawNChoice);
+exports.NChoice = NChoice;
+
+var labelValue = _propTypes["default"].shape({
+  label: _propTypes["default"].string,
+  value: _propTypes["default"].string
+});
+
+var TwoChoice = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(TwoChoice, _React$Component2);
+
+  var _super2 = _createSuper(TwoChoice);
+
+  function TwoChoice() {
+    (0, _classCallCheck2["default"])(this, TwoChoice);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(TwoChoice, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          one = _this$props2.one,
+          two = _this$props2.two,
+          header = _this$props2.header,
+          className = _this$props2.className,
+          customLabel = _this$props2.customLabel,
+          value = _this$props2.value,
+          onChange = _this$props2.onChange;
+      var opts = [one, two];
+      return /*#__PURE__*/_react["default"].createElement(NChoice, {
+        customLabel: customLabel,
+        header: header,
+        className: className,
+        opts: opts,
+        value: value,
+        onChange: onChange
+      });
+    }
+  }]);
+  return TwoChoice;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(TwoChoice, "propTypes", {
+  header: _propTypes["default"].string.isRequired,
+  value: _propTypes["default"].string.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  one: _propTypes["default"].oneOfType([labelValue, _propTypes["default"].string]),
+  two: _propTypes["default"].oneOfType([labelValue, _propTypes["default"].string]),
+  className: _propTypes["default"].string,
+  customLabel: _propTypes["default"].func
+});
+
+var _default = (0, _styles.withStyles)(styles)(TwoChoice);
+
+exports["default"] = _default;
+//# sourceMappingURL=two-choice.js.map

package/lib/two-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/two-choice.jsx"],"names":["styles","theme","group","display","flexWrap","paddingLeft","marginTop","spacing","unit","vertical","flexDirection","RawNChoice","event","props","onChange","currentTarget","value","header","className","classes","customLabel","opts","direction","preppedOpts","map","o","label","LabelComponent","RadioWithLabel","index","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","object","NChoice","labelValue","shape","TwoChoice","one","two","oneOfType"],"mappings":"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","sourcesContent":["import { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport RadioWithLabel from './radio-with-label';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  group: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingLeft: 0,\n    marginTop: theme.spacing.unit,\n  },\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\nclass RawNChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n    opts: PropTypes.array.isRequired,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    classes: PropTypes.object.isRequired,\n  };\n\n  handleChange = (event) => {\n    this.props.onChange(event.currentTarget.value);\n  };\n\n  render() {\n    const { header, className, classes, customLabel, opts, value, direction } = this.props;\n\n    const preppedOpts = opts.map((o) => {\n      return typeof o === 'string' ? { label: o, value: o } : o;\n    });\n    const LabelComponent = customLabel || RadioWithLabel;\n\n    return (\n      <InputContainer label={header} className={className}>\n        <div className={classNames(classes.group, classes[direction])}>\n          {preppedOpts.map((o, index) => (\n            <LabelComponent\n              value={o.value}\n              key={index}\n              checked={o.value === value}\n              onChange={this.handleChange}\n              label={o.label}\n            />\n          ))}\n        </div>\n      </InputContainer>\n    );\n  }\n}\n\nexport const NChoice = withStyles(styles)(RawNChoice);\n\nconst labelValue = PropTypes.shape({ label: PropTypes.string, value: PropTypes.string });\n\nclass TwoChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    value: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    one: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    two: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n  };\n\n  render() {\n    const { one, two, header, className, customLabel, value, onChange } = this.props;\n    const opts = [one, two];\n\n    return (\n      <NChoice\n        customLabel={customLabel}\n        header={header}\n        className={className}\n        opts={opts}\n        value={value}\n        onChange={onChange}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(TwoChoice);\n"],"file":"two-choice.js"}

package/lib/with-stateful-model.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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; } }
+
+var withStatefulModel = function withStatefulModel(Component) {
+  var Stateful = /*#__PURE__*/function (_React$Component) {
+    (0, _inherits2["default"])(Stateful, _React$Component);
+
+    var _super = _createSuper(Stateful);
+
+    function Stateful(props) {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, Stateful);
+      _this = _super.call(this, props);
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (model) {
+        _this.setState({
+          model: model
+        }, function () {
+          _this.props.onChange(_this.state.model);
+        });
+      });
+      _this.state = {
+        model: props.model
+      };
+      return _this;
+    }
+
+    (0, _createClass2["default"])(Stateful, [{
+      key: "UNSAFE_componentWillReceiveProps",
+      value: function UNSAFE_componentWillReceiveProps(props) {
+        this.setState({
+          model: props.model
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react["default"].createElement(Component, {
+          model: this.state.model,
+          onChange: this.onChange
+        });
+      }
+    }]);
+    return Stateful;
+  }(_react["default"].Component);
+
+  (0, _defineProperty2["default"])(Stateful, "propTypes", {
+    model: _propTypes["default"].object.isRequired,
+    onChange: _propTypes["default"].func.isRequired
+  });
+  return Stateful;
+};
+
+var _default = withStatefulModel;
+exports["default"] = _default;
+//# sourceMappingURL=with-stateful-model.js.map

package/lib/with-stateful-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/with-stateful-model.jsx"],"names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAe;AAAA,MACjCC,QADiC;AAAA;;AAAA;;AAOrC,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AADiB,mGAWR,UAACC,KAAD,EAAW;AACpB,cAAKC,QAAL,CAAc;AAAED,UAAAA,KAAK,EAALA;AAAF,SAAd,EAAyB,YAAM;AAC7B,gBAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;AACD,SAFD;AAGD,OAfkB;AAEjB,YAAKG,KAAL,GAAa;AACXH,QAAAA,KAAK,EAAED,KAAK,CAACC;AADF,OAAb;AAFiB;AAKlB;;AAZoC;AAAA;AAAA,aAcrC,0CAAiCD,KAAjC,EAAwC;AACtC,aAAKE,QAAL,CAAc;AAAED,UAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,SAAd;AACD;AAhBoC;AAAA;AAAA,aAwBrC,kBAAS;AACP,4BAAO,gCAAC,SAAD;AAAW,UAAA,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;AAAoC,UAAA,QAAQ,EAAE,KAAKE;AAAnD,UAAP;AACD;AA1BoC;AAAA;AAAA,IAChBE,kBAAMP,SADU;;AAAA,mCACjCC,QADiC,eAElB;AACjBE,IAAAA,KAAK,EAAEK,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,IAAAA,QAAQ,EAAEG,sBAAUG,IAAV,CAAeD;AAFR,GAFkB;AA6BvC,SAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = (Component) => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model,\n      };\n    }\n\n    UNSAFE_componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = (model) => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"file":"with-stateful-model.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.10.0-beta.2",
+  "version": "11.10.0-beta.3",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {