@instructure/quiz-core 20.5.1 → 20.5.2-rc.1

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -25,7 +23,7 @@ var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-p
 
 var _uiHeading = require("@instructure/ui-heading");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
@@ -37,20 +35,13 @@ var _index2 = _interopRequireDefault(require("../ResultStimulus/index.js"));
 
 var _generateDisplayPositions = _interopRequireDefault(require("../../../../util/generateDisplayPositions.js"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'tONnG',
-  template: function template(theme) {
-    return "\n\n.tONnG_fnuh{margin:".concat(theme.sessionItemResultsListHeaderWrapperMarginTopBottom || 'inherit', " ").concat(theme.sessionItemResultsListHeaderWrapperMarginLeftRight || 'inherit', ";text-align:left}\n\n[dir=ltr] .tONnG_fnuh,[dir=rtl] .tONnG_fnuh{text-align:left}\n\n.tONnG_crKU{font-size:").concat(theme.sessionItemResultsListHeaderFontSize || 'inherit', "}\n\n.tONnG_cMxE{border-bottom:solid ").concat(theme.sessionItemResultsListBorderWidth || 'inherit', " ").concat(theme.sessionItemResultsListBorderColor || 'inherit', ";margin-top:").concat(theme.sessionItemResultsListMargin || 'inherit', "}");
-  },
-  'sessionItemResultsListHeaderWrapper': 'tONnG_fnuh',
-  'sessionItemResultsListHeader': 'tONnG_crKU',
-  'sessionItemResultsList': 'tONnG_cMxE'
-};
-var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var SessionItemResultsList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SessionItemResultsList, _Component);
 
   var _super = (0, _createSuper2.default)(SessionItemResultsList);
@@ -67,7 +58,7 @@ var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default,
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.renderSessionItem = function (sessionItem, shouldRenderTopBorder) {
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
+      return (0, _emotion.jsx)(_index.default, {
         appContainer: _this.props.appContainer,
         key: sessionItem.id,
         restrictQuantitativeData: _this.props.restrictQuantitativeData,
@@ -90,7 +81,7 @@ var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default,
     key: "renderItem",
     value: function renderItem(sessionItem) {
       if (sessionItem.isStimulus) {
-        return /*#__PURE__*/_react.default.createElement(_index2.default, {
+        return (0, _emotion.jsx)(_index2.default, {
           key: sessionItem.id,
           renderItem: this.renderSessionItem,
           stimulus: sessionItem.stimulusRecord,
@@ -103,15 +94,15 @@ var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default,
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.sessionItemResultsListHeaderWrapper
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.sessionItemResultsListHeader,
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
+        css: this.props.styles.sessionItemResultsListHeaderWrapper
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.sessionItemResultsListHeader,
         "data-automation": "sdk-session-item-results-list-header"
-      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h2"
-      }, (0, _formatMessage.default)('Your Answers:')))), /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.sessionItemResultsList
+      }, (0, _formatMessage.default)('Your Answers:')))), (0, _emotion.jsx)("div", {
+        css: this.props.styles.sessionItemResultsList
       }, this.renderItems()));
     }
   }]);
@@ -120,7 +111,9 @@ var SessionItemResultsList = (_dec = (0, _uiThemeable.themeable)(_theme.default,
 }(_react.Component), _class2.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   restrictQuantitativeData: _propTypes.default.bool,
-  sessionItems: _reactImmutableProptypes.default.list.isRequired
+  sessionItems: _reactImmutableProptypes.default.list.isRequired,
+  // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   restrictQuantitativeData: false
 }, _temp)) || _class);

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    sessionItemResultsListHeaderWrapper: {
+      textAlign: 'left',
+      margin: "".concat(componentTheme.sessionItemResultsListHeaderWrapperMarginTopBottom, " ").concat(componentTheme.sessionItemResultsListHeaderWrapperMarginLeftRight)
+    },
+    sessionItemResultsListHeader: {
+      fontSize: componentTheme.sessionItemResultsListHeaderFontSize
+    },
+    sessionItemResultsList: {
+      marginTop: componentTheme.sessionItemResultsListMargin,
+      borderBottom: "solid ".concat(componentTheme.sessionItemResultsListBorderWidth, " ").concat(componentTheme.sessionItemResultsListBorderColor)
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       typography = _ref.typography,
       colors = _ref.colors,
@@ -18,4 +18,7 @@ function generator(_ref) {
     sessionItemResultsListBorderColor: colors.tiara,
     sessionItemResultsListBorderWidth: borders.widthSmall
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.5.1",
+  "version": "20.5.2-rc.1+11751d78e",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.1.0",
-    "@instructure/quiz-common": "^20.5.1",
-    "@instructure/quiz-i18n": "^20.5.1",
-    "@instructure/quiz-interactions": "^20.5.1",
-    "@instructure/quiz-number-input": "^20.5.1",
-    "@instructure/quiz-rce": "^20.5.1",
+    "@instructure/quiz-common": "20.5.2-rc.1+11751d78e",
+    "@instructure/quiz-i18n": "20.5.2-rc.1+11751d78e",
+    "@instructure/quiz-interactions": "20.5.2-rc.1+11751d78e",
+    "@instructure/quiz-number-input": "20.5.2-rc.1+11751d78e",
+    "@instructure/quiz-rce": "20.5.2-rc.1+11751d78e",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.5.1",
+    "instructure-validations": "20.5.2-rc.1+11751d78e",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -143,7 +143,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^20.5.1",
+    "@instructure/quiz-scripts": "20.5.1",
     "@instructure/ui-axe-check": "^8.51.0",
     "@instructure/ui-babel-preset": "^7.22.1",
     "@instructure/ui-karma-config": "^7.22.1",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.5.1",
+    "quiz-presets": "20.5.2-rc.1+11751d78e",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "63afb497503b53fc268761fa152963d21581eea4"
+  "gitHead": "11751d78ef200ab5a86cdd3641c9fd3def4869c3"
 }