@pie-element/fraction-model 4.3.4-next.0 → 5.0.0-beta.0

package/lib/answer-fraction.js

@@ -1,174 +1,109 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.AnswerFraction = 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"));
-
+exports.default = exports.AnswerFraction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _core = require("@material-ui/core");
-
-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; }
-
-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 AnswerFraction = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(AnswerFraction, _React$Component);
-
-  var _super = _createSuper(AnswerFraction);
-
-  function AnswerFraction() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, AnswerFraction);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onValueChange", function (key) {
-      return function (event) {
-        var _event$target;
-
-        var value = parseInt(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
-        var _this$props = _this.props,
-            model = _this$props.model,
-            onAnswerChange = _this$props.onAnswerChange,
-            answers = _this$props.answers;
-
-        var newAnswers = _objectSpread({}, answers);
-
-        var min = 1;
-        var max = key === 'noOfModel' ? model.maxModelSelected : 9;
-
-        if (value > max) {
-          value = max;
-        } else if (value < min) {
-          value = min;
-        }
-
-        newAnswers[key] = value;
-        onAnswerChange(newAnswers);
+var _styles = require("@mui/material/styles");
+var _material = require("@mui/material");
+const GroupInline = (0, _styles.styled)('div')({
+  alignItems: 'center',
+  display: 'flex',
+  gap: '20px'
+});
+const Group = (0, _styles.styled)('div')({
+  margin: '12px 0'
+});
+const InputLabel = (0, _styles.styled)('label')({
+  display: 'block',
+  marginBottom: '4px'
+});
+const StyledTextField = (0, _styles.styled)(_material.TextField)({
+  width: '120px',
+  maxHeight: '40px',
+  '& [class^="MuiInputBase-root"]': {
+    height: 40,
+    fontSize: '14px'
+  }
+});
+class AnswerFraction extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Function to trigger when value change from number selection
+     * @param {string} key contains event change object
+     * @returns updated answer change object
+     */
+    (0, _defineProperty2.default)(this, "onValueChange", key => event => {
+      let value = parseInt(event?.target?.value);
+      const {
+        model,
+        onAnswerChange,
+        answers
+      } = this.props;
+      const newAnswers = {
+        ...answers
       };
+      const min = 1;
+      const max = key === 'noOfModel' ? model.maxModelSelected : 9;
+      if (value > max) {
+        value = max;
+      } else if (value < min) {
+        value = min;
+      }
+      newAnswers[key] = value;
+      onAnswerChange(newAnswers);
     });
-    return _this;
   }
-
-  (0, _createClass2["default"])(AnswerFraction, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          model = _this$props2.model,
-          classes = _this$props2.classes,
-          showCorrect = _this$props2.showCorrect,
-          answers = _this$props2.answers,
-          disabled = _this$props2.disabled;
-      return /*#__PURE__*/_react["default"].createElement("div", null, model.allowedStudentConfig && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.groupInline
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.group
-      }, /*#__PURE__*/_react["default"].createElement("label", {
-        htmlFor: 'preview_number-of-models',
-        className: classes.inputLabel
-      }, "Number of Models"), /*#__PURE__*/_react["default"].createElement(_core.TextField, {
-        className: classes.textField,
-        id: "preview_number-of-models",
-        inputProps: {
-          min: 1,
-          max: model.maxModelSelected
-        },
-        name: "preview_number-of-models",
-        onChange: this.onValueChange('noOfModel'),
-        type: "number",
-        variant: "outlined",
-        disabled: disabled,
-        value: showCorrect ? model.maxModelSelected : answers.noOfModel
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.group
-      }, /*#__PURE__*/_react["default"].createElement("label", {
-        htmlFor: 'preview_parts-per-model',
-        className: classes.inputLabel
-      }, "Parts per Model"), /*#__PURE__*/_react["default"].createElement(_core.TextField, {
-        className: classes.textField,
-        id: "preview_parts-per-model",
-        inputProps: {
-          min: 1,
-          max: 9
-        },
-        name: "preview_parts-per-model",
-        onChange: this.onValueChange('partsPerModel'),
-        type: "number",
-        variant: "outlined",
-        disabled: disabled,
-        value: showCorrect ? model.partsPerModel : answers.partsPerModel
-      }))));
-    }
-  }]);
-  return AnswerFraction;
-}(_react["default"].Component);
-
+  render() {
+    const {
+      model,
+      showCorrect,
+      answers,
+      disabled
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", null, model.allowedStudentConfig && /*#__PURE__*/_react.default.createElement(GroupInline, null, /*#__PURE__*/_react.default.createElement(Group, null, /*#__PURE__*/_react.default.createElement(InputLabel, {
+      htmlFor: 'preview_number-of-models'
+    }, "Number of Models"), /*#__PURE__*/_react.default.createElement(StyledTextField, {
+      id: "preview_number-of-models",
+      inputProps: {
+        min: 1,
+        max: model.maxModelSelected
+      },
+      name: "preview_number-of-models",
+      onChange: this.onValueChange('noOfModel'),
+      type: "number",
+      variant: "outlined",
+      disabled: disabled,
+      value: showCorrect ? model.maxModelSelected : answers.noOfModel
+    })), /*#__PURE__*/_react.default.createElement(Group, null, /*#__PURE__*/_react.default.createElement(InputLabel, {
+      htmlFor: 'preview_parts-per-model'
+    }, "Parts per Model"), /*#__PURE__*/_react.default.createElement(StyledTextField, {
+      id: "preview_parts-per-model",
+      inputProps: {
+        min: 1,
+        max: 9
+      },
+      name: "preview_parts-per-model",
+      onChange: this.onValueChange('partsPerModel'),
+      type: "number",
+      variant: "outlined",
+      disabled: disabled,
+      value: showCorrect ? model.partsPerModel : answers.partsPerModel
+    }))));
+  }
+}
 exports.AnswerFraction = AnswerFraction;
