@instructure/outcomes-ui 2.1.8 → 2.1.9

package/es/translated/zh-Hant/components/OutcomeDescription/index.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Ratings from "../Ratings/index.js";
 import t from 'format-message';
 import { algorithmDataShape, scoringTierShape } from "../../store/shapes.js";
-import { HIGHEST, LATEST, N_MASTERY, DECAYING_AVERAGE, AVERAGE, CALCULATION_METHODS } from "../../constants.js";
+import { HIGHEST, LATEST, N_MASTERY, DECAYING_AVERAGE, AVERAGE, CALCULATION_METHODS, WEIGHTED_AVERAGE, STANDARD_DECAYING_AVERAGE, NEW_DECAYING_AVERAGE_FF } from "../../constants.js";
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import { TruncateText } from '@instructure/ui-truncate-text';
@@ -22,7 +22,9 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
       ratings = _ref.ratings,
       truncated = _ref.truncated,
       isTray = _ref.isTray,
-      canManageOutcomes = _ref.canManageOutcomes;
+      canManageOutcomes = _ref.canManageOutcomes,
+      features = _ref.features;
+  var newDecayingAvgFFEnabled = features.includes(NEW_DECAYING_AVERAGE_FF);
   var descriptionDisplay = !canManageOutcomes && friendlyDescription ? friendlyDescription : description;
 
   var stripHtmlTags = function stripHtmlTags(text) {
@@ -43,6 +45,35 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
     return /*#__PURE__*/React.createElement(Text, null, renderedText);
   };
 
+  var renderUserFacingMethod = function renderUserFacingMethod(calculationMethod) {
+    var displayMethod = DECAYING_AVERAGE;
+    var percent = calculationInt.decaying_average_percent;
+
+    if (newDecayingAvgFFEnabled) {
+      switch (calculationMethod) {
+        case DECAYING_AVERAGE:
+          {
+            displayMethod = WEIGHTED_AVERAGE;
+            percent = calculationInt.decaying_average_percent;
+            break;
+          }
+
+        case STANDARD_DECAYING_AVERAGE:
+          {
+            displayMethod = STANDARD_DECAYING_AVERAGE;
+            percent = calculationInt.standard_decaying_average_percent;
+            break;
+          }
+      }
+    }
+
+    var complement = 100 - percent;
+    return t(CALCULATION_METHODS[displayMethod], {
+      percent: percent,
+      complement: complement
+    });
+  };
+
   var formatCalculationMethodText = function formatCalculationMethodText() {
     var method = '';
 
@@ -75,13 +106,10 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
         }
 
       case DECAYING_AVERAGE:
+      case STANDARD_DECAYING_AVERAGE:
         {
-          var percent = calculationInt.decaying_average_percent;
-          var complement = 100 - percent;
-          method = t(CALCULATION_METHODS[DECAYING_AVERAGE], {
-            percent: percent,
-            complement: complement
-          });
+          method = renderUserFacingMethod(calculationMethod);
+          break;
         }
     }
 
@@ -156,7 +184,8 @@ OutcomeDescription.propTypes = {
   ratings: PropTypes.arrayOf(scoringTierShape),
   truncated: PropTypes.bool,
   isTray: PropTypes.bool,
-  canManageOutcomes: PropTypes.bool
+  canManageOutcomes: PropTypes.bool,
+  features: PropTypes.array
 };
 OutcomeDescription.defaultProps = {
   label: '',
@@ -171,6 +200,7 @@ OutcomeDescription.defaultProps = {
   pointsPossible: null,
   ratings: [],
   truncated: true,
-  canManageOutcomes: true
+  canManageOutcomes: true,
+  features: []
 };
 export default OutcomeDescription;

package/es/translated/zh-Hant/components/OutcomeTray/OutcomeList/index.js

@@ -28,7 +28,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           outcomes = _this$props.outcomes,
           isOutcomeSelected = _this$props.isOutcomeSelected,
           selectOutcomeIds = _this$props.selectOutcomeIds,
-          deselectOutcomeIds = _this$props.deselectOutcomeIds;
+          deselectOutcomeIds = _this$props.deselectOutcomeIds,
+          features = _this$props.features;
       return outcomes.map(function (outcome) {
         return /*#__PURE__*/React.createElement("div", {
           key: outcome.id
@@ -37,7 +38,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           isOutcomeSelected: isOutcomeSelected,
           selectOutcomeIds: selectOutcomeIds,
           deselectOutcomeIds: deselectOutcomeIds,
-          isTray: true
+          isTray: true,
+          features: features
         }));
       });
     }
