@instructure/outcomes-ui 2.1.2 → 2.1.3

package/es/translated/ja/components/OutcomeTray/OutcomeList/index.js

@@ -6,7 +6,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Spinner } from '@instructure/ui-spinner';
 import { Flex } from '@instructure/ui-flex';
-import OutcomeCheckbox from "../../OutcomeCheckbox/index.js";
+import AlignmentItem from "../../AlignmentItem/index.js";
 import Pagination from "../../Pagination/index.js";
 export var RESULTS_PER_PAGE = 10;
 
@@ -26,19 +26,18 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
     value: function renderList() {
       var _this$props = this.props,
           outcomes = _this$props.outcomes,
-          setFocusedOutcome = _this$props.setFocusedOutcome,
           isOutcomeSelected = _this$props.isOutcomeSelected,
           selectOutcomeIds = _this$props.selectOutcomeIds,
           deselectOutcomeIds = _this$props.deselectOutcomeIds;
       return outcomes.map(function (outcome) {
         return /*#__PURE__*/React.createElement("div", {
           key: outcome.id
-        }, /*#__PURE__*/React.createElement(OutcomeCheckbox, {
+        }, /*#__PURE__*/React.createElement(AlignmentItem, {
           outcome: outcome,
-          setFocusedOutcome: setFocusedOutcome,
           isOutcomeSelected: isOutcomeSelected,
           selectOutcomeIds: selectOutcomeIds,
-          deselectOutcomeIds: deselectOutcomeIds
+          deselectOutcomeIds: deselectOutcomeIds,
+          isTray: true
         }));
       });
     }
@@ -92,7 +91,6 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
 
 OutcomeList.propTypes = {
   outcomes: PropTypes.array.isRequired,
-  setFocusedOutcome: PropTypes.func.isRequired,
   isOutcomeSelected: PropTypes.func.isRequired,
   selectOutcomeIds: PropTypes.func.isRequired,
   deselectOutcomeIds: PropTypes.func.isRequired,

package/es/translated/ja/components/OutcomeTray/index.js

@@ -16,7 +16,6 @@ import { View } from '@instructure/ui-view';
 import { Tray } from '@instructure/ui-tray';
 import { Spinner } from '@instructure/ui-spinner';
 import OutcomeList from "./OutcomeList/index.js";
-import OutcomeViewModal from "../OutcomeViewModal/index.js";
 import SearchInput from "../SearchInput/index.js";
 import SearchResults from "../SearchResults/index.js";
 import theme from "../theme.js";
@@ -64,7 +63,6 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
     value: function renderList() {
       var _this$props2 = this.props,
           outcomes = _this$props2.outcomes,
-          setFocusedOutcome = _this$props2.setFocusedOutcome,
           isOutcomeSelected = _this$props2.isOutcomeSelected,
           selectOutcomeIds = _this$props2.selectOutcomeIds,
           deselectOutcomeIds = _this$props2.deselectOutcomeIds,
@@ -77,7 +75,6 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         padding: "small none none none"
       }, /*#__PURE__*/React.createElement(OutcomeList, {
         outcomes: outcomes,
-        setFocusedOutcome: setFocusedOutcome,
         isOutcomeSelected: isOutcomeSelected,
         selectOutcomeIds: selectOutcomeIds,
         deselectOutcomeIds: deselectOutcomeIds,
@@ -87,45 +84,22 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         getOutcomesList: getOutcomesList
       }));
     }
