@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

package/configure/node_modules/@pie-lib/render-ui/lib/collapsible/index.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Collapsible = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("@material-ui/core/styles/index");
+
+var _index2 = _interopRequireDefault(require("@material-ui/core/Collapse/index"));
+
+var _mathRendering = require("@pie-lib/math-rendering");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Collapsible =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(Collapsible, _React$Component);
+
+  function Collapsible() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    _classCallCheck(this, Collapsible);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Collapsible)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      expanded: false
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "toggleExpanded", function () {
+      _this.setState(function (state) {
+        return {
+          expanded: !state.expanded
+        };
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(Collapsible, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _mathRendering.renderMath)(this.root);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      (0, _mathRendering.renderMath)(this.root);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          labels = _this$props.labels,
+          children = _this$props.children,
+          className = _this$props.className;
+      var title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';
+      return _react["default"].createElement("div", {
+        className: className,
+        ref: function ref(r) {
+          return _this2.root = r;
+        }
+      }, _react["default"].createElement("div", {
+        onClick: this.toggleExpanded
+      }, _react["default"].createElement("span", {
+        className: classes.title
+      }, title)), _react["default"].createElement(_index2["default"], {
+        "in": this.state.expanded,
+        timeout: "auto",
+        unmountOnExit: true,
+        className: classes.collapsible
+      }, children));
+    }
+  }]);
+
+  return Collapsible;
+}(_react["default"].Component);
+
+exports.Collapsible = Collapsible;
+
+_defineProperty(Collapsible, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].object,
+  labels: _propTypes["default"].shape({
+    visible: _propTypes["default"].string,
+    hidden: _propTypes["default"].string
+  })
+});
+
+_defineProperty(Collapsible, "defaultProps", {
+  labels: {}
+});
+
+var _default = (0, _index.withStyles)(function (theme) {
+  return {
+    title: {
+      color: theme.palette.primary.light,
+      borderBottom: "1px dotted ".concat(theme.palette.primary.light)
+    },
+    collapsible: {
+      paddingTop: theme.spacing.unit * 2
+    }
+  };
+})(Collapsible);
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/render-ui/lib/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collapsible/index.jsx"],"names":["Collapsible","expanded","setState","state","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","theme","color","palette","primary","light","borderBottom","paddingTop","spacing","unit"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,W;;;;;;;;;;;;;;;;;;4DAeH;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;;qEAIS,YAAM;AACrB,YAAKC,QAAL,CAAc,UAAAC,KAAK;AAAA,eAAK;AAAEF,UAAAA,QAAQ,EAAE,CAACE,KAAK,CAACF;AAAnB,SAAL;AAAA,OAAnB;AACD,K;;;;;;;wCAEmB;AAClB,qCAAW,KAAKG,IAAhB;AACD;;;yCAEoB;AACnB,qCAAW,KAAKA,IAAhB;AACD;;;6BAEQ;AAAA;;AAAA,wBAC0C,KAAKC,KAD/C;AAAA,UACCC,OADD,eACCA,OADD;AAAA,UACUC,MADV,eACUA,MADV;AAAA,UACkBC,QADlB,eACkBA,QADlB;AAAA,UAC4BC,SAD5B,eAC4BA,SAD5B;AAEP,UAAMC,KAAK,GAAG,KAAKP,KAAL,CAAWF,QAAX,GAAsBM,MAAM,CAACI,OAAP,IAAkB,MAAxC,GAAiDJ,MAAM,CAACK,MAAP,IAAiB,MAAhF;AAEA,aACE;AAAK,QAAA,SAAS,EAAEH,SAAhB;AAA2B,QAAA,GAAG,EAAE,aAAAI,CAAC;AAAA,iBAAK,MAAI,CAACT,IAAL,GAAYS,CAAjB;AAAA;AAAjC,SACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,SACE;AAAM,QAAA,SAAS,EAAER,OAAO,CAACI;AAAzB,SAAiCA,KAAjC,CADF,CADF,EAIE,gCAAC,kBAAD;AACE,cAAI,KAAKP,KAAL,CAAWF,QADjB;AAEE,QAAA,OAAO,EAAC,MAFV;AAGE,QAAA,aAAa,MAHf;AAIE,QAAA,SAAS,EAAEK,OAAO,CAACS;AAJrB,SAMGP,QANH,CAJF,CADF;AAeD;;;;EAlD8BQ,kBAAMC,S;;;;gBAA1BjB,W,eACQ;AACjBM,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,SAAS,EAAES,sBAAUG,MAFJ;AAGjBb,EAAAA,QAAQ,EAAEU,sBAAUC,MAHH;AAIjBZ,EAAAA,MAAM,EAAEW,sBAAUI,KAAV,CAAgB;AACtBX,IAAAA,OAAO,EAAEO,sBAAUG,MADG;AAEtBT,IAAAA,MAAM,EAAEM,sBAAUG;AAFI,GAAhB;AAJS,C;;gBADRrB,W,kBAWW;AACpBO,EAAAA,MAAM,EAAE;AADY,C;;eA0CT,uBAAW,UAAAgB,KAAK;AAAA,SAAK;AAClCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KADxB;AAELC,MAAAA,YAAY,uBAAgBL,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KAAtC;AAFP,KAD2B;AAKlCZ,IAAAA,WAAW,EAAE;AACXc,MAAAA,UAAU,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AADtB;AALqB,GAAL;AAAA,CAAhB,EAQX/B,WARW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Collapse from '@material-ui/core/Collapse/index';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport class Collapsible extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.object,\n    labels: PropTypes.shape({\n      visible: PropTypes.string,\n      hidden: PropTypes.string\n    })\n  };\n\n  static defaultProps = {\n    labels: {}\n  };\n\n  state = {\n    expanded: false\n  };\n\n  toggleExpanded = () => {\n    this.setState(state => ({ expanded: !state.expanded }));\n  };\n\n  componentDidMount() {\n    renderMath(this.root);\n  }\n\n  componentDidUpdate() {\n    renderMath(this.root);\n  }\n\n  render() {\n    const { classes, labels, children, className } = this.props;\n    const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';\n\n    return (\n      <div className={className} ref={r => (this.root = r)}>\n        <div onClick={this.toggleExpanded}>\n          <span className={classes.title}>{title}</span>\n        </div>\n        <Collapse\n          in={this.state.expanded}\n          timeout=\"auto\"\n          unmountOnExit\n          className={classes.collapsible}\n        >\n          {children}\n        </Collapse>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(theme => ({\n  title: {\n    color: theme.palette.primary.light,\n    borderBottom: `1px dotted ${theme.palette.primary.light}`\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2\n  }\n}))(Collapsible);\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/render-ui/lib/color.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.secondaryBackground = exports.background = exports.secondaryText = exports.secondaryDark = exports.secondaryLight = exports.secondary = exports.primaryText = exports.primaryDark = exports.primaryLight = exports.primary = exports.incorrect = exports.correct = exports.disabled = exports.text = exports.v = exports.defaults = void 0;
+
+var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
+
+var _orange = _interopRequireDefault(require("@material-ui/core/colors/orange"));
+
+var _pink = _interopRequireDefault(require("@material-ui/core/colors/pink"));
+
+var _indigo = _interopRequireDefault(require("@material-ui/core/colors/indigo"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var defaults = {
+  TEXT: 'black',
+  DISABLED: 'grey',
+  CORRECT: _green["default"][500],
+  INCORRECT: _orange["default"][500],
+  PRIMARY: _indigo["default"][500],
+  PRIMARY_LIGHT: _indigo["default"][200],
+  PRIMARY_DARK: _indigo["default"][800],
+  SECONDARY: _pink["default"].A400,
+  SECONDARY_LIGHT: _pink["default"][200],
+  SECONDARY_DARK: _pink["default"][900],
+  BACKGROUND: 'rgba(255,255,255,0)',
+  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)'
+};
+exports.defaults = defaults;
+Object.freeze(defaults);
+
+var v = function v(prefix) {
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var fallback = args.pop();
+    return args.reduceRight(function (acc, v) {
+      return "var(--".concat(prefix, "-").concat(v, ", ").concat(acc, ")");
+    }, fallback);
+  };
+};
+
+exports.v = v;
+var pv = v('pie');
+
+var text = function text() {
+  return pv('text', defaults.TEXT);
+};
+
+exports.text = text;
+
+var disabled = function disabled() {
+  return pv('disabled', defaults.DISABLED);
+};
+
+exports.disabled = disabled;
+
+var correct = function correct() {
+  return pv('correct', defaults.CORRECT);
+};
+
+exports.correct = correct;
+
+var incorrect = function incorrect() {
+  return pv('incorrect', defaults.INCORRECT);
+};
+
+exports.incorrect = incorrect;
+
+var primary = function primary() {
+  return pv('primary', defaults.PRIMARY);
+};
+
+exports.primary = primary;
+
+var primaryLight = function primaryLight() {
+  return pv('primary-light', defaults.PRIMARY_LIGHT);
+};
+
+exports.primaryLight = primaryLight;
+
+var primaryDark = function primaryDark() {
+  return pv('primary-dark', defaults.PRIMARY_DARK);
+};
+
+exports.primaryDark = primaryDark;
+
+var primaryText = function primaryText() {
+  return pv('primary-text', 'text', defaults.TEXT);
+};
+
+exports.primaryText = primaryText;
+
+var secondary = function secondary() {
+  return pv('secondary', defaults.SECONDARY);
+};
+
+exports.secondary = secondary;
+
+var secondaryLight = function secondaryLight() {
+  return pv('secondary-light', defaults.SECONDARY_LIGHT);
+};
+
+exports.secondaryLight = secondaryLight;
+
+var secondaryDark = function secondaryDark() {
+  return pv('secondary-dark', defaults.SECONDARY_DARK);
+};
+
+exports.secondaryDark = secondaryDark;
+
+var secondaryText = function secondaryText() {
+  return pv('secondary-text', 'text', defaults.TEXT);
+};
+
+exports.secondaryText = secondaryText;
+
+var background = function background() {
+  return pv('background', defaults.BACKGROUND);
+};
+
+exports.background = background;
+
+var secondaryBackground = function secondaryBackground() {
+  return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
+};
+
+exports.secondaryBackground = secondaryBackground;
+//# sourceMappingURL=color.js.map

