@pie-element/ebsr 6.6.2 → 6.6.3-next.1016

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

@@ -0,0 +1,160 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PartiallyCorrect = exports.NothingSubmitted = exports.Incorrect = exports.Correct = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var icons = _interopRequireWildcard(require("@pie-lib/icons"));
+
+var _Popover = _interopRequireDefault(require("@material-ui/core/Popover"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _feedback = _interopRequireDefault(require("./feedback"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } 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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 log = (0, _debug["default"])('pie-libs:render-ui:response-indicators');
+
+var styles = function styles() {
+  return {
+    responseIndicator: {
+      cursor: 'pointer'
+    },
+    paper: {
+      padding: '0',
+      borderRadius: '4px'
+    },
+    popover: {
+      cursor: 'pointer'
+    },
+    popperClose: {
+      cursor: 'pointer'
+    }
+  };
+};
+
+var BuildIndicator = function BuildIndicator(Icon, correctness) {
+  var RawIndicator = /*#__PURE__*/function (_React$Component) {
+    _inherits(RawIndicator, _React$Component);
+
+    var _super = _createSuper(RawIndicator);
+
+    function RawIndicator(props) {
+      var _this;
+
+      _classCallCheck(this, RawIndicator);
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "handlePopoverOpen", function (event) {
+        log('[handlePopoverOpen]', event.target);
+
+        _this.setState({
+          anchorEl: event.target
+        });
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "handlePopoverClose", function () {
+        _this.setState({
+          anchorEl: null
+        });
+      });
+
+      _this.state = {};
+      return _this;
+    }
+
+    _createClass(RawIndicator, [{
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+
+        var _this$props = this.props,
+            feedback = _this$props.feedback,
+            classes = _this$props.classes;
+        var anchorEl = this.state.anchorEl;
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: feedback && classes.responseIndicator
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          ref: function ref(r) {
+            return _this2.icon = r;
+          },
+          onClick: this.handlePopoverOpen
+        }, /*#__PURE__*/_react["default"].createElement(Icon, null)), feedback && /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
+          className: classes.popover,
+          classes: {
+            paper: classes.paper
+          },
+          open: !!anchorEl,
+          anchorEl: anchorEl,
+          anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'left'
+          },
+          transformOrigin: {
+            vertical: 'top',
+            horizontal: 'left'
+          },
+          onClose: this.handlePopoverClose
+        }, /*#__PURE__*/_react["default"].createElement(_feedback["default"], {
+          feedback: feedback,
+          correctness: correctness
+        })));
+      }
+    }]);
+
+    return RawIndicator;
+  }(_react["default"].Component);
+
+  RawIndicator.propTypes = {
+    feedback: _propTypes["default"].string,
+    classes: _propTypes["default"].object.isRequired
+  };
+  return (0, _styles.withStyles)(styles)(RawIndicator);
+};
+
+var Correct = BuildIndicator(icons.Correct, 'correct');
+exports.Correct = Correct;
+var Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');
+exports.Incorrect = Incorrect;
+var PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');
+exports.PartiallyCorrect = PartiallyCorrect;
+var NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');
+exports.NothingSubmitted = NothingSubmitted;
+//# sourceMappingURL=response-indicators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/response-indicators.jsx"],"names":["log","styles","responseIndicator","cursor","paper","padding","borderRadius","popover","popperClose","BuildIndicator","Icon","correctness","RawIndicator","props","event","target","setState","anchorEl","state","feedback","classes","r","icon","handlePopoverOpen","vertical","horizontal","handlePopoverClose","React","Component","propTypes","PropTypes","string","object","isRequired","Correct","icons","Incorrect","PartiallyCorrect","NothingSubmitted"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '@pie-lib/icons';\nimport Popover from '@material-ui/core/Popover';\nimport { withStyles } from '@material-ui/core/styles';\nimport Feedback from './feedback';\nimport debug from 'debug';\n\nconst log = debug('pie-libs:render-ui:response-indicators');\n\nconst styles = () => ({\n  responseIndicator: {\n    cursor: 'pointer'\n  },\n  paper: {\n    padding: '0',\n    borderRadius: '4px'\n  },\n  popover: {\n    cursor: 'pointer'\n  },\n  popperClose: {\n    cursor: 'pointer'\n  }\n});\n\nconst BuildIndicator = (Icon, correctness) => {\n  class RawIndicator extends React.Component {\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    handlePopoverOpen = event => {\n      log('[handlePopoverOpen]', event.target);\n      this.setState({ anchorEl: event.target });\n    };\n\n    handlePopoverClose = () => {\n      this.setState({ anchorEl: null });\n    };\n\n    render() {\n      const { feedback, classes } = this.props;\n      const { anchorEl } = this.state;\n      return (\n        <div className={feedback && classes.responseIndicator}>\n          <span ref={r => (this.icon = r)} onClick={this.handlePopoverOpen}>\n            <Icon />\n          </span>\n\n          {feedback && (\n            <Popover\n              className={classes.popover}\n              classes={{\n                paper: classes.paper\n              }}\n              open={!!anchorEl}\n              anchorEl={anchorEl}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left'\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'left'\n              }}\n              onClose={this.handlePopoverClose}\n            >\n              <Feedback feedback={feedback} correctness={correctness} />\n            </Popover>\n          )}\n        </div>\n      );\n    }\n  }\n\n  RawIndicator.propTypes = {\n    feedback: PropTypes.string,\n    classes: PropTypes.object.isRequired\n  };\n\n  return withStyles(styles)(RawIndicator);\n};\n\nexport const Correct = BuildIndicator(icons.Correct, 'correct');\nexport const Incorrect = BuildIndicator(icons.Incorrect, 'incorrect');\nexport const PartiallyCorrect = BuildIndicator(icons.PartiallyCorrect, 'partially-correct');\nexport const NothingSubmitted = BuildIndicator(icons.NothingSubmitted, 'nothing-submitted');\n"],"file":"response-indicators.js"}

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

