@instructure/outcomes-ui 2.1.3 → 2.1.5

package/lib/components/OutcomesPerStudent/index.js

@@ -41,11 +41,15 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
-var _index = _interopRequireDefault(require("./Header/index.js"));
+var _index = _interopRequireDefault(require("./ExportCSVButton/index.js"));
 
-var _index2 = _interopRequireDefault(require("./HeaderDetails/index.js"));
+var _index2 = _interopRequireDefault(require("./Header/index.js"));
 
-var _index3 = _interopRequireDefault(require("./Score/index.js"));
+var _index3 = _interopRequireDefault(require("./HeaderDetails/index.js"));
+
+var _index4 = _interopRequireDefault(require("./Score/index.js"));
+
+var _constants = require("../../constants.js");
 
 var _theme = _interopRequireDefault(require("../theme.js"));
 
@@ -313,21 +317,55 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
   var _super = (0, _createSuper2.default)(OutcomesPerStudentReport);
 
   function OutcomesPerStudentReport() {
+    var _this;
+
     (0, _classCallCheck2.default)(this, OutcomesPerStudentReport);
-    return _super.apply(this, arguments);
+
+    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.renderExportButton = function (hasAnyStudents) {
+      var _this$props = _this.props,
+          hasAnyOutcomes = _this$props.hasAnyOutcomes,
+          loading = _this$props.loading,
+          loadUsersOverride = _this$props.loadUsersOverride,
+          loadRemainingPages = _this$props.loadRemainingPages,
+          csvFetchingStatus = _this$props.csvFetchingStatus,
+          formatCSVData = _this$props.formatCSVData,
+          artifactType = _this$props.artifactType,
+          artifactId = _this$props.artifactId,
+          features = _this$props.features;
+      var reportDownloadEnabled = features.includes(_constants.REPORT_DOWNLOAD_FF);
+
+      var fetchCSVData = function fetchCSVData() {
+        return loadRemainingPages(artifactType, artifactId, loadUsersOverride);
+      };
+
+      if (reportDownloadEnabled && !loading && hasAnyOutcomes && hasAnyStudents) {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
+          fetchCSVData: fetchCSVData,
+          formatCSVData: formatCSVData,
+          fetchingStatus: csvFetchingStatus,
+          artifactId: artifactId
+        });
+      }
+    };
+
+    return _this;
   }
 
   (0, _createClass2.default)(OutcomesPerStudentReport, [{
     key: "componentWillMount",
-    value: // eslint-disable-next-line no-undef
-    // eslint-disable-next-line no-undef
-    function componentWillMount() {
-      var _this$props = this.props,
-          artifactType = _this$props.artifactType,
-          artifactId = _this$props.artifactId,
-          loadPage = _this$props.loadPage,
-          setError = _this$props.setError,
-          loadUsersOverride = _this$props.loadUsersOverride;
+    value: function componentWillMount() {
+      var _this$props2 = this.props,
+          artifactType = _this$props2.artifactType,
+          artifactId = _this$props2.artifactId,
+          loadPage = _this$props2.loadPage,
+          setError = _this$props2.setError,
+          loadUsersOverride = _this$props2.loadUsersOverride;
       loadPage(artifactType, artifactId, 1, loadUsersOverride).catch(function (e) {
         return setError(e);
       });
@@ -336,16 +374,16 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
     key: "renderReportTable",
     value: function renderReportTable() {
       var headerIds = [];
-      var _this$props2 = this.props,
-          rollups = _this$props2.rollups,
-          getReportOutcome = _this$props2.getReportOutcome,
-          getScore = _this$props2.getScore,
-          _viewReportAlignment = _this$props2.viewReportAlignment,
-          isOpen = _this$props2.isOpen,
-          closeReportAlignment = _this$props2.closeReportAlignment,
-          users = _this$props2.users,
-          showRollups = _this$props2.showRollups,
-          scope = _this$props2.scope;
+      var _this$props3 = this.props,
+          rollups = _this$props3.rollups,
+          getReportOutcome = _this$props3.getReportOutcome,
+          getScore = _this$props3.getScore,
+          _viewReportAlignment = _this$props3.viewReportAlignment,
+          isOpen = _this$props3.isOpen,
+          closeReportAlignment = _this$props3.closeReportAlignment,
+          users = _this$props3.users,
+          showRollups = _this$props3.showRollups,
+          scope = _this$props3.scope;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.reportWrapper,
         "data-automation": "outcomesPerStudent__reportWrapper"
@@ -368,7 +406,7 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
             role: "columnheader",
             className: styles.headerCell,
             "data-automation": "outcomesPerStudent__headerCell"
-          }, /*#__PURE__*/_react.default.createElement(_index.default, {
+          }, /*#__PURE__*/_react.default.createElement(_index2.default, {
             outcomeResult: rollup,
             getReportOutcome: getReportOutcome,
             viewReportAlignment: function viewReportAlignment() {
@@ -391,7 +429,7 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
           _react.default.createElement("div", {
             key: headerIds[i],
             role: "gridcell"
-          }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, /*#__PURE__*/_react.default.createElement(_index2.default, {
+          }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, /*#__PURE__*/_react.default.createElement(_index3.default, {
             outcomeResult: rollup,
             showRollups: showRollups
           })))
@@ -411,7 +449,7 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
             className: styles.scoreCell,
             role: "gridcell",
             "data-automation": "outcomesPerStudent__scoreCell"
-          }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+          }, /*#__PURE__*/_react.default.createElement(_index4.default, {
             score: getScore(rollup.outcomeId, student.uuid),
             outcome: getReportOutcome(rollup.outcomeId)
           }));
@@ -421,12 +459,12 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
   }, {
     key: "render",
     value: function render() {
-      var _this = this;
+      var _this2 = this;
 
-      var _this$props3 = this.props,
-          users = _this$props3.users,
-          hasAnyOutcomes = _this$props3.hasAnyOutcomes,
-          loading = _this$props3.loading;
+      var _this$props4 = this.props,
+          users = _this$props4.users,
+          hasAnyOutcomes = _this$props4.hasAnyOutcomes,
+          loading = _this$props4.loading;
       var hasAnyStudents = users && users.length > 0;
 
       var renderReportContent = function renderReportContent() {
@@ -437,13 +475,13 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
         } else if (!hasAnyStudents) {
           return renderBillboard(noStudents());
         } else {
-          return _this.renderReportTable();
+          return _this2.renderReportTable();
         }
       };
 
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.background
-      }, renderReportContent());
+      }, this.renderExportButton(hasAnyStudents), renderReportContent());
     }
   }]);
   OutcomesPerStudentReport.displayName = "OutcomesPerStudentReport";
