@pie-lib/render-ui 4.12.7 → 4.13.0
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 +27 -0
- package/lib/collapsible/index.js +21 -33
- package/lib/collapsible/index.js.map +1 -1
- package/lib/color.js +2 -2
- package/lib/color.js.map +1 -1
- package/lib/feedback.js +20 -29
- package/lib/feedback.js.map +1 -1
- package/lib/html-and-math.js +16 -28
- package/lib/html-and-math.js.map +1 -1
- package/lib/index.js +3 -3
- 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 +15 -25
- package/lib/preview-layout.js.map +1 -1
- package/lib/preview-prompt.js +29 -33
- 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 -32
- package/lib/response-indicators.js.map +1 -1
- package/lib/withUndoReset.js +34 -59
- package/lib/withUndoReset.js.map +1 -1
- package/package.json +3 -3
- package/src/preview-prompt.jsx +6 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
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.13.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.9...@pie-lib/render-ui@4.13.0) (2022-07-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **editable-html, render-ui:** wrap up PD-1802 ([e10babf](https://github.com/pie-framework/pie-lib/commit/e10babf2e80aed67c856e9e021e37072e3df33fb))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [4.12.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.8...@pie-lib/render-ui@4.12.9) (2022-06-13)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @pie-lib/render-ui
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [4.12.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.7...@pie-lib/render-ui@4.12.8) (2022-05-30)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @pie-lib/render-ui
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## [4.12.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/render-ui@4.12.6...@pie-lib/render-ui@4.12.7) (2022-05-24)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @pie-lib/render-ui
|
package/lib/collapsible/index.js
CHANGED
|
@@ -1,78 +1,69 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.Collapsible = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var _mathRendering = require("@pie-lib/math-rendering");
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
15
|
|
|
18
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _index = require("@material-ui/core/styles/index");
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _index2 = _interopRequireDefault(require("@material-ui/core/Collapse/index"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _mathRendering = require("@pie-lib/math-rendering");
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
35
33
|
|
|
36
|
-
function
|
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
37
35
|
|
|
38
36
|
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; } }
|
|
39
37
|
|
|
40
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
-
|
|
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; }
|
|
43
|
-
|
|
44
38
|
var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
45
|
-
|
|
39
|
+
(0, _inherits2["default"])(Collapsible, _React$Component);
|
|
46
40
|
|
|
47
41
|
var _super = _createSuper(Collapsible);
|
|
48
42
|
|
|
49
43
|
function Collapsible() {
|
|
50
44
|
var _this;
|
|
51
45
|
|
|
52
|
-
|
|
46
|
+
(0, _classCallCheck2["default"])(this, Collapsible);
|
|
53
47
|
|
|
54
48
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
49
|
args[_key] = arguments[_key];
|
|
56
50
|
}
|
|
57
51
|
|
|
58
52
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
59
|
-
|
|
60
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
53
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
61
54
|
expanded: false
|
|
62
55
|
});
|
|
63
|
-
|
|
64
|
-
_defineProperty(_assertThisInitialized(_this), "toggleExpanded", function () {
|
|
56
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleExpanded", function () {
|
|
65
57
|
_this.setState(function (state) {
|
|
66
58
|
return {
|
|
67
59
|
expanded: !state.expanded
|
|
68
60
|
};
|
|
69
61
|
});
|
|
70
62
|
});
|
|
71
|
-
|
|
72
63
|
return _this;
|
|
73
64
|
}
|
|
74
65
|
|
|
75
|
-
|
|
66
|
+
(0, _createClass2["default"])(Collapsible, [{
|
|
76
67
|
key: "componentDidMount",
|
|
77
68
|
value: function componentDidMount() {
|
|
78
69
|
(0, _mathRendering.renderMath)(this.root);
|
|
@@ -110,13 +101,11 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
|
|
|
110
101
|
}, children));
|
|
111
102
|
}
|
|
112
103
|
}]);
|
|
113
|
-
|
|
114
104
|
return Collapsible;
|
|
115
105
|
}(_react["default"].Component);
|
|
116
106
|
|
|
117
107
|
exports.Collapsible = Collapsible;
|
|
118
|
-
|
|
119
|
-
_defineProperty(Collapsible, "propTypes", {
|
|
108
|
+
(0, _defineProperty2["default"])(Collapsible, "propTypes", {
|
|
120
109
|
classes: _propTypes["default"].object.isRequired,
|
|
121
110
|
className: _propTypes["default"].string,
|
|
122
111
|
children: _propTypes["default"].object,
|
|
@@ -125,8 +114,7 @@ _defineProperty(Collapsible, "propTypes", {
|
|
|
125
114
|
hidden: _propTypes["default"].string
|
|
126
115
|
})
|
|
127
116
|
});
|
|
128
|
-
|
|
129
|
-
_defineProperty(Collapsible, "defaultProps", {
|
|
117
|
+
(0, _defineProperty2["default"])(Collapsible, "defaultProps", {
|
|
130
118
|
labels: {}
|
|
131
119
|
});
|
|
132
120
|
|
|
@@ -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;;;;;;;;;;;;;;;8FAeH;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;uGAIS,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;;;iCAA1BjB,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;iCADRrB,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
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -13,8 +15,6 @@ var _pink = _interopRequireDefault(require("@material-ui/core/colors/pink"));
|
|
|
13
15
|
|
|
14
16
|
var _indigo = _interopRequireDefault(require("@material-ui/core/colors/indigo"));
|
|
15
17
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
18
|
var defaults = {
|
|
19
19
|
TEXT: 'black',
|
|
20
20
|
DISABLED: 'grey',
|
package/lib/color.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","incorrect","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","INCORRECT","orange","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","incorrect","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,IAAI,EAAE,OADgB;AAEtBC,EAAAA,QAAQ,EAAE,MAFY;AAGtBC,EAAAA,OAAO,EAAEC,kBAAM,GAAN,CAHa;AAItBC,EAAAA,SAAS,EAAEC,mBAAO,GAAP,CAJW;AAKtBC,EAAAA,OAAO,EAAEC,mBAAO,GAAP,CALa;AAMtBC,EAAAA,aAAa,EAAED,mBAAO,GAAP,CANO;AAOtBE,EAAAA,YAAY,EAAEF,mBAAO,GAAP,CAPQ;AAQtBG,EAAAA,SAAS,EAAEC,iBAAKC,IARM;AAStBC,EAAAA,eAAe,EAAEF,iBAAK,GAAL,CATK;AAUtBG,EAAAA,cAAc,EAAEH,iBAAK,GAAL,CAVM;AAWtBI,EAAAA,UAAU,EAAE,qBAXU;AAYtBC,EAAAA,oBAAoB,EAAE;AAZA,CAAjB;;AAePC,MAAM,CAACC,MAAP,CAAcnB,QAAd;;AAEO,IAAMoB,CAAC,GAAG,SAAJA,CAAI,CAAAC,MAAM;AAAA,SAAI,YAAa;AAAA,sCAATC,IAAS;AAATA,MAAAA,IAAS;AAAA;;AACtC,QAAMC,QAAQ,GAAGD,IAAI,CAACE,GAAL,EAAjB;AACA,WAAOF,IAAI,CAACG,WAAL,CAAiB,UAACC,GAAD,EAAMN,CAAN,EAAY;AAClC,6BAAgBC,MAAhB,cAA0BD,CAA1B,eAAgCM,GAAhC;AACD,KAFM,EAEJH,QAFI,CAAP;AAGD,GALsB;AAAA,CAAhB;;;AAOP,IAAMI,EAAE,GAAGP,CAAC,CAAC,KAAD,CAAZ;;AAEO,IAAMQ,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAMD,EAAE,CAAC,MAAD,EAAS3B,QAAQ,CAACC,IAAlB,CAAR;AAAA,CAAb;;;;AACA,IAAM4B,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAMF,EAAE,CAAC,UAAD,EAAa3B,QAAQ,CAACE,QAAtB,CAAR;AAAA,CAAjB;;;;AACA,IAAM4B,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMH,EAAE,CAAC,SAAD,EAAY3B,QAAQ,CAACG,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAM4B,SAAS,GAAG,SAAZA,SAAY;AAAA,SAAMJ,EAAE,CAAC,WAAD,EAAc3B,QAAQ,CAACK,SAAvB,CAAR;AAAA,CAAlB;;;;AAEA,IAAM2B,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAML,EAAE,CAAC,SAAD,EAAY3B,QAAQ,CAACO,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAM0B,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMN,EAAE,CAAC,eAAD,EAAkB3B,QAAQ,CAACS,aAA3B,CAAR;AAAA,CAArB;;;;AACA,IAAMyB,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMP,EAAE,CAAC,cAAD,EAAiB3B,QAAQ,CAACU,YAA1B,CAAR;AAAA,CAApB;;;;AACA,IAAMyB,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMR,EAAE,CAAC,cAAD,EAAiB,MAAjB,EAAyB3B,QAAQ,CAACC,IAAlC,CAAR;AAAA,CAApB;;;;AAEA,IAAMmC,SAAS,GAAG,SAAZA,SAAY;AAAA,SAAMT,EAAE,CAAC,WAAD,EAAc3B,QAAQ,CAACW,SAAvB,CAAR;AAAA,CAAlB;;;;AACA,IAAM0B,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAMV,EAAE,CAAC,iBAAD,EAAoB3B,QAAQ,CAACc,eAA7B,CAAR;AAAA,CAAvB;;;;AACA,IAAMwB,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMX,EAAE,CAAC,gBAAD,EAAmB3B,QAAQ,CAACe,cAA5B,CAAR;AAAA,CAAtB;;;;AAEA,IAAMwB,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMZ,EAAE,CAAC,gBAAD,EAAmB,MAAnB,EAA2B3B,QAAQ,CAACC,IAApC,CAAR;AAAA,CAAtB;;;;AACA,IAAMuC,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAMb,EAAE,CAAC,YAAD,EAAe3B,QAAQ,CAACgB,UAAxB,CAAR;AAAA,CAAnB;;;;AACA,IAAMyB,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,SAAMd,EAAE,CAAC,sBAAD,EAAyB3B,QAAQ,CAACiB,oBAAlC,CAAR;AAAA,CAA5B","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\n\nexport const defaults = {\n TEXT: 'black',\n DISABLED: 'grey',\n CORRECT: green[500],\n INCORRECT: orange[500],\n PRIMARY: indigo[500],\n PRIMARY_LIGHT: indigo[200],\n PRIMARY_DARK: indigo[800],\n SECONDARY: pink.A400,\n SECONDARY_LIGHT: pink[200],\n SECONDARY_DARK: pink[900],\n BACKGROUND: 'rgba(255,255,255,0)',\n SECONDARY_BACKGROUND: 'rgba(241,241,241,1)'\n};\n\nObject.freeze(defaults);\n\nexport const v = prefix => (...args) => {\n const fallback = args.pop();\n return args.reduceRight((acc, v) => {\n return `var(--${prefix}-${v}, ${acc})`;\n }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"file":"color.js"}
|
package/lib/feedback.js
CHANGED
|
@@ -1,12 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
6
|
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = exports.Feedback = void 0;
|
|
9
11
|
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
|
|
10
24
|
var _styles = require("@material-ui/core/styles");
|
|
11
25
|
|
|
12
26
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -23,30 +37,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
23
37
|
|
|
24
38
|
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
39
|
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
|
-
|
|
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); } }
|
|
31
|
-
|
|
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; }
|
|
33
|
-
|
|
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); }
|
|
35
|
-
|
|
36
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
-
|
|
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); }; }
|
|
39
|
-
|
|
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); }
|
|
41
|
-
|
|
42
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
40
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
43
41
|
|
|
44
42
|
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
43
|
|
|
46
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
47
|
-
|
|
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; }
|
|
49
|
-
|
|
50
44
|
var styleSheet = {
|
|
51
45
|
corespringFeedback: {
|
|
52
46
|
transformOrigin: '0% 0px 0px',
|
|
@@ -92,17 +86,16 @@ var styleSheet = {
|
|
|
92
86
|
};
|
|
93
87
|
|
|
94
88
|
var Feedback = /*#__PURE__*/function (_React$Component) {
|
|
95
|
-
|
|
89
|
+
(0, _inherits2["default"])(Feedback, _React$Component);
|
|
96
90
|
|
|
97
91
|
var _super = _createSuper(Feedback);
|
|
98
92
|
|
|
99
93
|
function Feedback() {
|
|
100
|
-
|
|
101
|
-
|
|
94
|
+
(0, _classCallCheck2["default"])(this, Feedback);
|
|
102
95
|
return _super.apply(this, arguments);
|
|
103
96
|
}
|
|
104
97
|
|
|
105
|
-
|
|
98
|
+
(0, _createClass2["default"])(Feedback, [{
|
|
106
99
|
key: "render",
|
|
107
100
|
value: function render() {
|
|
108
101
|
var _this$props = this.props,
|
|
@@ -140,13 +133,11 @@ var Feedback = /*#__PURE__*/function (_React$Component) {
|
|
|
140
133
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, chooseFeedback(correctness)));
|
|
141
134
|
}
|
|
142
135
|
}]);
|
|
143
|
-
|
|
144
136
|
return Feedback;
|
|
145
137
|
}(_react["default"].Component);
|
|
146
138
|
|
|
147
139
|
exports.Feedback = Feedback;
|
|
148
|
-
|
|
149
|
-
_defineProperty(Feedback, "propTypes", {
|
|
140
|
+
(0, _defineProperty2["default"])(Feedback, "propTypes", {
|
|
150
141
|
correctness: _propTypes["default"].string,
|
|
151
142
|
feedback: _propTypes["default"].string,
|
|
152
143
|
classes: _propTypes["default"].object.isRequired
|
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,54 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var _mathRendering = require("@pie-lib/math-rendering");
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
|
|
14
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
13
|
|
|
16
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
|
|
18
|
-
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
|
-
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
22
|
-
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
21
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
23
|
|
|
28
|
-
|
|
24
|
+
var _mathRendering = require("@pie-lib/math-rendering");
|
|
29
25
|
|
|
30
|
-
|
|
26
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
27
|
|
|
32
|
-
function
|
|
28
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
33
29
|
|
|
34
30
|
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
31
|
|
|
36
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
37
|
-
|
|
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; }
|
|
39
|
-
|
|
40
32
|
var HtmlAndMath = /*#__PURE__*/function (_React$Component) {
|
|
41
|
-
|
|
33
|
+
(0, _inherits2["default"])(HtmlAndMath, _React$Component);
|
|
42
34
|
|
|
43
35
|
var _super = _createSuper(HtmlAndMath);
|
|
44
36
|
|
|
45
37
|
function HtmlAndMath() {
|
|
46
|
-
|
|
47
|
-
|
|
38
|
+
(0, _classCallCheck2["default"])(this, HtmlAndMath);
|
|
48
39
|
return _super.apply(this, arguments);
|
|
49
40
|
}
|
|
50
41
|
|
|
51
|
-
|
|
42
|
+
(0, _createClass2["default"])(HtmlAndMath, [{
|
|
52
43
|
key: "componentDidMount",
|
|
53
44
|
value: function componentDidMount() {
|
|
54
45
|
if (this.node) {
|
|
@@ -83,19 +74,16 @@ var HtmlAndMath = /*#__PURE__*/function (_React$Component) {
|
|
|
83
74
|
});
|
|
84
75
|
}
|
|
85
76
|
}]);
|
|
86
|
-
|
|
87
77
|
return HtmlAndMath;
|
|
88
78
|
}(_react["default"].Component);
|
|
89
79
|
|
|
90
80
|
exports["default"] = HtmlAndMath;
|
|
91
|
-
|
|
92
|
-
_defineProperty(HtmlAndMath, "propTypes", {
|
|
81
|
+
(0, _defineProperty2["default"])(HtmlAndMath, "propTypes", {
|
|
93
82
|
tag: _propTypes["default"].string,
|
|
94
83
|
className: _propTypes["default"].string,
|
|
95
84
|
html: _propTypes["default"].string
|
|
96
85
|
});
|
|
97
|
-
|
|
98
|
-
_defineProperty(HtmlAndMath, "defaultProps", {
|
|
86
|
+
(0, _defineProperty2["default"])(HtmlAndMath, "defaultProps", {
|
|
99
87
|
tag: 'div',
|
|
100
88
|
html: ''
|
|
101
89
|
});
|
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;;;iCAA1BV,W,eACA;AACjBG,EAAAA,GAAG,EAAEQ,sBAAUC,MADE;AAEjBR,EAAAA,SAAS,EAAEO,sBAAUC,MAFJ;AAGjBP,EAAAA,IAAI,EAAEM,sBAAUC;AAHC,C;iCADAZ,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,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
6
|
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
@@ -96,8 +98,6 @@ exports.color = color;
|
|
|
96
98
|
|
|
97
99
|
var _hasText = require("./has-text");
|
|
98
100
|
|
|
99
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
100
|
-
|
|
101
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
102
|
|
|
103
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; }
|
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
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -17,8 +19,6 @@ var _styles = require("@material-ui/core/styles");
|
|
|
17
19
|
|
|
18
20
|
var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
|
|
19
21
|
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
22
|
var RawInputContainer = function RawInputContainer(props) {
|
|
23
23
|
var label = props.label,
|
|
24
24
|
className = props.className,
|
|
@@ -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":"
|
|
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"}
|