@instructure/quiz-core 20.38.0 → 21.0.0

package/lib/common/components/resources/stimulus/StimulusShowInfo/index.js

@@ -27,7 +27,9 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(StimulusShowInfo, [{
     key: "render",
     value: function render() {
-      var instructions = this.props.stimulus.instructions && /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      var stimulus = this.props.stimulus;
+      var automationPrefix = stimulus.passage ? 'passage' : 'stimulus';
+      var instructions = stimulus.instructions && /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div",
         padding: "small",
         margin: "x-small 0 0 0",
@@ -46,10 +48,10 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         color: "primary",
         size: "small",
         weight: "bold"
-      }, this.props.stimulus.instructions))));
+      }, stimulus.instructions))));
       return /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div"
-      }, this.props.stimulus.title && /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      }, stimulus.title && /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h3",
         as: "h2",
         color: "primary",
@@ -57,8 +59,8 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         themeOverride: {
           h2FontWeight: '700'
         }
-      }, this.props.stimulus.title), instructions, /*#__PURE__*/_react.default.createElement("div", {
-        "data-automation": "sdk-stimulus-LeftPanelShow-content"
+      }, stimulus.title), instructions, /*#__PURE__*/_react.default.createElement("div", {
+        "data-automation": "sdk-".concat(automationPrefix, "-LeftPanelShow-content")
       }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         content: this.props.stimulus.body
       })));

package/lib/common/components/shared/PrintTrigger/presenter.js

@@ -16,7 +16,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiOverlays = require("@instructure/ui-overlays");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _Spinner = require("../spinner/Spinner.js");
-var _ElementsForSelectors = _interopRequireDefault(require("../../../util/ElementsForSelectors.js"));
 var _CustomPropTypes = _interopRequireDefault(require("../../../util/CustomPropTypes.js"));
 var _printUtils = require("../../../util/printUtils.js");
 var _index = _interopRequireDefault(require("../../PrintFontSizeModal/index.js"));
@@ -82,9 +81,6 @@ var PrintTrigger = /*#__PURE__*/function (_Component) {
       });
       _this.props.openPrintFontSizeModal();
     };
