@instructure/outcomes-ui 2.1.8 → 2.1.9

package/es/components/AlignmentItem/index.js

@@ -24,7 +24,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 = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -218,7 +219,8 @@ var AlignmentItem = function AlignmentItem(_ref) {
     ratings: scoring_tiers,
     truncated: truncated,
     isTray: isTray,
-    canManageOutcomes: canManageOutcomes
+    canManageOutcomes: canManageOutcomes,
+    features: features
   })))));
 };
 
@@ -230,7 +232,8 @@ AlignmentItem.propTypes = {
   shouldFocus: PropTypes.bool,
   isOutcomeSelected: PropTypes.func,
   selectOutcomeIds: PropTypes.func,
-  deselectOutcomeIds: PropTypes.func
+  deselectOutcomeIds: PropTypes.func,
+  features: PropTypes.array
 };
 AlignmentItem.defaultProps = {
   removeAlignment: function removeAlignment() {},
@@ -239,6 +242,7 @@ AlignmentItem.defaultProps = {
   shouldFocus: false,
   isOutcomeSelected: function isOutcomeSelected() {},
   selectOutcomeIds: function selectOutcomeIds() {},
-  deselectOutcomeIds: function deselectOutcomeIds() {}
+  deselectOutcomeIds: function deselectOutcomeIds() {},
+  features: []
 };
 export default AlignmentItem;

package/es/components/AlignmentWidget/index.js

@@ -105,7 +105,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
 
       var _this$props2 = _this.props,
           alignedOutcomes = _this$props2.alignedOutcomes,
-          canManageOutcomes = _this$props2.canManageOutcomes;
+          canManageOutcomes = _this$props2.canManageOutcomes,
+          features = _this$props2.features;
       return /*#__PURE__*/React.createElement(List, {
         isUnstyled: true,
         margin: "small 0",
@@ -122,7 +123,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           },
           outcome: outcome,
           canManageOutcomes: canManageOutcomes,
-          shouldFocus: index === _this.state.focusedItem
+          shouldFocus: index === _this.state.focusedItem,
+          features: features
         }));
       }), alignedOutcomes.length > 0 && /*#__PURE__*/React.createElement(List.Item, {
         key: "delimiter-1"
@@ -136,13 +138,15 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           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.createElement(OutcomeTray, Object.assign({
         screenreaderNotification: screenreaderNotification,
         liveRegion: liveRegion,
         scope: scope,
         shouldModifyArtifact: true,
-        showAlert: showAlert
+        showAlert: showAlert,
+        features: features
       }, pickerProps));
     };
 
@@ -233,7 +237,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   screenreaderNotification: PropTypes.func,
   liveRegion: OutcomePickerModal.propTypes.liveRegion,
   canManageOutcomes: PropTypes.bool.isRequired,
-  showAlert: PropTypes.func
+  showAlert: PropTypes.func,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   alignedOutcomes: [],
   pickerProps: {},
@@ -241,6 +246,7 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   screenreaderNotification: null,
   liveRegion: null,
   canManageOutcomes: true,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 export { AlignmentWidget as default };

package/es/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/components/OutcomeTray/OutcomeList/index.js

@@ -29,7 +29,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
@@ -38,7 +39,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           isOutcomeSelected: isOutcomeSelected,
           selectOutcomeIds: selectOutcomeIds,
           deselectOutcomeIds: deselectOutcomeIds,
-          isTray: true
+          isTray: true,
+          features: features
         }));
       });
     }
@@ -98,9 +100,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/components/OutcomeTray/index.js

@@ -70,7 +70,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"
@@ -82,7 +83,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         isLoading: isFetching,
         listPage: listPage,
         listTotal: listTotal,