-  }, {
-    key: "renderViewModal",
-    value: function renderViewModal() {
-      var _this$props3 = this.props,
-          focusedOutcome = _this$props3.focusedOutcome,
-          setFocusedOutcome = _this$props3.setFocusedOutcome,
-          artifactTypeName = _this$props3.artifactTypeName,
-          displayMasteryDescription = _this$props3.displayMasteryDescription,
-          displayMasteryPercentText = _this$props3.displayMasteryPercentText,
-          scope = _this$props3.scope;
-      return focusedOutcome && /*#__PURE__*/React.createElement(OutcomeViewModal, {
-        artifactTypeName: artifactTypeName,
-        displayMasteryDescription: displayMasteryDescription,
-        displayMasteryPercentText: displayMasteryPercentText,
-        outcome: focusedOutcome,
-        scope: scope,
-        closeAlignment: function closeAlignment() {
-          return setFocusedOutcome(null);
-        },
-        isOpen: true
-      });
-    }
   }, {
     key: "renderSearchMode",
     value: function renderSearchMode() {
-      var _this$props4 = this.props,
-          screenreaderNotification = _this$props4.screenreaderNotification,
-          setSearchLoading = _this$props4.setSearchLoading,
-          setSearchEntries = _this$props4.setSearchEntries,
-          searchText = _this$props4.searchText,
-          updateSearchPage = _this$props4.updateSearchPage,
-          isSearchLoading = _this$props4.isSearchLoading,
-          isOutcomeSelected = _this$props4.isOutcomeSelected,
-          searchEntries = _this$props4.searchEntries,
-          searchPage = _this$props4.searchPage,
-          searchTotal = _this$props4.searchTotal,
-          selectOutcomeIds = _this$props4.selectOutcomeIds,
-          deselectOutcomeIds = _this$props4.deselectOutcomeIds,
-          setFocusedOutcome = _this$props4.setFocusedOutcome;
+      var _this$props3 = this.props,
+          screenreaderNotification = _this$props3.screenreaderNotification,
+          setSearchLoading = _this$props3.setSearchLoading,
+          setSearchEntries = _this$props3.setSearchEntries,
+          searchText = _this$props3.searchText,
+          updateSearchPage = _this$props3.updateSearchPage,
+          isSearchLoading = _this$props3.isSearchLoading,
+          isOutcomeSelected = _this$props3.isOutcomeSelected,
+          searchEntries = _this$props3.searchEntries,
+          searchPage = _this$props3.searchPage,
+          searchTotal = _this$props3.searchTotal,
+          selectOutcomeIds = _this$props3.selectOutcomeIds,
+          deselectOutcomeIds = _this$props3.deselectOutcomeIds;
       return /*#__PURE__*/React.createElement(SearchResults, {
         screenreaderNotification: screenreaderNotification,
         setSearchLoading: setSearchLoading,
@@ -138,16 +112,15 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         searchPage: searchPage,
         searchTotal: searchTotal,
         selectOutcomeIds: selectOutcomeIds,
-        deselectOutcomeIds: deselectOutcomeIds,
-        setFocusedOutcome: setFocusedOutcome
+        deselectOutcomeIds: deselectOutcomeIds
       });
     }
   }, {
     key: "renderBody",
     value: function renderBody() {
-      var _this$props5 = this.props,
-          searchText = _this$props5.searchText,
-          isFetching = _this$props5.isFetching;
+      var _this$props4 = this.props,
+          searchText = _this$props4.searchText,
+          isFetching = _this$props4.isFetching;
 
       if (isFetching) {
         return /*#__PURE__*/React.createElement(Flex, {
@@ -164,11 +137,11 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   }, {
     key: "handleSubmit",
     value: function handleSubmit() {
-      var _this$props6 = this.props,
-          saveOutcomePickerAlignments = _this$props6.saveOutcomePickerAlignments,
-          onUpdate = _this$props6.onUpdate,
-          closeOutcomePicker = _this$props6.closeOutcomePicker,
-          shouldModifyArtifact = _this$props6.shouldModifyArtifact;
+      var _this$props5 = this.props,
+          saveOutcomePickerAlignments = _this$props5.saveOutcomePickerAlignments,
+          onUpdate = _this$props5.onUpdate,
+          closeOutcomePicker = _this$props5.closeOutcomePicker,
+          shouldModifyArtifact = _this$props5.shouldModifyArtifact;
       return saveOutcomePickerAlignments(onUpdate, shouldModifyArtifact).then(function () {
         return closeOutcomePicker();
       });
@@ -196,16 +169,16 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   }, {
     key: "render",
     value: function render() {
-      var _this$props7 = this.props,
-          liveRegion = _this$props7.liveRegion,
-          mountNode = _this$props7.mountNode,
-          searchText = _this$props7.searchText,
-          placement = _this$props7.placement,
-          size = _this$props7.size,
-          updateSearchText = _this$props7.updateSearchText,
-          closeOutcomePicker = _this$props7.closeOutcomePicker,
-          isOpen = _this$props7.isOpen,
-          resetOutcomePicker = _this$props7.resetOutcomePicker;
+      var _this$props6 = this.props,
+          liveRegion = _this$props6.liveRegion,
+          mountNode = _this$props6.mountNode,
+          searchText = _this$props6.searchText,
+          placement = _this$props6.placement,
+          size = _this$props6.size,
+          updateSearchText = _this$props6.updateSearchText,
+          closeOutcomePicker = _this$props6.closeOutcomePicker,
+          isOpen = _this$props6.isOpen,
+          resetOutcomePicker = _this$props6.resetOutcomePicker;
       var trayProps = {
         placement: placement,
         size: size
@@ -216,7 +189,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         mountNode: mountNode,
         open: isOpen,
         onExiting: resetOutcomePicker,
-        label: "\u7D50\u679C\u306E\u6574\u5217"
+        label: "\u30A2\u30A6\u30C8\u30AB\u30E0\u306E\u6574\u5217"
       }, trayProps), /*#__PURE__*/React.createElement("div", {
         className: styles.outcomeTray
       }, /*#__PURE__*/React.createElement("div", {
@@ -229,7 +202,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
       }, /*#__PURE__*/React.createElement(Heading, {
         level: "h3",
         margin: "0 0 x-small"
-      }, "\u7D50\u679C\u306E\u6574\u5217")), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
+      }, "\u30A2\u30A6\u30C8\u30AB\u30E0\u306E\u6574\u5217")), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
         onClick: closeOutcomePicker
       }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))), /*#__PURE__*/React.createElement(SearchInput, {
         onChange: function onChange(_, value) {
@@ -239,7 +212,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
           return updateSearchText('');
         },
         searchText: searchText
-      }), this.renderBody()), this.renderActions(), this.renderViewModal()));
+      }), this.renderBody()), this.renderActions()));
     }
   }]);
 