package/configure/node_modules/@pie-lib/render-ui/lib/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","incorrect","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":"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","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\n\nexport const defaults = {\n  TEXT: 'black',\n  DISABLED: 'grey',\n  CORRECT: green[500],\n  INCORRECT: orange[500],\n  PRIMARY: indigo[500],\n  PRIMARY_LIGHT: indigo[200],\n  PRIMARY_DARK: indigo[800],\n  SECONDARY: pink.A400,\n  SECONDARY_LIGHT: pink[200],\n  SECONDARY_DARK: pink[900],\n  BACKGROUND: 'rgba(255,255,255,0)',\n  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)'\n};\n\nObject.freeze(defaults);\n\nexport const v = prefix => (...args) => {\n  const fallback = args.pop();\n  return args.reduceRight((acc, v) => {\n    return `var(--${prefix}-${v}, ${acc})`;\n  }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"file":"color.js"}

package/configure/node_modules/@pie-lib/render-ui/lib/feedback.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Feedback = void 0;
+
+var _styles = require("@material-ui/core/styles");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var color = _interopRequireWildcard(require("./color"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var styleSheet = {
+  corespringFeedback: {
+    transformOrigin: '0% 0px 0px',
+    width: '100%',
+    display: 'block',
+    overflow: 'hidden',
+    '&:.incorrect': {
+      color: '#946202'
+    }
+  },
+  content: {
+    '-webkit-font-smoothing': 'antialiased',
+    backgroundColor: "var(--feedback-bg-color, ".concat(color.disabled(), ")"),
+    borderRadius: '4px',
+    fontFamily: '"Roboto", "Noto", sans-serif',
+    fontSize: '12px',
+    lineHeight: '25px',
+    margin: '0px',
+    padding: '10px',
+    verticalAlign: 'middle',
+    color: 'var(--feedback-color, white)'
+  },
+  correct: {
+    backgroundColor: "var(--feedback-correct-bg-color, ".concat(color.correct(), ")")
+  },
+  incorrect: {
+    backgroundColor: "var(--feedback-incorrect-bg-color, ".concat(color.incorrect(), ")")
+  },
+  feedbackEnter: {
+    height: '1px'
+  },
+  feedbackEnterActive: {
+    height: '45px',
+    transition: 'height 500ms'
+  },
+  feedbackLeave: {
+    height: '45px'
+  },
+  feedbackLeaveActive: {
+    height: '1px',
+    transition: 'height 200ms'
+  }
+};
+
+var Feedback =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(Feedback, _React$Component);
+
+  function Feedback() {
+    _classCallCheck(this, Feedback);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(Feedback).apply(this, arguments));
+  }
+
+  _createClass(Feedback, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          correctness = _this$props.correctness,
+          feedback = _this$props.feedback,
+          classes = _this$props.classes;
+
+      function chooseFeedback(correctness) {
+        if (correctness && feedback) {
+          return _react["default"].createElement(_reactTransitionGroup.CSSTransition, {
+            classNames: {
+              enter: classes.feedbackEnter,
+              enterActive: classes.feedbackEnterActive,
+              leave: classes.feedbackLeave,
+              leaveActive: classes.feedbackLeaveActive
+            },
+            key: "hasFeedback",
+            timeout: {
+              enter: 500,
+              exit: 300
+            }
+          }, _react["default"].createElement("div", {
+            className: classes.corespringFeedback
+          }, _react["default"].createElement("div", {
+            className: (0, _classnames["default"])(classes.content, classes[correctness]),
+            dangerouslySetInnerHTML: {
+              __html: feedback
+            }
+          })));
+        } else {
+          return null;
+        }
+      }
+
+      return _react["default"].createElement("div", null, _react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, chooseFeedback(correctness)));
+    }
+  }]);
+
+  return Feedback;
+}(_react["default"].Component);
+
+exports.Feedback = Feedback;
+
+_defineProperty(Feedback, "propTypes", {
+  correctness: _propTypes["default"].string,
+  feedback: _propTypes["default"].string,
+  classes: _propTypes["default"].object.isRequired
+});
+
+var _default = (0, _styles.withStyles)(styleSheet, {
+  name: 'Feedback'
+})(Feedback);
+
+exports["default"] = _default;
+//# sourceMappingURL=feedback.js.map

