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

package/lib/help.js

@@ -0,0 +1,147 @@
+"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;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    classes: {
+      label: classes.icon
+    },
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(_Help["default"], null));
+};
+
+RawHelpButton.propTypes = {
+  onClick: _propTypes["default"].func,
+  classes: _propTypes["default"].object.isRequired
+};
+var HelpButton = (0, _styles.withStyles)(function (theme) {
+  return {
+    icon: {
+      '&:hover': {
+        color: theme.palette.grey[300]
+      }
+    }
+  };
+})(RawHelpButton);
+exports.HelpButton = HelpButton;
+
+var HelpDialog = function HelpDialog(_ref2) {
+  var open = _ref2.open,
+      onClose = _ref2.onClose,
+      children = _ref2.children,
+      title = _ref2.title;
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: open,
+    onRequestClose: onClose
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, children)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onClose,
+    color: "primary"
+  }, "OK")));
+};
+
+exports.HelpDialog = HelpDialog;
+HelpDialog.propTypes = {
+  open: _propTypes["default"].bool,
+  onClose: _propTypes["default"].func,
+  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 = {
+      open: false
+    };
+    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;
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(HelpButton, {
+        color: "accent",
+        onClick: function onClick() {
+          return _this2.setState({
+            open: true
+          });
+        }
+      }), /*#__PURE__*/_react["default"].createElement(HelpDialog, {
+        open: this.state.open,
+        title: title,
+        onClose: function onClose() {
+          return _this2.setState({
+            open: false
+          });
+        }
+      }, children));
+    }
+  }]);
+  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
+});
+var _default = Help;
+exports["default"] = _default;
+//# sourceMappingURL=help.js.map

package/lib/help.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","theme","color","palette","grey","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);\n\nRawHelpButton.propTypes = {\n  onClick: PropTypes.func,\n  classes: PropTypes.object.isRequired,\n};\n\nexport const HelpButton = withStyles((theme) => ({\n  icon: {\n    '&:hover': {\n      color: theme.palette.grey[300],\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\n    return (\n      <div>\n        <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n\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

@@ -0,0 +1,216 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AlertDialog", {
+  enumerable: true,
+  get: function get() {
+    return _alertDialog["default"];
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox["default"];
+  }
+});
+Object.defineProperty(exports, "ChoiceConfiguration", {
+  enumerable: true,
+  get: function get() {
+    return _choiceConfiguration["default"];
+  }
+});
+Object.defineProperty(exports, "DisplaySize", {
+  enumerable: true,
+  get: function get() {
+    return _displaySize["default"];
+  }
+});
+Object.defineProperty(exports, "FeedbackConfig", {
+  enumerable: true,
+  get: function get() {
+    return _feedbackConfig["default"];
+  }
+});
+Object.defineProperty(exports, "FeedbackSelector", {
+  enumerable: true,
+  get: function get() {
+    return _feedbackConfig.FeedbackSelector;
+  }
+});
+Object.defineProperty(exports, "FormSection", {
+  enumerable: true,
+  get: function get() {
+    return _formSection["default"];
+  }
+});
+Object.defineProperty(exports, "Help", {
+  enumerable: true,
+  get: function get() {
+    return _help["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input["default"];
+  }
+});
+Object.defineProperty(exports, "InputCheckbox", {
+  enumerable: true,
+  get: function get() {
+    return _inputs.InputCheckbox;
+  }
+});
+Object.defineProperty(exports, "InputContainer", {
+  enumerable: true,
+  get: function get() {
+    return _renderUi.InputContainer;
+  }
+});
+Object.defineProperty(exports, "InputRadio", {
+  enumerable: true,
+  get: function get() {
+    return _inputs.InputRadio;
+  }
+});
+Object.defineProperty(exports, "InputSwitch", {
+  enumerable: true,
+  get: function get() {
+    return _inputs.InputSwitch;
+  }
+});
+Object.defineProperty(exports, "Langs", {
+  enumerable: true,
+  get: function get() {
+    return _langs["default"];
+  }
+});
+Object.defineProperty(exports, "LanguageControls", {
+  enumerable: true,
+  get: function get() {
+    return _langs.LanguageControls;
+  }
+});
+Object.defineProperty(exports, "MuiBox", {
+  enumerable: true,
+  get: function get() {
+    return _muiBox["default"];
+  }
+});
+Object.defineProperty(exports, "NChoice", {
+  enumerable: true,
+  get: function get() {
+    return _twoChoice.NChoice;
+  }
+});
+Object.defineProperty(exports, "NumberTextField", {
+  enumerable: true,
+  get: function get() {
+    return _numberTextField["default"];
+  }
+});
+Object.defineProperty(exports, "NumberTextFieldCustom", {
+  enumerable: true,
+  get: function get() {
+    return _numberTextFieldCustom["default"];
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function get() {
+    return _tabs["default"];
+  }
+});
+Object.defineProperty(exports, "TagsInput", {
+  enumerable: true,
+  get: function get() {
+    return _tagsInput["default"];
+  }
+});
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function get() {
+    return _toggle["default"];
+  }
+});
+Object.defineProperty(exports, "TwoChoice", {
+  enumerable: true,
+  get: function get() {
+    return _twoChoice["default"];
+  }
+});
+exports.choiceUtils = void 0;
+Object.defineProperty(exports, "feedbackConfigDefaults", {
+  enumerable: true,
+  get: function get() {
+    return _feedbackConfig.buildDefaults;
+  }
+});
+exports.settings = exports.layout = void 0;
+Object.defineProperty(exports, "withStatefulModel", {
+  enumerable: true,
+  get: function get() {
+    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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,139 @@
+"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;
+      var value = event.target.value;
+
+      if (error(value, type)) {
+        _this.setState({
+          error: true,
+          value: event.target.value
+        });
+      } else {
+        _this.setState({
+          error: false,
+          value: event.target.value
+        });
+
+        onChange(event);
+      }
+    });
+    _this.state = {
+      value: props.value
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Input, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(newProps) {
+      this.setState({
+        value: newProps.value
+      });
+    }
+  }, {
+    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);
+      var _this$state = this.state,
+          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"])({
+        type: type
+      }, rest, {
+        value: value,
+        onChange: this.onChange,
+        error: error
+      }))) : /*#__PURE__*/React.createElement(_Input["default"], (0, _extends2["default"])({
+        type: type
+      }, rest, {
+        value: value,
+        onChange: this.onChange,
+        error: error
+      }));
+    }
+  }]);
+  return Input;
+}(React.Component);
+
+exports["default"] = Input;
+(0, _defineProperty2["default"])(Input, "propTypes", {
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  onChange: _propTypes["default"].func.isRequired,
+  label: _propTypes["default"].string,
+  type: _propTypes["default"].string.isRequired,
+  error: _propTypes["default"].func,
+  noModelUpdateOnError: _propTypes["default"].bool
+});
+(0, _defineProperty2["default"])(Input, "defaultProps", {
+  type: 'text',
+  error: function error(value, type) {
+    return type === 'number' ? !value || isNaN(value) : !value;
+  },
+  noModelUpdateOnError: false
+});
+//# sourceMappingURL=input.js.map

