@pie-element/multiple-choice 6.2.7 → 6.3.2

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.35/module/index.js";
+import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.17/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.1.5/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -1259,6 +1259,7 @@ const {color: color$1} = _dll_pie_lib__render_ui;
 const {PreviewPrompt: PreviewPrompt$1} = _dll_pie_lib__render_ui;
 const classNames$3 = _dll_classnames;
 const _jsxFileName$3 = "/home/circleci/repo/packages/multiple-choice/src/choice-input.jsx";
+const CLASS_NAME = 'multiple-choice-component';
 const styleSheet = () => ({
   row: {
     display: 'flex',
@@ -1273,6 +1274,11 @@ const styleSheet = () => ({
     '& label': {
       color: color$1.text()
     }
+  },
+  horizontalLayout: {
+    [`& .${CLASS_NAME}`]: {
+      paddingRight: '8px'
+    }
   }
 });
 const formStyleSheet = {
@@ -1291,10 +1297,9 @@ const StyledFormControlLabel = withStyles$3(formStyleSheet, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName$3,
-    lineNumber: 39
+    lineNumber: 46
   }
 }));
-const CLASS_NAME = 'multiple-choice-component';
 const colorStyle = (varName, fallback) => ({
   [`&.${CLASS_NAME}`]: {
     color: `var(--choice-input-${varName}, ${fallback}) !important`
@@ -1346,7 +1351,7 @@ const StyledCheckbox = withStyles$3(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 92
+      lineNumber: 97
     }
   });
 });
@@ -1375,7 +1380,7 @@ const StyledRadio = withStyles$3(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 125
+      lineNumber: 130
     }
   });
 });
@@ -1396,7 +1401,8 @@ class ChoiceInput extends React$4.Component {
       classes: PropTypes$3.object,
       className: PropTypes$3.string,
       hideTick: PropTypes$3.bool,
-      isEvaluateMode: PropTypes$3.bool
+      isEvaluateMode: PropTypes$3.bool,
+      choicesLayout: PropTypes$3.oneOf(['vertical', 'grid', 'horizontal'])
     };
   }
   static __initStatic2() {
@@ -1418,36 +1424,39 @@ class ChoiceInput extends React$4.Component {
     });
   }
   render() {
-    const {choiceMode, disabled, displayKey, feedback, label, checked, correctness, classes, className, rationale, accessibility, hideTick, isEvaluateMode} = this.props;
+    const {choiceMode, disabled, displayKey, feedback, label, checked, correctness, classes, className, rationale, accessibility, hideTick, isEvaluateMode, choicesLayout} = this.props;
     const Tag = choiceMode === 'checkbox' ? StyledCheckbox : StyledRadio;
     const classSuffix = choiceMode === 'checkbox' ? 'checkbox' : 'radio-button';
+    const holderClassNames = classNames$3(classes.checkboxHolder, {
+      [classes.horizontalLayout]: choicesLayout === 'horizontal'
+    });
     return React$4.createElement('div', {
       className: classNames$3(className, 'corespring-' + classSuffix, 'choice-input'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 197
+        lineNumber: 208
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 198
+        lineNumber: 209
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 199
+        lineNumber: 210
       }
     }), React$4.createElement('div', {
-      className: classNames$3(classes.checkboxHolder, 'checkbox-holder'),
+      className: classNames$3(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 200
+        lineNumber: 211
       }
     }, React$4.createElement(StyledFormControlLabel, {
       disabled: disabled,
@@ -1460,13 +1469,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 205
+          lineNumber: 216
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 201
+        lineNumber: 212
       }
     }), React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -1476,7 +1485,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 213
+        lineNumber: 224
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -1485,7 +1494,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 222
+        lineNumber: 233
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -1493,7 +1502,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 224
+        lineNumber: 235
       }
     }));
   }
@@ -1537,7 +1546,8 @@ class Choice extends React$3.Component {
       isEvaluateMode
     };
     const names = classNames$2(classes.choice, {
-      [classes.noBorder]: index === choicesLength - 1 || choicesLayout !== 'vertical'
+      [classes.noBorder]: index === choicesLength - 1 || choicesLayout !== 'vertical',
+      [classes.horizontalLayout]: choicesLayout === 'horizontal'
     });
     return React$3.createElement('div', {
       className: choiceClass,
@@ -1545,7 +1555,7 @@ class Choice extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 56
+        lineNumber: 57
       }
     }, React$3.createElement(ChoiceInput$1, {
       ...choiceProps,
@@ -1553,7 +1563,7 @@ class Choice extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 57
+        lineNumber: 58
       }
     }));
   }
@@ -1582,6 +1592,12 @@ var StyledChoice = withStyles$2({
   },
   noBorder: {
     borderBottom: 'none'
+  },
+  horizontalLayout: {
+    paddingRight: '20px',
+    '& label': {
+      marginRight: '8px'
+    }
   }
 })(Choice);
 const React$2 = _dll_react;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "6.2.7",
+  "version": "6.3.2",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/config-ui": "^10.11.0",
-    "@pie-lib/correct-answer-toggle": "^2.3.35",
-    "@pie-lib/math-rendering": "^2.3.13",
-    "@pie-lib/render-ui": "^4.12.5",
+    "@pie-lib/config-ui": "^10.13.0",
+    "@pie-lib/correct-answer-toggle": "^2.3.36",
+    "@pie-lib/math-rendering": "^2.4.0",
+    "@pie-lib/render-ui": "^4.12.6",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "enzyme-to-json": "^3.3.3",
@@ -21,7 +21,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "de8f41ecfc06944b7bc890a167f81818d2bf1845",
+  "gitHead": "8ea971e13e74d785cd35a04fd9fe1abe1fa2dabf",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },