@instructure/quiz-core 17.58.2-rc.0 → 17.58.2-rc.10

package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/index.js

@@ -0,0 +1,68 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Text } from '@instructure/ui-text';
+import { Link } from '@instructure/ui-link';
+import { Flex } from '@instructure/ui-flex';
+import { themeable } from '@instructure/ui-themeable';
+import Card from "../../../../../common/components/shared/Card/index.js";
+var styles = {
+  componentId: 'eRzKS',
+  template: function template(theme) {
+    return "\n\n.eRzKS_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eRzKS_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}");
+  },
+  'card': 'eRzKS_fbIL',
+  'details': 'eRzKS_ebWM'
+};
+import theme from "../../ReportCard/theme.js";
+export var NewQuizAndItemAnalysisReportCard = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(NewQuizAndItemAnalysisReportCard, _Component);
+
+  var _super = _createSuper(NewQuizAndItemAnalysisReportCard);
+
+  function NewQuizAndItemAnalysisReportCard() {
+    _classCallCheck(this, NewQuizAndItemAnalysisReportCard);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(NewQuizAndItemAnalysisReportCard, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          href = _this$props.href;
+      return /*#__PURE__*/React.createElement(Card, {
+        className: styles.card
+      }, /*#__PURE__*/React.createElement(Flex, {
+        direction: "column"
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(Text, {
+        size: "medium",
+        weight: "bold"
+      }, name)), /*#__PURE__*/React.createElement(Flex.Item, {
+        align: "end"
+      }, /*#__PURE__*/React.createElement(Link, {
+        href: href
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: "small"
+      }, t('View Report'))))));
+    }
+  }]);
+
+  NewQuizAndItemAnalysisReportCard.displayName = "NewQuizAndItemAnalysisReportCard";
+  return NewQuizAndItemAnalysisReportCard;
+}(Component), _class2.propTypes = {
+  name: PropTypes.node,
+  href: PropTypes.string
+}, _class2.defaultProps = {
+  name: void 0,
+  href: void 0
+}, _temp)) || _class);
+export default NewQuizAndItemAnalysisReportCard;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/index.js

@@ -0,0 +1,2 @@
+import { ScoreDistribution } from "./presenter.js";
+export default ScoreDistribution;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/presenter.js

@@ -0,0 +1,84 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _temp;
+
+import React, { Component } from 'react';
+import QuintileDistribution from "../../../../charts/QuintileDistribution/index.js";
+import { themeable } from '@instructure/ui-themeable';
+import theme from "./theme.js";
+var styles = {
+  componentId: 'eRgoL',
+  template: function template(theme) {
+    return "\n\n.eRgoL_YBfL{background-color:".concat(theme.legendRectFillColor || 'inherit', "}\n\n.eRgoL_eDZF{column-gap:10px;display:inline-flex;padding:").concat(theme.legendPadding || 'inherit', " 0}\n\n.eRgoL_dVXF{margin:").concat(theme.legendMargin || 'inherit', " 0}\n\n.eRgoL_dxZa,[dir=ltr] .eRgoL_dxZa,[dir=rtl] .eRgoL_dxZa{text-align:center}");
+  },
+  'legendRect': 'eRgoL_YBfL',
+  'legendContainer': 'eRgoL_eDZF',
+  'headingContainer': 'eRgoL_dVXF',
+  'chartLabel': 'eRgoL_dxZa'
+};
+import t from '@instructure/quiz-i18n/es/format-message';
+import { Text } from '@instructure/ui-text';
+import { Heading } from '@instructure/ui-heading';
+import Legend from "../../../../charts/Legend/index.js";
+export var ScoreDistribution = (_dec = themeable(theme, styles), _dec(_class = (_temp = /*#__PURE__*/function (_Component) {
+  _inherits(ScoreDistribution, _Component);
+
+  var _super = _createSuper(ScoreDistribution);
+
+  function ScoreDistribution() {
+    var _this;
+
+    _classCallCheck(this, ScoreDistribution);
+
+    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.calculateLabelForColumn = function (index, length) {
+      var label = Math.floor(index * 100 / length);
+      return t('{label, number}%', {
+        label: label
+      });
+    };
+
+    return _this;
+  }
+
+  _createClass(ScoreDistribution, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: styles.headingContainer
+      }, /*#__PURE__*/React.createElement(Heading, {
+        level: "h2",
+        theme: {
+          h2FontWeight: 300
+        }
+      }, t('Score Distribution'))), /*#__PURE__*/React.createElement(QuintileDistribution, {
+        animateDelay: 1000,
+        animateDuration: 1000,
+        visualDistribution: this.props.decileDistribution,
+        calculateLabelForColumn: this.calculateLabelForColumn
+      }), /*#__PURE__*/React.createElement("div", {
+        className: styles.chartLabel
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: "small"
+      }, t('Score'))), /*#__PURE__*/React.createElement("div", {
+        className: styles.legendContainer
+      }, /*#__PURE__*/React.createElement(Legend, {
+        series: [{
+          className: styles.legendRect,
+          label: t('Number of Students')
+        }]
+      })));
+    }
+  }]);
+
+  ScoreDistribution.displayName = "ScoreDistribution";
+  return ScoreDistribution;
+}(Component), _temp)) || _class);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/charts/ScoreDistribution/theme.js

