@instructure/outcomes-ui 2.1.8 → 3.0.0

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

@@ -16,6 +16,8 @@ var _index = _interopRequireDefault(require("../index.js"));
 
 var _checkA11y = _interopRequireDefault(require("../../../test/checkA11y.js"));
 
+var _uiButtons = require("@instructure/ui-buttons");
+
 describe('SearchInput', function () {
   function makeProps() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -41,14 +43,14 @@ describe('SearchInput', function () {
       searchText: 'x'
     });
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
-    (0, _chai.expect)(wrapper.find('IconButton')).to.have.length(1);
+    (0, _chai.expect)(wrapper.find(_uiButtons.IconButton)).to.have.length(1);
   });
   it('calls onClear when button is clicked', function () {
     var props = makeProps({
       searchText: 'x'
     });
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
-    var clear = wrapper.find('IconButton');
+    var clear = wrapper.find(_uiButtons.IconButton);
     clear.simulate('click');
     (0, _chai.expect)(props.onClear.calledOnce).to.be.true;
   });

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

@@ -19,8 +19,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _uiThemeable = require("@instructure/ui-themeable");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 
 var _uiButtons = require("@instructure/ui-buttons");
@@ -29,18 +27,17 @@ var _uiIcons = require("@instructure/ui-icons");
 
 var _uiTextInput = require("@instructure/ui-text-input");
 
+var _emotion = require("@instructure/emotion");
+
 var _theme = _interopRequireDefault(require("../theme.js"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _shapes = require("../../store/shapes.js");
+
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'baFFb',
-  template: function template(theme) {
-    return "\n\n\n.outcomes-ui__SearchInput--search input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }\n.outcomes-ui__SearchInput--search input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }\n\n\n.outcomes-ui__SearchInput--search input[type=\"search\"]::-webkit-search-decoration,\n.outcomes-ui__SearchInput--search input[type=\"search\"]::-webkit-search-cancel-button,\n.outcomes-ui__SearchInput--search input[type=\"search\"]::-webkit-search-results-button,\n.outcomes-ui__SearchInput--search input[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n";
-  },
-  'search': 'outcomes-ui__SearchInput--search'
-};
-var SearchInput = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+var SearchInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(SearchInput, _React$Component);
 
   var _super = (0, _createSuper2.default)(SearchInput);
@@ -55,13 +52,13 @@ var SearchInput = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
     value: // eslint-disable-next-line no-undef
     function renderClearSearchButton() {
       var onClear = this.props.onClear;
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+      return (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "small",
         withBackground: false,
         withBorder: false,
         onClick: onClear,
         screenReaderLabel: "Borrar campo de b\xFAsqueda"
-      }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconEndSolid, {
+      }, (0, _emotion.jsx)(_uiIcons.IconEndSolid, {
         size: "x-small"
       }));
     }
@@ -71,16 +68,16 @@ var SearchInput = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
       var _this$props = this.props,
           onChange = _this$props.onChange,
           searchText = _this$props.searchText;
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: styles.search
-      }, /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
+      return (0, _emotion.jsx)("span", {
+        css: this.props.styles.search
+      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
         type: "search",
-        label: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, "Buscar resultados"),
+        renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, "Buscar resultados"),
         placeholder: "Buscar competencias",
         value: searchText,
         onChange: onChange,
         size: "medium",
-        renderAfterInput: searchText ? this.renderClearSearchButton() : /*#__PURE__*/_react.default.createElement(_uiIcons.IconSearchLine, {
+        renderAfterInput: searchText ? this.renderClearSearchButton() : (0, _emotion.jsx)(_uiIcons.IconSearchLine, {
           size: "x-small"
         })
       }));
@@ -91,6 +88,7 @@ var SearchInput = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
 }(_react.default.Component), _class2.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   onClear: _propTypes.default.func.isRequired,
