@instructure/outcomes-ui 2.1.3 → 2.1.4

package/lib/translated/fr/components/OutcomeTray/__tests__/index.test.js

@@ -47,7 +47,8 @@ describe('OutcomeTray', function () {
       resetOutcomePicker: _sinon.default.spy(),
       closeOutcomePicker: _sinon.default.spy(),
       setInitialSelectedOutcomes: _sinon.default.spy(),
-      shouldModifyArtifact: false
+      shouldModifyArtifact: false,
+      showAlert: _sinon.default.spy()
     }, props);
   }
 
@@ -137,6 +138,15 @@ describe('OutcomeTray', function () {
     (0, _chai.expect)(props.saveOutcomePickerAlignments).to.be.called;
     (0, _chai.expect)(props.saveOutcomePickerAlignments).to.be.calledWith(props.onUpdate, false);
   });
+  it('calls showAlert when confirm alignment button is clicked', function () {
+    var props = makeProps({
+      saveOutcomePickerAlignments: _sinon.default.stub().resolves(),
+      showAlert: _sinon.default.stub().resolves()
+    });
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+    wrapper.find('Button').last().prop('onClick')();
+    (0, _chai.expect)(props.saveOutcomePickerAlignments).to.be.called;
+  });
   it('syncs selected and aligned outcomes on open', function () {
     var props = makeProps({
       isOpen: false

package/lib/translated/fr/components/OutcomeTray/index.js

@@ -163,19 +163,23 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   }, {
     key: "handleSubmit",
     value: function handleSubmit() {
+      var _this = this;
+
       var _this$props5 = this.props,
           saveOutcomePickerAlignments = _this$props5.saveOutcomePickerAlignments,
           onUpdate = _this$props5.onUpdate,
           closeOutcomePicker = _this$props5.closeOutcomePicker,
           shouldModifyArtifact = _this$props5.shouldModifyArtifact;
       return saveOutcomePickerAlignments(onUpdate, shouldModifyArtifact).then(function () {
-        return closeOutcomePicker();
+        _this.props.showAlert("Outcome alignments have been successfully updated.");
+
+        closeOutcomePicker();
       });
     }
   }, {
     key: "renderActions",
     value: function renderActions() {
-      var _this = this;
+      var _this2 = this;
 
       var closeOutcomePicker = this.props.closeOutcomePicker;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -188,7 +192,7 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
         margin: "xxx-small",
         variant: "primary",
         onClick: function onClick() {
-          return _this.handleSubmit();
+          return _this2.handleSubmit();
         }
       }, "Confirmer les alignements")));
     }
@@ -278,7 +282,8 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   displayMasteryDescription: _propTypes.default.bool,
   displayMasteryPercentText: _propTypes.default.bool,
   shouldModifyArtifact: _propTypes.default.bool,
-  scope: _propTypes.default.string.isRequired
+  scope: _propTypes.default.string.isRequired,
+  showAlert: _propTypes.default.func
 }, _class2.defaultProps = {
   screenreaderNotification: null,
   liveRegion: null,
@@ -292,6 +297,7 @@ var OutcomeTray = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   displayMasteryPercentText: false,
   shouldModifyArtifact: false,
   searchTotal: null,
-  listTotal: null
+  listTotal: null,
+  showAlert: function showAlert() {}
 }, _temp)) || _class);
 exports.default = OutcomeTray;

package/lib/translated/fr/components/OutcomeTray/index.stories.js

