@pie-element/explicit-constructed-response 6.9.1-next.16 → 6.9.1-next.18

package/configure/package.json

@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.12.3",
+    "@pie-lib/pie-toolbox": "1.13.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.12.3",
+    "@pie-lib/pie-toolbox": "1.13.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/element.js

@@ -125157,6 +125157,7 @@ const require$$9 = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8);
   var _propTypes = _interopRequireDefault(require$$9);
   var _Select = _interopRequireDefault(Select$2);
+  var _InputLabel = _interopRequireDefault(InputLabel$2);
   var _MenuItem = _interopRequireDefault(MenuItem$2);
   var _correctInput = _interopRequireDefault(correctInput);
   var _styles = styles$s;
@@ -125213,9 +125214,16 @@ const require$$9 = _dll_prop_types;
     (0, _createClass2["default"])(Dropdown, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, classes = _this$props.classes, id = _this$props.id, correct = _this$props.correct, disabled = _this$props.disabled, value = _this$props.value, _onChange = _this$props.onChange, choices = _this$props.choices, showCorrectAnswer = _this$props.showCorrectAnswer;
+        var _this$props = this.props, classes = _this$props.classes, id = _this$props.id, correct = _this$props.correct, disabled = _this$props.disabled, value = _this$props.value, _onChange = _this$props.onChange, choices = _this$props.choices, showCorrectAnswer = _this$props.showCorrectAnswer, singleQuery = _this$props.singleQuery;
         var _this$state = this.state, showCheckmark = _this$state.showCheckmark, open = _this$state.open;
-        return _react["default"].createElement(_Select["default"], {
+        var incrementedId = parseInt(id, 10) + 1;
+        var labelId = singleQuery ? 'Query-label' : ("Query-label-").concat(incrementedId);
+        var labelText = singleQuery ? 'Query' : ("Query ").concat(incrementedId);
+        return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_InputLabel["default"], {
+          className: classes.srOnly,
+          id: labelId
+        }, labelText), _react["default"].createElement(_Select["default"], {
+          labelId: labelId,
           classes: {
             root: classes.root,
             icon: classes.icon,
@@ -125256,7 +125264,7 @@ const require$$9 = _dll_prop_types;
               __html: c.value === value ? ' ✓' : ''
             }
           }));
-        }));
+        })));
       }
     }]);
     return Dropdown;
@@ -125336,6 +125344,14 @@ const require$$9 = _dll_prop_types;
       },
       label: {
         fontSize: 'max(1rem, 14px)'
+      },
+      srOnly: {
+        position: 'absolute',
+        left: '-10000px',
+        top: 'auto',
+        width: '1px',
+        height: '1px',
+        overflow: 'hidden'
       }
     };
   };
@@ -125370,7 +125386,8 @@ const require$$1 = _dll_react;
           id: dataset.id,
           onChange: onChange,
           choices: choices[dataset.id],
-          showCorrectAnswer: showCorrectAnswer
+          showCorrectAnswer: showCorrectAnswer,
+          singleQuery: Object.keys(choices).length == 1
         });
       }
     };

package/module/print.js

@@ -125120,6 +125120,7 @@ const require$$9 = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8);
   var _propTypes = _interopRequireDefault(require$$9);
   var _Select = _interopRequireDefault(Select$2);
+  var _InputLabel = _interopRequireDefault(InputLabel$2);
   var _MenuItem = _interopRequireDefault(MenuItem$2);
   var _correctInput = _interopRequireDefault(correctInput);
   var _styles = styles$s;
@@ -125176,9 +125177,16 @@ const require$$9 = _dll_prop_types;
     (0, _createClass2["default"])(Dropdown, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, classes = _this$props.classes, id = _this$props.id, correct = _this$props.correct, disabled = _this$props.disabled, value = _this$props.value, _onChange = _this$props.onChange, choices = _this$props.choices, showCorrectAnswer = _this$props.showCorrectAnswer;
+        var _this$props = this.props, classes = _this$props.classes, id = _this$props.id, correct = _this$props.correct, disabled = _this$props.disabled, value = _this$props.value, _onChange = _this$props.onChange, choices = _this$props.choices, showCorrectAnswer = _this$props.showCorrectAnswer, singleQuery = _this$props.singleQuery;
         var _this$state = this.state, showCheckmark = _this$state.showCheckmark, open = _this$state.open;
-        return _react["default"].createElement(_Select["default"], {
+        var incrementedId = parseInt(id, 10) + 1;
+        var labelId = singleQuery ? 'Query-label' : ("Query-label-").concat(incrementedId);
+        var labelText = singleQuery ? 'Query' : ("Query ").concat(incrementedId);
+        return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_InputLabel["default"], {
+          className: classes.srOnly,
+          id: labelId
+        }, labelText), _react["default"].createElement(_Select["default"], {
+          labelId: labelId,
           classes: {
             root: classes.root,
             icon: classes.icon,
@@ -125219,7 +125227,7 @@ const require$$9 = _dll_prop_types;
               __html: c.value === value ? ' ✓' : ''
             }
           }));
-        }));
+        })));
       }
     }]);
     return Dropdown;
@@ -125299,6 +125307,14 @@ const require$$9 = _dll_prop_types;
       },
       label: {
         fontSize: 'max(1rem, 14px)'
+      },
+      srOnly: {
+        position: 'absolute',
+        left: '-10000px',
+        top: 'auto',
+        width: '1px',
+        height: '1px',
+        overflow: 'hidden'
       }
     };
   };
@@ -125333,7 +125349,8 @@ const require$$1 = _dll_react;
           id: dataset.id,
           onChange: onChange,
           choices: choices[dataset.id],
-          showCorrectAnswer: showCorrectAnswer
+          showCorrectAnswer: showCorrectAnswer,
+          singleQuery: Object.keys(choices).length == 1
         });
       }
     };

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.9.1-next.16+44cb8eb36",
+  "version": "6.9.1-next.18+867186f22",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.12.3",
+    "@pie-lib/pie-toolbox": "1.13.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "44cb8eb36e997cd5218007c604c8d94137022f6e",
+  "gitHead": "867186f22b1b891c92a74e63fbf81f86d6485632",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {