@pie-lib/config-ui 11.30.0-mui-update.0 → 11.30.1-beta-1

package/lib/tags-input/index.js

@@ -1,80 +1,81 @@
 "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 _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("@mui/material/styles");
+
+var _styles = require("@material-ui/core/styles");
+
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
-var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+
 var _muiBox = _interopRequireDefault(require("../mui-box"));
-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 _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 StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
+var Tag = (0, _styles.withStyles)(function () {
   return {
-    padding: '0px',
-    margin: '1px'
+    tag: {
+      padding: '0px',
+      margin: '1px'
+    }
   };
-});
-var Tag = function Tag(_ref) {
-  var label = _ref.label,
-    onDelete = _ref.onDelete;
-  return /*#__PURE__*/_react["default"].createElement(StyledChip, {
+})(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 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) {
+
+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 = _callSuper(this, TagsInput, [props]);
-    (0, _defineProperty2["default"])(_this, "onFocus", function () {
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
       _this.setState({
         focused: true
       });
     });
-    (0, _defineProperty2["default"])(_this, "onBlur", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function () {
       _this.setState({
         focused: false
       });
@@ -83,43 +84,58 @@ var TagsInput = exports.TagsInput = /*#__PURE__*/function (_React$Component) {
       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, _inherits2["default"])(TagsInput, _React$Component);
-  return (0, _createClass2["default"])(TagsInput, [{
+
+  (0, _createClass2["default"])(TagsInput, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-      var tags = this.props.tags;
+
+      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(StyledTagsInput, null, (tags || []).map(function (t, index) {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tagsInput
+      }, (tags || []).map(function (t, index) {
         return /*#__PURE__*/_react["default"].createElement(Tag, {
           key: index,
           label: t,
@@ -127,12 +143,13 @@ var TagsInput = exports.TagsInput = /*#__PURE__*/function (_React$Component) {
             return _this2.deleteTag(t);
           }
         });
-      }), /*#__PURE__*/_react["default"].createElement(StyledInput, {
+      }), /*#__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,
@@ -140,10 +157,42 @@ var TagsInput = exports.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 _default = exports["default"] = TagsInput;
+
+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

@@ -1 +1 @@
-{"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":[]}
+{"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

@@ -1,62 +1,90 @@
 "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 _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 _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 _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, NChoice);
+
+    (0, _classCallCheck2["default"])(this, RawNChoice);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NChoice, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "handleChange", function (event) {
+
+    _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, _inherits2["default"])(NChoice, _React$Component);
-  return (0, _createClass2["default"])(NChoice, [{
+
+  (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,
-        customLabel = _this$props.customLabel,
-        opts = _this$props.opts,
-        value = _this$props.value,
-        direction = _this$props.direction;
+          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,
@@ -67,8 +95,8 @@ var NChoice = exports.NChoice = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
         label: header,
         className: className
-      }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
-        direction: direction
+      }, /*#__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,
@@ -80,37 +108,48 @@ var NChoice = exports.NChoice = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
+  return RawNChoice;
 }(_react["default"].Component);
-(0, _defineProperty2["default"])(NChoice, "propTypes", {
+
+(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'])
+  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 _callSuper(this, TwoChoice, arguments);
+    return _super2.apply(this, arguments);
   }
-  (0, _inherits2["default"])(TwoChoice, _React$Component2);
-  return (0, _createClass2["default"])(TwoChoice, [{
+
+  (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;
+          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,
@@ -122,7 +161,9 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
       });
     }
   }]);
+  return TwoChoice;
 }(_react["default"].Component);
+
 (0, _defineProperty2["default"])(TwoChoice, "propTypes", {
   header: _propTypes["default"].string.isRequired,
   value: _propTypes["default"].string.isRequired,
@@ -132,5 +173,8 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
   className: _propTypes["default"].string,
   customLabel: _propTypes["default"].func
 });
-var _default = exports["default"] = TwoChoice;
+
+var _default = (0, _styles.withStyles)(styles)(TwoChoice);
+
+exports["default"] = _default;
 //# 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","_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":"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","ignoreList":[]}
+{"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

@@ -1,27 +1,46 @@
 "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 _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 _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 _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 = _callSuper(this, Stateful, [props]);
-      (0, _defineProperty2["default"])(_this, "onChange", function (model) {
+      _this = _super.call(this, props);
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (model) {
         _this.setState({
           model: model
         }, function () {
@@ -33,8 +52,8 @@ var withStatefulModel = function withStatefulModel(Component) {
       };
       return _this;
     }
-    (0, _inherits2["default"])(Stateful, _React$Component);
-    return (0, _createClass2["default"])(Stateful, [{
+
+    (0, _createClass2["default"])(Stateful, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(props) {
         this.setState({
@@ -50,12 +69,16 @@ var withStatefulModel = function withStatefulModel(Component) {
         });
       }
     }]);
+    return Stateful;
   }(_react["default"].Component);
+
   (0, _defineProperty2["default"])(Stateful, "propTypes", {
     model: _propTypes["default"].object.isRequired,
     onChange: _propTypes["default"].func.isRequired
   });
   return Stateful;
 };
-var _default = exports["default"] = withStatefulModel;
+
+var _default = withStatefulModel;
+exports["default"] = _default;
 //# sourceMappingURL=with-stateful-model.js.map