@instructure/outcomes-ui 2.1.6 → 2.1.7

package/es/components/OutcomeCheckbox/__tests__/index.test.js

@@ -46,6 +46,11 @@ describe('OutcomeCheckbox', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));
     expect(wrapper.text()).to.match(/This is the Friendly Description/);
   });
+  it('does not render friendly description', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('renders an OutcomeDescription component', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));

package/es/components/OutcomeView/__tests__/index.test.js

@@ -52,6 +52,11 @@ var sharedSpecs = function sharedSpecs(makeProps) {
     expect(text).to.match(/Friendly Description/);
     expect(text).to.match(/This is another description/);
   });
+  it('ensures Friendly Description does not show', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('meets a11y standards', function () {
     return checkA11y( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
   });

package/es/components/OutcomesPerStudent/ExportCSVButton/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { CSVLink } from 'react-csv';
@@ -48,7 +48,8 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   var fetchCSVData = _ref.fetchCSVData,
       formatCSVData = _ref.formatCSVData,
       fetchingStatus = _ref.fetchingStatus,
-      artifactId = _ref.artifactId;
+      artifactId = _ref.artifactId,
+      focusedElement = _ref.focusedElement;
   var csvElementRef = useRef(null);
 
   var exportCSV = function exportCSV() {
@@ -63,6 +64,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
       showProgressBar = _useBoolean2[1],
       hideProgressBar = _useBoolean2[2];
 
+  var _useState = useState(useRef(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      csvButtonRef = _useState2[0],
+      setCsvButtonRef = _useState2[1];
+
   var _useCSVExport = useCSVExport({
     fetchCSVData: fetchCSVData,
     fetchingStatus: fetchingStatus,
@@ -80,6 +86,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   useEffect(function () {
     if (exportState === CSV_COMPLETE) {
       exportCSV();
+      setTimeout(function () {
+        if (focusedElement === csvButtonRef) {
+          csvButtonRef.focus();
+        }
+      }, 3000);
     }
   }, [exportState]);
   return /*#__PURE__*/React.createElement(Flex, {
@@ -124,7 +135,10 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
     color: canStartExport ? 'primary' : 'secondary',
     onClick: canStartExport ? beginExport : cancelExport,
     interaction: canStartExport ? 'enabled' : progressValue < 100 ? 'enabled' : 'disabled',
-    "data-automation": "outcomesPerStudent_exportCSVButton"
+    "data-automation": "outcomesPerStudent_exportCSVButton",
+    buttonRef: function buttonRef(ref) {
+      return setCsvButtonRef(ref);
+    }
   }, canStartExport ? t('Export CSV') : t('Cancel Export')), /*#__PURE__*/React.createElement("span", {
     "aria-hidden": true
   }, /*#__PURE__*/React.createElement(CSVLink, {
@@ -141,6 +155,10 @@ ExportCSVButton.propTypes = {
   fetchCSVData: PropTypes.func.isRequired,
   formatCSVData: PropTypes.func.isRequired,
   fetchingStatus: PropTypes.string.isRequired,
-  artifactId: PropTypes.string.isRequired
+  artifactId: PropTypes.string.isRequired,
+  focusedElement: PropTypes.element
+};
+ExportCSVButton.defaultProps = {
+  focusedElement: null
 };
 export default ExportCSVButton;

package/es/components/OutcomesPerStudent/index.js

@@ -295,7 +295,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.renderExportButton = function (hasAnyStudents) {
+    _this.renderExportButton = function (hasAnyStudents, focusedElement) {
       var _this$props = _this.props,
           hasAnyOutcomes = _this$props.hasAnyOutcomes,
           loading = _this$props.loading,
@@ -317,7 +317,8 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           fetchCSVData: fetchCSVData,
           formatCSVData: formatCSVData,
           fetchingStatus: csvFetchingStatus,
-          artifactId: artifactId
+          artifactId: artifactId,
+          focusedElement: focusedElement
         });
       }
     };
@@ -434,6 +435,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           hasAnyOutcomes = _this$props4.hasAnyOutcomes,
           loading = _this$props4.loading;
       var hasAnyStudents = users && users.length > 0;
+      var focusedElement = document.activeElement;
 
       var renderReportContent = function renderReportContent() {
         if (loading) {
@@ -449,7 +451,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
       return /*#__PURE__*/React.createElement("div", {
         className: styles.background
-      }, this.renderExportButton(hasAnyStudents), renderReportContent());
+      }, this.renderExportButton(hasAnyStudents, focusedElement), renderReportContent());
     }
   }]);
 

package/es/hooks/useCSVExport.js

@@ -80,7 +80,7 @@ var useCSVExport = function useCSVExport(_ref) {
       setTimeout(function () {
         hideProgressBar();
         setExportState(NOT_EXPORTING);
-      }, 2000);
+      }, 3000);
     }
   }, [exportState, formattedData, progressValue]);
 

