@instructure/outcomes-ui 2.1.4 → 2.1.6

package/lib/translated/zh-Hant/util/__tests__/flashAlertUtils.test.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _chai = require("chai");
+
+var _flashAlertUtils = require("../flashAlertUtils.js");
+
+describe('findDetailMessage', function () {
+  it('returns just the message if there is no response', function () {
+    var error = {
+      message: 'Error!'
+    };
+    (0, _chai.expect)((0, _flashAlertUtils.findDetailMessage)(error)).to.deep.eq({
+      a: error.message,
+      b: void 0
+    });
+  });
+  it('returns both messages if errors is not an array', function () {
+    var error = {
+      message: 'Error!',
+      response: {
+        data: {
+          message: 'Message!',
+          errors: ''
+        }
+      }
+    };
+    (0, _chai.expect)((0, _flashAlertUtils.findDetailMessage)(error)).to.deep.eq({
+      a: error.response.data.message,
+      b: error.message
+    });
+  });
+  it('returns the message and first error if errors is an array', function () {
+    var error = {
+      message: 'Error!',
+      response: {
+        data: {
+          message: 'Message!',
+          errors: [{
+            message: 'First error!'
+          }, {
+            message: 'Second error!'
+          }]
+        }
+      }
+    };
+    (0, _chai.expect)((0, _flashAlertUtils.findDetailMessage)(error)).to.deep.eq({
+      a: error.response.data.errors[0].message,
+      b: error.message
+    });
+  });
+});
+describe('isLoadingChunkError', function () {
+  it('returns true if the string contains loading chunk text', function () {
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading chunk')).to.be.true;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading chunk error')).to.be.true;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('error loading chunk')).to.be.true;
+  });
+  it('returns false if the string does not contain loading chunk text', function () {
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('chunk')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('error loading')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading error')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('error chunk')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('chunk error')).to.be.false;
+  });
+});

