@instructure/outcomes-ui 3.1.0 → 3.2.0

package/lib/translated/es-ES/test/mockOutcomesData.js

@@ -17,7 +17,7 @@ var OUTCOME_1 = exports.OUTCOME_1 = {
   friendly_description: 'fdA1',
   scoring_method: {
     algorithm: 'highest',
-    algorithm_data: {},
+    algorithm_data: null,
     mastery_percent: 0.6,
     points_possible: 5,
     scoring_tiers: ratings
@@ -31,7 +31,7 @@ var OUTCOME_2 = exports.OUTCOME_2 = {
   friendly_description: 'fdB2',
   scoring_method: {
     algorithm: 'latest',
-    algorithm_data: {},
+    algorithm_data: null,
     mastery_percent: 0.6,
     points_possible: 5,
     scoring_tiers: ratings
@@ -45,7 +45,7 @@ var OUTCOME_3 = exports.OUTCOME_3 = {
   friendly_description: 'fdC3',
   scoring_method: {
     algorithm: 'average',
-    algorithm_data: {},
+    algorithm_data: null,
     mastery_percent: 0.6,
     points_possible: 5,
     scoring_tiers: ratings

package/lib/translated/es_ES/components/Alignment/__tests__/index.test.js

@@ -7,8 +7,11 @@ var _sinon = _interopRequireDefault(require("sinon"));
 var _enzyme = require("enzyme");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiLink = require("@instructure/ui-link");
+var _uiText = require("@instructure/ui-text");
 var _index = _interopRequireDefault(require("../index.js"));
 var _checkA11y = _interopRequireDefault(require("../../../test/checkA11y.js"));
+var _uiPill = require("@instructure/ui-pill");
+var _uiTooltip = require("@instructure/ui-tooltip");
 describe('Alignment', function () {
   function makeProps() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -22,29 +25,131 @@ describe('Alignment', function () {
       viewAlignment: _sinon.default.spy(),
       removeAlignment: _sinon.default.spy(),
       isOpen: false,
-      readOnly: false
+      readOnly: false,
+      scope: 'artifactType:artifactId',
+      index: 0
     }, props);
   }
-  it('includes an icon', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
+  it('shows source context name', function () {
+    var props = makeProps({
+      outcome: {
+        id: '1',
+        label: 'FOO',
+        title: 'User can foo a bar',
+        source_context_info: {
+          name: 'Source Context'
+        }
+      }
+    });
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
       disableLifecycleMethods: true
     });
+    var link = wrapper.find(_uiText.Text).last();
+    (0, _chai.expect)(link.text()).to.equal('Source Context');
+  });
+  it('handles null source context name', function () {
+    var props = makeProps({
+      outcome: {
+        id: '1',
+        label: 'FOO',
+        title: 'User can foo a bar',
+        source_context_info: {
+          name: null
+        }
+      }
+    });
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+    var link = wrapper.find(_uiText.Text).last();
+    (0, _chai.expect)(link.text()).to.equal('');
+  });
+  it('handles null source context info', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    var link = wrapper.find(_uiText.Text).last();
+    (0, _chai.expect)(link).to.have.length(1);
+    (0, _chai.expect)(link.text()).to.equal('User can foo a bar');
+  });
+  describe('renderOutcomeDecoration', function () {
+    function getDecoratedOutcome(decorator) {
+      return makeProps({
+        outcome: {
+          id: '1',
+          label: 'FOO',
+          title: 'User can foo a bar',
+          source_context_info: {
+            name: null
+          },
+          decorator: decorator
+        }
+      });
+    }
+    it('does not decorate if there is no decorator', function () {
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+      var pill = wrapper.find(_uiPill.Pill).last();
+      (0, _chai.expect)(pill).to.have.length(0);
+    });
+    it('does not decorate if decorator is HIDE', function () {
+      var props = getDecoratedOutcome('HIDE');
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+      var pill = wrapper.find(_uiPill.Pill).last();
+      (0, _chai.expect)(pill).to.have.length(0);
+    });
+    it('decorates if decorator is SUB_ACCOUNT_OUTCOME', function () {
+      var props = getDecoratedOutcome('SUB_ACCOUNT_OUTCOME');
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+      var pill = wrapper.find(_uiPill.Pill).last();
+      (0, _chai.expect)(pill).to.have.length(1);
+      (0, _chai.expect)(pill.props().color).to.equal('primary');
+      (0, _chai.expect)(pill.text()).to.equal('Sub-Account Outcome');
+      var tip = wrapper.find(_uiTooltip.Tooltip).last();
+      (0, _chai.expect)(tip).to.have.length(0);
+    });
+    it('decorates if decorator is NOT_IN_SUB_ACCOUNT', function () {
+      var props = getDecoratedOutcome('NOT_IN_SUB_ACCOUNT');
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+      var pill = wrapper.find(_uiPill.Pill).last();
+      (0, _chai.expect)(pill).to.have.length(1);
+      (0, _chai.expect)(pill.props().color).to.equal('danger');
+      (0, _chai.expect)(pill.text()).to.equal('Not in this Sub-Account');
+      var tip = wrapper.find(_uiTooltip.Tooltip).last();
+      (0, _chai.expect)(tip).to.have.length(1);
+      (0, _chai.expect)(tip.props().renderTip).to.equal('To add this outcome, navigate to the Outcomes Management page.');
+    });
+    it('decorates if decorator is COURSE_OUTCOME', function () {
+      var props = getDecoratedOutcome('COURSE_OUTCOME');
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+      var pill = wrapper.find(_uiPill.Pill).last();
+      (0, _chai.expect)(pill).to.have.length(1);
+      (0, _chai.expect)(pill.props().color).to.equal('primary');
+      (0, _chai.expect)(pill.text()).to.equal('Course Outcome');
+      var tip = wrapper.find(_uiTooltip.Tooltip).last();
+      (0, _chai.expect)(tip).to.have.length(0);
+    });
+    it('decorates if decorator is NOT_IN_COURSE', function () {
+      var props = getDecoratedOutcome('NOT_IN_COURSE');
+      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+      var pill = wrapper.find(_uiPill.Pill).last();
+      (0, _chai.expect)(pill).to.have.length(1);
+      (0, _chai.expect)(pill.props().color).to.equal('danger');
+      (0, _chai.expect)(pill.text()).to.equal('Not in this Course');
+      var tip = wrapper.find(_uiTooltip.Tooltip).last();
+      (0, _chai.expect)(tip).to.have.length(1);
+      (0, _chai.expect)(tip.props().renderTip).to.equal('To add this outcome, navigate to the Outcomes Management page.');
+    });
+  });
+  it('includes an icon', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
     (0, _chai.expect)(wrapper.find(_uiIcons.IconOutcomesLine)).to.have.length(1);
   });
   it('includes a delete button', function () {
     var props = makeProps();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
-      disableLifecycleMethods: true
-    });
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
     (0, _chai.expect)(wrapper.find(_uiIcons.IconTrashLine)).to.have.length(1);
   });
   it('does not include a delete button if readOnly', function () {
     var props = makeProps({
       readOnly: true
     });
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
-      disableLifecycleMethods: true
-    });
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props));
     (0, _chai.expect)(wrapper.find('Button')).to.have.length(0);
   });
   it('calls removeAlignment when delete is clicked', function () {

package/lib/translated/es_ES/components/Alignment/index.js

@@ -21,24 +21,78 @@ var _index = _interopRequireDefault(require("../OutcomeViewModal/index.js"));
 var _theme = _interopRequireDefault(require("../theme.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _shapes = require("../../store/shapes.js");
+var _uiPill = require("@instructure/ui-pill");
+var _uiTooltip = require("@instructure/ui-tooltip");
 var _dec, _class, _class2;
 /** @jsx jsx */
 var Alignment = exports.default = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Alignment, _React$Component);
   var _super = (0, _createSuper2.default)(Alignment);
   function Alignment() {
+    var _this;
     (0, _classCallCheck2.default)(this, Alignment);
-    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.renderWithTooltip = function (Icon, color, text) {
+      return (0, _emotion.jsx)("span", {
+        css: _this.props.styles.rightAligned
+      }, (0, _emotion.jsx)(_uiTooltip.Tooltip, {
+        renderTip: "To add this outcome, navigate to the Outcomes Management page."
+      }, (0, _emotion.jsx)(_uiPill.Pill, {
+        renderIcon: (0, _emotion.jsx)(Icon, null),
+        color: color,
+        margin: "xxx-small"
+      }, text)));
+    };
+    _this.renderWithoutTooltip = function (Icon, color, text) {
+      return (0, _emotion.jsx)("span", {
+        css: _this.props.styles.rightAligned
+      }, (0, _emotion.jsx)(_uiPill.Pill, {
+        renderIcon: (0, _emotion.jsx)(Icon, null),
+        color: color,
+        margin: "xxx-small"
+      }, text));
+    };
+    return _this;
   }
   (0, _createClass2.default)(Alignment, [{
     key: "focus",
     value: function focus() {
       this.focusLink.focus();
     }
+  }, {
+    key: "getIcon",
+    value: function getIcon(decorator, color) {
+      if (color === 'danger') {
+        return _uiIcons.IconWarningLine;
+      }
+      return decorator !== null && decorator !== void 0 && decorator.includes('ACCOUNT') ? _uiIcons.IconSubaccountsLine : _uiIcons.IconCoursesLine;
+    }
+  }, {
+    key: "getPillText",
+    value: function getPillText(decorator, color) {
+      if (color === 'danger') {
+        return decorator !== null && decorator !== void 0 && decorator.includes('ACCOUNT') ? "Not in this Sub-Account" : "Not in this Course";
+      }
+      return decorator !== null && decorator !== void 0 && decorator.includes('ACCOUNT') ? "Sub-Account Outcome" : "Course Outcome";
+    }
+  }, {
+    key: "renderOutcomeDecoration",
+    value: function renderOutcomeDecoration(index, outcome) {
+      var decorator = outcome.decorator;
+      var display = ['SUB_ACCOUNT_OUTCOME', 'NOT_IN_SUB_ACCOUNT', 'COURSE_OUTCOME', 'NOT_IN_COURSE'].includes(decorator);
+      var color = decorator !== null && decorator !== void 0 && decorator.startsWith('NOT_IN') ? 'danger' : 'primary';
+      var Icon = this.getIcon(decorator, color);
+      var text = this.getPillText(decorator, color);
+      var renderFunction = color === 'danger' ? this.renderWithTooltip : this.renderWithoutTooltip;
+      return display && renderFunction(Icon, color, text);
+    }
   }, {
     key: "render",
     value: function render() {
-      var _this = this;
+      var _this2 = this;
       var _this$props = this.props,
         index = _this$props.index,
         outcome = _this$props.outcome,
@@ -71,16 +125,22 @@ var Alignment = exports.default = (_dec = (0, _emotion.withStyle)(_styles.defaul
         css: this.props.innerLinkText
       }, (0, _emotion.jsx)(_uiView.View, {
         as: "div",
-        margin: "xx-small"
+        margin: "none none none xx-small"
       }, (0, _emotion.jsx)(_uiLink.Link, {
         onClick: viewAlignment,
         ref: function ref(link) {
-          _this.focusLink = link;
+          _this2.focusLink = link;
         } // eslint-disable-line immutable/no-mutation
       }, (0, _emotion.jsx)(_uiText.Text, {
-        weight: "bold"
-      }, outcome.title)))))), !readOnly && (0, _emotion.jsx)("span", {
-        css: this.props.styles.delete,
+        weight: "bold",
+        lineHeight: "condensed"
+      }, outcome.title)), outcome.source_context_info && (0, _emotion.jsx)(_uiText.Text, {
+        as: "div",
+        weight: "light",
+        size: "x-small",
+        lineHeight: "condensed"
+      }, outcome.source_context_info.name))))), this.renderOutcomeDecoration(index, outcome), !readOnly && (0, _emotion.jsx)("span", {
+        css: this.props.styles.rightAligned,
         "data-automation": "alignment-delete"
       }, (0, _emotion.jsx)(_uiButtons.IconButton, {
         screenReaderLabel: "",
@@ -105,7 +165,14 @@ var Alignment = exports.default = (_dec = (0, _emotion.withStyle)(_styles.defaul
 }(_react.default.Component), _class2.propTypes = {
   outcome: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
-    title: _propTypes.default.string.isRequired
+    title: _propTypes.default.string.isRequired,
+    in_launch_context: _propTypes.default.bool,
+    launch_context_type: _propTypes.default.string,
+    source_context_info: _propTypes.default.shape({
+      name: _propTypes.default.string,
+      context_type: _propTypes.default.string,
+      uuid: _propTypes.default.string
+    })
   }).isRequired,
   removeAlignment: _propTypes.default.func.isRequired,
   viewAlignment: _propTypes.default.func.isRequired,

package/lib/translated/es_ES/components/Alignment/index.stories.js

@@ -22,6 +22,8 @@ var standard = exports.standard = function standard() {
     artifactTypeName: "Quiz",
     displayMasteryDescription: true,
     displayMasteryPercentText: true,
-    readOnly: (0, _addonKnobs.boolean)('Read Only', false)
+    readOnly: (0, _addonKnobs.boolean)('Read Only', false),
+    scope: "Quiz::QuizId",
+    index: 1
   });
 };

package/lib/translated/es_ES/components/Alignment/styles.js

@@ -34,7 +34,7 @@ var generateStyle = function generateStyle() {
       overflow: 'hidden',
       textOverflow: 'ellipsis'
     },
-    delete: {
+    rightAligned: {
       flex: '0 0 1rem'
     }
   };

package/lib/translated/es_ES/components/AlignmentItem/__tests__/index.test.js

@@ -139,7 +139,7 @@ describe('AlignmentItem', function () {
       disableLifecycleMethods: true
     });
     wrapper.find('Checkbox').simulate('change');
-    (0, _chai.expect)(props.selectOutcomeIds.calledWith([1]));
+    (0, _chai.expect)(props.selectOutcomeIds.calledWith(['1'])).to.be.true;
   });
   it('calls deselectOutcomeIds when selected and user clicks', function () {
     var isOutcomeSelected = _sinon.default.stub().withArgs(1).returns(true);
@@ -151,7 +151,7 @@ describe('AlignmentItem', function () {
       disableLifecycleMethods: true
     });
     wrapper.find('Checkbox').simulate('change');
-    (0, _chai.expect)(props.deselectOutcomeIds.calledWith([1]));
+    (0, _chai.expect)(props.deselectOutcomeIds.calledWith(['1'])).to.be.true;
   });
   it('displays the popover when the outcome title is truncated', function () {
     var widget = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {

package/lib/translated/es_ES/components/AlignmentList/index.js

@@ -278,7 +278,7 @@ var AlignmentList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         onModalOpen = _this$props3.onModalOpen,
         onModalClose = _this$props3.onModalClose,
         scope = _this$props3.scope,
-        sharedContexts = _this$props3.sharedContexts,
+        launchContexts = _this$props3.launchContexts,
         artifactTypeName = _this$props3.artifactTypeName,
         displayMasteryDescription = _this$props3.displayMasteryDescription,
         displayMasteryPercentText = _this$props3.displayMasteryPercentText,
@@ -291,7 +291,7 @@ var AlignmentList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         onUpdate: onUpdate,
         trigger: this,
         scope: scope,
-        sharedContexts: sharedContexts,
+        launchContexts: launchContexts,
         artifactTypeName: artifactTypeName,
         displayMasteryDescription: displayMasteryDescription,
         displayMasteryPercentText: displayMasteryPercentText,

package/lib/translated/es_ES/components/AlignmentWidget/index.js

@@ -94,7 +94,7 @@ var AlignmentWidget = exports.default = (_dec = (0, _emotion.withStyle)(_styles.
         margin: "small 0"
       }, alignedOutcomes.length > 0 && (0, _emotion.jsx)(_uiList.List.Item, {
         key: "delimiter-0"
-      }), alignedOutcomes.map(function (outcome, index) {
+      }, (0, _emotion.jsx)("div", null)), alignedOutcomes.map(function (outcome, index) {
         return (0, _emotion.jsx)(_uiList.List.Item, {
           padding: "0 small 0 medium",
           key: outcome.id
@@ -109,7 +109,7 @@ var AlignmentWidget = exports.default = (_dec = (0, _emotion.withStyle)(_styles.
         }));
       }), alignedOutcomes.length > 0 && (0, _emotion.jsx)(_uiList.List.Item, {
         key: "delimiter-1"
-      }));
+      }, (0, _emotion.jsx)("div", null)));
     };
     _this.renderTray = function () {
       var _this$props3 = _this.props,

package/lib/translated/es_ES/components/FlashAlert/index.test.js

@@ -86,7 +86,7 @@ describe('FlashAlert', function () {
   });
   describe('showFlashSuccess', function () {
     it('calls render', function () {
-      var showAlert = (0, _index.showFlashSuccess)();
+      var showAlert = (0, _index.showFlashSuccess)('showFlashSuccess');
       showAlert();
       (0, _chai.expect)(renderSpy).to.have.been.called;
     });

package/lib/translated/es_ES/components/OutcomeCheckbox/__tests__/index.test.js

@@ -101,7 +101,7 @@ describe('OutcomeCheckbox', function () {
     });
     var change = wrapper.find(_uiCheckbox.Checkbox).prop('onChange');
     change();
-    (0, _chai.expect)(props.selectOutcomeIds.calledWith([101]));
+    (0, _chai.expect)(props.selectOutcomeIds.calledWith(['101'])).to.be.true;
   });
   it('calls deselectOutcomeIds when selected and user clicks', function () {
     var isOutcomeSelected = _sinon.default.stub().withArgs(101).returns(true);
@@ -113,7 +113,7 @@ describe('OutcomeCheckbox', function () {
     });
     var change = wrapper.find(_uiCheckbox.Checkbox).prop('onChange');
     change();
-    (0, _chai.expect)(props.deselectOutcomeIds.calledWith([101]));
+    (0, _chai.expect)(props.deselectOutcomeIds.calledWith(['101'])).to.be.true;
   });
   it('meets a11y standards', function () {
     return (0, _checkA11y.default)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));

package/lib/translated/es_ES/components/OutcomeDescription/__tests__/index.test.js

@@ -16,7 +16,7 @@ describe('OutcomeDescription', function () {
       truncated: true,
       ratings: _mockOutcomesData.ratings,
       calculationMethod: 'latest',
-      calculationInt: {}
+      calculationInt: null
     }, props);
   }
   it('renders outcome description', function () {

package/lib/translated/es_ES/components/OutcomeDescription/index.js

@@ -127,6 +127,8 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
     }, friendlyDescription)));
   };
   var renderRatingsAndCalculation = function renderRatingsAndCalculation() {
+    var calculationMethodRequiringCalculationInt = [_constants.N_MASTERY, _constants.STANDARD_DECAYING_AVERAGE, _constants.WEIGHTED_AVERAGE, _constants.DECAYING_AVERAGE];
+    var hasRequireData = calculationMethodRequiringCalculationInt.includes(calculationMethod) ? calculationInt : true;
     return /*#__PURE__*/_react.default.createElement(_uiView.View, null, ratings.length > 0 && /*#__PURE__*/_react.default.createElement(_uiView.View, {
       as: "div",
       margin: "small none"
@@ -135,7 +137,7 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
       masteryPercent: masteryPercent,
       pointsPossible: pointsPossible,
       isTray: isTray
-    })), calculationMethod && calculationInt && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+    })), calculationMethod && hasRequireData && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
       wrap: "wrap",
       padding: "none small small none"
     }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {

package/lib/translated/es_ES/components/OutcomeFolderList/__tests__/index.test.js

@@ -27,7 +27,8 @@ describe('OutcomeFolderList', function () {
     return Object.assign({
       outcomes: outcomes,
       getOutcomeSummary: _sinon.default.spy(),
-      setActiveCollection: _sinon.default.spy()
+      setActiveCollection: _sinon.default.spy(),
+      toggleExpandedIds: _sinon.default.spy()
     }, props);
   }
   it('renders an empty div if there are no ids', function () {

package/lib/translated/es_ES/components/OutcomeLabels/__tests__/index.test.js

@@ -24,7 +24,8 @@ describe('OutcomeLabels', function () {
       title: 'Title3'
     }];
     return Object.assign({
-      outcomes: outcomes
+      outcomes: outcomes,
+      emptyText: 'No Outcomes are currently selected'
     }, props);
   }
   it('renders an icon', function () {

package/lib/translated/es_ES/components/OutcomeLabels/index.js

@@ -35,8 +35,8 @@ var OutcomeLabels = exports.default = (_dec = (0, _emotion.withStyle)(_styles.de
       }, (0, _emotion.jsx)("span", {
         css: _this.props.styles.pill
       }, str), includeComma && (0, _emotion.jsx)("span", {
-        css: _this.props.styles.comma
-      }, ","));
+        css: _this.props.styles.pill
+      }, ",\xA0"));
     };
     return _this;
   }

