@pie-lib/config-ui 11.30.2-next.0 → 11.32.0-mui-update.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 +34 -8
- package/lib/alert-dialog.js +35 -42
- package/lib/alert-dialog.js.map +1 -1
- package/lib/checkbox.js +56 -71
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +29 -64
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +202 -260
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +6 -18
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +77 -114
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +26 -40
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +38 -90
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +24 -33
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +39 -80
- package/lib/help.js.map +1 -1
- package/lib/index.js +1 -31
- package/lib/index.js.map +1 -1
- package/lib/input.js +21 -54
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +61 -95
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +56 -100
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +61 -100
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +0 -3
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +73 -103
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +27 -56
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +41 -57
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +79 -161
- package/lib/number-text-field-custom.js.map +1 -1
- package/lib/number-text-field.js +57 -115
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +23 -31
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +16 -32
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +14 -47
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +151 -229
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +21 -30
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +34 -46
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +22 -57
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +50 -99
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +46 -90
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +8 -31
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +12 -10
- package/src/__tests__/number-text-field.test.jsx +1 -1
- package/src/alert-dialog.jsx +21 -19
- package/src/checkbox.jsx +42 -46
- package/src/choice-configuration/feedback-menu.jsx +6 -6
- package/src/choice-configuration/index.jsx +202 -195
- package/src/feedback-config/feedback-selector.jsx +51 -53
- package/src/feedback-config/group.jsx +21 -22
- package/src/feedback-config/index.jsx +27 -29
- package/src/form-section.jsx +18 -18
- package/src/help.jsx +20 -28
- package/src/input.jsx +1 -1
- package/src/inputs.jsx +34 -50
- package/src/langs.jsx +40 -46
- package/src/layout/config-layout.jsx +38 -37
- package/src/layout/layout-contents.jsx +38 -39
- package/src/layout/settings-box.jsx +16 -19
- package/src/mui-box/index.jsx +35 -43
- package/src/number-text-field-custom.jsx +30 -36
- package/src/number-text-field.jsx +22 -30
- package/src/radio-with-label.jsx +17 -13
- package/src/settings/display-size.jsx +12 -11
- package/src/settings/panel.jsx +86 -89
- package/src/settings/settings-radio-label.jsx +17 -13
- package/src/settings/toggle.jsx +29 -29
- package/src/tabs/index.jsx +8 -8
- package/src/tags-input/index.jsx +35 -38
- package/src/two-choice.jsx +15 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"group.js","names":["_propTypes","_interopRequireDefault","require","_radioWithLabel","_react","_styles","StyledChoiceHolder","styled","display","alignItems","StyledChoice","StyledRadioWithLabel","RadioWithLabel","_ref","theme","fontSize","typography","Group","props","feedbackLabels","value","className","onChange","keys","createElement","map","key","checked","e","currentTarget","label","propTypes","PropTypes","string","object","isRequired","arrayOf","func","_default","exports"],"sources":["../../src/feedback-config/group.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledChoiceHolder = styled('div')(() => ({\n display: 'flex',\n alignItems: 'center',\n}));\n\nconst StyledChoice = styled('div')(() => ({\n display: 'flex',\n alignItems: 'center',\n}));\n\nconst StyledRadioWithLabel = styled(RadioWithLabel)(({ theme }) => ({\n '& .MuiFormControlLabel-label': {\n fontSize: theme.typography.fontSize - 2,\n },\n}));\n\nconst Group = (props) => {\n const { feedbackLabels, value, className, onChange, keys } = props;\n\n return (\n <StyledChoiceHolder className={className}>\n {keys.map((key) => {\n return (\n <StyledChoice key={key}>\n <StyledRadioWithLabel\n value={key}\n checked={value === key}\n onChange={(e) => onChange(e.currentTarget.value)}\n label={feedbackLabels[key]}\n />\n </StyledChoice>\n );\n })}\n </StyledChoiceHolder>\n );\n};\n\nGroup.propTypes = {\n className: PropTypes.string,\n feedbackLabels: PropTypes.object.isRequired,\n value: PropTypes.string.isRequired,\n keys: PropTypes.arrayOf(PropTypes.string),\n onChange: PropTypes.func,\n};\n\nexport default Group;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,kBAAkB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAC9CC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IACxCC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,oBAAoB,GAAG,IAAAJ,cAAM,EAACK,0BAAc,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAClE,8BAA8B,EAAE;MAC9BC,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;IACxC;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACvB,IAAQC,cAAc,GAAuCD,KAAK,CAA1DC,cAAc;IAAEC,KAAK,GAAgCF,KAAK,CAA1CE,KAAK;IAAEC,SAAS,GAAqBH,KAAK,CAAnCG,SAAS;IAAEC,SAAQ,GAAWJ,KAAK,CAAxBI,QAAQ;IAAEC,IAAI,GAAKL,KAAK,CAAdK,IAAI;EAExD,oBACEnB,MAAA,YAAAoB,aAAA,CAAClB,kBAAkB;IAACe,SAAS,EAAEA;EAAU,GACtCE,IAAI,CAACE,GAAG,CAAC,UAACC,GAAG,EAAK;IACjB,oBACEtB,MAAA,YAAAoB,aAAA,CAACd,YAAY;MAACgB,GAAG,EAAEA;IAAI,gBACrBtB,MAAA,YAAAoB,aAAA,CAACb,oBAAoB;MACnBS,KAAK,EAAEM,GAAI;MACXC,OAAO,EAAEP,KAAK,KAAKM,GAAI;MACvBJ,QAAQ,EAAE,SAAVA,QAAQA,CAAGM,CAAC;QAAA,OAAKN,SAAQ,CAACM,CAAC,CAACC,aAAa,CAACT,KAAK,CAAC;MAAA,CAAC;MACjDU,KAAK,EAAEX,cAAc,CAACO,GAAG;IAAE,CAC5B,CACW,CAAC;EAEnB,CAAC,CACiB,CAAC;AAEzB,CAAC;AAEDT,KAAK,CAACc,SAAS,GAAG;EAChBV,SAAS,EAAEW,qBAAS,CAACC,MAAM;EAC3Bd,cAAc,EAAEa,qBAAS,CAACE,MAAM,CAACC,UAAU;EAC3Cf,KAAK,EAAEY,qBAAS,CAACC,MAAM,CAACE,UAAU;EAClCZ,IAAI,EAAES,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACC,MAAM,CAAC;EACzCX,QAAQ,EAAEU,qBAAS,CAACK;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEatB,KAAK","ignoreList":[]}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
@@ -15,66 +13,42 @@ Object.defineProperty(exports, "FeedbackSelector", {
|
|
|
15
13
|
}
|
|
16
14
|
});
|
|
17
15
|
exports["default"] = exports.buildDefaults = void 0;
|
|
18
|
-
|
|
16
|
+
var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
|
|
19
17
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
20
|
-
|
|
21
18
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
22
|
-
|
|
23
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
24
|
-
|
|
25
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
26
|
-
|
|
27
19
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
28
|
-
|
|
29
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
30
|
-
|
|
21
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
31
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
32
|
-
|
|
33
23
|
var _feedbackSelector = _interopRequireWildcard(require("./feedback-selector"));
|
|
34
|
-
|
|
35
24
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
36
|
-
|
|
37
25
|
var _react = _interopRequireDefault(require("react"));
|
|
38
|
-
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
|
|
46
|
-
|
|
47
|
-
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
|
|
48
|
-
|
|
49
|
-
var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
|
|
50
|
-
|
|
26
|
+
var _styles = require("@mui/material/styles");
|
|
27
|
+
var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
|
|
28
|
+
var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
|
|
29
|
+
var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
|
|
30
|
+
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
31
|
+
var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
|
|
51
32
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
52
|
-
|
|
53
|
-
function
|
|
54
|
-
|
|
55
|
-
function
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
60
|
-
|
|
61
|
-
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); }; }
|
|
62
|
-
|
|
63
|
-
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; } }
|
|
64
|
-
|
|
65
|
-
var style = {
|
|
66
|
-
feedbackContainer: {
|
|
33
|
+
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); }
|
|
34
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
|
+
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)); }
|
|
37
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
38
|
+
var StyledFeedbackContainer = (0, _styles.styled)('div')(function () {
|
|
39
|
+
return {
|
|
67
40
|
display: 'flex',
|
|
68
41
|
flex: 1,
|
|
69
42
|
flexDirection: 'column'
|
|
70
|
-
}
|
|
71
|
-
|
|
43
|
+
};
|
|
44
|
+
});
|
|
45
|
+
var StyledAccordionDetails = (0, _styles.styled)(_AccordionDetails["default"])(function () {
|
|
46
|
+
return {
|
|
72
47
|
paddingTop: 0,
|
|
73
48
|
paddingBottom: 0
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
var buildDefaults = function buildDefaults(input) {
|
|
49
|
+
};
|
|
50
|
+
});
|
|
51
|
+
var buildDefaults = exports.buildDefaults = function buildDefaults(input) {
|
|
78
52
|
return (0, _merge["default"])({}, {
|
|
79
53
|
correct: {
|
|
80
54
|
type: 'default',
|
|
@@ -90,61 +64,42 @@ var buildDefaults = function buildDefaults(input) {
|
|
|
90
64
|
}
|
|
91
65
|
}, input);
|
|
92
66
|
};
|
|
93
|
-
|
|
94
|
-
exports.buildDefaults = buildDefaults;
|
|
95
|
-
|
|
96
|
-
var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
|
|
97
|
-
(0, _inherits2["default"])(FeedbackConfig, _React$Component);
|
|
98
|
-
|
|
99
|
-
var _super = _createSuper(FeedbackConfig);
|
|
100
|
-
|
|
67
|
+
var FeedbackConfig = exports.FeedbackConfig = /*#__PURE__*/function (_React$Component) {
|
|
101
68
|
function FeedbackConfig() {
|
|
102
69
|
var _this;
|
|
103
|
-
|
|
104
70
|
(0, _classCallCheck2["default"])(this, FeedbackConfig);
|
|
105
|
-
|
|
106
71
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
107
72
|
args[_key] = arguments[_key];
|
|
108
73
|
}
|
|
109
|
-
|
|
110
|
-
_this
|
|
111
|
-
(0, _defineProperty2["default"])(
|
|
112
|
-
(0, _defineProperty2["default"])(
|
|
113
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPartialChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'partial'));
|
|
74
|
+
_this = _callSuper(this, FeedbackConfig, [].concat(args));
|
|
75
|
+
(0, _defineProperty2["default"])(_this, "onCorrectChange", _this.onChange.bind(_this, 'correct'));
|
|
76
|
+
(0, _defineProperty2["default"])(_this, "onIncorrectChange", _this.onChange.bind(_this, 'incorrect'));
|
|
77
|
+
(0, _defineProperty2["default"])(_this, "onPartialChange", _this.onChange.bind(_this, 'partial'));
|
|
114
78
|
return _this;
|
|
115
79
|
}
|
|
116
|
-
|
|
117
|
-
(0, _createClass2["default"])(FeedbackConfig, [{
|
|
80
|
+
(0, _inherits2["default"])(FeedbackConfig, _React$Component);
|
|
81
|
+
return (0, _createClass2["default"])(FeedbackConfig, [{
|
|
118
82
|
key: "onChange",
|
|
119
83
|
value: function onChange(key, config) {
|
|
120
84
|
var _this$props = this.props,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
85
|
+
feedback = _this$props.feedback,
|
|
86
|
+
onChange = _this$props.onChange;
|
|
124
87
|
var update = _objectSpread(_objectSpread({}, feedback), {}, (0, _defineProperty2["default"])({}, key, config));
|
|
125
|
-
|
|
126
88
|
onChange(update);
|
|
127
89
|
}
|
|
128
90
|
}, {
|
|
129
91
|
key: "render",
|
|
130
92
|
value: function render() {
|
|
131
93
|
var _this$props2 = this.props,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
toolbarOpts = _this$props2.toolbarOpts;
|
|
94
|
+
className = _this$props2.className,
|
|
95
|
+
allowPartial = _this$props2.allowPartial,
|
|
96
|
+
feedback = _this$props2.feedback,
|
|
97
|
+
toolbarOpts = _this$props2.toolbarOpts;
|
|
137
98
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
138
99
|
className: className
|
|
139
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
100
|
+
}, /*#__PURE__*/_react["default"].createElement(_Accordion["default"], null, /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
|
|
140
101
|
expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
|
|
141
|
-
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
142
|
-
className: classes.heading
|
|
143
|
-
}, "Feedback")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
|
|
144
|
-
className: classes.panelDetails
|
|
145
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
146
|
-
className: classes.feedbackContainer
|
|
147
|
-
}, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
102
|
+
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Feedback")), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, /*#__PURE__*/_react["default"].createElement(StyledFeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
148
103
|
label: "If correct, show",
|
|
149
104
|
feedback: feedback.correct,
|
|
150
105
|
onChange: this.onCorrectChange,
|
|
@@ -162,10 +117,7 @@ var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
|
|
|
162
117
|
})))));
|
|
163
118
|
}
|
|
164
119
|
}]);
|
|
165
|
-
return FeedbackConfig;
|
|
166
120
|
}(_react["default"].Component);
|
|
167
|
-
|
|
168
|
-
exports.FeedbackConfig = FeedbackConfig;
|
|
169
121
|
(0, _defineProperty2["default"])(FeedbackConfig, "propTypes", {
|
|
170
122
|
allowPartial: _propTypes["default"].bool,
|
|
171
123
|
className: _propTypes["default"].string,
|
|
@@ -175,15 +127,11 @@ exports.FeedbackConfig = FeedbackConfig;
|
|
|
175
127
|
partial: _propTypes["default"].shape(_feedbackSelector.FeedbackType)
|
|
176
128
|
}),
|
|
177
129
|
onChange: _propTypes["default"].func.isRequired,
|
|
178
|
-
classes: _propTypes["default"].object.isRequired,
|
|
179
130
|
toolbarOpts: _propTypes["default"].object
|
|
180
131
|
});
|
|
181
132
|
(0, _defineProperty2["default"])(FeedbackConfig, "defaultProps", {
|
|
182
133
|
allowPartial: true,
|
|
183
134
|
feedback: buildDefaults()
|
|
184
135
|
});
|
|
185
|
-
|
|
186
|
-
var _default = (0, _styles.withStyles)(style)(FeedbackConfig);
|
|
187
|
-
|
|
188
|
-
exports["default"] = _default;
|
|
136
|
+
var _default = exports["default"] = FeedbackConfig;
|
|
189
137
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/feedback-config/index.jsx"],"names":["style","feedbackContainer","display","flex","flexDirection","panelDetails","paddingTop","paddingBottom","buildDefaults","input","correct","type","incorrect","partial","FeedbackConfig","onChange","bind","key","config","props","feedback","update","classes","className","allowPartial","toolbarOpts","heading","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","string","shape","FeedbackType","func","isRequired","object"],"mappings":"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","sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst style = {\n feedbackContainer: {\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n },\n panelDetails: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n};\n\nexport const buildDefaults = (input) => {\n return merge(\n {},\n {\n correct: { type: 'default', default: 'Correct' },\n incorrect: { type: 'default', default: 'Incorrect' },\n partial: { type: 'default', default: 'Nearly' },\n },\n input,\n );\n};\n\nexport class FeedbackConfig extends React.Component {\n static propTypes = {\n allowPartial: PropTypes.bool,\n className: PropTypes.string,\n feedback: PropTypes.shape({\n correct: PropTypes.shape(FeedbackType),\n incorrect: PropTypes.shape(FeedbackType),\n partial: PropTypes.shape(FeedbackType),\n }),\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n toolbarOpts: PropTypes.object,\n };\n\n static defaultProps = {\n allowPartial: true,\n feedback: buildDefaults(),\n };\n\n onChange(key, config) {\n const { feedback, onChange } = this.props;\n const update = { ...feedback, [key]: config };\n\n onChange(update);\n }\n\n onCorrectChange = this.onChange.bind(this, 'correct');\n\n onIncorrectChange = this.onChange.bind(this, 'incorrect');\n\n onPartialChange = this.onChange.bind(this, 'partial');\n\n render() {\n const { classes, className, allowPartial, feedback, toolbarOpts } = this.props;\n\n return (\n <div className={className}>\n <ExpansionPanel>\n <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n <Typography className={classes.heading}>Feedback</Typography>\n </ExpansionPanelSummary>\n\n <ExpansionPanelDetails className={classes.panelDetails}>\n <div className={classes.feedbackContainer}>\n <FeedbackSelector\n label=\"If correct, show\"\n feedback={feedback.correct}\n onChange={this.onCorrectChange}\n toolbarOpts={toolbarOpts}\n />\n\n {allowPartial && (\n <FeedbackSelector\n label=\"If partially correct, show\"\n feedback={feedback.partial}\n onChange={this.onPartialChange}\n toolbarOpts={toolbarOpts}\n />\n )}\n\n <FeedbackSelector\n label=\"If incorrect, show\"\n feedback={feedback.incorrect}\n onChange={this.onIncorrectChange}\n toolbarOpts={toolbarOpts}\n />\n </div>\n </ExpansionPanelDetails>\n </ExpansionPanel>\n </div>\n );\n }\n}\n\nexport default withStyles(style)(FeedbackConfig);\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_feedbackSelector","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_react","_styles","_Accordion","_AccordionSummary","_AccordionDetails","_Typography","_ExpandMore","_merge","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","StyledFeedbackContainer","styled","display","flex","flexDirection","StyledAccordionDetails","AccordionDetails","paddingTop","paddingBottom","buildDefaults","exports","input","merge","correct","type","incorrect","partial","FeedbackConfig","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","onChange","bind","_inherits2","_createClass2","key","value","config","_this$props","props","feedback","update","render","_this$props2","className","allowPartial","toolbarOpts","createElement","expandIcon","label","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","string","shape","FeedbackType","func","isRequired","object","_default"],"sources":["../../src/feedback-config/index.jsx"],"sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport Typography from '@mui/material/Typography';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst StyledFeedbackContainer = styled('div')(() => ({\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n}));\n\nconst StyledAccordionDetails = styled(AccordionDetails)(() => ({\n paddingTop: 0,\n paddingBottom: 0,\n}));\n\nexport const buildDefaults = (input) => {\n return merge(\n {},\n {\n correct: { type: 'default', default: 'Correct' },\n incorrect: { type: 'default', default: 'Incorrect' },\n partial: { type: 'default', default: 'Nearly' },\n },\n input,\n );\n};\n\nexport class FeedbackConfig extends React.Component {\n static propTypes = {\n allowPartial: PropTypes.bool,\n className: PropTypes.string,\n feedback: PropTypes.shape({\n correct: PropTypes.shape(FeedbackType),\n incorrect: PropTypes.shape(FeedbackType),\n partial: PropTypes.shape(FeedbackType),\n }),\n onChange: PropTypes.func.isRequired,\n toolbarOpts: PropTypes.object,\n };\n\n static defaultProps = {\n allowPartial: true,\n feedback: buildDefaults(),\n };\n\n onChange(key, config) {\n const { feedback, onChange } = this.props;\n const update = { ...feedback, [key]: config };\n\n onChange(update);\n }\n\n onCorrectChange = this.onChange.bind(this, 'correct');\n\n onIncorrectChange = this.onChange.bind(this, 'incorrect');\n\n onPartialChange = this.onChange.bind(this, 'partial');\n\n render() {\n const { className, allowPartial, feedback, toolbarOpts } = this.props;\n\n return (\n <div className={className}>\n <Accordion>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>Feedback</Typography>\n </AccordionSummary>\n\n <StyledAccordionDetails>\n <StyledFeedbackContainer>\n <FeedbackSelector\n label=\"If correct, show\"\n feedback={feedback.correct}\n onChange={this.onCorrectChange}\n toolbarOpts={toolbarOpts}\n />\n\n {allowPartial && (\n <FeedbackSelector\n label=\"If partially correct, show\"\n feedback={feedback.partial}\n onChange={this.onPartialChange}\n toolbarOpts={toolbarOpts}\n />\n )}\n\n <FeedbackSelector\n label=\"If incorrect, show\"\n feedback={feedback.incorrect}\n onChange={this.onIncorrectChange}\n toolbarOpts={toolbarOpts}\n />\n </StyledFeedbackContainer>\n </StyledAccordionDetails>\n </Accordion>\n </div>\n );\n }\n}\n\nexport default FeedbackConfig;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/form-section.js
CHANGED
|
@@ -1,46 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var _styles = require("@material-ui/core/styles");
|
|
17
|
-
|
|
18
|
-
var styles = function styles(theme) {
|
|
9
|
+
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
10
|
+
var _styles = require("@mui/material/styles");
|
|
11
|
+
var StyledFormSection = (0, _styles.styled)('div')(function (_ref) {
|
|
12
|
+
var theme = _ref.theme;
|
|
19
13
|
return {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
marginBottom: theme.spacing.unit * 2
|
|
23
|
-
},
|
|
24
|
-
label: {
|
|
25
|
-
marginBottom: theme.spacing.unit
|
|
26
|
-
}
|
|
14
|
+
marginTop: theme.spacing(2),
|
|
15
|
+
marginBottom: theme.spacing(2)
|
|
27
16
|
};
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
});
|
|
18
|
+
var StyledTypography = (0, _styles.styled)(_Typography["default"])(function (_ref2) {
|
|
19
|
+
var theme = _ref2.theme;
|
|
20
|
+
return {
|
|
21
|
+
marginBottom: theme.spacing(1)
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
var FormSection = function FormSection(_ref3) {
|
|
25
|
+
var className = _ref3.className,
|
|
26
|
+
label = _ref3.label,
|
|
27
|
+
children = _ref3.children,
|
|
28
|
+
labelExtraStyle = _ref3.labelExtraStyle;
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(StyledFormSection, {
|
|
30
|
+
className: className
|
|
31
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledTypography, {
|
|
32
|
+
variant: "subtitle1",
|
|
41
33
|
style: labelExtraStyle
|
|
42
34
|
}, label), children);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
exports["default"] = _default;
|
|
35
|
+
};
|
|
36
|
+
var _default = exports["default"] = FormSection;
|
|
46
37
|
//# sourceMappingURL=form-section.js.map
|
package/lib/form-section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"form-section.js","names":["_react","_interopRequireDefault","require","_Typography","_styles","StyledFormSection","styled","_ref","theme","marginTop","spacing","marginBottom","StyledTypography","Typography","_ref2","FormSection","_ref3","className","label","children","labelExtraStyle","createElement","variant","style","_default","exports"],"sources":["../src/form-section.jsx"],"sourcesContent":["import React from 'react';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\nconst StyledFormSection = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n marginBottom: theme.spacing(1),\n}));\n\nconst FormSection = ({ className, label, children, labelExtraStyle }) => (\n <StyledFormSection className={className}>\n <StyledTypography variant=\"subtitle1\" style={labelExtraStyle}>\n {label}\n </StyledTypography>\n {children}\n </StyledFormSection>\n);\n\nexport default FormSection;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAiB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC3BC,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,gBAAgB,GAAG,IAAAN,cAAM,EAACO,sBAAU,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGN,KAAK,GAAAM,KAAA,CAALN,KAAK;EAAA,OAAQ;IAC1DG,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA;EAAA,IAAMC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEC,eAAe,GAAAJ,KAAA,CAAfI,eAAe;EAAA,oBAChEpB,MAAA,YAAAqB,aAAA,CAAChB,iBAAiB;IAACY,SAAS,EAAEA;EAAU,gBACtCjB,MAAA,YAAAqB,aAAA,CAACT,gBAAgB;IAACU,OAAO,EAAC,WAAW;IAACC,KAAK,EAAEH;EAAgB,GAC1DF,KACe,CAAC,EAClBC,QACgB,CAAC;AAAA,CACrB;AAAC,IAAAK,QAAA,GAAAC,OAAA,cAEaV,WAAW","ignoreList":[]}
|
package/lib/help.js
CHANGED
|
@@ -1,122 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = exports.HelpDialog = exports.HelpButton = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
|
|
27
|
-
|
|
28
|
-
var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
|
|
29
|
-
|
|
30
|
-
var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
|
|
31
|
-
|
|
14
|
+
var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
|
|
15
|
+
var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
|
|
16
|
+
var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
|
|
17
|
+
var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
|
|
18
|
+
var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
|
|
32
19
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
33
|
-
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
|
|
37
|
-
|
|
38
|
-
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
39
|
-
|
|
20
|
+
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
21
|
+
var _Help2 = _interopRequireDefault(require("@mui/icons-material/Help"));
|
|
22
|
+
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
40
23
|
var _react = _interopRequireDefault(require("react"));
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
47
|
-
|
|
48
|
-
var RawHelpButton = function RawHelpButton(_ref) {
|
|
49
|
-
var onClick = _ref.onClick,
|
|
50
|
-
classes = _ref.classes;
|
|
51
|
-
return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
52
|
-
classes: {
|
|
53
|
-
label: classes.icon
|
|
54
|
-
},
|
|
55
|
-
onClick: onClick
|
|
56
|
-
}, /*#__PURE__*/_react["default"].createElement(_Help["default"], null));
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
RawHelpButton.propTypes = {
|
|
60
|
-
onClick: _propTypes["default"].func,
|
|
61
|
-
classes: _propTypes["default"].object.isRequired
|
|
62
|
-
};
|
|
63
|
-
var HelpButton = (0, _styles.withStyles)(function (theme) {
|
|
24
|
+
var _styles = require("@mui/material/styles");
|
|
25
|
+
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)); }
|
|
26
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
27
|
+
var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_ref) {
|
|
28
|
+
var theme = _ref.theme;
|
|
64
29
|
return {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
color: theme.palette.grey[300]
|
|
68
|
-
}
|
|
30
|
+
'&:hover': {
|
|
31
|
+
color: theme.palette.grey[300]
|
|
69
32
|
}
|
|
70
33
|
};
|
|
71
|
-
})
|
|
72
|
-
exports.HelpButton = HelpButton
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
34
|
+
});
|
|
35
|
+
var HelpButton = exports.HelpButton = function HelpButton(_ref2) {
|
|
36
|
+
var onClick = _ref2.onClick;
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
|
|
38
|
+
onClick: onClick,
|
|
39
|
+
size: "large"
|
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_Help2["default"], null));
|
|
41
|
+
};
|
|
42
|
+
HelpButton.propTypes = {
|
|
43
|
+
onClick: _propTypes["default"].func
|
|
44
|
+
};
|
|
45
|
+
var HelpDialog = exports.HelpDialog = function HelpDialog(_ref3) {
|
|
46
|
+
var open = _ref3.open,
|
|
47
|
+
onClose = _ref3.onClose,
|
|
48
|
+
children = _ref3.children,
|
|
49
|
+
title = _ref3.title;
|
|
79
50
|
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
80
51
|
open: open,
|
|
81
|
-
|
|
52
|
+
onClose: onClose
|
|
82
53
|
}, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, children)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
83
54
|
onClick: onClose,
|
|
84
55
|
color: "primary"
|
|
85
56
|
}, "OK")));
|
|
86
57
|
};
|
|
87
|
-
|
|
88
|
-
exports.HelpDialog = HelpDialog;
|
|
89
58
|
HelpDialog.propTypes = {
|
|
90
59
|
open: _propTypes["default"].bool,
|
|
91
60
|
onClose: _propTypes["default"].func,
|
|
92
61
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
93
62
|
title: _propTypes["default"].string.isRequired
|
|
94
63
|
};
|
|
95
|
-
|
|
96
64
|
var Help = /*#__PURE__*/function (_React$Component) {
|
|
97
|
-
(0, _inherits2["default"])(Help, _React$Component);
|
|
98
|
-
|
|
99
|
-
var _super = _createSuper(Help);
|
|
100
|
-
|
|
101
65
|
function Help(props) {
|
|
102
66
|
var _this;
|
|
103
|
-
|
|
104
67
|
(0, _classCallCheck2["default"])(this, Help);
|
|
105
|
-
_this =
|
|
68
|
+
_this = _callSuper(this, Help, [props]);
|
|
106
69
|
_this.state = {
|
|
107
70
|
open: false
|
|
108
71
|
};
|
|
109
72
|
return _this;
|
|
110
73
|
}
|
|
111
|
-
|
|
112
|
-
(0, _createClass2["default"])(Help, [{
|
|
74
|
+
(0, _inherits2["default"])(Help, _React$Component);
|
|
75
|
+
return (0, _createClass2["default"])(Help, [{
|
|
113
76
|
key: "render",
|
|
114
77
|
value: function render() {
|
|
115
78
|
var _this2 = this;
|
|
116
|
-
|
|
117
79
|
var _this$props = this.props,
|
|
118
|
-
|
|
119
|
-
|
|
80
|
+
children = _this$props.children,
|
|
81
|
+
title = _this$props.title;
|
|
120
82
|
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(HelpButton, {
|
|
121
83
|
color: "accent",
|
|
122
84
|
onClick: function onClick() {
|
|
@@ -135,13 +97,10 @@ var Help = /*#__PURE__*/function (_React$Component) {
|
|
|
135
97
|
}, children));
|
|
136
98
|
}
|
|
137
99
|
}]);
|
|
138
|
-
return Help;
|
|
139
100
|
}(_react["default"].Component);
|
|
140
|
-
|
|
141
101
|
(0, _defineProperty2["default"])(Help, "propTypes", {
|
|
142
102
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
143
103
|
title: _propTypes["default"].string
|
|
144
104
|
});
|
|
145
|
-
var _default = Help;
|
|
146
|
-
exports["default"] = _default;
|
|
105
|
+
var _default = exports["default"] = Help;
|
|
147
106
|
//# sourceMappingURL=help.js.map
|
package/lib/help.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"help.js","names":["_Dialog","_interopRequireDefault","require","_DialogTitle","_DialogContentText","_DialogContent","_DialogActions","_propTypes","_Button","_Help2","_IconButton","_react","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledIconButton","styled","IconButton","_ref","theme","color","palette","grey","HelpButton","exports","_ref2","onClick","createElement","size","propTypes","PropTypes","func","HelpDialog","_ref3","open","onClose","children","title","bool","oneOfType","arrayOf","node","isRequired","string","Help","_React$Component","props","_this","_classCallCheck2","state","_inherits2","_createClass2","key","value","render","_this2","_this$props","setState","React","Component","_defineProperty2","_default"],"sources":["../src/help.jsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@mui/material/Button';\nimport HelpIcon from '@mui/icons-material/Help';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n '&:hover': {\n color: theme.palette.grey[300],\n },\n}));\n\nexport const HelpButton = ({ onClick }) => (\n <StyledIconButton onClick={onClick} size=\"large\">\n <HelpIcon />\n </StyledIconButton>\n);\n\nHelpButton.propTypes = {\n onClick: PropTypes.func,\n};\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n <Dialog open={open} onClose={onClose}>\n <DialogTitle>{title}</DialogTitle>\n <DialogContent>\n <DialogContentText>{children}</DialogContentText>\n </DialogContent>\n <DialogActions>\n <Button onClick={onClose} color=\"primary\">\n OK\n </Button>\n </DialogActions>\n </Dialog>\n);\n\nHelpDialog.propTypes = {\n open: PropTypes.bool,\n onClose: PropTypes.func,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n title: PropTypes.string.isRequired,\n};\n\nclass Help extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n title: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n };\n }\n\n render() {\n const { children, title } = this.props;\n\n return (\n <div>\n <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n\n <HelpDialog open={this.state.open} title={title} onClose={() => this.setState({ open: false })}>\n {children}\n </HelpDialog>\n </div>\n );\n }\n}\n\nexport default Help;\n"],"mappings":"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","ignoreList":[]}
|