@pie-element/ebsr 7.0.23 → 7.0.24

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.24](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr@7.0.23...@pie-element/ebsr@7.0.24) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/ebsr
+
+
+
+
+
 ## [7.0.23](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr@7.0.22...@pie-element/ebsr@7.0.23) (2022-05-09)
 
 **Note:** Version bump only for package @pie-element/ebsr

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.24](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr-configure@7.0.23...@pie-element/ebsr-configure@7.0.24) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/ebsr-configure
+
+
+
+
+
 ## [7.0.23](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr-configure@7.0.22...@pie-element/ebsr-configure@7.0.23) (2022-05-09)
 
 **Note:** Version bump only for package @pie-element/ebsr-configure

package/configure/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pie-element/ebsr-configure",
   "private": true,
-  "version": "7.0.23",
+  "version": "7.0.24",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multiple-choice": "^6.3.1",
+    "@pie-element/multiple-choice": "^6.3.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.12.2",
+    "@pie-lib/config-ui": "^10.13.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.15/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.17/module/index.js";
 import MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.2.2/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.2.4/module/index.js";
 var lib = {};
 Object.defineProperty(lib, "__esModule", {
   value: true

package/module/element.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.15/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.1.3/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;
 }
@@ -1296,6 +1296,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',
@@ -1310,6 +1311,11 @@ const styleSheet = () => ({
     '& label': {
       color: color$1.text()
     }
+  },
+  horizontalLayout: {
+    [`& .${CLASS_NAME}`]: {
+      paddingRight: '8px'
+    }
   }
 });
 const formStyleSheet = {
@@ -1328,10 +1334,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`
@@ -1383,7 +1388,7 @@ const StyledCheckbox = withStyles$3(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 92
+      lineNumber: 97
     }
   });
 });
@@ -1412,7 +1417,7 @@ const StyledRadio = withStyles$3(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 125
+      lineNumber: 130
     }
   });
 });
@@ -1433,7 +1438,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() {
@@ -1455,36 +1461,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,
@@ -1497,13 +1506,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",
@@ -1513,7 +1522,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",
@@ -1522,7 +1531,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 222
+        lineNumber: 233
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -1530,7 +1539,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 224
+        lineNumber: 235
       }
     }));
   }
@@ -1574,7 +1583,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,
@@ -1582,7 +1592,7 @@ class Choice extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 56
+        lineNumber: 57
       }
     }, React$3.createElement(ChoiceInput$1, {
       ...choiceProps,
@@ -1590,7 +1600,7 @@ class Choice extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 57
+        lineNumber: 58
       }
     }));
   }
@@ -1619,6 +1629,12 @@ var StyledChoice = withStyles$2({
   },
   noBorder: {
     borderBottom: 'none'
+  },
+  horizontalLayout: {
+    paddingRight: '20px',
+    '& label': {
+      marginRight: '8px'
+    }
   }
 })(Choice);
 const React$2 = _dll_react;

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/ebsr@7.0.22</title>
+      <title>@pie-element/ebsr@7.0.23</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "7.0.22",
+  "version": "7.0.23",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.15"
+      "version": "^1.4.17"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.1.3"
+      "version": "^1.1.5"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/ebsr@7.0.22</title>
+      <title>@pie-element/ebsr@7.0.23</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

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.15/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.1.3/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,13 +1,13 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "7.0.23",
+  "version": "7.0.24",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^6.3.1",
+    "@pie-element/multiple-choice": "^6.3.2",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
@@ -15,7 +15,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "43f534de577f1eb49e63c8dc43d5519754d4df93",
+  "gitHead": "8ea971e13e74d785cd35a04fd9fe1abe1fa2dabf",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },