@pie-lib/config-ui 11.1.5-next.48 → 11.1.5-next.49

package/lib/alert-dialog.js

@@ -1,19 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _core = require("@material-ui/core");
+
 var AlertDialog = function AlertDialog(_ref) {
   var text = _ref.text,
-    title = _ref.title,
-    onClose = _ref.onClose,
-    onConfirm = _ref.onConfirm,
-    open = _ref.open;
+      title = _ref.title,
+      onClose = _ref.onClose,
+      onConfirm = _ref.onConfirm,
+      open = _ref.open;
   return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
     open: open,
     onClose: onClose
@@ -26,6 +31,7 @@ var AlertDialog = function AlertDialog(_ref) {
     color: "primary"
   }, "OK")));
 };
+
 AlertDialog.propTypes = {
   text: _propTypes["default"].string,
   title: _propTypes["default"].string,

package/lib/alert-dialog.js.map

@@ -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 { 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;AACA;AACA;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAW;EAAA,IAAMC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,IAAI,QAAJA,IAAI;EAAA,oBAC1D,gCAAC,YAAM;IAAC,IAAI,EAAEA,IAAK;IAAC,OAAO,EAAEF;EAAQ,GAClCD,KAAK,iBAAI,gCAAC,iBAAW,QAAEA,KAAK,CAAe,EAC3CD,IAAI,iBACH,gCAAC,mBAAa,qBACZ,gCAAC,uBAAiB,QAAEA,IAAI,CAAqB,CAEhD,eACD,gCAAC,mBAAa,QACXE,OAAO,iBACN,gCAAC,YAAM;IAAC,OAAO,EAAEA,OAAQ;IAAC,KAAK,EAAC;EAAS,GAAC,QAE1C,CACD,EACAC,SAAS,iBACR,gCAAC,YAAM;IAAC,SAAS;IAAC,OAAO,EAAEA,SAAU;IAAC,KAAK,EAAC;EAAS,GAAC,IAEtD,CACD,CACa,CACT;AAAA,CACV;AAEDJ,WAAW,CAACM,SAAS,GAAG;EACtBL,IAAI,EAAEM,qBAAS,CAACC,MAAM;EACtBN,KAAK,EAAEK,qBAAS,CAACC,MAAM;EACvBL,OAAO,EAAEI,qBAAS,CAACE,IAAI;EACvBL,SAAS,EAAEG,qBAAS,CAACE,IAAI;EACzBJ,IAAI,EAAEE,qBAAS,CAACG;AAClB,CAAC;AAAC,eAEaV,WAAW;AAAA"}
+{"version":3,"sources":["../src/alert-dialog.jsx"],"names":["AlertDialog","text","title","onClose","onConfirm","open","propTypes","PropTypes","string","func","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,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 { 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"],"file":"alert-dialog.js"}

package/lib/checkbox.js

@@ -1,24 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
+
 var Checkbox = function Checkbox(_ref) {
   var mini = _ref.mini,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    label = _ref.label,
-    classes = _ref.classes;
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      label = _ref.label,
+      classes = _ref.classes;
   return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     className: (0, _classnames["default"])(classes.mini),
     classes: {
@@ -33,6 +42,7 @@ var Checkbox = function Checkbox(_ref) {
     label: label
   });
 };
+
 Checkbox.propTypes = {
   mini: _propTypes["default"].bool,
   classes: _propTypes["default"].object.isRequired,
@@ -45,6 +55,7 @@ Checkbox.defaultProps = {
   value: '',
   mini: false
 };
+
 var _default = (0, _styles.withStyles)(function (theme) {
   return {
     label: {
@@ -70,5 +81,6 @@ var _default = (0, _styles.withStyles)(function (theme) {
     }
   };
 })(Checkbox);
+
 exports["default"] = _default;
 //# sourceMappingURL=checkbox.js.map

package/lib/checkbox.js.map

@@ -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),\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"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ;EAAA,IAAMC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAChE,gCAAC,4BAAgB;IACf,SAAS,EAAE,IAAAC,sBAAU,EAACD,OAAO,CAACL,IAAI,CAAE;IACpC,OAAO,EAAE;MACPI,KAAK,EAAE,IAAAE,sBAAU,EAACD,OAAO,CAACD,KAAK,EAAEJ,IAAI,IAAIK,OAAO,CAACE,SAAS;IAC5D,CAAE;IACF,OAAO,eACL,gCAAC,oBAAW;MACV,OAAO,EAAEN,OAAQ;MACjB,QAAQ,EAAEC,QAAS;MACnB,KAAK,EAAEC,KAAM;MACb,SAAS,EAAE,IAAAG,sBAAU,EAACN,IAAI,IAAIK,OAAO,CAACG,YAAY;IAAE,EAEvD;IACD,KAAK,EAAEJ;EAAM,EACb;AAAA,CACH;AAEDL,QAAQ,CAACU,SAAS,GAAG;EACnBT,IAAI,EAAEU,qBAAS,CAACC,IAAI;EACpBN,OAAO,EAAEK,qBAAS,CAACE,MAAM,CAACC,UAAU;EACpCZ,OAAO,EAAES,qBAAS,CAACC,IAAI,CAACE,UAAU;EAClCX,QAAQ,EAAEQ,qBAAS,CAACI,IAAI,CAACD,UAAU;EACnCV,KAAK,EAAEO,qBAAS,CAACK,MAAM;EACvBX,KAAK,EAAEM,qBAAS,CAACK,MAAM,CAACF;AAC1B,CAAC;AAEDd,QAAQ,CAACiB,YAAY,GAAG;EACtBb,KAAK,EAAE,EAAE;EACTH,IAAI,EAAE;AACR,CAAC;AAAC,eAEa,IAAAiB,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACpCd,KAAK,EAAE;MACLe,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAE,oBAAoB;MAC/BC,KAAK,EAAE;IACT,CAAC;IACDb,YAAY,EAAE;MACZc,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAEN,KAAK,CAACO,OAAO,CAACC,IAAI,GAAG,CAAC;MAC7BC,MAAM,EAAET,KAAK,CAACO,OAAO,CAACC,IAAI,GAAG;IAC/B,CAAC;IACDnB,SAAS,EAAE;MACTqB,UAAU,EAAEV,KAAK,CAACO,OAAO,CAACC,IAAI;MAC9BL,KAAK,EAAEQ,gBAAI,CAAC,GAAG,CAAC;MAChBV,QAAQ,EAAE;IACZ,CAAC;IACDnB,IAAI,EAAE;MACJsB,MAAM,EAAE,CAAC;MACTM,UAAU,EAAE,CAAC;MACbL,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC,CAACxB,QAAQ,CAAC;AAAA"}
+{"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,UAACgB,KAAD;AAAA,SAAY;AACpCZ,IAAAA,KAAK,EAAE;AACLa,MAAAA,QAAQ,EAAE,MADL;AAELC,MAAAA,SAAS,EAAE,oBAFN;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAD6B;AAMpCZ,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,KANsB;AAYpClB,IAAAA,SAAS,EAAE;AACToB,MAAAA,UAAU,EAAEV,KAAK,CAACO,OAAN,CAAcC,IADjB;AAETL,MAAAA,KAAK,EAAEQ,iBAAK,GAAL,CAFE;AAGTV,MAAAA,QAAQ,EAAE;AAHD,KAZyB;AAiBpCjB,IAAAA,IAAI,EAAE;AACJoB,MAAAA,MAAM,EAAE,CADJ;AAEJM,MAAAA,UAAU,EAAE,CAFR;AAGJL,MAAAA,OAAO,EAAE;AAHL;AAjB8B,GAAZ;AAAA,CAAX,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"}

package/lib/choice-configuration/feedback-menu.js

@@ -1,30 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.IconMenu = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
 var _Feedback = _interopRequireDefault(require("@material-ui/icons/Feedback"));
+
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
+
 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); }; }
