@pie-lib/config-ui 11.30.0-mui-update.0 → 11.30.1-beta-1

package/lib/feedback-config/feedback-selector.js

@@ -1,106 +1,128 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.FeedbackType = exports.FeedbackSelector = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+
 var _renderUi = require("@pie-lib/render-ui");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
+
+var _styles = require("@material-ui/core/styles");
+
 var _group = _interopRequireDefault(require("./group"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } //import EditableHTML from '@pie-lib/editable-html';
-// - mathquill error window not defined
-var EditableHtml;
-var StyledEditableHTML;
-if (typeof window !== 'undefined') {
-  EditableHtml = require('@pie-lib/editable-html')['default'];
-  StyledEditableHTML = (0, _styles.styled)(EditableHtml)(function (_ref) {
-    var theme = _ref.theme;
-    return {
-      fontFamily: theme.typography.fontFamily
-    };
-  });
-}
+
+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; } }
+
+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; }
+
 var feedbackLabels = {
   "default": 'Simple Feedback',
   none: 'No Feedback',
   custom: 'Customized Feedback'
 };
-var StyledFeedbackSelector = (0, _styles.styled)('div')(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    marginBottom: theme.spacing(1)
-  };
-});
-var StyledInputContainer = (0, _styles.styled)(_renderUi.InputContainer)(function () {
-  return {
-    paddingBottom: 0
-  };
-});
-var StyledCustomHolder = (0, _styles.styled)('div')(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
+
+var holder = function holder(theme, extras) {
+  return _objectSpread({
     marginTop: '0px',
     background: theme.palette.grey[300],
-    padding: 0,
-    marginBottom: theme.spacing(2),
+    padding: theme.spacing.unit,
+    marginBottom: theme.spacing.unit * 2,
     borderRadius: '4px'
-  };
-});
-var StyledDefaultHolder = (0, _styles.styled)('div')(function (_ref4) {
-  var theme = _ref4.theme;
-  return {
-    marginTop: '0px',
-    background: theme.palette.grey[300],
-    padding: theme.spacing(2),
-    marginBottom: theme.spacing(2),
-    borderRadius: '4px',
-    fontFamily: theme.typography.fontFamily,
-    cursor: 'default'
-  };
-});
-var StyledGroup = (0, _styles.styled)(_group["default"])(function (_ref5) {
-  var theme = _ref5.theme;
+  }, extras);
+};
+
+var style = function style(theme) {
   return {
-    paddingTop: theme.spacing(1)
+    feedbackSelector: {
+      marginBottom: theme.spacing.unit
+    },
+    label: {
+      cursor: 'pointer'
+    },
+    inputContainerLabel: {
+      transform: 'translateY(-20%)'
+    },
+    feedbackInputContainer: {
+      paddingBottom: 0
+    },
+    customHolder: holder(theme, {
+      background: theme.palette.grey[300],
+      padding: 0
+    }),
+    defaultHolder: holder(theme, {
+      fontFamily: theme.typography.fontFamily,
+      padding: theme.spacing.unit * 2,
+      cursor: 'default'
+    }),
+    editor: {
+      fontFamily: theme.typography.fontFamily
+    },
+    group: {
+      paddingTop: theme.spacing.unit
+    }
   };
-});
-var FeedbackType = exports.FeedbackType = {
+};
+
+var FeedbackType = {
   type: _propTypes["default"].oneOf(['default', 'custom', 'none']),
   "default": _propTypes["default"].string,
   custom: _propTypes["default"].string
 };