@@ -97,9 +99,11 @@ OutcomeList.propTypes = {
   getOutcomesList: PropTypes.func.isRequired,
   isLoading: PropTypes.bool.isRequired,
   listPage: PropTypes.number.isRequired,
-  listTotal: PropTypes.number
+  listTotal: PropTypes.number,
+  features: PropTypes.array
 };
 OutcomeList.defaultProps = {
-  listTotal: null
+  listTotal: null,
+  features: []
 };
 export { OutcomeList as default };

package/es/translated/zh-Hant/components/OutcomeTray/index.js

@@ -69,7 +69,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
           isFetching = _this$props2.isFetching,
           listPage = _this$props2.listPage,
           listTotal = _this$props2.listTotal,
-          getOutcomesList = _this$props2.getOutcomesList;
+          getOutcomesList = _this$props2.getOutcomesList,
+          features = _this$props2.features;
       return /*#__PURE__*/React.createElement(View, {
         display: "block",
         padding: "small none none none"
@@ -81,7 +82,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         isLoading: isFetching,
         listPage: listPage,
         listTotal: listTotal,
-        getOutcomesList: getOutcomesList
+        getOutcomesList: getOutcomesList,
+        features: features
       }));
     }
   }, {
@@ -258,7 +260,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   displayMasteryPercentText: PropTypes.bool,
   shouldModifyArtifact: PropTypes.bool,
   scope: PropTypes.string.isRequired,
-  showAlert: PropTypes.func
+  showAlert: PropTypes.func,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   screenreaderNotification: null,
   liveRegion: null,
@@ -273,6 +276,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   shouldModifyArtifact: false,
   searchTotal: null,
   listTotal: null,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 export { OutcomeTray as default };

package/es/translated/zh-Hant/components/OutcomeView/MasteryDescription/index.js

@@ -16,6 +16,7 @@ import { Text } from '@instructure/ui-text';
 import { Spinner } from '@instructure/ui-spinner';
 import { themeable } from '@instructure/ui-themeable';
 import { scoringMethodShape } from "../../../store/shapes.js";
+import { NEW_DECAYING_AVERAGE_FF } from "../../../constants.js";
 import theme from "../../theme.js";
 var styles = {
   componentId: 'IalyE',
@@ -26,10 +27,29 @@ var styles = {
   'scoreMasteryText': 'outcomes-ui__MasteryDescription--scoreMasteryText'
 };
 
-var scoringText = function scoringText(scoringMethod) {
+var renderUserFacingMethod = function renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled) {
+  var legacyDecayingAverage = "\u638C\u63E1\u7A0B\u5EA6\u8A08\u7B97\u81EA\u8870\u6E1B\u5E73\u5747\u503C\u3002\u6700\u8FD1\u7684\u8A08\u7B97\u70BA " + _percent_zhHant_number(scoringMethod.algorithm_data.decaying_average_percent) + " \u7684\u7CBE\u901A\u6C34\u5E73\u52A0\u6B0A\uFF0C \u6240\u6709\u5176\u4ED6\u7D50\u679C\u7684\u5E73\u5747\u503C\u70BA " + _percent_zhHant_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " \u7684\u52A0\u6B0A\u3002\u5982\u679C\u53EA\u6709\u4E00\u500B\u7D50\u679C\uFF0C\u55AE\u4E00\u5206\u6578\u5C07\u88AB\u8FD4\u56DE\u3002";
+
+  if (newDecayingAvgFFEnabled) {
+    switch (scoringMethod.algorithm) {
+      case 'decaying_average':
+        return "Mastery calculated by Weighted Average. Most recent counts as " + _percent_zhHant_number(scoringMethod.algorithm_data.decaying_average_percent) + " of mastery weight, average of all other results count as " + _percent_zhHant_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " of weight. If there is only one result, the single score will be returned.";
+
+      case 'standard_decaying_average':
+        return "Mastery calculated by Decaying Average. Between two assessments, the most recent assessment gets " + _percent_zhHant_number(scoringMethod.algorithm_data.standard_decaying_average_percent) + " weight, and the first gets " + _percent_zhHant_number(1.0 - scoringMethod.algorithm_data.standard_decaying_average_percent) + ". For each additional assessment, the sum of the previous score calculations decay by an additional " + _percent_zhHant_number(1.0 - scoringMethod.algorithm_data.standard_decaying_average_percent) + ". If there is only one result, the single score will be returned.";
+    }
+  } else {
+    return legacyDecayingAverage;
+  }
+};
+
+var scoringText = function scoringText(scoringMethod, newDecayingAvgFFEnabled) {
   switch (scoringMethod.algorithm) {
     case 'decaying_average':
-      return "\u638C\u63E1\u7A0B\u5EA6\u8A08\u7B97\u81EA\u8870\u6E1B\u5E73\u5747\u503C\u3002\u6700\u8FD1\u7684\u8A08\u7B97\u70BA " + _percent_zhHant_number(scoringMethod.algorithm_data.decaying_average_percent) + " \u7684\u7CBE\u901A\u6C34\u5E73\u52A0\u6B0A\uFF0C \u6240\u6709\u5176\u4ED6\u7D50\u679C\u7684\u5E73\u5747\u503C\u70BA " + _percent_zhHant_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " \u7684\u52A0\u6B0A\u3002\u5982\u679C\u53EA\u6709\u4E00\u500B\u7D50\u679C\uFF0C\u55AE\u4E00\u5206\u6578\u5C07\u88AB\u8FD4\u56DE\u3002";
+      return renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled);
+
+    case 'standard_decaying_average':
+      return renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled);
 
     case 'n_mastery':
       return "\u638C\u63E1\u7A0B\u5EA6\u8A08\u7B97\u81EA\u4F5C\u7B54\u6B21\u6578\u3002\u9808\u9054\u81F4\u638C\u63E1\u7A0B\u5EA6\u81F3\u5C11 " + _default_zhHant_number(scoringMethod.algorithm_data.n_mastery_count) + " \u6B21\u3002\u638C\u63E1\u7A0B\u6216\u4EE5\u4E0A\u7684\u5F97\u5206\u5C07\u88AB\u5E73\u5747\u8A08\u7B97\u81F3\u6700\u7D42\u5F97\u5206\u3002";
@@ -40,6 +60,9 @@ var scoringText = function scoringText(scoringMethod) {
     case 'latest':
       return "\u638C\u63E1\u7A0B\u5EA6\u8A08\u7B97\u81EA\u6700\u8FD1\u5F97\u5206\u3002\u638C\u63E1\u7A0B\u5EA6\u5F97\u5206\u53CD\u6620\u6700\u8FD1\u8A55\u5206\u7684\u8A55\u4F30\u7684\u60C5\u6CC1\u3002";
 
+    case 'average':
+      return "Mastery reflects Average Score. Calculated by dividing the sum of all item scores by the number of scores.";
+
     default:
       return '';
   }
@@ -67,7 +90,9 @@ var MasteryDescription = (_dec = themeable(theme, styles), _dec(_class = (_temp
       var _this$props = this.props,
           artifactTypeName = _this$props.artifactTypeName,
           displayMasteryPercentText = _this$props.displayMasteryPercentText,
-          scoringMethod = _this$props.scoringMethod;
+          scoringMethod = _this$props.scoringMethod,
+          features = _this$props.features;
+      var newDecayingAvgFFEnabled = features.includes(NEW_DECAYING_AVERAGE_FF);
 
       if (!scoringMethod) {
         return /*#__PURE__*/React.createElement(Spinner, {
@@ -80,7 +105,7 @@ var MasteryDescription = (_dec = themeable(theme, styles), _dec(_class = (_temp
         "data-automation": "outcomeView__scoreMethodDescription"
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
         size: "small"
-      }, scoringText(scoringMethod))), displayMasteryPercentText && artifactTypeName && /*#__PURE__*/React.createElement("div", {
+      }, scoringText(scoringMethod, newDecayingAvgFFEnabled))), displayMasteryPercentText && artifactTypeName && /*#__PURE__*/React.createElement("div", {
         className: styles.scoreMasteryText
       }, /*#__PURE__*/React.createElement(Text, {
         size: "small"
@@ -93,9 +118,11 @@ var MasteryDescription = (_dec = themeable(theme, styles), _dec(_class = (_temp
 }(React.Component), _class2.propTypes = {
   artifactTypeName: PropTypes.string,
   displayMasteryPercentText: PropTypes.bool.isRequired,
-  scoringMethod: scoringMethodShape
+  scoringMethod: scoringMethodShape,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   artifactTypeName: null,
-  scoringMethod: null
+  scoringMethod: null,
+  features: []
 }, _temp)) || _class);
 export { MasteryDescription as default };

package/es/translated/zh-Hant/components/OutcomeView/index.js

@@ -77,7 +77,8 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
           artifactTypeName = _this$props4.artifactTypeName,
           displayMasteryDescription = _this$props4.displayMasteryDescription,
           displayMasteryPercentText = _this$props4.displayMasteryPercentText,
-          friendlyDescription = _this$props4.friendlyDescription;
+          friendlyDescription = _this$props4.friendlyDescription,
+          features = _this$props4.features;
       var scoringMethod = this.getScoringMethod();
       var scoringTiers = this.getScoringTiers();
       var displayMasteryInformation = this.getDisplayMasteryInformation();
@@ -123,7 +124,8 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
       }), displayMasteryDescription && displayMasteryInformation && /*#__PURE__*/React.createElement(MasteryDescription, {
         artifactTypeName: artifactTypeName,
         displayMasteryPercentText: displayMasteryPercentText,
-        scoringMethod: scoringMethod
+        scoringMethod: scoringMethod,
+        features: features
       }));
     }
   }]);
@@ -140,7 +142,8 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   scoringTiers: PropTypes.arrayOf(scoringTierShape),
   artifactTypeName: PropTypes.string,
   displayMasteryDescription: PropTypes.bool,
-  displayMasteryPercentText: PropTypes.bool
+  displayMasteryPercentText: PropTypes.bool,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   context: null,
   outcomeResult: null,
@@ -149,6 +152,7 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   artifactTypeName: null,
   displayMasteryDescription: false,
   displayMasteryPercentText: false,
-  friendlyDescription: null
+  friendlyDescription: null,
+  features: []
 }, _temp)) || _class);
 export { OutcomeView as default };