package/es/translated/ar/components/OutcomeCheckbox/__tests__/index.test.js

@@ -46,6 +46,11 @@ describe('OutcomeCheckbox', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));
     expect(wrapper.text()).to.match(/This is the Friendly Description/);
   });
+  it('does not render friendly description', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('renders an OutcomeDescription component', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));

package/es/translated/ar/components/OutcomeView/__tests__/index.test.js

@@ -52,6 +52,11 @@ var sharedSpecs = function sharedSpecs(makeProps) {
     expect(text).to.match(/Friendly Description/);
     expect(text).to.match(/This is another description/);
   });
+  it('ensures Friendly Description does not show', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('meets a11y standards', function () {
     return checkA11y( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
   });

package/es/translated/ar/components/OutcomesPerStudent/ExportCSVButton/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { CSVLink } from 'react-csv';
@@ -47,7 +47,8 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   var fetchCSVData = _ref.fetchCSVData,
       formatCSVData = _ref.formatCSVData,
       fetchingStatus = _ref.fetchingStatus,
-      artifactId = _ref.artifactId;
+      artifactId = _ref.artifactId,
+      focusedElement = _ref.focusedElement;
   var csvElementRef = useRef(null);
 
   var exportCSV = function exportCSV() {
@@ -62,6 +63,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
       showProgressBar = _useBoolean2[1],
       hideProgressBar = _useBoolean2[2];
 
+  var _useState = useState(useRef(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      csvButtonRef = _useState2[0],
+      setCsvButtonRef = _useState2[1];
+
   var _useCSVExport = useCSVExport({
     fetchCSVData: fetchCSVData,
     fetchingStatus: fetchingStatus,
@@ -79,6 +85,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   useEffect(function () {
     if (exportState === CSV_COMPLETE) {
       exportCSV();
+      setTimeout(function () {
+        if (focusedElement === csvButtonRef) {
+          csvButtonRef.focus();
+        }
+      }, 3000);
     }
   }, [exportState]);
   return /*#__PURE__*/React.createElement(Flex, {
@@ -119,7 +130,10 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
     color: canStartExport ? 'primary' : 'secondary',
     onClick: canStartExport ? beginExport : cancelExport,
     interaction: canStartExport ? 'enabled' : progressValue < 100 ? 'enabled' : 'disabled',
-    "data-automation": "outcomesPerStudent_exportCSVButton"
+    "data-automation": "outcomesPerStudent_exportCSVButton",
+    buttonRef: function buttonRef(ref) {
+      return setCsvButtonRef(ref);
+    }
   }, canStartExport ? "Export CSV" : "Cancel Export"), /*#__PURE__*/React.createElement("span", {
     "aria-hidden": true
   }, /*#__PURE__*/React.createElement(CSVLink, {
@@ -136,6 +150,10 @@ ExportCSVButton.propTypes = {
   fetchCSVData: PropTypes.func.isRequired,
   formatCSVData: PropTypes.func.isRequired,
   fetchingStatus: PropTypes.string.isRequired,
-  artifactId: PropTypes.string.isRequired
+  artifactId: PropTypes.string.isRequired,
+  focusedElement: PropTypes.element
+};
+ExportCSVButton.defaultProps = {
+  focusedElement: null
 };
 export default ExportCSVButton;

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

@@ -298,7 +298,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.renderExportButton = function (hasAnyStudents) {
+    _this.renderExportButton = function (hasAnyStudents, focusedElement) {
       var _this$props = _this.props,
           hasAnyOutcomes = _this$props.hasAnyOutcomes,
           loading = _this$props.loading,
@@ -320,7 +320,8 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           fetchCSVData: fetchCSVData,
           formatCSVData: formatCSVData,
           fetchingStatus: csvFetchingStatus,
-          artifactId: artifactId
+          artifactId: artifactId,
+          focusedElement: focusedElement
         });
       }
     };
@@ -437,6 +438,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           hasAnyOutcomes = _this$props4.hasAnyOutcomes,
           loading = _this$props4.loading;
       var hasAnyStudents = users && users.length > 0;
+      var focusedElement = document.activeElement;
 
       var renderReportContent = function renderReportContent() {
         if (loading) {
@@ -452,7 +454,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
       return /*#__PURE__*/React.createElement("div", {
         className: styles.background
-      }, this.renderExportButton(hasAnyStudents), renderReportContent());
+      }, this.renderExportButton(hasAnyStudents, focusedElement), renderReportContent());
     }
   }]);
 

package/es/translated/ar/hooks/useCSVExport.js

@@ -79,7 +79,7 @@ var useCSVExport = function useCSVExport(_ref) {
       setTimeout(function () {
         hideProgressBar();
         setExportState(NOT_EXPORTING);
-      }, 2000);
+      }, 3000);
     }
   }, [exportState, formattedData, progressValue]);
 

