@instructure/outcomes-ui 2.1.9 → 3.0.0

package/es/translated/pt/components/SearchInput/index.js

@@ -5,22 +5,18 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
+/** @jsx jsx */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { themeable } from '@instructure/ui-themeable';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconEndSolid, IconSearchLine } from '@instructure/ui-icons';
 import { TextInput } from '@instructure/ui-text-input';
-import theme from "../theme.js";
-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 = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+import { withStyle, jsx } from '@instructure/emotion';
+import generateComponentTheme from "../theme.js";
+import generateStyle from "./styles.js";
+import { stylesShape } from "../../store/shapes.js";
+var SearchInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inherits(SearchInput, _React$Component);
 
   var _super = _createSuper(SearchInput);
@@ -36,13 +32,13 @@ var SearchInput = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
     value: // eslint-disable-next-line no-undef
     function renderClearSearchButton() {
       var onClear = this.props.onClear;
-      return /*#__PURE__*/React.createElement(IconButton, {
+      return jsx(IconButton, {
         size: "small",
         withBackground: false,
         withBorder: false,
         onClick: onClear,
         screenReaderLabel: "Limpar campo de pesquisa"
-      }, /*#__PURE__*/React.createElement(IconEndSolid, {
+      }, jsx(IconEndSolid, {
         size: "x-small"
       }));
     }
@@ -52,16 +48,16 @@ var SearchInput = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
       var _this$props = this.props,
           onChange = _this$props.onChange,
           searchText = _this$props.searchText;
-      return /*#__PURE__*/React.createElement("span", {
-        className: styles.search
-      }, /*#__PURE__*/React.createElement(TextInput, {
+      return jsx("span", {
+        css: this.props.styles.search
+      }, jsx(TextInput, {
         type: "search",
-        label: /*#__PURE__*/React.createElement(ScreenReaderContent, null, "Resultados da pesquisa"),
+        renderLabel: jsx(ScreenReaderContent, null, "Resultados da pesquisa"),
         placeholder: "Resultados da Pesquisa",
         value: searchText,
         onChange: onChange,
         size: "medium",
-        renderAfterInput: searchText ? this.renderClearSearchButton() : /*#__PURE__*/React.createElement(IconSearchLine, {
+        renderAfterInput: searchText ? this.renderClearSearchButton() : jsx(IconSearchLine, {
           size: "x-small"
         })
       }));
@@ -73,6 +69,7 @@ var SearchInput = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
 }(React.Component), _class2.propTypes = {
   onChange: PropTypes.func.isRequired,
   onClear: PropTypes.func.isRequired,
-  searchText: PropTypes.string.isRequired
+  searchText: PropTypes.string.isRequired,
+  styles: stylesShape
 }, _temp)) || _class);
 export { SearchInput as default };

package/es/translated/pt/components/SearchInput/styles.js

@@ -0,0 +1,30 @@
+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'
+      }
+    }
+  };
+};
+
+export default generateStyle;

package/es/translated/pt/components/theme.js

@@ -1,4 +1,4 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
       spacing = _ref.spacing,
       colors = _ref.colors;
@@ -13,4 +13,6 @@ export default function generator(_ref) {
     checkboxDescriptionLeftPadding: '2.25rem' // checkboxLabelLeftPadding + CheckboxFacade/facadeSizeMedium + CheckboxFacade/marginRight
 
   };
-}
+};
+
+export default generateComponentTheme;

package/es/translated/pt/containers/__tests__/AlignmentWidget.test.js

@@ -21,14 +21,15 @@ describe('AlignmentWidget', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
     }, /*#__PURE__*/React.createElement(AlignmentWidget, makeProps())));
-    expect(wrapper.find('AlignmentWidget')).to.have.length(1);
+    expect(wrapper.find(AlignmentWidget)).to.have.length(1);
   });
   it('sets the scope', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/React.createElement(AlignmentWidget, props)));
-    expect(wrapper.find('AlignmentWidget').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/React.createElement(AlignmentWidget, props))); // Enzyme finds two AlignmentWidget components because of the instui decorator on the component
+
+    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({
@@ -36,7 +37,8 @@ describe('AlignmentWidget', function () {
     });
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/React.createElement(AlignmentWidget, props)));
-    expect(wrapper.find('AlignmentWidget').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/React.createElement(AlignmentWidget, props))); // Enzyme finds two Link components because of the instui decorator on the component
+
+    expect(wrapper.find('AlignmentWidget').at(0).prop('scope')).to.equal('foo:::1');
   });
 });