-        getOutcomesList: getOutcomesList
+        getOutcomesList: getOutcomesList,
+        features: features
       }));
     }
   }, {
@@ -259,7 +261,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,
@@ -274,6 +277,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/components/OutcomeView/MasteryDescription/index.js

@@ -12,6 +12,7 @@ import { Spinner } from '@instructure/ui-spinner';
 import t from 'format-message';
 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',
@@ -22,13 +23,38 @@ var styles = {
   'scoreMasteryText': 'outcomes-ui__MasteryDescription--scoreMasteryText'
 };
 
-var scoringText = function scoringText(scoringMethod) {
+var renderUserFacingMethod = function renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled) {
+  var legacyDecayingAverage = t('Mastery calculated by Decaying Average. Most recent counts as ' + '{recent_percent, number, percent} of mastery weight, average of all ' + 'other results count as {remain_percent, number, percent} of weight. ' + 'If there is only one result, the single score will be returned.', {
+    recent_percent: scoringMethod.algorithm_data.decaying_average_percent,
+    remain_percent: 1.0 - scoringMethod.algorithm_data.decaying_average_percent
+  });
+
+  if (newDecayingAvgFFEnabled) {
+    switch (scoringMethod.algorithm) {
+      case 'decaying_average':
+        return t('Mastery calculated by Weighted Average. Most recent counts as ' + '{recent_percent, number, percent} of mastery weight, average of all ' + 'other results count as {remain_percent, number, percent} of weight. ' + 'If there is only one result, the single score will be returned.', {
+          recent_percent: scoringMethod.algorithm_data.decaying_average_percent,
+          remain_percent: 1.0 - scoringMethod.algorithm_data.decaying_average_percent
+        });
+
+      case 'standard_decaying_average':
+        return t('Mastery calculated by Decaying Average. Between two assessments, ' + 'the most recent assessment gets {recent_percent, number, percent} weight, ' + 'and the first gets {remain_percent, number, percent}. For each additional assessment, ' + 'the sum of the previous score calculations decay by an ' + 'additional {remain_percent, number, percent}. ' + 'If there is only one result, the single score will be returned.', {
+          recent_percent: scoringMethod.algorithm_data.standard_decaying_average_percent,
+          remain_percent: 1.0 - scoringMethod.algorithm_data.standard_decaying_average_percent
+        });
+    }
+  } else {
+    return legacyDecayingAverage;
+  }
+};
+
+var scoringText = function scoringText(scoringMethod, newDecayingAvgFFEnabled) {
   switch (scoringMethod.algorithm) {
     case 'decaying_average':
-      return t('Mastery calculated by Decaying Average. Most recent counts as ' + '{recent_percent, number, percent} of mastery weight, average of all ' + 'other results count as {remain_percent, number, percent} of weight. ' + 'If there is only one result, the single score will be returned.', {
-        recent_percent: scoringMethod.algorithm_data.decaying_average_percent,
-        remain_percent: 1.0 - scoringMethod.algorithm_data.decaying_average_percent
-      });
+      return renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled);
+
+    case 'standard_decaying_average':
+      return renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled);
 
     case 'n_mastery':
       return t('Mastery calculated by n Number of Times. Must achieve mastery at ' + 'least {n_times, number} times.  Scores above mastery will be ' + 'averaged to calculate final score.', {
@@ -41,6 +67,9 @@ var scoringText = function scoringText(scoringMethod) {
     case 'latest':
       return t('Mastery calculated by Most Recent Score. Mastery score reflects the most recent graded assessment.');
 
+    case 'average':
+      return t('Mastery reflects Average Score. Calculated by dividing the sum of all item scores by the number of scores.');
+
     default:
       return '';
   }
@@ -71,7 +100,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, {
@@ -84,7 +115,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"
@@ -97,9 +128,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/components/OutcomeView/index.js

@@ -78,7 +78,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();
@@ -124,7 +125,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
       }));
     }
   }]);
@@ -141,7 +143,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,
@@ -150,6 +153,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/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/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/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/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/es/translated/ar/components/AlignmentItem/index.js

@@ -23,7 +23,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 = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -209,7 +210,8 @@ var AlignmentItem = function AlignmentItem(_ref) {
     ratings: scoring_tiers,
     truncated: truncated,
     isTray: isTray,
-    canManageOutcomes: canManageOutcomes
+    canManageOutcomes: canManageOutcomes,
+    features: features
   })))));
 };
 
@@ -221,7 +223,8 @@ AlignmentItem.propTypes = {
   shouldFocus: PropTypes.bool,
   isOutcomeSelected: PropTypes.func,
   selectOutcomeIds: PropTypes.func,
-  deselectOutcomeIds: PropTypes.func
+  deselectOutcomeIds: PropTypes.func,
+  features: PropTypes.array
 };
 AlignmentItem.defaultProps = {
   removeAlignment: function removeAlignment() {},
@@ -230,6 +233,7 @@ AlignmentItem.defaultProps = {
   shouldFocus: false,
   isOutcomeSelected: function isOutcomeSelected() {},
   selectOutcomeIds: function selectOutcomeIds() {},
-  deselectOutcomeIds: function deselectOutcomeIds() {}
+  deselectOutcomeIds: function deselectOutcomeIds() {},
+  features: []
 };
 export default AlignmentItem;

package/es/translated/ar/components/AlignmentWidget/index.js

@@ -104,7 +104,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
 
       var _this$props2 = _this.props,
           alignedOutcomes = _this$props2.alignedOutcomes,
-          canManageOutcomes = _this$props2.canManageOutcomes;
+          canManageOutcomes = _this$props2.canManageOutcomes,
+          features = _this$props2.features;
       return /*#__PURE__*/React.createElement(List, {
         isUnstyled: true,
         margin: "small 0",
@@ -121,7 +122,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           },
           outcome: outcome,
           canManageOutcomes: canManageOutcomes,
-          shouldFocus: index === _this.state.focusedItem
+          shouldFocus: index === _this.state.focusedItem,
+          features: features
         }));
       }), alignedOutcomes.length > 0 && /*#__PURE__*/React.createElement(List.Item, {
         key: "delimiter-1"
@@ -135,13 +137,15 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           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.createElement(OutcomeTray, Object.assign({
         screenreaderNotification: screenreaderNotification,
         liveRegion: liveRegion,
         scope: scope,
         shouldModifyArtifact: true,
-        showAlert: showAlert
+        showAlert: showAlert,
+        features: features
       }, pickerProps));
     };
 
@@ -230,7 +234,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   screenreaderNotification: PropTypes.func,
   liveRegion: OutcomePickerModal.propTypes.liveRegion,
   canManageOutcomes: PropTypes.bool.isRequired,
-  showAlert: PropTypes.func
+  showAlert: PropTypes.func,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   alignedOutcomes: [],
   pickerProps: {},
@@ -238,6 +243,7 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   screenreaderNotification: null,
   liveRegion: null,
   canManageOutcomes: true,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 export { AlignmentWidget as default };

package/es/translated/ar/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;