@@ -0,0 +1,12 @@
+export default function generator(_ref) {
+  var colors = _ref.colors,
+      spacing = _ref.spacing,
+      typography = _ref.typography;
+  return {
+    legendRectFillColor: colors.electric,
+    legendPadding: spacing.small,
+    legendBorderColor: colors.ash,
+    legendFontSize: typography.fontSizeXSmall,
+    legendMargin: spacing.medium
+  };
+}

package/es/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
-import { Metric, MetricGroup } from '@instructure/ui-metric';
+import NewItemAnalysis from "./NewItemAnalysis/index.js";
 import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
 
@@ -43,7 +43,10 @@ export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
 
               case 2:
                 response = _context.sent;
-                setQuizAnalysis(response.last_successful_analysis);
+
+                if (response) {
+                  setQuizAnalysis(response.last_successful_analysis);
+                }
 
               case 4:
               case "end":
@@ -73,7 +76,10 @@ export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
 
               case 2:
                 response = _context2.sent;
-                setItemAnalyses(response.last_successful_analysis);
+
+                if (response) {
+                  setItemAnalyses(response.last_successful_analysis);
+                }
 
               case 4:
               case "end":
@@ -100,21 +106,10 @@ export var NewQuizAndItemAnalysis = function NewQuizAndItemAnalysis(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "fs-mask"
     }, _ref4, _ref5, itemAnalyses === null || itemAnalyses === void 0 ? void 0 : itemAnalyses.map(function (itemAnalysis) {
-      return /*#__PURE__*/React.createElement(MetricGroup, {
-        key: itemAnalysis.metadata.item_id
-      }, /*#__PURE__*/React.createElement(Metric, {
-        key: "itemdifficulty",
-        renderLabel: "ITEM DIFFICULTY",
-        renderValue: itemAnalysis.scores.difficulty_index
-      }), /*#__PURE__*/React.createElement(Metric, {
-        key: "responded",
-        renderLabel: "RESPONDED",
-        renderValue: itemAnalysis.attempts.students_responded
-      }), /*#__PURE__*/React.createElement(Metric, {
-        key: "skipped",
-        renderLabel: "SKIPPED/NO RESPONSE",
-        renderValue: itemAnalysis.attempts.students_without_response
-      }));
+      return /*#__PURE__*/React.createElement(NewItemAnalysis, {
+        key: itemAnalysis.metadata.item_id,
+        itemAnalysis: itemAnalysis
+      });
     }));
     /* eslint-enable react/jsx-no-literals */
   }; // TODO: distinguish between loading and empty item analyses (eg. when there is no items in a quiz)

package/es/reporting/components/resources/NewQuizAndItemAnalysis/utils.js

@@ -5,7 +5,7 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
     return t('N/A');
   }
 
-  return value + (suffix ? suffix : '');
+  return suffix ? value + suffix : value;
 };
 
 export { getSanitizedMetricValue };

package/es/reporting/components/resources/ReportCard/index.js

