@pie-lib/render-ui 4.12.3 → 4.12.6
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 +24 -0
- 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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.12.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.5...@pie-lib/render-ui@4.12.6) (2022-04-28)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @pie-lib/render-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [4.12.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.4...@pie-lib/render-ui@4.12.5) (2022-03-21)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @pie-lib/render-ui
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [4.12.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.3...@pie-lib/render-ui@4.12.4) (2021-12-13)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @pie-lib/render-ui
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## [4.12.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.2...@pie-lib/render-ui@4.12.3) (2021-11-29)
|
|
7
31
|
|
|
8
32
|
**Note:** Version bump only for package @pie-lib/render-ui
|
package/lib/collapsible/index.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
|
});
|
|
@@ -17,34 +19,34 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
17
19
|
|
|
18
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
21
|
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
23
|
|
|
24
24
|
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
25
|
|
|
26
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
26
|
+
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
27
|
|
|
28
|
-
function
|
|
28
|
+
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
29
|
|
|
30
|
-
function
|
|
30
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
+
|
|
32
|
+
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
|
+
|
|
34
|
+
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
35
|
|
|
32
36
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
33
37
|
|
|
34
|
-
function
|
|
38
|
+
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
39
|
|
|
36
|
-
function
|
|
40
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
37
41
|
|
|
38
42
|
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
43
|
|
|
40
|
-
var Collapsible =
|
|
41
|
-
/*#__PURE__*/
|
|
42
|
-
function (_React$Component) {
|
|
44
|
+
var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
43
45
|
_inherits(Collapsible, _React$Component);
|
|
44
46
|
|
|
45
|
-
|
|
46
|
-
var _getPrototypeOf2;
|
|
47
|
+
var _super = _createSuper(Collapsible);
|
|
47
48
|
|
|
49
|
+
function Collapsible() {
|
|
48
50
|
var _this;
|
|
49
51
|
|
|
50
52
|
_classCallCheck(this, Collapsible);
|
|
@@ -53,7 +55,7 @@ function (_React$Component) {
|
|
|
53
55
|
args[_key] = arguments[_key];
|
|
54
56
|
}
|
|
55
57
|
|
|
56
|
-
_this =
|
|
58
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
57
59
|
|
|
58
60
|
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
59
61
|
expanded: false
|
|
@@ -91,16 +93,16 @@ function (_React$Component) {
|
|
|
91
93
|
children = _this$props.children,
|
|
92
94
|
className = _this$props.className;
|
|
93
95
|
var title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';
|
|
94
|
-
return _react["default"].createElement("div", {
|
|
96
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
95
97
|
className: className,
|
|
96
98
|
ref: function ref(r) {
|
|
97
99
|
return _this2.root = r;
|
|
98
100
|
}
|
|
99
|
-
}, _react["default"].createElement("div", {
|
|
101
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
102
|
onClick: this.toggleExpanded
|
|
101
|
-
}, _react["default"].createElement("span", {
|
|
103
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
102
104
|
className: classes.title
|
|
103
|
-
}, title)), _react["default"].createElement(_index2["default"], {
|
|
105
|
+
}, title)), /*#__PURE__*/_react["default"].createElement(_index2["default"], {
|
|
104
106
|
"in": this.state.expanded,
|
|
105
107
|
timeout: "auto",
|
|
106
108
|
unmountOnExit: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/collapsible/index.jsx"],"names":["Collapsible","expanded","setState","state","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","theme","color","palette","primary","light","borderBottom","paddingTop","spacing","unit"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/collapsible/index.jsx"],"names":["Collapsible","expanded","setState","state","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","theme","color","palette","primary","light","borderBottom","paddingTop","spacing","unit"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,W;;;;;;;;;;;;;;;;4DAeH;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;;qEAIS,YAAM;AACrB,YAAKC,QAAL,CAAc,UAAAC,KAAK;AAAA,eAAK;AAAEF,UAAAA,QAAQ,EAAE,CAACE,KAAK,CAACF;AAAnB,SAAL;AAAA,OAAnB;AACD,K;;;;;;;WAED,6BAAoB;AAClB,qCAAW,KAAKG,IAAhB;AACD;;;WAED,8BAAqB;AACnB,qCAAW,KAAKA,IAAhB;AACD;;;WAED,kBAAS;AAAA;;AACP,wBAAiD,KAAKC,KAAtD;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,MAAjB,eAAiBA,MAAjB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,SAAnC,eAAmCA,SAAnC;AACA,UAAMC,KAAK,GAAG,KAAKP,KAAL,CAAWF,QAAX,GAAsBM,MAAM,CAACI,OAAP,IAAkB,MAAxC,GAAiDJ,MAAM,CAACK,MAAP,IAAiB,MAAhF;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEH,SAAhB;AAA2B,QAAA,GAAG,EAAE,aAAAI,CAAC;AAAA,iBAAK,MAAI,CAACT,IAAL,GAAYS,CAAjB;AAAA;AAAjC,sBACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,sBACE;AAAM,QAAA,SAAS,EAAER,OAAO,CAACI;AAAzB,SAAiCA,KAAjC,CADF,CADF,eAIE,gCAAC,kBAAD;AACE,cAAI,KAAKP,KAAL,CAAWF,QADjB;AAEE,QAAA,OAAO,EAAC,MAFV;AAGE,QAAA,aAAa,MAHf;AAIE,QAAA,SAAS,EAAEK,OAAO,CAACS;AAJrB,SAMGP,QANH,CAJF,CADF;AAeD;;;;EAlD8BQ,kBAAMC,S;;;;gBAA1BjB,W,eACQ;AACjBM,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,SAAS,EAAES,sBAAUG,MAFJ;AAGjBb,EAAAA,QAAQ,EAAEU,sBAAUC,MAHH;AAIjBZ,EAAAA,MAAM,EAAEW,sBAAUI,KAAV,CAAgB;AACtBX,IAAAA,OAAO,EAAEO,sBAAUG,MADG;AAEtBT,IAAAA,MAAM,EAAEM,sBAAUG;AAFI,GAAhB;AAJS,C;;gBADRrB,W,kBAWW;AACpBO,EAAAA,MAAM,EAAE;AADY,C;;eA0CT,uBAAW,UAAAgB,KAAK;AAAA,SAAK;AAClCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KADxB;AAELC,MAAAA,YAAY,uBAAgBL,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KAAtC;AAFP,KAD2B;AAKlCZ,IAAAA,WAAW,EAAE;AACXc,MAAAA,UAAU,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AADtB;AALqB,GAAL;AAAA,CAAhB,EAQX/B,WARW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Collapse from '@material-ui/core/Collapse/index';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport class Collapsible extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n children: PropTypes.object,\n labels: PropTypes.shape({\n visible: PropTypes.string,\n hidden: PropTypes.string\n })\n };\n\n static defaultProps = {\n labels: {}\n };\n\n state = {\n expanded: false\n };\n\n toggleExpanded = () => {\n this.setState(state => ({ expanded: !state.expanded }));\n };\n\n componentDidMount() {\n renderMath(this.root);\n }\n\n componentDidUpdate() {\n renderMath(this.root);\n }\n\n render() {\n const { classes, labels, children, className } = this.props;\n const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';\n\n return (\n <div className={className} ref={r => (this.root = r)}>\n <div onClick={this.toggleExpanded}>\n <span className={classes.title}>{title}</span>\n </div>\n <Collapse\n in={this.state.expanded}\n timeout=\"auto\"\n unmountOnExit\n className={classes.collapsible}\n >\n {children}\n </Collapse>\n </div>\n );\n }\n}\n\nexport default withStyles(theme => ({\n title: {\n color: theme.palette.primary.light,\n borderBottom: `1px dotted ${theme.palette.primary.light}`\n },\n collapsible: {\n paddingTop: theme.spacing.unit * 2\n }\n}))(Collapsible);\n"],"file":"index.js"}
|
package/lib/color.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.v = exports.text = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.incorrect = exports.disabled = exports.defaults = exports.correct = exports.background = void 0;
|
|
7
7
|
|
|
8
8
|
var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
|
|
9
9
|
|
package/lib/feedback.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
|
});
|
|
@@ -17,27 +19,31 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
17
19
|
|
|
18
20
|
var color = _interopRequireWildcard(require("./color"));
|
|
19
21
|
|
|
20
|
-
function
|
|
22
|
+
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); }
|
|
21
23
|
|
|
22
|
-
function
|
|
24
|
+
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; }
|
|
23
25
|
|
|
24
|
-
function
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
27
|
|
|
26
28
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
27
29
|
|
|
28
30
|
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); } }
|
|
29
31
|
|
|
30
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
32
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
31
33
|
|
|
32
|
-
function
|
|
34
|
+
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); }
|
|
33
35
|
|
|
34
|
-
function
|
|
36
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
37
|
|
|
36
|
-
function
|
|
38
|
+
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); }; }
|
|
37
39
|
|
|
38
|
-
function
|
|
40
|
+
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); }
|
|
39
41
|
|
|
40
|
-
function
|
|
42
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
43
|
+
|
|
44
|
+
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; } }
|
|
45
|
+
|
|
46
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
47
|
|
|
42
48
|
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; }
|
|
43
49
|
|
|
@@ -85,15 +91,15 @@ var styleSheet = {
|
|
|
85
91
|
}
|
|
86
92
|
};
|
|
87
93
|
|
|
88
|
-
var Feedback =
|
|
89
|
-
/*#__PURE__*/
|
|
90
|
-
function (_React$Component) {
|
|
94
|
+
var Feedback = /*#__PURE__*/function (_React$Component) {
|
|
91
95
|
_inherits(Feedback, _React$Component);
|
|
92
96
|
|
|
97
|
+
var _super = _createSuper(Feedback);
|
|
98
|
+
|
|
93
99
|
function Feedback() {
|
|
94
100
|
_classCallCheck(this, Feedback);
|
|
95
101
|
|
|
96
|
-
return
|
|
102
|
+
return _super.apply(this, arguments);
|
|
97
103
|
}
|
|
98
104
|
|
|
99
105
|
_createClass(Feedback, [{
|
|
@@ -106,7 +112,7 @@ function (_React$Component) {
|
|
|
106
112
|
|
|
107
113
|
function chooseFeedback(correctness) {
|
|
108
114
|
if (correctness && feedback) {
|
|
109
|
-
return _react["default"].createElement(_reactTransitionGroup.CSSTransition, {
|
|
115
|
+
return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
|
|
110
116
|
classNames: {
|
|
111
117
|
enter: classes.feedbackEnter,
|
|
112
118
|
enterActive: classes.feedbackEnterActive,
|
|
@@ -118,9 +124,9 @@ function (_React$Component) {
|
|
|
118
124
|
enter: 500,
|
|
119
125
|
exit: 300
|
|
120
126
|
}
|
|
121
|
-
}, _react["default"].createElement("div", {
|
|
127
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
122
128
|
className: classes.corespringFeedback
|
|
123
|
-
}, _react["default"].createElement("div", {
|
|
129
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
124
130
|
className: (0, _classnames["default"])(classes.content, classes[correctness]),
|
|
125
131
|
dangerouslySetInnerHTML: {
|
|
126
132
|
__html: feedback
|
|
@@ -131,7 +137,7 @@ function (_React$Component) {
|
|
|
131
137
|
}
|
|
132
138
|
}
|
|
133
139
|
|
|
134
|
-
return _react["default"].createElement("div", null, _react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, chooseFeedback(correctness)));
|
|
140
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, chooseFeedback(correctness)));
|
|
135
141
|
}
|
|
136
142
|
}]);
|
|
137
143
|
|
package/lib/feedback.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/feedback.jsx"],"names":["styleSheet","corespringFeedback","transformOrigin","width","display","overflow","color","content","backgroundColor","disabled","borderRadius","fontFamily","fontSize","lineHeight","margin","padding","verticalAlign","correct","incorrect","feedbackEnter","height","feedbackEnterActive","transition","feedbackLeave","feedbackLeaveActive","Feedback","props","correctness","feedback","classes","chooseFeedback","enter","enterActive","leave","leaveActive","exit","__html","React","Component","PropTypes","string","object","isRequired","name"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/feedback.jsx"],"names":["styleSheet","corespringFeedback","transformOrigin","width","display","overflow","color","content","backgroundColor","disabled","borderRadius","fontFamily","fontSize","lineHeight","margin","padding","verticalAlign","correct","incorrect","feedbackEnter","height","feedbackEnterActive","transition","feedbackLeave","feedbackLeaveActive","Feedback","props","correctness","feedback","classes","chooseFeedback","enter","enterActive","leave","leaveActive","exit","__html","React","Component","PropTypes","string","object","isRequired","name"],"mappings":"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","sourcesContent":["/**\n * Lifted from multiple-choice - TODO: create a shared package for it.\n */\nimport { withStyles } from '@material-ui/core/styles';\n\nimport React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\nconst styleSheet = {\n corespringFeedback: {\n transformOrigin: '0% 0px 0px',\n width: '100%',\n display: 'block',\n overflow: 'hidden',\n '&:.incorrect': {\n color: '#946202'\n }\n },\n content: {\n '-webkit-font-smoothing': 'antialiased',\n backgroundColor: `var(--feedback-bg-color, ${color.disabled()})`,\n borderRadius: '4px',\n fontFamily: '\"Roboto\", \"Noto\", sans-serif',\n fontSize: '12px',\n lineHeight: '25px',\n margin: '0px',\n padding: '10px',\n verticalAlign: 'middle',\n color: 'var(--feedback-color, white)'\n },\n correct: {\n backgroundColor: `var(--feedback-correct-bg-color, ${color.correct()})`\n },\n incorrect: {\n backgroundColor: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`\n },\n feedbackEnter: {\n height: '1px'\n },\n feedbackEnterActive: {\n height: '45px',\n transition: 'height 500ms'\n },\n feedbackLeave: {\n height: '45px'\n },\n feedbackLeaveActive: {\n height: '1px',\n transition: 'height 200ms'\n }\n};\n\nexport class Feedback extends React.Component {\n static propTypes = {\n correctness: PropTypes.string,\n feedback: PropTypes.string,\n classes: PropTypes.object.isRequired\n };\n\n render() {\n const { correctness, feedback, classes } = this.props;\n\n function chooseFeedback(correctness) {\n if (correctness && feedback) {\n return (\n <CSSTransition\n classNames={{\n enter: classes.feedbackEnter,\n enterActive: classes.feedbackEnterActive,\n leave: classes.feedbackLeave,\n leaveActive: classes.feedbackLeaveActive\n }}\n key=\"hasFeedback\"\n timeout={{ enter: 500, exit: 300 }}\n >\n <div className={classes.corespringFeedback}>\n <div\n className={classNames(classes.content, classes[correctness])}\n dangerouslySetInnerHTML={{ __html: feedback }}\n />\n </div>\n </CSSTransition>\n );\n } else {\n return null;\n }\n }\n\n return (\n <div>\n <TransitionGroup>{chooseFeedback(correctness)}</TransitionGroup>\n </div>\n );\n }\n}\n\nexport default withStyles(styleSheet, { name: 'Feedback' })(Feedback);\n"],"file":"feedback.js"}
|
package/lib/html-and-math.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 HtmlAndMath =
|
|
37
|
-
/*#__PURE__*/
|
|
38
|
-
function (_React$Component) {
|
|
40
|
+
var HtmlAndMath = /*#__PURE__*/function (_React$Component) {
|
|
39
41
|
_inherits(HtmlAndMath, _React$Component);
|
|
40
42
|
|
|
43
|
+
var _super = _createSuper(HtmlAndMath);
|
|
44
|
+
|
|
41
45
|
function HtmlAndMath() {
|
|
42
46
|
_classCallCheck(this, HtmlAndMath);
|
|
43
47
|
|
|
44
|
-
return
|
|
48
|
+
return _super.apply(this, arguments);
|
|
45
49
|
}
|
|
46
50
|
|
|
47
51
|
_createClass(HtmlAndMath, [{
|
|
@@ -68,7 +72,7 @@ function (_React$Component) {
|
|
|
68
72
|
className = _this$props.className,
|
|
69
73
|
html = _this$props.html;
|
|
70
74
|
var Tag = tag || 'div';
|
|
71
|
-
return _react["default"].createElement(Tag, {
|
|
75
|
+
return /*#__PURE__*/_react["default"].createElement(Tag, {
|
|
72
76
|
ref: function ref(r) {
|
|
73
77
|
return _this.node = r;
|
|
74
78
|
},
|
package/lib/html-and-math.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/html-and-math.js"],"names":["HtmlAndMath","node","props","tag","className","html","Tag","r","__html","React","Component","PropTypes","string"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/html-and-math.js"],"names":["HtmlAndMath","node","props","tag","className","html","Tag","r","__html","React","Component","PropTypes","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEqBA,W;;;;;;;;;;;;;WAYnB,6BAAoB;AAClB,UAAI,KAAKC,IAAT,EAAe;AACb,uCAAW,KAAKA,IAAhB;AACD;AACF;;;WAED,8BAAqB;AACnB,UAAI,KAAKA,IAAT,EAAe;AACb,uCAAW,KAAKA,IAAhB;AACD;AACF;;;WAED,kBAAS;AAAA;;AACP,wBAAiC,KAAKC,KAAtC;AAAA,UAAQC,GAAR,eAAQA,GAAR;AAAA,UAAaC,SAAb,eAAaA,SAAb;AAAA,UAAwBC,IAAxB,eAAwBA,IAAxB;AACA,UAAMC,GAAG,GAAGH,GAAG,IAAI,KAAnB;AACA,0BACE,gCAAC,GAAD;AACE,QAAA,GAAG,EAAE,aAAAI,CAAC;AAAA,iBAAK,KAAI,CAACN,IAAL,GAAYM,CAAjB;AAAA,SADR;AAEE,QAAA,SAAS,EAAEH,SAFb;AAGE,QAAA,uBAAuB,EAAE;AAAEI,UAAAA,MAAM,EAAEH;AAAV;AAH3B,QADF;AAOD;;;;EAlCsCI,kBAAMC,S;;;;gBAA1BV,W,eACA;AACjBG,EAAAA,GAAG,EAAEQ,sBAAUC,MADE;AAEjBR,EAAAA,SAAS,EAAEO,sBAAUC,MAFJ;AAGjBP,EAAAA,IAAI,EAAEM,sBAAUC;AAHC,C;;gBADAZ,W,kBAOG;AACpBG,EAAAA,GAAG,EAAE,KADe;AAEpBE,EAAAA,IAAI,EAAE;AAFc,C","sourcesContent":["import React from 'react';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport default class HtmlAndMath extends React.Component {\n static propTypes = {\n tag: PropTypes.string,\n className: PropTypes.string,\n html: PropTypes.string\n };\n\n static defaultProps = {\n tag: 'div',\n html: ''\n };\n\n componentDidMount() {\n if (this.node) {\n renderMath(this.node);\n }\n }\n\n componentDidUpdate() {\n if (this.node) {\n renderMath(this.node);\n }\n }\n\n render() {\n const { tag, className, html } = this.props;\n const Tag = tag || 'div';\n return (\n <Tag\n ref={r => (this.node = r)}\n className={className}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n );\n }\n}\n"],"file":"html-and-math.js"}
|
package/lib/index.js
CHANGED
|
@@ -1,30 +1,20 @@
|
|
|
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
|
-
Object.defineProperty(exports, "Feedback", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _feedback["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
8
|
Object.defineProperty(exports, "Collapsible", {
|
|
13
9
|
enumerable: true,
|
|
14
10
|
get: function get() {
|
|
15
11
|
return _collapsible["default"];
|
|
16
12
|
}
|
|
17
13
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _withUndoReset["default"];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "PreviewLayout", {
|
|
14
|
+
Object.defineProperty(exports, "Feedback", {
|
|
25
15
|
enumerable: true,
|
|
26
16
|
get: function get() {
|
|
27
|
-
return
|
|
17
|
+
return _feedback["default"];
|
|
28
18
|
}
|
|
29
19
|
});
|
|
30
20
|
Object.defineProperty(exports, "HtmlAndMath", {
|
|
@@ -39,16 +29,16 @@ Object.defineProperty(exports, "InputContainer", {
|
|
|
39
29
|
return _inputContainer["default"];
|
|
40
30
|
}
|
|
41
31
|
});
|
|
42
|
-
Object.defineProperty(exports, "
|
|
32
|
+
Object.defineProperty(exports, "PreviewLayout", {
|
|
43
33
|
enumerable: true,
|
|
44
34
|
get: function get() {
|
|
45
|
-
return
|
|
35
|
+
return _previewLayout["default"];
|
|
46
36
|
}
|
|
47
37
|
});
|
|
48
|
-
Object.defineProperty(exports, "
|
|
38
|
+
Object.defineProperty(exports, "PreviewPrompt", {
|
|
49
39
|
enumerable: true,
|
|
50
40
|
get: function get() {
|
|
51
|
-
return
|
|
41
|
+
return _previewPrompt["default"];
|
|
52
42
|
}
|
|
53
43
|
});
|
|
54
44
|
Object.defineProperty(exports, "Purpose", {
|
|
@@ -57,13 +47,26 @@ Object.defineProperty(exports, "Purpose", {
|
|
|
57
47
|
return _purpose["default"];
|
|
58
48
|
}
|
|
59
49
|
});
|
|
50
|
+
Object.defineProperty(exports, "Readable", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _readable["default"];
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
exports.color = void 0;
|
|
60
57
|
Object.defineProperty(exports, "hasText", {
|
|
61
58
|
enumerable: true,
|
|
62
59
|
get: function get() {
|
|
63
60
|
return _hasText.hasText;
|
|
64
61
|
}
|
|
65
62
|
});
|
|
66
|
-
exports.
|
|
63
|
+
exports.indicators = void 0;
|
|
64
|
+
Object.defineProperty(exports, "withUndoReset", {
|
|
65
|
+
enumerable: true,
|
|
66
|
+
get: function get() {
|
|
67
|
+
return _withUndoReset["default"];
|
|
68
|
+
}
|
|
69
|
+
});
|
|
67
70
|
|
|
68
71
|
var indicators = _interopRequireWildcard(require("./response-indicators"));
|
|
69
72
|
|
|
@@ -95,5 +98,7 @@ var _hasText = require("./has-text");
|
|
|
95
98
|
|
|
96
99
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
97
100
|
|
|
98
|
-
function
|
|
101
|
+
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); }
|
|
102
|
+
|
|
103
|
+
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; }
|
|
99
104
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA","sourcesContent":["import * as indicators from './response-indicators';\nimport Feedback from './feedback';\nimport Collapsible from './collapsible';\nimport withUndoReset from './withUndoReset';\nimport PreviewLayout from './preview-layout';\nimport HtmlAndMath from './html-and-math';\nimport InputContainer from './input-container';\nimport PreviewPrompt from './preview-prompt';\nimport Readable from './readable';\nimport Purpose from './purpose';\nimport * as color from './color';\nimport { hasText } from './has-text';\n\nexport {\n HtmlAndMath,\n indicators,\n withUndoReset,\n Feedback,\n PreviewLayout,\n Collapsible,\n InputContainer,\n PreviewPrompt,\n color,\n Readable,\n Purpose,\n hasText\n};\n"],"file":"index.js"}
|
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;
|