package/es/translated/ca/components/OutcomeCheckbox/__tests__/index.test.js

@@ -46,6 +46,11 @@ describe('OutcomeCheckbox', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));
     expect(wrapper.text()).to.match(/This is the Friendly Description/);
   });
+  it('does not render friendly description', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('renders an OutcomeDescription component', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));

package/es/translated/ca/components/OutcomeView/__tests__/index.test.js

@@ -52,6 +52,11 @@ var sharedSpecs = function sharedSpecs(makeProps) {
     expect(text).to.match(/Friendly Description/);
     expect(text).to.match(/This is another description/);
   });
+  it('ensures Friendly Description does not show', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('meets a11y standards', function () {
     return checkA11y( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
   });

package/es/translated/ca/components/OutcomesPerStudent/ExportCSVButton/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { CSVLink } from 'react-csv';
@@ -47,7 +47,8 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   var fetchCSVData = _ref.fetchCSVData,
       formatCSVData = _ref.formatCSVData,
       fetchingStatus = _ref.fetchingStatus,
-      artifactId = _ref.artifactId;
+      artifactId = _ref.artifactId,
+      focusedElement = _ref.focusedElement;
   var csvElementRef = useRef(null);
 
   var exportCSV = function exportCSV() {
@@ -62,6 +63,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
       showProgressBar = _useBoolean2[1],
       hideProgressBar = _useBoolean2[2];
 
+  var _useState = useState(useRef(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      csvButtonRef = _useState2[0],
+      setCsvButtonRef = _useState2[1];
+
   var _useCSVExport = useCSVExport({
     fetchCSVData: fetchCSVData,
     fetchingStatus: fetchingStatus,
@@ -79,6 +85,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   useEffect(function () {
     if (exportState === CSV_COMPLETE) {
       exportCSV();
+      setTimeout(function () {
+        if (focusedElement === csvButtonRef) {
+          csvButtonRef.focus();
+        }
+      }, 3000);
     }
   }, [exportState]);
   return /*#__PURE__*/React.createElement(Flex, {
@@ -119,7 +130,10 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
     color: canStartExport ? 'primary' : 'secondary',
     onClick: canStartExport ? beginExport : cancelExport,
     interaction: canStartExport ? 'enabled' : progressValue < 100 ? 'enabled' : 'disabled',
-    "data-automation": "outcomesPerStudent_exportCSVButton"
+    "data-automation": "outcomesPerStudent_exportCSVButton",
+    buttonRef: function buttonRef(ref) {
+      return setCsvButtonRef(ref);
+    }
   }, canStartExport ? "Export CSV" : "Cancel Export"), /*#__PURE__*/React.createElement("span", {
     "aria-hidden": true
   }, /*#__PURE__*/React.createElement(CSVLink, {
@@ -136,6 +150,10 @@ ExportCSVButton.propTypes = {
   fetchCSVData: PropTypes.func.isRequired,
   formatCSVData: PropTypes.func.isRequired,
   fetchingStatus: PropTypes.string.isRequired,
-  artifactId: PropTypes.string.isRequired
+  artifactId: PropTypes.string.isRequired,
+  focusedElement: PropTypes.element
+};
+ExportCSVButton.defaultProps = {
+  focusedElement: null
 };
 export default ExportCSVButton;

package/es/translated/ca/components/OutcomesPerStudent/index.js

@@ -298,7 +298,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.renderExportButton = function (hasAnyStudents) {
+    _this.renderExportButton = function (hasAnyStudents, focusedElement) {
       var _this$props = _this.props,
           hasAnyOutcomes = _this$props.hasAnyOutcomes,
           loading = _this$props.loading,
@@ -320,7 +320,8 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           fetchCSVData: fetchCSVData,
           formatCSVData: formatCSVData,
           fetchingStatus: csvFetchingStatus,
-          artifactId: artifactId
+          artifactId: artifactId,
+          focusedElement: focusedElement
         });
       }
     };
@@ -437,6 +438,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           hasAnyOutcomes = _this$props4.hasAnyOutcomes,
           loading = _this$props4.loading;
       var hasAnyStudents = users && users.length > 0;
+      var focusedElement = document.activeElement;
 
       var renderReportContent = function renderReportContent() {
         if (loading) {
@@ -452,7 +454,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
       return /*#__PURE__*/React.createElement("div", {
         className: styles.background
-      }, this.renderExportButton(hasAnyStudents), renderReportContent());
+      }, this.renderExportButton(hasAnyStudents, focusedElement), renderReportContent());
     }
   }]);
 

package/es/translated/ca/hooks/useCSVExport.js

@@ -79,7 +79,7 @@ var useCSVExport = function useCSVExport(_ref) {
       setTimeout(function () {
         hideProgressBar();
         setExportState(NOT_EXPORTING);
-      }, 2000);
+      }, 3000);
     }
   }, [exportState, formattedData, progressValue]);
 

