@pie-lib/config-ui 11.10.0-beta.2 → 11.10.0-beta.3

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [11.10.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.3) (2025-07-20)
+
+**Note:** Version bump only for package @pie-lib/config-ui
+
+
+
+
+
+# [11.10.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.2) (2025-07-20)
+
+**Note:** Version bump only for package @pie-lib/config-ui
+
+
+
+
+
+# [11.10.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.1) (2025-07-20)
+
+**Note:** Version bump only for package @pie-lib/config-ui
+
+
+
+
+
 # [11.10.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.9.24...@pie-lib/config-ui@11.10.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/config-ui

package/lib/alert-dialog.js

@@ -0,0 +1,75 @@
+"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 _styles = require("@material-ui/core/styles");
+
+var AlertDialog = function AlertDialog(_ref) {
+  var text = _ref.text,
+      title = _ref.title,
+      onClose = _ref.onClose,
+      onConfirm = _ref.onConfirm,
+      open = _ref.open,
+      onCloseText = _ref.onCloseText,
+      onConfirmText = _ref.onConfirmText,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
+    open: open,
+    onClose: onClose
+  }, title && /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, {
+    className: classes.heading
+  }, title), text && /*#__PURE__*/_react["default"].createElement(_core.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_core.DialogContentText, {
+    className: classes.subheading
+  }, text)), /*#__PURE__*/_react["default"].createElement(_core.DialogActions, null, onClose && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    onClick: onClose,
+    color: "primary"
+  }, onCloseText), onConfirm && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    autoFocus: true,
+    onClick: onConfirm,
+    color: "primary"
+  }, onConfirmText)));
+};
+
+AlertDialog.defaultProps = {
+  onCloseText: 'CANCEL',
+  onConfirmText: 'OK'
+};
+AlertDialog.propTypes = {
+  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  title: _propTypes["default"].string,
+  onClose: _propTypes["default"].func,
+  onConfirm: _propTypes["default"].func,
+  open: _propTypes["default"].bool,
+  onConfirmText: _propTypes["default"].string,
+  onCloseText: _propTypes["default"].string,
+  classes: _propTypes["default"].object
+};
+
+var styles = function styles() {
+  return {
+    heading: {
+      '& h2': {
+        fontSize: 'max(1.25rem, 18px)'
+      }
+    },
+    subheading: {
+      fontSize: 'max(1rem, 14px)'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(AlertDialog);
+
+exports["default"] = _default;
+//# sourceMappingURL=alert-dialog.js.map

package/lib/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert-dialog.jsx"],"names":["AlertDialog","text","title","onClose","onConfirm","open","onCloseText","onConfirmText","classes","heading","subheading","defaultProps","propTypes","PropTypes","oneOfType","string","object","func","bool","styles","fontSize"],"mappings":";;;;;;;;;AAAA;;AACA;;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,MAA0CC,WAA1C,QAA0CA,WAA1C;AAAA,MAAuDC,aAAvD,QAAuDA,aAAvD;AAAA,MAAsEC,OAAtE,QAAsEA,OAAtE;AAAA,sBAClB,gCAAC,YAAD;AAAQ,IAAA,IAAI,EAAEH,IAAd;AAAoB,IAAA,OAAO,EAAEF;AAA7B,KACGD,KAAK,iBAAI,gCAAC,iBAAD;AAAa,IAAA,SAAS,EAAEM,OAAO,CAACC;AAAhC,KAA0CP,KAA1C,CADZ,EAEGD,IAAI,iBACH,gCAAC,mBAAD,qBACE,gCAAC,uBAAD;AAAmB,IAAA,SAAS,EAAEO,OAAO,CAACE;AAAtC,KAAmDT,IAAnD,CADF,CAHJ,eAOE,gCAAC,mBAAD,QACGE,OAAO,iBACN,gCAAC,YAAD;AAAQ,IAAA,OAAO,EAAEA,OAAjB;AAA0B,IAAA,KAAK,EAAC;AAAhC,KACGG,WADH,CAFJ,EAMGF,SAAS,iBACR,gCAAC,YAAD;AAAQ,IAAA,SAAS,MAAjB;AAAkB,IAAA,OAAO,EAAEA,SAA3B;AAAsC,IAAA,KAAK,EAAC;AAA5C,KACGG,aADH,CAPJ,CAPF,CADkB;AAAA,CAApB;;AAuBAP,WAAW,CAACW,YAAZ,GAA2B;AACzBL,EAAAA,WAAW,EAAE,QADY;AAEzBC,EAAAA,aAAa,EAAE;AAFU,CAA3B;AAKAP,WAAW,CAACY,SAAZ,GAAwB;AACtBX,EAAAA,IAAI,EAAEY,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,CADgB;AAEtBd,EAAAA,KAAK,EAAEW,sBAAUE,MAFK;AAGtBZ,EAAAA,OAAO,EAAEU,sBAAUI,IAHG;AAItBb,EAAAA,SAAS,EAAES,sBAAUI,IAJC;AAKtBZ,EAAAA,IAAI,EAAEQ,sBAAUK,IALM;AAMtBX,EAAAA,aAAa,EAAEM,sBAAUE,MANH;AAOtBT,EAAAA,WAAW,EAAEO,sBAAUE,MAPD;AAQtBP,EAAAA,OAAO,EAAEK,sBAAUG;AARG,CAAxB;;AAWA,IAAMG,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,OAAO,EAAE;AACP,cAAQ;AACNW,QAAAA,QAAQ,EAAE;AADJ;AADD,KADW;AAMpBV,IAAAA,UAAU,EAAE;AACVU,MAAAA,QAAQ,EAAE;AADA;AANQ,GAAP;AAAA,CAAf;;eAWe,wBAAWD,MAAX,EAAmBnB,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open, onCloseText, onConfirmText, classes }) => (\n  <Dialog open={open} onClose={onClose}>\n    {title && <DialogTitle className={classes.heading}>{title}</DialogTitle>}\n    {text && (\n      <DialogContent>\n        <DialogContentText className={classes.subheading}>{text}</DialogContentText>\n      </DialogContent>\n    )}\n    <DialogActions>\n      {onClose && (\n        <Button onClick={onClose} color=\"primary\">\n          {onCloseText}\n        </Button>\n      )}\n      {onConfirm && (\n        <Button autoFocus onClick={onConfirm} color=\"primary\">\n          {onConfirmText}\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nAlertDialog.defaultProps = {\n  onCloseText: 'CANCEL',\n  onConfirmText: 'OK',\n};\n\nAlertDialog.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  title: PropTypes.string,\n  onClose: PropTypes.func,\n  onConfirm: PropTypes.func,\n  open: PropTypes.bool,\n  onConfirmText: PropTypes.string,\n  onCloseText: PropTypes.string,\n  classes: PropTypes.object,\n};\n\nconst styles = () => ({\n  heading: {\n    '& h2': {\n      fontSize: 'max(1.25rem, 18px)',\n    },\n  },\n  subheading: {\n    fontSize: 'max(1rem, 14px)',\n  },\n});\n\nexport default withStyles(styles)(AlertDialog);\n"],"file":"alert-dialog.js"}

package/lib/checkbox.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _renderUi = require("@pie-lib/render-ui");
+
+var Checkbox = function Checkbox(_ref) {
+  var _classNames2;
+
+  var mini = _ref.mini,
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      label = _ref.label,
+      classes = _ref.classes,
+      error = _ref.error;
+  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    className: (0, _classnames["default"])(classes.mini),
+    classes: {
+      label: (0, _classnames["default"])(classes.label, (0, _defineProperty2["default"])({}, classes.miniLabel, mini))
+    },
+    control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+      checked: checked,
+      onChange: onChange,
+      value: value,
+      className: (0, _classnames["default"])(classes.customColor, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.miniCheckbox, mini), (0, _defineProperty2["default"])(_classNames2, classes.error, error), _classNames2))
+    }),
+    label: label
+  });
+};
+
+Checkbox.propTypes = {
+  mini: _propTypes["default"].bool,
+  classes: _propTypes["default"].object.isRequired,
+  checked: _propTypes["default"].bool.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].string,
+  label: _propTypes["default"].string.isRequired
+};
+Checkbox.defaultProps = {
+  value: '',
+  mini: false
+};
+
+var _default = (0, _styles.withStyles)(function (theme) {
+  return {
+    label: {
+      fontSize: theme.typography.fontSize - 1,
+      transform: 'translate(-4%, 2%)',
+      color: 'rgba(0,0,0,1.0)'
+    },
+    miniCheckbox: {
+      margin: 0,
+      padding: 0,
+      width: theme.spacing.unit * 3,
+      height: theme.spacing.unit * 3
+    },
+    miniLabel: {
+      marginLeft: theme.spacing.unit,
+      color: _grey["default"][700],
+      fontSize: theme.typography.fontSize - 3
+    },
+    mini: {
+      margin: 0,
+      marginLeft: 0,
+      padding: 0
+    },
+    error: {
+      color: theme.palette.error.main
+    },
+    customColor: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
+    }
+  };
+})(Checkbox);
+
+exports["default"] = _default;
+//# sourceMappingURL=checkbox.js.map

