@instructure/quiz-core 17.19.2 → 17.20.0

package/lib/moderating/components/resources/AccommodationsModal/ExtraAttemptSettings/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ExtraAttemptSettings = 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _index = _interopRequireDefault(require("./ExtraAttemptsInput/index.js"));
+
+var ExtraAttemptSettings = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ExtraAttemptSettings, _Component);
+
+  var _super = (0, _createSuper2.default)(ExtraAttemptSettings);
+
+  function ExtraAttemptSettings() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ExtraAttemptSettings);
+
+    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));
+
+    _this.clamp = function (value, min, max) {
+      if (value > max) {
+        return max;
+      }
+
+      if (value < min) {
+        return min;
+      }
+
+      return value;
+    };
+
+    _this.state = {
+      rawValue: _this.props.extraAttempts,
+      // what the user has typed in
+      parsedRawValue: _this.props.extraAttempts,
+      // rawValue parsed to a number, or null if invalid
+      normalizedValue: _this.clamp(_this.props.extraAttempts, 0, _this.props.maxExtraAttempts),
+      // the most recent valid, in-range number
+      revert: false // display normalizedValue instead of rawValue when true
+
+    };
+
+    _this.shouldNormalizeOnChange = function (e) {
+      // Input events from arrow keys or arrow buttons should be normalized immediately
+      var fromButtonInput = e.nativeEvent.target && e.nativeEvent.target.tagName !== 'INPUT';
+      var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'up' || e.key === 'down';
+      return fromButtonInput || fromArrowKeys;
+    };
+
+    _this.onChange = function (e, raw, parsed) {
+      var normalizeImmediately = _this.shouldNormalizeOnChange(e);
+
+      var normalizedValue = _this.clamp(parsed, 0, _this.props.maxExtraAttempts);
+
+      var update = {
+        rawValue: normalizeImmediately ? _formatMessage.default.number(normalizedValue) : raw,
+        parsedRawValue: normalizeImmediately ? normalizedValue : parsed,
+        revert: false
+      };
+
+      if (parsed !== null) {
+        update.normalizedValue = normalizedValue;
+      }
+
+      _this.setState(update);
+    };
+
+    _this.onBlur = function () {
+      _this.setState({
+        revert: true
+      });
+
+      _this.props.onChange(_this.state.normalizedValue);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(ExtraAttemptSettings, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        label: (0, _formatMessage.default)('Additional attempts'),
+        max: this.props.maxExtraAttempts,
+        value: this.state.rawValue,
+        parsedValue: this.state.parsedRawValue,
+        revertValue: this.state.normalizedValue,
+        revert: this.state.revert,
+        onChange: this.onChange,
+        onBlur: this.onBlur,
+        messages: this.state.messages
+      });
+    }
+  }]);
+  ExtraAttemptSettings.displayName = "ExtraAttemptSettings";
+  return ExtraAttemptSettings;
+}(_react.Component);
+
+exports.ExtraAttemptSettings = ExtraAttemptSettings;
+ExtraAttemptSettings.propTypes = {
+  onChange: _propTypes.default.func.isRequired,
+  extraAttempts: _propTypes.default.number.isRequired,
+  maxExtraAttempts: _propTypes.default.number
+};
+ExtraAttemptSettings.defaultProps = {
+  maxExtraAttempts: 999
+};
+var _default = ExtraAttemptSettings;
+exports.default = _default;

package/lib/moderating/components/resources/AccommodationsModal/ExtraTimeMultiplier/index.js