package/lib/translated/zh-Hant/util/__tests__/outcomesReportUtils.test.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _chai = require("chai");
+
+var _outcomesReportUtils = require("../outcomesReportUtils.js");
+
+var _constants = require("../../constants.js");
+
+var user1 = {
+  uuid: 'user1-uuid',
+  full_name: 'Student 1'
+};
+var user2 = {
+  uuid: 'user2-uuid',
+  full_name: 'Student 2'
+};
+var rollup = {
+  outcomeId: '1',
+  childArtifactCount: 1,
+  usesBank: false
+};
+var outcome = {
+  id: '1',
+  guid: 'outcome-guid',
+  group: false,
+  label: 'outcome friendly name',
+  title: 'outcome name',
+  description: 'outcome description',
+  external_id: 10,
+  scoring_method: {
+    algorithm: 'average',
+    algorithm_data: {},
+    mastery_percent: 0.6,
+    points_possible: 5
+  }
+};
+var masteryResult = {
+  userId: user1.uuid,
+  percentScore: 0.6667,
+  points: 2,
+  pointsPossible: 3,
+  attempt: 1
+};
+var nonMasteryResult = {
+  userId: user2.uuid,
+  percentScore: 0.3333,
+  points: 1,
+  pointsPossible: 3,
+  attempt: 1
+};
+describe('outcomesReportUtils', function () {
+  describe('formatDataInRow', function () {
+    it('returns the correct value for each row header', function () {
+      var formattedRow = (0, _outcomesReportUtils.formatDataIntoRow)(user1, outcome, rollup, masteryResult);
+      (0, _chai.expect)(formattedRow[_constants.STUDENT_NAME]).to.eq(user1.full_name);
+      (0, _chai.expect)(formattedRow[_constants.STUDENT_UUID]).to.eq(user1.uuid);
+      (0, _chai.expect)(formattedRow[_constants.ATTEMPT_COUNT]).to.eq(masteryResult.attempt);
+      (0, _chai.expect)(formattedRow[_constants.ALIGNED_QUESTIONS_COUNT]).to.eq(rollup.childArtifactCount);
+      (0, _chai.expect)(formattedRow[_constants.LOR_POINTS]).to.eq(masteryResult.points);
+      (0, _chai.expect)(formattedRow[_constants.LOR_POINTS_POSSIBLE]).to.eq(masteryResult.pointsPossible);
+      (0, _chai.expect)(formattedRow[_constants.LO_NAME]).to.eq(outcome.title);
+      (0, _chai.expect)(formattedRow[_constants.LO_ID]).to.eq(outcome.id);
+      (0, _chai.expect)(formattedRow[_constants.LO_MASTERY_PERCENT]).to.eq(outcome.scoring_method.mastery_percent);
+      (0, _chai.expect)(formattedRow[_constants.LO_MASTERED]).to.be.true;
+      (0, _chai.expect)(Object.keys(formattedRow).length).eq(10);
+    });
+    describe('for aligned questions count row', function () {
+      it('returns Variable Questions for aligned questions count if a bank was used', function () {
+        var usesBank = {
+          outcomeId: '1',
+          usesBank: true
+        };
+        var formattedRow = (0, _outcomesReportUtils.formatDataIntoRow)(user1, outcome, usesBank, masteryResult);
+        (0, _chai.expect)(formattedRow[_constants.ALIGNED_QUESTIONS_COUNT]).to.eq('Variable Questions');
+      });
+    });
+  });
+  describe('hasMastery', function () {
+    it('returns true if the student achieved mastery for the given outcome', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.hasMastery)(masteryResult, outcome)).to.be.true;
+    });
+    it('returns false if the student did not reach mastery for the given outcome', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.hasMastery)(nonMasteryResult, outcome)).to.be.false;
+    });
+  });
+  describe('fileName', function () {
+    it('returns the file name for the csv report', function () {
+      var name = (0, _outcomesReportUtils.fileName)(1);
+      (0, _chai.expect)(name.includes('outcome_analysis_csv_')).to.be.true;
+      (0, _chai.expect)(name.includes('_quiz_1.csv')).to.be.true;
+    });
+  });
+  describe('getDate', function () {
+    // Regex for yyyy-mm-dd format was found here:
+    // https://stackoverflow.com/questions/22061723/regex-date-validation-for-yyyy-mm-dd
+    it('returns the date in yyyy-mm-dd format', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.getDate)().match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/)).not.to.empty;
+    });
+  });
+  describe('formatPercentage', function () {
+    it('formats two numbers into a percentage', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.formatPercentage)(50, 100)).to.eq(50);
+      (0, _chai.expect)((0, _outcomesReportUtils.formatPercentage)(5, 10)).to.eq(50);
+    });
+    it('formats two numbers into a percentage and rounds', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.formatPercentage)(1, 3)).to.eq(33);
+    });
+  });
+});

package/lib/translated/zh-Hant/util/flashAlertUtils.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findDetailMessage = findDetailMessage;
+exports.isLoadingChunkError = void 0;
+
+function findDetailMessage(err) {
+  var a = err.message;
+  var b;
+
+  if (err.response) {
+    if (err.response.data) {
+      try {
+        if (Array.isArray(err.response.data.errors)) {
+          // probably a canvas api
+          a = err.response.data.errors[0].message;
+          b = err.message;
+        } else if (err.response.data.message) {
+          // probably a canvas api too
+          a = err.response.data.message;
+          b = err.message;
+        }
+      } catch (ignore) {
+        a = err.message;
+      }
+    }
+  }
+
+  return {
+    a: a,
+    b: b
+  };
+}
+
+var isLoadingChunkError = function isLoadingChunkError(a) {
+  return typeof a === 'string' && a.toLowerCase().includes('loading chunk');
+};
+
+exports.isLoadingChunkError = isLoadingChunkError;