+
 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; } }
+
 var IconMenu = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(IconMenu, _React$Component);
+
   var _super = _createSuper(IconMenu);
+
   function IconMenu(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, IconMenu);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
@@ -44,20 +64,25 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
+
   (0, _createClass2["default"])(IconMenu, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props = this.props,
-        opts = _this$props.opts,
-        onClick = _this$props.onClick;
+          opts = _this$props.opts,
+          onClick = _this$props.onClick;
       var keys = Object.keys(opts);
+
       var handleMenuClick = function handleMenuClick(key) {
         return function () {
           onClick(key);
+
           _this2.handleRequestClose();
         };
       };
+
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: this.handleClick
       }, this.props.iconButtonElement), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
@@ -75,35 +100,42 @@ var IconMenu = /*#__PURE__*/function (_React$Component) {
   }]);
   return IconMenu;
 }(_react["default"].Component);
+
 exports.IconMenu = IconMenu;
 (0, _defineProperty2["default"])(IconMenu, "propTypes", {
   opts: _propTypes["default"].object,
   onClick: _propTypes["default"].func.isRequired,
   iconButtonElement: _propTypes["default"].any
 });
+
 var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2["default"])(FeedbackMenu, _React$Component2);
+
   var _super2 = _createSuper(FeedbackMenu);
+
   function FeedbackMenu() {
     (0, _classCallCheck2["default"])(this, FeedbackMenu);
     return _super2.apply(this, arguments);
   }
