@instructure/quiz-core 18.9.0 → 18.9.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [18.9.1](https://gerrit.instructure.com/quizzes-ui/compare/v18.9.0...v18.9.1) (2023-12-04)
+
+
+### Bug Fixes
+
+* **removeConstantFromTranslation:** remove constant from categorization type translation ([72b5dcb](https://gerrit.instructure.com/quizzes-ui/commits/72b5dcb275f2e5db0a5e2bf0f0ddfb5419497a16))
+* **Reports:** improve mobile view layout ([2169b2e](https://gerrit.instructure.com/quizzes-ui/commits/2169b2e0115bea53dd02219956a2ffdd131a1179))
+
+
+
+
+
 # [18.9.0](https://gerrit.instructure.com/quizzes-ui/compare/v18.8.0...v18.9.0) (2023-12-04)
 
 

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/CategorizationType.js

@@ -11,7 +11,6 @@ import { AfsPartsContainer } from "../shared/AfsPartsContainer/presenter.js";
 import MatchingTypeTable from "./MatchingTypeTable/index.js";
 import AggregationTable from "../shared/AggregationTable/index.js";
 var distractorKey = 'distractor';
-var distractorTranslation = t('Distractors');
 export var CategorizationType = /*#__PURE__*/function (_Component) {
   _inherits(CategorizationType, _Component);
 
@@ -36,7 +35,7 @@ export var CategorizationType = /*#__PURE__*/function (_Component) {
           if (distractorKey === answerKey) {
             var detail = answerSummaryCopy.questions[questionKey].answers[answerKey];
             answerSummaryCopy.questions[questionKey].answers[answerKey] = _objectSpread(_objectSpread({}, detail), {}, {
-              body: distractorTranslation
+              body: t('Distractors')
             });
           }
         });

package/es/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -2,6 +2,9 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 import React, { Component } from 'react';
 import { Heading } from '@instructure/ui-heading';
 import NewItemAnalysis from "./NewItemAnalysis/index.js";
@@ -21,6 +24,15 @@ import errorImage from './downForRepair.svg';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { csvFormat } from "./exportFormats.js";
 import { ExportButton } from "./ExportButton/index.js";
+import { themeable } from '@instructure/ui-themeable';
+var styles = {
+  componentId: 'edRct',
+  template: function template(theme) {
+    return "\n\n.edRct_bJHk{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:".concat(theme.headerButtonsGap || 'inherit', ";justify-content:flex-end}");
+  },
+  'headerButtonsContainer': 'edRct_bJHk'
+};
+import theme from "./theme.js";
 
 var _ref = /*#__PURE__*/React.createElement(Flex.Item, {
   align: "center"
@@ -29,7 +41,7 @@ var _ref = /*#__PURE__*/React.createElement(Flex.Item, {
   alt: ""
 })));
 
-export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
+export var NewQuizAndItemAnalysisPresenter = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAndItemAnalysisPresenter, _Component);
 
   var _super = _createSuper(NewQuizAndItemAnalysisPresenter);
@@ -136,18 +148,20 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
       var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/React.createElement(Flex, {
         alignItems: "center",
-        justifyItems: "space-between",
+        justifyItems: "end",
         width: "auto",
         direction: "row",
         wrap: "wrap-reverse"
       }, /*#__PURE__*/React.createElement(Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), exportEnabled && /*#__PURE__*/React.createElement(Flex.Item, {
-        margin: "0 small 0 auto"
+      }, _this.renderUpdateDateWithError()), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement("div", {
+        className: styles.headerButtonsContainer
+      }, exportEnabled && /*#__PURE__*/React.createElement(Flex.Item, {
+        margin: "0 0 0 auto"
       }, _this.renderExport()), /*#__PURE__*/React.createElement(Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderGenerationButton()));
+      }, _this.renderGenerationButton()))));
     };
 
     _this.renderExport = function () {
@@ -178,7 +192,9 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
         width: "auto",
         margin: "0 auto small 0",
         direction: "row"
-      }, /*#__PURE__*/React.createElement(Flex.Item, null, _this.renderHeader()), /*#__PURE__*/React.createElement(Flex.Item, null, _this.renderRightSide()));
+      }, /*#__PURE__*/React.createElement(Flex.Item, null, _this.renderHeader()), /*#__PURE__*/React.createElement(Flex.Item, {
+        margin: "0 0 0 auto"
+      }, _this.renderRightSide()));
     };
 
     _this.renderTopOnSuccessfulFetch = function () {
@@ -188,13 +204,12 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
     _this.renderTopOnFailedFetch = function () {
       var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/React.createElement(Flex, {
+        direction: "row",
         justifyItems: "end",
         wrap: "wrap",
         width: "auto",
-        margin: "auto",
-        direction: "row"
+        margin: "auto"
       }, exportEnabled && /*#__PURE__*/React.createElement(Flex.Item, {
-        margin: "small",
         overflowY: "visible"
       }, _this.renderExport()), /*#__PURE__*/React.createElement(Flex.Item, {
         overflowY: "visible"
@@ -279,8 +294,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component)
 
   NewQuizAndItemAnalysisPresenter.displayName = "NewQuizAndItemAnalysisPresenter";
   return NewQuizAndItemAnalysisPresenter;
-}(Component);
-NewQuizAndItemAnalysisPresenter.propTypes = {
+}(Component), _class2.propTypes = {
   quizAnalysis: quizAnalysisPropType,
   itemAnalyses: PropTypes.arrayOf(itemAnalysisPropType),
   fetchInProgress: PropTypes.bool.isRequired,
@@ -290,10 +304,9 @@ NewQuizAndItemAnalysisPresenter.propTypes = {
   generateReports: PropTypes.func.isRequired,
   exportReports: PropTypes.func.isRequired,
   exportEnabled: PropTypes.bool.isRequired
-};
-NewQuizAndItemAnalysisPresenter.defaultProps = {
+}, _class2.defaultProps = {
   analysisError: void 0,
   quizAnalysis: void 0,
   itemAnalyses: void 0
-};
+}, _temp)) || _class);
 export default NewQuizAndItemAnalysisPresenter;

package/es/reporting/components/resources/NewQuizAndItemAnalysis/theme.js

@@ -0,0 +1,6 @@
+export default function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    headerButtonsGap: spacing.small
+  };
+}

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/CategorizationType.js

@@ -34,7 +34,6 @@ var _index2 = _interopRequireDefault(require("./MatchingTypeTable/index.js"));
 var _index3 = _interopRequireDefault(require("../shared/AggregationTable/index.js"));
 
 var distractorKey = 'distractor';
-var distractorTranslation = (0, _formatMessage.default)('Distractors');
 
 var CategorizationType = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CategorizationType, _Component);
@@ -59,7 +58,7 @@ var CategorizationType = /*#__PURE__*/function (_Component) {
           if (distractorKey === answerKey) {
             var detail = answerSummaryCopy.questions[questionKey].answers[answerKey];
             answerSummaryCopy.questions[questionKey].answers[answerKey] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, detail), {}, {
-              body: distractorTranslation
+              body: (0, _formatMessage.default)('Distractors')
             });
           }
         });

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -55,6 +55,20 @@ var _exportFormats = require("./exportFormats.js");
 
 var _index4 = require("./ExportButton/index.js");
 
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'edRct',
+  template: function template(theme) {
+    return "\n\n.edRct_bJHk{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:".concat(theme.headerButtonsGap || 'inherit', ";justify-content:flex-end}");
+  },
+  'headerButtonsContainer': 'edRct_bJHk'
+};
+
 var _ref = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
   align: "center"
 }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement(_uiImg.Img, {
@@ -62,7 +76,7 @@ var _ref = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
   alt: ""
 })));
 
-var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
+var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewQuizAndItemAnalysisPresenter, _Component);
 
   var _super = (0, _createSuper2.default)(NewQuizAndItemAnalysisPresenter);
@@ -169,18 +183,20 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
       var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         alignItems: "center",
-        justifyItems: "space-between",
+        justifyItems: "end",
         width: "auto",
         direction: "row",
         wrap: "wrap-reverse"
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
-        margin: "0 small 0 auto"
+      }, _this.renderUpdateDateWithError()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.headerButtonsContainer
+      }, exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        margin: "0 0 0 auto"
       }, _this.renderExport()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderGenerationButton()));
+      }, _this.renderGenerationButton()))));
     };
 
     _this.renderExport = function () {
@@ -211,7 +227,9 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
         width: "auto",
         margin: "0 auto small 0",
         direction: "row"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, _this.renderHeader()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, _this.renderRightSide()));
+      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, _this.renderHeader()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+        margin: "0 0 0 auto"
+      }, _this.renderRightSide()));
     };
 
     _this.renderTopOnSuccessfulFetch = function () {
@@ -221,13 +239,12 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
     _this.renderTopOnFailedFetch = function () {
       var exportEnabled = _this.props.exportEnabled;
       return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+        direction: "row",
         justifyItems: "end",
         wrap: "wrap",
         width: "auto",
-        margin: "auto",
-        direction: "row"
+        margin: "auto"
       }, exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
-        margin: "small",
         overflowY: "visible"
       }, _this.renderExport()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
         overflowY: "visible"
@@ -311,10 +328,7 @@ var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/function (_Component) {
   }]);
   NewQuizAndItemAnalysisPresenter.displayName = "NewQuizAndItemAnalysisPresenter";
   return NewQuizAndItemAnalysisPresenter;
-}(_react.Component);
-
-exports.NewQuizAndItemAnalysisPresenter = NewQuizAndItemAnalysisPresenter;
-NewQuizAndItemAnalysisPresenter.propTypes = {
+}(_react.Component), _class2.propTypes = {
   quizAnalysis: _propTypes.quizAnalysisPropType,
   itemAnalyses: _propTypes2.default.arrayOf(_propTypes.itemAnalysisPropType),
   fetchInProgress: _propTypes2.default.bool.isRequired,
@@ -324,11 +338,11 @@ NewQuizAndItemAnalysisPresenter.propTypes = {
   generateReports: _propTypes2.default.func.isRequired,
   exportReports: _propTypes2.default.func.isRequired,
   exportEnabled: _propTypes2.default.bool.isRequired
-};
-NewQuizAndItemAnalysisPresenter.defaultProps = {
+}, _class2.defaultProps = {
   analysisError: void 0,
   quizAnalysis: void 0,
   itemAnalyses: void 0
-};
+}, _temp)) || _class);
+exports.NewQuizAndItemAnalysisPresenter = NewQuizAndItemAnalysisPresenter;
 var _default = NewQuizAndItemAnalysisPresenter;
 exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/theme.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    headerButtonsGap: spacing.small
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "18.9.0",
+  "version": "18.9.1",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -43,11 +43,11 @@
   "dependencies": {
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^2.1.9",
-    "@instructure/quiz-common": "^18.9.0",
-    "@instructure/quiz-i18n": "^18.9.0",
-    "@instructure/quiz-interactions": "^18.9.0",
-    "@instructure/quiz-number-input": "^18.9.0",
-    "@instructure/quiz-rce": "^18.9.0",
+    "@instructure/quiz-common": "^18.9.1",
+    "@instructure/quiz-i18n": "^18.9.1",
+    "@instructure/quiz-interactions": "^18.9.1",
+    "@instructure/quiz-number-input": "^18.9.1",
+    "@instructure/quiz-rce": "^18.9.1",
     "@instructure/ui-a11y-content": "^7.22.1",
     "@instructure/ui-alerts": "^7.22.1",
     "@instructure/ui-avatar": "^7.22.1",
@@ -109,7 +109,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^18.9.0",
+    "instructure-validations": "^18.9.1",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -141,7 +141,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^18.9.0",
+    "@instructure/quiz-scripts": "^18.9.1",
     "@instructure/ui-axe-check": "^7.22.1",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -160,7 +160,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^18.9.0",
+    "quiz-presets": "^18.9.1",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -176,5 +176,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bb071c18ac5b65f10edcbaac0a447a8cb0f3f793"
+  "gitHead": "3d7fa636537b86fcd93f731c9487add6ae1dbfc8"
 }