@@ -454,6 +492,9 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
   artifactId: _propTypes.default.string.isRequired,
   rollups: _propTypes.default.array.isRequired,
   loading: _propTypes.default.bool.isRequired,
+  loadRemainingPages: _propTypes.default.func.isRequired,
+  csvFetchingStatus: _propTypes.default.string.isRequired,
+  formatCSVData: _propTypes.default.func.isRequired,
   loadPage: _propTypes.default.func.isRequired,
   loadUsersOverride: _propTypes.default.func,
   setError: _propTypes.default.func.isRequired,
@@ -464,6 +505,7 @@ var OutcomesPerStudentReport = (_dec = (0, _uiThemeable.themeable)(_theme.defaul
   viewReportAlignment: _propTypes.default.func.isRequired,
   isOpen: _propTypes.default.func.isRequired,
   closeReportAlignment: _propTypes.default.func.isRequired,
+  features: _propTypes.default.array.isRequired,
   scope: _propTypes.default.string.isRequired
 }, _class2.defaultProps = {
   loadUsersOverride: void 0,

package/lib/components/Ratings/__tests__/index.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _chai = require("chai");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _index = _interopRequireDefault(require("../index.js"));
+
+var _checkA11y = _interopRequireDefault(require("../../../test/checkA11y.js"));
+
+var _mockOutcomesData = require("../../../test/mockOutcomesData.js");
+
+describe('Ratings', function () {
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return Object.assign({
+      ratings: _mockOutcomesData.ratings
+    }, props);
+  }
+
+  it('renders a table for the ratings', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    (0, _chai.expect)(wrapper.find('Table')).to.have.length(1);
+  });
+  it('displays the mastery points correctly', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      masteryPercent: 0.6,
+      pointsPossible: 5
+    })));
+    (0, _chai.expect)(wrapper.find('Text')).to.have.length(5);
+    var text = wrapper.find('Text').at(4);
+    (0, _chai.expect)(text.text()).to.match(/3 points/);
+  });
+  it('calculates the ratings points correctly', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      pointsPossible: 5
+    })));
+    var exceeds = wrapper.find('PresentationContent').at(1);
+    (0, _chai.expect)(exceeds.text()).to.match(/5/);
+    var meets = wrapper.find('PresentationContent').at(3);
+    (0, _chai.expect)(meets.text()).to.match(/3/);
+    var zero = wrapper.find('PresentationContent').at(5);
+    (0, _chai.expect)(zero.text()).to.match(/0/);
+  });
+  it('formats the table in one column if displayed in tray', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      isTray: true
+    })));
+    (0, _chai.expect)(wrapper.find('Table').find('th')).to.have.length(1);
+  });
+  it('dispalys the correct text for points when displayed in tray', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      pointsPossible: 5,
+      isTray: true
+    })));
+    var exceeds = wrapper.find('PresentationContent').at(1);
+    (0, _chai.expect)(exceeds.text()).to.match(/5 points/);
+    var meets = wrapper.find('PresentationContent').at(3);
+    (0, _chai.expect)(meets.text()).to.match(/3 points/);
+    var zero = wrapper.find('PresentationContent').at(5);
+    (0, _chai.expect)(zero.text()).to.match(/0 points/);
+  });
+  it('meets a11y standards', function () {
+    return (0, _checkA11y.default)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+  });
+});

