@pie-lib/render-ui 4.12.0 → 4.12.1-next.179
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -77
- package/lib/collapsible/index.js +19 -17
- package/lib/collapsible/index.js.map +1 -1
- package/lib/color.js +1 -1
- package/lib/feedback.js +23 -17
- package/lib/feedback.js.map +1 -1
- package/lib/html-and-math.js +17 -13
- package/lib/html-and-math.js.map +1 -1
- package/lib/index.js +25 -20
- package/lib/index.js.map +1 -1
- package/lib/input-container.js +2 -2
- package/lib/input-container.js.map +1 -1
- package/lib/preview-layout.js +19 -15
- package/lib/preview-layout.js.map +1 -1
- package/lib/preview-prompt.js +45 -16
- package/lib/preview-prompt.js.map +1 -1
- package/lib/purpose.js +2 -2
- package/lib/purpose.js.map +1 -1
- package/lib/readable.js +2 -2
- package/lib/readable.js.map +1 -1
- package/lib/response-indicators.js +23 -17
- package/lib/response-indicators.js.map +1 -1
- package/lib/withUndoReset.js +35 -23
- package/lib/withUndoReset.js.map +1 -1
- package/package.json +3 -3
- package/src/preview-prompt.jsx +20 -3
package/lib/input-container.js
CHANGED
|
@@ -25,9 +25,9 @@ var RawInputContainer = function RawInputContainer(props) {
|
|
|
25
25
|
children = props.children,
|
|
26
26
|
classes = props.classes;
|
|
27
27
|
var names = (0, _classnames["default"])(classes.formControl, className);
|
|
28
|
-
return _react["default"].createElement(_FormControl["default"], {
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
|
|
29
29
|
className: names
|
|
30
|
-
}, _react["default"].createElement(_InputLabel["default"], {
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
|
|
31
31
|
className: classes.label,
|
|
32
32
|
shrink: true
|
|
33
33
|
}, label), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input-container.jsx"],"names":["RawInputContainer","props","label","className","children","classes","names","formControl","propTypes","PropTypes","oneOfType","string","object","isRequired","arrayOf","node","theme","marginLeft","marginRight","spacing","unit","paddingBottom","flex","minWidth","fontSize","whiteSpace"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,KAAK,EAAI;
|
|
1
|
+
{"version":3,"sources":["../src/input-container.jsx"],"names":["RawInputContainer","props","label","className","children","classes","names","formControl","propTypes","PropTypes","oneOfType","string","object","isRequired","arrayOf","node","theme","marginLeft","marginRight","spacing","unit","paddingBottom","flex","minWidth","fontSize","whiteSpace"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,KAAK,EAAI;AACjC,MAAQC,KAAR,GAAgDD,KAAhD,CAAQC,KAAR;AAAA,MAAeC,SAAf,GAAgDF,KAAhD,CAAeE,SAAf;AAAA,MAA0BC,QAA1B,GAAgDH,KAAhD,CAA0BG,QAA1B;AAAA,MAAoCC,OAApC,GAAgDJ,KAAhD,CAAoCI,OAApC;AACA,MAAMC,KAAK,GAAG,4BAAWD,OAAO,CAACE,WAAnB,EAAgCJ,SAAhC,CAAd;AAEA,sBACE,gCAAC,uBAAD;AAAa,IAAA,SAAS,EAAEG;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAED,OAAO,CAACH,KAA/B;AAAsC,IAAA,MAAM,EAAE;AAA9C,KACGA,KADH,CADF,EAIGE,QAJH,CADF;AAQD,CAZD;;AAcAJ,iBAAiB,CAACQ,SAAlB,GAA8B;AAC5BN,EAAAA,KAAK,EAAEO,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,EAA0DC,UADrC;AAE5BV,EAAAA,SAAS,EAAEM,sBAAUE,MAFO;AAG5BP,EAAAA,QAAQ,EAAEK,sBAAUC,SAAV,CAAoB,CAACD,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEF,UAHvD;AAI5BR,EAAAA,OAAO,EAAEI,sBAAUG,MAAV,CAAiBC;AAJE,CAA9B;;eAOe,wBAAW,UAAAG,KAAK;AAAA,SAAK;AAClCT,IAAAA,WAAW,EAAE;AACXU,MAAAA,UAAU,EAAE,CADD;AAEXC,MAAAA,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAFhB;AAGXC,MAAAA,aAAa,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAHlB;AAIXE,MAAAA,IAAI,EAAE,UAJK;AAKXC,MAAAA,QAAQ,EAAEP,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AALpB,KADqB;AAQlClB,IAAAA,KAAK,EAAE;AACLsB,MAAAA,QAAQ,EAAE,SADL;AAELC,MAAAA,UAAU,EAAE;AAFP;AAR2B,GAAL;AAAA,CAAhB,EAYXzB,iBAZW,C","sourcesContent":["import InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport FormControl from '@material-ui/core/FormControl';\n\nconst RawInputContainer = props => {\n const { label, className, children, classes } = props;\n const names = classNames(classes.formControl, className);\n\n return (\n <FormControl className={names}>\n <InputLabel className={classes.label} shrink={true}>\n {label}\n </InputLabel>\n {children}\n </FormControl>\n );\n};\n\nRawInputContainer.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(theme => ({\n formControl: {\n marginLeft: 0,\n marginRight: theme.spacing.unit,\n paddingBottom: theme.spacing.unit,\n flex: '1 0 auto',\n minWidth: theme.spacing.unit * 4\n },\n label: {\n fontSize: 'inherit',\n whiteSpace: 'nowrap'\n }\n}))(RawInputContainer);\n"],"file":"input-container.js"}
|
package/lib/preview-layout.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
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); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -13,35 +15,37 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
15
|
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
17
|
|
|
16
|
-
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); }
|
|
17
|
-
|
|
18
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19
19
|
|
|
20
20
|
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); } }
|
|
21
21
|
|
|
22
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
22
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
23
23
|
|
|
24
|
-
function
|
|
24
|
+
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); }
|
|
25
25
|
|
|
26
|
-
function
|
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
27
|
|
|
28
|
-
function
|
|
28
|
+
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); }; }
|
|
29
29
|
|
|
30
|
-
function
|
|
30
|
+
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); }
|
|
31
31
|
|
|
32
|
-
function
|
|
32
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
33
|
+
|
|
34
|
+
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; } }
|
|
35
|
+
|
|
36
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
33
37
|
|
|
34
38
|
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; }
|
|
35
39
|
|
|
36
|
-
var PreviewLayout =
|
|
37
|
-
/*#__PURE__*/
|
|
38
|
-
function (_React$Component) {
|
|
40
|
+
var PreviewLayout = /*#__PURE__*/function (_React$Component) {
|
|
39
41
|
_inherits(PreviewLayout, _React$Component);
|
|
40
42
|
|
|
43
|
+
var _super = _createSuper(PreviewLayout);
|
|
44
|
+
|
|
41
45
|
function PreviewLayout() {
|
|
42
46
|
_classCallCheck(this, PreviewLayout);
|
|
43
47
|
|
|
44
|
-
return
|
|
48
|
+
return _super.apply(this, arguments);
|
|
45
49
|
}
|
|
46
50
|
|
|
47
51
|
_createClass(PreviewLayout, [{
|
|
@@ -50,7 +54,7 @@ function (_React$Component) {
|
|
|
50
54
|
var _this$props = this.props,
|
|
51
55
|
children = _this$props.children,
|
|
52
56
|
classes = _this$props.classes;
|
|
53
|
-
return _react["default"].createElement("div", {
|
|
57
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
54
58
|
className: classes.container
|
|
55
59
|
}, children);
|
|
56
60
|
}
|
|
@@ -119,9 +123,9 @@ var theme = (0, _styles.createMuiTheme)({
|
|
|
119
123
|
var Styled = (0, _styles.withStyles)(styles)(PreviewLayout);
|
|
120
124
|
|
|
121
125
|
var RootElem = function RootElem(props) {
|
|
122
|
-
return _react["default"].createElement(_styles.MuiThemeProvider, {
|
|
126
|
+
return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
|
|
123
127
|
theme: theme
|
|
124
|
-
}, _react["default"].createElement(Styled, props));
|
|
128
|
+
}, /*#__PURE__*/_react["default"].createElement(Styled, props));
|
|
125
129
|
};
|
|
126
130
|
|
|
127
131
|
var _default = RootElem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/preview-layout.jsx"],"names":["PreviewLayout","props","children","classes","container","React","Component","PropTypes","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":"
|
|
1
|
+
{"version":3,"sources":["../src/preview-layout.jsx"],"names":["PreviewLayout","props","children","classes","container","React","Component","PropTypes","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;;;;;;;;;;;;;WAMJ,kBAAS;AACP,wBAA8B,KAAKC,KAAnC;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,OAAlB,eAAkBA,OAAlB;AAEA,0BAAO;AAAK,QAAA,SAAS,EAAEA,OAAO,CAACC;AAAxB,SAAoCF,QAApC,CAAP;AACD;;;;EAVyBG,kBAAMC,S;;gBAA5BN,a,eACe;AACjBE,EAAAA,QAAQ,EAAEK,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,OAAV,CAAkBF,sBAAUG,IAA5B,CAAD,EAAoCH,sBAAUG,IAA9C,CAApB,EAAyEC,UADlE;AAEjBR,EAAAA,OAAO,EAAEI,sBAAUK;AAFF,C;;AAYrB,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBT,IAAAA,SAAS,EAAE;AACTU,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,EAAmBb,aAAnB,CAAf;;AAEA,IAAMkC,QAAQ,GAAG,SAAXA,QAAW,CAAAjC,KAAK;AAAA,sBACpB,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEgB;AAAzB,kBACE,gCAAC,MAAD,EAAYhB,KAAZ,CADF,CADoB;AAAA,CAAtB;;eAMeiC,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 children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n classes: PropTypes.object\n };\n\n render() {\n const { children, classes } = this.props;\n\n return <div className={classes.container}>{children}</div>;\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
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
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); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -15,25 +17,29 @@ var color = _interopRequireWildcard(require("./color"));
|
|
|
15
17
|
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
19
|
|
|
18
|
-
function
|
|
20
|
+
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); }
|
|
19
21
|
|
|
20
|
-
function
|
|
22
|
+
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; }
|
|
21
23
|
|
|
22
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
25
|
|
|
24
26
|
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); } }
|
|
25
27
|
|
|
26
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
28
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
29
|
|
|
28
|
-
function
|
|
30
|
+
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); }
|
|
29
31
|
|
|
30
|
-
function
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
33
|
|
|
32
|
-
function
|
|
34
|
+
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); }; }
|
|
33
35
|
|
|
34
|
-
function
|
|
36
|
+
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); }
|
|
35
37
|
|
|
36
|
-
function
|
|
38
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
+
|
|
40
|
+
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; } }
|
|
41
|
+
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
37
43
|
|
|
38
44
|
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; }
|
|
39
45
|
|
|
@@ -41,15 +47,40 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
41
47
|
var NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
|
|
42
48
|
var NEWLINE_LATEX = '\\newline ';
|
|
43
49
|
|
|
44
|
-
var PreviewPrompt =
|
|
45
|
-
/*#__PURE__*/
|
|
46
|
-
function (_Component) {
|
|
50
|
+
var PreviewPrompt = /*#__PURE__*/function (_Component) {
|
|
47
51
|
_inherits(PreviewPrompt, _Component);
|
|
48
52
|
|
|
53
|
+
var _super = _createSuper(PreviewPrompt);
|
|
54
|
+
|
|
49
55
|
function PreviewPrompt() {
|
|
56
|
+
var _this;
|
|
57
|
+
|
|
50
58
|
_classCallCheck(this, PreviewPrompt);
|
|
51
59
|
|
|
52
|
-
|
|
60
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
61
|
+
args[_key] = arguments[_key];
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
65
|
+
|
|
66
|
+
_defineProperty(_assertThisInitialized(_this), "parsedText", function (text) {
|
|
67
|
+
// fix imported audio content for Safari PD-1419
|
|
68
|
+
var div = document.createElement('div');
|
|
69
|
+
div.innerHTML = text;
|
|
70
|
+
var audio = div.querySelector('audio');
|
|
71
|
+
|
|
72
|
+
if (audio) {
|
|
73
|
+
var source = document.createElement('source');
|
|
74
|
+
source.setAttribute('type', 'audio/mp3');
|
|
75
|
+
source.setAttribute('src', audio.getAttribute('src'));
|
|
76
|
+
audio.removeAttribute('src');
|
|
77
|
+
audio.appendChild(source);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
return div.innerHTML;
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
return _this;
|
|
53
84
|
}
|
|
54
85
|
|
|
55
86
|
_createClass(PreviewPrompt, [{
|
|
@@ -64,11 +95,11 @@ function (_Component) {
|
|
|
64
95
|
defaultClassName = _this$props.defaultClassName;
|
|
65
96
|
var CustomTag = tagName || 'div';
|
|
66
97
|
var customClasses = "".concat(classes.promptTable, " ").concat(classes[className] || '', " ").concat(defaultClassName || '');
|
|
67
|
-
return _react["default"].createElement(CustomTag, {
|
|
98
|
+
return /*#__PURE__*/_react["default"].createElement(CustomTag, {
|
|
68
99
|
onClick: onClick,
|
|
69
100
|
className: customClasses,
|
|
70
101
|
dangerouslySetInnerHTML: {
|
|
71
|
-
__html: (prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
|
|
102
|
+
__html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
|
|
72
103
|
}
|
|
73
104
|
});
|
|
74
105
|
}
|
|
@@ -113,13 +144,11 @@ var styles = function styles(theme) {
|
|
|
113
144
|
borderCollapse: 'collapse'
|
|
114
145
|
},
|
|
115
146
|
'&:not(.MathJax) > table tr': {
|
|
116
|
-
borderTop: '1px solid #dfe2e5',
|
|
117
147
|
'&:nth-child(2n)': {
|
|
118
148
|
backgroundColor: '#f6f8fa'
|
|
119
149
|
}
|
|
120
150
|
},
|
|
121
151
|
'&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
|
|
122
|
-
border: '1px solid #dfe2e5',
|
|
123
152
|
padding: '.6em 1em',
|
|
124
153
|
textAlign: 'center'
|
|
125
154
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/preview-prompt.jsx"],"names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","props","prompt","classes","tagName","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","
|
|
1
|
+
{"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","props","prompt","classes","tagName","className","onClick","defaultClassName","CustomTag","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","styles","theme","verticalAlign","color","rationale","paddingLeft","spacing","unit","label","display","cursor","borderCollapse","backgroundColor","padding","textAlign"],"mappings":"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","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 render() {\n const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n const CustomTag = tagName || 'div';\n const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName ||\n ''}`;\n\n return (\n <CustomTag\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 rationale: {\n paddingLeft: theme.spacing.unit * 16\n },\n label: {\n color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n display: 'inline-block',\n verticalAlign: 'middle',\n cursor: 'pointer'\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
CHANGED
|
@@ -12,8 +12,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
|
|
14
14
|
var Purpose = function Purpose(props) {
|
|
15
|
-
return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
|
|
16
|
-
return _react["default"].cloneElement(child, {
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
|
|
16
|
+
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
17
17
|
'data-pie-purpose': props.purpose
|
|
18
18
|
});
|
|
19
19
|
}));
|
package/lib/purpose.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,CAAAC,KAAK,EAAI;AACvB,
|
|
1
|
+
{"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,CAAAC,KAAK,EAAI;AACvB,sBACE,kEACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAAAC,KAAK;AAAA,wBACvCJ,kBAAMK,YAAN,CAAmBD,KAAnB,EAA0B;AAAE,0BAAoBL,KAAK,CAACO;AAA5B,KAA1B,CADuC;AAAA,GAAxC,CADH,CADF;AAOD,CARD;;AAUAR,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 =>\n React.cloneElement(child, { 'data-pie-purpose': props.purpose })\n )}\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
CHANGED
|
@@ -12,8 +12,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
|
|
14
14
|
var Readable = function Readable(props) {
|
|
15
|
-
return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
|
|
16
|
-
return _react["default"].cloneElement(child, {
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
|
|
16
|
+
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
17
17
|
'data-pie-readable': props["false"] === undefined
|
|
18
18
|
});
|
|
19
19
|
}));
|
package/lib/readable.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,CAAAC,KAAK,EAAI;AACxB,
|
|
1
|
+
{"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,CAAAC,KAAK,EAAI;AACxB,sBACE,kEACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBH,KAAK,CAACI,QAAzB,EAAmC,UAAAC,KAAK;AAAA,wBACvCJ,kBAAMK,YAAN,CAAmBD,KAAnB,EAA0B;AAAE,2BAAqBL,KAAK,SAAL,KAAgBO;AAAvC,KAA1B,CADuC;AAAA,GAAxC,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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
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); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
|
-
exports.
|
|
8
|
+
exports.PartiallyCorrect = exports.NothingSubmitted = exports.Incorrect = exports.Correct = void 0;
|
|
7
9
|
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
9
11
|
|
|
@@ -19,27 +21,31 @@ var _feedback = _interopRequireDefault(require("./feedback"));
|
|
|
19
21
|
|
|
20
22
|
var _debug = _interopRequireDefault(require("debug"));
|
|
21
23
|
|
|
22
|
-
function
|
|
24
|
+
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); }
|
|
23
25
|
|
|
24
|
-
function
|
|
26
|
+
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; }
|
|
25
27
|
|
|
26
|
-
function
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
29
|
|
|
28
30
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
31
|
|
|
30
32
|
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); } }
|
|
31
33
|
|
|
32
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
34
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
33
35
|
|
|
34
|
-
function
|
|
36
|
+
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); }
|
|
35
37
|
|
|
36
|
-
function
|
|
38
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
|
+
|
|
40
|
+
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); }; }
|
|
41
|
+
|
|
42
|
+
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); }
|
|
37
43
|
|
|
38
44
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
45
|
|
|
40
|
-
function
|
|
46
|
+
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; } }
|
|
41
47
|
|
|
42
|
-
function
|
|
48
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
49
|
|
|
44
50
|
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; }
|
|
45
51
|
|
|
@@ -64,17 +70,17 @@ var styles = function styles() {
|
|
|
64
70
|
};
|
|
65
71
|
|
|
66
72
|
var BuildIndicator = function BuildIndicator(Icon, correctness) {
|
|
67
|
-
var RawIndicator =
|
|
68
|
-
/*#__PURE__*/
|
|
69
|
-
function (_React$Component) {
|
|
73
|
+
var RawIndicator = /*#__PURE__*/function (_React$Component) {
|
|
70
74
|
_inherits(RawIndicator, _React$Component);
|
|
71
75
|
|
|
76
|
+
var _super = _createSuper(RawIndicator);
|
|
77
|
+
|
|
72
78
|
function RawIndicator(props) {
|
|
73
79
|
var _this;
|
|
74
80
|
|
|
75
81
|
_classCallCheck(this, RawIndicator);
|
|
76
82
|
|
|
77
|
-
_this =
|
|
83
|
+
_this = _super.call(this, props);
|
|
78
84
|
|
|
79
85
|
_defineProperty(_assertThisInitialized(_this), "handlePopoverOpen", function (event) {
|
|
80
86
|
log('[handlePopoverOpen]', event.target);
|
|
@@ -103,14 +109,14 @@ var BuildIndicator = function BuildIndicator(Icon, correctness) {
|
|
|
103
109
|
feedback = _this$props.feedback,
|
|
104
110
|
classes = _this$props.classes;
|
|
105
111
|
var anchorEl = this.state.anchorEl;
|
|
106
|
-
return _react["default"].createElement("div", {
|
|
112
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
107
113
|
className: feedback && classes.responseIndicator
|
|
108
|
-
}, _react["default"].createElement("span", {
|
|
114
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
109
115
|
ref: function ref(r) {
|
|
110
116
|
return _this2.icon = r;
|
|
111
117
|
},
|
|
112
118
|
onClick: this.handlePopoverOpen
|
|
113
|
-
}, _react["default"].createElement(Icon, null)), feedback && _react["default"].createElement(_Popover["default"], {
|
|
119
|
+
}, /*#__PURE__*/_react["default"].createElement(Icon, null)), feedback && /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
|
|
114
120
|
className: classes.popover,
|
|
115
121
|
classes: {
|
|
116
122
|
paper: classes.paper
|
|
@@ -126,7 +132,7 @@ var BuildIndicator = function BuildIndicator(Icon, correctness) {
|
|
|
126
132
|
horizontal: 'left'
|
|
127
133
|
},
|
|
128
134
|
onClose: this.handlePopoverClose
|
|
129
|
-
}, _react["default"].createElement(_feedback["default"], {
|
|
135
|
+
}, /*#__PURE__*/_react["default"].createElement(_feedback["default"], {
|
|
130
136
|
feedback: feedback,
|
|
131
137
|
correctness: correctness
|
|
132
138
|
})));
|
|
@@ -1 +1 @@
|
|
|
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":"
|
|
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"}
|