@pie-lib/config-ui 10.10.4-next.45 → 10.10.4-next.454

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.
Files changed (70) hide show
  1. package/CHANGELOG.md +256 -0
  2. package/lib/alert-dialog.js +44 -0
  3. package/lib/alert-dialog.js.map +1 -0
  4. package/lib/checkbox.js +4 -4
  5. package/lib/checkbox.js.map +1 -1
  6. package/lib/choice-configuration/feedback-menu.js +41 -53
  7. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  8. package/lib/choice-configuration/index.js +88 -81
  9. package/lib/choice-configuration/index.js.map +1 -1
  10. package/lib/choice-utils.js +8 -8
  11. package/lib/choice-utils.js.map +1 -1
  12. package/lib/feedback-config/feedback-selector.js +38 -47
  13. package/lib/feedback-config/feedback-selector.js.map +1 -1
  14. package/lib/feedback-config/group.js +5 -5
  15. package/lib/feedback-config/group.js.map +1 -1
  16. package/lib/feedback-config/index.js +46 -52
  17. package/lib/feedback-config/index.js.map +1 -1
  18. package/lib/form-section.js +8 -6
  19. package/lib/form-section.js.map +1 -1
  20. package/lib/help.js +30 -37
  21. package/lib/help.js.map +1 -1
  22. package/lib/index.js +66 -45
  23. package/lib/index.js.map +1 -1
  24. package/lib/input.js +35 -40
  25. package/lib/input.js.map +1 -1
  26. package/lib/inputs.js +28 -17
  27. package/lib/inputs.js.map +1 -1
  28. package/lib/langs.js +37 -45
  29. package/lib/langs.js.map +1 -1
  30. package/lib/layout/config-layout.js +29 -37
  31. package/lib/layout/config-layout.js.map +1 -1
  32. package/lib/layout/index.js +2 -2
  33. package/lib/layout/index.js.map +1 -1
  34. package/lib/layout/layout-contents.js +28 -34
  35. package/lib/layout/layout-contents.js.map +1 -1
  36. package/lib/layout/settings-box.js +23 -31
  37. package/lib/layout/settings-box.js.map +1 -1
  38. package/lib/mui-box/index.js +3 -3
  39. package/lib/mui-box/index.js.map +1 -1
  40. package/lib/number-text-field-custom.js +364 -0
  41. package/lib/number-text-field-custom.js.map +1 -0
  42. package/lib/number-text-field.js +33 -42
  43. package/lib/number-text-field.js.map +1 -1
  44. package/lib/radio-with-label.js +4 -4
  45. package/lib/radio-with-label.js.map +1 -1
  46. package/lib/settings/display-size.js +10 -10
  47. package/lib/settings/display-size.js.map +1 -1
  48. package/lib/settings/index.js +11 -17
  49. package/lib/settings/index.js.map +1 -1
  50. package/lib/settings/panel.js +58 -68
  51. package/lib/settings/panel.js.map +1 -1
  52. package/lib/settings/settings-radio-label.js +4 -4
  53. package/lib/settings/settings-radio-label.js.map +1 -1
  54. package/lib/settings/toggle.js +5 -5
  55. package/lib/settings/toggle.js.map +1 -1
  56. package/lib/tabs/index.js +28 -35
  57. package/lib/tabs/index.js.map +1 -1
  58. package/lib/tags-input/index.js +32 -40
  59. package/lib/tags-input/index.js.map +1 -1
  60. package/lib/two-choice.js +38 -48
  61. package/lib/two-choice.js.map +1 -1
  62. package/lib/with-stateful-model.js +23 -30
  63. package/lib/with-stateful-model.js.map +1 -1
  64. package/package.json +4 -4
  65. package/src/alert-dialog.jsx +43 -0
  66. package/src/choice-configuration/index.jsx +30 -11
  67. package/src/form-section.jsx +2 -2
  68. package/src/index.js +4 -0
  69. package/src/inputs.jsx +13 -5
  70. 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.FeedbackSelector = exports.FeedbackType = void 0;
8
+ exports["default"] = exports.FeedbackType = exports.FeedbackSelector = void 0;
7
9
 
8
- var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
11
 
10
- var _renderUi = require("@pie-lib/render-ui");
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
13
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
15
 
14
- var _react = _interopRequireDefault(require("react"));
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
17
 
16
- var _styles = require("@material-ui/core/styles");
18
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
19
 
18
- var _group = _interopRequireDefault(require("./group"));
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
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
23
 
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); } }
24
+ var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
27
25
 
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ var _renderUi = require("@pie-lib/render-ui");
29
27
 
30
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
28
+ var _propTypes = _interopRequireDefault(require("prop-types"));
31
29
 
32
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
30
+ var _react = _interopRequireDefault(require("react"));
33
31
 
34
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
+ var _styles = require("@material-ui/core/styles");
35
33
 
36
- 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); }
34
+ var _group = _interopRequireDefault(require("./group"));
37
35
 
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
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 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; }
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 _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; }
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 _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; }
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
- /*#__PURE__*/
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
- function FeedbackSelector() {
105
- var _getPrototypeOf2;
100
+ var _super = _createSuper(FeedbackSelector);
106
101
 
102
+ function FeedbackSelector() {
107
103
  var _this;
108
104
 
109
- _classCallCheck(this, FeedbackSelector);
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 = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(FeedbackSelector)).call.apply(_getPrototypeOf2, [this].concat(args)));
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
- _createClass(FeedbackSelector, [{
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,"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"}
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,"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;AAAA,MACbC,cADa,GACiDD,KADjD,CACbC,cADa;AAAA,MACGC,KADH,GACiDF,KADjD,CACGE,KADH;AAAA,MACUC,OADV,GACiDH,KADjD,CACUG,OADV;AAAA,MACmBC,SADnB,GACiDJ,KADjD,CACmBI,SADnB;AAAA,MAC8BC,SAD9B,GACiDL,KADjD,CAC8BK,QAD9B;AAAA,MACwCC,IADxC,GACiDN,KADjD,CACwCM,IADxC;AAGrB,SACE;AAAK,IAAA,SAAS,EAAE,4BAAWH,OAAO,CAACL,YAAnB,EAAiCM,SAAjC;AAAhB,KACGE,IAAI,CAACC,GAAL,CAAS,UAAAC,GAAG,EAAI;AACf,WACE;AAAK,MAAA,SAAS,EAAEL,OAAO,CAACR,MAAxB;AAAgC,MAAA,GAAG,EAAEa;AAArC,OACE,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
+ {"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.FeedbackConfig = exports.buildDefaults = void 0;
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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 _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); } }
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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
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
- /*#__PURE__*/
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
- function FeedbackConfig() {
94
- var _getPrototypeOf2;
94
+ var _super = _createSuper(FeedbackConfig);
95
95
 
96
+ function FeedbackConfig() {
96
97
  var _this;
97
98
 
98
- _classCallCheck(this, FeedbackConfig);
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 = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(FeedbackConfig)).call.apply(_getPrototypeOf2, [this].concat(args)));
105
-
106
- _defineProperty(_assertThisInitialized(_this), "onCorrectChange", _this.onChange.bind(_assertThisInitialized(_this), 'correct'));
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
- _createClass(FeedbackConfig, [{
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, _defineProperty({}, key, config));
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,"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"}
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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"}
@@ -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
- return _react["default"].createElement("div", {
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
 
@@ -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,SAChC;AAAK,IAAA,SAAS,EAAE,4BAAWD,OAAO,CAACP,WAAnB,EAAgCM,SAAhC;AAAhB,KACE,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"}
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"}