@@ -0,0 +1,172 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CustomPropTypes = _interopRequireDefault(require("../../../../../common/util/CustomPropTypes.js"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiView = require("@instructure/ui-view");
+
+var _quizNumberInput = _interopRequireDefault(require("@instructure/quiz-number-input"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var ExtraTimeMultiplier = /*#__PURE__*/function (_withI18nSupport) {
+  (0, _inherits2.default)(ExtraTimeMultiplier, _withI18nSupport);
+
+  var _super = (0, _createSuper2.default)(ExtraTimeMultiplier);
+
+  function ExtraTimeMultiplier() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ExtraTimeMultiplier);
+
+    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));
+
+    _this.onChangeMultiplier = function (e, multiplierString, normalizedValue) {
+      var fromButtonInput = e.nativeEvent.target && e.nativeEvent.target.tagName !== 'INPUT';
+      var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown';
+      var normalizeOnChange = fromButtonInput || fromArrowKeys;
+      var shouldUpdateMessage = e.type !== 'blur';
+      var messages = shouldUpdateMessage ? null : _this.state.multiplierMessages;
+      var aboveMax = normalizedValue > _this.props.maxMultiplier;
+      var belowMin = normalizedValue < _this.props.minMultiplier;
+      var outOfRange = aboveMax || belowMin;
+
+      if (normalizeOnChange && outOfRange) {
+        // Don't allow the up-button or down-button to take us out of range
+        _this.onBlurMultiplier();
+
+        return;
+      }
+
+      if (multiplierString !== '') {
+        if (normalizedValue === null) {
+          var messageText = (0, _formatMessage.default)('{userInput, string} is not a valid number.', {
+            userInput: multiplierString
+          });
+          messages = [{
+            type: 'error',
+            text: messageText
+          }];
+        } else if (normalizedValue > _this.props.maxMultiplier) {
+          var _messageText = (0, _formatMessage.default)('{userInput, string} is above the maximum of {max, number}', {
+            userInput: multiplierString,
+            max: _this.props.maxMultiplier
+          });
+
+          messages = [{
+            type: 'error',
+            text: _messageText
+          }];
+        } else if (normalizedValue < _this.props.minMultiplier) {
+          var _messageText2 = (0, _formatMessage.default)('{userInput, string} is below the minimum of {min, number}', {
+            userInput: multiplierString,
+            min: _this.props.minMultiplier
+          });
+
+          messages = [{
+            type: 'error',
+            text: _messageText2
+          }];
+        }
+      }
+
+      var update = {
+        rawMultiplierValue: multiplierString,
+        multiplierMessages: messages
+      };
+
+      if (normalizedValue !== null) {
+        var valueToUpdate = normalizedValue;
+        valueToUpdate = aboveMax ? _this.props.maxMultiplier : valueToUpdate;
+        valueToUpdate = belowMin ? _this.props.minMultiplier : valueToUpdate;
+        update.normalizedMultiplierValue = valueToUpdate;
+      }
+
+      _this.setState(update);
+    };
+
+    _this.onBlurMultiplier = function () {
+      _this.setState({
+        rawMultiplierValue: _this.formatDecimal2FractionDigits(_this.state.normalizedMultiplierValue)
+      });
+
+      _this.props.onChange(Number(_this.state.normalizedMultiplierValue));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(ExtraTimeMultiplier, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      var multiplierValue = Math.max(this.props.timerMultiplierValue, this.props.minMultiplier);
+      var multiplierValueString = this.formatDecimal2FractionDigits(multiplierValue);
+      this.setState({
+        rawMultiplierValue: multiplierValueString,
+        normalizedMultiplierValue: multiplierValue
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        display: "block",
+        margin: "medium none"
+      }, /*#__PURE__*/_react.default.createElement(_quizNumberInput.default, {
+        renderLabel: (0, _formatMessage.default)('Time limit multiplier'),
+        step: 0.01,
+        value: this.state.rawMultiplierValue,
+        onChange: this.onChangeMultiplier,
+        onBlur: this.onBlurMultiplier,
+        decimalPrecision: 2,
+        messages: this.state.multiplierMessages,
+        "data-automation": "sdk-moderation-time-multiplier"
+      }));
+    }
+  }]);
+  ExtraTimeMultiplier.displayName = "ExtraTimeMultiplier";
+  return ExtraTimeMultiplier;
+}((0, _quizCommon.withI18nSupport)(_react.Component));
+
+ExtraTimeMultiplier.propTypes = {
+  onChange: _propTypes.default.func.isRequired,
+  timerMultiplierValue: _propTypes.default.number.isRequired,
+  maxMultiplier: _propTypes.default.number.isRequired,
+  minMultiplier: _CustomPropTypes.default.numberInRange(1, Infinity),
+  locale: _propTypes.default.string
+};
+ExtraTimeMultiplier.defaultProps = {
+  minMultiplier: 1,
+  locale: null
+};
+ExtraTimeMultiplier.contextTypes = {
+  locale: _propTypes.default.string
+};
+var _default = ExtraTimeMultiplier;
+exports.default = _default;