-  searchText: _propTypes.default.string.isRequired
+  searchText: _propTypes.default.string.isRequired,
+  styles: _shapes.stylesShape
 }, _temp)) || _class);
 exports.default = SearchInput;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle() {
+  return {
+    search: {
+      'input[type=search]::-ms-clear': {
+        display: 'none',
+        width: '0',
+        height: '0'
+      },
+      'input[type=search]::-ms-reveal': {
+        display: 'none',
+        width: '0',
+        height: '0'
+      },
+      "input[type='search']::-webkit-search-decoration": {
+        display: 'none'
+      },
+      "input[type='search']::-webkit-search-cancel-button": {
+        display: 'none'
+      },
+      "input[type='search']::-webkit-search-results-button": {
+        display: 'none'
+      },
+      "input[type='search']::-webkit-search-results-decoration": {
+        display: 'none'
+      }
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/translated/es_ES/components/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
       spacing = _ref.spacing,
       colors = _ref.colors;
@@ -20,4 +20,7 @@ function generator(_ref) {
     checkboxDescriptionLeftPadding: '2.25rem' // checkboxLabelLeftPadding + CheckboxFacade/facadeSizeMedium + CheckboxFacade/marginRight
 
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/translated/es_ES/constants.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CALCULATION_METHODS = exports.AVERAGE = exports.DECAYING_AVERAGE = exports.N_MASTERY = exports.LATEST = exports.HIGHEST = exports.getFeatureFlags = exports.REPORT_DOWNLOAD_FF = exports.SET_INDIVIDUAL_RESULTS_STATE = exports.SET_INDIVIDUAL_RESULTS = exports.SET_LIST_TOTAL = exports.SET_LIST_PAGE = exports.SET_OUTCOME_LIST = exports.SET_SEARCH_TOTAL = exports.SET_SEARCH_ENTRIES = exports.SET_SEARCH_LOADING = exports.SET_SEARCH_PAGE = exports.SET_SEARCH_TEXT = exports.LO_MASTERED = exports.LO_MASTERY_PERCENT = exports.LO_ID = exports.LO_NAME = exports.LOR_POINTS_POSSIBLE = exports.LOR_POINTS = exports.ALIGNED_QUESTIONS_COUNT = exports.ATTEMPT_COUNT = exports.STUDENT_UUID = exports.STUDENT_NAME = exports.COMPLETED = exports.ERROR = exports.IN_PROGRESS = exports.NOT_FETCHING = exports.ALL_USERS = exports.CLOSE_REPORT_ALIGNMENT = exports.VIEW_REPORT_ALIGNMENT = exports.CLEAR_REPORT_DATA = exports.SET_REMAINING_PAGES_LOADING = exports.SET_REPORT_LOADING = exports.SET_REPORT_USERS = exports.SET_REPORT_RESULTS = exports.SET_REPORT_ROLLUPS = exports.SET_REPORT_OUTCOMES = exports.SET_REPORT_PAGE_DATA = exports.SET_REPORT_PAGE = exports.RESET_OUTCOME_PICKER = exports.SET_SCOPE = exports.TOGGLE_EXPANDED_IDS = exports.SET_ACTIVE_COLLECTION_ID = exports.SET_FOCUSED_OUTCOME = exports.UPDATE_ALIGNMENT = exports.CLOSE_ALIGNMENT = exports.VIEW_ALIGNMENT = exports.SET_ALIGNMENTS = exports.SET_CONTEXT = exports.SET_FEATURES = exports.SET_SCORING_METHOD = exports.UNSELECT_OUTCOME_IDS = exports.SET_SELECTED_OUTCOME_IDS = exports.SET_ROOT_OUTCOME_IDS = exports.SET_OUTCOME_PICKER_STATE = exports.SET_OUTCOMES = exports.SET_ERROR = exports.SELECT_OUTCOME_IDS = void 0;
+exports.CALCULATION_METHODS = exports.AVERAGE = exports.WEIGHTED_AVERAGE = exports.STANDARD_DECAYING_AVERAGE = exports.DECAYING_AVERAGE = exports.N_MASTERY = exports.LATEST = exports.HIGHEST = exports.getFeatureFlags = exports.NEW_DECAYING_AVERAGE_FF = exports.REPORT_DOWNLOAD_FF = exports.SET_INDIVIDUAL_RESULTS_STATE = exports.SET_INDIVIDUAL_RESULTS = exports.SET_LIST_TOTAL = exports.SET_LIST_PAGE = exports.SET_OUTCOME_LIST = exports.SET_SEARCH_TOTAL = exports.SET_SEARCH_ENTRIES = exports.SET_SEARCH_LOADING = exports.SET_SEARCH_PAGE = exports.SET_SEARCH_TEXT = exports.LO_MASTERED = exports.LO_MASTERY_PERCENT = exports.LO_ID = exports.LO_NAME = exports.LOR_POINTS_POSSIBLE = exports.LOR_POINTS = exports.ALIGNED_QUESTIONS_COUNT = exports.ATTEMPT_COUNT = exports.STUDENT_UUID = exports.STUDENT_NAME = exports.COMPLETED = exports.ERROR = exports.IN_PROGRESS = exports.NOT_FETCHING = exports.ALL_USERS = exports.CLOSE_REPORT_ALIGNMENT = exports.VIEW_REPORT_ALIGNMENT = exports.CLEAR_REPORT_DATA = exports.SET_REMAINING_PAGES_LOADING = exports.SET_REPORT_LOADING = exports.SET_REPORT_USERS = exports.SET_REPORT_RESULTS = exports.SET_REPORT_ROLLUPS = exports.SET_REPORT_OUTCOMES = exports.SET_REPORT_PAGE_DATA = exports.SET_REPORT_PAGE = exports.RESET_OUTCOME_PICKER = exports.SET_SCOPE = exports.TOGGLE_EXPANDED_IDS = exports.SET_ACTIVE_COLLECTION_ID = exports.SET_FOCUSED_OUTCOME = exports.UPDATE_ALIGNMENT = exports.CLOSE_ALIGNMENT = exports.VIEW_ALIGNMENT = exports.SET_ALIGNMENTS = exports.SET_CONTEXT = exports.SET_FEATURES = exports.SET_SCORING_METHOD = exports.UNSELECT_OUTCOME_IDS = exports.SET_SELECTED_OUTCOME_IDS = exports.SET_ROOT_OUTCOME_IDS = exports.SET_OUTCOME_PICKER_STATE = exports.SET_OUTCOMES = exports.SET_ERROR = exports.SELECT_OUTCOME_IDS = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -156,9 +156,11 @@ var SET_INDIVIDUAL_RESULTS_STATE = 'SET_INDIVIDUAL_RESULTS_STATE';
 exports.SET_INDIVIDUAL_RESULTS_STATE = SET_INDIVIDUAL_RESULTS_STATE;
 var REPORT_DOWNLOAD_FF = 'report_download';
 exports.REPORT_DOWNLOAD_FF = REPORT_DOWNLOAD_FF;
+var NEW_DECAYING_AVERAGE_FF = 'outcomes_new_decaying_average_calculation';
+exports.NEW_DECAYING_AVERAGE_FF = NEW_DECAYING_AVERAGE_FF;
 
 var getFeatureFlags = function getFeatureFlags() {
-  return [REPORT_DOWNLOAD_FF];
+  return [REPORT_DOWNLOAD_FF, NEW_DECAYING_AVERAGE_FF];
 };
 /*
  * calculation method
@@ -174,7 +176,11 @@ var N_MASTERY = 'n_mastery';
 exports.N_MASTERY = N_MASTERY;
 var DECAYING_AVERAGE = 'decaying_average';
 exports.DECAYING_AVERAGE = DECAYING_AVERAGE;
+var STANDARD_DECAYING_AVERAGE = 'standard_decaying_average';
+exports.STANDARD_DECAYING_AVERAGE = STANDARD_DECAYING_AVERAGE;
+var WEIGHTED_AVERAGE = 'weighted_average';
+exports.WEIGHTED_AVERAGE = WEIGHTED_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);
+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, WEIGHTED_AVERAGE, 'Weighted Average - {percent}%/{complement}%'), (0, _defineProperty2.default)(_CALCULATION_METHODS, STANDARD_DECAYING_AVERAGE, 'Decaying Average - {percent}%/{complement}%'), (0, _defineProperty2.default)(_CALCULATION_METHODS, AVERAGE, 'Average'), _CALCULATION_METHODS);
 exports.CALCULATION_METHODS = CALCULATION_METHODS;

package/lib/translated/es_ES/containers/ConnectedAlignmentWidget.js

@@ -29,11 +29,14 @@ var _WithArtifact = _interopRequireDefault(require("../components/WithArtifact.j
 
 var _ConnectedOutcomeTray = _interopRequireDefault(require("./ConnectedOutcomeTray.js"));
 
+var _selectors2 = require("../store/features/selectors.js");
+
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   var scope = ownProps.scope;
   return {
     tray: _ConnectedOutcomeTray.default,
-    alignedOutcomes: (0, _selectors.getAlignedOutcomes)(state, scope)
+    alignedOutcomes: (0, _selectors.getAlignedOutcomes)(state, scope),
+    features: (0, _selectors2.getFeatures)(state)
   };
 };
 

package/lib/translated/es_ES/containers/ConnectedOutcomeTray.js

@@ -35,6 +35,8 @@ var _index = _interopRequireDefault(require("../components/OutcomeTray/index.js"
 
 var _selectors4 = require("../store/activePicker/selectors.js");
 
+var _selectors5 = require("../store/features/selectors.js");
+
 function mapStateToProps(state, ownProps) {
   var scope = ownProps.scope;
   return {
@@ -50,7 +52,8 @@ function mapStateToProps(state, ownProps) {
     outcomes: (0, _selectors3.getOutcomeList)(state, scope),
     listPage: (0, _selectors3.getListPage)(state, scope),
     listTotal: (0, _selectors3.getListTotal)(state, scope),
-    focusedOutcome: (0, _selectors2.getFocusedOutcome)(state, scope)
+    focusedOutcome: (0, _selectors2.getFocusedOutcome)(state, scope),
+    features: (0, _selectors5.getFeatures)(state)
   };
 }
 

package/lib/translated/es_ES/containers/ConnectedOutcomeView.js

@@ -13,12 +13,15 @@ var _index = _interopRequireDefault(require("../components/OutcomeView/index.js"
 
 var _selectors = require("../store/context/selectors.js");
 
+var _selectors2 = require("../store/features/selectors.js");
+
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   var _getContextByScope;
 
   var scope = ownProps.scope;
   return {
-    context: (_getContextByScope = (0, _selectors.getContextByScope)(state, scope)) === null || _getContextByScope === void 0 ? void 0 : _getContextByScope.data
+    context: (_getContextByScope = (0, _selectors.getContextByScope)(state, scope)) === null || _getContextByScope === void 0 ? void 0 : _getContextByScope.data,
+    features: (0, _selectors2.getFeatures)(state)
   };
 };
 

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

@@ -30,14 +30,15 @@ describe('AlignmentWidget', 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);
+    (0, _chai.expect)(wrapper.find(_AlignmentWidget.default)).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');
+    }, /*#__PURE__*/_react.default.createElement(_AlignmentWidget.default, props))); // Enzyme finds two AlignmentWidget components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentWidget').at(0).prop('scope')).to.equal('foo:::1');
   });
   it('uses proper fallbacks if store is not passed in props', function () {
     var props = makeProps({
@@ -45,7 +46,8 @@ describe('AlignmentWidget', function () {
     });
     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');
+    }, /*#__PURE__*/_react.default.createElement(_AlignmentWidget.default, props))); // Enzyme finds two Link components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentWidget').at(0).prop('scope')).to.equal('foo:::1');
   });
 });