@@ -38,7 +38,8 @@ var defaultProps = {
   getOutcomesList: function getOutcomesList() {},
   updateSearchPage: function updateSearchPage() {},
   closeOutcomePicker: function closeOutcomePicker() {},
-  resetOutcomePicker: function resetOutcomePicker() {}
+  resetOutcomePicker: function resetOutcomePicker() {},
+  showAlert: function showAlert() {}
 };
 
 var paginatedNoSearch = function paginatedNoSearch() {

package/lib/translated/fr/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/translated/fr/components/Ratings/index.js

@@ -0,0 +1,145 @@
+"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 _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, "Description for mastery level " + position + ": " + 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, "Points for mastery level " + position + ": " + points), /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, isTray ? points + " points" : points, !isTray && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'none'
+      }
+    }, "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"
+    }, "Mastery at:")), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      padding: isTray ? 'small none none' : 'none'
+    }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      color: "primary"
+    }, masteryPoints + " points")));
+  };
+
+  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: "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'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "aria-hidden": "true",
+    className: "header"
+  }, "Proficiency Rating")), !isTray && /*#__PURE__*/_react.default.createElement(_uiTable.Table.ColHeader, {
+    id: "points",
+    textAlign: "end",
+    theme: {
+      padding: '0.5rem 0rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "aria-hidden": "true",
+    className: "header"
+  }, "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/translated/fr/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/translated/fr/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/translated/fr/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.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;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _CALCULATION_METHODS;
 
 /*
  * context
@@ -117,5 +123,21 @@ exports.SET_INDIVIDUAL_RESULTS_STATE = SET_INDIVIDUAL_RESULTS_STATE;
 var getFeatureFlags = function getFeatureFlags() {
   return [];
 };
+/*
+ * 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/translated/fr/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/translated/fr/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;

package/lib/translated/fr/containers/__tests__/AlignmentWidget.test.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _chai = require("chai");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _createMockStore = _interopRequireDefault(require("../../test/createMockStore.js"));
+
+var _AlignmentWidget = _interopRequireDefault(require("../AlignmentWidget.js"));
+
+describe('AlignmentWidget', function () {
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var store = (0, _createMockStore.default)();
+    return Object.assign({
+      store: store,
+      artifactType: 'foo',
+      emptySetHeading: '',
+      artifactId: '1',
+      host: 'http://foo.outcomes.foo',
+      jwt: 'secretfoo'
+    }, props);
+  }
+
+  it('renders', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/_react.default.createElement(_AlignmentWidget.default, makeProps())));
+    (0, _chai.expect)(wrapper.find('AlignmentWidget')).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/_react.default.createElement(_AlignmentWidget.default, props)));
+    (0, _chai.expect)(wrapper.find('AlignmentWidget').prop('scope')).to.equal('foo:::1');
+  });
+  it('uses proper fallbacks if store is not passed in props', function () {
+    var props = makeProps({
+      store: void 0
+    });
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/_react.default.createElement(_AlignmentWidget.default, props)));
+    (0, _chai.expect)(wrapper.find('AlignmentWidget').prop('scope')).to.equal('foo:::1');
+  });
+});

package/lib/translated/fr/containers/__tests__/ConnectedAlignmentWidget.test.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _chai = require("chai");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _enzyme = require("enzyme");
+
+var _immutable = require("immutable");
+
+var _createMockStore = _interopRequireDefault(require("../../test/createMockStore.js"));
+
+var _ConnectedAlignmentWidget = _interopRequireDefault(require("../ConnectedAlignmentWidget.js"));
+
+describe('ConnectedAlignmentWidget', function () {
+  it('renders', function () {
+    var store = (0, _createMockStore.default)((0, _immutable.fromJS)({
+      OutcomePicker: {
+        state: 'loading',
+        scope: 'scopeForTest'
+      }
+    }));
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
+      store: store
+    }, /*#__PURE__*/_react.default.createElement(_ConnectedAlignmentWidget.default, {
+      tray: /*#__PURE__*/_react.default.createElement("div", null)
+    })));
+    (0, _chai.expect)(wrapper.find('AlignmentWidget')).to.have.length(1);
+  });
+});

package/lib/translated/fr/demo.js

@@ -455,7 +455,7 @@ var DemoAlignment = function DemoAlignment(props) {
       displayMasteryDescription = props.displayMasteryDescription,
       displayMasteryPercentText = props.displayMasteryPercentText,
       jwt = props.jwt,
-      useAlignmentButton = props.useAlignmentButton;
+      useAlignmentWidget = props.useAlignmentWidget;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: styles.item,
     "data-automation": "artifact"
@@ -476,7 +476,7 @@ var DemoAlignment = function DemoAlignment(props) {
     host: outcomesHost,
     jwt: jwt,
     emptyText: "No outcomes are aligned"
-  }), useAlignmentButton ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_index.AlignmentButton, {
+  }), useAlignmentWidget ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_index.AlignmentWidget, {
     artifactType: artifactType,
     artifactTypeName: artifactTypeName,
     artifactId: artifactId,
@@ -616,14 +616,14 @@ function rerender() {
     jwt: createFirstGradeJwt
   }), /*#__PURE__*/_react.default.createElement(DemoAlignment, {
     alignmentSetId: "",
-    useAlignmentButton: true,
+    useAlignmentWidget: true,
     name: "Quiz #103",
     artifactType: "quizzes.quiz",
     artifactId: "103",
     contextUuid: "dummy_uuid",
     emptySetHeading: "Align Institution outcomes to this quiz.",
     jwt: createJwt,
-    alignmentWidget: _index.AlignmentButton
+    alignmentWidget: _index.AlignmentWidget
   })), /*#__PURE__*/_react.default.createElement(_uiTabs.Tabs.Panel, {
     selected: currentTab === 'report',
     renderTitle: "Report",

package/lib/translated/fr/hooks/__tests__/useBoolean.test.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _chai = require("chai");
+
+var _dom = require("@testing-library/react-hooks/dom");
+
+var _useBoolean = _interopRequireDefault(require("../useBoolean.js"));
+
+describe('useBoolean', function () {
+  it('creates custom hook with state equal to initial value if initial value is boolean', function () {
+    var _renderHook = (0, _dom.renderHook)(function () {
+      return (0, _useBoolean.default)(false);
+    }),
+        result = _renderHook.result;
+
+    (0, _chai.expect)(result.current[0]).to.equal(false);
+  });
+  it('creates custom hook with state equal to initial value coerced to boolean if initial value is not boolean', function () {
+    var _renderHook2 = (0, _dom.renderHook)(function () {
+      return (0, _useBoolean.default)('abc');
+    }),
+        result = _renderHook2.result;
+
+    (0, _chai.expect)(result.current[0]).to.equal(true);
+  });
+  it('changes state to true when first exported fn is called', function () {
+    var _renderHook3 = (0, _dom.renderHook)(function () {
+      return (0, _useBoolean.default)();
+    }),
+        result = _renderHook3.result;
+
+    (0, _dom.act)(function () {
+      result.current[1]();
+    });
+    (0, _chai.expect)(result.current[0]).to.equal(true);
+  });
+  it('changes state to false when second exported fn is called', function () {
+    var _renderHook4 = (0, _dom.renderHook)(function () {
+      return (0, _useBoolean.default)();
+    }),
+        result = _renderHook4.result;
+
+    (0, _dom.act)(function () {
+      result.current[2]();
+    });
+    (0, _chai.expect)(result.current[0]).to.equal(false);
+  });
+});