package/lib/moderating/components/resources/AccommodationsModal/ExtraTimeSettings/ExtraTimeSettings.examples.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  propValues: {
+    timerSettings: [{
+      disableTimer: false,
+      extraTimeEnabled: false,
+      extraTimeInSeconds: null,
+      extraTimeUnit: null,
+      extraTimeValue: null,
+      increaseTimeAllowance: false,
+      timerMultiplierEnabled: false,
+      timerMultiplierValue: null
+    }, {
+      disableTimer: true,
+      extraTimeEnabled: false,
+      extraTimeInSeconds: null,
+      extraTimeUnit: null,
+      extraTimeValue: null,
+      increaseTimeAllowance: false,
+      timerMultiplierEnabled: false,
+      timerMultiplierValue: null
+    }, {
+      disableTimer: false,
+      extraTimeEnabled: true,
+      extraTimeInSeconds: 1800,
+      extraTimeUnit: null,
+      extraTimeValue: null,
+      increaseTimeAllowance: false,
+      timerMultiplierEnabled: false,
+      timerMultiplierValue: null
+    }, {
+      disableTimer: false,
+      extraTimeEnabled: false,
+      extraTimeInSeconds: null,
+      extraTimeUnit: null,
+      extraTimeValue: null,
+      increaseTimeAllowance: false,
+      timerMultiplierEnabled: true,
+      timerMultiplierValue: 4.09
+    }],
+    maxTimeInSeconds: [64920],
+    maxMultiplier: [7.25],
+    minMultiplier: [1]
+  },
+  getComponentProps: function getComponentProps(props) {
+    return {
+      onChange: Function.prototype
+    };
+  }
+};
+exports.default = _default;

