@pie-lib/config-ui 10.10.4-next.45 → 10.10.4-next.450
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 +256 -0
- package/lib/alert-dialog.js +44 -0
- package/lib/alert-dialog.js.map +1 -0
- package/lib/checkbox.js +4 -4
- package/lib/checkbox.js.map +1 -1
- package/lib/choice-configuration/feedback-menu.js +41 -53
- package/lib/choice-configuration/feedback-menu.js.map +1 -1
- package/lib/choice-configuration/index.js +88 -81
- package/lib/choice-configuration/index.js.map +1 -1
- package/lib/choice-utils.js +8 -8
- package/lib/choice-utils.js.map +1 -1
- package/lib/feedback-config/feedback-selector.js +38 -47
- package/lib/feedback-config/feedback-selector.js.map +1 -1
- package/lib/feedback-config/group.js +5 -5
- package/lib/feedback-config/group.js.map +1 -1
- package/lib/feedback-config/index.js +46 -52
- package/lib/feedback-config/index.js.map +1 -1
- package/lib/form-section.js +8 -6
- package/lib/form-section.js.map +1 -1
- package/lib/help.js +30 -37
- package/lib/help.js.map +1 -1
- package/lib/index.js +66 -45
- package/lib/index.js.map +1 -1
- package/lib/input.js +35 -40
- package/lib/input.js.map +1 -1
- package/lib/inputs.js +28 -17
- package/lib/inputs.js.map +1 -1
- package/lib/langs.js +37 -45
- package/lib/langs.js.map +1 -1
- package/lib/layout/config-layout.js +29 -37
- package/lib/layout/config-layout.js.map +1 -1
- package/lib/layout/index.js +2 -2
- package/lib/layout/index.js.map +1 -1
- package/lib/layout/layout-contents.js +28 -34
- package/lib/layout/layout-contents.js.map +1 -1
- package/lib/layout/settings-box.js +23 -31
- package/lib/layout/settings-box.js.map +1 -1
- package/lib/mui-box/index.js +3 -3
- package/lib/mui-box/index.js.map +1 -1
- package/lib/number-text-field-custom.js +364 -0
- package/lib/number-text-field-custom.js.map +1 -0
- package/lib/number-text-field.js +33 -42
- package/lib/number-text-field.js.map +1 -1
- package/lib/radio-with-label.js +4 -4
- package/lib/radio-with-label.js.map +1 -1
- package/lib/settings/display-size.js +10 -10
- package/lib/settings/display-size.js.map +1 -1
- package/lib/settings/index.js +11 -17
- package/lib/settings/index.js.map +1 -1
- package/lib/settings/panel.js +58 -68
- package/lib/settings/panel.js.map +1 -1
- package/lib/settings/settings-radio-label.js +4 -4
- package/lib/settings/settings-radio-label.js.map +1 -1
- package/lib/settings/toggle.js +5 -5
- package/lib/settings/toggle.js.map +1 -1
- package/lib/tabs/index.js +28 -35
- package/lib/tabs/index.js.map +1 -1
- package/lib/tags-input/index.js +32 -40
- package/lib/tags-input/index.js.map +1 -1
- package/lib/two-choice.js +38 -48
- package/lib/two-choice.js.map +1 -1
- package/lib/with-stateful-model.js +23 -30
- package/lib/with-stateful-model.js.map +1 -1
- package/package.json +4 -4
- package/src/alert-dialog.jsx +43 -0
- package/src/choice-configuration/index.jsx +30 -11
- package/src/form-section.jsx +2 -2
- package/src/index.js +4 -0
- package/src/inputs.jsx +13 -5
- package/src/number-text-field-custom.jsx +276 -0
|
@@ -1,47 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
|
-
exports["default"] = exports.
|
|
8
|
+
exports["default"] = exports.FeedbackType = exports.FeedbackSelector = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
11
|
|
|
10
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
15
|
|
|
14
|
-
var
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
17
|
|
|
16
|
-
var
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
19
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
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); }
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
26
|
-
|
|
24
|
+
var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
|
|
27
25
|
|
|
28
|
-
|
|
26
|
+
var _renderUi = require("@pie-lib/render-ui");
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
29
|
|
|
32
|
-
|
|
30
|
+
var _react = _interopRequireDefault(require("react"));
|
|
33
31
|
|
|
34
|
-
|
|
32
|
+
var _styles = require("@material-ui/core/styles");
|
|
35
33
|
|
|
36
|
-
|
|
34
|
+
var _group = _interopRequireDefault(require("./group"));
|
|
37
35
|
|
|
38
|
-
function
|
|
36
|
+
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); }; }
|
|
39
37
|
|
|
40
|
-
function
|
|
38
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
39
|
|
|
42
|
-
function
|
|
40
|
+
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; }
|
|
43
41
|
|
|
44
|
-
function
|
|
42
|
+
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; }
|
|
45
43
|
|
|
46
44
|
var feedbackLabels = {
|
|
47
45
|
"default": 'Simple Feedback',
|
|
@@ -96,47 +94,42 @@ var FeedbackType = {
|
|
|
96
94
|
};
|
|
97
95
|
exports.FeedbackType = FeedbackType;
|
|
98
96
|
|
|
99
|
-
var FeedbackSelector =
|
|
100
|
-
|
|
101
|
-
function (_React$Component) {
|
|
102
|
-
_inherits(FeedbackSelector, _React$Component);
|
|
97
|
+
var FeedbackSelector = /*#__PURE__*/function (_React$Component) {
|
|
98
|
+
(0, _inherits2["default"])(FeedbackSelector, _React$Component);
|
|
103
99
|
|
|
104
|
-
|
|
105
|
-
var _getPrototypeOf2;
|
|
100
|
+
var _super = _createSuper(FeedbackSelector);
|
|
106
101
|
|
|
102
|
+
function FeedbackSelector() {
|
|
107
103
|
var _this;
|
|
108
104
|
|
|
109
|
-
|
|
105
|
+
(0, _classCallCheck2["default"])(this, FeedbackSelector);
|
|
110
106
|
|
|
111
107
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
112
108
|
args[_key] = arguments[_key];
|
|
113
109
|
}
|
|
114
110
|
|
|
115
|
-
_this =
|
|
116
|
-
|
|
117
|
-
_defineProperty(_assertThisInitialized(_this), "changeType", function (type) {
|
|
111
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
112
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeType", function (type) {
|
|
118
113
|
var _this$props = _this.props,
|
|
119
114
|
onChange = _this$props.onChange,
|
|
120
115
|
feedback = _this$props.feedback;
|
|
121
|
-
onChange(_objectSpread({}, feedback, {
|
|
116
|
+
onChange(_objectSpread(_objectSpread({}, feedback), {}, {
|
|
122
117
|
type: type
|
|
123
118
|
}));
|
|
124
119
|
});
|
|
125
|
-
|
|
126
|
-
_defineProperty(_assertThisInitialized(_this), "changeCustom", function (custom) {
|
|
120
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCustom", function (custom) {
|
|
127
121
|
var _this$props2 = _this.props,
|
|
128
122
|
onChange = _this$props2.onChange,
|
|
129
123
|
feedback = _this$props2.feedback;
|
|
130
|
-
onChange(_objectSpread({}, feedback, {
|
|
124
|
+
onChange(_objectSpread(_objectSpread({}, feedback), {}, {
|
|
131
125
|
type: 'custom',
|
|
132
126
|
custom: custom
|
|
133
127
|
}));
|
|
134
128
|
});
|
|
135
|
-
|
|
136
129
|
return _this;
|
|
137
130
|
}
|
|
138
131
|
|
|
139
|
-
|
|
132
|
+
(0, _createClass2["default"])(FeedbackSelector, [{
|
|
140
133
|
key: "render",
|
|
141
134
|
value: function render() {
|
|
142
135
|
var _this$props3 = this.props,
|
|
@@ -146,40 +139,38 @@ function (_React$Component) {
|
|
|
146
139
|
feedback = _this$props3.feedback,
|
|
147
140
|
toolbarOpts = _this$props3.toolbarOpts;
|
|
148
141
|
var feedbackKeys = keys || Object.keys(feedbackLabels);
|
|
149
|
-
return _react["default"].createElement("div", {
|
|
142
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
143
|
className: classes.feedbackSelector
|
|
151
|
-
}, _react["default"].createElement(_renderUi.InputContainer, {
|
|
144
|
+
}, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
|
|
152
145
|
label: label,
|
|
153
146
|
className: classes.feedbackInputContainer,
|
|
154
147
|
extraClasses: {
|
|
155
148
|
label: classes.inputContainerLabel
|
|
156
149
|
}
|
|
157
|
-
}, _react["default"].createElement(_group["default"], {
|
|
150
|
+
}, /*#__PURE__*/_react["default"].createElement(_group["default"], {
|
|
158
151
|
className: classes.group,
|
|
159
152
|
keys: feedbackKeys,
|
|
160
153
|
label: label,
|
|
161
154
|
value: feedback.type,
|
|
162
155
|
onChange: this.changeType,
|
|
163
156
|
feedbackLabels: feedbackLabels
|
|
164
|
-
})), feedback.type === 'custom' && _react["default"].createElement("div", {
|
|
157
|
+
})), feedback.type === 'custom' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
165
158
|
className: classes.customHolder
|
|
166
|
-
}, _react["default"].createElement(_editableHtml["default"], {
|
|
159
|
+
}, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
|
|
167
160
|
className: classes.editor,
|
|
168
161
|
onChange: this.changeCustom,
|
|
169
162
|
markup: feedback.custom || '',
|
|
170
163
|
toolbarOpts: toolbarOpts
|
|
171
|
-
})), feedback.type === 'default' && _react["default"].createElement("div", {
|
|
164
|
+
})), feedback.type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
172
165
|
className: classes.defaultHolder
|
|
173
166
|
}, " ", feedback["default"]));
|
|
174
167
|
}
|
|
175
168
|
}]);
|
|
176
|
-
|
|
177
169
|
return FeedbackSelector;
|
|
178
170
|
}(_react["default"].Component);
|
|
179
171
|
|
|
180
172
|
exports.FeedbackSelector = FeedbackSelector;
|
|
181
|
-
|
|
182
|
-
_defineProperty(FeedbackSelector, "propTypes", {
|
|
173
|
+
(0, _defineProperty2["default"])(FeedbackSelector, "propTypes", {
|
|
183
174
|
keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
184
175
|
classes: _propTypes["default"].object.isRequired,
|
|
185
176
|
label: _propTypes["default"].string.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"feedback-selector.js","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","withStyles"],"sources":["../../src/feedback-config/feedback-selector.jsx"],"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"],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -15,8 +17,6 @@ var _styles = require("@material-ui/core/styles");
|
|
|
15
17
|
|
|
16
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
19
|
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
20
|
var styles = function styles() {
|
|
21
21
|
return {
|
|
22
22
|
radioLabel: {
|
|
@@ -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,"
|
|
1
|
+
{"version":3,"file":"group.js","names":["styles","radioLabel","fontSize","choice","display","alignItems","choiceHolder","Group","props","feedbackLabels","value","classes","className","onChange","keys","classNames","map","key","label","e","currentTarget","propTypes","PropTypes","string","object","isRequired","arrayOf","func","withStyles"],"sources":["../../src/feedback-config/group.jsx"],"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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,UAAU,EAAE;MACVC,QAAQ,EAAE;IADA,CADQ;IAIpBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,UAAU,EAAE;IAFN,CAJY;IAQpBC,YAAY,EAAE;MACZF,OAAO,EAAE,MADG;MAEZC,UAAU,EAAE;IAFA;EARM,CAAP;AAAA,CAAf;;AAcA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;EACrB,IAAQC,cAAR,GAAsED,KAAtE,CAAQC,cAAR;EAAA,IAAwBC,KAAxB,GAAsEF,KAAtE,CAAwBE,KAAxB;EAAA,IAA+BC,OAA/B,GAAsEH,KAAtE,CAA+BG,OAA/B;EAAA,IAAwCC,SAAxC,GAAsEJ,KAAtE,CAAwCI,SAAxC;EAAA,IAAmDC,SAAnD,GAAsEL,KAAtE,CAAmDK,QAAnD;EAAA,IAA6DC,IAA7D,GAAsEN,KAAtE,CAA6DM,IAA7D;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWJ,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;EAAhB,GACGE,IAAI,CAACE,GAAL,CAAS,UAAAC,GAAG,EAAI;IACf,oBACE;MAAK,SAAS,EAAEN,OAAO,CAACR,MAAxB;MAAgC,GAAG,EAAEc;IAArC,gBACE,gCAAC,0BAAD;MACE,KAAK,EAAEA,GADT;MAEE,OAAO,EAAEP,KAAK,KAAKO,GAFrB;MAGE,OAAO,EAAE;QACPC,KAAK,EAAEP,OAAO,CAACV;MADR,CAHX;MAME,QAAQ,EAAE,kBAAAkB,CAAC;QAAA,OAAIN,SAAQ,CAACM,CAAC,CAACC,aAAF,CAAgBV,KAAjB,CAAZ;MAAA,CANb;MAOE,KAAK,EAAED,cAAc,CAACQ,GAAD;IAPvB,EADF,CADF;EAaD,CAdA,CADH,CADF;AAmBD,CAtBD;;AAwBAV,KAAK,CAACc,SAAN,GAAkB;EAChBT,SAAS,EAAEU,qBAAA,CAAUC,MADL;EAEhBd,cAAc,EAAEa,qBAAA,CAAUE,MAAV,CAAiBC,UAFjB;EAGhBf,KAAK,EAAEY,qBAAA,CAAUC,MAAV,CAAiBE,UAHR;EAIhBd,OAAO,EAAEW,qBAAA,CAAUE,MAAV,CAAiBC,UAJV;EAKhBX,IAAI,EAAEQ,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUC,MAA5B,CALU;EAMhBV,QAAQ,EAAES,qBAAA,CAAUK;AANJ,CAAlB;;eASe,IAAAC,kBAAA,EAAW5B,MAAX,EAAmBO,KAAnB,C"}
|
|
@@ -1,15 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
3
7
|
Object.defineProperty(exports, "__esModule", {
|
|
4
8
|
value: true
|
|
5
9
|
});
|
|
10
|
+
exports.FeedbackConfig = void 0;
|
|
6
11
|
Object.defineProperty(exports, "FeedbackSelector", {
|
|
7
12
|
enumerable: true,
|
|
8
13
|
get: function get() {
|
|
9
14
|
return _feedbackSelector["default"];
|
|
10
15
|
}
|
|
11
16
|
});
|
|
12
|
-
exports["default"] = exports.
|
|
17
|
+
exports["default"] = exports.buildDefaults = void 0;
|
|
18
|
+
|
|
19
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
20
|
+
|
|
21
|
+
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
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
28
|
+
|
|
29
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
30
|
+
|
|
31
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
32
|
|
|
14
33
|
var _feedbackSelector = _interopRequireWildcard(require("./feedback-selector"));
|
|
15
34
|
|
|
@@ -31,33 +50,17 @@ var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"
|
|
|
31
50
|
|
|
32
51
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
33
52
|
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
|
|
37
|
-
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
41
|
-
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
53
|
+
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); }
|
|
43
54
|
|
|
44
|
-
function
|
|
55
|
+
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; }
|
|
45
56
|
|
|
46
|
-
function
|
|
57
|
+
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; }
|
|
47
58
|
|
|
48
|
-
function
|
|
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; }
|
|
49
60
|
|
|
50
|
-
function
|
|
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); }; }
|
|
51
62
|
|
|
52
|
-
function
|
|
53
|
-
|
|
54
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
55
|
-
|
|
56
|
-
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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
57
|
-
|
|
58
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
59
|
-
|
|
60
|
-
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; }
|
|
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; } }
|
|
61
64
|
|
|
62
65
|
var style = {
|
|
63
66
|
feedbackContainer: {
|
|
@@ -85,41 +88,35 @@ var buildDefaults = function buildDefaults(input) {
|
|
|
85
88
|
|
|
86
89
|
exports.buildDefaults = buildDefaults;
|
|
87
90
|
|
|
88
|
-
var FeedbackConfig =
|
|
89
|
-
|
|
90
|
-
function (_React$Component) {
|
|
91
|
-
_inherits(FeedbackConfig, _React$Component);
|
|
91
|
+
var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
|
|
92
|
+
(0, _inherits2["default"])(FeedbackConfig, _React$Component);
|
|
92
93
|
|
|
93
|
-
|
|
94
|
-
var _getPrototypeOf2;
|
|
94
|
+
var _super = _createSuper(FeedbackConfig);
|
|
95
95
|
|
|
96
|
+
function FeedbackConfig() {
|
|
96
97
|
var _this;
|
|
97
98
|
|
|
98
|
-
|
|
99
|
+
(0, _classCallCheck2["default"])(this, FeedbackConfig);
|
|
99
100
|
|
|
100
101
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
101
102
|
args[_key] = arguments[_key];
|
|
102
103
|
}
|
|
103
104
|
|
|
104
|
-
_this =
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
_defineProperty(_assertThisInitialized(_this), "onIncorrectChange", _this.onChange.bind(_assertThisInitialized(_this), 'incorrect'));
|
|
109
|
-
|
|
110
|
-
_defineProperty(_assertThisInitialized(_this), "onPartialChange", _this.onChange.bind(_assertThisInitialized(_this), 'partial'));
|
|
111
|
-
|
|
105
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
106
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCorrectChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'correct'));
|
|
107
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onIncorrectChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'incorrect'));
|
|
108
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPartialChange", _this.onChange.bind((0, _assertThisInitialized2["default"])(_this), 'partial'));
|
|
112
109
|
return _this;
|
|
113
110
|
}
|
|
114
111
|
|
|
115
|
-
|
|
112
|
+
(0, _createClass2["default"])(FeedbackConfig, [{
|
|
116
113
|
key: "onChange",
|
|
117
114
|
value: function onChange(key, config) {
|
|
118
115
|
var _this$props = this.props,
|
|
119
116
|
feedback = _this$props.feedback,
|
|
120
117
|
onChange = _this$props.onChange;
|
|
121
118
|
|
|
122
|
-
var update = _objectSpread({}, feedback,
|
|
119
|
+
var update = _objectSpread(_objectSpread({}, feedback), {}, (0, _defineProperty2["default"])({}, key, config));
|
|
123
120
|
|
|
124
121
|
onChange(update);
|
|
125
122
|
}
|
|
@@ -131,23 +128,23 @@ function (_React$Component) {
|
|
|
131
128
|
allowPartial = _this$props2.allowPartial,
|
|
132
129
|
feedback = _this$props2.feedback,
|
|
133
130
|
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"], {
|
|
131
|
+
return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
|
|
132
|
+
expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
|
|
133
|
+
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
137
134
|
className: classes.heading
|
|
138
|
-
}, "Feedback")), _react["default"].createElement(_ExpansionPanelDetails["default"], null, _react["default"].createElement("div", {
|
|
135
|
+
}, "Feedback")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
139
136
|
className: classes.feedbackContainer
|
|
140
|
-
}, _react["default"].createElement(_feedbackSelector["default"], {
|
|
137
|
+
}, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
141
138
|
label: "If correct, show",
|
|
142
139
|
feedback: feedback.correct,
|
|
143
140
|
onChange: this.onCorrectChange,
|
|
144
141
|
toolbarOpts: toolbarOpts
|
|
145
|
-
}), allowPartial && _react["default"].createElement(_feedbackSelector["default"], {
|
|
142
|
+
}), allowPartial && /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
146
143
|
label: "If partially correct, show",
|
|
147
144
|
feedback: feedback.partial,
|
|
148
145
|
onChange: this.onPartialChange,
|
|
149
146
|
toolbarOpts: toolbarOpts
|
|
150
|
-
}), _react["default"].createElement(_feedbackSelector["default"], {
|
|
147
|
+
}), /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
|
|
151
148
|
label: "If incorrect, show",
|
|
152
149
|
feedback: feedback.incorrect,
|
|
153
150
|
onChange: this.onIncorrectChange,
|
|
@@ -155,13 +152,11 @@ function (_React$Component) {
|
|
|
155
152
|
}))));
|
|
156
153
|
}
|
|
157
154
|
}]);
|
|
158
|
-
|
|
159
155
|
return FeedbackConfig;
|
|
160
156
|
}(_react["default"].Component);
|
|
161
157
|
|
|
162
158
|
exports.FeedbackConfig = FeedbackConfig;
|
|
163
|
-
|
|
164
|
-
_defineProperty(FeedbackConfig, "propTypes", {
|
|
159
|
+
(0, _defineProperty2["default"])(FeedbackConfig, "propTypes", {
|
|
165
160
|
allowPartial: _propTypes["default"].bool,
|
|
166
161
|
feedback: _propTypes["default"].shape({
|
|
167
162
|
correct: _propTypes["default"].shape(_feedbackSelector.FeedbackType),
|
|
@@ -172,8 +167,7 @@ _defineProperty(FeedbackConfig, "propTypes", {
|
|
|
172
167
|
classes: _propTypes["default"].object.isRequired,
|
|
173
168
|
toolbarOpts: _propTypes["default"].object
|
|
174
169
|
});
|
|
175
|
-
|
|
176
|
-
_defineProperty(FeedbackConfig, "defaultProps", {
|
|
170
|
+
(0, _defineProperty2["default"])(FeedbackConfig, "defaultProps", {
|
|
177
171
|
allowPartial: true,
|
|
178
172
|
feedback: buildDefaults()
|
|
179
173
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["style","feedbackContainer","display","flexDirection","buildDefaults","input","merge","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","withStyles"],"sources":["../../src/feedback-config/index.jsx"],"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"],"mappings":"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"}
|
package/lib/form-section.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -13,8 +15,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
13
15
|
|
|
14
16
|
var _styles = require("@material-ui/core/styles");
|
|
15
17
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
18
|
var styles = function styles(theme) {
|
|
19
19
|
return {
|
|
20
20
|
formSection: {
|
|
@@ -31,12 +31,14 @@ var _default = (0, _styles.withStyles)(styles)(function (_ref) {
|
|
|
31
31
|
var className = _ref.className,
|
|
32
32
|
classes = _ref.classes,
|
|
33
33
|
label = _ref.label,
|
|
34
|
-
children = _ref.children
|
|
35
|
-
|
|
34
|
+
children = _ref.children,
|
|
35
|
+
labelExtraStyle = _ref.labelExtraStyle;
|
|
36
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
37
|
className: (0, _classnames["default"])(classes.formSection, className)
|
|
37
|
-
}, _react["default"].createElement(_Typography["default"], {
|
|
38
|
+
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
38
39
|
className: classes.label,
|
|
39
|
-
type: "subheading"
|
|
40
|
+
type: "subheading",
|
|
41
|
+
style: labelExtraStyle
|
|
40
42
|
}, label), children);
|
|
41
43
|
});
|
|
42
44
|
|
package/lib/form-section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"form-section.js","names":["styles","theme","formSection","marginTop","spacing","unit","marginBottom","label","withStyles","className","classes","children","labelExtraStyle","classNames"],"sources":["../src/form-section.jsx"],"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, labelExtraStyle }) => (\n <div className={classNames(classes.formSection, className)}>\n <Typography className={classes.label} type=\"subheading\" style={labelExtraStyle}>\n {label}\n </Typography>\n {children}\n </div>\n));\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBC,WAAW,EAAE;MACXC,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADrB;MAEXC,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;IAFxB,CADU;IAKvBE,KAAK,EAAE;MACLD,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC;IADvB;EALgB,CAAL;AAAA,CAApB;;eAUe,IAAAG,kBAAA,EAAWR,MAAX,EAAmB;EAAA,IAAGS,SAAH,QAAGA,SAAH;EAAA,IAAcC,OAAd,QAAcA,OAAd;EAAA,IAAuBH,KAAvB,QAAuBA,KAAvB;EAAA,IAA8BI,QAA9B,QAA8BA,QAA9B;EAAA,IAAwCC,eAAxC,QAAwCA,eAAxC;EAAA,oBAChC;IAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWH,OAAO,CAACR,WAAnB,EAAgCO,SAAhC;EAAhB,gBACE,gCAAC,sBAAD;IAAY,SAAS,EAAEC,OAAO,CAACH,KAA/B;IAAsC,IAAI,EAAC,YAA3C;IAAwD,KAAK,EAAEK;EAA/D,GACGL,KADH,CADF,EAIGI,QAJH,CADgC;AAAA,CAAnB,C"}
|