package/es/translated/pt/containers/__tests__/ConnectedAlignmentLabels.test.js

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

package/es/translated/pt/containers/__tests__/ConnectedAlignmentList.test.js

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

package/es/translated/pt/containers/__tests__/ConnectedAlignmentWidget.test.js

@@ -17,7 +17,8 @@ describe('ConnectedAlignmentWidget', function () {
       store: store
     }, /*#__PURE__*/React.createElement(ConnectedAlignmentWidget, {
       tray: /*#__PURE__*/React.createElement("div", null)
-    })));
-    expect(wrapper.find('AlignmentWidget')).to.have.length(1);
+    }))); // Enzyme finds two AlignmentWidget components because of the instui decorator on the component
+
+    expect(wrapper.find('AlignmentWidget')).to.have.length(2);
   });
 });

package/es/translated/pt/containers/__tests__/ConnectedOutcomeTray.test.js

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

package/es/translated/pt/containers/__tests__/ConnectedOutcomeTree.test.js

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

package/es/translated/pt/containers/__tests__/ConnectedOutcomeView.test.js

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

package/es/translated/pt/containers/__tests__/OutcomeAlignments.test.js

@@ -20,15 +20,17 @@ describe('OutcomeAlignments', function () {
   it('renders', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/React.createElement(OutcomeAlignments, makeProps())));
-    expect(wrapper.find('AlignmentList')).to.have.length(1);
+    }, /*#__PURE__*/React.createElement(OutcomeAlignments, makeProps()))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    expect(wrapper.find('AlignmentList')).to.have.length(2);
   });
   it('sets the scope', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/React.createElement(OutcomeAlignments, props)));
-    expect(wrapper.find('AlignmentList').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/React.createElement(OutcomeAlignments, props))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    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({
@@ -36,7 +38,8 @@ describe('OutcomeAlignments', function () {
     });
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
-    }, /*#__PURE__*/React.createElement(OutcomeAlignments, props)));
-    expect(wrapper.find('AlignmentList').prop('scope')).to.equal('foo:::1');
+    }, /*#__PURE__*/React.createElement(OutcomeAlignments, props))); // Enzyme finds two AlignmentList components because of the instui decorator on the component
+
+    expect(wrapper.find('AlignmentList').at(0).prop('scope')).to.equal('foo:::1');
   });
 });

package/es/translated/pt/containers/__tests__/OutcomeList.test.js

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

package/es/translated/pt/containers/__tests__/OutcomesPerStudentReport.test.js

@@ -2,24 +2,8 @@ import { expect } from 'chai';
 import React from 'react';
 import { mount } from 'enzyme';
 import OutcomesPerStudentReport from "../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'
-};
+import styles from '../../components/OutcomesPerStudent/styles.js';
+import { findElementsWithStyle } from "../../util/__tests__/findElementsWithStyle.js";
 describe('OutcomesPerStudentReport', function () {
   function makeProps() {
     return {
@@ -47,6 +31,6 @@ describe('OutcomesPerStudentReport', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement("div", {
       id: "app"
     }, /*#__PURE__*/React.createElement(OutcomesPerStudentReport, makeProps())));
-    expect(wrapper.find(".".concat(styles.background))).to.have.length(1);
+    expect(findElementsWithStyle(wrapper, styles().background)).to.have.length(1);
   });
 });

package/es/translated/pt/demo.js

@@ -187,30 +187,20 @@ import 'regenerator-runtime/runtime';
 import React from 'react';
 import { render } from 'react-dom';
 import { fromPairs } from 'lodash';
-import '@instructure/canvas-theme';
-import '@instructure/canvas-high-contrast-theme';
 import { Alert } from '@instructure/ui-alerts';
 import { Heading } from '@instructure/ui-heading';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { Tabs } from '@instructure/ui-tabs';
-import { ApplyTheme } from '@instructure/ui-themeable';
+import { canvas, canvasHighContrast } from '@instructure/ui-themes';
+import { InstUISettingsProvider } from '@instructure/emotion';
 import { OutcomeAlignments, OutcomeCount, OutcomesPerStudentReport, OutcomeList, AlignmentWidget } from "./index.js";
-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': canvas,
+  'canvas-high-contrast': 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');
@@ -257,7 +247,6 @@ var DemoAlignment = function DemoAlignment(props) {
       jwt = props.jwt,
       useAlignmentWidget = props.useAlignmentWidget;
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.item,
     "data-automation": "artifact"
   }, /*#__PURE__*/React.createElement(Heading, {
     level: "h3"
@@ -286,7 +275,7 @@ var DemoAlignment = function DemoAlignment(props) {
     jwt: jwt,
     liveRegion: getLive,
     screenreaderNotification: screenreaderNotification,
-    readOnly: readOnly === 'true'
+    canManageOutcomes: readOnly === 'false'
   })) : /*#__PURE__*/React.createElement(OutcomeAlignments, {
     alignmentSetId: alignmentSetId,
     pickerType: currentPicker,
@@ -348,14 +337,14 @@ var handleTabChange = function handleTabChange(_, _ref4) {
 };
 
 function rerender() {
-  render( /*#__PURE__*/React.createElement(ApplyTheme, {
-    theme: ApplyTheme.generateTheme(currentTheme)
+  render( /*#__PURE__*/React.createElement(InstUISettingsProvider, {
+    theme: themes[currentTheme]
   }, /*#__PURE__*/React.createElement(Tabs, {
     onRequestTabChange: handleTabChange
   }, /*#__PURE__*/React.createElement(Tabs.Panel, {
     id: "alignments",
     renderTitle: "Alignments",
-    selected: currentTab === 'alignments'
+    isSelected: currentTab === 'alignments'
   }, /*#__PURE__*/React.createElement(SimpleSelect, {
     renderLabel: "Picker",
     onChange: handlePickerChange,
@@ -425,21 +414,15 @@ function rerender() {
     jwt: createJwt,
     alignmentWidget: AlignmentWidget
   })), /*#__PURE__*/React.createElement(Tabs.Panel, {
-    selected: currentTab === 'report',
+    isSelected: currentTab === 'report',
     renderTitle: "Report",
     textAlign: "center",
     id: "report"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      backgroundColor: 'lightgrey'
-    }
-  }, /*#__PURE__*/React.createElement(Checkbox, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Checkbox, {
     label: "Show Rollups",
     checked: showRollups,
     onChange: handleShowRollupsChange
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.report
-  }, /*#__PURE__*/React.createElement(OutcomesPerStudentReport, {
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(OutcomesPerStudentReport, {
     artifactType: artifactType,
     artifactId: artifactId,
     host: outcomesHost,
@@ -448,15 +431,15 @@ function rerender() {
     contextUuid: "dummy_uuid",
     showRollups: showRollups
   })))), /*#__PURE__*/React.createElement(Tabs.Panel, {
-    title: "Theme",
+    renderTitle: "Theme",
     textAlign: "center",
     id: "theme",
-    selected: currentTab === 'theme'
+    isSelected: currentTab === 'theme'
   }, /*#__PURE__*/React.createElement(SimpleSelect, {
     renderLabel: "Theme",
     onChange: handleThemeChange,
     value: currentTheme
-  }, themes.map(function (themeKey) {
+  }, Object.keys(themes).map(function (themeKey) {
     return /*#__PURE__*/React.createElement(SimpleSelect.Option, {
       id: themeKey,
       key: themeKey,

package/es/translated/pt/index.css

@@ -1,44 +1,36 @@
 * {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 1rem;
-}
-
-html, body {
-  margin: 0;
-  height: 100%;
-  font-family: sans-serif;
-}
-
-.root {
-  background: white;
-  color: black;
-  padding: 2rem;
-  margin: 2rem;
-}
-
-.item {
-  padding-bottom: 1rem;
-
-  & > div {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
+    box-sizing: border-box;
   }
-}
-
-.report {
-  max-width: calc(85vw - 128px);
-}
-
-.mastery {
-  padding-bottom: 2rem;
-}
-
-#screenreaderNotifications {
-  height: 1px;
-  width: 1px;
-  clip: rect(0, 0, 0, 0);
-  overflow: hidden;
-}
+  html {
+    font-size: 1rem;
+  }
+  html, body {
+    margin: 0;
+    height: 100%;
+    font-family: sans-serif;
+  }
+  .root {
+    background: white;
+    color: black;
+    padding: 2rem;
+    margin: 2rem;
+  }
+  .item {
+    padding-bottom: 1rem;
+    & > div {
+      padding-top: 0.25rem;
+      padding-bottom: 0.25rem;
+    }
+  }
+  .report {
+    max-width: calc(85vw - 128px);
+  }
+  .mastery {
+    padding-bottom: 2rem;
+  }
+  #screenreaderNotifications {
+    height: 1px;
+    width: 1px;
+    clip: rect(0, 0, 0, 0);
+    overflow: hidden;
+  

package/es/translated/pt/store/shapes.js

@@ -60,4 +60,5 @@ export var nMasteryDataShape = PropTypes.shape({
 export var decayingAverageDataShape = PropTypes.shape({
   decaying_average_percent: PropTypes.number.isRequired
 });
-export var algorithmDataShape = PropTypes.oneOf([nMasteryDataShape, decayingAverageDataShape]);
+export var algorithmDataShape = PropTypes.oneOf([nMasteryDataShape, decayingAverageDataShape]);
+export var stylesShape = PropTypes.object;

package/es/translated/pt/util/__tests__/findElementsWithStyle.js

@@ -0,0 +1,13 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+export var findElementsWithStyle = function findElementsWithStyle(wrapper, targetStyles) {
+  return wrapper.findWhere(function (node) {
+    var style = node.prop('css');
+    return style && Object.entries(targetStyles).every(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+
+      return style[key] === value;
+    });
+  });
+};

package/es/translated/pt-BR/components/Alignment/__tests__/index.test.js

@@ -2,7 +2,8 @@ import { expect } from 'chai';
 import React from 'react';
 import sinon from 'sinon';
 import { mount, shallow } from 'enzyme';
-import { IconOutcomesLine } from '@instructure/ui-icons';
+import { IconOutcomesLine, IconTrashLine } from '@instructure/ui-icons';
+import { Link } from '@instructure/ui-link';
 import Alignment from "../index.js";
 import checkA11y from "../../../test/checkA11y.js";
 describe('Alignment', function () {
@@ -23,17 +24,17 @@ describe('Alignment', function () {
   }
 
   it('includes an icon', function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(Alignment, makeProps()), {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, makeProps()), {
       disableLifecycleMethods: true
     });
     expect(wrapper.find(IconOutcomesLine)).to.have.length(1);
   });
   it('includes a delete button', function () {
     var props = makeProps();
-    var wrapper = shallow( /*#__PURE__*/React.createElement(Alignment, props), {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props), {
       disableLifecycleMethods: true
     });
-    expect(wrapper.find('Button')).to.have.length(1);
+    expect(wrapper.find(IconTrashLine)).to.have.length(1);
   });
   it('does not include a delete button if readOnly', function () {
     var props = makeProps({
@@ -46,26 +47,26 @@ describe('Alignment', function () {
   });
   it('calls removeAlignment when delete is clicked', function () {
     var props = makeProps();
-    var wrapper = shallow( /*#__PURE__*/React.createElement(Alignment, props), {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props), {
       disableLifecycleMethods: true
     });
-    var remove = wrapper.find('Button');
+    var remove = wrapper.find(IconTrashLine);
     remove.simulate('click');
     expect(props.removeAlignment.calledOnce).to.be.true;
   });
   it('calls viewAlignment when the title is clicked', function () {
     var props = makeProps();
-    var wrapper = shallow( /*#__PURE__*/React.createElement(Alignment, props), {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props), {
       disableLifecycleMethods: true
     });
-    var link = wrapper.find('Link');
+    var link = wrapper.find(Link);
     link.simulate('click');
     expect(props.viewAlignment.calledOnce).to.be.true;
   });
   it('renders outcome title in link', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
-    var link = wrapper.find('Link');
+    var link = wrapper.find(Link);
     expect(link.text()).to.equal('User can foo a bar');
   });
   it('meets a11y standards', function () {