package/lib/translated/es_ES/containers/__tests__/ConnectedAlignmentLabels.test.js

@@ -37,8 +37,9 @@ describe('ConnectedAlignmentLabels', function () {
       store: store
     }, /*#__PURE__*/_react.default.createElement(_ConnectedAlignmentLabels.default, {
       scope: "scopeForTest"
-    })));
-    (0, _chai.expect)(wrapper.find('OutcomeLabels')).to.have.length(1);
+    }))); // Enzyme finds two OutcomeLabels components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('OutcomeLabels')).to.have.length(2);
     (0, _chai.expect)(wrapper.text()).to.match(/baz,woz/);
   });
 });

package/lib/translated/es_ES/containers/__tests__/ConnectedAlignmentList.test.js

@@ -29,7 +29,8 @@ describe('ConnectedAlignmentList', function () {
     }, /*#__PURE__*/_react.default.createElement(_ConnectedAlignmentList.default, {
       scope: "scopeForTest",
       addModal: /*#__PURE__*/_react.default.createElement("div", null)
-    })));
-    (0, _chai.expect)(wrapper.find('AlignmentList')).to.have.length(1);
+    }))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentList')).to.have.length(2);
   });
 });

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

@@ -28,7 +28,8 @@ describe('ConnectedAlignmentWidget', function () {
       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);
+    }))); // Enzyme finds two AlignmentWidget components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentWidget')).to.have.length(2);
   });
 });