package/lib/moderating/components/resources/AccommodationsModal/ExtraTimeSettings/index.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ExtraTimeSettings = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiView = require("@instructure/ui-view");
+
+var _uiSimpleSelect = require("@instructure/ui-simple-select");
+
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/TimeUnitsInput/index.js"));
+
+var _index2 = _interopRequireDefault(require("../ExtraTimeMultiplier/index.js"));
+
+var _index3 = require("../../../../../common/components/shared/FormattedDuration/index.js");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var getTimeAdjustmentType = function getTimeAdjustmentType(timerSettings) {
+  if (timerSettings.timerMultiplierEnabled) {
+    return 'timerMultiplierEnabled';
+  }
+
+  if (timerSettings.extraTimeEnabled) {
+    return 'extraTimeEnabled';
+  }
+
+  if (timerSettings.disableTimer) {
+    return 'disableTimer';
+  }
+
+  return 'none';
+};
+
+var ExtraTimeSettings = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ExtraTimeSettings, _Component);
+
+  var _super = (0, _createSuper2.default)(ExtraTimeSettings);
+
+  function ExtraTimeSettings() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ExtraTimeSettings);
+
+    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));
+
+    _this.onChangeTimeAdjustmentType = function (event, _ref) {
+      var value = _ref.value;
+      var timeAdjustments = {
+        timerMultiplierEnabled: false,
+        extraTimeEnabled: false,
+        disableTimer: false
+      };
+
+      if (value !== 'none') {
+        timeAdjustments[value] = true;
+      }
+
+      _this.props.onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props.timerSettings), timeAdjustments));
+    };
+
+    _this.onChangeExtraSeconds = function (seconds) {
+      var update = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props.timerSettings), {}, {
+        extraTimeInSeconds: seconds
+      });
+
+      _this.props.onChange(update);
+    };
+
+    _this.onChangeMultiplier = function (multiplier) {
+      var update = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props.timerSettings), {}, {
+        timerMultiplierValue: multiplier
+      });
+
+      _this.props.onChange(update);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(ExtraTimeSettings, [{
+    key: "render",
+    value: function render() {
+      var timerSettings = this.props.timerSettings;
+      var timeAdjustmentType = getTimeAdjustmentType(timerSettings);
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        display: "block",
+        margin: "medium none"
+      }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect, {
+        renderLabel: (0, _formatMessage.default)('Time adjustments'),
+        assistiveText: (0, _formatMessage.default)('4 options available. Use arrow keys to navigate options.'),
+        value: timeAdjustmentType,
+        onChange: this.onChangeTimeAdjustmentType,
+        "data-automation": "sdk-moderation-time-dropdown"
+      }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+        id: "extra-time-settings-select-option-none",
+        value: "none"
+      }, (0, _formatMessage.default)('None')), /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+        id: "extra-time-settings-select-option-additional-time",
+        value: "extraTimeEnabled"
+      }, (0, _formatMessage.default)('Give additional time')), /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+        id: "extra-time-settings-select-option-remove-time",
+        value: "disableTimer"
+      }, (0, _formatMessage.default)('Remove time limit (unlimited)')), /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+        id: "extra-time-settings-select-option-time-multiplier",
+        value: "timerMultiplierEnabled"
+      }, (0, _formatMessage.default)('Time limit multiplier'))), timeAdjustmentType === 'extraTimeEnabled' && /*#__PURE__*/_react.default.createElement(_index.default, {
+        onChange: this.onChangeExtraSeconds,
+        timeInSeconds: timerSettings.extraTimeInSeconds,
+        maxTimeInSeconds: this.props.maxTimeInSeconds,
+        hoursLabel: (0, _formatMessage.default)('Hours'),
+        hoursDataAutomation: "sdk-moderation-time-hours",
+        minutesLabel: (0, _formatMessage.default)('Minutes'),
+        minutesDataAutomation: "sdk-moderation-time-minutes",
+        description: (0, _formatMessage.default)('Additional time'),
+        margin: "medium none"
+      }), timeAdjustmentType === 'timerMultiplierEnabled' && /*#__PURE__*/_react.default.createElement(_index2.default, {
+        onChange: this.onChangeMultiplier,
+        timerMultiplierValue: timerSettings.timerMultiplierValue,
+        maxMultiplier: this.props.maxMultiplier,
+        minMultiplier: this.props.minMultiplier
+      }));
+    }
+  }]);
+  ExtraTimeSettings.displayName = "ExtraTimeSettings";
+  return ExtraTimeSettings;
+}(_react.Component);
+
+exports.ExtraTimeSettings = ExtraTimeSettings;
+ExtraTimeSettings.propTypes = {
+  timerSettings: _propTypes.default.shape({
+    disableTimer: _propTypes.default.bool,
+    extraTimeEnabled: _propTypes.default.bool,
+    extraTimeInSeconds: _propTypes.default.number,
+    increaseTimeAllowance: _propTypes.default.bool,
+    timerMultiplierEnabled: _propTypes.default.bool,
+    timerMultiplierValue: _propTypes.default.number
+  }).isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  maxTimeInSeconds: _propTypes.default.number,
+  maxMultiplier: _propTypes.default.number,
+  minMultiplier: _propTypes.default.number
+};
+ExtraTimeSettings.defaultProps = {
+  maxTimeInSeconds: 168 * _index3.HOUR_IN_SECONDS,
+  maxMultiplier: 99,
+  minMultiplier: 1
+};
+var _default = ExtraTimeSettings;
+exports.default = _default;