package/lib/translated/es_ES/components/OutcomeLabels/styles.js

@@ -19,10 +19,6 @@ var generateStyle = function generateStyle(componentTheme) {
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       whiteSpace: 'nowrap'
-    },
-    comma: {
-      cssFloat: 'left',
-      width: '0.5rem'
     }
   };
 };

package/lib/translated/es_ES/components/OutcomePicker/__tests__/index.test.js

@@ -37,7 +37,10 @@ describe('OutcomePicker', function () {
       treeView: _index3.default,
       scope: 'scopeForTest',
       artifactTypeName: '',
-      isSearchLoading: false
+      isSearchLoading: false,
+      toggleExpandedIds: function toggleExpandedIds() {
+        return null;
+      }
     }, props);
   }
   it('passes correct params to OutcomeTags component', function () {
@@ -98,7 +101,7 @@ describe('OutcomePicker', function () {
   it('shows NoResults billboard when there are no outcomes present and single shared context', function () {
     var props = makeProps({
       hasOutcomes: false,
-      sharedContexts: [{
+      launchContexts: [{
         uuid: 'uuid',
         name: 'name'
       }]
@@ -111,7 +114,7 @@ describe('OutcomePicker', function () {
   it('does not display billboard when there are no outcomes present but user can select another context', function () {
     var props = makeProps({
       hasOutcomes: false,
-      sharedContexts: [{
+      launchContexts: [{
         uuid: 'uuid1',
         name: 'name1'
       }, {
@@ -127,7 +130,7 @@ describe('OutcomePicker', function () {
   it('shows the NoResults billboard when there are no outcomes present and single shared context', function () {
     var props = makeProps({
       hasOutcomes: false,
-      sharedContexts: [{
+      launchContexts: [{
         uuid: 'uuid',
         name: 'name'
       }]
@@ -140,7 +143,7 @@ describe('OutcomePicker', function () {
   it('does not display billboard when there are no outcomes present but user can select another context', function () {
     var props = makeProps({
       hasOutcomes: false,
-      sharedContexts: [{
+      launchContexts: [{
         uuid: 'uuid1',
         name: 'name1'
       }, {

package/lib/translated/es_ES/components/OutcomePicker/index.js

@@ -130,11 +130,11 @@ var OutcomePicker = /*#__PURE__*/function (_React$Component) {
       var _this$props5 = this.props,
         hasOutcomes = _this$props5.hasOutcomes,
         searchText = _this$props5.searchText,
-        sharedContexts = _this$props5.sharedContexts;
-      // If there are shared contexts, we cannot render this billboard because hasOutcomes is evaluated only for
+        launchContexts = _this$props5.launchContexts;
+      // If there are launch contexts, we cannot render this billboard because hasOutcomes is evaluated only for
       // the currently selected context. This would prevent users from selecting another context if the first
-      // context failed to be retrieved OR had no contexts.
-      var hasMultipleContexts = (sharedContexts === null || sharedContexts === void 0 ? void 0 : sharedContexts.length) > 1;
+      // context failed to be retrieved OR had no outcomes.
+      var hasMultipleContexts = (launchContexts === null || launchContexts === void 0 ? void 0 : launchContexts.length) > 1;
       if (!hasOutcomes && !hasMultipleContexts) {
         return /*#__PURE__*/_react.default.createElement(_index5.default, null);
       }
@@ -177,12 +177,12 @@ OutcomePicker.propTypes = {
   updateSearchPage: _propTypes.default.func.isRequired,
   hasOutcomes: _propTypes.default.bool.isRequired,
   scope: _propTypes.default.string.isRequired,
-  sharedContexts: _shapes.sharedContextsShape,
+  launchContexts: _shapes.launchContextsShape,
   treeView: _propTypes.default.func.isRequired
 };
 OutcomePicker.defaultProps = {
   focusedOutcome: null,
-  sharedContexts: null,
+  launchContexts: null,
   artifactTypeName: null,
   displayMasteryDescription: false,
   displayMasteryPercentText: false,

package/lib/translated/es_ES/components/OutcomePicker/index.stories.js

@@ -44,6 +44,7 @@ var collapsed = exports.collapsed = function collapsed() {
     treeView: function treeView() {
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), " OutcomeTree Placeholder ");
     },
-    hasOutcomes: true
+    hasOutcomes: true,
+    scope: "outcomePicker::story"
   })));
 };

package/lib/translated/es_ES/components/OutcomePickerLoader/__tests__/index.test.js

@@ -29,21 +29,6 @@ describe('OutcomePickerLoader', function () {
     (0, _chai.expect)(props.loadOutcomePicker.calledOnce).to.be.true;
     (0, _chai.expect)(props.loadOutcomePicker.calledWith()).to.be.true;
   });
-  it('calls loadOutcomePicker with sharedContexts on mount', function () {
-    var sharedContexts = [{
-      uuid: 'foo',
-      name: 'bar'
-    }, {
-      uuid: 'fuz',
-      name: 'baz'
-    }];
-    var props = makeProps({
-      sharedContexts: sharedContexts
-    });
-    (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props));
-    (0, _chai.expect)(props.loadOutcomePicker.calledOnce).to.be.true;
-    (0, _chai.expect)(props.loadOutcomePicker.calledWith(sharedContexts)).to.be.true;
-  });
   it('displays nothing when closed', function () {
     var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
     (0, _chai.expect)(wrapper.equals( /*#__PURE__*/_react.default.createElement("div", null))).to.be.true;

package/lib/translated/es_ES/components/OutcomePickerLoader/index.js

@@ -24,10 +24,8 @@ var OutcomePickerLoader = exports.default = /*#__PURE__*/function (_React$Compon
   (0, _createClass2.default)(OutcomePickerLoader, [{
     key: "componentWillMount",
     value: function componentWillMount() {
-      var _this$props = this.props,
-        loadOutcomePicker = _this$props.loadOutcomePicker,
-        sharedContexts = _this$props.sharedContexts;
-      loadOutcomePicker(sharedContexts);
+      var loadOutcomePicker = this.props.loadOutcomePicker;
+      loadOutcomePicker();
     }
   }, {
     key: "render",
@@ -46,7 +44,7 @@ var OutcomePickerLoader = exports.default = /*#__PURE__*/function (_React$Compon
             var OutcomePicker = this.props.outcomePicker;
             return /*#__PURE__*/_react.default.createElement(OutcomePicker, {
               scope: this.props.scope,
-              sharedContexts: this.props.sharedContexts,
+              launchContexts: this.props.launchContexts,
               artifactTypeName: this.props.artifactTypeName,
               displayMasteryDescription: this.props.displayMasteryDescription,
               displayMasteryPercentText: this.props.displayMasteryPercentText,
@@ -79,14 +77,14 @@ OutcomePickerLoader.propTypes = {
   outcomePickerState: _propTypes.default.string.isRequired,
   outcomePicker: _propTypes.default.func.isRequired,
   scope: _propTypes.default.string.isRequired,
-  sharedContexts: _shapes.sharedContextsShape,
+  launchContexts: _shapes.launchContextsShape,
   artifactTypeName: _propTypes.default.string,
   displayMasteryDescription: _propTypes.default.bool,
   displayMasteryPercentText: _propTypes.default.bool,
   screenreaderNotification: _propTypes.default.func
 };
 OutcomePickerLoader.defaultProps = {
-  sharedContexts: null,
+  launchContexts: null,
   artifactTypeName: null,
   displayMasteryDescription: false,
   displayMasteryPercentText: false,