@@ -12,7 +12,7 @@ import { Link } from '@instructure/ui-link';
 import { themeable } from '@instructure/ui-themeable';
 import Card from "../../../../common/components/shared/Card/index.js";
 var styles = {
-  componentId: 'eRzKS',
+  componentId: 'cNnNG',
   template: function template(theme) {
     return "\n\n.eRzKS_fbIL{border-radius:".concat(theme.cardBorderRadius || 'inherit', ";box-shadow:").concat(theme.cardBoxShadow || 'inherit', ";display:inline-flex;flex-direction:column;height:").concat(theme.cardHeight || 'inherit', ";margin:").concat(theme.cardMargin || 'inherit', ";padding:").concat(theme.cardPadding || 'inherit', ";width:").concat(theme.cardWidth || 'inherit', "}\n\n.eRzKS_ebWM{padding-top:").concat(theme.detailPadding || 'inherit', "}");
   },

package/lib/banks/api/banks.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getExistingBankAndEntries = getExistingBankAndEntries;
-exports.updateSharedBankPermission = exports.getSharedBanks = exports.shareBank = exports.deleteBank = exports.updateBank = exports.createBank = exports.getBank = exports.getAllBanks = exports.getBanks = void 0;
+exports.updateSharedBankPermission = exports.getSharedBanks = exports.getSharedBank = exports.shareBank = exports.deleteBank = exports.updateBank = exports.createBank = exports.getBank = exports.getAllBanks = exports.getBanks = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
@@ -34,6 +34,8 @@ var _helpers = require("../../common/api/helpers.js");
 
 var _quizCommon = require("@instructure/quiz-common");
 
+var _lodash = require("lodash");
+
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
 
@@ -211,7 +213,8 @@ var deleteBank = function deleteBank(bankId) {
 
 exports.deleteBank = deleteBank;
 
-var shareBank = function shareBank(_shareBank, getUserInfo) {
+var shareBank = function shareBank(_shareBank) {
+  var getUserInfo = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _lodash.noop;
   var url = "".concat(banksApiEndpoint, "/").concat(_shareBank.bankId, "/shared_banks");
   return function (dispatch, getState) {
     var shareBankData = JSON.stringify({
@@ -258,6 +261,41 @@ var shareBank = function shareBank(_shareBank, getUserInfo) {
 
 exports.shareBank = shareBank;
 
+var getSharedBank = function getSharedBank(bankId, entityType, entityId) {
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/shared_banks");
+  var params = {
+    entity_type: entityType,
+    entity_id: entityId
+  };
+  return function (dispatch, getState) {
+    var fetcher = new _Fetcher.default({
+      onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to fetch shared bank.'))
+    });
+    return fetcher.get(url, params).then(function (sharedBankInfo) {
+      // if the API returns no data, we manually add placeholder to the response
+      if (sharedBankInfo.length === 0) {
+        var placeholder = {
+          id: "notshared_".concat(bankId, "_").concat(entityId),
+          entityType: entityType,
+          entityId: entityId,
+          permission: _quizCommon.REMOVED_ACCESS,
+          bankId: bankId
+        };
+        sharedBankInfo.push(placeholder);
+      }
+
+      dispatch((0, _callHandlers.handleShareBanksResponse)(sharedBankInfo));
+    }).catch(function (err) {
+      if (err.response.status === 401) {
+        dispatch((0, _ui.clear)(_quizCommon.BANKS_BANK_PAGINATION));
+        throw err;
+      }
+    });
+  };
+};
+
+exports.getSharedBank = getSharedBank;
+
 var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id, "/shared_banks");
   var userSharedBanks = [];

package/lib/banks/components/Bank/index.js

@@ -7,6 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.mapStateToProps = mapStateToProps;
 exports.default = exports.Bank = void 0;
 
 var immutable = _interopRequireWildcard(require("immutable"));
@@ -33,11 +34,16 @@ var _alerts = require("../../../common/actions/alerts.js");
 
 var _bankSearch = require("../../../common/actions/bankSearch.js");
 
+var _sharedBanks = require("../../../common/actions/sharedBanks.js");
+
 var _featureCheck = require("../../../common/util/featureCheck.js");
 
 function mapStateToProps(state, props) {
   var bank = new _Bank.default(state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());
+  var courseSharedBank = state.get('sharedBanks', immutable.Map()).find(function (sharedBank) {
+    return sharedBank.get('bankId') === props.bankId && sharedBank.get('entityType') === props.scope.type && sharedBank.get('entityId') === props.scope.uuid;
+  });
   var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
   var lockBlueprintContentEnabled = (0, _featureCheck.featureOn)('lock_blueprint_content');
   var isQuizContentLocked = activeQuiz && activeQuiz.originalQuizLockedByBlueprint && lockBlueprintContentEnabled;
@@ -45,10 +51,12 @@ function mapStateToProps(state, props) {
     bank: bank,
     isQuizContentLocked: isQuizContentLocked,
     search: search,
+    courseSharedBank: courseSharedBank,
     useBankSearch: (0, _featureCheck.featureOn)('item_bank_search'),
     position: state.getIn(['ui', _quizCommon.BUILD_TRAY_POSITION]),
     stimulusId: state.getIn(['ui', _quizCommon.BUILD_TRAY_STIMULUS_ID]),
-    activeQuizId: state.getIn(['quizzes', 'activeQuizId'])
+    activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
+    showShareBankFromTray: (0, _featureCheck.featureOn)('share_bank_from_tray')
   };
 }
 
@@ -56,9 +64,14 @@ var mapDispatchToProps = {
   addEntryToQuiz: _quizEntries.createQuizEntry,
   getBank: _banks.getBank,
   getBankEntries: _bankEntries.getBankEntries,
+  getSharedBank: _banks.getSharedBank,
   openModal: _modal.openModal,
+  removeSharedBank: _sharedBanks.removeSharedBank,
   resetSearch: _bankSearch.reset,
-  screenreaderNotification: _alerts.screenreaderNotification
+  screenreaderNotification: _alerts.screenreaderNotification,
+  shareBank: _banks.shareBank,
+  updateSharedBankPermission: _banks.updateSharedBankPermission,
+  withConfirm: _modal.withConfirm
 };
 var Bank = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Bank);
 exports.Bank = Bank;