package/lib/translated/es_ES/containers/__tests__/ConnectedOutcomeTray.test.js

@@ -37,7 +37,8 @@ describe('ConnectedOutcomeTray', function () {
       store: store
     }, /*#__PURE__*/_react.default.createElement(_ConnectedOutcomeTray.default, {
       scope: "scopeForTest"
-    })));
-    (0, _chai.expect)(wrapper.find('OutcomeTray')).to.have.length(1);
+    }))); // Enzyme finds two OutcomeTray components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('OutcomeTray')).to.have.length(2);
   });
 });

package/lib/translated/es_ES/containers/__tests__/ConnectedOutcomeTree.test.js

@@ -33,7 +33,8 @@ describe('ConnectedOutcomeTree', function () {
     }, /*#__PURE__*/_react.default.createElement(_ConnectedOutcomeTree.default, {
       contextUuid: "course_100",
       scope: "scopeForTest"
-    })));
-    (0, _chai.expect)(wrapper.find('OutcomeTree')).to.have.length(1);
+    }))); // Enzyme finds two OutcomeTree components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('OutcomeTree')).to.have.length(2);
   });
 });

package/lib/translated/es_ES/containers/__tests__/ConnectedOutcomeView.test.js

@@ -42,7 +42,8 @@ describe('ConnectedOutcomeView', function () {
       scope: "scope_name",
       description: "Description",
       title: "Title"
-    })));
-    (0, _chai.expect)(wrapper.find('OutcomeView')).to.have.length(1);
+    }))); // Enzyme finds two OutcomeView components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('OutcomeView')).to.have.length(2);
   });
 });