package/lib/translated/zh-Hant/util/outcomesReportUtils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatPercentage = exports.getDate = exports.fileName = exports.hasMastery = exports.formatDataIntoRow = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _constants = require("../constants.js");
+
+var formatDataIntoRow = function formatDataIntoRow(user, outcome, rollup, result) {
+  var _ref;
+
+  return _ref = {}, (0, _defineProperty2.default)(_ref, _constants.STUDENT_NAME, user.full_name), (0, _defineProperty2.default)(_ref, _constants.STUDENT_UUID, user.uuid), (0, _defineProperty2.default)(_ref, _constants.ATTEMPT_COUNT, result.attempt), (0, _defineProperty2.default)(_ref, _constants.ALIGNED_QUESTIONS_COUNT, getAlignedQuestionsCount(rollup)), (0, _defineProperty2.default)(_ref, _constants.LOR_POINTS, result.points), (0, _defineProperty2.default)(_ref, _constants.LOR_POINTS_POSSIBLE, result.pointsPossible), (0, _defineProperty2.default)(_ref, _constants.LO_NAME, outcome.title), (0, _defineProperty2.default)(_ref, _constants.LO_ID, outcome.id), (0, _defineProperty2.default)(_ref, _constants.LO_MASTERY_PERCENT, outcome.scoring_method.mastery_percent), (0, _defineProperty2.default)(_ref, _constants.LO_MASTERED, hasMastery(result, outcome)), _ref;
+};
+
+exports.formatDataIntoRow = formatDataIntoRow;
+
+var hasMastery = function hasMastery(result, outcome) {
+  return result && result.percentScore >= outcome.scoring_method.mastery_percent;
+};
+
+exports.hasMastery = hasMastery;
+
+var fileName = function fileName(id) {
+  var date = getDate();
+  return "outcome_analysis_csv_".concat(date, "_quiz_").concat(id, ".csv");
+};
+
+exports.fileName = fileName;
+
+var getDate = function getDate() {
+  // Found this solution on stackoverflow:
+  // https://stackoverflow.com/questions/23593052/format-javascript-date-as-yyyy-mm-dd
+  var now = new Date(Date.now());
+  var offset = now.getTimezoneOffset();
+  return new Date(now.getTime() - offset * 60 * 1000).toISOString().split('T')[0];
+};
+
+exports.getDate = getDate;
+
+var formatPercentage = function formatPercentage(value, maxValue) {
+  return Math.round(value / maxValue * 100);
+}; // Note: Once OS has Item Bank alignments, this will need to be updated
+
+
+exports.formatPercentage = formatPercentage;
+
+var getAlignedQuestionsCount = function getAlignedQuestionsCount(rollup) {
+  return rollup.usesBank ? "\u8B8A\u6578\u554F\u984C" : rollup.childArtifactCount;
+};

package/lib/util/__tests__/flashAlertUtils.test.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _chai = require("chai");
+
+var _flashAlertUtils = require("../flashAlertUtils.js");
+
+describe('findDetailMessage', function () {
+  it('returns just the message if there is no response', function () {
+    var error = {
+      message: 'Error!'
+    };
+    (0, _chai.expect)((0, _flashAlertUtils.findDetailMessage)(error)).to.deep.eq({
+      a: error.message,
+      b: void 0
+    });
+  });
+  it('returns both messages if errors is not an array', function () {
+    var error = {
+      message: 'Error!',
+      response: {
+        data: {
+          message: 'Message!',
+          errors: ''
+        }
+      }
+    };
+    (0, _chai.expect)((0, _flashAlertUtils.findDetailMessage)(error)).to.deep.eq({
+      a: error.response.data.message,
+      b: error.message
+    });
+  });
+  it('returns the message and first error if errors is an array', function () {
+    var error = {
+      message: 'Error!',
+      response: {
+        data: {
+          message: 'Message!',
+          errors: [{
+            message: 'First error!'
+          }, {
+            message: 'Second error!'
+          }]
+        }
+      }
+    };
+    (0, _chai.expect)((0, _flashAlertUtils.findDetailMessage)(error)).to.deep.eq({
+      a: error.response.data.errors[0].message,
+      b: error.message
+    });
+  });
+});
+describe('isLoadingChunkError', function () {
+  it('returns true if the string contains loading chunk text', function () {
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading chunk')).to.be.true;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading chunk error')).to.be.true;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('error loading chunk')).to.be.true;
+  });
+  it('returns false if the string does not contain loading chunk text', function () {
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('chunk')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('error loading')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('loading error')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('error chunk')).to.be.false;
+    (0, _chai.expect)((0, _flashAlertUtils.isLoadingChunkError)('chunk error')).to.be.false;
+  });
+});

