@pie-lib/render-ui 4.15.9 → 4.16.1-beta.0

package/lib/preview-layout.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 PreviewLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(PreviewLayout, _React$Component);
-
-  var _super = _createSuper(PreviewLayout);
-
-  function PreviewLayout() {
-    (0, _classCallCheck2["default"])(this, PreviewLayout);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(PreviewLayout, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          classes = _this$props.classes,
-          ariaLabel = _this$props.ariaLabel,
-          role = _this$props.role;
-      var accessibility = ariaLabel ? {
-        'aria-label': ariaLabel,
-        role: role
-      } : {};
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-        className: classes.container
-      }, accessibility), children);
-    }
-  }]);
-  return PreviewLayout;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(PreviewLayout, "propTypes", {
-  ariaLabel: _propTypes["default"].string,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  classes: _propTypes["default"].object,
-  role: _propTypes["default"].string
-});
-
-var styles = function styles() {
-  return {
-    container: {
-      display: 'flex',
-      flexDirection: 'column',
-      position: 'relative'
-    }
-  };
-};
-
-var theme = (0, _styles.createMuiTheme)({
-  typography: {
-    useNextVariants: true
-  },
-  palette: {
-    action: {
-      disabled: 'rgba(0, 0, 0, 0.54);'
-    }
-  },
-  overrides: {
-    MuiRadio: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important'
-        }
-      }
-    },
-    MuiCheckbox: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important'
-        }
-      }
-    },
-    MuiTabs: {
-      root: {
-        borderBottom: '1px solid #eee'
-      }
-    },
-    MuiSwitch: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important',
-          '& + $bar': {
-            backgroundColor: '#3f51b5 !important',
-            opacity: 0.5
-          }
-        }
-      }
-    }
-  }
-});
-var Styled = (0, _styles.withStyles)(styles)(PreviewLayout);
-
-var RootElem = function RootElem(props) {
-  return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/_react["default"].createElement(Styled, props));
-};
-
-var _default = RootElem;
-exports["default"] = _default;
-//# sourceMappingURL=preview-layout.js.map

package/lib/preview-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preview-layout.jsx"],"names":["PreviewLayout","props","children","classes","ariaLabel","role","accessibility","container","React","Component","PropTypes","string","oneOfType","arrayOf","node","isRequired","object","styles","display","flexDirection","position","theme","typography","useNextVariants","palette","action","disabled","overrides","MuiRadio","root","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","Styled","RootElem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEMA,a;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAA+C,KAAKC,KAApD;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,OAAlB,eAAkBA,OAAlB;AAAA,UAA2BC,SAA3B,eAA2BA,SAA3B;AAAA,UAAsCC,IAAtC,eAAsCA,IAAtC;AACA,UAAMC,aAAa,GAAGF,SAAS,GAAG;AAAE,sBAAcA,SAAhB;AAA2BC,QAAAA,IAAI,EAAJA;AAA3B,OAAH,GAAuC,EAAtE;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEF,OAAO,CAACI;AAAxB,SAAuCD,aAAvC,GACGJ,QADH,CADF;AAKD;;;EAjByBM,kBAAMC,S;;iCAA5BT,a,eACe;AACjBI,EAAAA,SAAS,EAAEM,sBAAUC,MADJ;AAEjBT,EAAAA,QAAQ,EAAEQ,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,EAAyEC,UAFlE;AAGjBZ,EAAAA,OAAO,EAAEO,sBAAUM,MAHF;AAIjBX,EAAAA,IAAI,EAAEK,sBAAUC;AAJC,C;;AAmBrB,IAAMM,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,SAAS,EAAE;AACTW,MAAAA,OAAO,EAAE,MADA;AAETC,MAAAA,aAAa,EAAE,QAFN;AAGTC,MAAAA,QAAQ,EAAE;AAHD;AADS,GAAP;AAAA,CAAf;;AAQA,IAAMC,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP,GADe;AAI3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE;AACNC,MAAAA,QAAQ,EAAE;AADJ;AADD,GAJkB;AAS3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE;AACJ,qBAAa;AACXC,UAAAA,KAAK,EAAE;AADI;AADT;AADE,KADD;AAQTC,IAAAA,WAAW,EAAE;AACXF,MAAAA,IAAI,EAAE;AACJ,qBAAa;AACXC,UAAAA,KAAK,EAAE;AADI;AADT;AADK,KARJ;AAeTE,IAAAA,OAAO,EAAE;AACPH,MAAAA,IAAI,EAAE;AACJI,QAAAA,YAAY,EAAE;AADV;AADC,KAfA;AAoBTC,IAAAA,SAAS,EAAE;AACTL,MAAAA,IAAI,EAAE;AACJ,qBAAa;AACXC,UAAAA,KAAK,EAAE,oBADI;AAEX,sBAAY;AACVK,YAAAA,eAAe,EAAE,oBADP;AAEVC,YAAAA,OAAO,EAAE;AAFC;AAFD;AADT;AADG;AApBF;AATgB,CAAf,CAAd;AA2CA,IAAMC,MAAM,GAAG,wBAAWpB,MAAX,EAAmBjB,aAAnB,CAAf;;AAEA,IAAMsC,QAAQ,GAAG,SAAXA,QAAW,CAACrC,KAAD;AAAA,sBACf,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEoB;AAAzB,kBACE,gCAAC,MAAD,EAAYpB,KAAZ,CADF,CADe;AAAA,CAAjB;;eAMeqC,Q","sourcesContent":["import React from 'react';\nimport { withStyles, createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nclass PreviewLayout extends React.Component {\n  static propTypes = {\n    ariaLabel: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object,\n    role: PropTypes.string,\n  };\n\n  render() {\n    const { children, classes, ariaLabel, role } = this.props;\n    const accessibility = ariaLabel ? { 'aria-label': ariaLabel, role } : {};\n\n    return (\n      <div className={classes.container} {...accessibility}>\n        {children}\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n});\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  overrides: {\n    MuiRadio: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiCheckbox: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiTabs: {\n      root: {\n        borderBottom: '1px solid #eee',\n      },\n    },\n    MuiSwitch: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n          '& + $bar': {\n            backgroundColor: '#3f51b5 !important',\n            opacity: 0.5,\n          },\n        },\n      },\n    },\n  },\n});\n\nconst Styled = withStyles(styles)(PreviewLayout);\n\nconst RootElem = (props) => (\n  <MuiThemeProvider theme={theme}>\n    <Styled {...props} />\n  </MuiThemeProvider>\n);\n\nexport default RootElem;\n"],"file":"preview-layout.js"}