package/es/translated/zh-Hant/constants.js

@@ -91,8 +91,9 @@ export var SET_INDIVIDUAL_RESULTS_STATE = 'SET_INDIVIDUAL_RESULTS_STATE';
 */
 
 export var REPORT_DOWNLOAD_FF = 'report_download';
+export var NEW_DECAYING_AVERAGE_FF = 'outcomes_new_decaying_average_calculation';
 export var getFeatureFlags = function getFeatureFlags() {
-  return [REPORT_DOWNLOAD_FF];
+  return [REPORT_DOWNLOAD_FF, NEW_DECAYING_AVERAGE_FF];
 };
 /*
  * calculation method
@@ -102,5 +103,7 @@ export var HIGHEST = 'highest';
 export var LATEST = 'latest';
 export var N_MASTERY = 'n_mastery';
 export var DECAYING_AVERAGE = 'decaying_average';
+export var STANDARD_DECAYING_AVERAGE = 'standard_decaying_average';
+export var WEIGHTED_AVERAGE = 'weighted_average';
 export var AVERAGE = 'average';
-export var CALCULATION_METHODS = (_CALCULATION_METHODS = {}, _defineProperty(_CALCULATION_METHODS, HIGHEST, 'Highest Score'), _defineProperty(_CALCULATION_METHODS, LATEST, 'Most Recent Score'), _defineProperty(_CALCULATION_METHODS, N_MASTERY, 'Achieve Mastery {n} times'), _defineProperty(_CALCULATION_METHODS, DECAYING_AVERAGE, 'Decaying Average - {percent}%/{complement}%'), _defineProperty(_CALCULATION_METHODS, AVERAGE, 'Average'), _CALCULATION_METHODS);
+export var CALCULATION_METHODS = (_CALCULATION_METHODS = {}, _defineProperty(_CALCULATION_METHODS, HIGHEST, 'Highest Score'), _defineProperty(_CALCULATION_METHODS, LATEST, 'Most Recent Score'), _defineProperty(_CALCULATION_METHODS, N_MASTERY, 'Achieve Mastery {n} times'), _defineProperty(_CALCULATION_METHODS, DECAYING_AVERAGE, 'Decaying Average - {percent}%/{complement}%'), _defineProperty(_CALCULATION_METHODS, WEIGHTED_AVERAGE, 'Weighted Average - {percent}%/{complement}%'), _defineProperty(_CALCULATION_METHODS, STANDARD_DECAYING_AVERAGE, 'Decaying Average - {percent}%/{complement}%'), _defineProperty(_CALCULATION_METHODS, AVERAGE, 'Average'), _CALCULATION_METHODS);

package/es/translated/zh-Hant/containers/ConnectedAlignmentWidget.js

@@ -8,12 +8,14 @@ import * as outcomePickerActions from "../store/OutcomePicker/actions.js";
 import AlignmentWidget from "../components/AlignmentWidget/index.js";
 import WithArtifact from "../components/WithArtifact.js";
 import ConnectedOutcomeTray from "./ConnectedOutcomeTray.js";
+import { getFeatures } from "../store/features/selectors.js";
 
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   var scope = ownProps.scope;
   return {
     tray: ConnectedOutcomeTray,
-    alignedOutcomes: getAlignedOutcomes(state, scope)
+    alignedOutcomes: getAlignedOutcomes(state, scope),
+    features: getFeatures(state)
   };
 };
 

package/es/translated/zh-Hant/containers/ConnectedOutcomeTray.js

@@ -11,6 +11,7 @@ import { getFocusedOutcome, getSelectedOutcomeIds, getOutcomePickerState, makeIs
 import { getOutcomeList, getListPage, getListTotal } from "../store/OutcomeTray/selectors.js";
 import OutcomeTray from "../components/OutcomeTray/index.js";
 import { isOpen } from "../store/activePicker/selectors.js";
+import { getFeatures } from "../store/features/selectors.js";
 
 function mapStateToProps(state, ownProps) {
   var scope = ownProps.scope;
@@ -27,7 +28,8 @@ function mapStateToProps(state, ownProps) {
     outcomes: getOutcomeList(state, scope),
     listPage: getListPage(state, scope),
     listTotal: getListTotal(state, scope),
-    focusedOutcome: getFocusedOutcome(state, scope)
+    focusedOutcome: getFocusedOutcome(state, scope),
+    features: getFeatures(state)
   };
 }
 

package/es/translated/zh-Hant/containers/ConnectedOutcomeView.js

@@ -1,13 +1,15 @@
 import { connect } from 'react-redux';
 import OutcomeView from "../components/OutcomeView/index.js";
 import { getContextByScope } from "../store/context/selectors.js";
+import { getFeatures } from "../store/features/selectors.js";
 
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   var _getContextByScope;
 
   var scope = ownProps.scope;
   return {
-    context: (_getContextByScope = getContextByScope(state, scope)) === null || _getContextByScope === void 0 ? void 0 : _getContextByScope.data
+    context: (_getContextByScope = getContextByScope(state, scope)) === null || _getContextByScope === void 0 ? void 0 : _getContextByScope.data,
+    features: getFeatures(state)
   };
 };
 

package/lib/components/AlignmentItem/index.js

@@ -51,7 +51,8 @@ var AlignmentItem = function AlignmentItem(_ref) {
       shouldFocus = _ref.shouldFocus,
       isOutcomeSelected = _ref.isOutcomeSelected,
       selectOutcomeIds = _ref.selectOutcomeIds,
-      deselectOutcomeIds = _ref.deselectOutcomeIds;
+      deselectOutcomeIds = _ref.deselectOutcomeIds,
+      features = _ref.features;
 
   var _useState = (0, _react.useState)(true),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -245,7 +246,8 @@ var AlignmentItem = function AlignmentItem(_ref) {
     ratings: scoring_tiers,
     truncated: truncated,
     isTray: isTray,
-    canManageOutcomes: canManageOutcomes
+    canManageOutcomes: canManageOutcomes,
+    features: features
   })))));
 };
 
@@ -257,7 +259,8 @@ AlignmentItem.propTypes = {
   shouldFocus: _propTypes.default.bool,
   isOutcomeSelected: _propTypes.default.func,
   selectOutcomeIds: _propTypes.default.func,
-  deselectOutcomeIds: _propTypes.default.func
+  deselectOutcomeIds: _propTypes.default.func,
+  features: _propTypes.default.array
 };
 AlignmentItem.defaultProps = {
   removeAlignment: function removeAlignment() {},
@@ -266,7 +269,8 @@ AlignmentItem.defaultProps = {
   shouldFocus: false,
   isOutcomeSelected: function isOutcomeSelected() {},
   selectOutcomeIds: function selectOutcomeIds() {},
-  deselectOutcomeIds: function deselectOutcomeIds() {}
+  deselectOutcomeIds: function deselectOutcomeIds() {},
+  features: []
 };
 var _default = AlignmentItem;
 exports.default = _default;

package/lib/components/AlignmentWidget/index.js

@@ -130,7 +130,8 @@ var AlignmentWidget = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
 
       var _this$props2 = _this.props,
           alignedOutcomes = _this$props2.alignedOutcomes,
-          canManageOutcomes = _this$props2.canManageOutcomes;
+          canManageOutcomes = _this$props2.canManageOutcomes,
+          features = _this$props2.features;
       return /*#__PURE__*/_react.default.createElement(_uiList.List, {
         isUnstyled: true,
         margin: "small 0",
@@ -147,7 +148,8 @@ var AlignmentWidget = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
           },
           outcome: outcome,
           canManageOutcomes: canManageOutcomes,
-          shouldFocus: index === _this.state.focusedItem
+          shouldFocus: index === _this.state.focusedItem,
+          features: features
         }));
       }), alignedOutcomes.length > 0 && /*#__PURE__*/_react.default.createElement(_uiList.List.Item, {
         key: "delimiter-1"
@@ -161,13 +163,15 @@ var AlignmentWidget = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
           OutcomeTray = _this$props3.tray,
           liveRegion = _this$props3.liveRegion,
           screenreaderNotification = _this$props3.screenreaderNotification,
-          showAlert = _this$props3.showAlert;
+          showAlert = _this$props3.showAlert,
+          features = _this$props3.features;
       return /*#__PURE__*/_react.default.createElement(OutcomeTray, Object.assign({
         screenreaderNotification: screenreaderNotification,
         liveRegion: liveRegion,
         scope: scope,
         shouldModifyArtifact: true,
-        showAlert: showAlert
+        showAlert: showAlert,
+        features: features
       }, pickerProps));
     };
 
@@ -257,7 +261,8 @@ var AlignmentWidget = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   screenreaderNotification: _propTypes.default.func,
   liveRegion: _index.default.propTypes.liveRegion,
   canManageOutcomes: _propTypes.default.bool.isRequired,
-  showAlert: _propTypes.default.func
+  showAlert: _propTypes.default.func,
+  features: _propTypes.default.array
 }, _class2.defaultProps = {
   alignedOutcomes: [],
   pickerProps: {},
@@ -265,6 +270,7 @@ var AlignmentWidget = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   screenreaderNotification: null,
   liveRegion: null,
   canManageOutcomes: true,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 exports.default = AlignmentWidget;

package/lib/components/OutcomeDescription/index.js

@@ -40,7 +40,9 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
       ratings = _ref.ratings,
       truncated = _ref.truncated,
       isTray = _ref.isTray,
-      canManageOutcomes = _ref.canManageOutcomes;
+      canManageOutcomes = _ref.canManageOutcomes,
+      features = _ref.features;
+  var newDecayingAvgFFEnabled = features.includes(_constants.NEW_DECAYING_AVERAGE_FF);
   var descriptionDisplay = !canManageOutcomes && friendlyDescription ? friendlyDescription : description;
 
   var stripHtmlTags = function stripHtmlTags(text) {
@@ -61,6 +63,35 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
     return /*#__PURE__*/_react.default.createElement(_uiText.Text, null, renderedText);
   };
 
+  var renderUserFacingMethod = function renderUserFacingMethod(calculationMethod) {
+    var displayMethod = _constants.DECAYING_AVERAGE;
+    var percent = calculationInt.decaying_average_percent;
+
+    if (newDecayingAvgFFEnabled) {
+      switch (calculationMethod) {
+        case _constants.DECAYING_AVERAGE:
+          {
+            displayMethod = _constants.WEIGHTED_AVERAGE;
+            percent = calculationInt.decaying_average_percent;
+            break;
+          }
+
+        case _constants.STANDARD_DECAYING_AVERAGE:
+          {
+            displayMethod = _constants.STANDARD_DECAYING_AVERAGE;
+            percent = calculationInt.standard_decaying_average_percent;
+            break;
+          }
+      }
+    }
+
+    var complement = 100 - percent;
+    return (0, _formatMessage.default)(_constants.CALCULATION_METHODS[displayMethod], {
+      percent: percent,
+      complement: complement
+    });
+  };
+
   var formatCalculationMethodText = function formatCalculationMethodText() {
     var method = '';
 
@@ -93,13 +124,10 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
         }
 
       case _constants.DECAYING_AVERAGE:
+      case _constants.STANDARD_DECAYING_AVERAGE:
         {
-          var percent = calculationInt.decaying_average_percent;
-          var complement = 100 - percent;
-          method = (0, _formatMessage.default)(_constants.CALCULATION_METHODS[_constants.DECAYING_AVERAGE], {
-            percent: percent,
-            complement: complement
-          });
+          method = renderUserFacingMethod(calculationMethod);
+          break;
         }
     }
 