package/es/translated/ja/components/OutcomeTree/index.js

@@ -159,8 +159,8 @@ var OutcomeTree = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
           __html: sanitizeHtml(activeCollection.description)
         }
       }))) : /*#__PURE__*/React.createElement(Billboard, {
-        message: "\u30B0\u30EB\u30FC\u30D7\u30D5\u30A9\u30EB\u30C0\u3092\u4F7F\u7528\u3057\u3066\u3001\u3042\u306A\u305F\u306E\u7D50\u679C\u3092\u53C2\u7167\u3067\u304D\u307E\u3059\u3002",
-        heading: "\u7D50\u679C\u306E\u6574\u5217",
+        message: "\u30B0\u30EB\u30FC\u30D7\u30D5\u30A9\u30EB\u30C0\u3092\u4F7F\u7528\u3057\u3066\u3001\u3042\u306A\u305F\u306E\u30A2\u30A6\u30C8\u30AB\u30E0\u3092\u53C2\u7167\u3067\u304D\u307E\u3059\u3002",
+        heading: "\u30A2\u30A6\u30C8\u30AB\u30E0\u306E\u6574\u5217",
         headingAs: "h3",
         headingLevel: "h3",
         size: "small",

package/es/translated/ja/components/OutcomeView/MasteryDescription/index.js

@@ -29,7 +29,7 @@ var styles = {
 var scoringText = function scoringText(scoringMethod) {
   switch (scoringMethod.algorithm) {
     case 'decaying_average':
-      return "\u30DE\u30B9\u30BF\u30EA\u30FC\u306F\u6E1B\u8870\u5E73\u5747\u306B\u3088\u3063\u3066\u8A08\u7B97\u3055\u308C\u307E\u3059\u3002\u6700\u3082\u76F4\u8FD1\u306E\u8A08\u7B97\u306F\u3001 " + _percent_ja_number(scoringMethod.algorithm_data.decaying_average_percent) + " \u719F\u9054\u30B9\u30B3\u30A2\u306E\u6BD4\u91CD\u3001\u4ED6\u306E\u3059\u3079\u3066\u306E\u6210\u7E3E\u306E\u5E73\u5747\u3068\u3057\u3066\u8A08\u7B97\u3055\u308C\u307E\u3059\uFF08  " + _percent_ja_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " \u306E\u6BD4\u91CD\u3068\u3057\u3066\uFF09\u3002\u7D50\u679C\u304C1\u3064\u3060\u3051\u306E\u5834\u5408\u3001\u5358\u4E00\u306E\u30B9\u30B3\u30A2\u304C\u8FD4\u3055\u308C\u307E\u3059\u3002";
+      return "\u30DE\u30B9\u30BF\u30EA\u30FC\u306F\u6E1B\u8870\u5E73\u5747\u306B\u3088\u3063\u3066\u8A08\u7B97\u3055\u308C\u307E\u3059\u3002\u6700\u3082\u76F4\u8FD1\u306E\u8A08\u7B97\u306F\u3001 " + _percent_ja_number(scoringMethod.algorithm_data.decaying_average_percent) + " \u719F\u9054\u30B9\u30B3\u30A2\u306E\u6BD4\u91CD\u3001\u4ED6\u306E\u3059\u3079\u3066\u306E\u8A55\u5B9A\u306E\u5E73\u5747\u3068\u3057\u3066\u8A08\u7B97\u3055\u308C\u307E\u3059\uFF08  " + _percent_ja_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " \u306E\u6BD4\u91CD\u3068\u3057\u3066\uFF09\u3002\u7D50\u679C\u304C1\u3064\u3060\u3051\u306E\u5834\u5408\u3001\u5358\u4E00\u306E\u30B9\u30B3\u30A2\u304C\u8FD4\u3055\u308C\u307E\u3059\u3002";
 
     case 'n_mastery':
       return "\u719F\u9054\u30B9\u30B3\u30A2\u306F\u3001n\u56DE\u306E\u56DE\u6570\u3067\u8A08\u7B97\u3055\u308C\u307E\u3059\u3002\u719F\u9054\u30B9\u30B3\u30A2\u306F\u3001\u5C11\u306A\u304F\u3068\u3082 " + _default_ja_number(scoringMethod.algorithm_data.n_mastery_count) + " \u56DE\u3001\u9054\u6210\u3057\u306A\u3051\u308C\u3070\u306A\u308A\u307E\u305B\u3093\u3002\u719F\u9054\u30B9\u30B3\u30A2\u4EE5\u4E0A\u306E\u30B9\u30B3\u30A2\u306F\u3001\u6700\u7D42\u30B9\u30B3\u30A2\u3092\u8A08\u7B97\u3059\u308B\u305F\u3081\u306B\u5E73\u5747\u5316\u3055\u308C\u307E\u3059\u3002";

package/es/translated/ja/components/OutcomeView/ScoringTiers/index.js

@@ -73,7 +73,7 @@ var renderTier = function renderTier(scoringMethod, tier) {
     "data-automation": "outcomeView__masteryCount"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small"
-  }, _default_ja_number(tier.count) + " \u53D7\u8B1B\u751F")));
+  }, _default_ja_number(tier.count) + " \u53D7\u8B1B\u8005")));
 };
 
 var ScorePill = function ScorePill(_ref) {

package/es/translated/ja/components/OutcomeView/index.js

@@ -99,7 +99,7 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         "data-automation": "outcomeView__friendly_description_header"
       }, /*#__PURE__*/React.createElement(Text, {
         weight: "bold"
-      }, "Friendly Description")), /*#__PURE__*/React.createElement(View, {
+      }, "\u308F\u304B\u308A\u3084\u3059\u3044\u8AAC\u660E")), /*#__PURE__*/React.createElement(View, {
         as: "div",
         margin: "0 small 0 0",
         padding: "0 small small small",

package/es/translated/ja/components/OutcomeViewModal/index.js

@@ -35,7 +35,7 @@ var OutcomeViewModal = function OutcomeViewModal(props) {
     },
     transition: "fade",
     size: "fullscreen",
-    label: "\u7D50\u679C",
+    label: "\u30A2\u30A6\u30C8\u30AB\u30E0",
     zIndex: "9999",
     "data-automation": "outcomeView__modal"
   }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(CloseButton, {
@@ -49,7 +49,7 @@ var OutcomeViewModal = function OutcomeViewModal(props) {
   }, "\u9589\u3058\u308B"), /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Text, {
     size: "large",
     "data-automation": "outcomeView__header"
-  }, header || "\u7D50\u679C\u3092\u8868\u793A"))), /*#__PURE__*/React.createElement(ModalBody, {
+  }, header || "\u30A2\u30A6\u30C8\u30AB\u30E0\u3092\u8868\u793A"))), /*#__PURE__*/React.createElement(ModalBody, {
     padding: "none"
   }, /*#__PURE__*/React.createElement(Focusable, null, function (_ref) {
     var focusVisible = _ref.focusVisible;

package/es/translated/ja/components/OutcomesPerStudent/Header/index.js

@@ -85,7 +85,7 @@ var Header = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 =
         outcomeResult: outcomeResult,
         showRollups: showRollups
       })), /*#__PURE__*/React.createElement(OutcomeViewModal, {
-        header: "\u7D50\u679C\u306E\u8A73\u7D30",
+        header: "\u30A2\u30A6\u30C8\u30AB\u30E0\u306E\u8A73\u7D30",
         outcome: outcome,
         outcomeResult: outcomeResult,
         closeAlignment: closeReportAlignment,

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

@@ -185,7 +185,7 @@ var renderLoading = function renderLoading() {
 var noOutcomes = function noOutcomes() {
   return {
     heading: "\u8868\u793A\u3059\u308B\u30EC\u30DD\u30FC\u30C8\u306F\u3042\u308A\u307E\u305B\u3093",
-    message: "\u30A2\u30BB\u30B9\u30E1\u30F3\u30C8\u306B\u306F\u3001\u305D\u308C\u306B\u5408\u308F\u305B\u305F\u7D50\u679C\u306F\u3042\u308A\u307E\u305B\u3093\u3002\u7D50\u679C\u3092\u6574\u5217\u3059\u308B\u306B\u306F\u3001[\u30D3\u30EB\u30C9]\u30BF\u30D6\u306B\u79FB\u52D5\u3057\u307E\u3059\u3002",
+    message: "\u30A2\u30BB\u30B9\u30E1\u30F3\u30C8\u306B\u306F\u3001\u305D\u308C\u306B\u5408\u308F\u305B\u305F\u30A2\u30A6\u30C8\u30AB\u30E0\u306F\u3042\u308A\u307E\u305B\u3093\u3002\u30A2\u30A6\u30C8\u30AB\u30E0\u3092\u6574\u5217\u3059\u308B\u306B\u306F\u3001[\u30D3\u30EB\u30C9]\u30BF\u30D6\u306B\u79FB\u52D5\u3057\u307E\u3059\u3002",
     hero: /*#__PURE__*/React.createElement("span", {
       "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement(NoReport, null))
@@ -195,7 +195,7 @@ var noOutcomes = function noOutcomes() {
 var noStudents = function noStudents() {
   return {
     heading: "\u307E\u3060\u5C11\u3057\u65E9\u3044\u3088\u3046\u3067\u3059",
-    message: "\u53D7\u8B1B\u8005\u304C\u30A2\u30BB\u30B9\u30E1\u30F3\u30C8\u3092\u5B8C\u4E86\u3059\u308B\u307E\u3067\u3001\u6210\u7E3E\u7D50\u679C\u306F\u3053\u3053\u306B\u8868\u793A\u3055\u308C\u307E\u305B\u3093\u3002\u6570\u540D\u306E\u53D7\u8B1B\u751F\u304C\u30A2\u30BB\u30B9\u30E1\u30F3\u30C8\u3092\u5B8C\u4E86\u3057\u305F\u6642\u70B9\u3067\u3001\u518D\u3073\u3053\u3053\u3067\u30C1\u30A7\u30C3\u30AF\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    message: "\u53D7\u8B1B\u8005\u304C\u30A2\u30BB\u30B9\u30E1\u30F3\u30C8\u3092\u5B8C\u4E86\u3059\u308B\u307E\u3067\u3001\u8A55\u5B9A\u30A2\u30A6\u30C8\u30AB\u30E0\u306F\u3053\u3053\u306B\u8868\u793A\u3055\u308C\u307E\u305B\u3093\u3002\u6570\u540D\u306E\u53D7\u8B1B\u8005\u304C\u30A2\u30BB\u30B9\u30E1\u30F3\u30C8\u3092\u5B8C\u4E86\u3057\u305F\u6642\u70B9\u3067\u3001\u518D\u3073\u3053\u3053\u3067\u30C1\u30A7\u30C3\u30AF\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
     hero: /*#__PURE__*/React.createElement(Early, null)
   };
 };
@@ -203,7 +203,7 @@ var noStudents = function noStudents() {
 var renderCorner = function renderCorner(count) {
   var _s, _n;
 
-  var text = _default_ja_number(count) + " \u3064\u306E\u7D50\u679C\u304C\u6574\u5217\u3055\u308C\u307E\u3057\u305F";
+  var text = _default_ja_number(count) + " \u3064\u306E\u30A2\u30A6\u30C8\u30AB\u30E0\u304C\u6574\u5217\u3055\u308C\u307E\u3057\u305F";
   return /*#__PURE__*/React.createElement("div", {
     className: styles.corner,
     role: "columnheader",

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

@@ -56,8 +56,8 @@ var SearchInput = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         className: styles.search
       }, /*#__PURE__*/React.createElement(TextInput, {
         type: "search",
-        label: /*#__PURE__*/React.createElement(ScreenReaderContent, null, "\u691C\u7D22\u7D50\u679C"),
-        placeholder: "\u691C\u7D22\u7D50\u679C",
+        label: /*#__PURE__*/React.createElement(ScreenReaderContent, null, "\u691C\u7D22\u30A2\u30A6\u30C8\u30AB\u30E0"),
+        placeholder: "\u691C\u7D22\u30A2\u30A6\u30C8\u30AB\u30E0",
         value: searchText,
         onChange: onChange,
         size: "medium",

package/es/translated/ja/components/SearchResults/__tests__/index.test.js

@@ -33,7 +33,7 @@ describe('SearchResults', function () {
     });
     expect(wrapper.find('Spinner')).to.have.length(1);
   });
-  it('passes correct params to OutcomeCheckbox components', function () {
+  it('passes correct params to AlignmentItem components', function () {
     var props = makeProps();
     props.isSearchLoading = false;
     props.searchEntries = [{
@@ -44,7 +44,7 @@ describe('SearchResults', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(SearchResults, props), {
       disableLifecycleMethods: true
     });
-    var checkbox = wrapper.find('OutcomeCheckbox');
+    var checkbox = wrapper.find('AlignmentItem');
     expect(checkbox).to.have.length(1);
     expect(checkbox.prop('outcome')).to.eql({
       id: '2',

package/es/translated/ja/components/SearchResults/index.js

@@ -11,6 +11,7 @@ import { View } from '@instructure/ui-view';
 import { Spinner } from '@instructure/ui-spinner';
 import isEqual from 'lodash/isEqual';
 import OutcomeCheckbox from "../OutcomeCheckbox/index.js";
+import AlignmentItem from "../AlignmentItem/index.js";
 import Pagination from "../Pagination/index.js";
 export var RESULTS_PER_PAGE = 10;
 
@@ -51,6 +52,7 @@ var SearchResults = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = this.props,
           setFocusedOutcome = _this$props2.setFocusedOutcome,
           isOutcomeSelected = _this$props2.isOutcomeSelected,
+          isPicker = _this$props2.isPicker,
           selectOutcomeIds = _this$props2.selectOutcomeIds,
           deselectOutcomeIds = _this$props2.deselectOutcomeIds,
           searchEntries = _this$props2.searchEntries;
@@ -58,12 +60,18 @@ var SearchResults = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/React.createElement("div", {
           key: outcome.id,
           "data-automation": "searchResults__outcomeResult"
-        }, /*#__PURE__*/React.createElement(OutcomeCheckbox, {
+        }, isPicker ? /*#__PURE__*/React.createElement(OutcomeCheckbox, {
           outcome: outcome,
           setFocusedOutcome: setFocusedOutcome,
           isOutcomeSelected: isOutcomeSelected,
           selectOutcomeIds: selectOutcomeIds,
           deselectOutcomeIds: deselectOutcomeIds
+        }) : /*#__PURE__*/React.createElement(AlignmentItem, {
+          outcome: outcome,
+          isOutcomeSelected: isOutcomeSelected,
+          selectOutcomeIds: selectOutcomeIds,
+          deselectOutcomeIds: deselectOutcomeIds,
+          isTray: true
         }));
       });
     }
@@ -149,14 +157,17 @@ SearchResults.propTypes = {
   searchPage: PropTypes.number.isRequired,
   searchTotal: PropTypes.number,
   updateSearchPage: PropTypes.func.isRequired,
-  setFocusedOutcome: PropTypes.func.isRequired,
+  setFocusedOutcome: PropTypes.func,
   isOutcomeSelected: PropTypes.func.isRequired,
   selectOutcomeIds: PropTypes.func.isRequired,
   deselectOutcomeIds: PropTypes.func.isRequired,
-  screenreaderNotification: PropTypes.func
+  screenreaderNotification: PropTypes.func,
+  isPicker: PropTypes.bool
 };
 SearchResults.defaultProps = {
+  setFocusedOutcome: function setFocusedOutcome() {},
   screenreaderNotification: null,
-  searchTotal: null
+  searchTotal: null,
+  isPicker: false
 };
 export default SearchResults;

package/es/translated/ja/store/OutcomePicker/__tests__/actions.test.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _arguments = arguments;
 
 /* eslint-disable promise/always-return */
 import { expect } from 'chai';
@@ -188,7 +187,7 @@ describe('OutcomePicker/actions', function () {
     });
     it('fires an updateCallback function if provided', function () {
       var store = createMockStore(state);
-      var callback = sinon.stub().returns(_arguments);
+      var callback = sinon.stub();
       return store.dispatch(actions.saveOutcomePickerAlignments(callback)).then(function () {
         expect(callback.calledOnce).to.be.true;
         expect(callback.calledWith({

package/es/translated/ja/store/alignments/__tests__/actions.test.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _arguments = arguments;
 import { Map, fromJS } from 'immutable';
 import { expect } from 'chai';
 import sinon from 'sinon';
@@ -114,7 +113,7 @@ describe('alignments/actions', function () {
       }, {
         id: '2'
       }];
-      var callback = sinon.stub().returns(_arguments);
+      var callback = sinon.stub();
       var service = {
         getAlignments: sinon.stub().returns(Promise.resolve(alignments))
       };

package/es/translated/ja/store/context/actions.js

@@ -49,7 +49,7 @@ export var loadRootOutcomes = function loadRootOutcomes() {
         root: {
           id: 'root',
           title: "\u30DB\u30FC\u30E0",
-          description: "\u30DB\u30FC\u30E0\u30EC\u30D9\u30EB\u306E\u30B0\u30EB\u30FC\u30D7\u3068\u7D50\u679C",
+          description: "\u30DB\u30FC\u30E0\u30EC\u30D9\u30EB\u306E\u30B0\u30EB\u30FC\u30D7\u3068\u30A2\u30A6\u30C8\u30AB\u30E0",
           child_ids: json.root_ids.map(function (id) {
             return id.toString();
           })

package/es/translated/ja/store/context/selectors.js

@@ -76,7 +76,7 @@ export var getCollectionData = createSelector(getContextOutcomes, function (outc
   for (var _i = 0, _Object$keys = Object.keys(outcomes); _i < _Object$keys.length; _i++) {
     var id = _Object$keys[_i];
 
-    // eslint-disable-line no-restricted-syntax
+    // eslint-disable-line no-unused-vars
     if (!isCollectionId(outcomes, id)) {
       continue; // eslint-disable-line no-continue
     }
@@ -109,7 +109,7 @@ var getOutcomeText = function getOutcomeText(count) {
     return;
   }
 
-  return _default_ja_number(count) + " \u7D50\u679C";
+  return _default_ja_number(count) + " \u30A2\u30A6\u30C8\u30AB\u30E0";
 };
 
 export var getDescriptor = function getDescriptor(groupCount, outcomeCount) {

package/es/translated/mi/components/AlignmentButton/__tests__/index.test.js

@@ -39,20 +39,20 @@ describe('AlignmentButton', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()), {
       disableLifecycleMethods: true
     });
-    expect(wrapper.find('Button')).to.have.length(1);
+    expect(wrapper.find('Button[data-automation="alignmentButton__button"]')).to.have.length(1);
     expect(wrapper.find('AccessibleContent')).to.have.length(1);
   });
-  it('does not render an alignment button if readOnly is true', function () {
+  it('does not render an alignment button if canManageOutcomes is false', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps({
-      readOnly: true
+      canManageOutcomes: false
     })), {
       disableLifecycleMethods: true
     });
-    expect(wrapper.find('Button')).to.have.length(0);
+    expect(wrapper.find('Button[data-automation="alignmentButton__button"]')).to.have.length(0);
   });
-  it('does not render header if readOnly is true and no outcomes are aligned', function () {
+  it('does not render header if canManageOutcomes is false and no outcomes are aligned', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps({
-      readOnly: true,
+      canManageOutcomes: false,
       alignedOutcomes: []
     })), {
       disableLifecycleMethods: true
@@ -61,16 +61,45 @@ describe('AlignmentButton', function () {
     expect(wrapper.find('IconOutcomesLine')).to.have.length(0);
     expect(wrapper.find('AlignmentCount')).to.have.length(0);
   });
+  it('disables the expansion toggle button if no outcomes are aligned', function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps({
+      alignedOutcomes: []
+    })), {
+      disableLifecycleMethods: true
+    });
+    var buttonStyle = wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').props('style');
+    expect(buttonStyle.interaction).to.equal('disabled');
+  });
+  it('renders the alignment list collapsed by default', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
+    expect(wrapper.find('AlignmentItem')).to.have.length(0);
+  });
+  it('expansion toggle click is correctly handled', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
+    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
+    expect(wrapper.find('AlignmentItem')).to.have.length(3);
+    expect(wrapper.find('ScreenReaderContent').at(0).text()).to.eq('Collapse the list of aligned Outcomes');
+    expect(wrapper.find('IconArrowOpenDownLine')).to.have.length(1);
+  });
+  it('collapse toggle button click is correctly handled', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
+    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
+    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
+    expect(wrapper.find('AlignmentItem')).to.have.length(0);
+    expect(wrapper.find('ScreenReaderContent').at(0).text()).to.eq('Expand the list of aligned Outcomes');
+    expect(wrapper.find('IconArrowOpenEndLine')).to.have.length(1);
+  });
   it('calls openOutcomePicker when the button is pressed', function () {
     var props = makeProps();
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, props), {
       disableLifecycleMethods: true
     });
-    wrapper.find('Button').simulate('click');
+    wrapper.find('Button[data-automation="alignmentButton__button"]').simulate('click');
     expect(props.openOutcomePicker.calledOnce).to.be.true;
   });
   it('renders AlignmentItems for each aligned outcome', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
+    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
     expect(wrapper.find('AlignmentItem')).to.have.length(3);
   });
   it('renders an AlignmentCount object', function () {
@@ -84,6 +113,7 @@ describe('AlignmentButton', function () {
     it('calls the removeAlignment action with shouldUpdateArtifact equal to true', function () {
       var props = makeProps();
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, props));
+      wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
       var first = wrapper.find('AlignmentItem').at(0);
       var remove = first.prop('removeAlignment');
       var outcome = first.prop('outcome');
@@ -92,23 +122,19 @@ describe('AlignmentButton', function () {
     });
     it('focuses on the previous alignment when the second alignment deleted', function () {
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-      var first = wrapper.find('AlignmentItem').at(0);
+      wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
       var next = wrapper.find('AlignmentItem').at(1);
-      var focus = sinon.spy(first.instance(), 'focus');
       var remove = next.prop('removeAlignment');
       remove();
-      expect(focus.calledOnce).to.be.true;
-      expect(focus.calledWith()).to.be.true;
+      expect(wrapper.state().focusedItem).to.eq(0);
     });
     it('focuses on the next alignment when first alignment deleted', function () {
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
+      wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
       var first = wrapper.find('AlignmentItem').at(0);
-      var next = wrapper.find('AlignmentItem').at(1);
       var remove = first.prop('removeAlignment');
-      var focus = sinon.spy(next.instance(), 'focus');
       remove();
-      expect(focus.calledOnce).to.be.true;
-      expect(focus.calledWith()).to.be.true;
+      expect(wrapper.state().focusedItem).to.eq(1);
     });
   });
   describe('componentDidUpdate', function () {
@@ -121,12 +147,12 @@ describe('AlignmentButton', function () {
         }]
       };
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps(outcomes)));
-      var trigger = wrapper.find('button').last();
+      var trigger = wrapper.find('Button[data-automation="alignmentButton__button"]').last();
       var focus = sinon.spy(trigger.instance(), 'focus');
       wrapper.setProps({
         alignedOutcomes: []
       }, function () {
-        expect(wrapper.find('button')).to.have.length(1);
+        expect(wrapper.find('Button[data-automation="alignmentButton__button"]')).to.have.length(1);
         expect(focus.calledOnce).to.be.true;
         expect(focus.calledWith()).to.be.true;
         done();