package/lib/components/Ratings/index.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _formatMessage = _interopRequireDefault(require("format-message"));
+
+var _uiFlex = require("@instructure/ui-flex");
+
+var _uiTable = require("@instructure/ui-table");
+
+var _uiText = require("@instructure/ui-text");
+
+var _uiView = require("@instructure/ui-view");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _shapes = require("../../store/shapes.js");
+
+var Ratings = function Ratings(_ref) {
+  var ratings = _ref.ratings,
+      masteryPercent = _ref.masteryPercent,
+      pointsPossible = _ref.pointsPossible,
+      isTray = _ref.isTray;
+
+  // This will ensure that the points is calculated to at most 2 decimal points
+  var percentToPoints = function percentToPoints(percent) {
+    return Math.round(percent * pointsPossible * 100) / 100;
+  };
+
+  var renderRatingDescription = function renderRatingDescription(description, position) {
+    return /*#__PURE__*/_react.default.createElement(_uiText.Text, null, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Description for mastery level {position}: {description}', {
+      position: position,
+      description: description
+    })), /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, description));
+  };
+
+  var renderRatingsPoints = function renderRatingsPoints(points, position) {
+    return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      display: isTray ? 'inline-block' : 'auto'
+    }, /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      margin: isTray ? '0' : '0 0 0 small'
+    }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Points for mastery level {position}: {points}', {
+      position: position,
+      points: points
+    })), /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, isTray ? (0, _formatMessage.default)('{points} points', {
+      points: points
+    }) : points, !isTray && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'none'
+      }
+    }, (0, _formatMessage.default)('points')))));
+  };
+
+  var renderDisplayMasteryPoints = function renderDisplayMasteryPoints() {
+    var masteryPoints = percentToPoints(masteryPercent);
+    return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      wrap: "wrap",
+      direction: isTray ? 'column' : 'row',
+      padding: isTray ? 'none small small none' : 'x-small small small none'
+    }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      as: "div",
+      padding: "none xx-small none none"
+    }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      weight: "bold"
+    }, (0, _formatMessage.default)('Mastery at:'))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      padding: isTray ? 'small none none' : 'none'
+    }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      color: "primary"
+    }, (0, _formatMessage.default)('{masteryPoints} points', {
+      masteryPoints: masteryPoints
+    }))));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+    width: "100%",
+    direction: "column"
+  }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+    width: isTray ? '100%' : '65%',
+    padding: "x-small 0"
+  }, /*#__PURE__*/_react.default.createElement(_uiTable.Table, {
+    caption: (0, _formatMessage.default)('Ratings table'),
+    layout: "fixed"
+  }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Head, null, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+    theme: {
+      borderColor: 'white'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+    id: "rating",
+    theme: {
+      padding: '0.5rem 0rem'
+    }
+  }, (0, _formatMessage.default)('Proficiency Rating')), !isTray && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+    id: "points",
+    textAlign: "end",
+    theme: {
+      padding: '0.5rem 0rem'
+    }
+  }, (0, _formatMessage.default)('Points')))), ratings === null || ratings === void 0 ? void 0 : ratings.map(function (_ref2, index) {
+    var description = _ref2.description,
+        percent = _ref2.percent;
+    return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, {
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+      theme: {
+        borderColor: 'white'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+      theme: {
+        padding: '0.5rem 0rem'
+      }
+    }, renderRatingDescription(description, index + 1)), !isTray && /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+      textAlign: "end",
+      theme: {
+        padding: '0rem 2.25rem'
+      }
+    }, renderRatingsPoints(percentToPoints(percent), index + 1))), isTray && /*#__PURE__*/_react.default.createElement(_uiTable.Table.Row, {
+      theme: {
+        borderColor: 'white',
+        padding: '0rem 0rem'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_uiTable.Table.Cell, {
+      theme: {
+        padding: '0.5rem 0rem'
+      }
+    }, renderRatingsPoints(percentToPoints(percent), index + 1))));
+  }))), renderDisplayMasteryPoints());
+};
+
+Ratings.propTypes = {
+  ratings: _propTypes.default.arrayOf(_shapes.scoringTierShape).isRequired,
+  masteryPercent: _propTypes.default.number.isRequired,
+  pointsPossible: _propTypes.default.number.isRequired,
+  isTray: _propTypes.default.bool
+};
+Ratings.defaultProps = {
+  ratings: [],
+  masteryPercent: null,
+  pointsPossible: null,
+  isTray: false
+};
+var _default = Ratings;
+exports.default = _default;