package/lib/input.js.map

@@ -0,0 +1 @@
+{"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,0CAAiCI,QAAjC,EAA2C;AACzC,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  UNSAFE_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

@@ -0,0 +1,139 @@
+"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,
+  label: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  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;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    className: className,
+    label: label
+  }, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+    className: classes.switchRoot,
+    checked: checked,
+    onChange: onChange,
+    "aria-label": label
+  }));
+};
+
+RawInputSwitch.propTypes = _objectSpread({}, InputTypes);
+var InputSwitch = (0, _styles.withStyles)({
+  switchRoot: {
+    justifyContent: 'inherit',
+    transform: 'translate(-20%, 20%)'
+  }
+})(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;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    className: className,
+    label: label
+  }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+    className: (0, _classnames["default"])(classes.checkboxRoot, classes.customColor, error && classes.error),
+    disabled: disabled,
+    checked: checked,
+    onChange: onChange,
+    "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;
+  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    className: className,
+    label: label
+  }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+    className: (0, _classnames["default"])(classes.radioRoot, classes.customColor, error && classes.error),
+    disabled: disabled,
+    checked: checked,
+    onChange: onChange,
+    "aria-label": label
+  }));
+};
+
+RawInputRadio.propTypes = _objectSpread({}, InputTypes);
+var InputCheckbox = (0, _styles.withStyles)(function (theme) {
+  return {
+    checkboxRoot: {
+      transform: 'translate(-25%, 20%)'
+    },
+    error: {
+      color: theme.palette.error.main
+    },
+    customColor: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
+    }
+  };
+})(RawInputCheckbox);
+exports.InputCheckbox = InputCheckbox;
+var InputRadio = (0, _styles.withStyles)(function (theme) {
+  return {
+    radioRoot: {
+      transform: 'translate(-20%, 20%)'
+    },
+    error: {
+      color: theme.palette.error.main
+    },
+    customColor: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
+    }
+  };
+})(RawInputRadio);
+exports.InputRadio = InputRadio;
+//# sourceMappingURL=inputs.js.map