@@ -174,7 +202,8 @@ OutcomeDescription.propTypes = {
   ratings: _propTypes.default.arrayOf(_shapes.scoringTierShape),
   truncated: _propTypes.default.bool,
   isTray: _propTypes.default.bool,
-  canManageOutcomes: _propTypes.default.bool
+  canManageOutcomes: _propTypes.default.bool,
+  features: _propTypes.default.array
 };
 OutcomeDescription.defaultProps = {
   label: '',
@@ -189,7 +218,8 @@ OutcomeDescription.defaultProps = {
   pointsPossible: null,
   ratings: [],
   truncated: true,
-  canManageOutcomes: true
+  canManageOutcomes: true,
+  features: []
 };
 var _default = OutcomeDescription;
 exports.default = _default;

package/lib/components/OutcomeTray/OutcomeList/index.js

@@ -49,7 +49,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           outcomes = _this$props.outcomes,
           isOutcomeSelected = _this$props.isOutcomeSelected,
           selectOutcomeIds = _this$props.selectOutcomeIds,
-          deselectOutcomeIds = _this$props.deselectOutcomeIds;
+          deselectOutcomeIds = _this$props.deselectOutcomeIds,
+          features = _this$props.features;
       return outcomes.map(function (outcome) {
         return /*#__PURE__*/_react.default.createElement("div", {
           key: outcome.id
@@ -58,7 +59,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           isOutcomeSelected: isOutcomeSelected,
           selectOutcomeIds: selectOutcomeIds,
           deselectOutcomeIds: deselectOutcomeIds,
-          isTray: true
+          isTray: true,
+          features: features
         }));
       });
     }
