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

package/lib/tags-input/index.js

@@ -7,54 +7,74 @@ Object.defineProperty(exports, "__esModule", {
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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 _styles = require("@mui/material/styles");
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
-var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+var _Chip = _interopRequireDefault(require("@mui/material/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; } }
+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; })(); }
 var ENTER = 13;
-var Tag = (0, _styles.withStyles)(function () {
+var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
   return {
-    tag: {
-      padding: '0px',
-      margin: '1px'
-    }
+    padding: '0px',
+    margin: '1px'
   };
-})(function (_ref) {
-  var classes = _ref.classes,
-    label = _ref.label,
+});
+var Tag = function Tag(_ref) {
+  var label = _ref.label,
     onDelete = _ref.onDelete;
-  return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-    className: classes.tag,
+  return /*#__PURE__*/_react["default"].createElement(StyledChip, {
     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);
+var StyledTagsInput = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    border: "0px solid ".concat(theme.palette.background.paper),
+    display: 'flex',
+    flexWrap: 'wrap'
+  };
+});
+var StyledInput = (0, _styles.styled)('input')(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    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 TagsInput = exports.TagsInput = /*#__PURE__*/function (_React$Component) {
   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 = _callSuper(this, TagsInput, [props]);
+    (0, _defineProperty2["default"])(_this, "onFocus", function () {
       _this.setState({
         focused: true
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
+    (0, _defineProperty2["default"])(_this, "onBlur", function () {
       _this.setState({
         focused: false
       });
@@ -91,18 +111,15 @@ var TagsInput = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _createClass2["default"])(TagsInput, [{
+  (0, _inherits2["default"])(TagsInput, _React$Component);
+  return (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;
+      var 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) {
+      }, /*#__PURE__*/_react["default"].createElement(StyledTagsInput, null, (tags || []).map(function (t, index) {
         return /*#__PURE__*/_react["default"].createElement(Tag, {
           key: index,
           label: t,
@@ -110,13 +127,12 @@ var TagsInput = /*#__PURE__*/function (_React$Component) {
             return _this2.deleteTag(t);
           }
         });
-      }), /*#__PURE__*/_react["default"].createElement("input", {
+      }), /*#__PURE__*/_react["default"].createElement(StyledInput, {
         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,
@@ -124,38 +140,10 @@ var TagsInput = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-  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;
+var _default = exports["default"] = TagsInput;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_uniq","_Chip","_muiBox","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ENTER","Tag","withStyles","tag","padding","margin","_ref","classes","label","onDelete","createElement","className","propTypes","PropTypes","string","isRequired","func","TagsInput","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","uniq","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","_createClass2","key","render","_this2","_this$props","tagsInput","map","t","index","ref","r","onFocus","onBlur","type","React","Component","exports","object","arrayOf","styles","theme","border","palette","background","paper","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline","_default"],"sources":["../../src/tags-input/index.jsx"],"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"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_uniq","_Chip","_muiBox","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ENTER","StyledChip","styled","Chip","padding","margin","Tag","_ref","label","onDelete","createElement","propTypes","PropTypes","string","isRequired","func","StyledTagsInput","_ref2","theme","border","concat","palette","background","paper","display","flexWrap","StyledInput","_ref3","minWidth","width","flex","height","fontSize","typography","fontFamily","outline","TagsInput","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","setState","focused","state","value","onKeyDown","event","keyCode","tag","trim","newTags","uniq","tags","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","_inherits2","_createClass2","key","render","_this2","map","index","ref","r","onFocus","onBlur","type","React","Component","arrayOf","_default"],"sources":["../../src/tags-input/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@mui/material/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst StyledChip = styled(Chip)(() => ({\n  padding: '0px',\n  margin: '1px',\n}));\n\nconst Tag = ({ label, onDelete }) => <StyledChip label={label} onDelete={onDelete} />;\n\nTag.propTypes = {\n  label: PropTypes.string.isRequired,\n  onDelete: PropTypes.func.isRequired,\n};\n\nconst StyledTagsInput = styled('div')(({ theme }) => ({\n  border: `0px solid ${theme.palette.background.paper}`,\n  display: 'flex',\n  flexWrap: 'wrap',\n}));\n\nconst StyledInput = styled('input')(({ theme }) => ({\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\nexport class TagsInput extends React.Component {\n  static propTypes = {\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 { tags } = this.props;\n    return (\n      <MuiBox focused={this.state.focused}>\n        <StyledTagsInput>\n          {(tags || []).map((t, index) => (\n            <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n          ))}\n          <StyledInput\n            ref={(r) => (this.input = r)}\n            onKeyDown={this.onKeyDown}\n            onChange={this.onChange}\n            value={this.state.value}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            type=\"text\"\n          />\n        </StyledTagsInput>\n      </MuiBox>\n    );\n  }\n}\n\nexport default TagsInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/two-choice.js

@@ -7,55 +7,52 @@ Object.defineProperty(exports, "__esModule", {
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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 _styles = require("@mui/material/styles");
+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 StyledGroup = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme,
+    direction = _ref.direction;
+  return _objectSpread({
+    display: 'flex',
+    flexWrap: 'wrap',
+    paddingLeft: 0,
+    marginTop: theme.spacing(1)
+  }, direction === 'vertical' && {
+    flexDirection: 'column'
+  });
+});
+var NChoice = exports.NChoice = /*#__PURE__*/function (_React$Component) {
+  function NChoice() {
     var _this;
-    (0, _classCallCheck2["default"])(this, RawNChoice);
+    (0, _classCallCheck2["default"])(this, NChoice);
     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 = _callSuper(this, NChoice, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "handleChange", function (event) {
       _this.props.onChange(event.currentTarget.value);
     });
     return _this;
   }
-  (0, _createClass2["default"])(RawNChoice, [{
+  (0, _inherits2["default"])(NChoice, _React$Component);
+  return (0, _createClass2["default"])(NChoice, [{
     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,
@@ -70,8 +67,8 @@ var RawNChoice = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
         label: header,
         className: className
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.group, classes[direction])
+      }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
+        direction: direction
       }, preppedOpts.map(function (o, index) {
         return /*#__PURE__*/_react["default"].createElement(LabelComponent, {
           value: o.value,
@@ -83,32 +80,27 @@ var RawNChoice = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-  return RawNChoice;
 }(_react["default"].Component);
-(0, _defineProperty2["default"])(RawNChoice, "propTypes", {
+(0, _defineProperty2["default"])(NChoice, "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
+  direction: _propTypes["default"].oneOf(['horizontal', 'vertical'])
 });
-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);
+    return _callSuper(this, TwoChoice, arguments);
   }
-  (0, _createClass2["default"])(TwoChoice, [{
+  (0, _inherits2["default"])(TwoChoice, _React$Component2);
+  return (0, _createClass2["default"])(TwoChoice, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -130,7 +122,6 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
       });
     }
   }]);
-  return TwoChoice;
 }(_react["default"].Component);
 (0, _defineProperty2["default"])(TwoChoice, "propTypes", {
   header: _propTypes["default"].string.isRequired,
@@ -141,6 +132,5 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
   className: _propTypes["default"].string,
   customLabel: _propTypes["default"].func
 });
-var _default = (0, _styles.withStyles)(styles)(TwoChoice);
-exports["default"] = _default;
+var _default = exports["default"] = TwoChoice;
 //# sourceMappingURL=two-choice.js.map

package/lib/two-choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"two-choice.js","names":["_renderUi","require","_propTypes","_interopRequireDefault","_radioWithLabel","_react","_classnames","_styles","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","theme","group","display","flexWrap","paddingLeft","marginTop","spacing","unit","vertical","flexDirection","RawNChoice","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","event","props","onChange","currentTarget","value","_createClass2","key","render","_this2","_this$props","header","className","classes","customLabel","opts","direction","preppedOpts","map","o","label","LabelComponent","RadioWithLabel","createElement","InputContainer","classNames","index","checked","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","object","NChoice","withStyles","exports","labelValue","shape","TwoChoice","_React$Component2","_super2","_this$props2","one","two","oneOfType","_default"],"sources":["../src/two-choice.jsx"],"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"],"mappings":"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"}
+{"version":3,"file":"two-choice.js","names":["_renderUi","require","_propTypes","_interopRequireDefault","_radioWithLabel","_react","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledGroup","styled","_ref","theme","direction","display","flexWrap","paddingLeft","marginTop","spacing","flexDirection","NChoice","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","event","props","onChange","currentTarget","value","_inherits2","_createClass2","key","render","_this2","_this$props","header","className","customLabel","opts","preppedOpts","map","label","LabelComponent","RadioWithLabel","createElement","InputContainer","index","checked","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","labelValue","shape","TwoChoice","_React$Component2","_this$props2","one","two","oneOfType","_default"],"sources":["../src/two-choice.jsx"],"sourcesContent":["import { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport RadioWithLabel from './radio-with-label';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledGroup = styled('div')(({ theme, direction }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  paddingLeft: 0,\n  marginTop: theme.spacing(1),\n  ...(direction === 'vertical' && {\n    flexDirection: 'column',\n  }),\n}));\n\nclass NChoice 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  };\n\n  handleChange = (event) => {\n    this.props.onChange(event.currentTarget.value);\n  };\n\n  render() {\n    const { header, className, 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        <StyledGroup direction={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        </StyledGroup>\n      </InputContainer>\n    );\n  }\n}\n\nexport { NChoice };\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 TwoChoice;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8C,SAAAM,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAE9C,IAAM6B,WAAW,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAAA,OAAAZ,aAAA;IACnDa,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,MAAM;IAChBC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAEL,KAAK,CAACM,OAAO,CAAC,CAAC;EAAC,GACvBL,SAAS,KAAK,UAAU,IAAI;IAC9BM,aAAa,EAAE;EACjB,CAAC;AAAA,CACD,CAAC;AAAC,IAEEC,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,gBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,OAAA;IAAA,SAAAK,IAAA,GAAAvB,SAAA,CAAAC,MAAA,EAAAuB,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA1B,SAAA,CAAA0B,IAAA;IAAA;IAAAL,KAAA,GAAA9C,UAAA,OAAA2C,OAAA,KAAAS,MAAA,CAAAH,IAAA;IAAA,IAAArB,gBAAA,aAAAkB,KAAA,kBAWI,UAACO,KAAK,EAAK;MACxBP,KAAA,CAAKQ,KAAK,CAACC,QAAQ,CAACF,KAAK,CAACG,aAAa,CAACC,KAAK,CAAC;IAChD,CAAC;IAAA,OAAAX,KAAA;EAAA;EAAA,IAAAY,UAAA,aAAAf,OAAA,EAAAE,gBAAA;EAAA,WAAAc,aAAA,aAAAhB,OAAA;IAAAiB,GAAA;IAAAH,KAAA,EAED,SAAAI,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAAmE,IAAI,CAACT,KAAK;QAArEU,MAAM,GAAAD,WAAA,CAANC,MAAM;QAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;QAAEV,KAAK,GAAAM,WAAA,CAALN,KAAK;QAAErB,SAAS,GAAA2B,WAAA,CAAT3B,SAAS;MAE9D,IAAMgC,WAAW,GAAGD,IAAI,CAACE,GAAG,CAAC,UAACnE,CAAC,EAAK;QAClC,OAAO,OAAOA,CAAC,KAAK,QAAQ,GAAG;UAAEoE,KAAK,EAAEpE,CAAC;UAAEuD,KAAK,EAAEvD;QAAE,CAAC,GAAGA,CAAC;MAC3D,CAAC,CAAC;MACF,IAAMqE,cAAc,GAAGL,WAAW,IAAIM,0BAAc;MAEpD,oBACE1E,MAAA,YAAA2E,aAAA,CAAChF,SAAA,CAAAiF,cAAc;QAACJ,KAAK,EAAEN,MAAO;QAACC,SAAS,EAAEA;MAAU,gBAClDnE,MAAA,YAAA2E,aAAA,CAACzC,WAAW;QAACI,SAAS,EAAEA;MAAU,GAC/BgC,WAAW,CAACC,GAAG,CAAC,UAACnE,CAAC,EAAEyE,KAAK;QAAA,oBACxB7E,MAAA,YAAA2E,aAAA,CAACF,cAAc;UACbd,KAAK,EAAEvD,CAAC,CAACuD,KAAM;UACfG,GAAG,EAAEe,KAAM;UACXC,OAAO,EAAE1E,CAAC,CAACuD,KAAK,KAAKA,KAAM;UAC3BF,QAAQ,EAAEO,MAAI,CAACe,YAAa;UAC5BP,KAAK,EAAEpE,CAAC,CAACoE;QAAM,CAChB,CAAC;MAAA,CACH,CACU,CACC,CAAC;IAErB;EAAC;AAAA,EAtCmBQ,iBAAK,CAACC,SAAS;AAAA,IAAAnD,gBAAA,aAA/Be,OAAO,eACQ;EACjBqB,MAAM,EAAEgB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCjB,SAAS,EAAEe,qBAAS,CAACC,MAAM;EAC3Bf,WAAW,EAAEc,qBAAS,CAACG,IAAI;EAC3BhB,IAAI,EAAEa,qBAAS,CAACI,KAAK,CAACF,UAAU;EAChCzB,KAAK,EAAEuB,qBAAS,CAACC,MAAM;EACvB1B,QAAQ,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACnC9C,SAAS,EAAE4C,qBAAS,CAACK,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC;AACvD,CAAC;AAkCH,IAAMC,UAAU,GAAGN,qBAAS,CAACO,KAAK,CAAC;EAAEjB,KAAK,EAAEU,qBAAS,CAACC,MAAM;EAAExB,KAAK,EAAEuB,qBAAS,CAACC;AAAO,CAAC,CAAC;AAAC,IAEnFO,SAAS,0BAAAC,iBAAA;EAAA,SAAAD,UAAA;IAAA,IAAAzC,gBAAA,mBAAAyC,SAAA;IAAA,OAAAxF,UAAA,OAAAwF,SAAA,EAAA/D,SAAA;EAAA;EAAA,IAAAiC,UAAA,aAAA8B,SAAA,EAAAC,iBAAA;EAAA,WAAA9B,aAAA,aAAA6B,SAAA;IAAA5B,GAAA;IAAAH,KAAA,EAWb,SAAAI,MAAMA,CAAA,EAAG;MACP,IAAA6B,YAAA,GAAsE,IAAI,CAACpC,KAAK;QAAxEqC,GAAG,GAAAD,YAAA,CAAHC,GAAG;QAAEC,GAAG,GAAAF,YAAA,CAAHE,GAAG;QAAE5B,MAAM,GAAA0B,YAAA,CAAN1B,MAAM;QAAEC,SAAS,GAAAyB,YAAA,CAATzB,SAAS;QAAEC,WAAW,GAAAwB,YAAA,CAAXxB,WAAW;QAAET,KAAK,GAAAiC,YAAA,CAALjC,KAAK;QAAEF,QAAQ,GAAAmC,YAAA,CAARnC,QAAQ;MACjE,IAAMY,IAAI,GAAG,CAACwB,GAAG,EAAEC,GAAG,CAAC;MAEvB,oBACE9F,MAAA,YAAA2E,aAAA,CAAC9B,OAAO;QACNuB,WAAW,EAAEA,WAAY;QACzBF,MAAM,EAAEA,MAAO;QACfC,SAAS,EAAEA,SAAU;QACrBE,IAAI,EAAEA,IAAK;QACXV,KAAK,EAAEA,KAAM;QACbF,QAAQ,EAAEA;MAAS,CACpB,CAAC;IAEN;EAAC;AAAA,EAzBqBuB,iBAAK,CAACC,SAAS;AAAA,IAAAnD,gBAAA,aAAjC4D,SAAS,eACM;EACjBxB,MAAM,EAAEgB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCzB,KAAK,EAAEuB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClC3B,QAAQ,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACnCS,GAAG,EAAEX,qBAAS,CAACa,SAAS,CAAC,CAACP,UAAU,EAAEN,qBAAS,CAACC,MAAM,CAAC,CAAC;EACxDW,GAAG,EAAEZ,qBAAS,CAACa,SAAS,CAAC,CAACP,UAAU,EAAEN,qBAAS,CAACC,MAAM,CAAC,CAAC;EACxDhB,SAAS,EAAEe,qBAAS,CAACC,MAAM;EAC3Bf,WAAW,EAAEc,qBAAS,CAACG;AACzB,CAAC;AAAA,IAAAW,QAAA,GAAAlD,OAAA,cAmBY4C,SAAS","ignoreList":[]}

package/lib/with-stateful-model.js

@@ -7,24 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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; } }
+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; })(); }
 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 = _callSuper(this, Stateful, [props]);
+      (0, _defineProperty2["default"])(_this, "onChange", function (model) {
         _this.setState({
           model: model
         }, function () {
@@ -36,7 +33,8 @@ var withStatefulModel = function withStatefulModel(Component) {
       };
       return _this;
     }
-    (0, _createClass2["default"])(Stateful, [{
+    (0, _inherits2["default"])(Stateful, _React$Component);
+    return (0, _createClass2["default"])(Stateful, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(props) {
         this.setState({
@@ -52,7 +50,6 @@ var withStatefulModel = function withStatefulModel(Component) {
         });
       }
     }]);
-    return Stateful;
   }(_react["default"].Component);
   (0, _defineProperty2["default"])(Stateful, "propTypes", {
     model: _propTypes["default"].object.isRequired,
@@ -60,6 +57,5 @@ var withStatefulModel = function withStatefulModel(Component) {
   });
   return Stateful;
 };
-var _default = withStatefulModel;
-exports["default"] = _default;
+var _default = exports["default"] = withStatefulModel;
 //# sourceMappingURL=with-stateful-model.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"with-stateful-model.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","withStatefulModel","Component","Stateful","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","model","setState","onChange","state","_createClass2","key","value","UNSAFE_componentWillReceiveProps","render","createElement","React","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/with-stateful-model.jsx"],"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"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAE,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEnC,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,SAAS,EAAK;EAAA,IACjCC,QAAQ,0BAAAC,gBAAA;IAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,gBAAA;IAAA,IAAAE,MAAA,GAAA3B,YAAA,CAAAwB,QAAA;IAMZ,SAAAA,SAAYI,KAAK,EAAE;MAAA,IAAAC,KAAA;MAAA,IAAAC,gBAAA,mBAAAN,QAAA;MACjBK,KAAA,GAAAF,MAAA,CAAAP,IAAA,OAAMQ,KAAK;MAAE,IAAAG,gBAAA,iBAAAC,uBAAA,aAAAH,KAAA,eAUJ,UAACI,KAAK,EAAK;QACpBJ,KAAA,CAAKK,QAAQ,CAAC;UAAED,KAAK,EAALA;QAAM,CAAC,EAAE,YAAM;UAC7BJ,KAAA,CAAKD,KAAK,CAACO,QAAQ,CAACN,KAAA,CAAKO,KAAK,CAACH,KAAK,CAAC;QACvC,CAAC,CAAC;MACJ,CAAC;MAbCJ,KAAA,CAAKO,KAAK,GAAG;QACXH,KAAK,EAAEL,KAAK,CAACK;MACf,CAAC;MAAC,OAAAJ,KAAA;IACJ;IAAC,IAAAQ,aAAA,aAAAb,QAAA;MAAAc,GAAA;MAAAC,KAAA,EAED,SAAAC,iCAAiCZ,KAAK,EAAE;QACtC,IAAI,CAACM,QAAQ,CAAC;UAAED,KAAK,EAAEL,KAAK,CAACK;QAAM,CAAC,CAAC;MACvC;IAAC;MAAAK,GAAA;MAAAC,KAAA,EAQD,SAAAE,OAAA,EAAS;QACP,oBAAO7C,MAAA,YAAA8C,aAAA,CAACnB,SAAS;UAACU,KAAK,EAAE,IAAI,CAACG,KAAK,CAACH,KAAM;UAACE,QAAQ,EAAE,IAAI,CAACA;QAAS,CAAE,CAAC;MACxE;IAAC;IAAA,OAAAX,QAAA;EAAA,EAzBoBmB,iBAAK,CAACpB,SAAS;EAAA,IAAAQ,gBAAA,aAAhCP,QAAQ,eACO;IACjBS,KAAK,EAAEW,qBAAS,CAACC,MAAM,CAACC,UAAU;IAClCX,QAAQ,EAAES,qBAAS,CAACG,IAAI,CAACD;EAC3B,CAAC;EAwBH,OAAOtB,QAAQ;AACjB,CAAC;AAAC,IAAAwB,QAAA,GAEa1B,iBAAiB;AAAA2B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"with-stateful-model.js","names":["_react","_interopRequireDefault","require","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","withStatefulModel","Component","Stateful","_React$Component","props","_this","_classCallCheck2","_defineProperty2","model","setState","onChange","state","_inherits2","_createClass2","key","value","UNSAFE_componentWillReceiveProps","render","createElement","React","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/with-stateful-model.jsx"],"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"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAE,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAEnC,IAAMc,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,SAAS,EAAK;EAAA,IACjCC,QAAQ,0BAAAC,gBAAA;IAMZ,SAAAD,SAAYE,KAAK,EAAE;MAAA,IAAAC,KAAA;MAAA,IAAAC,gBAAA,mBAAAJ,QAAA;MACjBG,KAAA,GAAApB,UAAA,OAAAiB,QAAA,GAAME,KAAK;MAAE,IAAAG,gBAAA,aAAAF,KAAA,cAUJ,UAACG,KAAK,EAAK;QACpBH,KAAA,CAAKI,QAAQ,CAAC;UAAED,KAAK,EAALA;QAAM,CAAC,EAAE,YAAM;UAC7BH,KAAA,CAAKD,KAAK,CAACM,QAAQ,CAACL,KAAA,CAAKM,KAAK,CAACH,KAAK,CAAC;QACvC,CAAC,CAAC;MACJ,CAAC;MAbCH,KAAA,CAAKM,KAAK,GAAG;QACXH,KAAK,EAAEJ,KAAK,CAACI;MACf,CAAC;MAAC,OAAAH,KAAA;IACJ;IAAC,IAAAO,UAAA,aAAAV,QAAA,EAAAC,gBAAA;IAAA,WAAAU,aAAA,aAAAX,QAAA;MAAAY,GAAA;MAAAC,KAAA,EAED,SAAAC,gCAAgCA,CAACZ,KAAK,EAAE;QACtC,IAAI,CAACK,QAAQ,CAAC;UAAED,KAAK,EAAEJ,KAAK,CAACI;QAAM,CAAC,CAAC;MACvC;IAAC;MAAAM,GAAA;MAAAC,KAAA,EAQD,SAAAE,MAAMA,CAAA,EAAG;QACP,oBAAOpC,MAAA,YAAAqC,aAAA,CAACjB,SAAS;UAACO,KAAK,EAAE,IAAI,CAACG,KAAK,CAACH,KAAM;UAACE,QAAQ,EAAE,IAAI,CAACA;QAAS,CAAE,CAAC;MACxE;IAAC;EAAA,EAzBoBS,iBAAK,CAAClB,SAAS;EAAA,IAAAM,gBAAA,aAAhCL,QAAQ,eACO;IACjBM,KAAK,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;IAClCZ,QAAQ,EAAEU,qBAAS,CAACG,IAAI,CAACD;EAC3B,CAAC;EAwBH,OAAOpB,QAAQ;AACjB,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,cAEazB,iBAAiB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "12.0.0-beta.5",
+  "version": "12.0.0-next.0",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -8,23 +8,34 @@
   },
   "scripts": {},
   "dependencies": {
-    "@material-ui/core": "^3.8.3",
-    "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "10.0.0-beta.7",
-    "@pie-lib/icons": "^2.4.43",
-    "@pie-lib/render-ui": "^4.14.28",
-    "classnames": "^2.2.6",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "@pie-lib/editable-html": "11.21.3-next.15",
+    "@pie-lib/icons": "2.24.2-next.16",
+    "@pie-lib/render-ui": "4.35.3-next.15",
+    "assert": "^1.4.1",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
+    "mathjs": "^7.0.1",
     "prop-types": "^15.6.2",
     "react-measure": "^2.2.2"
   },
   "devDependencies": {
-    "react": "^16.8.1",
-    "react-dom": "^16.9.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "peerDependencies": {
-    "react": "^16.8.1"
+    "react": "^18.2.0"
   },
-  "gitHead": "f3345ae70660f4ae88450512261c7ea1601003c8"
+  "gitHead": "a6ae07ad459bbae1039b5a1a8b9c40e3c1f3af73",
+  "exports": {
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./src/index.js",
+      "default": "./lib/index.js"
+    },
+    "./esm": "./esm/index.js"
+  }
 }