@pie-lib/config-ui 11.1.5-next.48 → 11.1.5-next.49

package/lib/form-section.js

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _styles = require("@material-ui/core/styles");
+
 var styles = function styles(theme) {
   return {
     formSection: {
@@ -20,12 +26,13 @@ var styles = function styles(theme) {
     }
   };
 };
+
 var _default = (0, _styles.withStyles)(styles)(function (_ref) {
   var className = _ref.className,
-    classes = _ref.classes,
-    label = _ref.label,
-    children = _ref.children,
-    labelExtraStyle = _ref.labelExtraStyle;
+      classes = _ref.classes,
+      label = _ref.label,
+      children = _ref.children,
+      labelExtraStyle = _ref.labelExtraStyle;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(classes.formSection, className)
   }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -34,5 +41,6 @@ var _default = (0, _styles.withStyles)(styles)(function (_ref) {
     style: labelExtraStyle
   }, label), children);
 });
+
 exports["default"] = _default;
 //# sourceMappingURL=form-section.js.map

package/lib/form-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-section.js","names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","withStyles","className","classes","children","labelExtraStyle","classNames"],"sources":["../src/form-section.jsx"],"sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  formSection: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  label: {\n    marginBottom: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(({ className, classes, label, children, labelExtraStyle }) => (\n  <div className={classNames(classes.formSection, className)}>\n    <Typography className={classes.label} type=\"subheading\" style={labelExtraStyle}>\n      {label}\n    </Typography>\n    {children}\n  </div>\n));\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,WAAW,EAAE;MACXC,SAAS,EAAEF,KAAK,CAACG,OAAO,CAACC,IAAI,GAAG,CAAC;MACjCC,YAAY,EAAEL,KAAK,CAACG,OAAO,CAACC,IAAI,GAAG;IACrC,CAAC;IACDE,KAAK,EAAE;MACLD,YAAY,EAAEL,KAAK,CAACG,OAAO,CAACC;IAC9B;EACF,CAAC;AAAA,CAAC;AAAC,eAEY,IAAAG,kBAAU,EAACR,MAAM,CAAC,CAAC;EAAA,IAAGS,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEH,KAAK,QAALA,KAAK;IAAEI,QAAQ,QAARA,QAAQ;IAAEC,eAAe,QAAfA,eAAe;EAAA,oBACvF;IAAK,SAAS,EAAE,IAAAC,sBAAU,EAACH,OAAO,CAACR,WAAW,EAAEO,SAAS;EAAE,gBACzD,gCAAC,sBAAU;IAAC,SAAS,EAAEC,OAAO,CAACH,KAAM;IAAC,IAAI,EAAC,YAAY;IAAC,KAAK,EAAEK;EAAgB,GAC5EL,KAAK,CACK,EACZI,QAAQ,CACL;AAAA,CACP,CAAC;AAAA"}
+{"version":3,"sources":["../src/form-section.jsx"],"names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","className","classes","children","labelExtraStyle"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADrB;AAEXC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AAFxB,KADY;AAKzBE,IAAAA,KAAK,EAAE;AACLD,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC;AADvB;AALkB,GAAZ;AAAA,CAAf;;eAUe,wBAAWL,MAAX,EAAmB;AAAA,MAAGQ,SAAH,QAAGA,SAAH;AAAA,MAAcC,OAAd,QAAcA,OAAd;AAAA,MAAuBF,KAAvB,QAAuBA,KAAvB;AAAA,MAA8BG,QAA9B,QAA8BA,QAA9B;AAAA,MAAwCC,eAAxC,QAAwCA,eAAxC;AAAA,sBAChC;AAAK,IAAA,SAAS,EAAE,4BAAWF,OAAO,CAACP,WAAnB,EAAgCM,SAAhC;AAAhB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEC,OAAO,CAACF,KAA/B;AAAsC,IAAA,IAAI,EAAC,YAA3C;AAAwD,IAAA,KAAK,EAAEI;AAA/D,KACGJ,KADH,CADF,EAIGG,QAJH,CADgC;AAAA,CAAnB,C","sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  formSection: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  label: {\n    marginBottom: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(({ className, classes, label, children, labelExtraStyle }) => (\n  <div className={classNames(classes.formSection, className)}>\n    <Typography className={classes.label} type=\"subheading\" style={labelExtraStyle}>\n      {label}\n    </Typography>\n    {children}\n  </div>\n));\n"],"file":"form-section.js"}

package/lib/help.js

@@ -1,32 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.HelpDialog = exports.HelpButton = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 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 _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
 var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
 var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
 var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
+
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 var _react = _interopRequireDefault(require("react"));
+
 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 RawHelpButton = function RawHelpButton(_ref) {
   var onClick = _ref.onClick,
-    classes = _ref.classes;
+      classes = _ref.classes;
   return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     classes: {
       label: classes.icon
@@ -34,6 +55,7 @@ var RawHelpButton = function RawHelpButton(_ref) {
     onClick: onClick
   }, /*#__PURE__*/_react["default"].createElement(_Help["default"], null));
 };
+
 RawHelpButton.propTypes = {
   onClick: _propTypes["default"].func,
   classes: _propTypes["default"].object.isRequired
@@ -46,11 +68,12 @@ var HelpButton = (0, _styles.withStyles)({
   }
 })(RawHelpButton);
 exports.HelpButton = HelpButton;
+
 var HelpDialog = function HelpDialog(_ref2) {
   var open = _ref2.open,
-    onClose = _ref2.onClose,
-    children = _ref2.children,
-    title = _ref2.title;
+      onClose = _ref2.onClose,
+      children = _ref2.children,
+      title = _ref2.title;
   return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
     open: open,
     onRequestClose: onClose
@@ -59,6 +82,7 @@ var HelpDialog = function HelpDialog(_ref2) {
     color: "primary"
   }, "OK")));
 };
+
 exports.HelpDialog = HelpDialog;
 HelpDialog.propTypes = {
   open: _propTypes["default"].bool,
@@ -66,11 +90,15 @@ HelpDialog.propTypes = {
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   title: _propTypes["default"].string.isRequired
 };
+
 var Help = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Help, _React$Component);
+
   var _super = _createSuper(Help);
+
   function Help(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Help);
     _this = _super.call(this, props);
     _this.state = {
@@ -78,13 +106,15 @@ var Help = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
+
   (0, _createClass2["default"])(Help, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props = this.props,
-        children = _this$props.children,
-        title = _this$props.title;
+          children = _this$props.children,
+          title = _this$props.title;
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(HelpButton, {
         color: "accent",
         onClick: function onClick() {
@@ -105,6 +135,7 @@ var Help = /*#__PURE__*/function (_React$Component) {
   }]);
   return Help;
 }(_react["default"].Component);
+
 (0, _defineProperty2["default"])(Help, "propTypes", {
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   title: _propTypes["default"].string

package/lib/help.js.map

@@ -1 +1 @@
-{"version":3,"file":"help.js","names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","withStyles","color","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"sources":["../src/help.jsx"],"sourcesContent":["import Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport HelpIcon from '@material-ui/icons/Help';\nimport IconButton from '@material-ui/core/IconButton';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst RawHelpButton = ({ onClick, classes }) => (\n  <IconButton\n    classes={{\n      label: classes.icon,\n    }}\n    onClick={onClick}\n  >\n    <HelpIcon />\n  </IconButton>\n);\nRawHelpButton.propTypes = {\n  onClick: PropTypes.func,\n  classes: PropTypes.object.isRequired,\n};\n\nexport const HelpButton = withStyles({\n  icon: {\n    '&:hover': {\n      color: '#ddd',\n    },\n  },\n})(RawHelpButton);\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n  <Dialog open={open} onRequestClose={onClose}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogContent>\n      <DialogContentText>{children}</DialogContentText>\n    </DialogContent>\n    <DialogActions>\n      <Button onClick={onClose} color=\"primary\">\n        OK\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nHelpDialog.propTypes = {\n  open: PropTypes.bool,\n  onClose: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    title: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n  }\n\n  render() {\n    const { children, title } = this.props;\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n        <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n          {children}\n        </HelpDialog>\n      </div>\n    );\n  }\n}\n\nexport default Help;\n"],"mappings":"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"}
+{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","color","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"mappings":"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","sourcesContent":["import Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport HelpIcon from '@material-ui/icons/Help';\nimport IconButton from '@material-ui/core/IconButton';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst RawHelpButton = ({ onClick, classes }) => (\n  <IconButton\n    classes={{\n      label: classes.icon,\n    }}\n    onClick={onClick}\n  >\n    <HelpIcon />\n  </IconButton>\n);\nRawHelpButton.propTypes = {\n  onClick: PropTypes.func,\n  classes: PropTypes.object.isRequired,\n};\n\nexport const HelpButton = withStyles({\n  icon: {\n    '&:hover': {\n      color: '#ddd',\n    },\n  },\n})(RawHelpButton);\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n  <Dialog open={open} onRequestClose={onClose}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogContent>\n      <DialogContentText>{children}</DialogContentText>\n    </DialogContent>\n    <DialogActions>\n      <Button onClick={onClose} color=\"primary\">\n        OK\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nHelpDialog.propTypes = {\n  open: PropTypes.bool,\n  onClose: PropTypes.func,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    title: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      open: false,\n    };\n  }\n\n  render() {\n    const { children, title } = this.props;\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n        <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n          {children}\n        </HelpDialog>\n      </div>\n    );\n  }\n}\n\nexport default Help;\n"],"file":"help.js"}

package/lib/index.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -157,31 +159,58 @@ Object.defineProperty(exports, "withStatefulModel", {
     return _withStatefulModel["default"];
   }
 });
+
 var _alertDialog = _interopRequireDefault(require("./alert-dialog"));
+
 var _feedbackConfig = _interopRequireWildcard(require("./feedback-config"));
+
 var _inputs = require("./inputs");
+
 var _langs = _interopRequireWildcard(require("./langs"));
+
 var _tabs = _interopRequireDefault(require("./tabs"));
+
 var _checkbox = _interopRequireDefault(require("./checkbox"));
+
 var _formSection = _interopRequireDefault(require("./form-section"));
+
 var _help = _interopRequireDefault(require("./help"));
+
 var _input = _interopRequireDefault(require("./input"));
+
 var _renderUi = require("@pie-lib/render-ui");
+
 var _numberTextField = _interopRequireDefault(require("./number-text-field"));
+
 var _numberTextFieldCustom = _interopRequireDefault(require("./number-text-field-custom"));
+
 var _twoChoice = _interopRequireWildcard(require("./two-choice"));
+
 var _tagsInput = _interopRequireDefault(require("./tags-input"));
+
 var _muiBox = _interopRequireDefault(require("./mui-box"));
+
 var _choiceConfiguration = _interopRequireDefault(require("./choice-configuration"));
+
 var layout = _interopRequireWildcard(require("./layout"));
+
 exports.layout = layout;
+
 var choiceUtils = _interopRequireWildcard(require("./choice-utils"));
+
 exports.choiceUtils = choiceUtils;
+
 var _withStatefulModel = _interopRequireDefault(require("./with-stateful-model"));
+
 var _toggle = _interopRequireDefault(require("./settings/toggle"));
+
 var _displaySize = _interopRequireDefault(require("./settings/display-size"));
+
 var settings = _interopRequireWildcard(require("./settings"));
+
 exports.settings = settings;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, { FeedbackSelector, buildDefaults as feedbackConfigDefaults } from './feedback-config';\nimport { InputCheckbox, InputSwitch, InputRadio } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n  AlertDialog,\n  FeedbackConfig,\n  FeedbackSelector,\n  feedbackConfigDefaults,\n  InputCheckbox,\n  InputSwitch,\n  InputRadio,\n  Langs,\n  LanguageControls,\n  Tabs,\n  Checkbox,\n  FormSection,\n  Help,\n  Input,\n  InputContainer,\n  NumberTextField,\n  NumberTextFieldCustom,\n  TwoChoice,\n  NChoice,\n  TagsInput,\n  MuiBox,\n  ChoiceConfiguration,\n  layout,\n  choiceUtils,\n  withStatefulModel,\n  Toggle,\n  DisplaySize,\n  settings,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAmC;AAEnC;AAA8C;AAC9C;AACA;AACA;AAEA;AAAuC;AAAA;AAAA"}
+{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;;;;AACA;;AACA;;AACA;;AAEA","sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, { FeedbackSelector, buildDefaults as feedbackConfigDefaults } from './feedback-config';\nimport { InputCheckbox, InputSwitch, InputRadio } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n  AlertDialog,\n  FeedbackConfig,\n  FeedbackSelector,\n  feedbackConfigDefaults,\n  InputCheckbox,\n  InputSwitch,\n  InputRadio,\n  Langs,\n  LanguageControls,\n  Tabs,\n  Checkbox,\n  FormSection,\n  Help,\n  Input,\n  InputContainer,\n  NumberTextField,\n  NumberTextFieldCustom,\n  TwoChoice,\n  NChoice,\n  TagsInput,\n  MuiBox,\n  ChoiceConfiguration,\n  layout,\n  choiceUtils,\n  withStatefulModel,\n  Toggle,\n  DisplaySize,\n  settings,\n};\n"],"file":"index.js"}

package/lib/input.js

@@ -1,42 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 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 = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
+
 var _renderUi = require("@pie-lib/render-ui");
+
 var _excluded = ["label", "type", "noModelUpdateOnError"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 Input = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Input, _React$Component);
+
   var _super = _createSuper(Input);
+
   function Input(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Input);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (event) {
       var _this$props = _this.props,
-        type = _this$props.type,
-        onChange = _this$props.onChange,
-        error = _this$props.error;
+          type = _this$props.type,
+          onChange = _this$props.onChange,
+          error = _this$props.error;
       var value = event.target.value;
+
       if (error(value, type)) {
         _this.setState({
           error: true,
@@ -47,6 +72,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
           error: false,
           value: event.target.value
         });
+
         onChange(event);
       }
     });
@@ -55,6 +81,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
+
   (0, _createClass2["default"])(Input, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(newProps) {
@@ -66,13 +93,13 @@ var Input = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        label = _this$props2.label,
-        type = _this$props2.type,
-        noModelUpdateOnError = _this$props2.noModelUpdateOnError,
-        rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
+          label = _this$props2.label,
+          type = _this$props2.type,
+          noModelUpdateOnError = _this$props2.noModelUpdateOnError,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
       var _this$state = this.state,
-        value = _this$state.value,
-        error = _this$state.error;
+          value = _this$state.value,
+          error = _this$state.error;
       return label ? /*#__PURE__*/React.createElement(_renderUi.InputContainer, {
         label: label
       }, /*#__PURE__*/React.createElement(_Input["default"], (0, _extends2["default"])({
@@ -92,6 +119,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
   }]);
   return Input;
 }(React.Component);
+
 exports["default"] = Input;
 (0, _defineProperty2["default"])(Input, "propTypes", {
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),

package/lib/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["Input","props","event","type","onChange","error","value","target","setState","state","newProps","label","noModelUpdateOnError","rest","React","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"sources":["../src/input.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@material-ui/core/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n  static propTypes = {\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onChange: PropTypes.func.isRequired,\n    label: PropTypes.string,\n    type: PropTypes.string.isRequired,\n    error: PropTypes.func,\n    noModelUpdateOnError: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    type: 'text',\n    error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n    noModelUpdateOnError: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentWillReceiveProps(newProps) {\n    this.setState({\n      value: newProps.value,\n    });\n  }\n\n  onChange = (event) => {\n    const { type, onChange, error } = this.props;\n    const value = event.target.value;\n\n    if (error(value, type)) {\n      this.setState({\n        error: true,\n        value: event.target.value,\n      });\n    } else {\n      this.setState({\n        error: false,\n        value: event.target.value,\n      });\n\n      onChange(event);\n    }\n  };\n\n  render() {\n    const {\n      label,\n      type,\n      noModelUpdateOnError, // eslint-disable-line no-unused-vars\n      ...rest\n    } = this.props;\n    const { value, error } = this.state;\n\n    return label ? (\n      <InputContainer label={label}>\n        <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n      </InputContainer>\n    ) : (\n      <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA,IAE/BA,KAAK;EAAA;EAAA;EAgBxB,eAAYC,KAAK,EAAE;IAAA;IAAA;IACjB,0BAAMA,KAAK;IAAE,6FAaJ,UAACC,KAAK,EAAK;MACpB,kBAAkC,MAAKD,KAAK;QAApCE,IAAI,eAAJA,IAAI;QAAEC,QAAQ,eAARA,QAAQ;QAAEC,KAAK,eAALA,KAAK;MAC7B,IAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAM,CAACD,KAAK;MAEhC,IAAID,KAAK,CAACC,KAAK,EAAEH,IAAI,CAAC,EAAE;QACtB,MAAKK,QAAQ,CAAC;UACZH,KAAK,EAAE,IAAI;UACXC,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACD;QACtB,CAAC,CAAC;MACJ,CAAC,MAAM;QACL,MAAKE,QAAQ,CAAC;UACZH,KAAK,EAAE,KAAK;UACZC,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACD;QACtB,CAAC,CAAC;QAEFF,QAAQ,CAACF,KAAK,CAAC;MACjB;IACF,CAAC;IA5BC,MAAKO,KAAK,GAAG;MACXH,KAAK,EAAEL,KAAK,CAACK;IACf,CAAC;IAAC;EACJ;EAAC;IAAA;IAAA,OAED,mCAA0BI,QAAQ,EAAE;MAClC,IAAI,CAACF,QAAQ,CAAC;QACZF,KAAK,EAAEI,QAAQ,CAACJ;MAClB,CAAC,CAAC;IACJ;EAAC;IAAA;IAAA,OAqBD,kBAAS;MACP,mBAKI,IAAI,CAACL,KAAK;QAJZU,KAAK,gBAALA,KAAK;QACLR,IAAI,gBAAJA,IAAI;QACJS,oBAAoB,gBAApBA,oBAAoB;QACjBC,IAAI;MAET,kBAAyB,IAAI,CAACJ,KAAK;QAA3BH,KAAK,eAALA,KAAK;QAAED,KAAK,eAALA,KAAK;MAEpB,OAAOM,KAAK,gBACV,oBAAC,wBAAc;QAAC,KAAK,EAAEA;MAAM,gBAC3B,oBAAC,iBAAa;QAAC,IAAI,EAAER;MAAK,GAAKU,IAAI;QAAE,KAAK,EAAEP,KAAM;QAAC,QAAQ,EAAE,IAAI,CAACF,QAAS;QAAC,KAAK,EAAEC;MAAM,GAAG,CAC7E,gBAEjB,oBAAC,iBAAa;QAAC,IAAI,EAAEF;MAAK,GAAKU,IAAI;QAAE,KAAK,EAAEP,KAAM;QAAC,QAAQ,EAAE,IAAI,CAACF,QAAS;QAAC,KAAK,EAAEC;MAAM,GAC1F;IACH;EAAC;EAAA;AAAA,EAjEgCS,KAAK,CAACC,SAAS;AAAA;AAAA,iCAA7Bf,KAAK,eACL;EACjBM,KAAK,EAAEU,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAChEf,QAAQ,EAAEY,qBAAS,CAACI,IAAI,CAACC,UAAU;EACnCV,KAAK,EAAEK,qBAAS,CAACE,MAAM;EACvBf,IAAI,EAAEa,qBAAS,CAACE,MAAM,CAACG,UAAU;EACjChB,KAAK,EAAEW,qBAAS,CAACI,IAAI;EACrBR,oBAAoB,EAAEI,qBAAS,CAACM;AAClC,CAAC;AAAA,iCARkBtB,KAAK,kBAUF;EACpBG,IAAI,EAAE,MAAM;EACZE,KAAK,EAAE,eAACC,KAAK,EAAEH,IAAI;IAAA,OAAMA,IAAI,KAAK,QAAQ,GAAG,CAACG,KAAK,IAAIiB,KAAK,CAACjB,KAAK,CAAC,GAAG,CAACA,KAAK;EAAA,CAAC;EAC7EM,oBAAoB,EAAE;AACxB,CAAC"}
+{"version":3,"sources":["../src/input.jsx"],"names":["Input","props","event","type","onChange","error","value","target","setState","state","newProps","label","noModelUpdateOnError","rest","React","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;IAEqBA,K;;;;;AAgBnB,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAcR,UAACC,KAAD,EAAW;AACpB,wBAAkC,MAAKD,KAAvC;AAAA,UAAQE,IAAR,eAAQA,IAAR;AAAA,UAAcC,QAAd,eAAcA,QAAd;AAAA,UAAwBC,KAAxB,eAAwBA,KAAxB;AACA,UAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAAaD,KAA3B;;AAEA,UAAID,KAAK,CAACC,KAAD,EAAQH,IAAR,CAAT,EAAwB;AACtB,cAAKK,QAAL,CAAc;AACZH,UAAAA,KAAK,EAAE,IADK;AAEZC,UAAAA,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;AAFR,SAAd;AAID,OALD,MAKO;AACL,cAAKE,QAAL,CAAc;AACZH,UAAAA,KAAK,EAAE,KADK;AAEZC,UAAAA,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;AAFR,SAAd;;AAKAF,QAAAA,QAAQ,CAACF,KAAD,CAAR;AACD;AACF,KA/BkB;AAGjB,UAAKO,KAAL,GAAa;AACXH,MAAAA,KAAK,EAAEL,KAAK,CAACK;AADF,KAAb;AAHiB;AAMlB;;;;WAED,mCAA0BI,QAA1B,EAAoC;AAClC,WAAKF,QAAL,CAAc;AACZF,QAAAA,KAAK,EAAEI,QAAQ,CAACJ;AADJ,OAAd;AAGD;;;WAqBD,kBAAS;AACP,yBAKI,KAAKL,KALT;AAAA,UACEU,KADF,gBACEA,KADF;AAAA,UAEER,IAFF,gBAEEA,IAFF;AAAA,UAGES,oBAHF,gBAGEA,oBAHF;AAAA,UAIKC,IAJL;AAMA,wBAAyB,KAAKJ,KAA9B;AAAA,UAAQH,KAAR,eAAQA,KAAR;AAAA,UAAeD,KAAf,eAAeA,KAAf;AAEA,aAAOM,KAAK,gBACV,oBAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEA;AAAvB,sBACE,oBAAC,iBAAD;AAAe,QAAA,IAAI,EAAER;AAArB,SAA+BU,IAA/B;AAAqC,QAAA,KAAK,EAAEP,KAA5C;AAAmD,QAAA,QAAQ,EAAE,KAAKF,QAAlE;AAA4E,QAAA,KAAK,EAAEC;AAAnF,SADF,CADU,gBAKV,oBAAC,iBAAD;AAAe,QAAA,IAAI,EAAEF;AAArB,SAA+BU,IAA/B;AAAqC,QAAA,KAAK,EAAEP,KAA5C;AAAmD,QAAA,QAAQ,EAAE,KAAKF,QAAlE;AAA4E,QAAA,KAAK,EAAEC;AAAnF,SALF;AAOD;;;EAjEgCS,KAAK,CAACC,S;;;iCAApBf,K,eACA;AACjBM,EAAAA,KAAK,EAAEU,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,CADU;AAEjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAAV,CAAeC,UAFR;AAGjBV,EAAAA,KAAK,EAAEK,sBAAUE,MAHA;AAIjBf,EAAAA,IAAI,EAAEa,sBAAUE,MAAV,CAAiBG,UAJN;AAKjBhB,EAAAA,KAAK,EAAEW,sBAAUI,IALA;AAMjBR,EAAAA,oBAAoB,EAAEI,sBAAUM;AANf,C;iCADAtB,K,kBAUG;AACpBG,EAAAA,IAAI,EAAE,MADc;AAEpBE,EAAAA,KAAK,EAAE,eAACC,KAAD,EAAQH,IAAR;AAAA,WAAkBA,IAAI,KAAK,QAAT,GAAoB,CAACG,KAAD,IAAUiB,KAAK,CAACjB,KAAD,CAAnC,GAA6C,CAACA,KAAhE;AAAA,GAFa;AAGpBM,EAAAA,oBAAoB,EAAE;AAHF,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@material-ui/core/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n  static propTypes = {\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onChange: PropTypes.func.isRequired,\n    label: PropTypes.string,\n    type: PropTypes.string.isRequired,\n    error: PropTypes.func,\n    noModelUpdateOnError: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    type: 'text',\n    error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n    noModelUpdateOnError: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentWillReceiveProps(newProps) {\n    this.setState({\n      value: newProps.value,\n    });\n  }\n\n  onChange = (event) => {\n    const { type, onChange, error } = this.props;\n    const value = event.target.value;\n\n    if (error(value, type)) {\n      this.setState({\n        error: true,\n        value: event.target.value,\n      });\n    } else {\n      this.setState({\n        error: false,\n        value: event.target.value,\n      });\n\n      onChange(event);\n    }\n  };\n\n  render() {\n    const {\n      label,\n      type,\n      noModelUpdateOnError, // eslint-disable-line no-unused-vars\n      ...rest\n    } = this.props;\n    const { value, error } = this.state;\n\n    return label ? (\n      <InputContainer label={label}>\n        <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n      </InputContainer>\n    ) : (\n      <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n    );\n  }\n}\n"],"file":"input.js"}

package/lib/inputs.js

@@ -1,21 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+
 var _renderUi = require("@pie-lib/render-ui");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var InputTypes = {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
@@ -25,12 +38,13 @@ var InputTypes = {
   disabled: _propTypes["default"].bool,
   error: _propTypes["default"].string
 };
+
 var RawInputSwitch = function RawInputSwitch(_ref) {
   var classes = _ref.classes,
-    className = _ref.className,
-    label = _ref.label,
-    checked = _ref.checked,
-    onChange = _ref.onChange;
+      className = _ref.className,
+      label = _ref.label,
+      checked = _ref.checked,
+      onChange = _ref.onChange;
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     className: className,
     label: label
@@ -41,6 +55,7 @@ var RawInputSwitch = function RawInputSwitch(_ref) {
     "aria-label": label
   }));
 };
+
 RawInputSwitch.propTypes = _objectSpread({}, InputTypes);
 var InputSwitch = (0, _styles.withStyles)({
   switchRoot: {
@@ -49,14 +64,15 @@ var InputSwitch = (0, _styles.withStyles)({
   }
 })(RawInputSwitch);
 exports.InputSwitch = InputSwitch;
+
 var RawInputCheckbox = function RawInputCheckbox(props) {
   var classes = props.classes,
-    className = props.className,
-    label = props.label,
-    checked = props.checked,
-    onChange = props.onChange,
-    disabled = props.disabled,
-    error = props.error;
+      className = props.className,
+      label = props.label,
+      checked = props.checked,
+      onChange = props.onChange,
+      disabled = props.disabled,
+      error = props.error;
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     className: className,
     label: label
@@ -68,15 +84,17 @@ var RawInputCheckbox = function RawInputCheckbox(props) {
     "aria-label": label
   }));
 };
+
 RawInputCheckbox.propTypes = _objectSpread({}, InputTypes);
+
 var RawInputRadio = function RawInputRadio(props) {
   var classes = props.classes,
-    className = props.className,
-    label = props.label,
-    checked = props.checked,
-    onChange = props.onChange,
-    disabled = props.disabled,
-    error = props.error;
+      className = props.className,
+      label = props.label,
+      checked = props.checked,
+      onChange = props.onChange,
+      disabled = props.disabled,
+      error = props.error;
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     className: className,
     label: label
@@ -88,6 +106,7 @@ var RawInputRadio = function RawInputRadio(props) {
     "aria-label": label
   }));
 };
+
 RawInputRadio.propTypes = _objectSpread({}, InputTypes);
 var InputCheckbox = (0, _styles.withStyles)({
   checkboxRoot: {

package/lib/inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.js","names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","withStyles","justifyContent","transform","RawInputCheckbox","props","classNames","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  label: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <Switch className={classes.switchRoot} checked={checked} onChange={onChange} aria-label={label} />\n    </InputContainer>\n  );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n  switchRoot: {\n    justifyContent: 'inherit',\n    transform: 'translate(-20%, 20%)',\n  },\n})(RawInputSwitch);\n\nconst RawInputCheckbox = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Checkbox\n        className={classNames(classes.checkboxRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Radio\n        className={classNames(classes.radioRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n  checkboxRoot: {\n    transform: 'translate(-25%, 20%)',\n  },\n  error: {\n    color: 'red',\n  },\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n  radioRoot: {\n    transform: 'translate(-20%, 20%)',\n  },\n  error: {\n    color: 'red',\n  },\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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"}
+{"version":3,"sources":["../src/inputs.jsx"],"names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","RawInputRadio","radioRoot","InputCheckbox","color","InputRadio"],"mappings":"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","sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst InputTypes = {\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  label: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n  return (\n    <InputContainer className={className} label={label}>\n      <Switch className={classes.switchRoot} checked={checked} onChange={onChange} aria-label={label} />\n    </InputContainer>\n  );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n  switchRoot: {\n    justifyContent: 'inherit',\n    transform: 'translate(-20%, 20%)',\n  },\n})(RawInputSwitch);\n\nconst RawInputCheckbox = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Checkbox\n        className={classNames(classes.checkboxRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = (props) => {\n  const { classes, className, label, checked, onChange, disabled, error } = props;\n\n  return (\n    <InputContainer className={className} label={label}>\n      <Radio\n        className={classNames(classes.radioRoot, error && classes.error)}\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-label={label}\n      />\n    </InputContainer>\n  );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles({\n  checkboxRoot: {\n    transform: 'translate(-25%, 20%)',\n  },\n  error: {\n    color: 'red',\n  },\n})(RawInputCheckbox);\n\nconst InputRadio = withStyles(() => ({\n  radioRoot: {\n    transform: 'translate(-20%, 20%)',\n  },\n  error: {\n    color: 'red',\n  },\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"file":"inputs.js"}