package/lib/preview-prompt.js

@@ -1,206 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PreviewPrompt = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var color = _interopRequireWildcard(require("./color"));
-
-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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-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 _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 _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; } }
-
-//Used these below to replace \\embed{newLine} with \\newline from prompt which will get parsed in MathJax
-var NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
-var NEWLINE_LATEX = '\\newline ';
-
-var PreviewPrompt = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(PreviewPrompt, _Component);
-
-  var _super = _createSuper(PreviewPrompt);
-
-  function PreviewPrompt() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, PreviewPrompt);
-
-    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), "parsedText", function (text) {
-      // fix imported audio content for Safari PD-1419
-      var div = document.createElement('div');
-      div.innerHTML = text;
-      var audio = div.querySelector('audio');
-
-      if (audio) {
-        var source = document.createElement('source');
-        source.setAttribute('type', 'audio/mp3');
-        source.setAttribute('src', audio.getAttribute('src'));
-        audio.removeAttribute('src');
-        audio.appendChild(source);
-      }
-
-      return div.innerHTML;
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(PreviewPrompt, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      // set image parent style so it can be horizontally aligned
-      var previewPrompt = document.querySelector('#preview-prompt');
-      var images = previewPrompt && previewPrompt.getElementsByTagName('img');
-
-      if (images && images.length) {
-        var _iterator = _createForOfIteratorHelper(images),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var image = _step.value;
-
-            // check if alignment property was set
-            if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {
-              var parentNode = image.parentElement; // check if div is not already added to dom and replace current image with wrapped image
-
-              if (!(parentNode.tagName === 'DIV' && parentNode.style.display === 'flex' && parentNode.style.width === '100%')) {
-                var div = document.createElement('div');
-                div.style.display = 'flex';
-                div.style.width = '100%';
-                var copyImage = image.cloneNode(true);
-                div.appendChild(copyImage);
-                parentNode.replaceChild(div, image);
-              }
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          prompt = _this$props.prompt,
-          classes = _this$props.classes,
-          tagName = _this$props.tagName,
-          className = _this$props.className,
-          onClick = _this$props.onClick,
-          defaultClassName = _this$props.defaultClassName;
-      var CustomTag = tagName || 'div'; // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment
-
-      var legendClass = tagName === 'legend' ? 'legend' : '';
-      var customClasses = "".concat(classes.promptTable, " ").concat(classes[className] || '', " ").concat(defaultClassName || '', " ").concat(classes[legendClass] || '');
-      return /*#__PURE__*/_react["default"].createElement(CustomTag, {
-        id: 'preview-prompt',
-        onClick: onClick,
-        className: customClasses,
-        dangerouslySetInnerHTML: {
-          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
-        }
-      });
-    }
-  }]);
-  return PreviewPrompt;
-}(_react.Component);
-
-exports.PreviewPrompt = PreviewPrompt;
-(0, _defineProperty2["default"])(PreviewPrompt, "propTypes", {
-  classes: _propTypes["default"].object,
-  prompt: _propTypes["default"].string,
-  tagName: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  defaultClassName: _propTypes["default"].string
-});
-(0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
-  onClick: function onClick() {}
-});
-
-var styles = function styles(theme) {
-  return {
-    prompt: {
-      verticalAlign: 'middle',
-      color: color.text()
-    },
-    legend: {
-      width: '100%',
-      fontSize: 'inherit  !important'
-    },
-    rationale: {
-      paddingLeft: theme.spacing.unit * 4,
-      paddingBottom: theme.spacing.unit
-    },
-    label: {
-      color: "".concat(color.text(), " !important"),
-      //'var(--choice-input-color, black)',
-      display: 'inline-block',
-      verticalAlign: 'middle',
-      cursor: 'pointer',
-      '& > p': {
-        margin: '0 0 0 0 !important'
-      }
-    },
-    promptTable: {
-      '&:not(.MathJax) > table': {
-        borderCollapse: 'collapse'
-      },
-      '&:not(.MathJax) > table tr': {
-        '&:nth-child(2n)': {
-          backgroundColor: '#f6f8fa'
-        }
-      },
-      '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
-        padding: '.6em 1em',
-        textAlign: 'center'
-      }
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(PreviewPrompt);
-
-exports["default"] = _default;
-//# sourceMappingURL=preview-prompt.js.map

package/lib/preview-prompt.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preview-prompt.jsx"],"names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","text","div","document","createElement","innerHTML","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","previewPrompt","images","getElementsByTagName","length","image","attributes","alignment","value","parentNode","parentElement","tagName","style","display","width","copyImage","cloneNode","replaceChild","props","prompt","classes","className","onClick","defaultClassName","CustomTag","legendClass","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","legend","fontSize","rationale","paddingLeft","spacing","unit","paddingBottom","label","cursor","margin","borderCollapse","backgroundColor","padding","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,mBAAmB,GAAG,yBAA5B;AACA,IAAMC,aAAa,GAAG,YAAtB;;IAEaC,a;;;;;;;;;;;;;;;mGAcE,UAACC,IAAD,EAAU;AACrB;AACA,UAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AACAF,MAAAA,GAAG,CAACG,SAAJ,GAAgBJ,IAAhB;AAEA,UAAMK,KAAK,GAAGJ,GAAG,CAACK,aAAJ,CAAkB,OAAlB,CAAd;;AACA,UAAID,KAAJ,EAAW;AACT,YAAME,MAAM,GAAGL,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AAEAI,QAAAA,MAAM,CAACC,YAAP,CAAoB,MAApB,EAA4B,WAA5B;AACAD,QAAAA,MAAM,CAACC,YAAP,CAAoB,KAApB,EAA2BH,KAAK,CAACI,YAAN,CAAmB,KAAnB,CAA3B;AAEAJ,QAAAA,KAAK,CAACK,eAAN,CAAsB,KAAtB;AACAL,QAAAA,KAAK,CAACM,WAAN,CAAkBJ,MAAlB;AACD;;AAED,aAAON,GAAG,CAACG,SAAX;AACD,K;;;;;;WAED,8BAAqB;AACnB;AACA,UAAMQ,aAAa,GAAGV,QAAQ,CAACI,aAAT,CAAuB,iBAAvB,CAAtB;AACA,UAAMO,MAAM,GAAGD,aAAa,IAAIA,aAAa,CAACE,oBAAd,CAAmC,KAAnC,CAAhC;;AAEA,UAAID,MAAM,IAAIA,MAAM,CAACE,MAArB,EAA6B;AAAA,mDACTF,MADS;AAAA;;AAAA;AAC3B,8DAA0B;AAAA,gBAAjBG,KAAiB;;AACxB;AACA,gBAAIA,KAAK,CAACC,UAAN,IAAoBD,KAAK,CAACC,UAAN,CAAiBC,SAArC,IAAkDF,KAAK,CAACC,UAAN,CAAiBC,SAAjB,CAA2BC,KAAjF,EAAwF;AACtF,kBAAMC,UAAU,GAAGJ,KAAK,CAACK,aAAzB,CADsF,CAGtF;;AACA,kBACE,EAAED,UAAU,CAACE,OAAX,KAAuB,KAAvB,IAAgCF,UAAU,CAACG,KAAX,CAAiBC,OAAjB,KAA6B,MAA7D,IAAuEJ,UAAU,CAACG,KAAX,CAAiBE,KAAjB,KAA2B,MAApG,CADF,EAEE;AACA,oBAAMxB,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AACAF,gBAAAA,GAAG,CAACsB,KAAJ,CAAUC,OAAV,GAAoB,MAApB;AACAvB,gBAAAA,GAAG,CAACsB,KAAJ,CAAUE,KAAV,GAAkB,MAAlB;AAEA,oBAAMC,SAAS,GAAGV,KAAK,CAACW,SAAN,CAAgB,IAAhB,CAAlB;AACA1B,gBAAAA,GAAG,CAACU,WAAJ,CAAgBe,SAAhB;AACAN,gBAAAA,UAAU,CAACQ,YAAX,CAAwB3B,GAAxB,EAA6Be,KAA7B;AACD;AACF;AACF;AAnB0B;AAAA;AAAA;AAAA;AAAA;AAoB5B;AACF;;;WAED,kBAAS;AACP,wBAA2E,KAAKa,KAAhF;AAAA,UAAQC,MAAR,eAAQA,MAAR;AAAA,UAAgBC,OAAhB,eAAgBA,OAAhB;AAAA,UAAyBT,OAAzB,eAAyBA,OAAzB;AAAA,UAAkCU,SAAlC,eAAkCA,SAAlC;AAAA,UAA6CC,OAA7C,eAA6CA,OAA7C;AAAA,UAAsDC,gBAAtD,eAAsDA,gBAAtD;AACA,UAAMC,SAAS,GAAGb,OAAO,IAAI,KAA7B,CAFO,CAGP;;AACA,UAAMc,WAAW,GAAGd,OAAO,KAAK,QAAZ,GAAuB,QAAvB,GAAkC,EAAtD;AACA,UAAMe,aAAa,aAAMN,OAAO,CAACO,WAAd,cAA6BP,OAAO,CAACC,SAAD,CAAP,IAAsB,EAAnD,cAAyDE,gBAAgB,IAAI,EAA7E,cAAmFH,OAAO,CAC3GK,WAD2G,CAAP,IAEjG,EAFc,CAAnB;AAIA,0BACE,gCAAC,SAAD;AACE,QAAA,EAAE,EAAE,gBADN;AAEE,QAAA,OAAO,EAAEH,OAFX;AAGE,QAAA,SAAS,EAAEI,aAHb;AAIE,QAAA,uBAAuB,EAAE;AACvBE,UAAAA,MAAM,EAAE,KAAKC,UAAL,CAAgBV,MAAM,IAAI,EAA1B,EAA8BW,OAA9B,CAAsC5C,mBAAtC,EAA2DC,aAA3D;AADe;AAJ3B,QADF;AAUD;;;EAhFgC4C,gB;;;iCAAtB3C,a,eACQ;AACjBgC,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBd,EAAAA,MAAM,EAAEa,sBAAUE,MAFD;AAGjBvB,EAAAA,OAAO,EAAEqB,sBAAUE,MAHF;AAIjBb,EAAAA,SAAS,EAAEW,sBAAUE,MAJJ;AAKjBZ,EAAAA,OAAO,EAAEU,sBAAUG,IALF;AAMjBZ,EAAAA,gBAAgB,EAAES,sBAAUE;AANX,C;iCADR9C,a,kBAUW;AACpBkC,EAAAA,OAAO,EAAE,mBAAM,CAAE;AADG,C;;AAyExB,IAAMc,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBlB,IAAAA,MAAM,EAAE;AACNmB,MAAAA,aAAa,EAAE,QADT;AAENC,MAAAA,KAAK,EAAEA,KAAK,CAAClD,IAAN;AAFD,KADiB;AAKzBmD,IAAAA,MAAM,EAAE;AACN1B,MAAAA,KAAK,EAAE,MADD;AAEN2B,MAAAA,QAAQ,EAAE;AAFJ,KALiB;AASzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,WAAW,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB,CADzB;AAETC,MAAAA,aAAa,EAAET,KAAK,CAACO,OAAN,CAAcC;AAFpB,KATc;AAazBE,IAAAA,KAAK,EAAE;AACLR,MAAAA,KAAK,YAAKA,KAAK,CAAClD,IAAN,EAAL,gBADA;AACgC;AACrCwB,MAAAA,OAAO,EAAE,cAFJ;AAGLyB,MAAAA,aAAa,EAAE,QAHV;AAILU,MAAAA,MAAM,EAAE,SAJH;AAKL,eAAS;AACPC,QAAAA,MAAM,EAAE;AADD;AALJ,KAbkB;AAsBzBtB,IAAAA,WAAW,EAAE;AACX,iCAA2B;AACzBuB,QAAAA,cAAc,EAAE;AADS,OADhB;AAIX,oCAA8B;AAC5B,2BAAmB;AACjBC,UAAAA,eAAe,EAAE;AADA;AADS,OAJnB;AASX,gEAA0D;AACxDC,QAAAA,OAAO,EAAE,UAD+C;AAExDC,QAAAA,SAAS,EAAE;AAF6C;AAT/C;AAtBY,GAAZ;AAAA,CAAf;;eAqCe,wBAAWjB,MAAX,EAAmBhD,aAAnB,C","sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\n//Used these below to replace \\\\embed{newLine} with \\\\newline from prompt which will get parsed in MathJax\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nexport class PreviewPrompt extends Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    tagName: PropTypes.string,\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n    defaultClassName: PropTypes.string,\n  };\n\n  static defaultProps = {\n    onClick: () => {},\n  };\n\n  parsedText = (text) => {\n    // fix imported audio content for Safari PD-1419\n    const div = document.createElement('div');\n    div.innerHTML = text;\n\n    const audio = div.querySelector('audio');\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  componentDidUpdate() {\n    // set image parent style so it can be horizontally aligned\n    const previewPrompt = document.querySelector('#preview-prompt');\n    const images = previewPrompt && previewPrompt.getElementsByTagName('img');\n\n    if (images && images.length) {\n      for (let image of images) {\n        // check if alignment property was set\n        if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {\n          const parentNode = image.parentElement;\n\n          // check if div is not already added to dom and replace current image with wrapped image\n          if (\n            !(parentNode.tagName === 'DIV' && parentNode.style.display === 'flex' && parentNode.style.width === '100%')\n          ) {\n            const div = document.createElement('div');\n            div.style.display = 'flex';\n            div.style.width = '100%';\n\n            const copyImage = image.cloneNode(true);\n            div.appendChild(copyImage);\n            parentNode.replaceChild(div, image);\n          }\n        }\n      }\n    }\n  }\n\n  render() {\n    const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n    const CustomTag = tagName || 'div';\n    // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment\n    const legendClass = tagName === 'legend' ? 'legend' : '';\n    const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName || ''} ${classes[\n      legendClass\n    ] || ''}`;\n\n    return (\n      <CustomTag\n        id={'preview-prompt'}\n        onClick={onClick}\n        className={customClasses}\n        dangerouslySetInnerHTML={{\n          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX),\n        }}\n      />\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  prompt: {\n    verticalAlign: 'middle',\n    color: color.text(),\n  },\n  legend: {\n    width: '100%',\n    fontSize: 'inherit  !important',\n  },\n  rationale: {\n    paddingLeft: theme.spacing.unit * 4,\n    paddingBottom: theme.spacing.unit,\n  },\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    cursor: 'pointer',\n    '& > p': {\n      margin: '0 0 0 0 !important',\n    },\n  },\n  promptTable: {\n    '&:not(.MathJax) > table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) > table tr': {\n      '&:nth-child(2n)': {\n        backgroundColor: '#f6f8fa',\n      },\n    },\n    '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {\n      padding: '.6em 1em',\n      textAlign: 'center',\n    },\n  },\n});\nexport default withStyles(styles)(PreviewPrompt);\n"],"file":"preview-prompt.js"}

package/lib/purpose.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var Purpose = function Purpose(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
-    return /*#__PURE__*/_react["default"].cloneElement(child, {
-      'data-pie-purpose': props.purpose
-    });
-  }));
-};
-
-Purpose.propTypes = {
-  children: _propTypes["default"].node,
-  purpose: _propTypes["default"].string
-};
-var _default = Purpose;
-exports["default"] = _default;
-//# sourceMappingURL=purpose.js.map