package/configure/node_modules/@pie-lib/render-ui/lib/feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feedback.jsx"],"names":["styleSheet","corespringFeedback","transformOrigin","width","display","overflow","color","content","backgroundColor","disabled","borderRadius","fontFamily","fontSize","lineHeight","margin","padding","verticalAlign","correct","incorrect","feedbackEnter","height","feedbackEnterActive","transition","feedbackLeave","feedbackLeaveActive","Feedback","props","correctness","feedback","classes","chooseFeedback","enter","enterActive","leave","leaveActive","exit","__html","React","Component","PropTypes","string","object","isRequired","name"],"mappings":"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","sourcesContent":["/**\n * Lifted from multiple-choice - TODO: create a shared package for it.\n */\nimport { withStyles } from '@material-ui/core/styles';\n\nimport React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\nconst styleSheet = {\n  corespringFeedback: {\n    transformOrigin: '0% 0px 0px',\n    width: '100%',\n    display: 'block',\n    overflow: 'hidden',\n    '&:.incorrect': {\n      color: '#946202'\n    }\n  },\n  content: {\n    '-webkit-font-smoothing': 'antialiased',\n    backgroundColor: `var(--feedback-bg-color, ${color.disabled()})`,\n    borderRadius: '4px',\n    fontFamily: '\"Roboto\", \"Noto\", sans-serif',\n    fontSize: '12px',\n    lineHeight: '25px',\n    margin: '0px',\n    padding: '10px',\n    verticalAlign: 'middle',\n    color: 'var(--feedback-color, white)'\n  },\n  correct: {\n    backgroundColor: `var(--feedback-correct-bg-color, ${color.correct()})`\n  },\n  incorrect: {\n    backgroundColor: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`\n  },\n  feedbackEnter: {\n    height: '1px'\n  },\n  feedbackEnterActive: {\n    height: '45px',\n    transition: 'height 500ms'\n  },\n  feedbackLeave: {\n    height: '45px'\n  },\n  feedbackLeaveActive: {\n    height: '1px',\n    transition: 'height 200ms'\n  }\n};\n\nexport class Feedback extends React.Component {\n  static propTypes = {\n    correctness: PropTypes.string,\n    feedback: PropTypes.string,\n    classes: PropTypes.object.isRequired\n  };\n\n  render() {\n    const { correctness, feedback, classes } = this.props;\n\n    function chooseFeedback(correctness) {\n      if (correctness && feedback) {\n        return (\n          <CSSTransition\n            classNames={{\n              enter: classes.feedbackEnter,\n              enterActive: classes.feedbackEnterActive,\n              leave: classes.feedbackLeave,\n              leaveActive: classes.feedbackLeaveActive\n            }}\n            key=\"hasFeedback\"\n            timeout={{ enter: 500, exit: 300 }}\n          >\n            <div className={classes.corespringFeedback}>\n              <div\n                className={classNames(classes.content, classes[correctness])}\n                dangerouslySetInnerHTML={{ __html: feedback }}\n              />\n            </div>\n          </CSSTransition>\n        );\n      } else {\n        return null;\n      }\n    }\n\n    return (\n      <div>\n        <TransitionGroup>{chooseFeedback(correctness)}</TransitionGroup>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styleSheet, { name: 'Feedback' })(Feedback);\n"],"file":"feedback.js"}

package/configure/node_modules/@pie-lib/render-ui/lib/has-text.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasText = void 0;
+var dp = new DOMParser();
+
+var markupToText = function markupToText(s) {
+  var root = dp.parseFromString(s, 'text/html');
+  return root.body.textContent;
+};
+
+var hasText = function hasText(s) {
+  if (!s) {
+    return false;
+  }
+
+  var tc = markupToText(s);
+  return !!(tc && tc.trim());
+};
+
+exports.hasText = hasText;
+//# sourceMappingURL=has-text.js.map

package/configure/node_modules/@pie-lib/render-ui/lib/has-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/has-text.js"],"names":["dp","DOMParser","markupToText","s","root","parseFromString","body","textContent","hasText","tc","trim"],"mappings":";;;;;;AAAA,IAAMA,EAAE,GAAG,IAAIC,SAAJ,EAAX;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAC,CAAC,EAAI;AACxB,MAAMC,IAAI,GAAGJ,EAAE,CAACK,eAAH,CAAmBF,CAAnB,EAAsB,WAAtB,CAAb;AACA,SAAOC,IAAI,CAACE,IAAL,CAAUC,WAAjB;AACD,CAHD;;AAKO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAL,CAAC,EAAI;AAC1B,MAAI,CAACA,CAAL,EAAQ;AACN,WAAO,KAAP;AACD;;AACD,MAAMM,EAAE,GAAGP,YAAY,CAACC,CAAD,CAAvB;AACA,SAAO,CAAC,EAAEM,EAAE,IAAIA,EAAE,CAACC,IAAH,EAAR,CAAR;AACD,CANM","sourcesContent":["const dp = new DOMParser();\n\nconst markupToText = s => {\n  const root = dp.parseFromString(s, 'text/html');\n  return root.body.textContent;\n};\n\nexport const hasText = s => {\n  if (!s) {\n    return false;\n  }\n  const tc = markupToText(s);\n  return !!(tc && tc.trim());\n};\n"],"file":"has-text.js"}

package/configure/node_modules/@pie-lib/render-ui/lib/html-and-math.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mathRendering = require("@pie-lib/math-rendering");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var HtmlAndMath =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(HtmlAndMath, _React$Component);
+
+  function HtmlAndMath() {
+    _classCallCheck(this, HtmlAndMath);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(HtmlAndMath).apply(this, arguments));
+  }
+
+  _createClass(HtmlAndMath, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.node) {
+        (0, _mathRendering.renderMath)(this.node);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.node) {
+        (0, _mathRendering.renderMath)(this.node);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      var _this$props = this.props,
+          tag = _this$props.tag,
+          className = _this$props.className,
+          html = _this$props.html;
+      var Tag = tag || 'div';
+      return _react["default"].createElement(Tag, {
+        ref: function ref(r) {
+          return _this.node = r;
+        },
+        className: className,
+        dangerouslySetInnerHTML: {
+          __html: html
+        }
+      });
+    }
+  }]);
+
+  return HtmlAndMath;
+}(_react["default"].Component);
+
+exports["default"] = HtmlAndMath;
+
+_defineProperty(HtmlAndMath, "propTypes", {
+  tag: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  html: _propTypes["default"].string
+});
+
+_defineProperty(HtmlAndMath, "defaultProps", {
+  tag: 'div',
+  html: ''
+});
+//# sourceMappingURL=html-and-math.js.map

package/configure/node_modules/@pie-lib/render-ui/lib/html-and-math.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/html-and-math.js"],"names":["HtmlAndMath","node","props","tag","className","html","Tag","r","__html","React","Component","PropTypes","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAEqBA,W;;;;;;;;;;;;;wCAYC;AAClB,UAAI,KAAKC,IAAT,EAAe;AACb,uCAAW,KAAKA,IAAhB;AACD;AACF;;;yCAEoB;AACnB,UAAI,KAAKA,IAAT,EAAe;AACb,uCAAW,KAAKA,IAAhB;AACD;AACF;;;6BAEQ;AAAA;;AAAA,wBAC0B,KAAKC,KAD/B;AAAA,UACCC,GADD,eACCA,GADD;AAAA,UACMC,SADN,eACMA,SADN;AAAA,UACiBC,IADjB,eACiBA,IADjB;AAEP,UAAMC,GAAG,GAAGH,GAAG,IAAI,KAAnB;AACA,aACE,gCAAC,GAAD;AACE,QAAA,GAAG,EAAE,aAAAI,CAAC;AAAA,iBAAK,KAAI,CAACN,IAAL,GAAYM,CAAjB;AAAA,SADR;AAEE,QAAA,SAAS,EAAEH,SAFb;AAGE,QAAA,uBAAuB,EAAE;AAAEI,UAAAA,MAAM,EAAEH;AAAV;AAH3B,QADF;AAOD;;;;EAlCsCI,kBAAMC,S;;;;gBAA1BV,W,eACA;AACjBG,EAAAA,GAAG,EAAEQ,sBAAUC,MADE;AAEjBR,EAAAA,SAAS,EAAEO,sBAAUC,MAFJ;AAGjBP,EAAAA,IAAI,EAAEM,sBAAUC;AAHC,C;;gBADAZ,W,kBAOG;AACpBG,EAAAA,GAAG,EAAE,KADe;AAEpBE,EAAAA,IAAI,EAAE;AAFc,C","sourcesContent":["import React from 'react';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport default class HtmlAndMath extends React.Component {\n  static propTypes = {\n    tag: PropTypes.string,\n    className: PropTypes.string,\n    html: PropTypes.string\n  };\n\n  static defaultProps = {\n    tag: 'div',\n    html: ''\n  };\n\n  componentDidMount() {\n    if (this.node) {\n      renderMath(this.node);\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.node) {\n      renderMath(this.node);\n    }\n  }\n\n  render() {\n    const { tag, className, html } = this.props;\n    const Tag = tag || 'div';\n    return (\n      <Tag\n        ref={r => (this.node = r)}\n        className={className}\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  }\n}\n"],"file":"html-and-math.js"}