@@ -0,0 +1,206 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Restore = _interopRequireDefault(require("@material-ui/icons/Restore"));
+
+var _Undo = _interopRequireDefault(require("@material-ui/icons/Undo"));
+
+var _excluded = ["classes"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } 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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 styles = function styles(theme) {
+  return {
+    wrapper: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    resetUndoContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    icon: {
+      width: '24px',
+      height: '24px',
+      color: 'gray',
+      marginRight: theme.spacing.unit
+    },
+    buttonContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      marginLeft: theme.spacing.unit * 3,
+      marginRight: theme.spacing.unit * 3
+    }
+  };
+};
+/**
+ * HOC that adds undo and reset functionality for session values
+ */
+
+
+var withUndoReset = function withUndoReset(WrappedComponent) {
+  var WithUndoReset = /*#__PURE__*/function (_React$Component) {
+    _inherits(WithUndoReset, _React$Component);
+
+    var _super = _createSuper(WithUndoReset);
+
+    function WithUndoReset(props) {
+      var _this;
+
+      _classCallCheck(this, WithUndoReset);
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "onSessionChange", function (session) {
+        _this.setState(function (state) {
+          return {
+            session: session,
+            changes: [].concat(_toConsumableArray(state.changes), [session])
+          };
+        }, function () {
+          return _this.props.onSessionChange(session);
+        });
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "onUndo", function () {
+        _this.setState(function (state) {
+          var newChanges = _toConsumableArray(state.changes);
+
+          newChanges.pop();
+          return {
+            changes: newChanges,
+            session: newChanges.length ? newChanges[newChanges.length - 1] : state.sessionInitialValues
+          };
+        }, function () {
+          return _this.props.onSessionChange(_this.state.session);
+        });
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "onReset", function () {
+        _this.setState(function (state) {
+          return {
+            session: state.sessionInitialValues,
+            changes: []
+          };
+        }, function () {
+          return _this.props.onSessionChange(_this.state.sessionInitialValues);
+        });
+      });
+
+      _this.state = {
+        sessionInitialValues: JSON.parse(JSON.stringify(props.session)),
+        session: props.session,
+        changes: []
+      };
+      return _this;
+    }
+
+    _createClass(WithUndoReset, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            classes = _this$props.classes,
+            rest = _objectWithoutProperties(_this$props, _excluded);
+
+        var _this$state = this.state,
+            changes = _this$state.changes,
+            session = _this$state.session;
+        return /*#__PURE__*/React.createElement("div", {
+          className: classes.wrapper
+        }, /*#__PURE__*/React.createElement("div", {
+          className: classes.resetUndoContainer
+        }, /*#__PURE__*/React.createElement(_Button["default"], {
+          className: classes.buttonContainer,
+          color: "primary",
+          disabled: changes.length === 0,
+          onClick: this.onUndo
+        }, /*#__PURE__*/React.createElement(_Undo["default"], {
+          className: classes.icon
+        }), " Undo"), /*#__PURE__*/React.createElement(_Button["default"], {
+          className: classes.buttonContainer,
+          color: "primary",
+          disabled: changes.length === 0,
+          onClick: this.onReset
+        }, /*#__PURE__*/React.createElement(_Restore["default"], {
+          className: classes.icon
+        }), " Start Over")), /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, rest, {
+          session: session,
+          onSessionChange: this.onSessionChange
+        })));
+      }
+    }]);
+
+    return WithUndoReset;
+  }(React.Component);
+
+  _defineProperty(WithUndoReset, "propTypes", {
+    classes: _propTypes["default"].object,
+    session: _propTypes["default"].object,
+    onSessionChange: _propTypes["default"].func
+  });
+
+  return (0, _styles.withStyles)(styles)(WithUndoReset);
+};
+
+var _default = withUndoReset;
+exports["default"] = _default;
+//# sourceMappingURL=withUndoReset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/withUndoReset.jsx"],"names":["styles","theme","wrapper","display","flexDirection","resetUndoContainer","alignItems","justifyContent","icon","width","height","color","marginRight","spacing","unit","buttonContainer","marginLeft","withUndoReset","WrappedComponent","WithUndoReset","props","session","setState","state","changes","onSessionChange","newChanges","pop","length","sessionInitialValues","JSON","parse","stringify","classes","rest","onUndo","onReset","React","Component","PropTypes","object","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport Restore from '@material-ui/icons/Restore';\nimport Undo from '@material-ui/icons/Undo';\n\nconst styles = theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  resetUndoContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  icon: {\n    width: '24px',\n    height: '24px',\n    color: 'gray',\n    marginRight: theme.spacing.unit\n  },\n  buttonContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: theme.spacing.unit * 3,\n    marginRight: theme.spacing.unit * 3\n  }\n});\n\n/**\n * HOC that adds undo and reset functionality for session values\n */\nconst withUndoReset = WrappedComponent => {\n  class WithUndoReset extends React.Component {\n    static propTypes = {\n      classes: PropTypes.object,\n      session: PropTypes.object,\n      onSessionChange: PropTypes.func\n    };\n\n    constructor(props) {\n      super(props);\n\n      this.state = {\n        sessionInitialValues: JSON.parse(JSON.stringify(props.session)),\n        session: props.session,\n        changes: []\n      };\n    }\n\n    onSessionChange = session => {\n      this.setState(\n        state => ({ session, changes: [...state.changes, session] }),\n        () => this.props.onSessionChange(session)\n      );\n    };\n\n    onUndo = () => {\n      this.setState(\n        state => {\n          const newChanges = [...state.changes];\n\n          newChanges.pop();\n\n          return {\n            changes: newChanges,\n            session: newChanges.length\n              ? newChanges[newChanges.length - 1]\n              : state.sessionInitialValues\n          };\n        },\n        () => this.props.onSessionChange(this.state.session)\n      );\n    };\n\n    onReset = () => {\n      this.setState(\n        state => ({ session: state.sessionInitialValues, changes: [] }),\n        () => this.props.onSessionChange(this.state.sessionInitialValues)\n      );\n    };\n\n    render() {\n      const { classes, ...rest } = this.props;\n      const { changes, session } = this.state;\n\n      return (\n        <div className={classes.wrapper}>\n          <div className={classes.resetUndoContainer}>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onUndo}\n            >\n              <Undo className={classes.icon} /> Undo\n            </Button>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onReset}\n            >\n              <Restore className={classes.icon} /> Start Over\n            </Button>\n          </div>\n          <WrappedComponent {...rest} session={session} onSessionChange={this.onSessionChange} />\n        </div>\n      );\n    }\n  }\n\n  return withStyles(styles)(WithUndoReset);\n};\n\nexport default withUndoReset;\n"],"file":"withUndoReset.js"}