package/lib/purpose.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/purpose.jsx"],"names":["Purpose","props","React","Children","map","children","child","cloneElement","purpose","propTypes","PropTypes","node","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,sBACE,kEACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAACC,KAAD;AAAA,wBAAWJ,kBAAMK,YAAN,CAAmBD,KAAnB,EAA0B;AAAE,0BAAoBL,KAAK,CAACO;AAA5B,KAA1B,CAAX;AAAA,GAAnC,CADH,CADF;AAKD,CAND;;AAQAR,OAAO,CAACS,SAAR,GAAoB;AAClBJ,EAAAA,QAAQ,EAAEK,sBAAUC,IADF;AAElBH,EAAAA,OAAO,EAAEE,sBAAUE;AAFD,CAApB;eAKeZ,O","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Purpose = (props) => {\n  return (\n    <>\n      {React.Children.map(props.children, (child) => React.cloneElement(child, { 'data-pie-purpose': props.purpose }))}\n    </>\n  );\n};\n\nPurpose.propTypes = {\n  children: PropTypes.node,\n  purpose: PropTypes.string,\n};\n\nexport default Purpose;\n"],"file":"purpose.js"}

package/lib/readable.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var Readable = function Readable(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
-    return /*#__PURE__*/_react["default"].cloneElement(child, {
-      'data-pie-readable': props["false"] === undefined
-    });
-  }));
-};
-
-Readable.propTypes = {
-  children: _propTypes["default"].node,
-  "false": _propTypes["default"].bool
-};
-var _default = Readable;
-exports["default"] = _default;
-//# sourceMappingURL=readable.js.map

