@instructure/quiz-interactions/lib/components/numeric/Edit/WithinARange.js

A React UI component Library for quiz interaction types.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _quizI18n = require("@instructure/quiz-i18n");
var _quizCommon = require("@instructure/quiz-common");
var _quizNumberInput = require("@instructure/quiz-number-input");
var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
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 _callSuper(_this, derived, args) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;
    try {
      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
    } catch (e) {
      return false;
    }
  }
  derived = (0, _getPrototypeOf2["default"])(derived);
  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
}
var WithinARange = exports["default"] = /*#__PURE__*/function (_Component) {
  function WithinARange() {
    var _this2;
    (0, _classCallCheck2["default"])(this, WithinARange);
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this2 = _callSuper(this, WithinARange, [].concat(args));
    (0, _defineProperty2["default"])(_this2, "state", {
      start: '',
      end: ''
    });
    (0, _defineProperty2["default"])(_this2, "handleStartChange", function (event, value, normalized) {
      _this2.setState({
        start: value
      });
      _this2.props.onChange(event, {
        id: _this2.props.id,
        start: normalized
      });
    });
    (0, _defineProperty2["default"])(_this2, "handleEndChange", function (event, value, normalized) {
      _this2.setState({
        end: value
      });
      _this2.props.onChange(event, {
        id: _this2.props.id,
        end: normalized
      });
    });
    return _this2;
  }
  (0, _inherits2["default"])(WithinARange, _Component);
  return (0, _createClass2["default"])(WithinARange, [{
    key: "UNSAFE_componentWillMount",
    value: function UNSAFE_componentWillMount() {
      if (this.props.start) {
        var start;
        try {
          start = _quizI18n.Decimal.toLocaleString(this.props.start, this.props.locale);
        } catch (_unused) {
          start = this.props.start;
        }
        this.setState({
          start: start
        });
      }
      if (this.props.end) {
        var end;
        try {
          end = _quizI18n.Decimal.toLocaleString(this.props.end, this.props.locale);
        } catch (_unused2) {
          end = this.props.end;
        }
        this.setState({
          end: end
        });
      }
    }
  }, {
    key: "render",
    value: function render() {
      var currentStartValue = this.state.start;
      var currentEndValue = this.state.end;
      return /*#__PURE__*/_react["default"].createElement(_quizCommon.Flex, {
        alignItems: "start"
      }, /*#__PURE__*/_react["default"].createElement(_quizCommon.Flex.Item, {
        shouldGrow: true,
        shouldShrink: true,
        margin: "0 xx-small"
      }, this.props.numericTypeSelect), /*#__PURE__*/_react["default"].createElement(_quizCommon.Flex.Item, {
        shouldGrow: true,
        shouldShrink: true,
        margin: "0 xx-small"
      }, /*#__PURE__*/_react["default"].createElement(_quizNumberInput.ScientificNumberInput, {
        renderLabel: (0, _formatMessage["default"])('Range start'),
        messages: this.props.messages.start,
        onChange: this.handleStartChange,
        value: currentStartValue,
        "aria-valuetext": "".concat(currentStartValue, " ").concat((0, _formatMessage["default"])('Range start')),
        isRequired: true
      })), /*#__PURE__*/_react["default"].createElement(_quizCommon.Flex.Item, {
        shouldGrow: true,
        shouldShrink: true,
        margin: "0 xx-small"
      }, /*#__PURE__*/_react["default"].createElement(_quizNumberInput.ScientificNumberInput, {
        renderLabel: (0, _formatMessage["default"])('Range end'),
        messages: this.props.messages.end,
        onChange: this.handleEndChange,
        value: currentEndValue,
        "aria-valuetext": "".concat(currentEndValue, " ").concat((0, _formatMessage["default"])('Range end')),
        isRequired: true
      })));
    }
  }]);
}(_react.Component);
(0, _defineProperty2["default"])(WithinARange, "propTypes", {
  end: _propTypes["default"].string,
  id: _propTypes["default"].string.isRequired,
  locale: _propTypes["default"].string.isRequired,
  messages: _propTypes["default"].objectOf(_propTypes["default"].array),
  numericTypeSelect: _propTypes["default"].node.isRequired,
  onChange: _propTypes["default"].func.isRequired,
  start: _propTypes["default"].string
});
(0, _defineProperty2["default"])(WithinARange, "defaultProps", {
  end: void 0,
  messages: void 0,
  start: void 0
});