-(0, _defineProperty2["default"])(AnswerFraction, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  model: _propTypes["default"].object.isRequired,
-  disabled: _propTypes["default"].bool.isRequired,
-  showCorrect: _propTypes["default"].bool.isRequired,
-  onAnswerChange: _propTypes["default"].func.isRequired,
-  answers: _propTypes["default"].object.isRequired
+(0, _defineProperty2.default)(AnswerFraction, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  disabled: _propTypes.default.bool.isRequired,
+  showCorrect: _propTypes.default.bool.isRequired,
+  onAnswerChange: _propTypes.default.func.isRequired,
+  answers: _propTypes.default.object.isRequired
 });
-
-var styles = function styles() {
-  return {
-    groupInline: {
-      alignItems: 'center',
-      display: 'flex',
-      gap: '20px'
-    },
-    group: {
-      margin: '12px 0'
-    },
-    inputLabel: {
-      display: 'block',
-      marginBottom: '4px'
-    },
-    textField: {
-      width: '120px',
-      maxHeight: '40px',
-      '& [class^="MuiInputBase-root"]': {
-        height: 40,
-        fontSize: '14px'
-      }
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(AnswerFraction);
-
-exports["default"] = _default;
+var _default = exports.default = AnswerFraction;
 //# sourceMappingURL=answer-fraction.js.map

package/lib/answer-fraction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/answer-fraction.jsx"],"names":["AnswerFraction","key","event","value","parseInt","target","props","model","onAnswerChange","answers","newAnswers","min","max","maxModelSelected","classes","showCorrect","disabled","allowedStudentConfig","groupInline","group","inputLabel","textField","onValueChange","noOfModel","partsPerModel","React","Component","PropTypes","object","isRequired","bool","func","styles","alignItems","display","gap","margin","marginBottom","width","maxHeight","height","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { TextField } from '@material-ui/core';\n\nexport class AnswerFraction extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    showCorrect: PropTypes.bool.isRequired,\n    onAnswerChange: PropTypes.func.isRequired,\n    answers: PropTypes.object.isRequired,\n  };\n\n  /**\n   * Function to trigger when value change from number selection\n   * @param {string} key contains event change object\n   * @returns updated answer change object\n   */\n  onValueChange = (key) => (event) => {\n    let value = parseInt(event?.target?.value);\n    const { model, onAnswerChange, answers } = this.props;\n    const newAnswers = { ...answers };\n    const min = 1;\n    const max = (key === 'noOfModel') ? model.maxModelSelected : 9;\n    if(value > max) {\n      value = max;\n    } else if(value < min) {\n      value = min;\n    }\n    newAnswers[key] = value;\n    onAnswerChange(newAnswers);\n  };\n\n  render() {\n    const { model, classes, showCorrect, answers, disabled } = this.props;\n\n    return (\n      <div>\n        {model.allowedStudentConfig && (\n          <div className={classes.groupInline}>\n            <div className={classes.group}>\n              <label htmlFor={'preview_number-of-models'} className={classes.inputLabel}>\n                Number of Models\n              </label>\n              <TextField\n                className={classes.textField}\n                id=\"preview_number-of-models\"\n                inputProps={{ min: 1, max: model.maxModelSelected }}\n                name=\"preview_number-of-models\"\n                onChange={this.onValueChange('noOfModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.maxModelSelected : answers.noOfModel}\n              />\n            </div>\n            <div className={classes.group}>\n              <label htmlFor={'preview_parts-per-model'} className={classes.inputLabel}>\n                Parts per Model\n              </label>\n              <TextField\n                className={classes.textField}\n                id=\"preview_parts-per-model\"\n                inputProps={{ min: 1, max: 9 }}\n                name=\"preview_parts-per-model\"\n                onChange={this.onValueChange('partsPerModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.partsPerModel : answers.partsPerModel}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  groupInline: {\n    alignItems: 'center',\n    display: 'flex',\n    gap: '20px',\n  },\n  group: {\n    margin: '12px 0',\n  },\n  inputLabel: {\n    display: 'block',\n    marginBottom: '4px',\n  },\n  textField: {\n    width: '120px',\n    maxHeight: '40px',\n    '& [class^=\"MuiInputBase-root\"]': {\n      height: 40,\n      fontSize: '14px',\n    },\n  },\n});\n\nexport default withStyles(styles)(AnswerFraction);\n"],"file":"answer-fraction.js"}
+{"version":3,"file":"answer-fraction.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","GroupInline","styled","alignItems","display","gap","Group","margin","InputLabel","marginBottom","StyledTextField","TextField","width","maxHeight","height","fontSize","AnswerFraction","React","Component","constructor","args","_defineProperty2","default","key","event","value","parseInt","target","model","onAnswerChange","answers","props","newAnswers","min","max","maxModelSelected","render","showCorrect","disabled","createElement","allowedStudentConfig","htmlFor","id","inputProps","name","onChange","onValueChange","type","variant","noOfModel","partsPerModel","exports","PropTypes","object","isRequired","bool","func","_default"],"sources":["../src/answer-fraction.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { TextField } from '@mui/material';\n\nconst GroupInline = styled('div')({\n  alignItems: 'center',\n  display: 'flex',\n  gap: '20px',\n});\n\nconst Group = styled('div')({\n  margin: '12px 0',\n});\n\nconst InputLabel = styled('label')({\n  display: 'block',\n  marginBottom: '4px',\n});\n\nconst StyledTextField = styled(TextField)({\n  width: '120px',\n  maxHeight: '40px',\n  '& [class^=\"MuiInputBase-root\"]': {\n    height: 40,\n    fontSize: '14px',\n  },\n});\n\nexport class AnswerFraction extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    showCorrect: PropTypes.bool.isRequired,\n    onAnswerChange: PropTypes.func.isRequired,\n    answers: PropTypes.object.isRequired,\n  };\n\n  /**\n   * Function to trigger when value change from number selection\n   * @param {string} key contains event change object\n   * @returns updated answer change object\n   */\n  onValueChange = (key) => (event) => {\n    let value = parseInt(event?.target?.value);\n    const { model, onAnswerChange, answers } = this.props;\n    const newAnswers = { ...answers };\n    const min = 1;\n    const max = (key === 'noOfModel') ? model.maxModelSelected : 9;\n    if(value > max) {\n      value = max;\n    } else if(value < min) {\n      value = min;\n    }\n    newAnswers[key] = value;\n    onAnswerChange(newAnswers);\n  };\n\n  render() {\n    const { model, showCorrect, answers, disabled } = this.props;\n\n    return (\n      <div>\n        {model.allowedStudentConfig && (\n          <GroupInline>\n            <Group>\n              <InputLabel htmlFor={'preview_number-of-models'}>\n                Number of Models\n              </InputLabel>\n              <StyledTextField\n                id=\"preview_number-of-models\"\n                inputProps={{ min: 1, max: model.maxModelSelected }}\n                name=\"preview_number-of-models\"\n                onChange={this.onValueChange('noOfModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.maxModelSelected : answers.noOfModel}\n              />\n            </Group>\n            <Group>\n              <InputLabel htmlFor={'preview_parts-per-model'}>\n                Parts per Model\n              </InputLabel>\n              <StyledTextField\n                id=\"preview_parts-per-model\"\n                inputProps={{ min: 1, max: 9 }}\n                name=\"preview_parts-per-model\"\n                onChange={this.onValueChange('partsPerModel')}\n                type=\"number\"\n                variant=\"outlined\"\n                disabled={disabled}\n                value={showCorrect ? model.partsPerModel : answers.partsPerModel}\n              />\n            </Group>\n          </GroupInline>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default AnswerFraction;\n"],"mappings":"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","ignoreList":[]}