package/configure/node_modules/@pie-lib/render-ui/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@pie-lib/render-ui",
+  "version": "4.12.6",
+  "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
+  "module": "src/index.js",
+  "main": "lib/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {},
+  "dependencies": {
+    "@material-ui/core": "^3.8.3",
+    "@material-ui/icons": "^3.0.2",
+    "@pie-lib/icons": "^2.4.25",
+    "@pie-lib/math-rendering": "^2.4.0",
+    "classnames": "^2.2.6",
+    "debug": "^4.1.1",
+    "prop-types": "^15.7.2",
+    "react-transition-group": "^2.5.2"
+  },
+  "peerDependencies": {
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  },
+  "devDependencies": {
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  },
+  "gitHead": "15c7a1364de782a095f8387f6be54af23e45fa10"
+}

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

@@ -0,0 +1,68 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles/index';
+import Collapse from '@material-ui/core/Collapse/index';
+import { renderMath } from '@pie-lib/math-rendering';
+import PropTypes from 'prop-types';
+
+export class Collapsible extends React.Component {
+  static propTypes = {
+    classes: PropTypes.object.isRequired,
+    className: PropTypes.string,
+    children: PropTypes.object,
+    labels: PropTypes.shape({
+      visible: PropTypes.string,
+      hidden: PropTypes.string
+    })
+  };
+
+  static defaultProps = {
+    labels: {}
+  };
+
+  state = {
+    expanded: false
+  };
+
+  toggleExpanded = () => {
+    this.setState(state => ({ expanded: !state.expanded }));
+  };
+
+  componentDidMount() {
+    renderMath(this.root);
+  }
+
+  componentDidUpdate() {
+    renderMath(this.root);
+  }
+
+  render() {
+    const { classes, labels, children, className } = this.props;
+    const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';
+
+    return (
+      <div className={className} ref={r => (this.root = r)}>
+        <div onClick={this.toggleExpanded}>
+          <span className={classes.title}>{title}</span>
+        </div>
+        <Collapse
+          in={this.state.expanded}
+          timeout="auto"
+          unmountOnExit
+          className={classes.collapsible}
+        >
+          {children}
+        </Collapse>
+      </div>
+    );
+  }
+}
+
+export default withStyles(theme => ({
+  title: {
+    color: theme.palette.primary.light,
+    borderBottom: `1px dotted ${theme.palette.primary.light}`
+  },
+  collapsible: {
+    paddingTop: theme.spacing.unit * 2
+  }
+}))(Collapsible);

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