package/lib/translated/es_ES/containers/__tests__/OutcomeAlignments.test.js

@@ -29,15 +29,17 @@ describe('OutcomeAlignments', function () {
   it('renders', function () {
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, makeProps())));
-    (0, _chai.expect)(wrapper.find('AlignmentList')).to.have.length(1);
+    }, /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, makeProps()))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentList')).to.have.length(2);
   });
   it('sets the scope', function () {
     var props = makeProps();
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, props)));
-    (0, _chai.expect)(wrapper.find('AlignmentList').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, props))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentList').at(0).prop('scope')).to.equal('foo:::1');
   });
   it('uses proper fallbacks if store is not passed in props', function () {
     var props = makeProps({
@@ -45,7 +47,8 @@ describe('OutcomeAlignments', function () {
     });
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, props)));
-    (0, _chai.expect)(wrapper.find('AlignmentList').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, props))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('AlignmentList').at(0).prop('scope')).to.equal('foo:::1');
   });
 });

package/lib/translated/es_ES/containers/__tests__/OutcomeList.test.js

@@ -27,14 +27,16 @@ describe('OutcomeList', function () {
   it('renders', function () {
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_OutcomeList.default, makeProps())));
-    (0, _chai.expect)(wrapper.find('OutcomeLabels')).to.have.length(1);
+    }, /*#__PURE__*/_react.default.createElement(_OutcomeList.default, makeProps()))); // Enzyme finds two OutcomeLabels components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('OutcomeLabels')).to.have.length(2);
   });
   it('sets the scope', function () {
     var props = makeProps();
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_OutcomeList.default, props)));
-    (0, _chai.expect)(wrapper.find('OutcomeLabels').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/_react.default.createElement(_OutcomeList.default, props))); // Enzyme finds two Link components because of the instui decorator on the component
+
+    (0, _chai.expect)(wrapper.find('OutcomeLabels').at(0).prop('scope')).to.equal('foo:::1');
   });
 });