package/lib/readable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/readable.jsx"],"names":["Readable","props","React","Children","map","children","child","cloneElement","undefined","propTypes","PropTypes","node","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,sBACE,kEACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAACC,KAAD;AAAA,wBAClCJ,kBAAMK,YAAN,CAAmBD,KAAnB,EAA0B;AAAE,2BAAqBL,KAAK,SAAL,KAAgBO;AAAvC,KAA1B,CADkC;AAAA,GAAnC,CADH,CADF;AAOD,CARD;;AAUAR,QAAQ,CAACS,SAAT,GAAqB;AACnBJ,EAAAA,QAAQ,EAAEK,sBAAUC,IADD;AAEnB,WAAOD,sBAAUE;AAFE,CAArB;eAKeZ,Q","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Readable = (props) => {\n  return (\n    <>\n      {React.Children.map(props.children, (child) =>\n        React.cloneElement(child, { 'data-pie-readable': props.false === undefined }),\n      )}\n    </>\n  );\n};\n\nReadable.propTypes = {\n  children: PropTypes.node,\n  false: PropTypes.bool,\n};\n\nexport default Readable;\n"],"file":"readable.js"}

package/lib/response-indicators.js

@@ -1,151 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PartiallyCorrect = exports.NothingSubmitted = exports.Incorrect = exports.Correct = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _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 _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 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) {
-    (0, _inherits2["default"])(RawIndicator, _React$Component);
-
-    var _super = _createSuper(RawIndicator);
-
-    function RawIndicator(props) {
-      var _this;
-
-      (0, _classCallCheck2["default"])(this, RawIndicator);
-      _this = _super.call(this, props);
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopoverOpen", function (event) {
-        log('[handlePopoverOpen]', event.target);
-
-        _this.setState({
-          anchorEl: event.target
-        });
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopoverClose", function () {
-        _this.setState({
-          anchorEl: null
-        });
-      });
-      _this.state = {};
-      return _this;
-    }
-
-    (0, _createClass2["default"])(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/lib/response-indicators.js.map

@@ -1 +0,0 @@
-{"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"}