package/lib/components/Ratings/index.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ratings = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _constants = require("../../../.storybook/constants.js");
+
+var _index = _interopRequireDefault(require("./index.js"));
+
+var _default = {
+  title: 'Ratings'
+};
+exports.default = _default;
+
+var ratings = function ratings() {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    ratings: (0, _addonKnobs.object)('Rating', _constants.scoringTiersWithResults),
+    masteryPercent: (0, _addonKnobs.number)('Mastery Percent', 0.6),
+    pointsPossible: (0, _addonKnobs.number)('Points Possible', 5),
+    isTray: (0, _addonKnobs.boolean)('Render in Outcome Tray?', false)
+  });
+};
+
+exports.ratings = ratings;

package/lib/components/SearchResults/__tests__/index.test.js

@@ -14,6 +14,8 @@ var _index = _interopRequireDefault(require("../index.js"));
 
 var _checkA11y = _interopRequireDefault(require("../../../test/checkA11y.js"));
 
+var _mockOutcomesData = require("../../../test/mockOutcomesData.js");
+
 describe('SearchResults', function () {
   function makeProps() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -101,11 +103,7 @@ describe('SearchResults', function () {
     });
   });
   describe('pagination', function () {
-    var searchEntries = [{
-      id: '1'
-    }, {
-      id: '2'
-    }];
+    var searchEntries = [_mockOutcomesData.OUTCOME_1, _mockOutcomesData.OUTCOME_2];
     it('does not include pagination for 0 results', function () {
       var props = makeProps({
         searchEntries: searchEntries,

package/lib/constants.js

@@ -1,9 +1,15 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFeatureFlags = exports.SET_INDIVIDUAL_RESULTS_STATE = exports.SET_INDIVIDUAL_RESULTS = exports.SET_LIST_TOTAL = exports.SET_LIST_PAGE = exports.SET_OUTCOME_LIST = exports.SET_SEARCH_TOTAL = exports.SET_SEARCH_ENTRIES = exports.SET_SEARCH_LOADING = exports.SET_SEARCH_PAGE = exports.SET_SEARCH_TEXT = exports.CLOSE_REPORT_ALIGNMENT = exports.VIEW_REPORT_ALIGNMENT = exports.SET_REPORT_LOADING = exports.SET_REPORT_USERS = exports.SET_REPORT_RESULTS = exports.SET_REPORT_ROLLUPS = exports.SET_REPORT_OUTCOMES = exports.SET_REPORT_PAGE_DATA = exports.SET_REPORT_PAGE = exports.RESET_OUTCOME_PICKER = exports.SET_SCOPE = exports.TOGGLE_EXPANDED_IDS = exports.SET_ACTIVE_COLLECTION_ID = exports.SET_FOCUSED_OUTCOME = exports.UPDATE_ALIGNMENT = exports.CLOSE_ALIGNMENT = exports.VIEW_ALIGNMENT = exports.SET_ALIGNMENTS = exports.SET_CONTEXT = exports.SET_FEATURES = exports.SET_SCORING_METHOD = exports.UNSELECT_OUTCOME_IDS = exports.SET_SELECTED_OUTCOME_IDS = exports.SET_ROOT_OUTCOME_IDS = exports.SET_OUTCOME_PICKER_STATE = exports.SET_OUTCOMES = exports.SET_ERROR = exports.SELECT_OUTCOME_IDS = void 0;
+exports.CALCULATION_METHODS = exports.AVERAGE = exports.DECAYING_AVERAGE = exports.N_MASTERY = exports.LATEST = exports.HIGHEST = exports.getFeatureFlags = exports.REPORT_DOWNLOAD_FF = exports.SET_INDIVIDUAL_RESULTS_STATE = exports.SET_INDIVIDUAL_RESULTS = exports.SET_LIST_TOTAL = exports.SET_LIST_PAGE = exports.SET_OUTCOME_LIST = exports.SET_SEARCH_TOTAL = exports.SET_SEARCH_ENTRIES = exports.SET_SEARCH_LOADING = exports.SET_SEARCH_PAGE = exports.SET_SEARCH_TEXT = exports.LO_MASTERED = exports.LO_MASTERY_PERCENT = exports.LO_ID = exports.LO_NAME = exports.LOR_POINTS_POSSIBLE = exports.LOR_POINTS = exports.ALIGNED_QUESTIONS_COUNT = exports.ATTEMPT_COUNT = exports.STUDENT_UUID = exports.STUDENT_NAME = exports.COMPLETED = exports.ERROR = exports.IN_PROGRESS = exports.NOT_FETCHING = exports.ALL_USERS = exports.CLOSE_REPORT_ALIGNMENT = exports.VIEW_REPORT_ALIGNMENT = exports.SET_REMAINING_PAGES_LOADING = exports.SET_REPORT_LOADING = exports.SET_REPORT_USERS = exports.SET_REPORT_RESULTS = exports.SET_REPORT_ROLLUPS = exports.SET_REPORT_OUTCOMES = exports.SET_REPORT_PAGE_DATA = exports.SET_REPORT_PAGE = exports.RESET_OUTCOME_PICKER = exports.SET_SCOPE = exports.TOGGLE_EXPANDED_IDS = exports.SET_ACTIVE_COLLECTION_ID = exports.SET_FOCUSED_OUTCOME = exports.UPDATE_ALIGNMENT = exports.CLOSE_ALIGNMENT = exports.VIEW_ALIGNMENT = exports.SET_ALIGNMENTS = exports.SET_CONTEXT = exports.SET_FEATURES = exports.SET_SCORING_METHOD = exports.UNSELECT_OUTCOME_IDS = exports.SET_SELECTED_OUTCOME_IDS = exports.SET_ROOT_OUTCOME_IDS = exports.SET_OUTCOME_PICKER_STATE = exports.SET_OUTCOMES = exports.SET_ERROR = exports.SELECT_OUTCOME_IDS = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _CALCULATION_METHODS;
 
 /*
  * context
@@ -72,14 +78,47 @@ var SET_REPORT_USERS = 'SET_REPORT_USERS';
 exports.SET_REPORT_USERS = SET_REPORT_USERS;
 var SET_REPORT_LOADING = 'SET_REPORT_LOADING';
 exports.SET_REPORT_LOADING = SET_REPORT_LOADING;
+var SET_REMAINING_PAGES_LOADING = 'SET_REMAINING_PAGES_LOADING';
+exports.SET_REMAINING_PAGES_LOADING = SET_REMAINING_PAGES_LOADING;
 var VIEW_REPORT_ALIGNMENT = 'VIEW_REPORT_ALIGNMENT';
 exports.VIEW_REPORT_ALIGNMENT = VIEW_REPORT_ALIGNMENT;
 var CLOSE_REPORT_ALIGNMENT = 'CLOSE_REPORT_ALIGNMENT';
+exports.CLOSE_REPORT_ALIGNMENT = CLOSE_REPORT_ALIGNMENT;
+var ALL_USERS = 'ALL_USERS';
+exports.ALL_USERS = ALL_USERS;
+var NOT_FETCHING = 'NOT_FETCHING';
+exports.NOT_FETCHING = NOT_FETCHING;
+var IN_PROGRESS = 'FETCHING_IN_PROGRESS';
+exports.IN_PROGRESS = IN_PROGRESS;
+var ERROR = 'FETCHING_ERROR';
+exports.ERROR = ERROR;
+var COMPLETED = 'FETCHING_COMPLETED'; // CSV Report Headers
+
+exports.COMPLETED = COMPLETED;
+var STUDENT_NAME = 'student_name';
+exports.STUDENT_NAME = STUDENT_NAME;
+var STUDENT_UUID = 'student_uuid';
+exports.STUDENT_UUID = STUDENT_UUID;
+var ATTEMPT_COUNT = 'attempt_count';
+exports.ATTEMPT_COUNT = ATTEMPT_COUNT;
+var ALIGNED_QUESTIONS_COUNT = 'aligned_questions_count';
+exports.ALIGNED_QUESTIONS_COUNT = ALIGNED_QUESTIONS_COUNT;
+var LOR_POINTS = 'lor_points';
+exports.LOR_POINTS = LOR_POINTS;
+var LOR_POINTS_POSSIBLE = 'lor_points_possible';
+exports.LOR_POINTS_POSSIBLE = LOR_POINTS_POSSIBLE;
+var LO_NAME = 'lo_name';
+exports.LO_NAME = LO_NAME;
+var LO_ID = 'lo_id';
+exports.LO_ID = LO_ID;
+var LO_MASTERY_PERCENT = 'lo_mastery_percent';
+exports.LO_MASTERY_PERCENT = LO_MASTERY_PERCENT;
+var LO_MASTERED = 'lo_mastered';
 /*
  * search
  */
 
-exports.CLOSE_REPORT_ALIGNMENT = CLOSE_REPORT_ALIGNMENT;
+exports.LO_MASTERED = LO_MASTERED;
 var SET_SEARCH_TEXT = 'SET_SEARCH_TEXT';
 exports.SET_SEARCH_TEXT = SET_SEARCH_TEXT;
 var SET_SEARCH_PAGE = 'SET_SEARCH_PAGE';
@@ -113,9 +152,27 @@ var SET_INDIVIDUAL_RESULTS_STATE = 'SET_INDIVIDUAL_RESULTS_STATE';
 */
 
 exports.SET_INDIVIDUAL_RESULTS_STATE = SET_INDIVIDUAL_RESULTS_STATE;
+var REPORT_DOWNLOAD_FF = 'report_download';
+exports.REPORT_DOWNLOAD_FF = REPORT_DOWNLOAD_FF;
 
 var getFeatureFlags = function getFeatureFlags() {
-  return [];
+  return [REPORT_DOWNLOAD_FF];
 };
+/*
+ * calculation method
+ */
+
 
-exports.getFeatureFlags = getFeatureFlags;
+exports.getFeatureFlags = getFeatureFlags;
+var HIGHEST = 'highest';
+exports.HIGHEST = HIGHEST;
+var LATEST = 'latest';
+exports.LATEST = LATEST;
+var N_MASTERY = 'n_mastery';
+exports.N_MASTERY = N_MASTERY;
+var DECAYING_AVERAGE = 'decaying_average';
+exports.DECAYING_AVERAGE = DECAYING_AVERAGE;
+var AVERAGE = 'average';
+exports.AVERAGE = AVERAGE;
+var CALCULATION_METHODS = (_CALCULATION_METHODS = {}, (0, _defineProperty2.default)(_CALCULATION_METHODS, HIGHEST, 'Highest Score'), (0, _defineProperty2.default)(_CALCULATION_METHODS, LATEST, 'Most Recent Score'), (0, _defineProperty2.default)(_CALCULATION_METHODS, N_MASTERY, 'Achieve Mastery {n} times'), (0, _defineProperty2.default)(_CALCULATION_METHODS, DECAYING_AVERAGE, 'Decaying Average - {percent}%/{complement}%'), (0, _defineProperty2.default)(_CALCULATION_METHODS, AVERAGE, 'Average'), _CALCULATION_METHODS);
+exports.CALCULATION_METHODS = CALCULATION_METHODS;

package/lib/containers/AlignmentWidget.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ConnectedAlignmentWidget = _interopRequireDefault(require("./ConnectedAlignmentWidget.js"));
+
+var _OutcomeSDKComponent = _interopRequireDefault(require("./OutcomeSDKComponent.js"));
+
+var _default = (0, _OutcomeSDKComponent.default)(_ConnectedAlignmentWidget.default, {
+  artifactType: _propTypes.default.string,
+  artifactId: _propTypes.default.string,
+  screenreaderNotification: _propTypes.default.func
+});
+
+exports.default = _default;

package/lib/containers/ConnectedAlignmentCount.js

@@ -27,6 +27,8 @@ function mapStateToProps(state, ownProps) {
     count: (0, _selectors.getAlignedOutcomeCount)(state, scope)
   };
 }
+/* eslint-disable react-redux/mapDispatchToProps-returns-object */
+
 
 function mapDispatchToProps(dispatch, ownProps) {
   var scope = ownProps.scope;
@@ -34,6 +36,8 @@ function mapDispatchToProps(dispatch, ownProps) {
     loadAlignments: _actions.loadAlignments
   }, dispatch, scope);
 }
+/* eslint-enable react-redux/mapDispatchToProps-returns-object */
+
 
 var ConnectedAlignmentCount = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _WithAlignmentSet.default)(_index.default);
 var _default = ConnectedAlignmentCount;

package/lib/containers/ConnectedAlignmentWidget.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _multireducer = require("multireducer");
+
+var _redux = require("redux");
+
+var _reactRedux = require("react-redux");
+
+var alignmentActions = _interopRequireWildcard(require("../store/alignments/actions.js"));
+
+var _selectors = require("../store/alignments/selectors.js");
+
+var outcomePickerActions = _interopRequireWildcard(require("../store/OutcomePicker/actions.js"));
+
+var _index = _interopRequireDefault(require("../components/AlignmentWidget/index.js"));
+
+var _WithArtifact = _interopRequireDefault(require("../components/WithArtifact.js"));
+
+var _ConnectedOutcomeTray = _interopRequireDefault(require("./ConnectedOutcomeTray.js"));
+
+var mapStateToProps = function mapStateToProps(state, ownProps) {
+  var scope = ownProps.scope;
+  return {
+    tray: _ConnectedOutcomeTray.default,
+    alignedOutcomes: (0, _selectors.getAlignedOutcomes)(state, scope)
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
+  var scope = ownProps.scope;
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _multireducer.bindActionCreators)(outcomePickerActions, dispatch, scope)), (0, _multireducer.bindActionCreators)(alignmentActions, dispatch, scope));
+};
+
+var ConnectedAlignmentWidget = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _WithArtifact.default)(_index.default);
+var _default = ConnectedAlignmentWidget;
+exports.default = _default;