@pie-lib/render-ui 5.1.0-next.2 → 5.1.0-next.36
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 +8 -0
- package/lib/assets/enableAudioAutoplayImage.js +9 -0
- package/lib/assets/enableAudioAutoplayImage.js.map +1 -0
- package/lib/collapsible/index.js +108 -0
- package/lib/collapsible/index.js.map +1 -0
- package/lib/color.js +204 -0
- package/lib/color.js.map +1 -0
- package/lib/feedback.js +121 -0
- package/lib/feedback.js.map +1 -0
- package/lib/has-media.js +23 -0
- package/lib/has-media.js.map +1 -0
- package/lib/has-text.js +24 -0
- package/lib/has-text.js.map +1 -0
- package/lib/html-and-math.js +56 -0
- package/lib/html-and-math.js.map +1 -0
- package/lib/index.js +113 -0
- package/lib/index.js.map +1 -0
- package/lib/input-container.js +60 -0
- package/lib/input-container.js.map +1 -0
- package/lib/preview-layout.js +67 -0
- package/lib/preview-layout.js.map +1 -0
- package/lib/preview-prompt.js +322 -0
- package/lib/preview-prompt.js.map +1 -0
- package/lib/purpose.js +25 -0
- package/lib/purpose.js.map +1 -0
- package/lib/readable.js +25 -0
- package/lib/readable.js.map +1 -0
- package/lib/response-indicators.js +110 -0
- package/lib/response-indicators.js.map +1 -0
- package/lib/ui-layout.js +128 -0
- package/lib/ui-layout.js.map +1 -0
- package/lib/withUndoReset.js +147 -0
- package/lib/withUndoReset.js.map +1 -0
- package/package.json +6 -6
- package/src/preview-prompt.jsx +6 -5
package/lib/feedback.js
ADDED
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
require("core-js/modules/es.object.define-property.js");
|
|
5
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
6
|
+
require("core-js/modules/es.object.to-string.js");
|
|
7
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
8
|
+
require("core-js/modules/es.string.iterator.js");
|
|
9
|
+
require("core-js/modules/es.weak-map.js");
|
|
10
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
11
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, "__esModule", {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
16
|
+
exports["default"] = exports.Feedback = void 0;
|
|
17
|
+
require("core-js/modules/es.array.concat.js");
|
|
18
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
26
|
+
var _styles = require("@mui/material/styles");
|
|
27
|
+
var _reactTransitionGroup = require("react-transition-group");
|
|
28
|
+
var color = _interopRequireWildcard(require("./color"));
|
|
29
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
30
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
31
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
32
|
+
var FeedbackContainer = (0, _styles.styled)('div')({
|
|
33
|
+
transformOrigin: '0% 0px 0px',
|
|
34
|
+
width: '100%',
|
|
35
|
+
display: 'block',
|
|
36
|
+
overflow: 'hidden',
|
|
37
|
+
'&.incorrect': {
|
|
38
|
+
color: '#946202'
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
var FeedbackContent = (0, _styles.styled)('div')({
|
|
42
|
+
WebkitFontSmoothing: 'antialiased',
|
|
43
|
+
backgroundColor: "var(--feedback-bg-color, ".concat(color.disabled(), ")"),
|
|
44
|
+
borderRadius: '4px',
|
|
45
|
+
lineHeight: '25px',
|
|
46
|
+
margin: '0px',
|
|
47
|
+
padding: '10px',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
color: 'var(--feedback-color, white)',
|
|
50
|
+
'&.correct': {
|
|
51
|
+
backgroundColor: "var(--feedback-correct-bg-color, ".concat(color.correct(), ")")
|
|
52
|
+
},
|
|
53
|
+
'&.incorrect': {
|
|
54
|
+
backgroundColor: "var(--feedback-incorrect-bg-color, ".concat(color.incorrect(), ")")
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
var TransitionWrapper = (0, _styles.styled)('div')({
|
|
58
|
+
'&.feedback-enter': {
|
|
59
|
+
height: '1px'
|
|
60
|
+
},
|
|
61
|
+
'&.feedback-enter-active': {
|
|
62
|
+
height: '45px',
|
|
63
|
+
transition: 'height 500ms'
|
|
64
|
+
},
|
|
65
|
+
'&.feedback-exit': {
|
|
66
|
+
height: '45px'
|
|
67
|
+
},
|
|
68
|
+
'&.feedback-exit-active': {
|
|
69
|
+
height: '1px',
|
|
70
|
+
transition: 'height 200ms'
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
var Feedback = exports.Feedback = /*#__PURE__*/function (_React$Component) {
|
|
74
|
+
function Feedback() {
|
|
75
|
+
var _this;
|
|
76
|
+
(0, _classCallCheck2["default"])(this, Feedback);
|
|
77
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
78
|
+
args[_key] = arguments[_key];
|
|
79
|
+
}
|
|
80
|
+
_this = _callSuper(this, Feedback, [].concat(args));
|
|
81
|
+
(0, _defineProperty2["default"])(_this, "nodeRef", /*#__PURE__*/_react["default"].createRef());
|
|
82
|
+
return _this;
|
|
83
|
+
}
|
|
84
|
+
(0, _inherits2["default"])(Feedback, _React$Component);
|
|
85
|
+
return (0, _createClass2["default"])(Feedback, [{
|
|
86
|
+
key: "renderFeedback",
|
|
87
|
+
value: function renderFeedback() {
|
|
88
|
+
var _this$props = this.props,
|
|
89
|
+
correctness = _this$props.correctness,
|
|
90
|
+
feedback = _this$props.feedback;
|
|
91
|
+
if (!correctness || !feedback) return null;
|
|
92
|
+
return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
|
|
93
|
+
key: "hasFeedback",
|
|
94
|
+
nodeRef: this.nodeRef,
|
|
95
|
+
timeout: {
|
|
96
|
+
enter: 500,
|
|
97
|
+
exit: 200
|
|
98
|
+
},
|
|
99
|
+
classNames: "feedback"
|
|
100
|
+
}, /*#__PURE__*/_react["default"].createElement(TransitionWrapper, {
|
|
101
|
+
ref: this.nodeRef
|
|
102
|
+
}, /*#__PURE__*/_react["default"].createElement(FeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(FeedbackContent, {
|
|
103
|
+
className: correctness,
|
|
104
|
+
dangerouslySetInnerHTML: {
|
|
105
|
+
__html: feedback
|
|
106
|
+
}
|
|
107
|
+
}))));
|
|
108
|
+
}
|
|
109
|
+
}, {
|
|
110
|
+
key: "render",
|
|
111
|
+
value: function render() {
|
|
112
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, this.renderFeedback()));
|
|
113
|
+
}
|
|
114
|
+
}]);
|
|
115
|
+
}(_react["default"].Component);
|
|
116
|
+
(0, _defineProperty2["default"])(Feedback, "propTypes", {
|
|
117
|
+
correctness: _propTypes["default"].string,
|
|
118
|
+
feedback: _propTypes["default"].string
|
|
119
|
+
});
|
|
120
|
+
var _default = exports["default"] = Feedback;
|
|
121
|
+
//# sourceMappingURL=feedback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"feedback.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_reactTransitionGroup","color","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","FeedbackContainer","styled","transformOrigin","width","display","overflow","FeedbackContent","WebkitFontSmoothing","backgroundColor","concat","disabled","borderRadius","lineHeight","margin","padding","verticalAlign","correct","incorrect","TransitionWrapper","height","transition","Feedback","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","React","createRef","_inherits2","_createClass2","key","value","renderFeedback","_this$props","props","correctness","feedback","createElement","CSSTransition","nodeRef","timeout","enter","exit","classNames","ref","className","dangerouslySetInnerHTML","__html","render","TransitionGroup","Component","PropTypes","string","_default"],"sources":["../src/feedback.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport * as color from './color';\n\nconst FeedbackContainer = styled('div')({\n transformOrigin: '0% 0px 0px',\n width: '100%',\n display: 'block',\n overflow: 'hidden',\n '&.incorrect': {\n color: '#946202',\n },\n});\n\nconst FeedbackContent = styled('div')({\n WebkitFontSmoothing: 'antialiased',\n backgroundColor: `var(--feedback-bg-color, ${color.disabled()})`,\n borderRadius: '4px',\n lineHeight: '25px',\n margin: '0px',\n padding: '10px',\n verticalAlign: 'middle',\n color: 'var(--feedback-color, white)',\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});\n\nconst TransitionWrapper = styled('div')({\n '&.feedback-enter': {\n height: '1px',\n },\n '&.feedback-enter-active': {\n height: '45px',\n transition: 'height 500ms',\n },\n '&.feedback-exit': {\n height: '45px',\n },\n '&.feedback-exit-active': {\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 };\n\n nodeRef = React.createRef();\n\n renderFeedback() {\n const { correctness, feedback } = this.props;\n\n if (!correctness || !feedback) return null;\n\n return (\n <CSSTransition\n key=\"hasFeedback\"\n nodeRef={this.nodeRef}\n timeout={{ enter: 500, exit: 200 }}\n classNames=\"feedback\"\n >\n <TransitionWrapper ref={this.nodeRef}>\n <FeedbackContainer>\n <FeedbackContent\n className={correctness}\n dangerouslySetInnerHTML={{ __html: feedback }}\n />\n </FeedbackContainer>\n </TransitionWrapper>\n </CSSTransition>\n );\n }\n\n render() {\n return (\n <div>\n <TransitionGroup>\n {this.renderFeedback()}\n </TransitionGroup>\n </div>\n );\n }\n}\n\nexport default Feedback;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/has-media.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.hasMedia = void 0;
|
|
8
|
+
var parser;
|
|
9
|
+
if (typeof window !== 'undefined') {
|
|
10
|
+
parser = new DOMParser();
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/*
|
|
14
|
+
* Check if the string contains at least one media element.
|
|
15
|
+
*/
|
|
16
|
+
var hasMedia = exports.hasMedia = function hasMedia(s) {
|
|
17
|
+
if (!s) {
|
|
18
|
+
return false;
|
|
19
|
+
}
|
|
20
|
+
var root = parser.parseFromString(s, 'text/html');
|
|
21
|
+
return !!root.body.querySelector('img') || !!root.body.querySelector('video') || !!root.body.querySelector('audio');
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=has-media.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"has-media.js","names":["parser","window","DOMParser","hasMedia","exports","s","root","parseFromString","body","querySelector"],"sources":["../src/has-media.js"],"sourcesContent":["let parser;\n\nif (typeof window !== 'undefined') {\n parser = new DOMParser();\n}\n\n/*\n * Check if the string contains at least one media element.\n */\nexport const hasMedia = (s) => {\n if (!s) {\n return false;\n }\n const root = parser.parseFromString(s, 'text/html');\n return !!root.body.querySelector('img') || !!root.body.querySelector('video') || !!root.body.querySelector('audio');\n};\n"],"mappings":";;;;;;;AAAA,IAAIA,MAAM;AAEV,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCD,MAAM,GAAG,IAAIE,SAAS,CAAC,CAAC;AAC1B;;AAEA;AACA;AACA;AACO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,CAAC,EAAK;EAC7B,IAAI,CAACA,CAAC,EAAE;IACN,OAAO,KAAK;EACd;EACA,IAAMC,IAAI,GAAGN,MAAM,CAACO,eAAe,CAACF,CAAC,EAAE,WAAW,CAAC;EACnD,OAAO,CAAC,CAACC,IAAI,CAACE,IAAI,CAACC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAACH,IAAI,CAACE,IAAI,CAACC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAACH,IAAI,CAACE,IAAI,CAACC,aAAa,CAAC,OAAO,CAAC;AACrH,CAAC","ignoreList":[]}
|
package/lib/has-text.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.hasText = void 0;
|
|
8
|
+
require("core-js/modules/es.string.trim.js");
|
|
9
|
+
var parser;
|
|
10
|
+
if (typeof window !== 'undefined') {
|
|
11
|
+
parser = new DOMParser();
|
|
12
|
+
}
|
|
13
|
+
var markupToText = function markupToText(s) {
|
|
14
|
+
var root = parser.parseFromString(s, 'text/html');
|
|
15
|
+
return root.body.textContent;
|
|
16
|
+
};
|
|
17
|
+
var hasText = exports.hasText = function hasText(s) {
|
|
18
|
+
if (!s) {
|
|
19
|
+
return false;
|
|
20
|
+
}
|
|
21
|
+
var tc = markupToText(s);
|
|
22
|
+
return !!(tc && tc.trim());
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=has-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"has-text.js","names":["parser","window","DOMParser","markupToText","s","root","parseFromString","body","textContent","hasText","exports","tc","trim"],"sources":["../src/has-text.js"],"sourcesContent":["let parser;\n\nif (typeof window !== 'undefined') {\n parser = new DOMParser();\n}\n\nconst markupToText = (s) => {\n const root = parser.parseFromString(s, 'text/html');\n return root.body.textContent;\n};\n\nexport const hasText = (s) => {\n if (!s) {\n return false;\n }\n const tc = markupToText(s);\n return !!(tc && tc.trim());\n};\n"],"mappings":";;;;;;;;AAAA,IAAIA,MAAM;AAEV,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCD,MAAM,GAAG,IAAIE,SAAS,CAAC,CAAC;AAC1B;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAC,EAAK;EAC1B,IAAMC,IAAI,GAAGL,MAAM,CAACM,eAAe,CAACF,CAAC,EAAE,WAAW,CAAC;EACnD,OAAOC,IAAI,CAACE,IAAI,CAACC,WAAW;AAC9B,CAAC;AAEM,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIL,CAAC,EAAK;EAC5B,IAAI,CAACA,CAAC,EAAE;IACN,OAAO,KAAK;EACd;EACA,IAAMO,EAAE,GAAGR,YAAY,CAACC,CAAC,CAAC;EAC1B,OAAO,CAAC,EAAEO,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC,CAAC,CAAC;AAC5B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = void 0;
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
18
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
19
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
20
|
+
var HtmlAndMath = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
21
|
+
function HtmlAndMath() {
|
|
22
|
+
(0, _classCallCheck2["default"])(this, HtmlAndMath);
|
|
23
|
+
return _callSuper(this, HtmlAndMath, arguments);
|
|
24
|
+
}
|
|
25
|
+
(0, _inherits2["default"])(HtmlAndMath, _React$Component);
|
|
26
|
+
return (0, _createClass2["default"])(HtmlAndMath, [{
|
|
27
|
+
key: "render",
|
|
28
|
+
value: function render() {
|
|
29
|
+
var _this = this;
|
|
30
|
+
var _this$props = this.props,
|
|
31
|
+
tag = _this$props.tag,
|
|
32
|
+
className = _this$props.className,
|
|
33
|
+
html = _this$props.html;
|
|
34
|
+
var Tag = tag || 'div';
|
|
35
|
+
return /*#__PURE__*/_react["default"].createElement(Tag, {
|
|
36
|
+
ref: function ref(r) {
|
|
37
|
+
return _this.node = r;
|
|
38
|
+
},
|
|
39
|
+
className: className,
|
|
40
|
+
dangerouslySetInnerHTML: {
|
|
41
|
+
__html: html
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}]);
|
|
46
|
+
}(_react["default"].Component);
|
|
47
|
+
(0, _defineProperty2["default"])(HtmlAndMath, "propTypes", {
|
|
48
|
+
tag: _propTypes["default"].string,
|
|
49
|
+
className: _propTypes["default"].string,
|
|
50
|
+
html: _propTypes["default"].string
|
|
51
|
+
});
|
|
52
|
+
(0, _defineProperty2["default"])(HtmlAndMath, "defaultProps", {
|
|
53
|
+
tag: 'div',
|
|
54
|
+
html: ''
|
|
55
|
+
});
|
|
56
|
+
//# sourceMappingURL=html-and-math.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"html-and-math.js","names":["_react","_interopRequireDefault","require","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","HtmlAndMath","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this","_this$props","props","tag","className","html","Tag","createElement","ref","r","node","dangerouslySetInnerHTML","__html","React","Component","_defineProperty2","PropTypes","string"],"sources":["../src/html-and-math.js"],"sourcesContent":["import React from 'react';\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 render() {\n const { tag, className, html } = this.props;\n const Tag = tag || 'div';\n return <Tag ref={(r) => (this.node = r)} className={className} dangerouslySetInnerHTML={{ __html: html }} />;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAE,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,IAEdc,WAAW,GAAAC,OAAA,qCAAAC,gBAAA;EAAA,SAAAF,YAAA;IAAA,IAAAG,gBAAA,mBAAAH,WAAA;IAAA,OAAAf,UAAA,OAAAe,WAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,WAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAY9B,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,KAAA;MACP,IAAAC,WAAA,GAAiC,IAAI,CAACC,KAAK;QAAnCC,GAAG,GAAAF,WAAA,CAAHE,GAAG;QAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;QAAEC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;MAC5B,IAAMC,GAAG,GAAGH,GAAG,IAAI,KAAK;MACxB,oBAAOhC,MAAA,YAAAoC,aAAA,CAACD,GAAG;QAACE,GAAG,EAAE,SAALA,GAAGA,CAAGC,CAAC;UAAA,OAAMT,KAAI,CAACU,IAAI,GAAGD,CAAC;QAAA,CAAE;QAACL,SAAS,EAAEA,SAAU;QAACO,uBAAuB,EAAE;UAAEC,MAAM,EAAEP;QAAK;MAAE,CAAE,CAAC;IAC9G;EAAC;AAAA,EAhBsCQ,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAAnCzB,WAAW,eACX;EACjBa,GAAG,EAAEa,qBAAS,CAACC,MAAM;EACrBb,SAAS,EAAEY,qBAAS,CAACC,MAAM;EAC3BZ,IAAI,EAAEW,qBAAS,CAACC;AAClB,CAAC;AAAA,IAAAF,gBAAA,aALkBzB,WAAW,kBAOR;EACpBa,GAAG,EAAE,KAAK;EACVE,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
require("core-js/modules/es.object.define-property.js");
|
|
5
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
6
|
+
require("core-js/modules/es.object.to-string.js");
|
|
7
|
+
require("core-js/modules/es.string.iterator.js");
|
|
8
|
+
require("core-js/modules/es.weak-map.js");
|
|
9
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
|
+
Object.defineProperty(exports, "__esModule", {
|
|
13
|
+
value: true
|
|
14
|
+
});
|
|
15
|
+
Object.defineProperty(exports, "Collapsible", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function get() {
|
|
18
|
+
return _collapsible["default"];
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports, "EnableAudioAutoplayImage", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _enableAudioAutoplayImage["default"];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
Object.defineProperty(exports, "Feedback", {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function get() {
|
|
30
|
+
return _feedback["default"];
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(exports, "HtmlAndMath", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
get: function get() {
|
|
36
|
+
return _htmlAndMath["default"];
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
Object.defineProperty(exports, "InputContainer", {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function get() {
|
|
42
|
+
return _inputContainer["default"];
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
Object.defineProperty(exports, "PreviewLayout", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function get() {
|
|
48
|
+
return _previewLayout["default"];
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
Object.defineProperty(exports, "PreviewPrompt", {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function get() {
|
|
54
|
+
return _previewPrompt["default"];
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
Object.defineProperty(exports, "Purpose", {
|
|
58
|
+
enumerable: true,
|
|
59
|
+
get: function get() {
|
|
60
|
+
return _purpose["default"];
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
Object.defineProperty(exports, "Readable", {
|
|
64
|
+
enumerable: true,
|
|
65
|
+
get: function get() {
|
|
66
|
+
return _readable["default"];
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
Object.defineProperty(exports, "UiLayout", {
|
|
70
|
+
enumerable: true,
|
|
71
|
+
get: function get() {
|
|
72
|
+
return _uiLayout["default"];
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
exports.color = void 0;
|
|
76
|
+
Object.defineProperty(exports, "hasMedia", {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function get() {
|
|
79
|
+
return _hasMedia.hasMedia;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
Object.defineProperty(exports, "hasText", {
|
|
83
|
+
enumerable: true,
|
|
84
|
+
get: function get() {
|
|
85
|
+
return _hasText.hasText;
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
exports.indicators = void 0;
|
|
89
|
+
Object.defineProperty(exports, "withUndoReset", {
|
|
90
|
+
enumerable: true,
|
|
91
|
+
get: function get() {
|
|
92
|
+
return _withUndoReset["default"];
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
var indicators = _interopRequireWildcard(require("./response-indicators"));
|
|
96
|
+
exports.indicators = indicators;
|
|
97
|
+
var _feedback = _interopRequireDefault(require("./feedback"));
|
|
98
|
+
var _collapsible = _interopRequireDefault(require("./collapsible"));
|
|
99
|
+
var _withUndoReset = _interopRequireDefault(require("./withUndoReset"));
|
|
100
|
+
var _previewLayout = _interopRequireDefault(require("./preview-layout"));
|
|
101
|
+
var _uiLayout = _interopRequireDefault(require("./ui-layout"));
|
|
102
|
+
var _htmlAndMath = _interopRequireDefault(require("./html-and-math"));
|
|
103
|
+
var _inputContainer = _interopRequireDefault(require("./input-container"));
|
|
104
|
+
var _previewPrompt = _interopRequireDefault(require("./preview-prompt"));
|
|
105
|
+
var _readable = _interopRequireDefault(require("./readable"));
|
|
106
|
+
var _purpose = _interopRequireDefault(require("./purpose"));
|
|
107
|
+
var color = _interopRequireWildcard(require("./color"));
|
|
108
|
+
exports.color = color;
|
|
109
|
+
var _hasText = require("./has-text");
|
|
110
|
+
var _hasMedia = require("./has-media");
|
|
111
|
+
var _enableAudioAutoplayImage = _interopRequireDefault(require("./assets/enableAudioAutoplayImage"));
|
|
112
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
113
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["indicators","_interopRequireWildcard","require","exports","_feedback","_interopRequireDefault","_collapsible","_withUndoReset","_previewLayout","_uiLayout","_htmlAndMath","_inputContainer","_previewPrompt","_readable","_purpose","color","_hasText","_hasMedia","_enableAudioAutoplayImage","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"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 UiLayout from './ui-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';\nimport { hasMedia } from './has-media';\nimport EnableAudioAutoplayImage from './assets/enableAudioAutoplayImage';\n\nexport {\n HtmlAndMath,\n indicators,\n withUndoReset,\n Feedback,\n UiLayout,\n PreviewLayout,\n Collapsible,\n InputContainer,\n PreviewPrompt,\n color,\n Readable,\n Purpose,\n hasText,\n hasMedia,\n EnableAudioAutoplayImage,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoDC,OAAA,CAAAH,UAAA,GAAAA,UAAA;AACpD,IAAAI,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,cAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,cAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,SAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,YAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,eAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,cAAA,GAAAP,sBAAA,CAAAH,OAAA;AACA,IAAAW,SAAA,GAAAR,sBAAA,CAAAH,OAAA;AACA,IAAAY,QAAA,GAAAT,sBAAA,CAAAH,OAAA;AACA,IAAAa,KAAA,GAAAd,uBAAA,CAAAC,OAAA;AAAiCC,OAAA,CAAAY,KAAA,GAAAA,KAAA;AACjC,IAAAC,QAAA,GAAAd,OAAA;AACA,IAAAe,SAAA,GAAAf,OAAA;AACA,IAAAgB,yBAAA,GAAAb,sBAAA,CAAAH,OAAA;AAAyE,SAAAD,wBAAAkB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAApB,uBAAA,YAAAA,wBAAAkB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _styles = require("@mui/material/styles");
|
|
13
|
+
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
14
|
+
var StyledFormControl = (0, _styles.styled)(_FormControl["default"])(function (_ref) {
|
|
15
|
+
var theme = _ref.theme;
|
|
16
|
+
return {
|
|
17
|
+
margin: 0,
|
|
18
|
+
padding: 0,
|
|
19
|
+
flex: '1 0 auto',
|
|
20
|
+
minWidth: theme.spacing(4)
|
|
21
|
+
};
|
|
22
|
+
});
|
|
23
|
+
var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
|
|
24
|
+
return {
|
|
25
|
+
fontSize: 'inherit',
|
|
26
|
+
whiteSpace: 'nowrap',
|
|
27
|
+
margin: 0,
|
|
28
|
+
padding: 0,
|
|
29
|
+
alignSelf: 'flex-start',
|
|
30
|
+
position: 'absolute',
|
|
31
|
+
top: 0,
|
|
32
|
+
left: 0,
|
|
33
|
+
transformOrigin: 'top left',
|
|
34
|
+
pointerEvents: 'none',
|
|
35
|
+
// override MUI's default transform styles
|
|
36
|
+
'&.MuiInputLabel-shrink': {
|
|
37
|
+
transform: 'scale(0.75) translate(0, -0.75em)'
|
|
38
|
+
},
|
|
39
|
+
'&:not(.MuiInputLabel-shrink)': {
|
|
40
|
+
transform: 'translate(0, 0)'
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
});
|
|
44
|
+
var InputContainer = function InputContainer(_ref2) {
|
|
45
|
+
var label = _ref2.label,
|
|
46
|
+
className = _ref2.className,
|
|
47
|
+
children = _ref2.children;
|
|
48
|
+
return /*#__PURE__*/_react["default"].createElement(StyledFormControl, {
|
|
49
|
+
className: className
|
|
50
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
|
|
51
|
+
shrink: true
|
|
52
|
+
}, label), children);
|
|
53
|
+
};
|
|
54
|
+
InputContainer.propTypes = {
|
|
55
|
+
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]).isRequired,
|
|
56
|
+
className: _propTypes["default"].string,
|
|
57
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
|
|
58
|
+
};
|
|
59
|
+
var _default = exports["default"] = InputContainer;
|
|
60
|
+
//# sourceMappingURL=input-container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-container.js","names":["_InputLabel","_interopRequireDefault","require","_propTypes","_react","_styles","_FormControl","StyledFormControl","styled","FormControl","_ref","theme","margin","padding","flex","minWidth","spacing","StyledInputLabel","InputLabel","fontSize","whiteSpace","alignSelf","position","top","left","transformOrigin","pointerEvents","transform","InputContainer","_ref2","label","className","children","createElement","shrink","propTypes","PropTypes","oneOfType","string","object","isRequired","arrayOf","node","_default","exports"],"sources":["../src/input-container.jsx"],"sourcesContent":["import InputLabel from '@mui/material/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport FormControl from '@mui/material/FormControl';\n\nconst StyledFormControl = styled(FormControl)(({ theme }) => ({\n margin: 0,\n padding: 0,\n flex: '1 0 auto',\n minWidth: theme.spacing(4),\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n fontSize: 'inherit',\n whiteSpace: 'nowrap',\n margin: 0,\n padding: 0,\n alignSelf: 'flex-start',\n position: 'absolute',\n top: 0,\n left: 0,\n transformOrigin: 'top left',\n pointerEvents: 'none',\n // override MUI's default transform styles\n '&.MuiInputLabel-shrink': {\n transform: 'scale(0.75) translate(0, -0.75em)',\n },\n '&:not(.MuiInputLabel-shrink)': {\n transform: 'translate(0, 0)',\n },\n}));\n\nconst InputContainer = ({ label, className, children }) => (\n <StyledFormControl className={className}>\n <StyledInputLabel shrink>{label}</StyledInputLabel>\n {children}\n </StyledFormControl>\n);\n\nInputContainer.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n};\n\nexport default InputContainer;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,iBAAiB,GAAG,IAAAC,cAAM,EAACC,uBAAW,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC5DC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAEJ,KAAK,CAACK,OAAO,CAAC,CAAC;EAC3B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,gBAAgB,GAAG,IAAAT,cAAM,EAACU,sBAAU,CAAC,CAAC;EAAA,OAAO;IAClDC,QAAQ,EAAE,SAAS;IAClBC,UAAU,EAAE,QAAQ;IACpBR,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVQ,SAAS,EAAE,YAAY;IACvBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,UAAU;IAC3BC,aAAa,EAAE,MAAM;IACrB;IACA,wBAAwB,EAAE;MACxBC,SAAS,EAAE;IACb,CAAC;IACD,8BAA8B,EAAE;MAC9BA,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA;EAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;EAAA,oBAClD5B,MAAA,YAAA6B,aAAA,CAAC1B,iBAAiB;IAACwB,SAAS,EAAEA;EAAU,gBACtC3B,MAAA,YAAA6B,aAAA,CAAChB,gBAAgB;IAACiB,MAAM;EAAA,GAAEJ,KAAwB,CAAC,EAClDE,QACgB,CAAC;AAAA,CACrB;AAEDJ,cAAc,CAACO,SAAS,GAAG;EACzBL,KAAK,EAAEM,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EAC3ET,SAAS,EAAEK,qBAAS,CAACE,MAAM;EAC3BN,QAAQ,EAAEI,qBAAS,CAACC,SAAS,CAAC,CAC5BD,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,IAAI,CAAC,EACjCN,qBAAS,CAACM,IAAI,CACf,CAAC,CAACF;AACL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEahB,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = void 0;
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
15
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
+
var _react = _interopRequireDefault(require("react"));
|
|
18
|
+
var _styles = require("@mui/material/styles");
|
|
19
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
20
|
+
var _uiLayout = _interopRequireDefault(require("./ui-layout"));
|
|
21
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
|
+
var StyledUiLayout = (0, _styles.styled)(_uiLayout["default"])({
|
|
24
|
+
display: 'flex',
|
|
25
|
+
flexDirection: 'column',
|
|
26
|
+
position: 'relative'
|
|
27
|
+
});
|
|
28
|
+
var PreviewLayout = /*#__PURE__*/function (_React$Component) {
|
|
29
|
+
function PreviewLayout() {
|
|
30
|
+
(0, _classCallCheck2["default"])(this, PreviewLayout);
|
|
31
|
+
return _callSuper(this, PreviewLayout, arguments);
|
|
32
|
+
}
|
|
33
|
+
(0, _inherits2["default"])(PreviewLayout, _React$Component);
|
|
34
|
+
return (0, _createClass2["default"])(PreviewLayout, [{
|
|
35
|
+
key: "render",
|
|
36
|
+
value: function render() {
|
|
37
|
+
var _this$props = this.props,
|
|
38
|
+
children = _this$props.children,
|
|
39
|
+
ariaLabel = _this$props.ariaLabel,
|
|
40
|
+
role = _this$props.role,
|
|
41
|
+
extraCSSRules = _this$props.extraCSSRules,
|
|
42
|
+
fontSizeFactor = _this$props.fontSizeFactor,
|
|
43
|
+
classes = _this$props.classes;
|
|
44
|
+
var accessibility = ariaLabel ? {
|
|
45
|
+
'aria-label': ariaLabel,
|
|
46
|
+
role: role
|
|
47
|
+
} : {};
|
|
48
|
+
return /*#__PURE__*/_react["default"].createElement(StyledUiLayout, (0, _extends2["default"])({}, accessibility, {
|
|
49
|
+
extraCSSRules: extraCSSRules,
|
|
50
|
+
fontSizeFactor: fontSizeFactor,
|
|
51
|
+
classes: classes
|
|
52
|
+
}), children);
|
|
53
|
+
}
|
|
54
|
+
}]);
|
|
55
|
+
}(_react["default"].Component);
|
|
56
|
+
(0, _defineProperty2["default"])(PreviewLayout, "propTypes", {
|
|
57
|
+
ariaLabel: _propTypes["default"].string,
|
|
58
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
59
|
+
role: _propTypes["default"].string,
|
|
60
|
+
extraCSSRules: _propTypes["default"].shape({
|
|
61
|
+
names: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
62
|
+
rules: _propTypes["default"].string
|
|
63
|
+
}),
|
|
64
|
+
fontSizeFactor: _propTypes["default"].number
|
|
65
|
+
});
|
|
66
|
+
var _default = exports["default"] = PreviewLayout;
|
|
67
|
+
//# sourceMappingURL=preview-layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview-layout.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_uiLayout","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledUiLayout","styled","UiLayout","display","flexDirection","position","PreviewLayout","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","children","ariaLabel","role","extraCSSRules","fontSizeFactor","classes","accessibility","createElement","_extends2","React","Component","_defineProperty2","PropTypes","string","oneOfType","arrayOf","node","isRequired","shape","names","rules","number","_default","exports"],"sources":["../src/preview-layout.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport UiLayout from './ui-layout';\n\nconst StyledUiLayout = styled(UiLayout)({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n});\n\nclass PreviewLayout extends React.Component {\n static propTypes = {\n ariaLabel: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n role: PropTypes.string,\n extraCSSRules: PropTypes.shape({\n names: PropTypes.arrayOf(PropTypes.string),\n rules: PropTypes.string,\n }),\n fontSizeFactor: PropTypes.number,\n };\n\n render() {\n const { children, ariaLabel, role, extraCSSRules, fontSizeFactor, classes } = this.props;\n const accessibility = ariaLabel ? { 'aria-label': ariaLabel, role } : {};\n\n return (\n <StyledUiLayout {...accessibility} extraCSSRules={extraCSSRules} fontSizeFactor={fontSizeFactor} classes={classes}>\n {children}\n </StyledUiLayout>\n );\n }\n}\n\nexport default PreviewLayout;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAI,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAEnC,IAAMc,cAAc,GAAG,IAAAC,cAAM,EAACC,oBAAQ,CAAC,CAAC;EACtCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAAC,IAEGC,aAAa,0BAAAC,gBAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,gBAAA,mBAAAF,aAAA;IAAA,OAAArB,UAAA,OAAAqB,aAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,aAAA,EAAAC,gBAAA;EAAA,WAAAI,aAAA,aAAAL,aAAA;IAAAM,GAAA;IAAAC,KAAA,EAYjB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAA8E,IAAI,CAACC,KAAK;QAAhFC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;QAAEC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;QAAEC,aAAa,GAAAL,WAAA,CAAbK,aAAa;QAAEC,cAAc,GAAAN,WAAA,CAAdM,cAAc;QAAEC,OAAO,GAAAP,WAAA,CAAPO,OAAO;MACzE,IAAMC,aAAa,GAAGL,SAAS,GAAG;QAAE,YAAY,EAAEA,SAAS;QAAEC,IAAI,EAAJA;MAAK,CAAC,GAAG,CAAC,CAAC;MAExE,oBACExC,MAAA,YAAA6C,aAAA,CAACxB,cAAc,MAAAyB,SAAA,iBAAKF,aAAa;QAAEH,aAAa,EAAEA,aAAc;QAACC,cAAc,EAAEA,cAAe;QAACC,OAAO,EAAEA;MAAQ,IAC/GL,QACa,CAAC;IAErB;EAAC;AAAA,EArByBS,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAArCtB,aAAa,eACE;EACjBY,SAAS,EAAEW,qBAAS,CAACC,MAAM;EAC3Bb,QAAQ,EAAEY,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,IAAI,CAAC,EAAEJ,qBAAS,CAACI,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7Ff,IAAI,EAAEU,qBAAS,CAACC,MAAM;EACtBV,aAAa,EAAES,qBAAS,CAACM,KAAK,CAAC;IAC7BC,KAAK,EAAEP,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACC,MAAM,CAAC;IAC1CO,KAAK,EAAER,qBAAS,CAACC;EACnB,CAAC,CAAC;EACFT,cAAc,EAAEQ,qBAAS,CAACS;AAC5B,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAcYlC,aAAa","ignoreList":[]}
|