@@ -118,8 +120,10 @@ OutcomeList.propTypes = {
   getOutcomesList: _propTypes.default.func.isRequired,
   isLoading: _propTypes.default.bool.isRequired,
   listPage: _propTypes.default.number.isRequired,
-  listTotal: _propTypes.default.number
+  listTotal: _propTypes.default.number,
+  features: _propTypes.default.array
 };
 OutcomeList.defaultProps = {
-  listTotal: null
+  listTotal: null,
+  features: []
 };

package/lib/components/OutcomeTray/index.js

@@ -97,7 +97,8 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
           isFetching = _this$props2.isFetching,
           listPage = _this$props2.listPage,
           listTotal = _this$props2.listTotal,
-          getOutcomesList = _this$props2.getOutcomesList;
+          getOutcomesList = _this$props2.getOutcomesList,
+          features = _this$props2.features;
       return /*#__PURE__*/_react.default.createElement(_uiView.View, {
         display: "block",
         padding: "small none none none"
@@ -109,7 +110,8 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
         isLoading: isFetching,
         listPage: listPage,
         listTotal: listTotal,
-        getOutcomesList: getOutcomesList
+        getOutcomesList: getOutcomesList,
+        features: features
       }));
     }
   }, {
@@ -285,7 +287,8 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   displayMasteryPercentText: _propTypes.default.bool,
   shouldModifyArtifact: _propTypes.default.bool,
   scope: _propTypes.default.string.isRequired,
-  showAlert: _propTypes.default.func
+  showAlert: _propTypes.default.func,
+  features: _propTypes.default.array
 }, _class2.defaultProps = {
   screenreaderNotification: null,
   liveRegion: null,
@@ -300,6 +303,7 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   shouldModifyArtifact: false,
   searchTotal: null,
   listTotal: null,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 exports.default = OutcomeTray;