package/lib/translated/es_ES/containers/__tests__/OutcomesPerStudentReport.test.js

@@ -10,24 +10,10 @@ var _enzyme = require("enzyme");
 
 var _OutcomesPerStudentReport = _interopRequireDefault(require("../OutcomesPerStudentReport.js"));
 
-var styles = {
-  componentId: 'baFFb',
-  template: function template(theme) {
-    return "\n\n.outcomes-ui__OutcomesPerStudent--reportWrapper {\n  position: relative;\n  padding-left: 13rem;\n}\n\n.outcomes-ui__OutcomesPerStudent--background {\n  background-color: white;\n}\n\n.outcomes-ui__OutcomesPerStudent--table {\n  overflow-x: scroll;\n}\n\n.outcomes-ui__OutcomesPerStudent--headerRow {\n  display: flex;\n  align-items: stretch;\n}\n\n.outcomes-ui__OutcomesPerStudent--corner {\n  position: absolute;\n  box-sizing: border-box;\n  width: 13rem;\n  left: 0;\n  top: auto;\n  font-size: 3rem;\n  font-weight: normal;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.outcomes-ui__OutcomesPerStudent--headerCell, .outcomes-ui__OutcomesPerStudent--corner {\n  box-sizing: border-box;\n  height: 5.5rem;\n  border-right: ".concat(theme.reportBorder || 'inherit', ";\n  border-bottom: ").concat(theme.reportBorder || 'inherit', ";\n}\n\n.outcomes-ui__OutcomesPerStudent--headerCell {\n  box-sizing: border-box;\n  border-top: ").concat(theme.reportBorder || 'inherit', ";\n  padding: 0.5rem;\n  flex: 1 0 10rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.outcomes-ui__OutcomesPerStudent--loadingSpinner {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding: 1.25rem 0.3125rem 1.25rem 0;\n}\n\n.outcomes-ui__OutcomesPerStudent--studentRow {\n  box-sizing: border-box;\n  height: 4rem;\n  display: flex;\n  align-items: stretch;\n}\n\n.outcomes-ui__OutcomesPerStudent--studentName {\n  position: absolute;\n  box-sizing: border-box;\n  left: 0;\n  top: auto;\n  width: 13rem;\n  height: 4rem;\n  padding-left: 0.5rem;\n  border-right: ").concat(theme.reportBorder || 'inherit', ";\n  display: flex;\n  justify-content: flex-start;\n  border-bottom: ").concat(theme.reportBorder || 'inherit', ";\n  align-items: center;\n}\n\n.outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--avatar {\n    padding-right: .5rem;\n  }\n\n.outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--name {\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow-x: hidden;\n    white-space: nowrap;\n  }\n\n[dir=\"ltr\"] .outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--name {\n    text-align: left;\n  }\n\n[dir=\"rtl\"] .outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--name {\n    text-align: left;\n  }\n\n.outcomes-ui__OutcomesPerStudent--scoreCell {\n  box-sizing: border-box;\n  flex: 1 0 10rem;\n  border-bottom: ").concat(theme.reportBorder || 'inherit', ";\n}\n");
-  },
-  'reportWrapper': 'outcomes-ui__OutcomesPerStudent--reportWrapper',
-  'background': 'outcomes-ui__OutcomesPerStudent--background',
-  'table': 'outcomes-ui__OutcomesPerStudent--table',
-  'headerRow': 'outcomes-ui__OutcomesPerStudent--headerRow',
-  'corner': 'outcomes-ui__OutcomesPerStudent--corner',
-  'headerCell': 'outcomes-ui__OutcomesPerStudent--headerCell',
-  'loadingSpinner': 'outcomes-ui__OutcomesPerStudent--loadingSpinner',
-  'studentRow': 'outcomes-ui__OutcomesPerStudent--studentRow',
-  'studentName': 'outcomes-ui__OutcomesPerStudent--studentName',
-  'avatar': 'outcomes-ui__OutcomesPerStudent--avatar',
-  'name': 'outcomes-ui__OutcomesPerStudent--name',
-  'scoreCell': 'outcomes-ui__OutcomesPerStudent--scoreCell'
-};
+var _styles = _interopRequireDefault(require("../../components/OutcomesPerStudent/styles.js"));
+
+var _findElementsWithStyle = require("../../util/__tests__/findElementsWithStyle.js");
+
 describe('OutcomesPerStudentReport', function () {
   function makeProps() {
     return {
@@ -55,6 +41,6 @@ describe('OutcomesPerStudentReport', function () {
     var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
       id: "app"
     }, /*#__PURE__*/_react.default.createElement(_OutcomesPerStudentReport.default, makeProps())));
-    (0, _chai.expect)(wrapper.find(".".concat(styles.background))).to.have.length(1);
+    (0, _chai.expect)((0, _findElementsWithStyle.findElementsWithStyle)(wrapper, (0, _styles.default)().background)).to.have.length(1);
   });
 });