package/lib/util/__tests__/outcomesReportUtils.test.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _chai = require("chai");
+
+var _outcomesReportUtils = require("../outcomesReportUtils.js");
+
+var _constants = require("../../constants.js");
+
+var user1 = {
+  uuid: 'user1-uuid',
+  full_name: 'Student 1'
+};
+var user2 = {
+  uuid: 'user2-uuid',
+  full_name: 'Student 2'
+};
+var rollup = {
+  outcomeId: '1',
+  childArtifactCount: 1,
+  usesBank: false
+};
+var outcome = {
+  id: '1',
+  guid: 'outcome-guid',
+  group: false,
+  label: 'outcome friendly name',
+  title: 'outcome name',
+  description: 'outcome description',
+  external_id: 10,
+  scoring_method: {
+    algorithm: 'average',
+    algorithm_data: {},
+    mastery_percent: 0.6,
+    points_possible: 5
+  }
+};
+var masteryResult = {
+  userId: user1.uuid,
+  percentScore: 0.6667,
+  points: 2,
+  pointsPossible: 3,
+  attempt: 1
+};
+var nonMasteryResult = {
+  userId: user2.uuid,
+  percentScore: 0.3333,
+  points: 1,
+  pointsPossible: 3,
+  attempt: 1
+};
+describe('outcomesReportUtils', function () {
+  describe('formatDataInRow', function () {
+    it('returns the correct value for each row header', function () {
+      var formattedRow = (0, _outcomesReportUtils.formatDataIntoRow)(user1, outcome, rollup, masteryResult);
+      (0, _chai.expect)(formattedRow[_constants.STUDENT_NAME]).to.eq(user1.full_name);
+      (0, _chai.expect)(formattedRow[_constants.STUDENT_UUID]).to.eq(user1.uuid);
+      (0, _chai.expect)(formattedRow[_constants.ATTEMPT_COUNT]).to.eq(masteryResult.attempt);
+      (0, _chai.expect)(formattedRow[_constants.ALIGNED_QUESTIONS_COUNT]).to.eq(rollup.childArtifactCount);
+      (0, _chai.expect)(formattedRow[_constants.LOR_POINTS]).to.eq(masteryResult.points);
+      (0, _chai.expect)(formattedRow[_constants.LOR_POINTS_POSSIBLE]).to.eq(masteryResult.pointsPossible);
+      (0, _chai.expect)(formattedRow[_constants.LO_NAME]).to.eq(outcome.title);
+      (0, _chai.expect)(formattedRow[_constants.LO_ID]).to.eq(outcome.id);
+      (0, _chai.expect)(formattedRow[_constants.LO_MASTERY_PERCENT]).to.eq(outcome.scoring_method.mastery_percent);
+      (0, _chai.expect)(formattedRow[_constants.LO_MASTERED]).to.be.true;
+      (0, _chai.expect)(Object.keys(formattedRow).length).eq(10);
+    });
+    describe('for aligned questions count row', function () {
+      it('returns Variable Questions for aligned questions count if a bank was used', function () {
+        var usesBank = {
+          outcomeId: '1',
+          usesBank: true
+        };
+        var formattedRow = (0, _outcomesReportUtils.formatDataIntoRow)(user1, outcome, usesBank, masteryResult);
+        (0, _chai.expect)(formattedRow[_constants.ALIGNED_QUESTIONS_COUNT]).to.eq('Variable Questions');
+      });
+    });
+  });
+  describe('hasMastery', function () {
+    it('returns true if the student achieved mastery for the given outcome', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.hasMastery)(masteryResult, outcome)).to.be.true;
+    });
+    it('returns false if the student did not reach mastery for the given outcome', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.hasMastery)(nonMasteryResult, outcome)).to.be.false;
+    });
+  });
+  describe('fileName', function () {
+    it('returns the file name for the csv report', function () {
+      var name = (0, _outcomesReportUtils.fileName)(1);
+      (0, _chai.expect)(name.includes('outcome_analysis_csv_')).to.be.true;
+      (0, _chai.expect)(name.includes('_quiz_1.csv')).to.be.true;
+    });
+  });
+  describe('getDate', function () {
+    // Regex for yyyy-mm-dd format was found here:
+    // https://stackoverflow.com/questions/22061723/regex-date-validation-for-yyyy-mm-dd
+    it('returns the date in yyyy-mm-dd format', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.getDate)().match(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/)).not.to.empty;
+    });
+  });
+  describe('formatPercentage', function () {
+    it('formats two numbers into a percentage', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.formatPercentage)(50, 100)).to.eq(50);
+      (0, _chai.expect)((0, _outcomesReportUtils.formatPercentage)(5, 10)).to.eq(50);
+    });
+    it('formats two numbers into a percentage and rounds', function () {
+      (0, _chai.expect)((0, _outcomesReportUtils.formatPercentage)(1, 3)).to.eq(33);
+    });
+  });
+});