+
   (0, _createClass2["default"])(FeedbackMenu, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        value = _this$props2.value,
-        onChange = _this$props2.onChange,
-        classes = _this$props2.classes;
+          value = _this$props2.value,
+          onChange = _this$props2.onChange,
+          classes = _this$props2.classes;
       var t = value && value.type;
       var iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';
       var tooltip = t === 'custom' ? 'Custom Feedback' : t === 'default' ? 'Default Feedback' : 'Feedback disabled';
+
       var icon = /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         className: classes.icon,
         "aria-label": tooltip
       }, /*#__PURE__*/_react["default"].createElement(_Feedback["default"], {
         color: iconColor
       }));
+
       return /*#__PURE__*/_react["default"].createElement(IconMenu, {
         iconButtonElement: icon,
         onClick: function onClick(key) {
@@ -119,6 +151,7 @@ var FeedbackMenu = /*#__PURE__*/function (_React$Component2) {
   }]);
   return FeedbackMenu;
 }(_react["default"].Component);
+
 exports["default"] = FeedbackMenu;
 (0, _defineProperty2["default"])(FeedbackMenu, "propTypes", {
   value: _propTypes["default"].object,

package/lib/choice-configuration/feedback-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-menu.js","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"],"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\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\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n\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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"}
+{"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 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\n    const t = value && value.type;\n    const iconColor = t === 'custom' || t === 'default' ? 'primary' : 'disabled';\n\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"],"file":"feedback-menu.js"}

package/lib/choice-configuration/index.js

@@ -1,34 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ChoiceConfiguration = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _renderUi = require("@pie-lib/render-ui");
+
 var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+
 var _inputs = require("../inputs");
+
 var _feedbackMenu = _interopRequireDefault(require("./feedback-menu"));
+
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
 var _SubdirectoryArrowRight = _interopRequireDefault(require("@material-ui/icons/SubdirectoryArrowRight"));
+
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 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; }
+
 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; }
+
 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); }; }
+
 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; } }
+
 var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
   return {
     labelContainer: {},
@@ -38,20 +64,20 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
   };
 })(function (_ref) {
   var label = _ref.label,
-    classes = _ref.classes,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    className = _ref.className,
-    imageSupport = _ref.imageSupport,
-    disableImageAlignmentButtons = _ref.disableImageAlignmentButtons,
-    disabled = _ref.disabled,
-    spellCheck = _ref.spellCheck,
-    nonEmpty = _ref.nonEmpty,
-    toolbarOpts = _ref.toolbarOpts,
-    error = _ref.error,
-    maxImageWidth = _ref.maxImageWidth,
-    maxImageHeight = _ref.maxImageHeight,
-    uploadSoundSupport = _ref.uploadSoundSupport;
+      classes = _ref.classes,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      className = _ref.className,
+      imageSupport = _ref.imageSupport,
+      disableImageAlignmentButtons = _ref.disableImageAlignmentButtons,
+      disabled = _ref.disabled,
+      spellCheck = _ref.spellCheck,
+      nonEmpty = _ref.nonEmpty,
+      toolbarOpts = _ref.toolbarOpts,
+      error = _ref.error,
+      maxImageWidth = _ref.maxImageWidth,
+      maxImageHeight = _ref.maxImageHeight,
+      uploadSoundSupport = _ref.uploadSoundSupport;
   var names = (0, _classnames["default"])(classes.labelContainer, className);
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     label: label,
@@ -96,12 +122,13 @@ var Feedback = (0, _styles.withStyles)(function () {
   };
 })(function (_ref2) {
   var value = _ref2.value,
-    onChange = _ref2.onChange,
-    type = _ref2.type,
-    correct = _ref2.correct,
-    classes = _ref2.classes,
-    defaults = _ref2.defaults,
-    toolbarOpts = _ref2.toolbarOpts;
+      onChange = _ref2.onChange,
+      type = _ref2.type,
+      correct = _ref2.correct,
+      classes = _ref2.classes,
+      defaults = _ref2.defaults,
+      toolbarOpts = _ref2.toolbarOpts;
+
   if (!type || type === 'none') {
     return null;
   } else if (type === 'default') {
@@ -128,21 +155,28 @@ var Feedback = (0, _styles.withStyles)(function () {
     }));
   }
 });
+
 var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ChoiceConfiguration, _React$Component);
+
   var _super = _createSuper(ChoiceConfiguration);
