@instructure/quiz-core 20.9.1-rc.4 → 20.9.1-rc.6

package/lib/common/components/layout/header/HeaderMenuButton/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 breakpoints = _ref.breakpoints,
       colors = _ref.colors,
       typography = _ref.typography;
@@ -15,4 +15,7 @@ function generator(_ref) {
     menuButtonColor: colors.licorice,
     menuButtonHoverOpacity: '0.6'
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Summary/presenter.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,34 +15,25 @@ 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"));
 
 var _uiText = require("@instructure/ui-text");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _presenter = require("../presenter.js");
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'dhBxf',
-  template: function template(theme) {
-    return "\n\n.dhBxf_cltt{flex-grow:2}\n\n.dhBxf_eXht{flex-grow:1;text-align:right}\n\n[dir=ltr] .dhBxf_eXht,[dir=rtl] .dhBxf_eXht{text-align:right}\n\n.dhBxf_flYR{flex-grow:1}\n\n.dhBxf_dMbU{border:dotted ".concat(theme.itemContainerBorderWidth || 'inherit', ";border-color:").concat(theme.itemContainerBorderColor || 'inherit', ";color:").concat(theme.itemContainerColor || 'inherit', ";display:flex;padding:").concat(theme.itemContainerPadding || 'inherit', ";width:100%}\n\n.dhBxf_doNn{display:flex;flex-grow:1;margin:").concat(theme.summaryMargin || 'inherit', ";margin-left:").concat(theme.summaryMarginLeft || 'inherit', "}");
-  },
-  'middleSection': 'dhBxf_cltt',
-  'endSection': 'dhBxf_eXht',
-  'questionCount': 'dhBxf_flYR',
-  'itemsContainer': 'dhBxf_dMbU',
-  'summary': 'dhBxf_doNn'
-};
-var Summary = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Summary, _Component);
 
   var _super = (0, _createSuper2.default)(Summary);
@@ -121,7 +110,7 @@ var Summary = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
           isShowingItems = _this$props2.isShowingItems;
 
       if (!isDragging) {
-        return /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        return (0, _emotion.jsx)(_uiText.Text, {
           size: "small",
           weight: "light"
         }, isShowingItems ? (0, _formatMessage.default)('Collapse') : (0, _formatMessage.default)('Expand'));
@@ -137,26 +126,29 @@ var Summary = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
       }
 
       var id = "stimulus-summary-content-".concat(this.props.stimulusId);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         role: "button",
         tabIndex: "0",
         "aria-expanded": this.props.isShowingItems,
         "aria-controls": id,
-        className: styles.summary,
+        "data-testid": "summary",
+        css: this.props.styles.summary,
         onClick: this.handleShowItems,
         onKeyDown: this.handleKeyDown
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _emotion.jsx)("div", {
         id: id,
-        className: styles.itemsContainer
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.questionCount
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        css: this.props.styles.itemsContainer,
+        "data-testid": "items-container"
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.questionCount,
+        "data-testid": "question-count"
+      }, (0, _emotion.jsx)(_uiText.Text, {
         size: "small",
         weight: "light"
-      }, this.getCountText())), /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.middleSection
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.endSection
+      }, this.getCountText())), (0, _emotion.jsx)("div", {
+        css: this.props.styles.middleSection
+      }), (0, _emotion.jsx)("div", {
+        css: this.props.styles.endSection
       }, this.renderEndSectionContent())));
     }
   }]);
@@ -172,7 +164,8 @@ var Summary = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
   isShowingItems: _propTypes.default.bool,
   stimulusId: _propTypes.default.string.isRequired,
   // from connected component
-  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired
+  setSidebarStimulusIsShowing: _propTypes.default.func.isRequired,
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
   isDragging: false,
   isShowingItems: false

package/lib/common/components/layout/sidebar/Stimulus/Summary/styles.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    middleSection: {
+      flexGrow: '2'
+    },
+    endSection: {
+      flexGrow: '1',
+      textAlign: 'right'
+    },
+    questionCount: {
+      flexGrow: '1'
+    },
+    itemsContainer: {
+      color: componentTheme.itemContainerColor,
+      display: 'flex',
+      width: '100%',
+      padding: componentTheme.itemContainerPadding,
+      border: "dotted ".concat(componentTheme.itemContainerBorderWidth),
+      borderColor: componentTheme.itemContainerBorderColor
+    },
+    summary: {
+      margin: componentTheme.summaryMargin,
+      marginLeft: componentTheme.summaryMarginLeft,
+      display: 'flex',
+      flexGrow: '1'
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/layout/sidebar/Stimulus/Summary/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 colors = _ref.colors,
       spacing = _ref.spacing,
       borders = _ref.borders;
@@ -17,4 +17,7 @@ function generator(_ref) {
     summaryMargin: spacing.small,
     summaryMarginLeft: spacing.medium
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/reducers/ui.js

@@ -29,7 +29,7 @@ var _default = function _default() {
       return state.mergeDeepIn([action.payload.key], action.payload.value);
 
     case _quizCommon.SET_UI:
-      return state.set(action.payload.key, action.payload.value);
+      return state.setIn([action.payload.key].flat(), action.payload.value);
 
     case _quizCommon.TOGGLE_UI:
       return toggle(state, action.payload);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.9.1-rc.4+fe2d0e926",
+  "version": "20.9.1-rc.6+20c0e2073",
   "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.9.1-rc.4+fe2d0e926",
-    "@instructure/quiz-i18n": "20.9.1-rc.4+fe2d0e926",
-    "@instructure/quiz-interactions": "20.9.1-rc.4+fe2d0e926",
-    "@instructure/quiz-number-input": "20.9.1-rc.4+fe2d0e926",
-    "@instructure/quiz-rce": "20.9.1-rc.4+fe2d0e926",
+    "@instructure/quiz-common": "20.9.1-rc.6+20c0e2073",
+    "@instructure/quiz-i18n": "20.9.1-rc.6+20c0e2073",
+    "@instructure/quiz-interactions": "20.9.1-rc.6+20c0e2073",
+    "@instructure/quiz-number-input": "20.9.1-rc.6+20c0e2073",
+    "@instructure/quiz-rce": "20.9.1-rc.6+20c0e2073",
     "@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.9.1-rc.4+fe2d0e926",
+    "instructure-validations": "20.9.1-rc.6+20c0e2073",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.9.1-rc.4+fe2d0e926",
+    "quiz-presets": "20.9.1-rc.6+20c0e2073",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fe2d0e92627e0007ea9061b9a804f68a2d1fcecc"
+  "gitHead": "20c0e2073b0f835529113e082eadb37f25b68d8a"
 }