package/es/translated/cy/components/OutcomeCheckbox/__tests__/index.test.js

@@ -46,6 +46,11 @@ describe('OutcomeCheckbox', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));
     expect(wrapper.text()).to.match(/This is the Friendly Description/);
   });
+  it('does not render friendly description', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('renders an OutcomeDescription component', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));

package/es/translated/cy/components/OutcomeView/__tests__/index.test.js

@@ -52,6 +52,11 @@ var sharedSpecs = function sharedSpecs(makeProps) {
     expect(text).to.match(/Friendly Description/);
     expect(text).to.match(/This is another description/);
   });
+  it('ensures Friendly Description does not show', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('meets a11y standards', function () {
     return checkA11y( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
   });

package/es/translated/cy/components/OutcomesPerStudent/ExportCSVButton/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { CSVLink } from 'react-csv';
@@ -47,7 +47,8 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   var fetchCSVData = _ref.fetchCSVData,
       formatCSVData = _ref.formatCSVData,
       fetchingStatus = _ref.fetchingStatus,
-      artifactId = _ref.artifactId;
+      artifactId = _ref.artifactId,
+      focusedElement = _ref.focusedElement;
   var csvElementRef = useRef(null);
 
   var exportCSV = function exportCSV() {
@@ -62,6 +63,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
       showProgressBar = _useBoolean2[1],
       hideProgressBar = _useBoolean2[2];
 
+  var _useState = useState(useRef(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      csvButtonRef = _useState2[0],
+      setCsvButtonRef = _useState2[1];
+
   var _useCSVExport = useCSVExport({
     fetchCSVData: fetchCSVData,
     fetchingStatus: fetchingStatus,
@@ -79,6 +85,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   useEffect(function () {
     if (exportState === CSV_COMPLETE) {
       exportCSV();
+      setTimeout(function () {
+        if (focusedElement === csvButtonRef) {
+          csvButtonRef.focus();
+        }
+      }, 3000);
     }
   }, [exportState]);
   return /*#__PURE__*/React.createElement(Flex, {
@@ -119,7 +130,10 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
     color: canStartExport ? 'primary' : 'secondary',
     onClick: canStartExport ? beginExport : cancelExport,
     interaction: canStartExport ? 'enabled' : progressValue < 100 ? 'enabled' : 'disabled',
-    "data-automation": "outcomesPerStudent_exportCSVButton"
+    "data-automation": "outcomesPerStudent_exportCSVButton",
+    buttonRef: function buttonRef(ref) {
+      return setCsvButtonRef(ref);
+    }
   }, canStartExport ? "Export CSV" : "Cancel Export"), /*#__PURE__*/React.createElement("span", {
     "aria-hidden": true
   }, /*#__PURE__*/React.createElement(CSVLink, {
@@ -136,6 +150,10 @@ ExportCSVButton.propTypes = {
   fetchCSVData: PropTypes.func.isRequired,
   formatCSVData: PropTypes.func.isRequired,
   fetchingStatus: PropTypes.string.isRequired,
-  artifactId: PropTypes.string.isRequired
+  artifactId: PropTypes.string.isRequired,
+  focusedElement: PropTypes.element
+};
+ExportCSVButton.defaultProps = {
+  focusedElement: null
 };
 export default ExportCSVButton;

package/es/translated/cy/components/OutcomesPerStudent/index.js

@@ -298,7 +298,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _this.renderExportButton = function (hasAnyStudents) {
+    _this.renderExportButton = function (hasAnyStudents, focusedElement) {
       var _this$props = _this.props,
           hasAnyOutcomes = _this$props.hasAnyOutcomes,
           loading = _this$props.loading,
@@ -320,7 +320,8 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           fetchCSVData: fetchCSVData,
           formatCSVData: formatCSVData,
           fetchingStatus: csvFetchingStatus,
-          artifactId: artifactId
+          artifactId: artifactId,
+          focusedElement: focusedElement
         });
       }
     };
@@ -437,6 +438,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
           hasAnyOutcomes = _this$props4.hasAnyOutcomes,
           loading = _this$props4.loading;
       var hasAnyStudents = users && users.length > 0;
+      var focusedElement = document.activeElement;
 
       var renderReportContent = function renderReportContent() {
         if (loading) {
@@ -452,7 +454,7 @@ var OutcomesPerStudentReport = (_dec = themeable(theme, styles), _dec(_class = (
 
       return /*#__PURE__*/React.createElement("div", {
         className: styles.background
-      }, this.renderExportButton(hasAnyStudents), renderReportContent());
+      }, this.renderExportButton(hasAnyStudents, focusedElement), renderReportContent());
     }
   }]);
 

package/es/translated/cy/hooks/useCSVExport.js

@@ -79,7 +79,7 @@ var useCSVExport = function useCSVExport(_ref) {
       setTimeout(function () {
         hideProgressBar();
         setExportState(NOT_EXPORTING);
-      }, 2000);
+      }, 3000);
     }
   }, [exportState, formattedData, progressValue]);
 

package/es/translated/da/components/OutcomeCheckbox/__tests__/index.test.js

@@ -46,6 +46,11 @@ describe('OutcomeCheckbox', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));
     expect(wrapper.text()).to.match(/This is the Friendly Description/);
   });