+
   function ChoiceConfiguration() {
     var _this;
+
     (0, _classCallCheck2["default"])(this, ChoiceConfiguration);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_changeFn", function (key) {
       return function (update) {
         var _this$props = _this.props,
-          data = _this$props.data,
-          onChange = _this$props.onChange;
+            data = _this$props.data,
+            onChange = _this$props.onChange;
+
         if (onChange) {
           onChange(_objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, key, update)));
         }
@@ -152,8 +186,9 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckedChange", function (event) {
       var correct = event.target.checked;
       var _this$props2 = _this.props,
-        data = _this$props2.data,
-        onChange = _this$props2.onChange;
+          data = _this$props2.data,
+          onChange = _this$props2.onChange;
+
       if (onChange) {
         onChange(_objectSpread(_objectSpread({}, data), {}, {
           correct: correct
@@ -162,58 +197,65 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackValueChange", function (v) {
       var _this$props3 = _this.props,
-        data = _this$props3.data,
-        onChange = _this$props3.onChange;
+          data = _this$props3.data,
+          onChange = _this$props3.onChange;
+
       if (data.feedback.type !== 'custom') {
         return;
       }
+
       var fb = _objectSpread(_objectSpread({}, data.feedback), {}, {
         value: v
       });
+
       if (onChange) onChange(_objectSpread(_objectSpread({}, data), {}, {
         feedback: fb
       }));
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackTypeChange", function (t) {
       var _this$props4 = _this.props,
-        data = _this$props4.data,
-        onChange = _this$props4.onChange;
+          data = _this$props4.data,
+          onChange = _this$props4.onChange;
+
       var fb = _objectSpread(_objectSpread({}, data.feedback), {}, {
         type: t
       });
+
       if (fb.type !== 'custom') {
         fb.value = undefined;
       }
+
       if (onChange) onChange(_objectSpread(_objectSpread({}, data), {}, {
         feedback: fb
       }));
     });
     return _this;
   }
+
   (0, _createClass2["default"])(ChoiceConfiguration, [{
     key: "render",
     value: function render() {
       var _this$props5 = this.props,
-        data = _this$props5.data,
-        classes = _this$props5.classes,
-        mode = _this$props5.mode,
-        onDelete = _this$props5.onDelete,
-        defaultFeedback = _this$props5.defaultFeedback,
-        index = _this$props5.index,
-        className = _this$props5.className,
-        noLabels = _this$props5.noLabels,
-        useLetterOrdering = _this$props5.useLetterOrdering,
-        imageSupport = _this$props5.imageSupport,
-        disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons,
-        disabled = _this$props5.disabled,
-        spellCheck = _this$props5.spellCheck,
-        nonEmpty = _this$props5.nonEmpty,
-        allowFeedBack = _this$props5.allowFeedBack,
-        allowDelete = _this$props5.allowDelete,
-        toolbarOpts = _this$props5.toolbarOpts,
-        error = _this$props5.error,
-        noCorrectAnswerError = _this$props5.noCorrectAnswerError,
-        uploadSoundSupport = _this$props5.uploadSoundSupport;
+          data = _this$props5.data,
+          classes = _this$props5.classes,
+          mode = _this$props5.mode,
+          onDelete = _this$props5.onDelete,
+          defaultFeedback = _this$props5.defaultFeedback,
+          index = _this$props5.index,
+          className = _this$props5.className,
+          noLabels = _this$props5.noLabels,
+          useLetterOrdering = _this$props5.useLetterOrdering,
+          imageSupport = _this$props5.imageSupport,
+          disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons,
+          disabled = _this$props5.disabled,
+          spellCheck = _this$props5.spellCheck,
+          nonEmpty = _this$props5.nonEmpty,
+          allowFeedBack = _this$props5.allowFeedBack,
+          allowDelete = _this$props5.allowDelete,
+          toolbarOpts = _this$props5.toolbarOpts,
+          error = _this$props5.error,
+          noCorrectAnswerError = _this$props5.noCorrectAnswerError,
+          uploadSoundSupport = _this$props5.uploadSoundSupport;
       var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
       var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -271,6 +313,7 @@ var ChoiceConfiguration = /*#__PURE__*/function (_React$Component) {
   }]);
   return ChoiceConfiguration;
 }(_react["default"].Component);
+
 exports.ChoiceConfiguration = ChoiceConfiguration;
 (0, _defineProperty2["default"])(ChoiceConfiguration, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
@@ -309,6 +352,7 @@ exports.ChoiceConfiguration = ChoiceConfiguration;
   allowFeedBack: true,
   allowDelete: true
 });
+
 var styles = function styles(theme) {
   return {
     index: {
@@ -361,6 +405,8 @@ var styles = function styles(theme) {
     }
   };
 };
+
 var _default = (0, _styles.withStyles)(styles)(ChoiceConfiguration);
+
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map