@pie-lib/config-ui 12.0.0-beta.3 → 12.0.0-beta.5
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 +221 -80
- package/lib/alert-dialog.js +5 -11
- package/lib/alert-dialog.js.map +1 -1
- package/lib/checkbox.js +8 -20
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +6 -39
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +96 -106
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +2 -12
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +25 -47
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +8 -19
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +21 -50
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +5 -13
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +14 -43
- package/lib/help.js.map +1 -1
- package/lib/index.js +1 -30
- package/lib/index.js.map +1 -1
- package/lib/input.js +12 -40
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +28 -45
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +11 -40
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +42 -45
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +1 -4
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +101 -44
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +8 -30
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +4 -11
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +34 -84
- package/lib/number-text-field-custom.js.map +1 -1
- package/lib/number-text-field.js +29 -72
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +5 -12
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +4 -16
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +15 -29
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +142 -160
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +14 -19
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +5 -12
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +10 -29
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +7 -44
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +15 -49
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +3 -22
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +4 -4
- package/src/alert-dialog.jsx +2 -9
- package/src/checkbox.jsx +10 -10
- package/src/choice-configuration/feedback-menu.jsx +10 -23
- package/src/choice-configuration/index.jsx +88 -53
- package/src/choice-utils.js +1 -1
- package/src/feedback-config/feedback-selector.jsx +29 -23
- package/src/feedback-config/group.jsx +10 -12
- package/src/feedback-config/index.jsx +49 -35
- package/src/form-section.jsx +4 -4
- package/src/help.jsx +14 -15
- package/src/index.js +2 -5
- package/src/input.jsx +8 -8
- package/src/inputs.jsx +15 -20
- package/src/langs.jsx +28 -39
- package/src/layout/config-layout.jsx +26 -23
- package/src/layout/layout-contents.jsx +81 -22
- package/src/layout/settings-box.jsx +12 -8
- package/src/mui-box/index.jsx +9 -9
- package/src/number-text-field-custom.jsx +28 -25
- package/src/number-text-field.jsx +17 -12
- package/src/radio-with-label.jsx +2 -2
- package/src/settings/display-size.jsx +5 -5
- package/src/settings/index.js +18 -11
- package/src/settings/panel.jsx +89 -61
- package/src/settings/settings-radio-label.jsx +5 -5
- package/src/settings/toggle.jsx +7 -7
- package/src/tabs/index.jsx +11 -15
- package/src/tags-input/index.jsx +17 -19
- package/src/two-choice.jsx +8 -8
- package/src/with-stateful-model.jsx +5 -5
package/lib/alert-dialog.js
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _core = require("@material-ui/core");
|
|
15
|
-
|
|
16
11
|
var AlertDialog = function AlertDialog(_ref) {
|
|
17
12
|
var text = _ref.text,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
title = _ref.title,
|
|
14
|
+
onClose = _ref.onClose,
|
|
15
|
+
onConfirm = _ref.onConfirm,
|
|
16
|
+
open = _ref.open;
|
|
22
17
|
return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
|
|
23
18
|
open: open,
|
|
24
19
|
onClose: onClose
|
|
@@ -31,7 +26,6 @@ var AlertDialog = function AlertDialog(_ref) {
|
|
|
31
26
|
color: "primary"
|
|
32
27
|
}, "OK")));
|
|
33
28
|
};
|
|
34
|
-
|
|
35
29
|
AlertDialog.propTypes = {
|
|
36
30
|
text: _propTypes["default"].string,
|
|
37
31
|
title: _propTypes["default"].string,
|
|
@@ -41,4 +35,4 @@ AlertDialog.propTypes = {
|
|
|
41
35
|
};
|
|
42
36
|
var _default = AlertDialog;
|
|
43
37
|
exports["default"] = _default;
|
|
44
|
-
//# sourceMappingURL=
|
|
38
|
+
//# sourceMappingURL=alert-dialog.js.map
|
package/lib/alert-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","names":["AlertDialog","text","title","onClose","onConfirm","open","propTypes","PropTypes","string","func","bool"],"sources":["../src/alert-dialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","names":["_react","_interopRequireDefault","require","_propTypes","_core","AlertDialog","_ref","text","title","onClose","onConfirm","open","createElement","Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions","Button","onClick","color","autoFocus","propTypes","PropTypes","string","func","bool","_default","exports"],"sources":["../src/alert-dialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } 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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;EAAA,oBAC1DX,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAS,MAAM;IAACF,IAAI,EAAEA,IAAK;IAACF,OAAO,EAAEA;EAAQ,GAClCD,KAAK,iBAAIR,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAU,WAAW,QAAEN,KAAmB,CAAC,EAC3CD,IAAI,iBACHP,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAW,aAAa,qBACZf,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAY,iBAAiB,QAAET,IAAwB,CAC/B,CAChB,eACDP,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAa,aAAa,QACXR,OAAO,iBACNT,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAc,MAAM;IAACC,OAAO,EAAEV,OAAQ;IAACW,KAAK,EAAC;EAAS,GAAC,QAElC,CACT,EACAV,SAAS,iBACRV,MAAA,YAAAY,aAAA,CAACR,KAAA,CAAAc,MAAM;IAACG,SAAS;IAACF,OAAO,EAAET,SAAU;IAACU,KAAK,EAAC;EAAS,GAAC,IAE9C,CAEG,CACT,CAAC;AAAA,CACV;AAEDf,WAAW,CAACiB,SAAS,GAAG;EACtBf,IAAI,EAAEgB,qBAAS,CAACC,MAAM;EACtBhB,KAAK,EAAEe,qBAAS,CAACC,MAAM;EACvBf,OAAO,EAAEc,qBAAS,CAACE,IAAI;EACvBf,SAAS,EAAEa,qBAAS,CAACE,IAAI;EACzBd,IAAI,EAAEY,qBAAS,CAACG;AAClB,CAAC;AAAC,IAAAC,QAAA,GAEatB,WAAW;AAAAuB,OAAA,cAAAD,QAAA"}
|
package/lib/checkbox.js
CHANGED
|
@@ -1,33 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
|
|
11
|
-
|
|
12
9
|
var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _styles = require("@material-ui/core/styles");
|
|
19
|
-
|
|
20
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
-
|
|
22
14
|
var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
|
|
23
|
-
|
|
24
15
|
var Checkbox = function Checkbox(_ref) {
|
|
25
16
|
var mini = _ref.mini,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
17
|
+
checked = _ref.checked,
|
|
18
|
+
onChange = _ref.onChange,
|
|
19
|
+
value = _ref.value,
|
|
20
|
+
label = _ref.label,
|
|
21
|
+
classes = _ref.classes;
|
|
31
22
|
return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
32
23
|
className: (0, _classnames["default"])(classes.mini),
|
|
33
24
|
classes: {
|
|
@@ -42,7 +33,6 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
42
33
|
label: label
|
|
43
34
|
});
|
|
44
35
|
};
|
|
45
|
-
|
|
46
36
|
Checkbox.propTypes = {
|
|
47
37
|
mini: _propTypes["default"].bool,
|
|
48
38
|
classes: _propTypes["default"].object.isRequired,
|
|
@@ -55,11 +45,10 @@ Checkbox.defaultProps = {
|
|
|
55
45
|
value: '',
|
|
56
46
|
mini: false
|
|
57
47
|
};
|
|
58
|
-
|
|
59
48
|
var _default = (0, _styles.withStyles)(function (theme) {
|
|
60
49
|
return {
|
|
61
50
|
label: {
|
|
62
|
-
fontSize:
|
|
51
|
+
fontSize: theme.typography.fontSize - 1,
|
|
63
52
|
transform: 'translate(-4%, 2%)',
|
|
64
53
|
color: 'rgba(0,0,0,1.0)'
|
|
65
54
|
},
|
|
@@ -72,7 +61,7 @@ var _default = (0, _styles.withStyles)(function (theme) {
|
|
|
72
61
|
miniLabel: {
|
|
73
62
|
marginLeft: theme.spacing.unit,
|
|
74
63
|
color: _grey["default"][700],
|
|
75
|
-
fontSize:
|
|
64
|
+
fontSize: theme.typography.fontSize - 3
|
|
76
65
|
},
|
|
77
66
|
mini: {
|
|
78
67
|
margin: 0,
|
|
@@ -81,6 +70,5 @@ var _default = (0, _styles.withStyles)(function (theme) {
|
|
|
81
70
|
}
|
|
82
71
|
};
|
|
83
72
|
})(Checkbox);
|
|
84
|
-
|
|
85
73
|
exports["default"] = _default;
|
|
86
|
-
//# sourceMappingURL=
|
|
74
|
+
//# sourceMappingURL=checkbox.js.map
|
package/lib/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","names":["Checkbox","mini","checked","onChange","value","label","classes","classNames","miniLabel","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","withStyles","theme","fontSize","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey"],"sources":["../src/checkbox.jsx"],"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)
|
|
1
|
+
{"version":3,"file":"checkbox.js","names":["_FormControlLabel","_interopRequireDefault","require","_Checkbox","_propTypes","_react","_styles","_classnames","_grey","Checkbox","_ref","mini","checked","onChange","value","label","classes","createElement","className","classNames","miniLabel","control","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","_default","withStyles","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey","exports"],"sources":["../src/checkbox.jsx"],"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: theme.typography.fontSize - 1,\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: theme.typography.fontSize - 3,\n },\n mini: {\n margin: 0,\n marginLeft: 0,\n padding: 0,\n },\n}))(Checkbox);\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAMO,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;EAAA,oBAChEX,MAAA,YAAAY,aAAA,CAACjB,iBAAA,WAAgB;IACfkB,SAAS,EAAE,IAAAC,sBAAU,EAACH,OAAO,CAACL,IAAI,CAAE;IACpCK,OAAO,EAAE;MACPD,KAAK,EAAE,IAAAI,sBAAU,EAACH,OAAO,CAACD,KAAK,EAAEJ,IAAI,IAAIK,OAAO,CAACI,SAAS;IAC5D,CAAE;IACFC,OAAO,eACLhB,MAAA,YAAAY,aAAA,CAACd,SAAA,WAAW;MACVS,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MACbI,SAAS,EAAE,IAAAC,sBAAU,EAACR,IAAI,IAAIK,OAAO,CAACM,YAAY;IAAE,CACrD,CACF;IACDP,KAAK,EAAEA;EAAM,CACd,CAAC;AAAA,CACH;AAEDN,QAAQ,CAACc,SAAS,GAAG;EACnBZ,IAAI,EAAEa,qBAAS,CAACC,IAAI;EACpBT,OAAO,EAAEQ,qBAAS,CAACE,MAAM,CAACC,UAAU;EACpCf,OAAO,EAAEY,qBAAS,CAACC,IAAI,CAACE,UAAU;EAClCd,QAAQ,EAAEW,qBAAS,CAACI,IAAI,CAACD,UAAU;EACnCb,KAAK,EAAEU,qBAAS,CAACK,MAAM;EACvBd,KAAK,EAAES,qBAAS,CAACK,MAAM,CAACF;AAC1B,CAAC;AAEDlB,QAAQ,CAACqB,YAAY,GAAG;EACtBhB,KAAK,EAAE,EAAE;EACTH,IAAI,EAAE;AACR,CAAC;AAAC,IAAAoB,QAAA,GAEa,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACpClB,KAAK,EAAE;MACLmB,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG,CAAC;MACvCE,SAAS,EAAE,oBAAoB;MAC/BC,KAAK,EAAE;IACT,CAAC;IACDf,YAAY,EAAE;MACZgB,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAEP,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAG,CAAC;MAC7BC,MAAM,EAAEV,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAG;IAC/B,CAAC;IACDtB,SAAS,EAAE;MACTwB,UAAU,EAAEX,KAAK,CAACQ,OAAO,CAACC,IAAI;MAC9BL,KAAK,EAAEQ,gBAAI,CAAC,GAAG,CAAC;MAChBX,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;IACxC,CAAC;IACDvB,IAAI,EAAE;MACJ2B,MAAM,EAAE,CAAC;MACTM,UAAU,EAAE,CAAC;MACbL,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC,CAAC9B,QAAQ,CAAC;AAAAqC,OAAA,cAAAf,QAAA"}
|
|
@@ -1,50 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.IconMenu = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
|
|
25
|
-
|
|
26
16
|
var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
|
|
27
|
-
|
|
28
17
|
var _Feedback = _interopRequireDefault(require("@material-ui/icons/Feedback"));
|
|
29
|
-
|
|
30
18
|
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
31
|
-
|
|
32
19
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
|
-
|
|
34
20
|
var _react = _interopRequireDefault(require("react"));
|
|
35
|
-
|
|
36
21
|
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); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
var IconMenu = /*#__PURE__*/function (_React$Component) {
|
|
41
24
|
(0, _inherits2["default"])(IconMenu, _React$Component);
|
|
42
|
-
|
|
43
25
|
var _super = _createSuper(IconMenu);
|
|
44
|
-
|
|
45
26
|
function IconMenu(props) {
|
|
46
27
|
var _this;
|
|
47
|
-
|
|
48
28
|
(0, _classCallCheck2["default"])(this, IconMenu);
|
|
49
29
|
_this = _super.call(this, props);
|
|
50
30
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
|
|
@@ -64,25 +44,20 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
64
44
|
};
|
|
65
45
|
return _this;
|
|
66
46
|
}
|
|
67
|
-
|
|
68
47
|
(0, _createClass2["default"])(IconMenu, [{
|
|
69
48
|
key: "render",
|
|
70
49
|
value: function render() {
|
|
71
50
|
var _this2 = this;
|
|
72
|
-
|
|
73
51
|
var _this$props = this.props,
|
|
74
|
-
|
|
75
|
-
|
|
52
|
+
opts = _this$props.opts,
|
|
53
|
+
onClick = _this$props.onClick;
|
|
76
54
|
var keys = Object.keys(opts);
|
|
77
|
-
|
|
78
55
|
var handleMenuClick = function handleMenuClick(key) {
|
|
79
56
|
return function () {
|
|
80
57
|
onClick(key);
|
|
81
|
-
|
|
82
58
|
_this2.handleRequestClose();
|
|
83
59
|
};
|
|
84
60
|
};
|
|
85
|
-
|
|
86
61
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
62
|
onClick: this.handleClick
|
|
88
63
|
}, this.props.iconButtonElement), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
|
|
@@ -100,42 +75,35 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
100
75
|
}]);
|
|
101
76
|
return IconMenu;
|
|
102
77
|
}(_react["default"].Component);
|
|
103
|
-
|
|
104
78
|
exports.IconMenu = IconMenu;
|
|
105
79
|
(0, _defineProperty2["default"])(IconMenu, "propTypes", {
|
|
106
80
|
opts: _propTypes["default"].object,
|
|
107
81
|
onClick: _propTypes["default"].func.isRequired,
|
|
108
82
|
iconButtonElement: _propTypes["default"].any
|
|
109
83
|
});
|
|
110
|
-
|
|
111
84
|
var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
|
|
112
85
|
(0, _inherits2["default"])(FeedbackMenu, _React$Component2);
|
|
113
|
-
|
|
114
86
|
var _super2 = _createSuper(FeedbackMenu);
|
|
115
|
-
|
|
116
87
|
function FeedbackMenu() {
|
|
117
88
|
(0, _classCallCheck2["default"])(this, FeedbackMenu);
|
|
118
89
|
return _super2.apply(this, arguments);
|
|
119
90
|
}
|
|
120
|
-
|
|
121
91
|
(0, _createClass2["default"])(FeedbackMenu, [{
|
|
122
92
|
key: "render",
|
|
123
93
|
value: function render() {
|
|
124
94
|
var _this$props2 = this.props,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
95
|
+
value = _this$props2.value,
|
|
96
|
+
onChange = _this$props2.onChange,
|
|
97
|
+
classes = _this$props2.classes;
|
|
128
98
|
var t = value && value.type;
|
|
129
99
|
var iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';
|
|
130
100
|
var tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';
|
|
131
|
-
|
|
132
101
|
var icon = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
133
102
|
className: classes.icon,
|
|
134
103
|
"aria-label": tooltip
|
|
135
104
|
}, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], {
|
|
136
105
|
color: iconColor
|
|
137
106
|
}));
|
|
138
|
-
|
|
139
107
|
return /*#__PURE__*/_react["default"].createElement(IconMenu, {
|
|
140
108
|
iconButtonElement: icon,
|
|
141
109
|
onClick: function onClick(key) {
|
|
@@ -151,7 +119,6 @@ var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
|
|
|
151
119
|
}]);
|
|
152
120
|
return FeedbackMenu;
|
|
153
121
|
}(_react["default"].Component);
|
|
154
|
-
|
|
155
122
|
exports["default"] = FeedbackMenu;
|
|
156
123
|
(0, _defineProperty2["default"])(FeedbackMenu, "propTypes", {
|
|
157
124
|
value: _propTypes["default"].object,
|
|
@@ -161,4 +128,4 @@ exports["default"] = FeedbackMenu;
|
|
|
161
128
|
(0, _defineProperty2["default"])(FeedbackMenu, "defaultProps", {
|
|
162
129
|
classes: {}
|
|
163
130
|
});
|
|
164
|
-
//# sourceMappingURL=
|
|
131
|
+
//# sourceMappingURL=feedback-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feedback-menu.js","names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","keys","Object","handleMenuClick","
|
|
1
|
+
{"version":3,"file":"feedback-menu.js","names":["_Menu","_interopRequireDefault","require","_MenuItem","_Feedback","_IconButton","_propTypes","_react","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","IconMenu","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","event","setState","open","anchorEl","currentTarget","state","undefined","_createClass2","key","value","render","_this2","_this$props","opts","onClick","keys","Object","handleMenuClick","handleRequestClose","createElement","handleClick","iconButtonElement","id","onClose","map","k","index","React","Component","exports","PropTypes","object","func","isRequired","any","FeedbackMenu","_React$Component2","_super2","_this$props2","onChange","classes","t","type","iconColor","tooltip","icon","className","color","none","custom"],"sources":["../../src/choice-configuration/feedback-menu.jsx"],"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 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 id=\"simple-menu\" anchorEl={this.state.anchorEl} open={this.state.open} onClose={this.handleRequestClose}>\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 const t = value && value.type;\n const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n const tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : '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"],"mappings":"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"}
|