@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js

@@ -1,99 +1,149 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizEntryBankEdit = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiGrid = require("@instructure/ui-grid");
+
 var _uiView = require("@instructure/ui-view");
+
 var _uiRadioInput = require("@instructure/ui-radio-input");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _quizNumberInput = _interopRequireDefault(require("@instructure/quiz-number-input"));
+
 var _uiText = require("@instructure/ui-text");
+
 var _uiAlerts = require("@instructure/ui-alerts");
+
 var _emotion = require("@instructure/emotion");
-var _EntrySave = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave"));
-var _BankSelection = _interopRequireDefault(require("../../../../../../common/components/resources/BankSelection"));
-var _QuizEntry = _interopRequireDefault(require("../../../../../../common/records/QuizEntry"));
-var _Bank = _interopRequireDefault(require("../../../../../../common/records/Bank"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
+
+var _index = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../../../common/components/resources/BankSelection/index.js"));
+
+var _QuizEntry = _interopRequireDefault(require("../../../../../../common/records/QuizEntry.js"));
+
+var _Bank = _interopRequireDefault(require("../../../../../../common/records/Bank.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _dec, _class, _QuizEntryBankEdit, _br, _br2;
-/** @jsx jsx */
-var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
+
+var _dec, _class, _class2, _temp;
+
+var _ref = (0, _emotion.jsx)("br", null);
+
+var _ref2 = (0, _emotion.jsx)("br", null);
+
+var QuizEntryBankEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuizEntryBankEdit, _Component);
+
+  var _super = (0, _createSuper2.default)(QuizEntryBankEdit);
+
   function QuizEntryBankEdit() {
     var _this;
+
     (0, _classCallCheck2.default)(this, QuizEntryBankEdit);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, QuizEntryBankEdit, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       rawPointsPossible: _this.props.pointsPossible,
       normalizedPointsPossible: _this.props.pointsPossible
     };
+
     _this.clearChanges = function () {
       _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
     };
+
     _this.handlePointsChange = function (event, points, normalizedPointsString) {
       var normalizedPoints = Number(normalizedPointsString);
+
       _this.setState({
         rawPointsPossible: points,
         normalizedPointsPossible: normalizedPoints
       });
+
       _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, normalizedPoints);
     };
+
     _this.handlePointsBlur = function () {
       _this.setState({
         rawPointsPossible: _this.props.pointsPossible || '0'
       });
     };
+
     _this.onPropertiesChange = function (properties) {
       _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, properties);
     };
+
     _this.onBankSelection = function (event, option) {
       _this.props.changeQuizEntryEntry(_this.props.quizEntry.id, option.value);
     };
+
     _this.handleQuestionChange = function (event, selection) {
       _this.onPropertiesChange({
         sampleNum: _this.props.sampleNum,
         selection: selection
       });
     };
+
     _this.handleSampleNumChange = function (event, sampleNum, normalizedSampleNum) {
       _this.onPropertiesChange({
         sampleNum: normalizedSampleNum || '0',
         selection: _this.props.questionSelection
       });
     };
+
     _this.sampleNumErrors = function () {
       return _this.props.workingQuizEntry.sampleNumErrors();
     };
+
     _this.pointsPossibleErrors = function () {
       return _this.props.workingQuizEntry.pointsPossibleErrors();
     };
+
     _this.submitHandler = function () {
       var properties = {};
+
       if (_this.props.questionSelection === 'all') {
         properties.sampleNum = null;
       } else {
         properties.sampleNum = _this.props.sampleNum;
       }
+
       _this.props.updateQuizEntry(_this.props.quizId, _this.props.quizEntry.id, {
         properties: properties,
         pointsPossible: _this.state.normalizedPointsPossible,
         entryId: _this.props.workingBank.id
       });
+
       _this.props.clearModifications();
     };
+
     _this.renderPointsPossibleRow = function () {
       return (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 3
@@ -111,10 +161,11 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withSty
         messages: _this.pointsPossibleErrors()
       })));
     };
+
     return _this;
   }
-  (0, _inherits2.default)(QuizEntryBankEdit, _Component);
-  return (0, _createClass2.default)(QuizEntryBankEdit, [{
+
+  (0, _createClass2.default)(QuizEntryBankEdit, [{
     key: "renderQuestionSelectRadioGroup",
     value: function renderQuestionSelectRadioGroup() {
       return (0, _emotion.jsx)(_uiRadioInput.RadioInputGroup, {
@@ -138,6 +189,7 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withSty
       if (this.props.questionSelection === 'all') {
         return;
       }
+
       return (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 3
       }, (0, _emotion.jsx)(_uiText.Text, {
@@ -167,11 +219,11 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withSty
     value: function renderContent() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.quizEntryBankText
-      }, (0, _emotion.jsx)(_BankSelection.default, {
+      }, (0, _emotion.jsx)(_index2.default, {
         label: (0, _formatMessage.default)('Select the source bank'),
         selectedBank: this.props.workingBank,
         onBankSelection: this.onBankSelection
-      }), _br || (_br = (0, _emotion.jsx)("br", null)), this.renderQuestionSelectRadioGroup(), _br2 || (_br2 = (0, _emotion.jsx)("br", null)), this.renderQuestionNumberInputs());
+      }), _ref, this.renderQuestionSelectRadioGroup(), _ref2, this.renderQuestionNumberInputs());
     }
   }, {
     key: "renderErrors",
@@ -193,7 +245,7 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withSty
         css: this.props.styles.borderLine
       }), (0, _emotion.jsx)(_uiView.View, {
         textAlign: "end"
-      }, (0, _emotion.jsx)(_EntrySave.default, {
+      }, (0, _emotion.jsx)(_index.default, {
         clearChanges: this.clearChanges,
         displayPosition: this.props.displayPosition,
         disableSubmit: !this.props.workingQuizEntry.isValid(),
@@ -203,7 +255,9 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withSty
       })));
     }
   }]);
-}(_react.Component), _QuizEntryBankEdit.propTypes = {
+  QuizEntryBankEdit.displayName = "QuizEntryBankEdit";
+  return QuizEntryBankEdit;
+}(_react.Component), _class2.propTypes = {
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   changeQuizEntryProperties: _propTypes.default.func.isRequired,
   changeQuizEntryEntry: _propTypes.default.func.isRequired,
@@ -220,7 +274,9 @@ var QuizEntryBankEdit = exports.QuizEntryBankEdit = (_dec = (0, _emotion.withSty
   workingBank: _propTypes.default.instanceOf(_Bank.default).isRequired,
   workingQuizEntry: _propTypes.default.instanceOf(_QuizEntry.default).isRequired,
   styles: _propTypes.default.object
-}, _QuizEntryBankEdit.defaultProps = {
+}, _class2.defaultProps = {
   sampleNum: void 0
-}, _QuizEntryBankEdit)) || _class);
-var _default = exports.default = QuizEntryBankEdit;
+}, _temp)) || _class);
+exports.QuizEntryBankEdit = QuizEntryBankEdit;
+var _default = QuizEntryBankEdit;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     marginAdd: {
@@ -32,4 +33,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    typography = _ref.typography,
-    borders = _ref.borders;
+      colors = _ref.colors,
+      typography = _ref.typography,
+      borders = _ref.borders;
   return {
     marginAddMargin: spacing.xSmall,
     quizEntryBankEditBackgroundColor: colors.white,
@@ -25,4 +26,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderLineBottomBorderColor: colors.ash
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js

@@ -1,34 +1,57 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizEntryBank = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiView = require("@instructure/ui-view");
+
 var _uiAlerts = require("@instructure/ui-alerts");
+
 var _uiText = require("@instructure/ui-text");
+
 var _emotion = require("@instructure/emotion");
-var _Bank = _interopRequireDefault(require("../../../../../../common/records/Bank"));
-var _QuizEntry = _interopRequireDefault(require("../../../../../../common/records/QuizEntry"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
+
+var _Bank = _interopRequireDefault(require("../../../../../../common/records/Bank.js"));
+
+var _QuizEntry = _interopRequireDefault(require("../../../../../../common/records/QuizEntry.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _dec, _class, _QuizEntryBank, _br;
-/** @jsx jsx */
-var QuizEntryBank = exports.QuizEntryBank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
+
+var _dec, _class, _class2, _temp;
+
+var _ref = (0, _emotion.jsx)("br", null);
+
+var QuizEntryBank = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuizEntryBank, _Component);
+
+  var _super = (0, _createSuper2.default)(QuizEntryBank);
+
   function QuizEntryBank() {
     (0, _classCallCheck2.default)(this, QuizEntryBank);
-    return (0, _callSuper2.default)(this, QuizEntryBank, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2.default)(QuizEntryBank, _Component);
-  return (0, _createClass2.default)(QuizEntryBank, [{
+
+  (0, _createClass2.default)(QuizEntryBank, [{
     key: "renderSampleError",
     value: function renderSampleError() {
       return (0, _emotion.jsx)("div", {
@@ -56,11 +79,13 @@ var QuizEntryBank = exports.QuizEntryBank = (_dec = (0, _emotion.withStyle)(_sty
     key: "renderErrors",
     value: function renderErrors() {
       var _this$props = this.props,
-        entry = _this$props.entry,
-        quizEntry = _this$props.quizEntry;
+          entry = _this$props.entry,
+          quizEntry = _this$props.quizEntry;
+
       if (entry.archived) {
         return this.renderDeletedError();
       }
+
       if (quizEntry.selection === 'rand' && quizEntry.sampleNum > entry.itemEntryCount) {
         return this.renderSampleError();
       }
@@ -76,7 +101,7 @@ var QuizEntryBank = exports.QuizEntryBank = (_dec = (0, _emotion.withStyle)(_sty
         color: "primary"
       }, (0, _formatMessage.default)("{ number, plural,\n                =0 { All questions pulled from bank: }\n                one {# question pulled randomly from bank: }\n                other {# questions pulled randomly from bank: }\n              } ", {
         number: sampleNum
-      }), (0, _emotion.jsx)("b", null, this.props.entry.title), _br || (_br = (0, _emotion.jsx)("br", null)), (0, _formatMessage.default)("{ number, plural,\n                one {# point per question }\n                other {# points per question }\n              }", {
+      }), (0, _emotion.jsx)("b", null, this.props.entry.title), _ref, (0, _formatMessage.default)("{ number, plural,\n                one {# point per question }\n                other {# points per question }\n              }", {
         number: this.props.quizEntry.pointsPossible
       })));
     }
@@ -93,9 +118,13 @@ var QuizEntryBank = exports.QuizEntryBank = (_dec = (0, _emotion.withStyle)(_sty
       }, this.renderErrors(), this.renderContent()));
     }
   }]);
-}(_react.Component), _QuizEntryBank.propTypes = {
+  QuizEntryBank.displayName = "QuizEntryBank";
+  return QuizEntryBank;
+}(_react.Component), _class2.propTypes = {
   entry: _propTypes.default.instanceOf(_Bank.default).isRequired,
   quizEntry: _propTypes.default.instanceOf(_QuizEntry.default).isRequired,
   styles: _propTypes.default.object
-}, _QuizEntryBank)) || _class);
-var _default = exports.default = QuizEntryBank;
+}, _temp)) || _class);
+exports.QuizEntryBank = QuizEntryBank;
+var _default = QuizEntryBank;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     quizEntryBank: {
@@ -21,4 +22,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/theme.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    typography = _ref.typography,
-    borders = _ref.borders;
+      colors = _ref.colors,
+      typography = _ref.typography,
+      borders = _ref.borders;
   return {
     quizEntryBankBackgroundColor: colors.white,
     quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.oxford),
@@ -17,4 +18,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     alertWrapperMargin: spacing.small
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/index.js

@@ -1,19 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.mapStateToProps = mapStateToProps;
-var _reactRedux = require("../../../../../../common/react-redux");
-var _makeEditable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeEditable"));
-var _presenter = _interopRequireDefault(require("./presenter"));
+exports.default = void 0;
+
+var _reactRedux = require("../../../../../../common/react-redux.js");
+
+var _makeEditable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeEditable.js"));
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
 function mapStateToProps(state, props) {
   var entry = props.entry,
-    quizEntry = props.quizEntry,
-    workingQuizEntry = props.workingQuizEntry;
+      quizEntry = props.quizEntry,
+      workingQuizEntry = props.workingQuizEntry;
   var workingEntry;
+
   if (quizEntry.isItem || quizEntry.isBankEntry) {
     workingEntry = workingQuizEntry.getItem();
   } else {
@@ -22,8 +28,12 @@ function mapStateToProps(state, props) {
     // Bank quizEntry with Item entry.
     workingEntry = entry.getWorkingInstance();
   }
+
   return {
     workingEntry: workingEntry
   };
 }
-var _default = exports.default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps)(_presenter.default));
+
+var _default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps)(_presenter.default));
+
+exports.default = _default;