package/lib/moderating/components/resources/AccommodationsModal/index.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AccommodationModal = 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uiTooltip = require("@instructure/ui-tooltip");
+
+var _uiModal = require("@instructure/ui-modal");
+
+var _uiTruncateText = require("@instructure/ui-truncate-text");
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _uiView = require("@instructure/ui-view");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var AccommodationModal = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AccommodationModal, _Component);
+
+  var _super = (0, _createSuper2.default)(AccommodationModal);
+
+  function AccommodationModal() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AccommodationModal);
+
+    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));
+    _this.state = {
+      isTruncated: false
+    };
+
+    _this.handleUpdate = function (isTruncated) {
+      if (_this.state.isTruncated !== isTruncated) {
+        _this.setState({
+          isTruncated: isTruncated
+        });
+      }
+    };
+
+    _this.handleAccommodationsModalExited = function () {
+      _this.setState({
+        isTruncated: false
+      });
+    };
+
+    _this.renderName = function (renderProps) {
+      var focused = renderProps && renderProps.focused;
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        "aria-hidden": "true",
+        display: "inline-block",
+        borderRadius: "small",
+        position: "relative",
+        focused: _this.state.isTruncated && focused,
+        as: "div",
+        tabIndex: _this.state.isTruncated ? 0 : null
+      }, /*#__PURE__*/_react.default.createElement(_uiTruncateText.TruncateText, {
+        maxLines: 2,
+        truncate: "character",
+        onUpdate: _this.handleUpdate
+      }, _this.props.studentName));
+    };
+
+    _this.saveAction = function () {
+      _this.props.onSubmit && _this.props.onSubmit();
+
+      _this.props.closeModal();
+    };
+
+    _this.cancelAction = function () {
+      _this.props.onDismiss && _this.props.onDismiss();
+
+      _this.props.closeModal();
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AccommodationModal, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          studentName = _this$props.studentName,
+          open = _this$props.open,
+          closeModal = _this$props.closeModal,
+          mountNode = _this$props.mountNode,
+          children = _this$props.children;
+      return /*#__PURE__*/_react.default.createElement(_uiModal.Modal, {
+        open: open,
+        label: studentName,
+        mountNode: mountNode,
+        size: "small",
+        onExited: this.handleAccommodationsModalExited
+      }, /*#__PURE__*/_react.default.createElement(_uiModal.Modal.Header, null, /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
+        onClick: closeModal,
+        placement: "end",
+        offset: "medium",
+        screenReaderLabel: (0, _formatMessage.default)('Close')
+      }), /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, null, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, studentName), this.state.isTruncated ? /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
+        tip: studentName,
+        mountNode: mountNode
+      }, this.renderName) : this.renderName())), /*#__PURE__*/_react.default.createElement(_uiModal.Modal.Body, null, children), /*#__PURE__*/_react.default.createElement(_uiModal.Modal.Footer, null, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        onClick: this.cancelAction,
+        margin: "xxx-small",
+        "data-automation": "sdk-moderation-cancel"
+      }, (0, _formatMessage.default)('Cancel')), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        variant: "primary",
+        onClick: this.saveAction,
+        margin: "xxx-small",
+        "data-automation": "sdk-moderation-save"
+      }, (0, _formatMessage.default)('Save'))));
+    }
+  }]);
+  AccommodationModal.displayName = "AccommodationModal";
+  return AccommodationModal;
+}(_react.Component);
+
+exports.AccommodationModal = AccommodationModal;
+AccommodationModal.propTypes = {
+  closeModal: _propTypes.default.func.isRequired,
+  open: _propTypes.default.bool.isRequired,
+  studentName: _propTypes.default.string.isRequired,
+  onSubmit: _propTypes.default.func,
+  onDismiss: _propTypes.default.func,
+  mountNode: _propTypes.default.string,
+  //this is just to fix chromatic
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)])
+};
+AccommodationModal.defaultProps = {
+  mountNode: null,
+  onSubmit: null,
+  onDismiss: null,
+  children: [],
+  ellipsis: null // placeholder for when different ellipsis are needed (ellipsis language-dependent)
+
+};
+var _default = AccommodationModal;
+exports.default = _default;