package/lib/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox.jsx"],"names":["Checkbox","mini","checked","onChange","value","label","classes","error","miniLabel","customColor","miniCheckbox","propTypes","PropTypes","bool","object","isRequired","func","string","defaultProps","theme","fontSize","typography","transform","color","margin","padding","width","spacing","unit","height","marginLeft","grey","palette","main","tertiary"],"mappings":"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","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';\nimport { color } from '@pie-lib/render-ui';\n\nconst Checkbox = ({ mini, checked, onChange, value, label, classes, error }) => (\n  <FormControlLabel\n    className={classNames(classes.mini)}\n    classes={{\n      label: classNames(classes.label, { [classes.miniLabel]: mini }),\n    }}\n    control={\n      <MuiCheckbox\n        checked={checked}\n        onChange={onChange}\n        value={value}\n        className={classNames(classes.customColor, {\n          [classes.miniCheckbox]: mini,\n          [classes.error]: error,\n        })}\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  error: {\n    color: theme.palette.error.main,\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n}))(Checkbox);\n"],"file":"checkbox.js"}

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

@@ -0,0 +1,164 @@
+"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) {
+      _this.setState({
+        open: true,
+        anchorEl: event.currentTarget
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestClose", function () {
+      _this.setState({
+        open: false
+      });
+    });
+    _this.state = {
+      anchorEl: undefined,
+      open: false
+    };
+    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;
+      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"], {
+        id: "simple-menu",
+        anchorEl: this.state.anchorEl,
+        open: this.state.open,
+        onClose: this.handleRequestClose
+      }, keys.map(function (k, index) {
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          key: index,
+          onClick: handleMenuClick(k)
+        }, opts[k]);
+      })));
+    }
+  }]);
+  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;
+      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) {
+          return onChange(key);
+        },
+        opts: {
+          none: 'No Feedback',
+          "default": 'Default',
+          custom: 'Custom'
+        }
+      });
+    }
+  }]);
+  return FeedbackMenu;
+}(_react["default"].Component);
+
+exports["default"] = FeedbackMenu;
+(0, _defineProperty2["default"])(FeedbackMenu, "propTypes", {
+  value: _propTypes["default"].object,
+  onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+(0, _defineProperty2["default"])(FeedbackMenu, "defaultProps", {
+  classes: {}
+});
+//# sourceMappingURL=feedback-menu.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,Q;;;;;AAOX,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,oGAQL,UAACC,KAAD,EAAW;AACvB,YAAKC,QAAL,CAAc;AAAEC,QAAAA,IAAI,EAAE,IAAR;AAAcC,QAAAA,QAAQ,EAAEH,KAAK,CAACI;AAA9B,OAAd;AACD,KAVkB;AAAA,2GAYE,YAAM;AACzB,YAAKH,QAAL,CAAc;AAAEC,QAAAA,IAAI,EAAE;AAAR,OAAd;AACD,KAdkB;AAEjB,UAAKG,KAAL,GAAa;AACXF,MAAAA,QAAQ,EAAEG,SADC;AAEXJ,MAAAA,IAAI,EAAE;AAFK,KAAb;AAFiB;AAMlB;;;;WAUD,kBAAS;AAAA;;AACP,wBAA0B,KAAKH,KAA/B;AAAA,UAAQQ,IAAR,eAAQA,IAAR;AAAA,UAAcC,OAAd,eAAcA,OAAd;AACA,UAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYF,IAAZ,CAAb;;AAEA,UAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD;AAAA,eAAS,YAAM;AACrCJ,UAAAA,OAAO,CAACI,GAAD,CAAP;;AACA,UAAA,MAAI,CAACC,kBAAL;AACD,SAHuB;AAAA,OAAxB;;AAKA,0BACE,0DACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,SAAiC,KAAKf,KAAL,CAAWgB,iBAA5C,CADF,eAEE,gCAAC,gBAAD;AAAM,QAAA,EAAE,EAAC,aAAT;AAAuB,QAAA,QAAQ,EAAE,KAAKV,KAAL,CAAWF,QAA5C;AAAsD,QAAA,IAAI,EAAE,KAAKE,KAAL,CAAWH,IAAvE;AAA6E,QAAA,OAAO,EAAE,KAAKW;AAA3F,SACGJ,IAAI,CAACO,GAAL,CAAS,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACR,gCAAC,oBAAD;AAAU,UAAA,GAAG,EAAEA,KAAf;AAAsB,UAAA,OAAO,EAAEP,eAAe,CAACM,CAAD;AAA9C,WACGV,IAAI,CAACU,CAAD,CADP,CADQ;AAAA,OAAT,CADH,CAFF,CADF;AAYD;;;EA5C2BE,kBAAMC,S;;;iCAAvBtB,Q,eACQ;AACjBS,EAAAA,IAAI,EAAEc,sBAAUC,MADC;AAEjBd,EAAAA,OAAO,EAAEa,sBAAUE,IAAV,CAAeC,UAFP;AAGjBT,EAAAA,iBAAiB,EAAEM,sBAAUI;AAHZ,C;;IA8CAC,Y;;;;;;;;;;;;WAWnB,kBAAS;AACP,yBAAqC,KAAK3B,KAA1C;AAAA,UAAQ4B,KAAR,gBAAQA,KAAR;AAAA,UAAeC,QAAf,gBAAeA,QAAf;AAAA,UAAyBC,OAAzB,gBAAyBA,OAAzB;AACA,UAAMC,CAAC,GAAGH,KAAK,IAAIA,KAAK,CAACI,IAAzB;AACA,UAAMC,SAAS,GAAGF,CAAC,KAAK,QAAN,IAAkBA,CAAC,KAAK,SAAxB,GAAoC,SAApC,GAAgD,UAAlE;AACA,UAAMG,OAAO,GAAGH,CAAC,KAAK,QAAN,GAAiB,iBAAjB,GAAqCA,CAAC,KAAK,SAAN,GAAkB,kBAAlB,GAAuC,mBAA5F;;AAEA,UAAMI,IAAI,gBACR,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEL,OAAO,CAACK,IAA/B;AAAqC,sBAAYD;AAAjD,sBACE,gCAAC,oBAAD;AAAgB,QAAA,KAAK,EAAED;AAAvB,QADF,CADF;;AAMA,0BACE,gCAAC,QAAD;AACE,QAAA,iBAAiB,EAAEE,IADrB;AAEE,QAAA,OAAO,EAAE,iBAACtB,GAAD;AAAA,iBAASgB,QAAQ,CAAChB,GAAD,CAAjB;AAAA,SAFX;AAGE,QAAA,IAAI,EAAE;AACJuB,UAAAA,IAAI,EAAE,aADF;AAEJ,qBAAS,SAFL;AAGJC,UAAAA,MAAM,EAAE;AAHJ;AAHR,QADF;AAWD;;;EAlCuCjB,kBAAMC,S;;;iCAA3BM,Y,eACA;AACjBC,EAAAA,KAAK,EAAEN,sBAAUC,MADA;AAEjBM,EAAAA,QAAQ,EAAEP,sBAAUE,IAAV,CAAeC,UAFR;AAGjBK,EAAAA,OAAO,EAAER,sBAAUC,MAAV,CAAiBE;AAHT,C;iCADAE,Y,kBAOG;AACpBG,EAAAA,OAAO,EAAE;AADW,C","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"],"file":"feedback-menu.js"}