-    _this.applicationElement = function () {
-      return (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
     _this.onExited = function () {};
     _this.fontSize = '';
     return _this;
@@ -93,7 +89,6 @@ var PrintTrigger = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiOverlays.Overlay, {
-        applicationElement: this.applicationElement,
         open: this.state.waitingForPrintingToBeReady,
         shouldContainFocus: true,
         transition: "fade",

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

@@ -15,21 +15,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _OutcomesPerStudentReport = _interopRequireDefault(require("@instructure/outcomes-ui/es/containers/OutcomesPerStudentReport"));
 var _quizCommon = require("@instructure/quiz-common");
 var _CustomPropTypes = _interopRequireDefault(require("../../../../common/util/CustomPropTypes.js"));
-var _ElementsForSelectors = _interopRequireDefault(require("../../../../common/util/ElementsForSelectors.js"));
 var OutcomeAnalysis = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(OutcomeAnalysis, _Component);
   var _super = (0, _createSuper2.default)(OutcomeAnalysis);
   function OutcomeAnalysis() {
-    var _this;
     (0, _classCallCheck2.default)(this, OutcomeAnalysis);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.applicationElement = function () {
-      return (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
-    return _this;
+    return _super.apply(this, arguments);
   }
   (0, _createClass2.default)(OutcomeAnalysis, [{
     key: "render",
@@ -42,7 +33,6 @@ var OutcomeAnalysis = /*#__PURE__*/function (_Component) {
         loadUsersOverride = _this$props.loadUsersOverride,
         showRollups = _this$props.showRollups;
       return /*#__PURE__*/_react.default.createElement(_OutcomesPerStudentReport.default, {
-        applicationElement: this.applicationElement,
         artifactType: "quizzes.quiz",
         artifactId: quizId,
         contextUuid: contextUuid,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.38.0",
+  "version": "21.0.0",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -22,59 +22,53 @@
     "lib"
   ],
   "dependencies": {
-    "@instructure/emotion": "^8.56.3",
+    "@instructure/emotion": "^9.11.1",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "^20.38.0",
-    "@instructure/quiz-i18n": "^20.38.0",
-    "@instructure/quiz-interactions": "^20.38.0",
-    "@instructure/quiz-number-input": "^20.38.0",
-    "@instructure/quiz-rce": "^20.38.0",
-    "@instructure/ui-a11y-content": "^8.56.3",
-    "@instructure/ui-alerts": "^8.56.3",
-    "@instructure/ui-avatar": "^8.56.3",
-    "@instructure/ui-billboard": "^8.56.3",
-    "@instructure/ui-breadcrumb": "^8.56.3",
-    "@instructure/ui-buttons": "^8.56.3",
-    "@instructure/ui-checkbox": "^8.56.3",
-    "@instructure/ui-color-utils": "^8.56.3",
-    "@instructure/ui-dialog": "^8.56.3",
-    "@instructure/ui-drilldown": "^8.56.3",
-    "@instructure/ui-focusable": "^8.56.3",
-    "@instructure/ui-grid": "^8.56.3",
-    "@instructure/ui-heading": "^8.56.3",
-    "@instructure/ui-i18n": "^7.22.1",
-    "@instructure/ui-icons": "^8.56.3",
-    "@instructure/ui-img": "^8.56.3",
-    "@instructure/ui-link": "^8.56.3",
-    "@instructure/ui-list": "^8.56.3",
-    "@instructure/ui-menu": "^8.56.3",
-    "@instructure/ui-metric": "^8.56.3",
-    "@instructure/ui-modal": "^8.56.3",
-    "@instructure/ui-motion": "^8.56.3",
-    "@instructure/ui-number-input": "^8.56.3",
-    "@instructure/ui-overlays": "^8.56.3",
-    "@instructure/ui-pagination": "^8.56.3",
-    "@instructure/ui-popover": "^8.56.3",
-    "@instructure/ui-portal": "^8.56.3",
-    "@instructure/ui-progress": "^8.56.3",
-    "@instructure/ui-prop-types": "^8.56.3",
-    "@instructure/ui-radio-input": "^8.56.3",
-    "@instructure/ui-react-utils": "^8.56.3",
-    "@instructure/ui-select": "^8.56.3",
-    "@instructure/ui-spinner": "^8.56.3",
-    "@instructure/ui-table": "^8.56.3",
-    "@instructure/ui-tabs": "^8.56.3",
-    "@instructure/ui-tag": "^8.56.3",
-    "@instructure/ui-text": "^8.56.3",
-    "@instructure/ui-themes": "^8.56.3",
-    "@instructure/ui-toggle-details": "^8.56.3",
-    "@instructure/ui-tooltip": "^8.56.3",
-    "@instructure/ui-top-nav-bar": "^8.55.0",
-    "@instructure/ui-tray": "8.55.1",
-    "@instructure/ui-truncate-text": "^8.56.3",
-    "@instructure/ui-utils": "^8.56.3",
-    "@instructure/ui-view": "^8.56.3",
+    "@instructure/ui-a11y-content": "^9.11.1",
+    "@instructure/ui-alerts": "^9.11.1",
+    "@instructure/ui-avatar": "^9.11.1",
+    "@instructure/ui-billboard": "^9.11.1",
+    "@instructure/ui-breadcrumb": "^9.11.1",
+    "@instructure/ui-buttons": "^9.11.1",
+    "@instructure/ui-checkbox": "^9.11.1",
+    "@instructure/ui-color-utils": "^9.11.1",
+    "@instructure/ui-dialog": "^9.11.1",
+    "@instructure/ui-drilldown": "^9.11.1",
+    "@instructure/ui-focusable": "^9.11.1",
+    "@instructure/ui-grid": "^9.11.1",
+    "@instructure/ui-heading": "^9.11.1",
+    "@instructure/ui-i18n": "^9.11.1",
+    "@instructure/ui-icons": "^9.11.1",
+    "@instructure/ui-img": "^9.11.1",
+    "@instructure/ui-link": "^9.11.1",
+    "@instructure/ui-list": "^9.11.1",
+    "@instructure/ui-menu": "^9.11.1",
+    "@instructure/ui-metric": "^9.11.1",
+    "@instructure/ui-modal": "^9.11.1",
+    "@instructure/ui-motion": "^9.11.1",
+    "@instructure/ui-number-input": "^9.11.1",
+    "@instructure/ui-overlays": "^9.11.1",
+    "@instructure/ui-pagination": "^9.11.1",
+    "@instructure/ui-popover": "^9.11.1",
+    "@instructure/ui-portal": "^9.11.1",
+    "@instructure/ui-progress": "^9.11.1",
+    "@instructure/ui-prop-types": "^9.11.1",
+    "@instructure/ui-radio-input": "^9.11.1",
+    "@instructure/ui-react-utils": "^9.11.1",
+    "@instructure/ui-select": "^9.11.1",
+    "@instructure/ui-spinner": "^9.11.1",
+    "@instructure/ui-table": "^9.11.1",
+    "@instructure/ui-tabs": "^9.11.1",
+    "@instructure/ui-tag": "^9.11.1",
+    "@instructure/ui-text": "^9.11.1",
+    "@instructure/ui-themes": "^9.11.1",
+    "@instructure/ui-toggle-details": "^9.11.1",
+    "@instructure/ui-tooltip": "^9.11.1",
+    "@instructure/ui-top-nav-bar": "^9.11.1",
+    "@instructure/ui-tray": "9.11.1",
+    "@instructure/ui-truncate-text": "^9.11.1",
+    "@instructure/ui-view": "^9.11.1",
     "aws-sdk": "^2.3.2",
     "aws4fetch": "^1.0.20",
     "classnames": "^2.2.5",
@@ -89,7 +83,6 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.38.0",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -117,11 +110,16 @@
     "scriptjs": "^2.5.8",
     "store": "^1.3.20",
     "striptags": "^2.0.0",
-    "uuid": "^3.2.1"
+    "uuid": "^3.2.1",
+    "@instructure/quiz-common": "21.0.0",
+    "@instructure/quiz-interactions": "21.0.0",
+    "@instructure/quiz-i18n": "21.0.0",
+    "@instructure/quiz-rce": "21.0.0",
+    "instructure-validations": "21.0.0",
+    "@instructure/quiz-number-input": "21.0.0"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^20.35.0",
-    "@instructure/ui-axe-check": "^8.56.3",
+    "@instructure/ui-axe-check": "^9.11.1",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-test-utils": "^7.22.1",
     "@testing-library/react": "^12.1.5",
@@ -139,7 +137,6 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.38.0",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -147,7 +144,9 @@
     "redux-mock-store": "^1.3.0",
     "request": "^2.74.0",
     "sinon": "^6.1.3",
-    "sinon-chai": "^3.3.0"
+    "sinon-chai": "^3.3.0",
+    "@instructure/quiz-scripts": "21.0.0",
+    "quiz-presets": "21.0.0"
   },
   "peerDependencies": {
     "react": "^15 || ^16"

package/es/banks/components/CreateBankModal/styles.js

@@ -1,15 +0,0 @@
-var generateStyle = function generateStyle(componentTheme) {
-  return {
-    bankNameInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.bankNameInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      padding: componentTheme.bankNamePadding
-    },
-    bankNameLabel: {
-      padding: componentTheme.bankNameLabelPadding
-    }
-  };
-};
-export default generateStyle;

package/es/banks/components/CreateBankModal/theme.js

@@ -1,10 +0,0 @@
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var typography = _ref.typography,
-    spacing = _ref.spacing;
-  return {
-    bankNameInputFontSize: typography.fontSizeMedium,
-    bankNamePadding: spacing.xSmall,
-    bankNameLabelPadding: spacing.xSmall
-  };
-};
-export default generateComponentTheme;

package/es/banks/components/EditBankModal/styles.js

@@ -1,12 +0,0 @@
-var generateStyle = function generateStyle(componentTheme) {
-  return {
-    bankNameInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.bankNameInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      padding: "0 ".concat(componentTheme.bankNameInputFontSize)
-    }
-  };
-};
-export default generateStyle;

package/es/banks/components/EditBankModal/theme.js

@@ -1,9 +0,0 @@
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var typography = _ref.typography,
-    spacing = _ref.spacing;
-  return {
-    bankNameInputFontSize: typography.fontSizeMedium,
-    bankNameInputPadding: spacing.xSmall
-  };
-};
-export default generateComponentTheme;

package/es/common/components/layout/navbar/SecondaryNavBarButton/styles.js

@@ -1,9 +0,0 @@
-var generateStyle = function generateStyle(componentTheme) {
-  return {
-    textColor: componentTheme.textColor,
-    backgroundColor: componentTheme.backgroundColor,
-    backgroundHoverColor: componentTheme.backgroundHoverColor,
-    borderColor: componentTheme.borderColor
-  };
-};
-export default generateStyle;

package/es/common/components/layout/navbar/SecondaryNavBarButton/theme.js

@@ -1,10 +0,0 @@
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors;
-  return {
-    textColor: '#000',
-    backgroundColor: colors.porcelain,
-    backgroundHoverColor: '#d8d8d8',
-    borderColor: '#d8d8d8'
-  };
-};
-export default generateComponentTheme;

package/lib/banks/components/CreateBankModal/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var generateStyle = function generateStyle(componentTheme) {
-  return {
-    bankNameInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.bankNameInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      padding: componentTheme.bankNamePadding
-    },
-    bankNameLabel: {
-      padding: componentTheme.bankNameLabelPadding
-    }
-  };
-};
-var _default = generateStyle;
-exports.default = _default;

package/lib/banks/components/CreateBankModal/theme.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var typography = _ref.typography,
-    spacing = _ref.spacing;
-  return {
-    bankNameInputFontSize: typography.fontSizeMedium,
-    bankNamePadding: spacing.xSmall,
-    bankNameLabelPadding: spacing.xSmall
-  };
-};
-var _default = generateComponentTheme;
-exports.default = _default;

package/lib/banks/components/EditBankModal/styles.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var generateStyle = function generateStyle(componentTheme) {
-  return {
-    bankNameInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.bankNameInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      padding: "0 ".concat(componentTheme.bankNameInputFontSize)
-    }
-  };
-};
-var _default = generateStyle;
-exports.default = _default;

package/lib/banks/components/EditBankModal/theme.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var typography = _ref.typography,
-    spacing = _ref.spacing;
-  return {
-    bankNameInputFontSize: typography.fontSizeMedium,
-    bankNameInputPadding: spacing.xSmall
-  };
-};
-var _default = generateComponentTheme;
-exports.default = _default;

package/lib/common/components/layout/navbar/SecondaryNavBarButton/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var generateStyle = function generateStyle(componentTheme) {
-  return {
-    textColor: componentTheme.textColor,
-    backgroundColor: componentTheme.backgroundColor,
-    backgroundHoverColor: componentTheme.backgroundHoverColor,
-    borderColor: componentTheme.borderColor
-  };
-};
-var _default = generateStyle;
-exports.default = _default;

package/lib/common/components/layout/navbar/SecondaryNavBarButton/theme.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors;
-  return {
-    textColor: '#000',
-    backgroundColor: colors.porcelain,
-    backgroundHoverColor: '#d8d8d8',
-    borderColor: '#d8d8d8'
-  };
-};
-var _default = generateComponentTheme;
-exports.default = _default;