package/lib/translated/es_ES/demo.js

@@ -376,10 +376,6 @@ var _reactDom = require("react-dom");
 
 var _lodash = require("lodash");
 
-require("@instructure/canvas-theme");
-
-require("@instructure/canvas-high-contrast-theme");
-
 var _uiAlerts = require("@instructure/ui-alerts");
 
 var _uiHeading = require("@instructure/ui-heading");
@@ -390,27 +386,20 @@ var _uiSimpleSelect = require("@instructure/ui-simple-select");
 
 var _uiTabs = require("@instructure/ui-tabs");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _uiThemes = require("@instructure/ui-themes");
+
+var _emotion = require("@instructure/emotion");
 
 var _index = require("./index.js");
 
 var _process, _process$env;
 
-var styles = {
-  componentId: 'dCZbw',
-  template: function template(theme) {
-    return "\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 1rem;\n}\n\nhtml, body {\n  margin: 0;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.outcomes-ui__src--root {\n  background: white;\n  color: black;\n  padding: 2rem;\n  margin: 2rem;\n}\n\n.outcomes-ui__src--item {\n  padding-bottom: 1rem;\n}\n\n.outcomes-ui__src--item > div {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n\n.outcomes-ui__src--report {\n  max-width: calc(85vw - 128px);\n}\n\n.outcomes-ui__src--mastery {\n  padding-bottom: 2rem;\n}\n\n#outcomes-ui__src--screenreaderNotifications {\n  height: 1px;\n  width: 1px;\n  clip: rect(0, 0, 0, 0);\n  overflow: hidden;\n}\n";
-  },
-  'root': 'outcomes-ui__src--root',
-  'item': 'outcomes-ui__src--item',
-  'report': 'outcomes-ui__src--report',
-  'mastery': 'outcomes-ui__src--mastery',
-  'screenreaderNotifications': 'outcomes-ui__src--screenreaderNotifications'
+var themes = {
+  'canvas': _uiThemes.canvas,
+  'canvas-high-contrast': _uiThemes.canvasHighContrast
 };
-var themes = ['canvas', 'canvas-high-contrast'];
 var root = document.createElement('div');
 root.setAttribute('id', 'app');
-root.classList.add(styles.root);
 document.body.appendChild(root);
 var alert = document.createElement('div');
 alert.setAttribute('id', 'alert');
@@ -457,7 +446,6 @@ var DemoAlignment = function DemoAlignment(props) {
       jwt = props.jwt,
       useAlignmentWidget = props.useAlignmentWidget;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.item,
     "data-automation": "artifact"
   }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
     level: "h3"
@@ -486,7 +474,7 @@ var DemoAlignment = function DemoAlignment(props) {
     jwt: jwt,
     liveRegion: getLive,
     screenreaderNotification: screenreaderNotification,
-    readOnly: readOnly === 'true'
+    canManageOutcomes: readOnly === 'false'
   })) : /*#__PURE__*/_react.default.createElement(_index.OutcomeAlignments, {
     alignmentSetId: alignmentSetId,
     pickerType: currentPicker,
@@ -548,14 +536,14 @@ var handleTabChange = function handleTabChange(_, _ref4) {
 };
 
 function rerender() {
-  (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(_uiThemeable.ApplyTheme, {
-    theme: _uiThemeable.ApplyTheme.generateTheme(currentTheme)
+  (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(_emotion.InstUISettingsProvider, {
+    theme: themes[currentTheme]
   }, /*#__PURE__*/_react.default.createElement(_uiTabs.Tabs, {
     onRequestTabChange: handleTabChange
   }, /*#__PURE__*/_react.default.createElement(_uiTabs.Tabs.Panel, {
     id: "alignments",
     renderTitle: "Alignments",
-    selected: currentTab === 'alignments'
+    isSelected: currentTab === 'alignments'
   }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect, {
     renderLabel: "Picker",
     onChange: handlePickerChange,
@@ -625,21 +613,15 @@ function rerender() {
     jwt: createJwt,
     alignmentWidget: _index.AlignmentWidget
   })), /*#__PURE__*/_react.default.createElement(_uiTabs.Tabs.Panel, {
-    selected: currentTab === 'report',
+    isSelected: currentTab === 'report',
     renderTitle: "Report",
     textAlign: "center",
     id: "report"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      backgroundColor: 'lightgrey'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
     label: "Show Rollups",
     checked: showRollups,
     onChange: handleShowRollupsChange
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: styles.report
-  }, /*#__PURE__*/_react.default.createElement(_index.OutcomesPerStudentReport, {
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index.OutcomesPerStudentReport, {
     artifactType: artifactType,
     artifactId: artifactId,
     host: outcomesHost,
@@ -648,15 +630,15 @@ function rerender() {
     contextUuid: "dummy_uuid",
     showRollups: showRollups
   })))), /*#__PURE__*/_react.default.createElement(_uiTabs.Tabs.Panel, {
-    title: "Theme",
+    renderTitle: "Theme",
     textAlign: "center",
     id: "theme",
-    selected: currentTab === 'theme'
+    isSelected: currentTab === 'theme'
   }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect, {
     renderLabel: "Theme",
     onChange: handleThemeChange,
     value: currentTheme
-  }, themes.map(function (themeKey) {
+  }, Object.keys(themes).map(function (themeKey) {
     return /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
       id: themeKey,
       key: themeKey,