@pie-lib/config-ui 10.10.19 → 10.10.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/lib/checkbox.js +2 -2
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +25 -21
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +44 -42
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +4 -4
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +26 -24
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +3 -3
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +29 -24
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +2 -2
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +22 -18
- package/lib/help.js.map +1 -1
- package/lib/index.js +53 -48
- package/lib/index.js.map +1 -1
- package/lib/input.js +23 -15
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +9 -9
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +25 -21
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +19 -15
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/layout-contents.js +22 -18
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +17 -13
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +1 -1
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field.js +17 -13
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +2 -2
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +6 -6
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +12 -8
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +42 -38
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +2 -2
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +3 -3
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +19 -15
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +20 -16
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +23 -21
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +16 -12
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
|
-
exports["default"] = exports.
|
|
8
|
+
exports["default"] = exports.FeedbackType = exports.FeedbackSelector = void 0;
|
|
7
9
|
|
|
8
10
|
var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
|
|
9
11
|
|
|
@@ -19,27 +21,29 @@ var _group = _interopRequireDefault(require("./group"));
|
|
|
19
21
|
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
23
|
|
|
22
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
23
|
-
|
|
24
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
25
|
|
|
26
26
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
27
27
|
|
|
28
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
28
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
29
29
|
|
|
30
|
-
function
|
|
30
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
31
|
|
|
32
|
-
function
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
|
+
|
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
|
+
|
|
36
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
33
37
|
|
|
34
38
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
35
39
|
|
|
36
|
-
function
|
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
41
|
|
|
38
|
-
function
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
43
|
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
44
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
41
45
|
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
46
|
+
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) { _defineProperty(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; }
|
|
43
47
|
|
|
44
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; }
|
|
45
49
|
|
|
@@ -96,14 +100,12 @@ var FeedbackType = {
|
|
|
96
100
|
};
|
|
97
101
|
exports.FeedbackType = FeedbackType;
|
|
98
102
|
|
|
99
|
-
var FeedbackSelector =
|
|
100
|
-
/*#__PURE__*/
|
|
101
|
-
function (_React$Component) {
|
|
103
|
+
var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
|
|
102
104
|
_inherits(FeedbackSelector, _React$Component);
|
|
103
105
|
|
|
104
|
-
|
|
105
|
-
var _getPrototypeOf2;
|
|
106
|
+
var _super = _createSuper(FeedbackSelector);
|
|
106
107
|
|
|
108
|
+
function FeedbackSelector() {
|
|
107
109
|
var _this;
|
|
108
110
|
|
|
109
111
|
_classCallCheck(this, FeedbackSelector);
|
|
@@ -112,13 +114,13 @@ function (_React$Component) {
|
|
|
112
114
|
args[_key] = arguments[_key];
|
|
113
115
|
}
|
|
114
116
|
|
|
115
|
-
_this =
|
|
117
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
116
118
|
|
|
117
119
|
_defineProperty(_assertThisInitialized(_this), "changeType", function (type) {
|
|
118
120
|
var _this$props = _this.props,
|
|
119
121
|
onChange = _this$props.onChange,
|
|
120
122
|
feedback = _this$props.feedback;
|
|
121
|
-
onChange(_objectSpread({}, feedback, {
|
|
123
|
+
onChange(_objectSpread(_objectSpread({}, feedback), {}, {
|
|
122
124
|
type: type
|
|
123
125
|
}));
|
|
124
126
|
});
|
|
@@ -127,7 +129,7 @@ function (_React$Component) {
|
|
|
127
129
|
var _this$props2 = _this.props,
|
|
128
130
|
onChange = _this$props2.onChange,
|
|
129
131
|
feedback = _this$props2.feedback;
|
|
130
|
-
onChange(_objectSpread({}, feedback, {
|
|
132
|
+
onChange(_objectSpread(_objectSpread({}, feedback), {}, {
|
|
131
133
|
type: 'custom',
|
|
132
134
|
custom: custom
|
|
133
135
|
}));
|
|
@@ -146,29 +148,29 @@ function (_React$Component) {
|
|
|
146
148
|
feedback = _this$props3.feedback,
|
|
147
149
|
toolbarOpts = _this$props3.toolbarOpts;
|
|
148
150
|
var feedbackKeys = keys || Object.keys(feedbackLabels);
|
|
149
|
-
return _react["default"].createElement("div", {
|
|
151
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
152
|
className: classes.feedbackSelector
|
|
151
|
-
}, _react["default"].createElement(_renderUi.InputContainer, {
|
|
153
|
+
}, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
152
154
|
label: label,
|
|
153
155
|
className: classes.feedbackInputContainer,
|
|
154
156
|
extraClasses: {
|
|
155
157
|
label: classes.inputContainerLabel
|
|
156
158
|
}
|
|
157
|
-
}, _react["default"].createElement(_group["default"], {
|
|
159
|
+
}, /*#__PURE__*/_react["default"].createElement(_group["default"], {
|
|
158
160
|
className: classes.group,
|
|
159
161
|
keys: feedbackKeys,
|
|
160
162
|
label: label,
|
|
161
163
|
value: feedback.type,
|
|
162
164
|
onChange: this.changeType,
|
|
163
165
|
feedbackLabels: feedbackLabels
|
|
164
|
-
})), feedback.type === 'custom' && _react["default"].createElement("div", {
|
|
166
|
+
})), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
165
167
|
className: classes.customHolder
|
|
166
|
-
}, _react["default"].createElement(_editableHtml["default"], {
|
|
168
|
+
}, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
|
|
167
169
|
className: classes.editor,
|
|
168
170
|
onChange: this.changeCustom,
|
|
169
171
|
markup: feedback.custom || '',
|
|
170
172
|
toolbarOpts: toolbarOpts
|
|
171
|
-
})), feedback.type === 'default' && _react["default"].createElement("div", {
|
|
173
|
+
})), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
172
174
|
className: classes.defaultHolder
|
|
173
175
|
}, " ", feedback["default"]));
|
|
174
176
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/feedback-config/feedback-selector.jsx"],"names":["feedbackLabels","none","custom","holder","theme","extras","marginTop","background","padding","spacing","unit","marginBottom","style","feedbackSelector","label","cursor","inputContainerLabel","transform","feedbackInputContainer","paddingBottom","customHolder","defaultHolder","fontFamily","typography","editor","group","paddingTop","FeedbackType","type","PropTypes","oneOf","string","FeedbackSelector","props","onChange","feedback","keys","classes","toolbarOpts","feedbackKeys","Object","changeType","changeCustom","React","Component","arrayOf","object","isRequired","shape","func"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/feedback-config/feedback-selector.jsx"],"names":["feedbackLabels","none","custom","holder","theme","extras","marginTop","background","padding","spacing","unit","marginBottom","style","feedbackSelector","label","cursor","inputContainerLabel","transform","feedbackInputContainer","paddingBottom","customHolder","defaultHolder","fontFamily","typography","editor","group","paddingTop","FeedbackType","type","PropTypes","oneOf","string","FeedbackSelector","props","onChange","feedback","keys","classes","toolbarOpts","feedbackKeys","Object","changeType","changeCustom","React","Component","arrayOf","object","isRequired","shape","func"],"mappings":"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","sourcesContent":["import EditableHTML from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Group from './group';\n\nconst feedbackLabels = {\n default: 'Simple Feedback',\n none: 'No Feedback',\n custom: 'Customized Feedback'\n};\n\nconst holder = (theme, extras) => ({\n marginTop: '0px',\n background: '#e0dee0',\n padding: theme.spacing.unit * 0.9,\n marginBottom: theme.spacing.unit * 2,\n ...extras\n});\n\nconst style = theme => ({\n feedbackSelector: {\n marginBottom: theme.spacing.unit\n },\n label: {\n cursor: 'pointer'\n },\n inputContainerLabel: {\n transform: 'translateY(-20%)'\n },\n feedbackInputContainer: {\n paddingBottom: 0\n },\n customHolder: holder(theme, {\n background: '#e0dee0',\n padding: 0\n }),\n defaultHolder: holder(theme, {\n fontFamily: theme.typography.fontFamily,\n cursor: 'default'\n }),\n editor: {\n fontFamily: theme.typography.fontFamily\n },\n group: {\n paddingTop: theme.spacing.unit\n }\n});\n\nexport const FeedbackType = {\n type: PropTypes.oneOf(['default', 'custom', 'none']),\n default: PropTypes.string,\n custom: PropTypes.string\n};\n\nexport class FeedbackSelector extends React.Component {\n static propTypes = {\n keys: PropTypes.arrayOf(PropTypes.string),\n classes: PropTypes.object.isRequired,\n label: PropTypes.string.isRequired,\n feedback: PropTypes.shape(FeedbackType).isRequired,\n onChange: PropTypes.func.isRequired,\n toolbarOpts: PropTypes.object\n };\n\n changeType = type => {\n const { onChange, feedback } = this.props;\n onChange({ ...feedback, type });\n };\n\n changeCustom = custom => {\n const { onChange, feedback } = this.props;\n onChange({ ...feedback, type: 'custom', custom });\n };\n\n render() {\n const { keys, classes, label, feedback, toolbarOpts } = this.props;\n\n const feedbackKeys = keys || Object.keys(feedbackLabels);\n\n return (\n <div className={classes.feedbackSelector}>\n <InputContainer\n label={label}\n className={classes.feedbackInputContainer}\n extraClasses={{ label: classes.inputContainerLabel }}\n >\n <Group\n className={classes.group}\n keys={feedbackKeys}\n label={label}\n value={feedback.type}\n onChange={this.changeType}\n feedbackLabels={feedbackLabels}\n />\n </InputContainer>\n {feedback.type === 'custom' && (\n <div className={classes.customHolder}>\n <EditableHTML\n className={classes.editor}\n onChange={this.changeCustom}\n markup={feedback.custom || ''}\n toolbarOpts={toolbarOpts}\n />\n </div>\n )}\n {feedback.type === 'default' && (\n <div className={classes.defaultHolder}> {feedback.default}</div>\n )}\n </div>\n );\n }\n}\n\nexport default withStyles(style)(FeedbackSelector);\n"],"file":"feedback-selector.js"}
|
|
@@ -40,13 +40,13 @@ var Group = function Group(props) {
|
|
|
40
40
|
className = props.className,
|
|
41
41
|
_onChange = props.onChange,
|
|
42
42
|
keys = props.keys;
|
|
43
|
-
return _react["default"].createElement("div", {
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
44
|
className: (0, _classnames["default"])(classes.choiceHolder, className)
|
|
45
45
|
}, keys.map(function (key) {
|
|
46
|
-
return _react["default"].createElement("div", {
|
|
46
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
47
47
|
className: classes.choice,
|
|
48
48
|
key: key
|
|
49
|
-
}, _react["default"].createElement(_radioWithLabel["default"], {
|
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement(_radioWithLabel["default"], {
|
|
50
50
|
value: key,
|
|
51
51
|
checked: value === key,
|
|
52
52
|
classes: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/feedback-config/group.jsx"],"names":["styles","radioLabel","fontSize","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE;AADA,KADQ;AAIpBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,UAAU,EAAE;AAFN,KAJY;AAQpBC,IAAAA,YAAY,EAAE;AACZF,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE;AAFA;AARM,GAAP;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;
|
|
1
|
+
{"version":3,"sources":["../../src/feedback-config/group.jsx"],"names":["styles","radioLabel","fontSize","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE;AADA,KADQ;AAIpBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,UAAU,EAAE;AAFN,KAJY;AAQpBC,IAAAA,YAAY,EAAE;AACZF,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE;AAFA;AARM,GAAP;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AACrB,MAAQC,cAAR,GAAsED,KAAtE,CAAQC,cAAR;AAAA,MAAwBC,KAAxB,GAAsEF,KAAtE,CAAwBE,KAAxB;AAAA,MAA+BC,OAA/B,GAAsEH,KAAtE,CAA+BG,OAA/B;AAAA,MAAwCC,SAAxC,GAAsEJ,KAAtE,CAAwCI,SAAxC;AAAA,MAAmDC,SAAnD,GAAsEL,KAAtE,CAAmDK,QAAnD;AAAA,MAA6DC,IAA7D,GAAsEN,KAAtE,CAA6DM,IAA7D;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE,4BAAWH,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;AAAhB,KACGE,IAAI,CAACC,GAAL,CAAS,UAAAC,GAAG,EAAI;AACf,wBACE;AAAK,MAAA,SAAS,EAAEL,OAAO,CAACR,MAAxB;AAAgC,MAAA,GAAG,EAAEa;AAArC,oBACE,gCAAC,0BAAD;AACE,MAAA,KAAK,EAAEA,GADT;AAEE,MAAA,OAAO,EAAEN,KAAK,KAAKM,GAFrB;AAGE,MAAA,OAAO,EAAE;AACPC,QAAAA,KAAK,EAAEN,OAAO,CAACV;AADR,OAHX;AAME,MAAA,QAAQ,EAAE,kBAAAiB,CAAC;AAAA,eAAIL,SAAQ,CAACK,CAAC,CAACC,aAAF,CAAgBT,KAAjB,CAAZ;AAAA,OANb;AAOE,MAAA,KAAK,EAAED,cAAc,CAACO,GAAD;AAPvB,MADF,CADF;AAaD,GAdA,CADH,CADF;AAmBD,CAtBD;;AAwBAT,KAAK,CAACa,SAAN,GAAkB;AAChBR,EAAAA,SAAS,EAAES,sBAAUC,MADL;AAEhBb,EAAAA,cAAc,EAAEY,sBAAUE,MAAV,CAAiBC,UAFjB;AAGhBd,EAAAA,KAAK,EAAEW,sBAAUC,MAAV,CAAiBE,UAHR;AAIhBb,EAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC,UAJV;AAKhBV,EAAAA,IAAI,EAAEO,sBAAUI,OAAV,CAAkBJ,sBAAUC,MAA5B,CALU;AAMhBT,EAAAA,QAAQ,EAAEQ,sBAAUK;AANJ,CAAlB;;eASe,wBAAW1B,MAAX,EAAmBO,KAAnB,C","sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nconst styles = () => ({\n radioLabel: {\n fontSize: '12px'\n },\n choice: {\n display: 'flex',\n alignItems: 'center'\n },\n choiceHolder: {\n display: 'flex',\n alignItems: 'center'\n }\n});\n\nconst Group = props => {\n const { feedbackLabels, value, classes, className, onChange, keys } = props;\n\n return (\n <div className={classNames(classes.choiceHolder, className)}>\n {keys.map(key => {\n return (\n <div className={classes.choice} key={key}>\n <RadioWithLabel\n value={key}\n checked={value === key}\n classes={{\n label: classes.radioLabel\n }}\n onChange={e => onChange(e.currentTarget.value)}\n label={feedbackLabels[key]}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nGroup.propTypes = {\n className: PropTypes.string,\n feedbackLabels: PropTypes.object.isRequired,\n value: PropTypes.string.isRequired,\n classes: PropTypes.object.isRequired,\n keys: PropTypes.arrayOf(PropTypes.string),\n onChange: PropTypes.func\n};\n\nexport default withStyles(styles)(Group);\n"],"file":"group.js"}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
8
|
+
exports.FeedbackConfig = void 0;
|
|
6
9
|
Object.defineProperty(exports, "FeedbackSelector", {
|
|
7
10
|
enumerable: true,
|
|
8
11
|
get: function get() {
|
|
9
12
|
return _feedbackSelector["default"];
|
|
10
13
|
}
|
|
11
14
|
});
|
|
12
|
-
exports["default"] = exports.
|
|
15
|
+
exports["default"] = exports.buildDefaults = void 0;
|
|
13
16
|
|
|
14
17
|
var _feedbackSelector = _interopRequireWildcard(require("./feedback-selector"));
|
|
15
18
|
|
|
@@ -33,29 +36,33 @@ var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
|
33
36
|
|
|
34
37
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
35
38
|
|
|
36
|
-
function
|
|
39
|
+
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); }
|
|
37
40
|
|
|
38
|
-
function
|
|
41
|
+
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; }
|
|
39
42
|
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
43
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
41
44
|
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
45
|
+
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) { _defineProperty(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; }
|
|
43
46
|
|
|
44
47
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
45
48
|
|
|
46
49
|
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); } }
|
|
47
50
|
|
|
48
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
51
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
49
52
|
|
|
50
|
-
function
|
|
53
|
+
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); }
|
|
51
54
|
|
|
52
|
-
function
|
|
55
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
56
|
+
|
|
57
|
+
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); }; }
|
|
58
|
+
|
|
59
|
+
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); }
|
|
53
60
|
|
|
54
61
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
55
62
|
|
|
56
|
-
function
|
|
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; } }
|
|
57
64
|
|
|
58
|
-
function
|
|
65
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
59
66
|
|
|
60
67
|
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; }
|
|
61
68
|
|
|
@@ -85,14 +92,12 @@ var buildDefaults = function buildDefaults(input) {
|
|
|
85
92
|
|
|
86
93
|
exports.buildDefaults = buildDefaults;
|
|
87
94
|
|
|
88
|
-
var FeedbackConfig =
|
|
89
|
-
/*#__PURE__*/
|
|
90
|
-
function (_React$Component) {
|
|
95
|
+
var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
|
|
91
96
|
_inherits(FeedbackConfig, _React$Component);
|
|
92
97
|
|
|
93
|
-
|
|
94
|
-
var _getPrototypeOf2;
|
|
98
|
+
var _super = _createSuper(FeedbackConfig);
|
|
95
99
|
|
|
100
|
+
function FeedbackConfig() {
|
|
96
101
|
var _this;
|
|
97
102
|
|
|
98
103
|
_classCallCheck(this, FeedbackConfig);
|
|
@@ -101,7 +106,7 @@ function (_React$Component) {
|
|
|
101
106
|
args[_key] = arguments[_key];
|
|
102
107
|
}
|
|
103
108
|
|
|
104
|
-
_this =
|
|
109
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
105
110
|
|
|
106
111
|
_defineProperty(_assertThisInitialized(_this), "onCorrectChange", _this.onChange.bind(_assertThisInitialized(_this), 'correct'));
|
|
107
112
|
|
|
@@ -119,7 +124,7 @@ function (_React$Component) {
|
|
|
119
124
|
feedback = _this$props.feedback,
|
|
120
125
|
onChange = _this$props.onChange;
|
|
121
126
|
|
|
122
|
-
var update = _objectSpread({}, feedback, _defineProperty({}, key, config));
|
|
127
|
+
var update = _objectSpread(_objectSpread({}, feedback), {}, _defineProperty({}, key, config));
|
|
123
128
|
|
|
124
129
|
onChange(update);
|
|
125
130
|
}
|
|
@@ -131,23 +136,23 @@ function (_React$Component) {
|
|
|
131
136
|
allowPartial = _this$props2.allowPartial,
|
|
132
137
|
feedback = _this$props2.feedback,
|
|
133
138
|
toolbarOpts = _this$props2.toolbarOpts;
|
|
134
|
-
return _react["default"].createElement(_ExpansionPanel["default"], null, _react["default"].createElement(_ExpansionPanelSummary["default"], {
|
|
135
|
-
expandIcon: _react["default"].createElement(_ExpandMore["default"], null)
|
|
136
|
-
}, _react["default"].createElement(_Typography["default"], {
|
|
139
|
+
return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
|
|
140
|
+
expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
|
|
141
|
+
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
137
142
|
className: classes.heading
|
|
138
|
-
}, "Feedback")), _react["default"].createElement(_ExpansionPanelDetails["default"], null, _react["default"].createElement("div", {
|
|
143
|
+
}, "Feedback")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
139
144
|
className: classes.feedbackContainer
|
|
140
|
-
}, _react["default"].createElement(_feedbackSelector["default"], {
|
|
145
|
+
}, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
141
146
|
label: "If correct, show",
|
|
142
147
|
feedback: feedback.correct,
|
|
143
148
|
onChange: this.onCorrectChange,
|
|
144
149
|
toolbarOpts: toolbarOpts
|
|
145
|
-
}), allowPartial && _react["default"].createElement(_feedbackSelector["default"], {
|
|
150
|
+
}), allowPartial && /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
146
151
|
label: "If partially correct, show",
|
|
147
152
|
feedback: feedback.partial,
|
|
148
153
|
onChange: this.onPartialChange,
|
|
149
154
|
toolbarOpts: toolbarOpts
|
|
150
|
-
}), _react["default"].createElement(_feedbackSelector["default"], {
|
|
155
|
+
}), /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
151
156
|
label: "If incorrect, show",
|
|
152
157
|
feedback: feedback.incorrect,
|
|
153
158
|
onChange: this.onIncorrectChange,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/feedback-config/index.jsx"],"names":["style","feedbackContainer","display","flexDirection","buildDefaults","input","correct","type","incorrect","partial","FeedbackConfig","onChange","bind","key","config","props","feedback","update","classes","allowPartial","toolbarOpts","heading","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","shape","FeedbackType","func","isRequired","object"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/feedback-config/index.jsx"],"names":["style","feedbackContainer","display","flexDirection","buildDefaults","input","correct","type","incorrect","partial","FeedbackConfig","onChange","bind","key","config","props","feedback","update","classes","allowPartial","toolbarOpts","heading","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","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 flexDirection: 'column'\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 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 onChange(update);\n }\n\n onCorrectChange = this.onChange.bind(this, 'correct');\n onIncorrectChange = this.onChange.bind(this, 'incorrect');\n onPartialChange = this.onChange.bind(this, 'partial');\n\n render() {\n const { classes, allowPartial, feedback, toolbarOpts } = this.props;\n\n return (\n <ExpansionPanel>\n <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n <Typography className={classes.heading}>Feedback</Typography>\n </ExpansionPanelSummary>\n <ExpansionPanelDetails>\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 {allowPartial && (\n <FeedbackSelector\n label=\"If partially correct, show\"\n feedback={feedback.partial}\n onChange={this.onPartialChange}\n toolbarOpts={toolbarOpts}\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 );\n }\n}\n\nexport default withStyles(style)(FeedbackConfig);\n"],"file":"index.js"}
|
package/lib/form-section.js
CHANGED
|
@@ -32,9 +32,9 @@ var _default = (0, _styles.withStyles)(styles)(function (_ref) {
|
|
|
32
32
|
classes = _ref.classes,
|
|
33
33
|
label = _ref.label,
|
|
34
34
|
children = _ref.children;
|
|
35
|
-
return _react["default"].createElement("div", {
|
|
35
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
36
|
className: (0, _classnames["default"])(classes.formSection, className)
|
|
37
|
-
}, _react["default"].createElement(_Typography["default"], {
|
|
37
|
+
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
38
38
|
className: classes.label,
|
|
39
39
|
type: "subheading"
|
|
40
40
|
}, label), children);
|
package/lib/form-section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/form-section.jsx"],"names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","className","classes","children"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADrB;AAEXC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AAFxB,KADU;AAKvBE,IAAAA,KAAK,EAAE;AACLD,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC;AADvB;AALgB,GAAL;AAAA,CAApB;;eAUe,wBAAWL,MAAX,EAAmB;AAAA,MAAGQ,SAAH,QAAGA,SAAH;AAAA,MAAcC,OAAd,QAAcA,OAAd;AAAA,MAAuBF,KAAvB,QAAuBA,KAAvB;AAAA,MAA8BG,QAA9B,QAA8BA,QAA9B;AAAA,
|
|
1
|
+
{"version":3,"sources":["../src/form-section.jsx"],"names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","className","classes","children"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADrB;AAEXC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AAFxB,KADU;AAKvBE,IAAAA,KAAK,EAAE;AACLD,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC;AADvB;AALgB,GAAL;AAAA,CAApB;;eAUe,wBAAWL,MAAX,EAAmB;AAAA,MAAGQ,SAAH,QAAGA,SAAH;AAAA,MAAcC,OAAd,QAAcA,OAAd;AAAA,MAAuBF,KAAvB,QAAuBA,KAAvB;AAAA,MAA8BG,QAA9B,QAA8BA,QAA9B;AAAA,sBAChC;AAAK,IAAA,SAAS,EAAE,4BAAWD,OAAO,CAACP,WAAnB,EAAgCM,SAAhC;AAAhB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEC,OAAO,CAACF,KAA/B;AAAsC,IAAA,IAAI,EAAC;AAA3C,KACGA,KADH,CADF,EAIGG,QAJH,CADgC;AAAA,CAAnB,C","sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme => ({\n formSection: {\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2\n },\n label: {\n marginBottom: theme.spacing.unit\n }\n});\n\nexport default withStyles(styles)(({ className, classes, label, children }) => (\n <div className={classNames(classes.formSection, className)}>\n <Typography className={classes.label} type=\"subheading\">\n {label}\n </Typography>\n {children}\n </div>\n));\n"],"file":"form-section.js"}
|
package/lib/help.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -29,35 +31,37 @@ var _styles = require("@material-ui/core/styles");
|
|
|
29
31
|
|
|
30
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
33
|
|
|
32
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
33
|
-
|
|
34
34
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
35
35
|
|
|
36
36
|
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); } }
|
|
37
37
|
|
|
38
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
38
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
39
39
|
|
|
40
|
-
function
|
|
40
|
+
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); }
|
|
41
41
|
|
|
42
|
-
function
|
|
42
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
43
43
|
|
|
44
|
-
function
|
|
44
|
+
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); }; }
|
|
45
45
|
|
|
46
|
-
function
|
|
46
|
+
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); }
|
|
47
47
|
|
|
48
|
-
function
|
|
48
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
49
|
+
|
|
50
|
+
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; } }
|
|
51
|
+
|
|
52
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
49
53
|
|
|
50
54
|
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; }
|
|
51
55
|
|
|
52
56
|
var RawHelpButton = function RawHelpButton(_ref) {
|
|
53
57
|
var onClick = _ref.onClick,
|
|
54
58
|
classes = _ref.classes;
|
|
55
|
-
return _react["default"].createElement(_IconButton["default"], {
|
|
59
|
+
return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
56
60
|
classes: {
|
|
57
61
|
label: classes.icon
|
|
58
62
|
},
|
|
59
63
|
onClick: onClick
|
|
60
|
-
}, _react["default"].createElement(_Help["default"], null));
|
|
64
|
+
}, /*#__PURE__*/_react["default"].createElement(_Help["default"], null));
|
|
61
65
|
};
|
|
62
66
|
|
|
63
67
|
RawHelpButton.propTypes = {
|
|
@@ -78,10 +82,10 @@ var HelpDialog = function HelpDialog(_ref2) {
|
|
|
78
82
|
onClose = _ref2.onClose,
|
|
79
83
|
children = _ref2.children,
|
|
80
84
|
title = _ref2.title;
|
|
81
|
-
return _react["default"].createElement(_Dialog["default"], {
|
|
85
|
+
return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
82
86
|
open: open,
|
|
83
87
|
onRequestClose: onClose
|
|
84
|
-
}, _react["default"].createElement(_DialogTitle["default"], null, title), _react["default"].createElement(_DialogContent["default"], null, _react["default"].createElement(_DialogContentText["default"], null, children)), _react["default"].createElement(_DialogActions["default"], null, _react["default"].createElement(_Button["default"], {
|
|
88
|
+
}, /*#__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"], {
|
|
85
89
|
onClick: onClose,
|
|
86
90
|
color: "primary"
|
|
87
91
|
}, "OK")));
|
|
@@ -95,17 +99,17 @@ HelpDialog.propTypes = {
|
|
|
95
99
|
title: _propTypes["default"].string.isRequired
|
|
96
100
|
};
|
|
97
101
|
|
|
98
|
-
var Help =
|
|
99
|
-
/*#__PURE__*/
|
|
100
|
-
function (_React$Component) {
|
|
102
|
+
var Help = /*#__PURE__*/function (_React$Component) {
|
|
101
103
|
_inherits(Help, _React$Component);
|
|
102
104
|
|
|
105
|
+
var _super = _createSuper(Help);
|
|
106
|
+
|
|
103
107
|
function Help(props) {
|
|
104
108
|
var _this;
|
|
105
109
|
|
|
106
110
|
_classCallCheck(this, Help);
|
|
107
111
|
|
|
108
|
-
_this =
|
|
112
|
+
_this = _super.call(this, props);
|
|
109
113
|
_this.state = {
|
|
110
114
|
open: false
|
|
111
115
|
};
|
|
@@ -120,14 +124,14 @@ function (_React$Component) {
|
|
|
120
124
|
var _this$props = this.props,
|
|
121
125
|
children = _this$props.children,
|
|
122
126
|
title = _this$props.title;
|
|
123
|
-
return _react["default"].createElement("div", null, _react["default"].createElement(HelpButton, {
|
|
127
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(HelpButton, {
|
|
124
128
|
color: "accent",
|
|
125
129
|
onClick: function onClick() {
|
|
126
130
|
return _this2.setState({
|
|
127
131
|
open: true
|
|
128
132
|
});
|
|
129
133
|
}
|
|
130
|
-
}), _react["default"].createElement(HelpDialog, {
|
|
134
|
+
}), /*#__PURE__*/_react["default"].createElement(HelpDialog, {
|
|
131
135
|
open: this.state.open,
|
|
132
136
|
title: title,
|
|
133
137
|
onClose: function onClose() {
|
package/lib/help.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","color","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/help.jsx"],"names":["RawHelpButton","onClick","classes","label","icon","propTypes","PropTypes","func","object","isRequired","HelpButton","color","HelpDialog","open","onClose","children","title","bool","oneOfType","arrayOf","node","string","Help","props","state","setState","React","Component"],"mappings":"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","sourcesContent":["import Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport PropTypes from 'prop-types';\n\nimport Button from '@material-ui/core/Button';\nimport HelpIcon from '@material-ui/icons/Help';\nimport IconButton from '@material-ui/core/IconButton';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst RawHelpButton = ({ onClick, classes }) => (\n <IconButton\n classes={{\n label: classes.icon\n }}\n onClick={onClick}\n >\n <HelpIcon />\n </IconButton>\n);\nRawHelpButton.propTypes = {\n onClick: PropTypes.func,\n classes: PropTypes.object.isRequired\n};\n\nexport const HelpButton = withStyles({\n icon: {\n '&:hover': {\n color: '#ddd'\n }\n }\n})(RawHelpButton);\n\nexport const HelpDialog = ({ open, onClose, children, title }) => (\n <Dialog open={open} onRequestClose={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 return (\n <div>\n <HelpButton color=\"accent\" onClick={() => this.setState({ open: true })} />\n <HelpDialog\n open={this.state.open}\n title={title}\n onClose={() => this.setState({ open: false })}\n >\n {children}\n </HelpDialog>\n </div>\n );\n }\n}\n\nexport default Help;\n"],"file":"help.js"}
|