-var FeedbackSelector = exports.FeedbackSelector = /*#__PURE__*/function (_React$Component) {
+exports.FeedbackType = FeedbackType;
+
+var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
+
+  var _super = _createSuper(FeedbackSelector);
+
   function FeedbackSelector() {
     var _this;
+
     (0, _classCallCheck2["default"])(this, FeedbackSelector);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, FeedbackSelector, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "changeType", function (type) {
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeType", function (type) {
       var _this$props = _this.props,
-        onChange = _this$props.onChange,
-        feedback = _this$props.feedback;
+          onChange = _this$props.onChange,
+          feedback = _this$props.feedback;
       onChange(_objectSpread(_objectSpread({}, feedback), {}, {
         type: type
       }));
     });
-    (0, _defineProperty2["default"])(_this, "changeCustom", function (custom) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCustom", function (custom) {
       var _this$props2 = _this.props,
-        onChange = _this$props2.onChange,
-        feedback = _this$props2.feedback;
+          onChange = _this$props2.onChange,
+          feedback = _this$props2.feedback;
       onChange(_objectSpread(_objectSpread({}, feedback), {}, {
         type: 'custom',
         custom: custom
@@ -108,32 +130,38 @@ var FeedbackSelector = exports.FeedbackSelector = /*#__PURE__*/function (_React$
     });
     return _this;
   }
-  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
-  return (0, _createClass2["default"])(FeedbackSelector, [{
+
+  (0, _createClass2["default"])(FeedbackSelector, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-        keys = _this$props3.keys,
-        label = _this$props3.label,
-        feedback = _this$props3.feedback,
-        toolbarOpts = _this$props3.toolbarOpts,
-        _this$props3$mathMlOp = _this$props3.mathMlOptions,
-        mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
+          keys = _this$props3.keys,
+          classes = _this$props3.classes,
+          label = _this$props3.label,
+          feedback = _this$props3.feedback,
+          toolbarOpts = _this$props3.toolbarOpts,
+          _this$props3$mathMlOp = _this$props3.mathMlOptions,
+          mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
       var feedbackKeys = keys || Object.keys(feedbackLabels);
-      return /*#__PURE__*/_react["default"].createElement(StyledFeedbackSelector, null, /*#__PURE__*/_react["default"].createElement(StyledInputContainer, {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.feedbackSelector
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
         label: label,
+        className: classes.feedbackInputContainer,
         extraClasses: {
-          label: {
-            transform: 'translateY(-20%)'
-          }
+          label: classes.inputContainerLabel
         }
-      }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
+      }, /*#__PURE__*/_react["default"].createElement(_group["default"], {
+        className: classes.group,
         keys: feedbackKeys,
         label: label,
         value: feedback.type,
         onChange: this.changeType,
         feedbackLabels: feedbackLabels
-      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement(StyledCustomHolder, null, /*#__PURE__*/_react["default"].createElement(StyledEditableHTML, {
+      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.customHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
+        className: classes.editor,
         onChange: this.changeCustom,
         markup: feedback.custom || '',
         toolbarOpts: toolbarOpts,
@@ -143,16 +171,25 @@ var FeedbackSelector = exports.FeedbackSelector = /*#__PURE__*/function (_React$
           language: 'special'
         }],
         mathMlOptions: mathMlOptions
-      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement(StyledDefaultHolder, null, " ", feedback["default"]));
+      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.defaultHolder
+      }, " ", feedback["default"]));
     }
   }]);
+  return FeedbackSelector;
 }(_react["default"].Component);
+
+exports.FeedbackSelector = FeedbackSelector;
 (0, _defineProperty2["default"])(FeedbackSelector, "propTypes", {
   keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  classes: _propTypes["default"].object.isRequired,
   label: _propTypes["default"].string.isRequired,
   feedback: _propTypes["default"].shape(FeedbackType).isRequired,
   onChange: _propTypes["default"].func.isRequired,
   toolbarOpts: _propTypes["default"].object
 });
-var _default = exports["default"] = FeedbackSelector;
+
+var _default = (0, _styles.withStyles)(style)(FeedbackSelector);
+
+exports["default"] = _default;
 //# sourceMappingURL=feedback-selector.js.map

package/lib/feedback-config/feedback-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-selector.js","names":["_renderUi","require","_propTypes","_interopRequireDefault","_react","_styles","_group","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","EditableHtml","StyledEditableHTML","window","styled","_ref","theme","fontFamily","typography","feedbackLabels","none","custom","StyledFeedbackSelector","_ref2","marginBottom","spacing","StyledInputContainer","InputContainer","paddingBottom","StyledCustomHolder","_ref3","marginTop","background","palette","grey","padding","borderRadius","StyledDefaultHolder","_ref4","cursor","StyledGroup","Group","_ref5","paddingTop","FeedbackType","exports","type","PropTypes","oneOf","string","FeedbackSelector","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","_this$props","props","onChange","feedback","_this$props2","_inherits2","_createClass2","key","value","render","_this$props3","label","toolbarOpts","_this$props3$mathMlOp","mathMlOptions","feedbackKeys","createElement","extraClasses","transform","changeType","changeCustom","markup","languageCharactersProps","language","React","Component","arrayOf","isRequired","shape","func","object","_default"],"sources":["../../src/feedback-config/feedback-selector.jsx"],"sourcesContent":["//import EditableHTML from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Group from './group';\n\n\n// - mathquill error window not defined\nlet EditableHtml;\nlet StyledEditableHTML;\nif (typeof window !== 'undefined') {\n  EditableHtml = require('@pie-lib/editable-html')['default'];\n  StyledEditableHTML = styled(EditableHtml)(({ theme }) => ({\n    fontFamily: theme.typography.fontFamily,\n  }));\n}\n\nconst feedbackLabels = {\n  default: 'Simple Feedback',\n  none: 'No Feedback',\n  custom: 'Customized Feedback',\n};\n\nconst StyledFeedbackSelector = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(1),\n}));\n\nconst StyledInputContainer = styled(InputContainer)(() => ({\n  paddingBottom: 0,\n}));\n\nconst StyledCustomHolder = styled('div')(({ theme }) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: 0,\n  marginBottom: theme.spacing(2),\n  borderRadius: '4px',\n}));\n\nconst StyledDefaultHolder = styled('div')(({ theme }) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  borderRadius: '4px',\n  fontFamily: theme.typography.fontFamily,\n  cursor: 'default',\n}));\n\nconst StyledGroup = styled(Group)(({ theme }) => ({\n  paddingTop: theme.spacing(1),\n}));\n\nexport const FeedbackType = {\n  type: PropTypes.oneOf(['default', 'custom', 'none']),\n  default: PropTypes.string,\n  custom: PropTypes.string,\n};\n\nexport class FeedbackSelector extends React.Component {\n  static propTypes = {\n    keys: PropTypes.arrayOf(PropTypes.string),\n    label: PropTypes.string.isRequired,\n    feedback: PropTypes.shape(FeedbackType).isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  changeType = (type) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type });\n  };\n\n  changeCustom = (custom) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type: 'custom', custom });\n  };\n\n  render() {\n    const { keys, label, feedback, toolbarOpts, mathMlOptions = {} } = this.props;\n\n    const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n    return (\n      <StyledFeedbackSelector>\n        <StyledInputContainer\n          label={label}\n          extraClasses={{ label: { transform: 'translateY(-20%)' } }}\n        >\n          <StyledGroup\n            keys={feedbackKeys}\n            label={label}\n            value={feedback.type}\n            onChange={this.changeType}\n            feedbackLabels={feedbackLabels}\n          />\n        </StyledInputContainer>\n\n        {feedback.type === 'custom' && (\n          <StyledCustomHolder>\n            <StyledEditableHTML\n              onChange={this.changeCustom}\n              markup={feedback.custom || ''}\n              toolbarOpts={toolbarOpts}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </StyledCustomHolder>\n        )}\n\n        {feedback.type === 'default' && <StyledDefaultHolder> {feedback.default}</StyledDefaultHolder>}\n      </StyledFeedbackSelector>\n    );\n  }\n}\n\nexport default FeedbackSelector;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../src/feedback-config/feedback-selector.jsx"],"names":["feedbackLabels","none","custom","holder","theme","extras","marginTop","background","palette","grey","padding","spacing","unit","marginBottom","borderRadius","style","feedbackSelector","label","cursor","inputContainerLabel","transform","feedbackInputContainer","paddingBottom","customHolder","defaultHolder","fontFamily","typography","editor","group","paddingTop","FeedbackType","type","PropTypes","oneOf","string","FeedbackSelector","props","onChange","feedback","keys","classes","toolbarOpts","mathMlOptions","feedbackKeys","Object","changeType","changeCustom","language","React","Component","arrayOf","object","isRequired","shape","func"],"mappings":"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","sourcesContent":["import EditableHTML from '@pie-lib/editable-html-tip-tap';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Group from './group';\n\nconst feedbackLabels = {\n  default: 'Simple Feedback',\n  none: 'No Feedback',\n  custom: 'Customized Feedback',\n};\n\nconst holder = (theme, extras) => ({\n  marginTop: '0px',\n  background: theme.palette.grey[300],\n  padding: theme.spacing.unit,\n  marginBottom: theme.spacing.unit * 2,\n  borderRadius: '4px',\n  ...extras,\n});\n\nconst style = (theme) => ({\n  feedbackSelector: {\n    marginBottom: theme.spacing.unit,\n  },\n  label: {\n    cursor: 'pointer',\n  },\n  inputContainerLabel: {\n    transform: 'translateY(-20%)',\n  },\n  feedbackInputContainer: {\n    paddingBottom: 0,\n  },\n  customHolder: holder(theme, {\n    background: theme.palette.grey[300],\n    padding: 0,\n  }),\n  defaultHolder: holder(theme, {\n    fontFamily: theme.typography.fontFamily,\n    padding: theme.spacing.unit * 2,\n    cursor: 'default',\n  }),\n  editor: {\n    fontFamily: theme.typography.fontFamily,\n  },\n  group: {\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport const FeedbackType = {\n  type: PropTypes.oneOf(['default', 'custom', 'none']),\n  default: PropTypes.string,\n  custom: PropTypes.string,\n};\n\nexport class FeedbackSelector extends React.Component {\n  static propTypes = {\n    keys: PropTypes.arrayOf(PropTypes.string),\n    classes: PropTypes.object.isRequired,\n    label: PropTypes.string.isRequired,\n    feedback: PropTypes.shape(FeedbackType).isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  changeType = (type) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type });\n  };\n\n  changeCustom = (custom) => {\n    const { onChange, feedback } = this.props;\n\n    onChange({ ...feedback, type: 'custom', custom });\n  };\n\n  render() {\n    const { keys, classes, label, feedback, toolbarOpts, mathMlOptions = {} } = this.props;\n\n    const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n    return (\n      <div className={classes.feedbackSelector}>\n        <InputContainer\n          label={label}\n          className={classes.feedbackInputContainer}\n          extraClasses={{ label: classes.inputContainerLabel }}\n        >\n          <Group\n            className={classes.group}\n            keys={feedbackKeys}\n            label={label}\n            value={feedback.type}\n            onChange={this.changeType}\n            feedbackLabels={feedbackLabels}\n          />\n        </InputContainer>\n\n        {feedback.type === 'custom' && (\n          <div className={classes.customHolder}>\n            <EditableHTML\n              className={classes.editor}\n              onChange={this.changeCustom}\n              markup={feedback.custom || ''}\n              toolbarOpts={toolbarOpts}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </div>\n        )}\n\n        {feedback.type === 'default' && <div className={classes.defaultHolder}> {feedback.default}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(FeedbackSelector);\n"],"file":"feedback-selector.js"}

package/lib/feedback-config/group.js

@@ -1,48 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _radioWithLabel = _interopRequireDefault(require("../radio-with-label"));
+
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
-var StyledChoiceHolder = (0, _styles.styled)('div')(function () {
-  return {
-    display: 'flex',
-    alignItems: 'center'
-  };
-});
-var StyledChoice = (0, _styles.styled)('div')(function () {
-  return {
-    display: 'flex',
-    alignItems: 'center'
-  };
-});
-var StyledRadioWithLabel = (0, _styles.styled)(_radioWithLabel["default"])(function (_ref) {
-  var theme = _ref.theme;
+
+var _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var styles = function styles(theme) {
   return {
-    '& .MuiFormControlLabel-label': {
+    radioLabel: {
       fontSize: theme.typography.fontSize - 2
+    },
+    choice: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    choiceHolder: {
+      display: 'flex',
+      alignItems: 'center'
     }
   };
-});
+};
+
 var Group = function Group(props) {
   var feedbackLabels = props.feedbackLabels,
-    value = props.value,
-    className = props.className,
-    _onChange = props.onChange,
-    keys = props.keys;
-  return /*#__PURE__*/_react["default"].createElement(StyledChoiceHolder, {
-    className: className
+      value = props.value,
+      classes = props.classes,
+      className = props.className,
+      _onChange = props.onChange,
+      keys = props.keys;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(classes.choiceHolder, className)
   }, keys.map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement(StyledChoice, {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: classes.choice,
       key: key
-    }, /*#__PURE__*/_react["default"].createElement(StyledRadioWithLabel, {
+    }, /*#__PURE__*/_react["default"].createElement(_radioWithLabel["default"], {
       value: key,
       checked: value === key,
+      classes: {
+        label: classes.radioLabel
+      },
       onChange: function onChange(e) {
         return _onChange(e.currentTarget.value);
       },
@@ -50,12 +59,17 @@ var Group = function Group(props) {
     }));
   }));
 };
+
 Group.propTypes = {
   className: _propTypes["default"].string,
   feedbackLabels: _propTypes["default"].object.isRequired,
   value: _propTypes["default"].string.isRequired,
+  classes: _propTypes["default"].object.isRequired,
   keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
   onChange: _propTypes["default"].func
 };
-var _default = exports["default"] = Group;
+
+var _default = (0, _styles.withStyles)(styles)(Group);
+
+exports["default"] = _default;
 //# sourceMappingURL=group.js.map

package/lib/feedback-config/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","names":["_propTypes","_interopRequireDefault","require","_radioWithLabel","_react","_styles","StyledChoiceHolder","styled","display","alignItems","StyledChoice","StyledRadioWithLabel","RadioWithLabel","_ref","theme","fontSize","typography","Group","props","feedbackLabels","value","className","onChange","keys","createElement","map","key","checked","e","currentTarget","label","propTypes","PropTypes","string","object","isRequired","arrayOf","func","_default","exports"],"sources":["../../src/feedback-config/group.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledChoiceHolder = styled('div')(() => ({\n  display: 'flex',\n  alignItems: 'center',\n}));\n\nconst StyledChoice = styled('div')(() => ({\n  display: 'flex',\n  alignItems: 'center',\n}));\n\nconst StyledRadioWithLabel = styled(RadioWithLabel)(({ theme }) => ({\n  '& .MuiFormControlLabel-label': {\n    fontSize: theme.typography.fontSize - 2,\n  },\n}));\n\nconst Group = (props) => {\n  const { feedbackLabels, value, className, onChange, keys } = props;\n\n  return (\n    <StyledChoiceHolder className={className}>\n      {keys.map((key) => {\n        return (\n          <StyledChoice key={key}>\n            <StyledRadioWithLabel\n              value={key}\n              checked={value === key}\n              onChange={(e) => onChange(e.currentTarget.value)}\n              label={feedbackLabels[key]}\n            />\n          </StyledChoice>\n        );\n      })}\n    </StyledChoiceHolder>\n  );\n};\n\nGroup.propTypes = {\n  className: PropTypes.string,\n  feedbackLabels: PropTypes.object.isRequired,\n  value: PropTypes.string.isRequired,\n  keys: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func,\n};\n\nexport default Group;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,kBAAkB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAC9CC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IACxCC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,oBAAoB,GAAG,IAAAJ,cAAM,EAACK,0BAAc,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAClE,8BAA8B,EAAE;MAC9BC,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;IACxC;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACvB,IAAQC,cAAc,GAAuCD,KAAK,CAA1DC,cAAc;IAAEC,KAAK,GAAgCF,KAAK,CAA1CE,KAAK;IAAEC,SAAS,GAAqBH,KAAK,CAAnCG,SAAS;IAAEC,SAAQ,GAAWJ,KAAK,CAAxBI,QAAQ;IAAEC,IAAI,GAAKL,KAAK,CAAdK,IAAI;EAExD,oBACEnB,MAAA,YAAAoB,aAAA,CAAClB,kBAAkB;IAACe,SAAS,EAAEA;EAAU,GACtCE,IAAI,CAACE,GAAG,CAAC,UAACC,GAAG,EAAK;IACjB,oBACEtB,MAAA,YAAAoB,aAAA,CAACd,YAAY;MAACgB,GAAG,EAAEA;IAAI,gBACrBtB,MAAA,YAAAoB,aAAA,CAACb,oBAAoB;MACnBS,KAAK,EAAEM,GAAI;MACXC,OAAO,EAAEP,KAAK,KAAKM,GAAI;MACvBJ,QAAQ,EAAE,SAAVA,QAAQA,CAAGM,CAAC;QAAA,OAAKN,SAAQ,CAACM,CAAC,CAACC,aAAa,CAACT,KAAK,CAAC;MAAA,CAAC;MACjDU,KAAK,EAAEX,cAAc,CAACO,GAAG;IAAE,CAC5B,CACW,CAAC;EAEnB,CAAC,CACiB,CAAC;AAEzB,CAAC;AAEDT,KAAK,CAACc,SAAS,GAAG;EAChBV,SAAS,EAAEW,qBAAS,CAACC,MAAM;EAC3Bd,cAAc,EAAEa,qBAAS,CAACE,MAAM,CAACC,UAAU;EAC3Cf,KAAK,EAAEY,qBAAS,CAACC,MAAM,CAACE,UAAU;EAClCZ,IAAI,EAAES,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACC,MAAM,CAAC;EACzCX,QAAQ,EAAEU,qBAAS,CAACK;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEatB,KAAK","ignoreList":[]}
+{"version":3,"sources":["../../src/feedback-config/group.jsx"],"names":["styles","theme","radioLabel","fontSize","typography","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBD,QAAjB,GAA4B;AAD5B,KADa;AAIzBE,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,UAAU,EAAE;AAFN,KAJiB;AAQzBC,IAAAA,YAAY,EAAE;AACZF,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE;AAFA;AARW,GAAZ;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AACvB,MAAQC,cAAR,GAAsED,KAAtE,CAAQC,cAAR;AAAA,MAAwBC,KAAxB,GAAsEF,KAAtE,CAAwBE,KAAxB;AAAA,MAA+BC,OAA/B,GAAsEH,KAAtE,CAA+BG,OAA/B;AAAA,MAAwCC,SAAxC,GAAsEJ,KAAtE,CAAwCI,SAAxC;AAAA,MAAmDC,SAAnD,GAAsEL,KAAtE,CAAmDK,QAAnD;AAAA,MAA6DC,IAA7D,GAAsEN,KAAtE,CAA6DM,IAA7D;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE,4BAAWH,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;AAAhB,KACGE,IAAI,CAACC,GAAL,CAAS,UAACC,GAAD,EAAS;AACjB,wBACE;AAAK,MAAA,SAAS,EAAEL,OAAO,CAACR,MAAxB;AAAgC,MAAA,GAAG,EAAEa;AAArC,oBACE,gCAAC,0BAAD;AACE,MAAA,KAAK,EAAEA,GADT;AAEE,MAAA,OAAO,EAAEN,KAAK,KAAKM,GAFrB;AAGE,MAAA,OAAO,EAAE;AAAEC,QAAAA,KAAK,EAAEN,OAAO,CAACX;AAAjB,OAHX;AAIE,MAAA,QAAQ,EAAE,kBAACkB,CAAD;AAAA,eAAOL,SAAQ,CAACK,CAAC,CAACC,aAAF,CAAgBT,KAAjB,CAAf;AAAA,OAJZ;AAKE,MAAA,KAAK,EAAED,cAAc,CAACO,GAAD;AALvB,MADF,CADF;AAWD,GAZA,CADH,CADF;AAiBD,CApBD;;AAsBAT,KAAK,CAACa,SAAN,GAAkB;AAChBR,EAAAA,SAAS,EAAES,sBAAUC,MADL;AAEhBb,EAAAA,cAAc,EAAEY,sBAAUE,MAAV,CAAiBC,UAFjB;AAGhBd,EAAAA,KAAK,EAAEW,sBAAUC,MAAV,CAAiBE,UAHR;AAIhBb,EAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC,UAJV;AAKhBV,EAAAA,IAAI,EAAEO,sBAAUI,OAAV,CAAkBJ,sBAAUC,MAA5B,CALU;AAMhBT,EAAAA,QAAQ,EAAEQ,sBAAUK;AANJ,CAAlB;;eASe,wBAAW5B,MAAX,EAAmBS,KAAnB,C","sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  radioLabel: {\n    fontSize: theme.typography.fontSize - 2,\n  },\n  choice: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  choiceHolder: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\nconst Group = (props) => {\n  const { feedbackLabels, value, classes, className, onChange, keys } = props;\n\n  return (\n    <div className={classNames(classes.choiceHolder, className)}>\n      {keys.map((key) => {\n        return (\n          <div className={classes.choice} key={key}>\n            <RadioWithLabel\n              value={key}\n              checked={value === key}\n              classes={{ label: classes.radioLabel }}\n              onChange={(e) => onChange(e.currentTarget.value)}\n              label={feedbackLabels[key]}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nGroup.propTypes = {\n  className: PropTypes.string,\n  feedbackLabels: PropTypes.object.isRequired,\n  value: PropTypes.string.isRequired,\n  classes: PropTypes.object.isRequired,\n  keys: PropTypes.arrayOf(PropTypes.string),\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(Group);\n"],"file":"group.js"}