@pie-lib/config-ui 12.0.0-beta.5 → 12.0.0-next.0

package/lib/choice-utils.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.normalizeChoices = exports.firstAvailableIndex = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _includes = _interopRequireDefault(require("lodash/includes"));
-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 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; }
 /**
  * Add value to every model.choices.
  * @param {Object} model the model to normalize
  * @return {Object} the updated model
  */
-var normalizeChoices = function normalizeChoices(model) {
+var normalizeChoices = exports.normalizeChoices = function normalizeChoices(model) {
   var choices = model.choices.map(function (c, index) {
     if (!c.value) {
       c.value = "".concat(index);
@@ -32,13 +32,11 @@ var normalizeChoices = function normalizeChoices(model) {
  * @param {number} index
  * @return {string}
  */
-exports.normalizeChoices = normalizeChoices;
-var firstAvailableIndex = function firstAvailableIndex(values, index) {
+var _firstAvailableIndex = exports.firstAvailableIndex = function firstAvailableIndex(values, index) {
   if ((0, _includes["default"])(values, "".concat(index))) {
-    return firstAvailableIndex(values, index + 1);
+    return _firstAvailableIndex(values, index + 1);
   } else {
     return "".concat(index);
   }
 };
-exports.firstAvailableIndex = firstAvailableIndex;
 //# sourceMappingURL=choice-utils.js.map

package/lib/choice-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice-utils.js","names":["_includes","_interopRequireDefault","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","normalizeChoices","model","choices","map","c","index","value","concat","exports","firstAvailableIndex","values","includes"],"sources":["../src/choice-utils.js"],"sourcesContent":["import includes from 'lodash/includes';\n\n/**\n * Add value to every model.choices.\n * @param {Object} model the model to normalize\n * @return {Object} the updated model\n */\nexport const normalizeChoices = (model) => {\n  const choices = model.choices.map((c, index) => {\n    if (!c.value) {\n      c.value = `${index}`;\n    }\n    return c;\n  });\n  return { ...model, choices };\n};\n\n/**\n * Find the first available index.\n * @param {string[]} values\n * @param {number} index\n * @return {string}\n */\nexport const firstAvailableIndex = (values, index) => {\n  if (includes(values, `${index}`)) {\n    return firstAvailableIndex(values, index + 1);\n  } else {\n    return `${index}`;\n  }\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAEvC;AACA;AACA;AACA;AACA;AACO,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAK;EACzC,IAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;IAC9C,IAAI,CAACD,CAAC,CAACE,KAAK,EAAE;MACZF,CAAC,CAACE,KAAK,MAAAC,MAAA,CAAMF,KAAK,CAAE;IACtB;IACA,OAAOD,CAAC;EACV,CAAC,CAAC;EACF,OAAAhB,aAAA,CAAAA,aAAA,KAAYa,KAAK;IAAEC,OAAO,EAAPA;EAAO;AAC5B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALAM,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAMO,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,MAAM,EAAEL,KAAK,EAAK;EACpD,IAAI,IAAAM,oBAAQ,EAACD,MAAM,KAAAH,MAAA,CAAKF,KAAK,CAAE,CAAC,EAAE;IAChC,OAAOI,mBAAmB,CAACC,MAAM,EAAEL,KAAK,GAAG,CAAC,CAAC;EAC/C,CAAC,MAAM;IACL,UAAAE,MAAA,CAAUF,KAAK;EACjB;AACF,CAAC;AAACG,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"choice-utils.js","names":["_includes","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","normalizeChoices","exports","model","choices","map","c","index","value","concat","firstAvailableIndex","values","includes"],"sources":["../src/choice-utils.js"],"sourcesContent":["import includes from 'lodash/includes';\n\n/**\n * Add value to every model.choices.\n * @param {Object} model the model to normalize\n * @return {Object} the updated model\n */\nexport const normalizeChoices = (model) => {\n  const choices = model.choices.map((c, index) => {\n    if (!c.value) {\n      c.value = `${index}`;\n    }\n    return c;\n  });\n  return { ...model, choices };\n};\n\n/**\n * Find the first available index.\n * @param {string[]} values\n * @param {number} index\n * @return {string}\n */\nexport const firstAvailableIndex = (values, index) => {\n  if (includes(values, `${index}`)) {\n    return firstAvailableIndex(values, index + 1);\n  } else {\n    return `${index}`;\n  }\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEvC;AACA;AACA;AACA;AACA;AACO,IAAMoB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAK,EAAK;EACzC,IAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,CAACC,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;IAC9C,IAAI,CAACD,CAAC,CAACE,KAAK,EAAE;MACZF,CAAC,CAACE,KAAK,MAAAC,MAAA,CAAMF,KAAK,CAAE;IACtB;IACA,OAAOD,CAAC;EACV,CAAC,CAAC;EACF,OAAAb,aAAA,CAAAA,aAAA,KAAYU,KAAK;IAAEC,OAAO,EAAPA;EAAO;AAC5B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,IAAMM,oBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIC,MAAM,EAAEJ,KAAK,EAAK;EACpD,IAAI,IAAAK,oBAAQ,EAACD,MAAM,KAAAF,MAAA,CAAKF,KAAK,CAAE,CAAC,EAAE;IAChC,OAAOG,oBAAmB,CAACC,MAAM,EAAEJ,KAAK,GAAG,CAAC,CAAC;EAC/C,CAAC,MAAM;IACL,UAAAE,MAAA,CAAUF,KAAK;EACjB;AACF,CAAC","ignoreList":[]}

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

@@ -7,83 +7,89 @@ Object.defineProperty(exports, "__esModule", {
 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 _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
 var _renderUi = require("@pie-lib/render-ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 var _group = _interopRequireDefault(require("./group"));
-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; }
+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
+    };
+  });
+}
 var feedbackLabels = {
   "default": 'Simple Feedback',
   none: 'No Feedback',
   custom: 'Customized Feedback'
 };
-var holder = function holder(theme, extras) {
-  return _objectSpread({
+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 {
     marginTop: '0px',
     background: theme.palette.grey[300],
-    padding: theme.spacing.unit,
-    marginBottom: theme.spacing.unit * 2,
+    padding: 0,
+    marginBottom: theme.spacing(2),
     borderRadius: '4px'
-  }, extras);
-};
-var style = function style(theme) {
+  };
+});
+var StyledDefaultHolder = (0, _styles.styled)('div')(function (_ref4) {
+  var theme = _ref4.theme;
   return {
-    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
-    }
+    marginTop: '0px',
+    background: theme.palette.grey[300],
+    padding: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    borderRadius: '4px',
+    fontFamily: theme.typography.fontFamily,
+    cursor: 'default'
   };
-};
-var FeedbackType = {
+});
+var StyledGroup = (0, _styles.styled)(_group["default"])(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    paddingTop: theme.spacing(1)
+  };
+});
+var FeedbackType = exports.FeedbackType = {
   type: _propTypes["default"].oneOf(['default', 'custom', 'none']),
   "default": _propTypes["default"].string,
   custom: _propTypes["default"].string
 };
-exports.FeedbackType = FeedbackType;
-var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
-  var _super = _createSuper(FeedbackSelector);
+var FeedbackSelector = exports.FeedbackSelector = /*#__PURE__*/function (_React$Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeType", function (type) {
+    _this = _callSuper(this, FeedbackSelector, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "changeType", function (type) {
       var _this$props = _this.props,
         onChange = _this$props.onChange,
         feedback = _this$props.feedback;
@@ -91,7 +97,7 @@ var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
         type: type
       }));
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCustom", function (custom) {
+    (0, _defineProperty2["default"])(_this, "changeCustom", function (custom) {
       var _this$props2 = _this.props,
         onChange = _this$props2.onChange,
         feedback = _this$props2.feedback;
@@ -102,37 +108,32 @@ var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2["default"])(FeedbackSelector, [{
+  (0, _inherits2["default"])(FeedbackSelector, _React$Component);
+  return (0, _createClass2["default"])(FeedbackSelector, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
         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("div", {
-        className: classes.feedbackSelector
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+      return /*#__PURE__*/_react["default"].createElement(StyledFeedbackSelector, null, /*#__PURE__*/_react["default"].createElement(StyledInputContainer, {
         label: label,
-        className: classes.feedbackInputContainer,
         extraClasses: {
-          label: classes.inputContainerLabel
+          label: {
+            transform: 'translateY(-20%)'
+          }
         }
-      }, /*#__PURE__*/_react["default"].createElement(_group["default"], {
-        className: classes.group,
+      }, /*#__PURE__*/_react["default"].createElement(StyledGroup, {
         keys: feedbackKeys,
         label: label,
         value: feedback.type,
         onChange: this.changeType,
         feedbackLabels: feedbackLabels
-      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.customHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.editor,
+      })), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement(StyledCustomHolder, null, /*#__PURE__*/_react["default"].createElement(StyledEditableHTML, {
         onChange: this.changeCustom,
         markup: feedback.custom || '',
         toolbarOpts: toolbarOpts,
@@ -142,22 +143,17 @@ var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
           language: 'special'
         }],
         mathMlOptions: mathMlOptions
-      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.defaultHolder
-      }, " ", feedback["default"]));
+      })), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement(StyledDefaultHolder, null, " ", 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
+  toolbarOpts: _propTypes["default"].object,
+  mathMlOptions: _propTypes["default"].object
 });
-var _default = (0, _styles.withStyles)(style)(FeedbackSelector);
-exports["default"] = _default;
+var _default = exports["default"] = FeedbackSelector;
 //# sourceMappingURL=feedback-selector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"feedback-selector.js","names":["_editableHtml","_interopRequireDefault","require","_renderUi","_propTypes","_react","_styles","_group","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","target","i","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","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","exports","FeedbackSelector","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","concat","_assertThisInitialized2","_this$props","props","onChange","feedback","_this$props2","_createClass2","value","render","_this$props3","classes","toolbarOpts","_this$props3$mathMlOp","mathMlOptions","feedbackKeys","createElement","className","InputContainer","extraClasses","changeType","changeCustom","markup","languageCharactersProps","language","React","Component","arrayOf","isRequired","shape","func","_default","withStyles"],"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 { 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"],"mappings":"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"}
+{"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    mathMlOptions: 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":[]}

package/lib/feedback-config/group.js

@@ -8,42 +8,41 @@ 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("@material-ui/core/styles");
-var _classnames = _interopRequireDefault(require("classnames"));
-var styles = function styles(theme) {
+var _styles = require("@mui/material/styles");
+var StyledChoiceHolder = (0, _styles.styled)('div')(function () {
   return {
-    radioLabel: {
+    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;
+  return {
+    '& .MuiFormControlLabel-label': {
       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,
-    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)
+  return /*#__PURE__*/_react["default"].createElement(StyledChoiceHolder, {
+    className: className
   }, keys.map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: classes.choice,
+    return /*#__PURE__*/_react["default"].createElement(StyledChoice, {
       key: key
-    }, /*#__PURE__*/_react["default"].createElement(_radioWithLabel["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(StyledRadioWithLabel, {
       value: key,
       checked: value === key,
-      classes: {
-        label: classes.radioLabel
-      },
       onChange: function onChange(e) {
         return _onChange(e.currentTarget.value);
       },
@@ -55,10 +54,8 @@ 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 = (0, _styles.withStyles)(styles)(Group);
-exports["default"] = _default;
+var _default = exports["default"] = Group;
 //# 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","_classnames","styles","theme","radioLabel","fontSize","typography","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","createElement","classNames","map","key","checked","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func","_default","withStyles","exports"],"sources":["../../src/feedback-config/group.jsx"],"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"],"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;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAK;EAAA,OAAM;IACzBC,UAAU,EAAE;MACVC,QAAQ,EAAEF,KAAK,CAACG,UAAU,CAACD,QAAQ,GAAG;IACxC,CAAC;IACDE,MAAM,EAAE;MACNC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZF,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd;EACF,CAAC;AAAA,CAAC;AAEF,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACvB,IAAQC,cAAc,GAAgDD,KAAK,CAAnEC,cAAc;IAAEC,KAAK,GAAyCF,KAAK,CAAnDE,KAAK;IAAEC,OAAO,GAAgCH,KAAK,CAA5CG,OAAO;IAAEC,SAAS,GAAqBJ,KAAK,CAAnCI,SAAS;IAAEC,SAAQ,GAAWL,KAAK,CAAxBK,QAAQ;IAAEC,IAAI,GAAKN,KAAK,CAAdM,IAAI;EAEjE,oBACEnB,MAAA,YAAAoB,aAAA;IAAKH,SAAS,EAAE,IAAAI,sBAAU,EAACL,OAAO,CAACL,YAAY,EAAEM,SAAS;EAAE,GACzDE,IAAI,CAACG,GAAG,CAAC,UAACC,GAAG,EAAK;IACjB,oBACEvB,MAAA,YAAAoB,aAAA;MAAKH,SAAS,EAAED,OAAO,CAACR,MAAO;MAACe,GAAG,EAAEA;IAAI,gBACvCvB,MAAA,YAAAoB,aAAA,CAACrB,eAAA,WAAc;MACbgB,KAAK,EAAEQ,GAAI;MACXC,OAAO,EAAET,KAAK,KAAKQ,GAAI;MACvBP,OAAO,EAAE;QAAES,KAAK,EAAET,OAAO,CAACX;MAAW,CAAE;MACvCa,QAAQ,EAAE,SAAAA,SAACQ,CAAC;QAAA,OAAKR,SAAQ,CAACQ,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAC;MAAA,CAAC;MACjDU,KAAK,EAAEX,cAAc,CAACS,GAAG;IAAE,CAC5B,CACE,CAAC;EAEV,CAAC,CACE,CAAC;AAEV,CAAC;AAEDX,KAAK,CAACgB,SAAS,GAAG;EAChBX,SAAS,EAAEY,qBAAS,CAACC,MAAM;EAC3BhB,cAAc,EAAEe,qBAAS,CAACE,MAAM,CAACC,UAAU;EAC3CjB,KAAK,EAAEc,qBAAS,CAACC,MAAM,CAACE,UAAU;EAClChB,OAAO,EAAEa,qBAAS,CAACE,MAAM,CAACC,UAAU;EACpCb,IAAI,EAAEU,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACC,MAAM,CAAC;EACzCZ,QAAQ,EAAEW,qBAAS,CAACK;AACtB,CAAC;AAAC,IAAAC,QAAA,GAEa,IAAAC,kBAAU,EAACjC,MAAM,CAAC,CAACS,KAAK,CAAC;AAAAyB,OAAA,cAAAF,QAAA"}
+{"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":[]}

package/lib/feedback-config/index.js

@@ -13,41 +13,42 @@ Object.defineProperty(exports, "FeedbackSelector", {
   }
 });
 exports["default"] = exports.buildDefaults = void 0;
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 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 _feedbackSelector = _interopRequireWildcard(require("./feedback-selector"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _styles = require("@mui/material/styles");
+var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
+var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
+var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 style = {
-  feedbackContainer: {
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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; })(); }
+var StyledFeedbackContainer = (0, _styles.styled)('div')(function () {
+  return {
     display: 'flex',
     flex: 1,
     flexDirection: 'column'
-  },
-  panelDetails: {
+  };
+});
+var StyledAccordionDetails = (0, _styles.styled)(_AccordionDetails["default"])(function () {
+  return {
     paddingTop: 0,
     paddingBottom: 0
-  }
-};
-var buildDefaults = function buildDefaults(input) {
+  };
+});
+var buildDefaults = exports.buildDefaults = function buildDefaults(input) {
   return (0, _merge["default"])({}, {
     correct: {
       type: 'default',
@@ -63,23 +64,21 @@ var buildDefaults = function buildDefaults(input) {
     }
   }, input);
 };
-exports.buildDefaults = buildDefaults;
-var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(FeedbackConfig, _React$Component);
-  var _super = _createSuper(FeedbackConfig);
+var FeedbackConfig = exports.FeedbackConfig = /*#__PURE__*/function (_React$Component) {
   function FeedbackConfig() {
     var _this;
     (0, _classCallCheck2["default"])(this, FeedbackConfig);
     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), "onCorrectChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'correct'));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onIncorrectChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'incorrect'));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPartialChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'partial'));
+    _this = _callSuper(this, FeedbackConfig, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "onCorrectChange", _this.onChange.bind(_this, 'correct'));
+    (0, _defineProperty2["default"])(_this, "onIncorrectChange", _this.onChange.bind(_this, 'incorrect'));
+    (0, _defineProperty2["default"])(_this, "onPartialChange", _this.onChange.bind(_this, 'partial'));
     return _this;
   }
-  (0, _createClass2["default"])(FeedbackConfig, [{
+  (0, _inherits2["default"])(FeedbackConfig, _React$Component);
+  return (0, _createClass2["default"])(FeedbackConfig, [{
     key: "onChange",
     value: function onChange(key, config) {
       var _this$props = this.props,
@@ -92,22 +91,24 @@ var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        classes = _this$props2.classes,
         className = _this$props2.className,
         allowPartial = _this$props2.allowPartial,
         feedback = _this$props2.feedback,
         toolbarOpts = _this$props2.toolbarOpts;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className
-      }, /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Accordion["default"], {
+        slotProps: {
+          transition: {
+            timeout: {
+              enter: 225,
+              exit: 195
+            }
+          }
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
         expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        className: classes.heading
-      }, "Feedback")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
-        className: classes.panelDetails
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.feedbackContainer
-      }, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Feedback")), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, /*#__PURE__*/_react["default"].createElement(StyledFeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
         label: "If correct, show",
         feedback: feedback.correct,
         onChange: this.onCorrectChange,
@@ -125,9 +126,7 @@ var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
       })))));
     }
   }]);
-  return FeedbackConfig;
 }(_react["default"].Component);
-exports.FeedbackConfig = FeedbackConfig;
 (0, _defineProperty2["default"])(FeedbackConfig, "propTypes", {
   allowPartial: _propTypes["default"].bool,
   className: _propTypes["default"].string,
@@ -137,13 +136,11 @@ exports.FeedbackConfig = FeedbackConfig;
     partial: _propTypes["default"].shape(_feedbackSelector.FeedbackType)
   }),
   onChange: _propTypes["default"].func.isRequired,
-  classes: _propTypes["default"].object.isRequired,
   toolbarOpts: _propTypes["default"].object
 });
 (0, _defineProperty2["default"])(FeedbackConfig, "defaultProps", {
   allowPartial: true,
   feedback: buildDefaults()
 });
-var _default = (0, _styles.withStyles)(style)(FeedbackConfig);
-exports["default"] = _default;
+var _default = exports["default"] = FeedbackConfig;
 //# sourceMappingURL=index.js.map