package/lib/util/flashAlertUtils.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findDetailMessage = findDetailMessage;
+exports.isLoadingChunkError = void 0;
+
+function findDetailMessage(err) {
+  var a = err.message;
+  var b;
+
+  if (err.response) {
+    if (err.response.data) {
+      try {
+        if (Array.isArray(err.response.data.errors)) {
+          // probably a canvas api
+          a = err.response.data.errors[0].message;
+          b = err.message;
+        } else if (err.response.data.message) {
+          // probably a canvas api too
+          a = err.response.data.message;
+          b = err.message;
+        }
+      } catch (ignore) {
+        a = err.message;
+      }
+    }
+  }
+
+  return {
+    a: a,
+    b: b
+  };
+}
+
+var isLoadingChunkError = function isLoadingChunkError(a) {
+  return typeof a === 'string' && a.toLowerCase().includes('loading chunk');
+};
+
+exports.isLoadingChunkError = isLoadingChunkError;

package/lib/util/outcomesReportUtils.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatPercentage = exports.getDate = exports.fileName = exports.hasMastery = exports.formatDataIntoRow = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _formatMessage = _interopRequireDefault(require("format-message"));
+
+var _constants = require("../constants.js");
+
+var formatDataIntoRow = function formatDataIntoRow(user, outcome, rollup, result) {
+  var _ref;
+
+  return _ref = {}, (0, _defineProperty2.default)(_ref, _constants.STUDENT_NAME, user.full_name), (0, _defineProperty2.default)(_ref, _constants.STUDENT_UUID, user.uuid), (0, _defineProperty2.default)(_ref, _constants.ATTEMPT_COUNT, result.attempt), (0, _defineProperty2.default)(_ref, _constants.ALIGNED_QUESTIONS_COUNT, getAlignedQuestionsCount(rollup)), (0, _defineProperty2.default)(_ref, _constants.LOR_POINTS, result.points), (0, _defineProperty2.default)(_ref, _constants.LOR_POINTS_POSSIBLE, result.pointsPossible), (0, _defineProperty2.default)(_ref, _constants.LO_NAME, outcome.title), (0, _defineProperty2.default)(_ref, _constants.LO_ID, outcome.id), (0, _defineProperty2.default)(_ref, _constants.LO_MASTERY_PERCENT, outcome.scoring_method.mastery_percent), (0, _defineProperty2.default)(_ref, _constants.LO_MASTERED, hasMastery(result, outcome)), _ref;
+};
+
+exports.formatDataIntoRow = formatDataIntoRow;
+
+var hasMastery = function hasMastery(result, outcome) {
+  return result && result.percentScore >= outcome.scoring_method.mastery_percent;
+};
+
+exports.hasMastery = hasMastery;
+
+var fileName = function fileName(id) {
+  var date = getDate();
+  return "outcome_analysis_csv_".concat(date, "_quiz_").concat(id, ".csv");
+};
+
+exports.fileName = fileName;
+
+var getDate = function getDate() {
+  // Found this solution on stackoverflow:
+  // https://stackoverflow.com/questions/23593052/format-javascript-date-as-yyyy-mm-dd
+  var now = new Date(Date.now());
+  var offset = now.getTimezoneOffset();
+  return new Date(now.getTime() - offset * 60 * 1000).toISOString().split('T')[0];
+};
+
+exports.getDate = getDate;
+
+var formatPercentage = function formatPercentage(value, maxValue) {
+  return Math.round(value / maxValue * 100);
+}; // Note: Once OS has Item Bank alignments, this will need to be updated
+
+
+exports.formatPercentage = formatPercentage;
+
+var getAlignedQuestionsCount = function getAlignedQuestionsCount(rollup) {
+  return rollup.usesBank ? (0, _formatMessage.default)('Variable Questions') : rollup.childArtifactCount;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/outcomes-ui",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Outcomes Application for general alignment and assessment",
   "author": "Instructure, Inc. Engineering and Product Design",
   "license": "MIT",
@@ -43,10 +43,11 @@
     "@instructure/ui-link": "^7",
     "@instructure/ui-list": "^7",
     "@instructure/ui-modal": "^7",
+    "@instructure/ui-motion": "^7",
     "@instructure/ui-overlays": "^7",
     "@instructure/ui-pagination": "^7",
     "@instructure/ui-pill": "^7",
-    "@instructure/ui-popover": "7",
+    "@instructure/ui-popover": "^7",
     "@instructure/ui-progress": "^7",
     "@instructure/ui-spinner": "^7",
     "@instructure/ui-table": "^7",
@@ -60,7 +61,6 @@
     "@instructure/ui-tree-browser": "^7",
     "@instructure/ui-truncate-text": "^7",
     "@instructure/ui-view": "^7",
-    "@testing-library/react-hooks": "^8.0.0",
     "classnames": "^2.2.5",
     "core-js": "^3.2.1",
     "format-message": "^6.2.1",
@@ -74,6 +74,7 @@
     "query-string": "^4.3.4",
     "re-reselect": "^3.4.0",
     "react-redux": "^5",
+    "react-csv": "^2.2.2",
     "redux": "^3.6.0",
     "redux-actions": "^1.2.0",
     "redux-immutable": "^3.0.9",
@@ -101,6 +102,7 @@
     "@storybook/addon-storyshots": "^5.3.13",
     "@storybook/addons": "^5.3.10",
     "@storybook/react": "^5.3.10",
+    "@testing-library/react-hooks": "^8.0.0",
     "axe-core": "^2.1.7",
     "babel-eslint": "^8.2.3",
     "babel-jest": "^25.1.0",
@@ -124,6 +126,7 @@
     "eslint-plugin-notice": "^0.8.9",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.7.0",
+    "eslint-plugin-react-redux": "^4.0.0",
     "eslint-plugin-security": "^1.4.0",
     "fetch-mock": "^7.3.3",
     "file-loader": "^3.0.1",