@@ -0,0 +1,48 @@
+import green from '@material-ui/core/colors/green';
+import orange from '@material-ui/core/colors/orange';
+import pink from '@material-ui/core/colors/pink';
+import indigo from '@material-ui/core/colors/indigo';
+
+export const defaults = {
+  TEXT: 'black',
+  DISABLED: 'grey',
+  CORRECT: green[500],
+  INCORRECT: orange[500],
+  PRIMARY: indigo[500],
+  PRIMARY_LIGHT: indigo[200],
+  PRIMARY_DARK: indigo[800],
+  SECONDARY: pink.A400,
+  SECONDARY_LIGHT: pink[200],
+  SECONDARY_DARK: pink[900],
+  BACKGROUND: 'rgba(255,255,255,0)',
+  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)'
+};
+
+Object.freeze(defaults);
+
+export const v = prefix => (...args) => {
+  const fallback = args.pop();
+  return args.reduceRight((acc, v) => {
+    return `var(--${prefix}-${v}, ${acc})`;
+  }, fallback);
+};
+
+const pv = v('pie');
+
+export const text = () => pv('text', defaults.TEXT);
+export const disabled = () => pv('disabled', defaults.DISABLED);
+export const correct = () => pv('correct', defaults.CORRECT);
+export const incorrect = () => pv('incorrect', defaults.INCORRECT);
+
+export const primary = () => pv('primary', defaults.PRIMARY);
+export const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);
+export const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);
+export const primaryText = () => pv('primary-text', 'text', defaults.TEXT);
+
+export const secondary = () => pv('secondary', defaults.SECONDARY);
+export const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);
+export const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);
+
+export const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);
+export const background = () => pv('background', defaults.BACKGROUND);
+export const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);

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