+  it('does not render friendly description', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeCheckbox__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('renders an OutcomeDescription component', function () {
     var props = makeProps();
     var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeCheckbox, props));

package/es/translated/da/components/OutcomeView/__tests__/index.test.js

@@ -52,6 +52,11 @@ var sharedSpecs = function sharedSpecs(makeProps) {
     expect(text).to.match(/Friendly Description/);
     expect(text).to.match(/This is another description/);
   });
+  it('ensures Friendly Description does not show', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_header"]').length).to.equal(0);
+    expect(wrapper.find('[data-automation="outcomeView__friendly_description_expanded"]').length).to.equal(0);
+  });
   it('meets a11y standards', function () {
     return checkA11y( /*#__PURE__*/React.createElement(OutcomeView, makeProps()));
   });

package/es/translated/da/components/OutcomesPerStudent/ExportCSVButton/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { CSVLink } from 'react-csv';
@@ -47,7 +47,8 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   var fetchCSVData = _ref.fetchCSVData,
       formatCSVData = _ref.formatCSVData,
       fetchingStatus = _ref.fetchingStatus,
-      artifactId = _ref.artifactId;
+      artifactId = _ref.artifactId,
+      focusedElement = _ref.focusedElement;
   var csvElementRef = useRef(null);
 
   var exportCSV = function exportCSV() {
@@ -62,6 +63,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
       showProgressBar = _useBoolean2[1],
       hideProgressBar = _useBoolean2[2];
 
+  var _useState = useState(useRef(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      csvButtonRef = _useState2[0],
+      setCsvButtonRef = _useState2[1];
+
   var _useCSVExport = useCSVExport({
     fetchCSVData: fetchCSVData,
     fetchingStatus: fetchingStatus,
@@ -79,6 +85,11 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
   useEffect(function () {
     if (exportState === CSV_COMPLETE) {
       exportCSV();
+      setTimeout(function () {
+        if (focusedElement === csvButtonRef) {
+          csvButtonRef.focus();
+        }
+      }, 3000);
     }
   }, [exportState]);
   return /*#__PURE__*/React.createElement(Flex, {
@@ -119,7 +130,10 @@ var ExportCSVButton = function ExportCSVButton(_ref) {
     color: canStartExport ? 'primary' : 'secondary',
     onClick: canStartExport ? beginExport : cancelExport,
     interaction: canStartExport ? 'enabled' : progressValue < 100 ? 'enabled' : 'disabled',
-    "data-automation": "outcomesPerStudent_exportCSVButton"
+    "data-automation": "outcomesPerStudent_exportCSVButton",
+    buttonRef: function buttonRef(ref) {
+      return setCsvButtonRef(ref);
+    }
   }, canStartExport ? "Export CSV" : "Cancel Export"), /*#__PURE__*/React.createElement("span", {
     "aria-hidden": true
   }, /*#__PURE__*/React.createElement(CSVLink, {
@@ -136,6 +150,10 @@ ExportCSVButton.propTypes = {
   fetchCSVData: PropTypes.func.isRequired,
   formatCSVData: PropTypes.func.isRequired,
   fetchingStatus: PropTypes.string.isRequired,
-  artifactId: PropTypes.string.isRequired
+  artifactId: PropTypes.string.isRequired,
+  focusedElement: PropTypes.element
+};
+ExportCSVButton.defaultProps = {
+  focusedElement: null
 };
 export default ExportCSVButton;