@pie-lib/config-ui 11.0.0 → 11.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/lib/alert-dialog.js +2 -2
- package/lib/alert-dialog.js.map +1 -1
- package/lib/checkbox.js +2 -2
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +26 -42
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +31 -46
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +5 -5
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +22 -33
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +2 -2
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +28 -39
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +2 -2
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +18 -29
- package/lib/help.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/input.js +29 -42
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +5 -5
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +21 -33
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +20 -32
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +2 -2
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +17 -27
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +17 -29
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +2 -2
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +25 -38
- package/lib/number-text-field-custom.js.map +1 -1
- package/lib/number-text-field.js +25 -38
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +2 -2
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +6 -6
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +8 -18
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +29 -43
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +2 -2
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +2 -2
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +19 -30
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +21 -33
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +24 -36
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +16 -27
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [11.0.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.0.2...@pie-lib/config-ui@11.0.3) (2022-06-28)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @pie-lib/config-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [11.0.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.0.1...@pie-lib/config-ui@11.0.2) (2022-06-28)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @pie-lib/config-ui
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [11.0.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.0.0...@pie-lib/config-ui@11.0.1) (2022-06-27)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @pie-lib/config-ui
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
# [11.0.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.13.3...@pie-lib/config-ui@11.0.0) (2022-06-27)
|
|
7
31
|
|
|
8
32
|
|
package/lib/alert-dialog.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -11,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
13
|
|
|
12
14
|
var _core = require("@material-ui/core");
|
|
13
15
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
16
|
var AlertDialog = function AlertDialog(_ref) {
|
|
17
17
|
var text = _ref.text,
|
|
18
18
|
title = _ref.title,
|
package/lib/alert-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/alert-dialog.jsx"],"names":["AlertDialog","text","title","onClose","onConfirm","open","propTypes","PropTypes","string","func","bool"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/alert-dialog.jsx"],"names":["AlertDialog","text","title","onClose","onConfirm","open","propTypes","PropTypes","string","func","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AASA,IAAMA,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,KAAT,QAASA,KAAT;AAAA,MAAgBC,OAAhB,QAAgBA,OAAhB;AAAA,MAAyBC,SAAzB,QAAyBA,SAAzB;AAAA,MAAoCC,IAApC,QAAoCA,IAApC;AAAA,sBAClB,gCAAC,YAAD;AAAQ,IAAA,IAAI,EAAEA,IAAd;AAAoB,IAAA,OAAO,EAAEF;AAA7B,KACGD,KAAK,iBAAI,gCAAC,iBAAD,QAAcA,KAAd,CADZ,EAEGD,IAAI,iBACH,gCAAC,mBAAD,qBACE,gCAAC,uBAAD,QAAoBA,IAApB,CADF,CAHJ,eAOE,gCAAC,mBAAD,QACGE,OAAO,iBACN,gCAAC,YAAD;AAAQ,IAAA,OAAO,EAAEA,OAAjB;AAA0B,IAAA,KAAK,EAAC;AAAhC,cAFJ,EAMGC,SAAS,iBACR,gCAAC,YAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,OAAO,EAAEA,SAA3B;AAAsC,IAAA,KAAK,EAAC;AAA5C,UAPJ,CAPF,CADkB;AAAA,CAApB;;AAuBAJ,WAAW,CAACM,SAAZ,GAAwB;AACtBL,EAAAA,IAAI,EAAEM,sBAAUC,MADM;AAEtBN,EAAAA,KAAK,EAAEK,sBAAUC,MAFK;AAGtBL,EAAAA,OAAO,EAAEI,sBAAUE,IAHG;AAItBL,EAAAA,SAAS,EAAEG,sBAAUE,IAJC;AAKtBJ,EAAAA,IAAI,EAAEE,sBAAUG;AALM,CAAxB;eAQeV,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle\n} from '@material-ui/core';\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open }) => (\n <Dialog open={open} onClose={onClose}>\n {title && <DialogTitle>{title}</DialogTitle>}\n {text && (\n <DialogContent>\n <DialogContentText>{text}</DialogContentText>\n </DialogContent>\n )}\n <DialogActions>\n {onClose && (\n <Button onClick={onClose} color=\"primary\">\n CANCEL\n </Button>\n )}\n {onConfirm && (\n <Button autoFocus onClick={onConfirm} color=\"primary\">\n OK\n </Button>\n )}\n </DialogActions>\n </Dialog>\n);\n\nAlertDialog.propTypes = {\n text: PropTypes.string,\n title: PropTypes.string,\n onClose: PropTypes.func,\n onConfirm: PropTypes.func,\n open: PropTypes.bool\n};\n\nexport default AlertDialog;\n"],"file":"alert-dialog.js"}
|
package/lib/checkbox.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -19,8 +21,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
19
21
|
|
|
20
22
|
var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
|
|
21
23
|
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
24
|
var Checkbox = function Checkbox(_ref) {
|
|
25
25
|
var mini = _ref.mini,
|
|
26
26
|
checked = _ref.checked,
|
package/lib/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,MAAkBC,QAAlB,QAAkBA,QAAlB;AAAA,MAA4BC,KAA5B,QAA4BA,KAA5B;AAAA,MAAmCC,KAAnC,QAAmCA,KAAnC;AAAA,MAA0CC,OAA1C,QAA0CA,OAA1C;AAAA,sBACf,gCAAC,4BAAD;AACE,IAAA,SAAS,EAAE,4BAAWA,OAAO,CAACL,IAAnB,CADb;AAEE,IAAA,OAAO,EAAE;AACPI,MAAAA,KAAK,EAAE,4BAAWC,OAAO,CAACD,KAAnB,EAA0BJ,IAAI,IAAIK,OAAO,CAACC,SAA1C;AADA,KAFX;AAKE,IAAA,OAAO,eACL,gCAAC,oBAAD;AACE,MAAA,OAAO,EAAEL,OADX;AAEE,MAAA,QAAQ,EAAEC,QAFZ;AAGE,MAAA,KAAK,EAAEC,KAHT;AAIE,MAAA,SAAS,EAAE,4BAAWH,IAAI,IAAIK,OAAO,CAACE,YAA3B;AAJb,MANJ;AAaE,IAAA,KAAK,EAAEH;AAbT,IADe;AAAA,CAAjB;;AAkBAL,QAAQ,CAACS,SAAT,GAAqB;AACnBR,EAAAA,IAAI,EAAES,sBAAUC,IADG;AAEnBL,EAAAA,OAAO,EAAEI,sBAAUE,MAAV,CAAiBC,UAFP;AAGnBX,EAAAA,OAAO,EAAEQ,sBAAUC,IAAV,CAAeE,UAHL;AAInBV,EAAAA,QAAQ,EAAEO,sBAAUI,IAAV,CAAeD,UAJN;AAKnBT,EAAAA,KAAK,EAAEM,sBAAUK,MALE;AAMnBV,EAAAA,KAAK,EAAEK,sBAAUK,MAAV,CAAiBF;AANL,CAArB;AASAb,QAAQ,CAACgB,YAAT,GAAwB;AACtBZ,EAAAA,KAAK,EAAE,EADe;AAEtBH,EAAAA,IAAI,EAAE;AAFgB,CAAxB;;eAKe,wBAAW,UAAAgB,KAAK;AAAA,SAAK;AAClCZ,IAAAA,KAAK,EAAE;AACLa,MAAAA,QAAQ,EAAE,MADL;AAELC,MAAAA,SAAS,EAAE,oBAFN;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAD2B;AAMlCZ,IAAAA,YAAY,EAAE;AACZa,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE,CAFG;AAGZC,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CAHhB;AAIZC,MAAAA,MAAM,EAAET,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AAJjB,KANoB;AAYlClB,IAAAA,SAAS,EAAE;AACToB,MAAAA,UAAU,EAAEV,KAAK,CAACO,OAAN,CAAcC,IADjB;AAETL,MAAAA,KAAK,EAAEQ,iBAAK,GAAL,CAFE;AAGTV,MAAAA,QAAQ,EAAE;AAHD,KAZuB;AAiBlCjB,IAAAA,IAAI,EAAE;AACJoB,MAAAA,MAAM,EAAE,CADJ;AAEJM,MAAAA,UAAU,EAAE,CAFR;AAGJL,MAAAA,OAAO,EAAE;AAHL;AAjB4B,GAAL;AAAA,CAAhB,EAsBXtB,QAtBW,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport MuiCheckbox from '@material-ui/core/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport grey from '@material-ui/core/colors/grey';\n\nconst Checkbox = ({ mini, checked, onChange, value, label, classes }) => (\n <FormControlLabel\n className={classNames(classes.mini)}\n classes={{\n label: classNames(classes.label, mini && classes.miniLabel)\n }}\n control={\n <MuiCheckbox\n checked={checked}\n onChange={onChange}\n value={value}\n className={classNames(mini && classes.miniCheckbox)}\n />\n }\n label={label}\n />\n);\n\nCheckbox.propTypes = {\n mini: PropTypes.bool,\n classes: PropTypes.object.isRequired,\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.string,\n label: PropTypes.string.isRequired\n};\n\nCheckbox.defaultProps = {\n value: '',\n mini: false\n};\n\nexport default withStyles(theme => ({\n label: {\n fontSize: '13px',\n transform: 'translate(-4%, 2%)',\n color: 'rgba(0,0,0,1.0)'\n },\n miniCheckbox: {\n margin: 0,\n padding: 0,\n width: theme.spacing.unit * 3,\n height: theme.spacing.unit * 3\n },\n miniLabel: {\n marginLeft: theme.spacing.unit,\n color: grey[700],\n fontSize: '11px'\n },\n mini: {\n margin: 0,\n marginLeft: 0,\n padding: 0\n }\n}))(Checkbox);\n"],"file":"checkbox.js"}
|
|
@@ -1,73 +1,63 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.IconMenu = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _react = _interopRequireDefault(require("react"));
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _Feedback = _interopRequireDefault(require("@material-ui/icons/Feedback"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
var _react = _interopRequireDefault(require("react"));
|
|
37
35
|
|
|
38
|
-
function
|
|
36
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
37
|
|
|
40
38
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
39
|
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
45
|
-
|
|
46
40
|
var IconMenu = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
|
|
41
|
+
(0, _inherits2["default"])(IconMenu, _React$Component);
|
|
48
42
|
|
|
49
43
|
var _super = _createSuper(IconMenu);
|
|
50
44
|
|
|
51
45
|
function IconMenu(props) {
|
|
52
46
|
var _this;
|
|
53
47
|
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
(0, _classCallCheck2["default"])(this, IconMenu);
|
|
56
49
|
_this = _super.call(this, props);
|
|
57
|
-
|
|
58
|
-
_defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
|
|
50
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
|
|
59
51
|
_this.setState({
|
|
60
52
|
open: true,
|
|
61
53
|
anchorEl: event.currentTarget
|
|
62
54
|
});
|
|
63
55
|
});
|
|
64
|
-
|
|
65
|
-
_defineProperty(_assertThisInitialized(_this), "handleRequestClose", function () {
|
|
56
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestClose", function () {
|
|
66
57
|
_this.setState({
|
|
67
58
|
open: false
|
|
68
59
|
});
|
|
69
60
|
});
|
|
70
|
-
|
|
71
61
|
_this.state = {
|
|
72
62
|
anchorEl: undefined,
|
|
73
63
|
open: false
|
|
@@ -75,7 +65,7 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
75
65
|
return _this;
|
|
76
66
|
}
|
|
77
67
|
|
|
78
|
-
|
|
68
|
+
(0, _createClass2["default"])(IconMenu, [{
|
|
79
69
|
key: "render",
|
|
80
70
|
value: function render() {
|
|
81
71
|
var _this2 = this;
|
|
@@ -108,30 +98,27 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
108
98
|
})));
|
|
109
99
|
}
|
|
110
100
|
}]);
|
|
111
|
-
|
|
112
101
|
return IconMenu;
|
|
113
102
|
}(_react["default"].Component);
|
|
114
103
|
|
|
115
104
|
exports.IconMenu = IconMenu;
|
|
116
|
-
|
|
117
|
-
_defineProperty(IconMenu, "propTypes", {
|
|
105
|
+
(0, _defineProperty2["default"])(IconMenu, "propTypes", {
|
|
118
106
|
opts: _propTypes["default"].object,
|
|
119
107
|
onClick: _propTypes["default"].func.isRequired,
|
|
120
108
|
iconButtonElement: _propTypes["default"].any
|
|
121
109
|
});
|
|
122
110
|
|
|
123
111
|
var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
|
|
124
|
-
|
|
112
|
+
(0, _inherits2["default"])(FeedbackMenu, _React$Component2);
|
|
125
113
|
|
|
126
114
|
var _super2 = _createSuper(FeedbackMenu);
|
|
127
115
|
|
|
128
116
|
function FeedbackMenu() {
|
|
129
|
-
|
|
130
|
-
|
|
117
|
+
(0, _classCallCheck2["default"])(this, FeedbackMenu);
|
|
131
118
|
return _super2.apply(this, arguments);
|
|
132
119
|
}
|
|
133
120
|
|
|
134
|
-
|
|
121
|
+
(0, _createClass2["default"])(FeedbackMenu, [{
|
|
135
122
|
key: "render",
|
|
136
123
|
value: function render() {
|
|
137
124
|
var _this$props2 = this.props,
|
|
@@ -162,19 +149,16 @@ var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
|
|
|
162
149
|
});
|
|
163
150
|
}
|
|
164
151
|
}]);
|
|
165
|
-
|
|
166
152
|
return FeedbackMenu;
|
|
167
153
|
}(_react["default"].Component);
|
|
168
154
|
|
|
169
155
|
exports["default"] = FeedbackMenu;
|
|
170
|
-
|
|
171
|
-
_defineProperty(FeedbackMenu, "propTypes", {
|
|
156
|
+
(0, _defineProperty2["default"])(FeedbackMenu, "propTypes", {
|
|
172
157
|
value: _propTypes["default"].object,
|
|
173
158
|
onChange: _propTypes["default"].func.isRequired,
|
|
174
159
|
classes: _propTypes["default"].object.isRequired
|
|
175
160
|
});
|
|
176
|
-
|
|
177
|
-
_defineProperty(FeedbackMenu, "defaultProps", {
|
|
161
|
+
(0, _defineProperty2["default"])(FeedbackMenu, "defaultProps", {
|
|
178
162
|
classes: {}
|
|
179
163
|
});
|
|
180
164
|
//# sourceMappingURL=feedback-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/choice-configuration/feedback-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","key","handleRequestClose","handleClick","iconButtonElement","map","k","index","React","Component","PropTypes","object","func","isRequired","any","FeedbackMenu","value","onChange","classes","t","type","iconColor","tooltip","icon","none","custom"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport ActionFeedback from '@material-ui/icons/Feedback';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n static propTypes = {\n opts: PropTypes.object,\n onClick: PropTypes.func.isRequired,\n iconButtonElement: PropTypes.any\n };\n\n constructor(props) {\n super(props);\n this.state = {\n anchorEl: undefined,\n open: false\n };\n }\n\n handleClick = event => {\n this.setState({ open: true, anchorEl: event.currentTarget });\n };\n\n handleRequestClose = () => {\n this.setState({ open: false });\n };\n\n render() {\n const { opts, onClick } = this.props;\n\n const keys = Object.keys(opts);\n\n const handleMenuClick = key => () => {\n onClick(key);\n this.handleRequestClose();\n };\n\n return (\n <div>\n <div onClick={this.handleClick}>{this.props.iconButtonElement}</div>\n <Menu\n id=\"simple-menu\"\n anchorEl={this.state.anchorEl}\n open={this.state.open}\n onClose={this.handleRequestClose}\n >\n {keys.map((k, index) => (\n <MenuItem key={index} onClick={handleMenuClick(k)}>\n {opts[k]}\n </MenuItem>\n ))}\n </Menu>\n </div>\n );\n }\n}\n\nexport default class FeedbackMenu extends React.Component {\n static propTypes = {\n value: PropTypes.object,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired\n };\n\n static defaultProps = {\n classes: {}\n };\n\n render() {\n const { value, onChange, classes } = this.props;\n\n const t = value && value.type;\n const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n\n const tooltip =\n t === 'custom'\n ? 'Custom Feedback'\n : t === 'default'\n ? 'Default Feedback'\n : 'Feedback disabled';\n\n const icon = (\n <IconButton className={classes.icon} aria-label={tooltip}>\n <ActionFeedback color={iconColor} />\n </IconButton>\n );\n\n return (\n <IconMenu\n iconButtonElement={icon}\n onClick={key => onChange(key)}\n opts={{\n none: 'No Feedback',\n default: 'Default',\n custom: 'Custom'\n }}\n />\n );\n }\n}\n"],"file":"feedback-menu.js"}
|
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.ChoiceConfiguration = void 0;
|
|
9
9
|
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
+
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
+
|
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
+
|
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
+
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
+
|
|
10
26
|
var _react = _interopRequireDefault(require("react"));
|
|
11
27
|
|
|
12
28
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -31,36 +47,14 @@ var _SubdirectoryArrowRight = _interopRequireDefault(require("@material-ui/icons
|
|
|
31
47
|
|
|
32
48
|
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
33
49
|
|
|
34
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
35
|
-
|
|
36
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
37
|
-
|
|
38
50
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
39
51
|
|
|
40
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
41
|
-
|
|
42
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
43
|
-
|
|
44
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
45
|
-
|
|
46
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
47
|
-
|
|
48
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
52
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
49
53
|
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
53
|
-
|
|
54
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
55
|
-
|
|
56
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
54
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
57
55
|
|
|
58
56
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
59
57
|
|
|
60
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
61
|
-
|
|
62
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
63
|
-
|
|
64
58
|
var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
|
|
65
59
|
return {
|
|
66
60
|
labelContainer: {},
|
|
@@ -154,36 +148,33 @@ var Feedback = (0, _styles.withStyles)(function () {
|
|
|
154
148
|
});
|
|
155
149
|
|
|
156
150
|
var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
157
|
-
|
|
151
|
+
(0, _inherits2["default"])(ChoiceConfiguration, _React$Component);
|
|
158
152
|
|
|
159
153
|
var _super = _createSuper(ChoiceConfiguration);
|
|
160
154
|
|
|
161
155
|
function ChoiceConfiguration() {
|
|
162
156
|
var _this;
|
|
163
157
|
|
|
164
|
-
|
|
158
|
+
(0, _classCallCheck2["default"])(this, ChoiceConfiguration);
|
|
165
159
|
|
|
166
160
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
167
161
|
args[_key] = arguments[_key];
|
|
168
162
|
}
|
|
169
163
|
|
|
170
164
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
171
|
-
|
|
172
|
-
_defineProperty(_assertThisInitialized(_this), "_changeFn", function (key) {
|
|
165
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_changeFn", function (key) {
|
|
173
166
|
return function (update) {
|
|
174
167
|
var _this$props = _this.props,
|
|
175
168
|
data = _this$props.data,
|
|
176
169
|
onChange = _this$props.onChange;
|
|
177
170
|
|
|
178
171
|
if (onChange) {
|
|
179
|
-
onChange(_objectSpread(_objectSpread({}, data), {},
|
|
172
|
+
onChange(_objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, key, update)));
|
|
180
173
|
}
|
|
181
174
|
};
|
|
182
175
|
});
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
_defineProperty(_assertThisInitialized(_this), "onCheckedChange", function (event) {
|
|
176
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLabelChange", _this._changeFn('label'));
|
|
177
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckedChange", function (event) {
|
|
187
178
|
var correct = event.target.checked;
|
|
188
179
|
var _this$props2 = _this.props,
|
|
189
180
|
data = _this$props2.data,
|
|
@@ -195,8 +186,7 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
195
186
|
}));
|
|
196
187
|
}
|
|
197
188
|
});
|
|
198
|
-
|
|
199
|
-
_defineProperty(_assertThisInitialized(_this), "onFeedbackValueChange", function (v) {
|
|
189
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackValueChange", function (v) {
|
|
200
190
|
var _this$props3 = _this.props,
|
|
201
191
|
data = _this$props3.data,
|
|
202
192
|
onChange = _this$props3.onChange;
|
|
@@ -213,8 +203,7 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
213
203
|
feedback: fb
|
|
214
204
|
}));
|
|
215
205
|
});
|
|
216
|
-
|
|
217
|
-
_defineProperty(_assertThisInitialized(_this), "onFeedbackTypeChange", function (t) {
|
|
206
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackTypeChange", function (t) {
|
|
218
207
|
var _this$props4 = _this.props,
|
|
219
208
|
data = _this$props4.data,
|
|
220
209
|
onChange = _this$props4.onChange;
|
|
@@ -231,11 +220,10 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
231
220
|
feedback: fb
|
|
232
221
|
}));
|
|
233
222
|
});
|
|
234
|
-
|
|
235
223
|
return _this;
|
|
236
224
|
}
|
|
237
225
|
|
|
238
|
-
|
|
226
|
+
(0, _createClass2["default"])(ChoiceConfiguration, [{
|
|
239
227
|
key: "render",
|
|
240
228
|
value: function render() {
|
|
241
229
|
var _this$props5 = this.props,
|
|
@@ -286,7 +274,7 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
286
274
|
error: error
|
|
287
275
|
}), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
288
276
|
className: classes.errorText
|
|
289
|
-
}, error), allowFeedBack && /*#__PURE__*/_react["default"].createElement(Feedback,
|
|
277
|
+
}, error), allowFeedBack && /*#__PURE__*/_react["default"].createElement(Feedback, (0, _extends2["default"])({}, data.feedback, {
|
|
290
278
|
correct: data.correct,
|
|
291
279
|
defaults: defaultFeedback,
|
|
292
280
|
onChange: this.onFeedbackValueChange,
|
|
@@ -310,13 +298,11 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
|
|
|
310
298
|
}, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)))));
|
|
311
299
|
}
|
|
312
300
|
}]);
|
|
313
|
-
|
|
314
301
|
return ChoiceConfiguration;
|
|
315
302
|
}(_react["default"].Component);
|
|
316
303
|
|
|
317
304
|
exports.ChoiceConfiguration = ChoiceConfiguration;
|
|
318
|
-
|
|
319
|
-
_defineProperty(ChoiceConfiguration, "propTypes", {
|
|
305
|
+
(0, _defineProperty2["default"])(ChoiceConfiguration, "propTypes", {
|
|
320
306
|
classes: _propTypes["default"].object.isRequired,
|
|
321
307
|
noLabels: _propTypes["default"].bool,
|
|
322
308
|
useLetterOrdering: _propTypes["default"].bool,
|
|
@@ -345,8 +331,7 @@ _defineProperty(ChoiceConfiguration, "propTypes", {
|
|
|
345
331
|
allowDelete: _propTypes["default"].bool,
|
|
346
332
|
toolbarOpts: _propTypes["default"].object
|
|
347
333
|
});
|
|
348
|
-
|
|
349
|
-
_defineProperty(ChoiceConfiguration, "defaultProps", {
|
|
334
|
+
(0, _defineProperty2["default"])(ChoiceConfiguration, "defaultProps", {
|
|
350
335
|
index: -1,
|
|
351
336
|
noLabels: false,
|
|
352
337
|
useLetterOrdering: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","names","editor","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection","fontSize","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles(theme => ({\n labelContainer: {},\n editorHolder: {\n marginTop: theme.spacing.unit * 2\n }\n}))(\n ({\n label,\n classes,\n onChange,\n value,\n className,\n imageSupport,\n disabled,\n spellCheck,\n nonEmpty,\n toolbarOpts,\n error,\n maxImageWidth,\n maxImageHeight\n }) => {\n const names = classNames(classes.labelContainer, className);\n\n return (\n <InputContainer label={label} className={names}>\n <div className={classes.editorHolder}>\n <EditableHtml\n markup={value || ''}\n disabled={disabled}\n spellCheck={spellCheck}\n nonEmpty={nonEmpty}\n onChange={onChange}\n imageSupport={imageSupport}\n className={classes.editor}\n toolbarOpts={toolbarOpts}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\n />\n </div>\n </InputContainer>\n );\n }\n);\n\nconst Feedback = withStyles(() => ({\n text: {\n width: '100%'\n },\n feedbackContainer: {\n position: 'relative'\n },\n arrowIcon: {\n fill: '#ccc',\n left: -56,\n position: 'absolute',\n top: 20\n }\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n if (!type || type === 'none') {\n return null;\n } else if (type === 'default') {\n return (\n <div className={classes.feedbackContainer}>\n <ArrowRight className={classes.arrowIcon} />\n <TextField\n className={classes.text}\n label=\"Feedback Text\"\n value={correct ? defaults.correct : defaults.incorrect}\n />\n </div>\n );\n } else {\n return (\n <div className={classes.feedbackContainer}>\n <ArrowRight className={classes.arrowIcon} />\n <EditableHtmlContainer\n className={classes.text}\n label=\"Feedback Text\"\n value={value}\n onChange={onChange}\n toolbarOpts={toolbarOpts}\n />\n </div>\n );\n }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n noLabels: PropTypes.bool,\n useLetterOrdering: PropTypes.bool,\n className: PropTypes.string,\n mode: PropTypes.oneOf(['checkbox', 'radio']),\n defaultFeedback: PropTypes.object.isRequired,\n disabled: PropTypes.bool,\n nonEmpty: PropTypes.bool,\n data: PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n correct: PropTypes.bool,\n feedback: PropTypes.shape({\n type: PropTypes.string,\n value: PropTypes.string\n })\n }),\n onDelete: PropTypes.func,\n onChange: PropTypes.func,\n index: PropTypes.number,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired\n }),\n allowFeedBack: PropTypes.bool,\n allowDelete: PropTypes.bool,\n toolbarOpts: PropTypes.object\n };\n\n static defaultProps = {\n index: -1,\n noLabels: false,\n useLetterOrdering: false,\n allowFeedBack: true,\n allowDelete: true\n };\n\n _changeFn = key => update => {\n const { data, onChange } = this.props;\n if (onChange) {\n onChange({ ...data, [key]: update });\n }\n };\n\n onLabelChange = this._changeFn('label');\n\n onCheckedChange = event => {\n const correct = event.target.checked;\n const { data, onChange } = this.props;\n\n if (onChange) {\n onChange({ ...data, correct });\n }\n };\n\n onFeedbackValueChange = v => {\n const { data, onChange } = this.props;\n\n if (data.feedback.type !== 'custom') {\n return;\n }\n\n const fb = { ...data.feedback, value: v };\n\n if (onChange) onChange({ ...data, feedback: fb });\n };\n\n onFeedbackTypeChange = t => {\n const { data, onChange } = this.props;\n const fb = { ...data.feedback, type: t };\n if (fb.type !== 'custom') {\n fb.value = undefined;\n }\n\n if (onChange) onChange({ ...data, feedback: fb });\n };\n\n render() {\n const {\n data,\n classes,\n mode,\n onDelete,\n defaultFeedback,\n index,\n className,\n noLabels,\n useLetterOrdering,\n imageSupport,\n disabled,\n spellCheck,\n nonEmpty,\n allowFeedBack,\n allowDelete,\n toolbarOpts,\n error,\n noCorrectAnswerError\n } = this.props;\n\n const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n const names = classNames(classes.choiceConfiguration, className);\n return (\n <div className={names}>\n <div className={classes.topRow}>\n {index > 0 && (\n <span className={classes.index} type=\"title\">\n {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n </span>\n )}\n <InputToggle\n className={classes.toggle}\n onChange={this.onCheckedChange}\n label={!noLabels ? 'Correct' : ''}\n checked={!!data.correct}\n error={noCorrectAnswerError}\n />\n <div className={classes.middleColumn}>\n <EditableHtmlContainer\n label={!noLabels ? 'Label' : ''}\n value={data.label}\n onChange={this.onLabelChange}\n imageSupport={imageSupport}\n disabled={disabled}\n spellCheck={spellCheck}\n nonEmpty={nonEmpty}\n toolbarOpts={toolbarOpts}\n error={error}\n />\n {error && <div className={classes.errorText}>{error}</div>}\n\n {allowFeedBack && (\n <Feedback\n {...data.feedback}\n correct={data.correct}\n defaults={defaultFeedback}\n onChange={this.onFeedbackValueChange}\n toolbarOpts={toolbarOpts}\n />\n )}\n </div>\n {allowFeedBack && (\n <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n <FeedbackMenu\n onChange={this.onFeedbackTypeChange}\n value={data.feedback}\n classes={{\n icon: classes.feedbackIcon\n }}\n />\n </InputContainer>\n )}\n {allowDelete && (\n <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n <ActionDelete />\n </IconButton>\n </InputContainer>\n )}\n </div>\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n index: {\n padding: '24px 10px 0 0'\n },\n choiceConfiguration: {},\n topRow: {\n display: 'flex'\n },\n value: {\n flex: '0.5',\n paddingRight: theme.spacing.unit\n },\n editorHolder: {\n marginTop: theme.spacing.unit * 2\n },\n toggle: {\n flex: '0 1 auto'\n },\n feedback: {\n flex: '0 1 auto',\n paddingTop: theme.spacing.unit,\n paddingLeft: 0,\n marginLeft: 0,\n paddingRight: theme.spacing.unit * 3\n },\n feedbackIcon: {\n margin: 0,\n paddingLeft: 0,\n width: 'inherit'\n },\n deleteIcon: {\n margin: 0,\n width: 'inherit'\n },\n delete: {\n flex: '0 1 auto',\n paddingTop: theme.spacing.unit,\n paddingLeft: 0,\n marginLeft: 0\n },\n middleColumn: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column'\n },\n errorText: {\n fontSize: '12px',\n color: 'red'\n }\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","names","editor","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection","fontSize","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,qBAAqB,GAAG,wBAAW,UAAAC,KAAK;AAAA,SAAK;AACjDC,IAAAA,cAAc,EAAE,EADiC;AAEjDC,IAAAA,YAAY,EAAE;AACZC,MAAAA,SAAS,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADpB;AAFmC,GAAL;AAAA,CAAhB,EAM5B,gBAcO;AAAA,MAbJC,KAaI,QAbJA,KAaI;AAAA,MAZJC,OAYI,QAZJA,OAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,SASI,QATJA,SASI;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,UAMI,QANJA,UAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,cACI,QADJA,cACI;AACL,MAAMC,KAAK,GAAG,4BAAWZ,OAAO,CAACN,cAAnB,EAAmCS,SAAnC,CAAd;AAEA,sBACE,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAEJ,KAAvB;AAA8B,IAAA,SAAS,EAAEa;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAEZ,OAAO,CAACL;AAAxB,kBACE,gCAAC,wBAAD;AACE,IAAA,MAAM,EAAEO,KAAK,IAAI,EADnB;AAEE,IAAA,QAAQ,EAAEG,QAFZ;AAGE,IAAA,UAAU,EAAEC,UAHd;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEN,QALZ;AAME,IAAA,YAAY,EAAEG,YANhB;AAOE,IAAA,SAAS,EAAEJ,OAAO,CAACa,MAPrB;AAQE,IAAA,WAAW,EAAEL,WARf;AASE,IAAA,KAAK,EAAEC,KATT;AAUE,IAAA,aAAa,EAAEC,aAVjB;AAWE,IAAA,cAAc,EAAEC;AAXlB,IADF,CADF,CADF;AAmBD,CA1C2B,CAA9B;AA6CA,IAAMG,QAAQ,GAAG,wBAAW;AAAA,SAAO;AACjCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE;AADH,KAD2B;AAIjCC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,QAAQ,EAAE;AADO,KAJc;AAOjCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,IAAI,EAAE,MADG;AAETC,MAAAA,IAAI,EAAE,CAAC,EAFE;AAGTH,MAAAA,QAAQ,EAAE,UAHD;AAITI,MAAAA,GAAG,EAAE;AAJI;AAPsB,GAAP;AAAA,CAAX,EAab,iBAAwE;AAAA,MAArEpB,KAAqE,SAArEA,KAAqE;AAAA,MAA9DD,QAA8D,SAA9DA,QAA8D;AAAA,MAApDsB,IAAoD,SAApDA,IAAoD;AAAA,MAA9CC,OAA8C,SAA9CA,OAA8C;AAAA,MAArCxB,OAAqC,SAArCA,OAAqC;AAAA,MAA5ByB,QAA4B,SAA5BA,QAA4B;AAAA,MAAlBjB,WAAkB,SAAlBA,WAAkB;;AAC1E,MAAI,CAACe,IAAD,IAASA,IAAI,KAAK,MAAtB,EAA8B;AAC5B,WAAO,IAAP;AACD,GAFD,MAEO,IAAIA,IAAI,KAAK,SAAb,EAAwB;AAC7B,wBACE;AAAK,MAAA,SAAS,EAAEvB,OAAO,CAACiB;AAAxB,oBACE,gCAAC,kCAAD;AAAY,MAAA,SAAS,EAAEjB,OAAO,CAACmB;AAA/B,MADF,eAEE,gCAAC,qBAAD;AACE,MAAA,SAAS,EAAEnB,OAAO,CAACe,IADrB;AAEE,MAAA,KAAK,EAAC,eAFR;AAGE,MAAA,KAAK,EAAES,OAAO,GAAGC,QAAQ,CAACD,OAAZ,GAAsBC,QAAQ,CAACC;AAH/C,MAFF,CADF;AAUD,GAXM,MAWA;AACL,wBACE;AAAK,MAAA,SAAS,EAAE1B,OAAO,CAACiB;AAAxB,oBACE,gCAAC,kCAAD;AAAY,MAAA,SAAS,EAAEjB,OAAO,CAACmB;AAA/B,MADF,eAEE,gCAAC,qBAAD;AACE,MAAA,SAAS,EAAEnB,OAAO,CAACe,IADrB;AAEE,MAAA,KAAK,EAAC,eAFR;AAGE,MAAA,KAAK,EAAEb,KAHT;AAIE,MAAA,QAAQ,EAAED,QAJZ;AAKE,MAAA,WAAW,EAAEO;AALf,MAFF,CADF;AAYD;AACF,CAzCgB,CAAjB;;IA2CamB,mB;;;;;;;;;;;;;;;kGAuCC,UAAAC,GAAG;AAAA,aAAI,UAAAC,MAAM,EAAI;AAC3B,0BAA2B,MAAKC,KAAhC;AAAA,YAAQC,IAAR,eAAQA,IAAR;AAAA,YAAc9B,QAAd,eAAcA,QAAd;;AACA,YAAIA,QAAJ,EAAc;AACZA,UAAAA,QAAQ,iCAAM8B,IAAN,4CAAaH,GAAb,EAAmBC,MAAnB,GAAR;AACD;AACF,OALc;AAAA,K;sGAOC,MAAKG,SAAL,CAAe,OAAf,C;wGAEE,UAAAC,KAAK,EAAI;AACzB,UAAMT,OAAO,GAAGS,KAAK,CAACC,MAAN,CAAaC,OAA7B;AACA,yBAA2B,MAAKL,KAAhC;AAAA,UAAQC,IAAR,gBAAQA,IAAR;AAAA,UAAc9B,QAAd,gBAAcA,QAAd;;AAEA,UAAIA,QAAJ,EAAc;AACZA,QAAAA,QAAQ,iCAAM8B,IAAN;AAAYP,UAAAA,OAAO,EAAPA;AAAZ,WAAR;AACD;AACF,K;8GAEuB,UAAAY,CAAC,EAAI;AAC3B,yBAA2B,MAAKN,KAAhC;AAAA,UAAQC,IAAR,gBAAQA,IAAR;AAAA,UAAc9B,QAAd,gBAAcA,QAAd;;AAEA,UAAI8B,IAAI,CAACM,QAAL,CAAcd,IAAd,KAAuB,QAA3B,EAAqC;AACnC;AACD;;AAED,UAAMe,EAAE,mCAAQP,IAAI,CAACM,QAAb;AAAuBnC,QAAAA,KAAK,EAAEkC;AAA9B,QAAR;;AAEA,UAAInC,QAAJ,EAAcA,QAAQ,iCAAM8B,IAAN;AAAYM,QAAAA,QAAQ,EAAEC;AAAtB,SAAR;AACf,K;6GAEsB,UAAAC,CAAC,EAAI;AAC1B,yBAA2B,MAAKT,KAAhC;AAAA,UAAQC,IAAR,gBAAQA,IAAR;AAAA,UAAc9B,QAAd,gBAAcA,QAAd;;AACA,UAAMqC,EAAE,mCAAQP,IAAI,CAACM,QAAb;AAAuBd,QAAAA,IAAI,EAAEgB;AAA7B,QAAR;;AACA,UAAID,EAAE,CAACf,IAAH,KAAY,QAAhB,EAA0B;AACxBe,QAAAA,EAAE,CAACpC,KAAH,GAAWsC,SAAX;AACD;;AAED,UAAIvC,QAAJ,EAAcA,QAAQ,iCAAM8B,IAAN;AAAYM,QAAAA,QAAQ,EAAEC;AAAtB,SAAR;AACf,K;;;;;;WAED,kBAAS;AACP,yBAmBI,KAAKR,KAnBT;AAAA,UACEC,IADF,gBACEA,IADF;AAAA,UAEE/B,OAFF,gBAEEA,OAFF;AAAA,UAGEyC,IAHF,gBAGEA,IAHF;AAAA,UAIEC,QAJF,gBAIEA,QAJF;AAAA,UAKEC,eALF,gBAKEA,eALF;AAAA,UAMEC,KANF,gBAMEA,KANF;AAAA,UAOEzC,SAPF,gBAOEA,SAPF;AAAA,UAQE0C,QARF,gBAQEA,QARF;AAAA,UASEC,iBATF,gBASEA,iBATF;AAAA,UAUE1C,YAVF,gBAUEA,YAVF;AAAA,UAWEC,QAXF,gBAWEA,QAXF;AAAA,UAYEC,UAZF,gBAYEA,UAZF;AAAA,UAaEC,QAbF,gBAaEA,QAbF;AAAA,UAcEwC,aAdF,gBAcEA,aAdF;AAAA,UAeEC,WAfF,gBAeEA,WAfF;AAAA,UAgBExC,WAhBF,gBAgBEA,WAhBF;AAAA,UAiBEC,KAjBF,gBAiBEA,KAjBF;AAAA,UAkBEwC,oBAlBF,gBAkBEA,oBAlBF;AAqBA,UAAMC,WAAW,GAAGT,IAAI,KAAK,UAAT,GAAsBU,qBAAtB,GAAsCC,kBAA1D;AACA,UAAMxC,KAAK,GAAG,4BAAWZ,OAAO,CAACqD,mBAAnB,EAAwClD,SAAxC,CAAd;AACA,0BACE;AAAK,QAAA,SAAS,EAAES;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAEZ,OAAO,CAACsD;AAAxB,SACGV,KAAK,GAAG,CAAR,iBACC;AAAM,QAAA,SAAS,EAAE5C,OAAO,CAAC4C,KAAzB;AAAgC,QAAA,IAAI,EAAC;AAArC,SACGE,iBAAiB,GAAGS,MAAM,CAACC,YAAP,CAAoB,KAAKZ,KAAzB,EAAgCa,WAAhC,EAAH,GAAmDb,KADvE,CAFJ,eAME,gCAAC,WAAD;AACE,QAAA,SAAS,EAAE5C,OAAO,CAAC0D,MADrB;AAEE,QAAA,QAAQ,EAAE,KAAKC,eAFjB;AAGE,QAAA,KAAK,EAAE,CAACd,QAAD,GAAY,SAAZ,GAAwB,EAHjC;AAIE,QAAA,OAAO,EAAE,CAAC,CAACd,IAAI,CAACP,OAJlB;AAKE,QAAA,KAAK,EAAEyB;AALT,QANF,eAaE;AAAK,QAAA,SAAS,EAAEjD,OAAO,CAAC4D;AAAxB,sBACE,gCAAC,qBAAD;AACE,QAAA,KAAK,EAAE,CAACf,QAAD,GAAY,OAAZ,GAAsB,EAD/B;AAEE,QAAA,KAAK,EAAEd,IAAI,CAAChC,KAFd;AAGE,QAAA,QAAQ,EAAE,KAAK8D,aAHjB;AAIE,QAAA,YAAY,EAAEzD,YAJhB;AAKE,QAAA,QAAQ,EAAEC,QALZ;AAME,QAAA,UAAU,EAAEC,UANd;AAOE,QAAA,QAAQ,EAAEC,QAPZ;AAQE,QAAA,WAAW,EAAEC,WARf;AASE,QAAA,KAAK,EAAEC;AATT,QADF,EAYGA,KAAK,iBAAI;AAAK,QAAA,SAAS,EAAET,OAAO,CAAC8D;AAAxB,SAAoCrD,KAApC,CAZZ,EAcGsC,aAAa,iBACZ,gCAAC,QAAD,gCACMhB,IAAI,CAACM,QADX;AAEE,QAAA,OAAO,EAAEN,IAAI,CAACP,OAFhB;AAGE,QAAA,QAAQ,EAAEmB,eAHZ;AAIE,QAAA,QAAQ,EAAE,KAAKoB,qBAJjB;AAKE,QAAA,WAAW,EAAEvD;AALf,SAfJ,CAbF,EAqCGuC,aAAa,iBACZ,gCAAC,wBAAD;AAAgB,QAAA,SAAS,EAAE/C,OAAO,CAACqC,QAAnC;AAA6C,QAAA,KAAK,EAAE,CAACQ,QAAD,GAAY,UAAZ,GAAyB;AAA7E,sBACE,gCAAC,wBAAD;AACE,QAAA,QAAQ,EAAE,KAAKmB,oBADjB;AAEE,QAAA,KAAK,EAAEjC,IAAI,CAACM,QAFd;AAGE,QAAA,OAAO,EAAE;AACP4B,UAAAA,IAAI,EAAEjE,OAAO,CAACkE;AADP;AAHX,QADF,CAtCJ,EAgDGlB,WAAW,iBACV,gCAAC,wBAAD;AAAgB,QAAA,SAAS,EAAEhD,OAAO,UAAlC;AAA2C,QAAA,KAAK,EAAE,CAAC6C,QAAD,GAAY,QAAZ,GAAuB;AAAzE,sBACE,gCAAC,sBAAD;AAAY,sBAAW,QAAvB;AAAgC,QAAA,SAAS,EAAE7C,OAAO,CAACmE,UAAnD;AAA+D,QAAA,OAAO,EAAEzB;AAAxE,sBACE,gCAAC,kBAAD,OADF,CADF,CAjDJ,CADF,CADF;AA4DD;;;EAnKsC0B,kBAAMC,S;;;iCAAlC1C,mB,eACQ;AACjB3B,EAAAA,OAAO,EAAEsE,sBAAUC,MAAV,CAAiBC,UADT;AAEjB3B,EAAAA,QAAQ,EAAEyB,sBAAUG,IAFH;AAGjB3B,EAAAA,iBAAiB,EAAEwB,sBAAUG,IAHZ;AAIjBtE,EAAAA,SAAS,EAAEmE,sBAAUI,MAJJ;AAKjBjC,EAAAA,IAAI,EAAE6B,sBAAUK,KAAV,CAAgB,CAAC,UAAD,EAAa,OAAb,CAAhB,CALW;AAMjBhC,EAAAA,eAAe,EAAE2B,sBAAUC,MAAV,CAAiBC,UANjB;AAOjBnE,EAAAA,QAAQ,EAAEiE,sBAAUG,IAPH;AAQjBlE,EAAAA,QAAQ,EAAE+D,sBAAUG,IARH;AASjB1C,EAAAA,IAAI,EAAEuC,sBAAUM,KAAV,CAAgB;AACpB7E,IAAAA,KAAK,EAAEuE,sBAAUI,MAAV,CAAiBF,UADJ;AAEpBtE,IAAAA,KAAK,EAAEoE,sBAAUI,MAAV,CAAiBF,UAFJ;AAGpBhD,IAAAA,OAAO,EAAE8C,sBAAUG,IAHC;AAIpBpC,IAAAA,QAAQ,EAAEiC,sBAAUM,KAAV,CAAgB;AACxBrD,MAAAA,IAAI,EAAE+C,sBAAUI,MADQ;AAExBxE,MAAAA,KAAK,EAAEoE,sBAAUI;AAFO,KAAhB;AAJU,GAAhB,CATW;AAkBjBhC,EAAAA,QAAQ,EAAE4B,sBAAUO,IAlBH;AAmBjB5E,EAAAA,QAAQ,EAAEqE,sBAAUO,IAnBH;AAoBjBjC,EAAAA,KAAK,EAAE0B,sBAAUQ,MApBA;AAqBjB1E,EAAAA,YAAY,EAAEkE,sBAAUM,KAAV,CAAgB;AAC5BG,IAAAA,GAAG,EAAET,sBAAUO,IAAV,CAAeL,UADQ;AAE5B,cAAQF,sBAAUO,IAAV,CAAeL;AAFK,GAAhB,CArBG;AAyBjBzB,EAAAA,aAAa,EAAEuB,sBAAUG,IAzBR;AA0BjBzB,EAAAA,WAAW,EAAEsB,sBAAUG,IA1BN;AA2BjBjE,EAAAA,WAAW,EAAE8D,sBAAUC;AA3BN,C;iCADR5C,mB,kBA+BW;AACpBiB,EAAAA,KAAK,EAAE,CAAC,CADY;AAEpBC,EAAAA,QAAQ,EAAE,KAFU;AAGpBC,EAAAA,iBAAiB,EAAE,KAHC;AAIpBC,EAAAA,aAAa,EAAE,IAJK;AAKpBC,EAAAA,WAAW,EAAE;AALO,C;;AAuIxB,IAAMgC,MAAM,GAAG,SAATA,MAAS,CAAAvF,KAAK;AAAA,SAAK;AACvBmD,IAAAA,KAAK,EAAE;AACLqC,MAAAA,OAAO,EAAE;AADJ,KADgB;AAIvB5B,IAAAA,mBAAmB,EAAE,EAJE;AAKvBC,IAAAA,MAAM,EAAE;AACN4B,MAAAA,OAAO,EAAE;AADH,KALe;AAQvBhF,IAAAA,KAAK,EAAE;AACLiF,MAAAA,IAAI,EAAE,KADD;AAELC,MAAAA,YAAY,EAAE3F,KAAK,CAACI,OAAN,CAAcC;AAFvB,KARgB;AAYvBH,IAAAA,YAAY,EAAE;AACZC,MAAAA,SAAS,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADpB,KAZS;AAevB4D,IAAAA,MAAM,EAAE;AACNyB,MAAAA,IAAI,EAAE;AADA,KAfe;AAkBvB9C,IAAAA,QAAQ,EAAE;AACR8C,MAAAA,IAAI,EAAE,UADE;AAERE,MAAAA,UAAU,EAAE5F,KAAK,CAACI,OAAN,CAAcC,IAFlB;AAGRwF,MAAAA,WAAW,EAAE,CAHL;AAIRC,MAAAA,UAAU,EAAE,CAJJ;AAKRH,MAAAA,YAAY,EAAE3F,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAL3B,KAlBa;AAyBvBoE,IAAAA,YAAY,EAAE;AACZsB,MAAAA,MAAM,EAAE,CADI;AAEZF,MAAAA,WAAW,EAAE,CAFD;AAGZtE,MAAAA,KAAK,EAAE;AAHK,KAzBS;AA8BvBmD,IAAAA,UAAU,EAAE;AACVqB,MAAAA,MAAM,EAAE,CADE;AAEVxE,MAAAA,KAAK,EAAE;AAFG,KA9BW;AAkCvB,cAAQ;AACNmE,MAAAA,IAAI,EAAE,UADA;AAENE,MAAAA,UAAU,EAAE5F,KAAK,CAACI,OAAN,CAAcC,IAFpB;AAGNwF,MAAAA,WAAW,EAAE,CAHP;AAINC,MAAAA,UAAU,EAAE;AAJN,KAlCe;AAwCvB3B,IAAAA,YAAY,EAAE;AACZsB,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,IAAI,EAAE,CAFM;AAGZM,MAAAA,aAAa,EAAE;AAHH,KAxCS;AA6CvB3B,IAAAA,SAAS,EAAE;AACT4B,MAAAA,QAAQ,EAAE,MADD;AAETC,MAAAA,KAAK,EAAE;AAFE;AA7CY,GAAL;AAAA,CAApB;;eAmDe,wBAAWX,MAAX,EAAmBrD,mBAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles(theme => ({\n labelContainer: {},\n editorHolder: {\n marginTop: theme.spacing.unit * 2\n }\n}))(\n ({\n label,\n classes,\n onChange,\n value,\n className,\n imageSupport,\n disabled,\n spellCheck,\n nonEmpty,\n toolbarOpts,\n error,\n maxImageWidth,\n maxImageHeight\n }) => {\n const names = classNames(classes.labelContainer, className);\n\n return (\n <InputContainer label={label} className={names}>\n <div className={classes.editorHolder}>\n <EditableHtml\n markup={value || ''}\n disabled={disabled}\n spellCheck={spellCheck}\n nonEmpty={nonEmpty}\n onChange={onChange}\n imageSupport={imageSupport}\n className={classes.editor}\n toolbarOpts={toolbarOpts}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\n />\n </div>\n </InputContainer>\n );\n }\n);\n\nconst Feedback = withStyles(() => ({\n text: {\n width: '100%'\n },\n feedbackContainer: {\n position: 'relative'\n },\n arrowIcon: {\n fill: '#ccc',\n left: -56,\n position: 'absolute',\n top: 20\n }\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n if (!type || type === 'none') {\n return null;\n } else if (type === 'default') {\n return (\n <div className={classes.feedbackContainer}>\n <ArrowRight className={classes.arrowIcon} />\n <TextField\n className={classes.text}\n label=\"Feedback Text\"\n value={correct ? defaults.correct : defaults.incorrect}\n />\n </div>\n );\n } else {\n return (\n <div className={classes.feedbackContainer}>\n <ArrowRight className={classes.arrowIcon} />\n <EditableHtmlContainer\n className={classes.text}\n label=\"Feedback Text\"\n value={value}\n onChange={onChange}\n toolbarOpts={toolbarOpts}\n />\n </div>\n );\n }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n noLabels: PropTypes.bool,\n useLetterOrdering: PropTypes.bool,\n className: PropTypes.string,\n mode: PropTypes.oneOf(['checkbox', 'radio']),\n defaultFeedback: PropTypes.object.isRequired,\n disabled: PropTypes.bool,\n nonEmpty: PropTypes.bool,\n data: PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n correct: PropTypes.bool,\n feedback: PropTypes.shape({\n type: PropTypes.string,\n value: PropTypes.string\n })\n }),\n onDelete: PropTypes.func,\n onChange: PropTypes.func,\n index: PropTypes.number,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired\n }),\n allowFeedBack: PropTypes.bool,\n allowDelete: PropTypes.bool,\n toolbarOpts: PropTypes.object\n };\n\n static defaultProps = {\n index: -1,\n noLabels: false,\n useLetterOrdering: false,\n allowFeedBack: true,\n allowDelete: true\n };\n\n _changeFn = key => update => {\n const { data, onChange } = this.props;\n if (onChange) {\n onChange({ ...data, [key]: update });\n }\n };\n\n onLabelChange = this._changeFn('label');\n\n onCheckedChange = event => {\n const correct = event.target.checked;\n const { data, onChange } = this.props;\n\n if (onChange) {\n onChange({ ...data, correct });\n }\n };\n\n onFeedbackValueChange = v => {\n const { data, onChange } = this.props;\n\n if (data.feedback.type !== 'custom') {\n return;\n }\n\n const fb = { ...data.feedback, value: v };\n\n if (onChange) onChange({ ...data, feedback: fb });\n };\n\n onFeedbackTypeChange = t => {\n const { data, onChange } = this.props;\n const fb = { ...data.feedback, type: t };\n if (fb.type !== 'custom') {\n fb.value = undefined;\n }\n\n if (onChange) onChange({ ...data, feedback: fb });\n };\n\n render() {\n const {\n data,\n classes,\n mode,\n onDelete,\n defaultFeedback,\n index,\n className,\n noLabels,\n useLetterOrdering,\n imageSupport,\n disabled,\n spellCheck,\n nonEmpty,\n allowFeedBack,\n allowDelete,\n toolbarOpts,\n error,\n noCorrectAnswerError\n } = this.props;\n\n const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n const names = classNames(classes.choiceConfiguration, className);\n return (\n <div className={names}>\n <div className={classes.topRow}>\n {index > 0 && (\n <span className={classes.index} type=\"title\">\n {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n </span>\n )}\n <InputToggle\n className={classes.toggle}\n onChange={this.onCheckedChange}\n label={!noLabels ? 'Correct' : ''}\n checked={!!data.correct}\n error={noCorrectAnswerError}\n />\n <div className={classes.middleColumn}>\n <EditableHtmlContainer\n label={!noLabels ? 'Label' : ''}\n value={data.label}\n onChange={this.onLabelChange}\n imageSupport={imageSupport}\n disabled={disabled}\n spellCheck={spellCheck}\n nonEmpty={nonEmpty}\n toolbarOpts={toolbarOpts}\n error={error}\n />\n {error && <div className={classes.errorText}>{error}</div>}\n\n {allowFeedBack && (\n <Feedback\n {...data.feedback}\n correct={data.correct}\n defaults={defaultFeedback}\n onChange={this.onFeedbackValueChange}\n toolbarOpts={toolbarOpts}\n />\n )}\n </div>\n {allowFeedBack && (\n <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n <FeedbackMenu\n onChange={this.onFeedbackTypeChange}\n value={data.feedback}\n classes={{\n icon: classes.feedbackIcon\n }}\n />\n </InputContainer>\n )}\n {allowDelete && (\n <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n <ActionDelete />\n </IconButton>\n </InputContainer>\n )}\n </div>\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n index: {\n padding: '24px 10px 0 0'\n },\n choiceConfiguration: {},\n topRow: {\n display: 'flex'\n },\n value: {\n flex: '0.5',\n paddingRight: theme.spacing.unit\n },\n editorHolder: {\n marginTop: theme.spacing.unit * 2\n },\n toggle: {\n flex: '0 1 auto'\n },\n feedback: {\n flex: '0 1 auto',\n paddingTop: theme.spacing.unit,\n paddingLeft: 0,\n marginLeft: 0,\n paddingRight: theme.spacing.unit * 3\n },\n feedbackIcon: {\n margin: 0,\n paddingLeft: 0,\n width: 'inherit'\n },\n deleteIcon: {\n margin: 0,\n width: 'inherit'\n },\n delete: {\n flex: '0 1 auto',\n paddingTop: theme.spacing.unit,\n paddingLeft: 0,\n marginLeft: 0\n },\n middleColumn: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column'\n },\n errorText: {\n fontSize: '12px',\n color: 'red'\n }\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}
|
package/lib/choice-utils.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports.normalizeChoices = exports.firstAvailableIndex = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
11
|
|
|
10
|
-
|
|
12
|
+
var _includes = _interopRequireDefault(require("lodash/includes"));
|
|
11
13
|
|
|
12
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
15
|
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
15
|
-
|
|
16
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* Add value to every model.choices.
|
package/lib/choice-utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/choice-utils.js"],"names":["normalizeChoices","model","choices","map","c","index","value","firstAvailableIndex","values"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/choice-utils.js"],"names":["normalizeChoices","model","choices","map","c","index","value","firstAvailableIndex","values"],"mappings":";;;;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,KAAK,EAAI;AACvC,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAACC,CAAD,EAAIC,KAAJ,EAAc;AAC9C,QAAI,CAACD,CAAC,CAACE,KAAP,EAAc;AACZF,MAAAA,CAAC,CAACE,KAAF,aAAaD,KAAb;AACD;;AACD,WAAOD,CAAP;AACD,GALe,CAAhB;AAMA,yCAAYH,KAAZ;AAAmBC,IAAAA,OAAO,EAAPA;AAAnB;AACD,CARM;AAUP;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,MAAD,EAASH,KAAT,EAAmB;AACpD,MAAI,0BAASG,MAAT,YAAoBH,KAApB,EAAJ,EAAkC;AAChC,WAAOE,mBAAmB,CAACC,MAAD,EAASH,KAAK,GAAG,CAAjB,CAA1B;AACD,GAFD,MAEO;AACL,qBAAUA,KAAV;AACD;AACF,CANM","sourcesContent":["import includes from 'lodash/includes';\n\n/**\n * Add value to every model.choices.\n * @param {Object} model the model to normalize\n * @return {Object} the updated model\n */\nexport const normalizeChoices = model => {\n const choices = model.choices.map((c, index) => {\n if (!c.value) {\n c.value = `${index}`;\n }\n return c;\n });\n return { ...model, choices };\n};\n\n/**\n * Find the first available index.\n * @param {string[]} values\n * @param {number} index\n * @return {string}\n */\nexport const firstAvailableIndex = (values, index) => {\n if (includes(values, `${index}`)) {\n return firstAvailableIndex(values, index + 1);\n } else {\n return `${index}`;\n }\n};\n"],"file":"choice-utils.js"}
|