@@ -0,0 +1,100 @@
+/**
+ * Lifted from multiple-choice - TODO: create a shared package for it.
+ */
+import { withStyles } from '@material-ui/core/styles';
+
+import React from 'react';
+import { TransitionGroup, CSSTransition } from 'react-transition-group';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import * as color from './color';
+
+const 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, ${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, ${color.correct()})`
+  },
+  incorrect: {
+    backgroundColor: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`
+  },
+  feedbackEnter: {
+    height: '1px'
+  },
+  feedbackEnterActive: {
+    height: '45px',
+    transition: 'height 500ms'
+  },
+  feedbackLeave: {
+    height: '45px'
+  },
+  feedbackLeaveActive: {
+    height: '1px',
+    transition: 'height 200ms'
+  }
+};
+
+export class Feedback extends React.Component {
+  static propTypes = {
+    correctness: PropTypes.string,
+    feedback: PropTypes.string,
+    classes: PropTypes.object.isRequired
+  };
+
+  render() {
+    const { correctness, feedback, classes } = this.props;
+
+    function chooseFeedback(correctness) {
+      if (correctness && feedback) {
+        return (
+          <CSSTransition
+            classNames={{
+              enter: classes.feedbackEnter,
+              enterActive: classes.feedbackEnterActive,
+              leave: classes.feedbackLeave,
+              leaveActive: classes.feedbackLeaveActive
+            }}
+            key="hasFeedback"
+            timeout={{ enter: 500, exit: 300 }}
+          >
+            <div className={classes.corespringFeedback}>
+              <div
+                className={classNames(classes.content, classes[correctness])}
+                dangerouslySetInnerHTML={{ __html: feedback }}
+              />
+            </div>
+          </CSSTransition>
+        );
+      } else {
+        return null;
+      }
+    }
+
+    return (
+      <div>
+        <TransitionGroup>{chooseFeedback(correctness)}</TransitionGroup>
+      </div>
+    );
+  }
+}
+
+export default withStyles(styleSheet, { name: 'Feedback' })(Feedback);

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

@@ -0,0 +1,14 @@
+const dp = new DOMParser();
+
+const markupToText = s => {
+  const root = dp.parseFromString(s, 'text/html');
+  return root.body.textContent;
+};
+
+export const hasText = s => {
+  if (!s) {
+    return false;
+  }
+  const tc = markupToText(s);
+  return !!(tc && tc.trim());
+};