@pie-lib/config-ui 12.0.0-beta.4 → 12.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/CHANGELOG.json +8 -1653
  2. package/CHANGELOG.md +540 -58
  3. package/LICENSE.md +5 -0
  4. package/NEXT.CHANGELOG.json +1 -0
  5. package/lib/alert-dialog.js +44 -20
  6. package/lib/alert-dialog.js.map +1 -1
  7. package/lib/checkbox.js +59 -61
  8. package/lib/checkbox.js.map +1 -1
  9. package/lib/choice-configuration/feedback-menu.js +30 -65
  10. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  11. package/lib/choice-configuration/index.js +231 -244
  12. package/lib/choice-configuration/index.js.map +1 -1
  13. package/lib/choice-utils.js +7 -19
  14. package/lib/choice-utils.js.map +1 -1
  15. package/lib/feedback-config/feedback-selector.js +89 -115
  16. package/lib/feedback-config/feedback-selector.js.map +1 -1
  17. package/lib/feedback-config/group.js +28 -42
  18. package/lib/feedback-config/group.js.map +1 -1
  19. package/lib/feedback-config/index.js +55 -87
  20. package/lib/feedback-config/index.js.map +1 -1
  21. package/lib/form-section.js +32 -34
  22. package/lib/form-section.js.map +1 -1
  23. package/lib/help.js +41 -80
  24. package/lib/help.js.map +1 -1
  25. package/lib/index.js +2 -32
  26. package/lib/index.js.map +1 -1
  27. package/lib/input.js +24 -57
  28. package/lib/input.js.map +1 -1
  29. package/lib/inputs.js +62 -88
  30. package/lib/inputs.js.map +1 -1
  31. package/lib/langs.js +59 -102
  32. package/lib/langs.js.map +1 -1
  33. package/lib/layout/config-layout.js +95 -67
  34. package/lib/layout/config-layout.js.map +1 -1
  35. package/lib/layout/index.js +1 -4
  36. package/lib/layout/index.js.map +1 -1
  37. package/lib/layout/layout-contents.js +130 -75
  38. package/lib/layout/layout-contents.js.map +1 -1
  39. package/lib/layout/settings-box.js +28 -58
  40. package/lib/layout/settings-box.js.map +1 -1
  41. package/lib/mui-box/index.js +42 -58
  42. package/lib/mui-box/index.js.map +1 -1
  43. package/lib/number-text-field-custom.js +164 -152
  44. package/lib/number-text-field-custom.js.map +1 -1
  45. package/lib/number-text-field.js +87 -119
  46. package/lib/number-text-field.js.map +1 -1
  47. package/lib/radio-with-label.js +33 -26
  48. package/lib/radio-with-label.js.map +1 -1
  49. package/lib/settings/display-size.js +17 -33
  50. package/lib/settings/display-size.js.map +1 -1
  51. package/lib/settings/index.js +26 -46
  52. package/lib/settings/index.js.map +1 -1
  53. package/lib/settings/panel.js +202 -221
  54. package/lib/settings/panel.js.map +1 -1
  55. package/lib/settings/settings-radio-label.js +37 -29
  56. package/lib/settings/settings-radio-label.js.map +1 -1
  57. package/lib/settings/toggle.js +40 -33
  58. package/lib/settings/toggle.js.map +1 -1
  59. package/lib/tabs/index.js +26 -57
  60. package/lib/tabs/index.js.map +1 -1
  61. package/lib/tags-input/index.js +51 -100
  62. package/lib/tags-input/index.js.map +1 -1
  63. package/lib/two-choice.js +47 -91
  64. package/lib/two-choice.js.map +1 -1
  65. package/lib/with-stateful-model.js +11 -34
  66. package/lib/with-stateful-model.js.map +1 -1
  67. package/package.json +22 -11
  68. package/src/__tests__/alert-dialog.test.jsx +283 -0
  69. package/src/__tests__/checkbox.test.jsx +249 -0
  70. package/src/__tests__/choice-utils.test.js +12 -0
  71. package/src/__tests__/form-section.test.jsx +334 -0
  72. package/src/__tests__/help.test.jsx +184 -0
  73. package/src/__tests__/input.test.jsx +192 -0
  74. package/src/__tests__/langs.test.jsx +457 -0
  75. package/src/__tests__/number-text-field-custom.test.jsx +438 -0
  76. package/src/__tests__/number-text-field.test.jsx +341 -0
  77. package/src/__tests__/radio-with-label.test.jsx +259 -0
  78. package/src/__tests__/settings-panel.test.js +187 -0
  79. package/src/__tests__/settings.test.jsx +515 -0
  80. package/src/__tests__/tabs.test.jsx +193 -0
  81. package/src/__tests__/two-choice.test.js +110 -0
  82. package/src/__tests__/with-stateful-model.test.jsx +145 -0
  83. package/src/alert-dialog.jsx +31 -16
  84. package/src/checkbox.jsx +45 -39
  85. package/src/choice-configuration/__tests__/feedback-menu.test.jsx +163 -0
  86. package/src/choice-configuration/__tests__/index.test.jsx +234 -0
  87. package/src/choice-configuration/feedback-menu.jsx +15 -28
  88. package/src/choice-configuration/index.jsx +233 -182
  89. package/src/choice-utils.js +1 -1
  90. package/src/feedback-config/__tests__/feedback-config.test.jsx +141 -0
  91. package/src/feedback-config/__tests__/feedback-selector.test.jsx +107 -0
  92. package/src/feedback-config/feedback-selector.jsx +65 -60
  93. package/src/feedback-config/group.jsx +26 -29
  94. package/src/feedback-config/index.jsx +59 -47
  95. package/src/form-section.jsx +26 -18
  96. package/src/help.jsx +27 -36
  97. package/src/index.js +2 -5
  98. package/src/input.jsx +9 -9
  99. package/src/inputs.jsx +36 -50
  100. package/src/langs.jsx +57 -73
  101. package/src/layout/__tests__/config.layout.test.jsx +59 -0
  102. package/src/layout/__tests__/layout-content.test.jsx +3 -0
  103. package/src/layout/config-layout.jsx +70 -37
  104. package/src/layout/layout-contents.jsx +96 -39
  105. package/src/layout/settings-box.jsx +22 -21
  106. package/src/mui-box/index.jsx +37 -45
  107. package/src/number-text-field-custom.jsx +136 -81
  108. package/src/number-text-field.jsx +59 -37
  109. package/src/radio-with-label.jsx +28 -12
  110. package/src/settings/display-size.jsx +14 -13
  111. package/src/settings/index.js +20 -12
  112. package/src/settings/panel.jsx +147 -110
  113. package/src/settings/settings-radio-label.jsx +29 -13
  114. package/src/settings/toggle.jsx +39 -20
  115. package/src/tabs/index.jsx +15 -19
  116. package/src/tags-input/__tests__/index.test.jsx +113 -0
  117. package/src/tags-input/index.jsx +42 -47
  118. package/src/two-choice.jsx +19 -23
  119. package/src/with-stateful-model.jsx +5 -5
  120. package/README.md +0 -12
@@ -1,57 +1,48 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _radioWithLabel = _interopRequireDefault(require("../radio-with-label"));
13
-
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
- var _styles = require("@material-ui/core/styles");
17
-
18
- var _classnames = _interopRequireDefault(require("classnames"));
19
-
20
- var styles = function styles() {
11
+ var _styles = require("@mui/material/styles");
12
+ var StyledChoiceHolder = (0, _styles.styled)('div')(function () {
13
+ return {
14
+ display: 'flex',
15
+ alignItems: 'center'
16
+ };
17
+ });
18
+ var StyledChoice = (0, _styles.styled)('div')(function () {
21
19
  return {
22
- radioLabel: {
23
- fontSize: '12px'
24
- },
25
- choice: {
26
- display: 'flex',
27
- alignItems: 'center'
28
- },
29
- choiceHolder: {
30
- display: 'flex',
31
- alignItems: 'center'
20
+ display: 'flex',
21
+ alignItems: 'center'
22
+ };
23
+ });
24
+ var StyledRadioWithLabel = (0, _styles.styled)(_radioWithLabel["default"])(function (_ref) {
25
+ var theme = _ref.theme;
26
+ return {
27
+ '& .MuiFormControlLabel-label': {
28
+ fontSize: theme.typography.fontSize - 2
32
29
  }
33
30
  };
34
- };
35
-
31
+ });
36
32
  var Group = function Group(props) {
37
33
  var feedbackLabels = props.feedbackLabels,
38
- value = props.value,
39
- classes = props.classes,
40
- className = props.className,
41
- _onChange = props.onChange,
42
- keys = props.keys;
43
- return /*#__PURE__*/_react["default"].createElement("div", {
44
- className: (0, _classnames["default"])(classes.choiceHolder, className)
34
+ value = props.value,
35
+ className = props.className,
36
+ _onChange = props.onChange,
37
+ keys = props.keys;
38
+ return /*#__PURE__*/_react["default"].createElement(StyledChoiceHolder, {
39
+ className: className
45
40
  }, keys.map(function (key) {
46
- return /*#__PURE__*/_react["default"].createElement("div", {
47
- className: classes.choice,
41
+ return /*#__PURE__*/_react["default"].createElement(StyledChoice, {
48
42
  key: key
49
- }, /*#__PURE__*/_react["default"].createElement(_radioWithLabel["default"], {
43
+ }, /*#__PURE__*/_react["default"].createElement(StyledRadioWithLabel, {
50
44
  value: key,
51
45
  checked: value === key,
52
- classes: {
53
- label: classes.radioLabel
54
- },
55
46
  onChange: function onChange(e) {
56
47
  return _onChange(e.currentTarget.value);
57
48
  },
@@ -59,17 +50,12 @@ var Group = function Group(props) {
59
50
  }));
60
51
  }));
61
52
  };
62
-
63
53
  Group.propTypes = {
64
54
  className: _propTypes["default"].string,
65
55
  feedbackLabels: _propTypes["default"].object.isRequired,
66
56
  value: _propTypes["default"].string.isRequired,
67
- classes: _propTypes["default"].object.isRequired,
68
57
  keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
69
58
  onChange: _propTypes["default"].func
70
59
  };
71
-
72
- var _default = (0, _styles.withStyles)(styles)(Group);
73
-
74
- exports["default"] = _default;
75
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZXMiLCJyYWRpb0xhYmVsIiwiZm9udFNpemUiLCJjaG9pY2UiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsImNob2ljZUhvbGRlciIsIkdyb3VwIiwicHJvcHMiLCJmZWVkYmFja0xhYmVscyIsInZhbHVlIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsIm9uQ2hhbmdlIiwia2V5cyIsImNsYXNzTmFtZXMiLCJtYXAiLCJrZXkiLCJsYWJlbCIsImUiLCJjdXJyZW50VGFyZ2V0IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwic3RyaW5nIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsImFycmF5T2YiLCJmdW5jIiwid2l0aFN0eWxlcyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mZWVkYmFjay1jb25maWcvZ3JvdXAuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmFkaW9XaXRoTGFiZWwgZnJvbSAnLi4vcmFkaW8td2l0aC1sYWJlbCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuY29uc3Qgc3R5bGVzID0gKCkgPT4gKHtcbiAgcmFkaW9MYWJlbDoge1xuICAgIGZvbnRTaXplOiAnMTJweCdcbiAgfSxcbiAgY2hvaWNlOiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInXG4gIH0sXG4gIGNob2ljZUhvbGRlcjoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJ1xuICB9XG59KTtcblxuY29uc3QgR3JvdXAgPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHsgZmVlZGJhY2tMYWJlbHMsIHZhbHVlLCBjbGFzc2VzLCBjbGFzc05hbWUsIG9uQ2hhbmdlLCBrZXlzIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMuY2hvaWNlSG9sZGVyLCBjbGFzc05hbWUpfT5cbiAgICAgIHtrZXlzLm1hcChrZXkgPT4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmNob2ljZX0ga2V5PXtrZXl9PlxuICAgICAgICAgICAgPFJhZGlvV2l0aExhYmVsXG4gICAgICAgICAgICAgIHZhbHVlPXtrZXl9XG4gICAgICAgICAgICAgIGNoZWNrZWQ9e3ZhbHVlID09PSBrZXl9XG4gICAgICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgICAgICBsYWJlbDogY2xhc3Nlcy5yYWRpb0xhYmVsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtlID0+IG9uQ2hhbmdlKGUuY3VycmVudFRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgICAgIGxhYmVsPXtmZWVkYmFja0xhYmVsc1trZXldfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuR3JvdXAucHJvcFR5cGVzID0ge1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGZlZWRiYWNrTGFiZWxzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAga2V5czogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZyksXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuY1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMpKEdyb3VwKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLFNBQVRBLE1BQVM7RUFBQSxPQUFPO0lBQ3BCQyxVQUFVLEVBQUU7TUFDVkMsUUFBUSxFQUFFO0lBREEsQ0FEUTtJQUlwQkMsTUFBTSxFQUFFO01BQ05DLE9BQU8sRUFBRSxNQURIO01BRU5DLFVBQVUsRUFBRTtJQUZOLENBSlk7SUFRcEJDLFlBQVksRUFBRTtNQUNaRixPQUFPLEVBQUUsTUFERztNQUVaQyxVQUFVLEVBQUU7SUFGQTtFQVJNLENBQVA7QUFBQSxDQUFmOztBQWNBLElBQU1FLEtBQUssR0FBRyxTQUFSQSxLQUFRLENBQUFDLEtBQUssRUFBSTtFQUNyQixJQUFRQyxjQUFSLEdBQXNFRCxLQUF0RSxDQUFRQyxjQUFSO0VBQUEsSUFBd0JDLEtBQXhCLEdBQXNFRixLQUF0RSxDQUF3QkUsS0FBeEI7RUFBQSxJQUErQkMsT0FBL0IsR0FBc0VILEtBQXRFLENBQStCRyxPQUEvQjtFQUFBLElBQXdDQyxTQUF4QyxHQUFzRUosS0FBdEUsQ0FBd0NJLFNBQXhDO0VBQUEsSUFBbURDLFNBQW5ELEdBQXNFTCxLQUF0RSxDQUFtREssUUFBbkQ7RUFBQSxJQUE2REMsSUFBN0QsR0FBc0VOLEtBQXRFLENBQTZETSxJQUE3RDtFQUVBLG9CQUNFO0lBQUssU0FBUyxFQUFFLElBQUFDLHNCQUFBLEVBQVdKLE9BQU8sQ0FBQ0wsWUFBbkIsRUFBaUNNLFNBQWpDO0VBQWhCLEdBQ0dFLElBQUksQ0FBQ0UsR0FBTCxDQUFTLFVBQUFDLEdBQUcsRUFBSTtJQUNmLG9CQUNFO01BQUssU0FBUyxFQUFFTixPQUFPLENBQUNSLE1BQXhCO01BQWdDLEdBQUcsRUFBRWM7SUFBckMsZ0JBQ0UsZ0NBQUMsMEJBQUQ7TUFDRSxLQUFLLEVBQUVBLEdBRFQ7TUFFRSxPQUFPLEVBQUVQLEtBQUssS0FBS08sR0FGckI7TUFHRSxPQUFPLEVBQUU7UUFDUEMsS0FBSyxFQUFFUCxPQUFPLENBQUNWO01BRFIsQ0FIWDtNQU1FLFFBQVEsRUFBRSxrQkFBQWtCLENBQUM7UUFBQSxPQUFJTixTQUFRLENBQUNNLENBQUMsQ0FBQ0MsYUFBRixDQUFnQlYsS0FBakIsQ0FBWjtNQUFBLENBTmI7TUFPRSxLQUFLLEVBQUVELGNBQWMsQ0FBQ1EsR0FBRDtJQVB2QixFQURGLENBREY7RUFhRCxDQWRBLENBREgsQ0FERjtBQW1CRCxDQXRCRDs7QUF3QkFWLEtBQUssQ0FBQ2MsU0FBTixHQUFrQjtFQUNoQlQsU0FBUyxFQUFFVSxxQkFBQSxDQUFVQyxNQURMO0VBRWhCZCxjQUFjLEVBQUVhLHFCQUFBLENBQVVFLE1BQVYsQ0FBaUJDLFVBRmpCO0VBR2hCZixLQUFLLEVBQUVZLHFCQUFBLENBQVVDLE1BQVYsQ0FBaUJFLFVBSFI7RUFJaEJkLE9BQU8sRUFBRVcscUJBQUEsQ0FBVUUsTUFBVixDQUFpQkMsVUFKVjtFQUtoQlgsSUFBSSxFQUFFUSxxQkFBQSxDQUFVSSxPQUFWLENBQWtCSixxQkFBQSxDQUFVQyxNQUE1QixDQUxVO0VBTWhCVixRQUFRLEVBQUVTLHFCQUFBLENBQVVLO0FBTkosQ0FBbEI7O2VBU2UsSUFBQUMsa0JBQUEsRUFBVzVCLE1BQVgsRUFBbUJPLEtBQW5CLEMifQ==
60
+ var _default = exports["default"] = Group;
61
+ //# sourceMappingURL=group.js.map
@@ -1 +1 @@
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
+ {"version":3,"file":"group.js","names":["_propTypes","_interopRequireDefault","require","_radioWithLabel","_react","_styles","StyledChoiceHolder","styled","display","alignItems","StyledChoice","StyledRadioWithLabel","RadioWithLabel","_ref","theme","fontSize","typography","Group","props","feedbackLabels","value","className","onChange","keys","createElement","map","key","checked","e","currentTarget","label","propTypes","PropTypes","string","object","isRequired","arrayOf","func","_default","exports"],"sources":["../../src/feedback-config/group.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport RadioWithLabel from '../radio-with-label';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledChoiceHolder = styled('div')(() => ({\n display: 'flex',\n alignItems: 'center',\n}));\n\nconst StyledChoice = styled('div')(() => ({\n display: 'flex',\n alignItems: 'center',\n}));\n\nconst StyledRadioWithLabel = styled(RadioWithLabel)(({ theme }) => ({\n '& .MuiFormControlLabel-label': {\n fontSize: theme.typography.fontSize - 2,\n },\n}));\n\nconst Group = (props) => {\n const { feedbackLabels, value, className, onChange, keys } = props;\n\n return (\n <StyledChoiceHolder className={className}>\n {keys.map((key) => {\n return (\n <StyledChoice key={key}>\n <StyledRadioWithLabel\n value={key}\n checked={value === key}\n onChange={(e) => onChange(e.currentTarget.value)}\n label={feedbackLabels[key]}\n />\n </StyledChoice>\n );\n })}\n </StyledChoiceHolder>\n );\n};\n\nGroup.propTypes = {\n className: PropTypes.string,\n feedbackLabels: PropTypes.object.isRequired,\n value: PropTypes.string.isRequired,\n keys: PropTypes.arrayOf(PropTypes.string),\n onChange: PropTypes.func,\n};\n\nexport default Group;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,kBAAkB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAC9CC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IACxCC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,oBAAoB,GAAG,IAAAJ,cAAM,EAACK,0BAAc,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAClE,8BAA8B,EAAE;MAC9BC,QAAQ,EAAED,KAAK,CAACE,UAAU,CAACD,QAAQ,GAAG;IACxC;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACvB,IAAQC,cAAc,GAAuCD,KAAK,CAA1DC,cAAc;IAAEC,KAAK,GAAgCF,KAAK,CAA1CE,KAAK;IAAEC,SAAS,GAAqBH,KAAK,CAAnCG,SAAS;IAAEC,SAAQ,GAAWJ,KAAK,CAAxBI,QAAQ;IAAEC,IAAI,GAAKL,KAAK,CAAdK,IAAI;EAExD,oBACEnB,MAAA,YAAAoB,aAAA,CAAClB,kBAAkB;IAACe,SAAS,EAAEA;EAAU,GACtCE,IAAI,CAACE,GAAG,CAAC,UAACC,GAAG,EAAK;IACjB,oBACEtB,MAAA,YAAAoB,aAAA,CAACd,YAAY;MAACgB,GAAG,EAAEA;IAAI,gBACrBtB,MAAA,YAAAoB,aAAA,CAACb,oBAAoB;MACnBS,KAAK,EAAEM,GAAI;MACXC,OAAO,EAAEP,KAAK,KAAKM,GAAI;MACvBJ,QAAQ,EAAE,SAAVA,QAAQA,CAAGM,CAAC;QAAA,OAAKN,SAAQ,CAACM,CAAC,CAACC,aAAa,CAACT,KAAK,CAAC;MAAA,CAAC;MACjDU,KAAK,EAAEX,cAAc,CAACO,GAAG;IAAE,CAC5B,CACW,CAAC;EAEnB,CAAC,CACiB,CAAC;AAEzB,CAAC;AAEDT,KAAK,CAACc,SAAS,GAAG;EAChBV,SAAS,EAAEW,qBAAS,CAACC,MAAM;EAC3Bd,cAAc,EAAEa,qBAAS,CAACE,MAAM,CAACC,UAAU;EAC3Cf,KAAK,EAAEY,qBAAS,CAACC,MAAM,CAACE,UAAU;EAClCZ,IAAI,EAAES,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACC,MAAM,CAAC;EACzCX,QAAQ,EAAEU,qBAAS,CAACK;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEatB,KAAK","ignoreList":[]}
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -15,61 +13,42 @@ Object.defineProperty(exports, "FeedbackSelector", {
15
13
  }
16
14
  });
17
15
  exports["default"] = exports.buildDefaults = void 0;
18
-
16
+ var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
19
17
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
20
-
21
18
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
22
-
23
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
24
-
25
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
26
-
27
19
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
28
-
29
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
30
-
21
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
31
22
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
32
-
33
23
  var _feedbackSelector = _interopRequireWildcard(require("./feedback-selector"));
34
-
35
24
  var _propTypes = _interopRequireDefault(require("prop-types"));
36
-
37
25
  var _react = _interopRequireDefault(require("react"));
38
-
39
- var _styles = require("@material-ui/core/styles");
40
-
41
- var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
42
-
43
- var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
44
-
45
- var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
46
-
47
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
48
-
49
- var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
50
-
26
+ var _styles = require("@mui/material/styles");
27
+ var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
28
+ var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
29
+ var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
30
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
31
+ var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
51
32
  var _merge = _interopRequireDefault(require("lodash/merge"));
52
-
53
- function _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); }
54
-
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; }
56
-
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; }
58
-
59
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
60
-
61
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
62
-
63
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
64
-
65
- var style = {
66
- feedbackContainer: {
33
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
34
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
35
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
36
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
37
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
38
+ var StyledFeedbackContainer = (0, _styles.styled)('div')(function () {
39
+ return {
67
40
  display: 'flex',
41
+ flex: 1,
68
42
  flexDirection: 'column'
69
- }
70
- };
71
-
72
- var buildDefaults = function buildDefaults(input) {
43
+ };
44
+ });
45
+ var StyledAccordionDetails = (0, _styles.styled)(_AccordionDetails["default"])(function () {
46
+ return {
47
+ paddingTop: 0,
48
+ paddingBottom: 0
49
+ };
50
+ });
51
+ var buildDefaults = exports.buildDefaults = function buildDefaults(input) {
73
52
  return (0, _merge["default"])({}, {
74
53
  correct: {
75
54
  type: 'default',
@@ -85,56 +64,51 @@ var buildDefaults = function buildDefaults(input) {
85
64
  }
86
65
  }, input);
87
66
  };
88
-
89
- exports.buildDefaults = buildDefaults;
90
-
91
- var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
92
- (0, _inherits2["default"])(FeedbackConfig, _React$Component);
93
-
94
- var _super = _createSuper(FeedbackConfig);
95
-
67
+ var FeedbackConfig = exports.FeedbackConfig = /*#__PURE__*/function (_React$Component) {
96
68
  function FeedbackConfig() {
97
69
  var _this;
98
-
99
70
  (0, _classCallCheck2["default"])(this, FeedbackConfig);
100
-
101
71
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
102
72
  args[_key] = arguments[_key];
103
73
  }
104
-
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'));
74
+ _this = _callSuper(this, FeedbackConfig, [].concat(args));
75
+ (0, _defineProperty2["default"])(_this, "onCorrectChange", _this.onChange.bind(_this, 'correct'));
76
+ (0, _defineProperty2["default"])(_this, "onIncorrectChange", _this.onChange.bind(_this, 'incorrect'));
77
+ (0, _defineProperty2["default"])(_this, "onPartialChange", _this.onChange.bind(_this, 'partial'));
109
78
  return _this;
110
79
  }
111
-
112
- (0, _createClass2["default"])(FeedbackConfig, [{
80
+ (0, _inherits2["default"])(FeedbackConfig, _React$Component);
81
+ return (0, _createClass2["default"])(FeedbackConfig, [{
113
82
  key: "onChange",
114
83
  value: function onChange(key, config) {
115
84
  var _this$props = this.props,
116
- feedback = _this$props.feedback,
117
- onChange = _this$props.onChange;
118
-
85
+ feedback = _this$props.feedback,
86
+ onChange = _this$props.onChange;
119
87
  var update = _objectSpread(_objectSpread({}, feedback), {}, (0, _defineProperty2["default"])({}, key, config));
120
-
121
88
  onChange(update);
122
89
  }
123
90
  }, {
124
91
  key: "render",
125
92
  value: function render() {
126
93
  var _this$props2 = this.props,
127
- classes = _this$props2.classes,
128
- allowPartial = _this$props2.allowPartial,
129
- feedback = _this$props2.feedback,
130
- toolbarOpts = _this$props2.toolbarOpts;
131
- return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
94
+ className = _this$props2.className,
95
+ allowPartial = _this$props2.allowPartial,
96
+ feedback = _this$props2.feedback,
97
+ toolbarOpts = _this$props2.toolbarOpts;
98
+ return /*#__PURE__*/_react["default"].createElement("div", {
99
+ className: className
100
+ }, /*#__PURE__*/_react["default"].createElement(_Accordion["default"], {
101
+ slotProps: {
102
+ transition: {
103
+ timeout: {
104
+ enter: 225,
105
+ exit: 195
106
+ }
107
+ }
108
+ }
109
+ }, /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
132
110
  expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null)
133
- }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
134
- className: classes.heading
135
- }, "Feedback")), /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
136
- className: classes.feedbackContainer
137
- }, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
111
+ }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Feedback")), /*#__PURE__*/_react["default"].createElement(StyledAccordionDetails, null, /*#__PURE__*/_react["default"].createElement(StyledFeedbackContainer, null, /*#__PURE__*/_react["default"].createElement(_feedbackSelector["default"], {
138
112
  label: "If correct, show",
139
113
  feedback: feedback.correct,
140
114
  onChange: this.onCorrectChange,
@@ -149,30 +123,24 @@ var FeedbackConfig = /*#__PURE__*/function (_React$Component) {
149
123
  feedback: feedback.incorrect,
150
124
  onChange: this.onIncorrectChange,
151
125
  toolbarOpts: toolbarOpts
152
- }))));
126
+ })))));
153
127
  }
154
128
  }]);
155
- return FeedbackConfig;
156
129
  }(_react["default"].Component);
157
-
158
- exports.FeedbackConfig = FeedbackConfig;
159
130
  (0, _defineProperty2["default"])(FeedbackConfig, "propTypes", {
160
131
  allowPartial: _propTypes["default"].bool,
132
+ className: _propTypes["default"].string,
161
133
  feedback: _propTypes["default"].shape({
162
134
  correct: _propTypes["default"].shape(_feedbackSelector.FeedbackType),
163
135
  incorrect: _propTypes["default"].shape(_feedbackSelector.FeedbackType),
164
136
  partial: _propTypes["default"].shape(_feedbackSelector.FeedbackType)
165
137
  }),
166
138
  onChange: _propTypes["default"].func.isRequired,
167
- classes: _propTypes["default"].object.isRequired,
168
139
  toolbarOpts: _propTypes["default"].object
169
140
  });
170
141
  (0, _defineProperty2["default"])(FeedbackConfig, "defaultProps", {
171
142
  allowPartial: true,
172
143
  feedback: buildDefaults()
173
144
  });
174
-
175
- var _default = (0, _styles.withStyles)(style)(FeedbackConfig);
176
-
177
- exports["default"] = _default;
178
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZSIsImZlZWRiYWNrQ29udGFpbmVyIiwiZGlzcGxheSIsImZsZXhEaXJlY3Rpb24iLCJidWlsZERlZmF1bHRzIiwiaW5wdXQiLCJtZXJnZSIsImNvcnJlY3QiLCJ0eXBlIiwiaW5jb3JyZWN0IiwicGFydGlhbCIsIkZlZWRiYWNrQ29uZmlnIiwib25DaGFuZ2UiLCJiaW5kIiwia2V5IiwiY29uZmlnIiwicHJvcHMiLCJmZWVkYmFjayIsInVwZGF0ZSIsImNsYXNzZXMiLCJhbGxvd1BhcnRpYWwiLCJ0b29sYmFyT3B0cyIsImhlYWRpbmciLCJvbkNvcnJlY3RDaGFuZ2UiLCJvblBhcnRpYWxDaGFuZ2UiLCJvbkluY29ycmVjdENoYW5nZSIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiYm9vbCIsInNoYXBlIiwiRmVlZGJhY2tUeXBlIiwiZnVuYyIsImlzUmVxdWlyZWQiLCJvYmplY3QiLCJ3aXRoU3R5bGVzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZlZWRiYWNrLWNvbmZpZy9pbmRleC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IEZlZWRiYWNrU2VsZWN0b3IsIHsgRmVlZGJhY2tUeXBlIH0gZnJvbSAnLi9mZWVkYmFjay1zZWxlY3Rvcic7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IEV4cGFuc2lvblBhbmVsIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0V4cGFuc2lvblBhbmVsJztcbmltcG9ydCBFeHBhbnNpb25QYW5lbFN1bW1hcnkgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRXhwYW5zaW9uUGFuZWxTdW1tYXJ5JztcbmltcG9ydCBFeHBhbnNpb25QYW5lbERldGFpbHMgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRXhwYW5zaW9uUGFuZWxEZXRhaWxzJztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1R5cG9ncmFwaHknO1xuaW1wb3J0IEV4cGFuZE1vcmVJY29uIGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9FeHBhbmRNb3JlJztcbmltcG9ydCBtZXJnZSBmcm9tICdsb2Rhc2gvbWVyZ2UnO1xuXG5leHBvcnQgeyBGZWVkYmFja1NlbGVjdG9yIH07XG5cbmNvbnN0IHN0eWxlID0ge1xuICBmZWVkYmFja0NvbnRhaW5lcjoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJ1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgYnVpbGREZWZhdWx0cyA9IGlucHV0ID0+IHtcbiAgcmV0dXJuIG1lcmdlKFxuICAgIHt9LFxuICAgIHtcbiAgICAgIGNvcnJlY3Q6IHsgdHlwZTogJ2RlZmF1bHQnLCBkZWZhdWx0OiAnQ29ycmVjdCcgfSxcbiAgICAgIGluY29ycmVjdDogeyB0eXBlOiAnZGVmYXVsdCcsIGRlZmF1bHQ6ICdJbmNvcnJlY3QnIH0sXG4gICAgICBwYXJ0aWFsOiB7IHR5cGU6ICdkZWZhdWx0JywgZGVmYXVsdDogJ05lYXJseScgfVxuICAgIH0sXG4gICAgaW5wdXRcbiAgKTtcbn07XG5cbmV4cG9ydCBjbGFzcyBGZWVkYmFja0NvbmZpZyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgYWxsb3dQYXJ0aWFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBmZWVkYmFjazogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgIGNvcnJlY3Q6IFByb3BUeXBlcy5zaGFwZShGZWVkYmFja1R5cGUpLFxuICAgICAgaW5jb3JyZWN0OiBQcm9wVHlwZXMuc2hhcGUoRmVlZGJhY2tUeXBlKSxcbiAgICAgIHBhcnRpYWw6IFByb3BUeXBlcy5zaGFwZShGZWVkYmFja1R5cGUpXG4gICAgfSksXG4gICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICAgIHRvb2xiYXJPcHRzOiBQcm9wVHlwZXMub2JqZWN0XG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBhbGxvd1BhcnRpYWw6IHRydWUsXG4gICAgZmVlZGJhY2s6IGJ1aWxkRGVmYXVsdHMoKVxuICB9O1xuXG4gIG9uQ2hhbmdlKGtleSwgY29uZmlnKSB7XG4gICAgY29uc3QgeyBmZWVkYmFjaywgb25DaGFuZ2UgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgdXBkYXRlID0geyAuLi5mZWVkYmFjaywgW2tleV06IGNvbmZpZyB9O1xuICAgIG9uQ2hhbmdlKHVwZGF0ZSk7XG4gIH1cblxuICBvbkNvcnJlY3RDaGFuZ2UgPSB0aGlzLm9uQ2hhbmdlLmJpbmQodGhpcywgJ2NvcnJlY3QnKTtcbiAgb25JbmNvcnJlY3RDaGFuZ2UgPSB0aGlzLm9uQ2hhbmdlLmJpbmQodGhpcywgJ2luY29ycmVjdCcpO1xuICBvblBhcnRpYWxDaGFuZ2UgPSB0aGlzLm9uQ2hhbmdlLmJpbmQodGhpcywgJ3BhcnRpYWwnKTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjbGFzc2VzLCBhbGxvd1BhcnRpYWwsIGZlZWRiYWNrLCB0b29sYmFyT3B0cyB9ID0gdGhpcy5wcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICA8RXhwYW5zaW9uUGFuZWw+XG4gICAgICAgIDxFeHBhbnNpb25QYW5lbFN1bW1hcnkgZXhwYW5kSWNvbj17PEV4cGFuZE1vcmVJY29uIC8+fT5cbiAgICAgICAgICA8VHlwb2dyYXBoeSBjbGFzc05hbWU9e2NsYXNzZXMuaGVhZGluZ30+RmVlZGJhY2s8L1R5cG9ncmFwaHk+XG4gICAgICAgIDwvRXhwYW5zaW9uUGFuZWxTdW1tYXJ5PlxuICAgICAgICA8RXhwYW5zaW9uUGFuZWxEZXRhaWxzPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmZlZWRiYWNrQ29udGFpbmVyfT5cbiAgICAgICAgICAgIDxGZWVkYmFja1NlbGVjdG9yXG4gICAgICAgICAgICAgIGxhYmVsPVwiSWYgY29ycmVjdCwgc2hvd1wiXG4gICAgICAgICAgICAgIGZlZWRiYWNrPXtmZWVkYmFjay5jb3JyZWN0fVxuICAgICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vbkNvcnJlY3RDaGFuZ2V9XG4gICAgICAgICAgICAgIHRvb2xiYXJPcHRzPXt0b29sYmFyT3B0c31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7YWxsb3dQYXJ0aWFsICYmIChcbiAgICAgICAgICAgICAgPEZlZWRiYWNrU2VsZWN0b3JcbiAgICAgICAgICAgICAgICBsYWJlbD1cIklmIHBhcnRpYWxseSBjb3JyZWN0LCBzaG93XCJcbiAgICAgICAgICAgICAgICBmZWVkYmFjaz17ZmVlZGJhY2sucGFydGlhbH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vblBhcnRpYWxDaGFuZ2V9XG4gICAgICAgICAgICAgICAgdG9vbGJhck9wdHM9e3Rvb2xiYXJPcHRzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxGZWVkYmFja1NlbGVjdG9yXG4gICAgICAgICAgICAgIGxhYmVsPVwiSWYgaW5jb3JyZWN0LCBzaG93XCJcbiAgICAgICAgICAgICAgZmVlZGJhY2s9e2ZlZWRiYWNrLmluY29ycmVjdH1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMub25JbmNvcnJlY3RDaGFuZ2V9XG4gICAgICAgICAgICAgIHRvb2xiYXJPcHRzPXt0b29sYmFyT3B0c31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRXhwYW5zaW9uUGFuZWxEZXRhaWxzPlxuICAgICAgPC9FeHBhbnNpb25QYW5lbD5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGUpKEZlZWRiYWNrQ29u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
145
+ var _default = exports["default"] = FeedbackConfig;
146
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAIA,IAAMA,KAAK,GAAG;EACZC,iBAAiB,EAAE;IACjBC,OAAO,EAAE,MADQ;IAEjBC,aAAa,EAAE;EAFE;AADP,CAAd;;AAOO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,KAAK,EAAI;EACpC,OAAO,IAAAC,iBAAA,EACL,EADK,EAEL;IACEC,OAAO,EAAE;MAAEC,IAAI,EAAE,SAAR;MAAmB,WAAS;IAA5B,CADX;IAEEC,SAAS,EAAE;MAAED,IAAI,EAAE,SAAR;MAAmB,WAAS;IAA5B,CAFb;IAGEE,OAAO,EAAE;MAAEF,IAAI,EAAE,SAAR;MAAmB,WAAS;IAA5B;EAHX,CAFK,EAOLH,KAPK,CAAP;AASD,CAVM;;;;IAYMM,c;;;;;;;;;;;;;;;wGAwBO,MAAKC,QAAL,CAAcC,IAAd,iDAAyB,SAAzB,C;0GACE,MAAKD,QAAL,CAAcC,IAAd,iDAAyB,WAAzB,C;wGACF,MAAKD,QAAL,CAAcC,IAAd,iDAAyB,SAAzB,C;;;;;;WARlB,kBAASC,GAAT,EAAcC,MAAd,EAAsB;MACpB,kBAA+B,KAAKC,KAApC;MAAA,IAAQC,QAAR,eAAQA,QAAR;MAAA,IAAkBL,QAAlB,eAAkBA,QAAlB;;MACA,IAAMM,MAAM,mCAAQD,QAAR,4CAAmBH,GAAnB,EAAyBC,MAAzB,EAAZ;;MACAH,QAAQ,CAACM,MAAD,CAAR;IACD;;;WAMD,kBAAS;MACP,mBAAyD,KAAKF,KAA9D;MAAA,IAAQG,OAAR,gBAAQA,OAAR;MAAA,IAAiBC,YAAjB,gBAAiBA,YAAjB;MAAA,IAA+BH,QAA/B,gBAA+BA,QAA/B;MAAA,IAAyCI,WAAzC,gBAAyCA,WAAzC;MAEA,oBACE,gCAAC,0BAAD,qBACE,gCAAC,iCAAD;QAAuB,UAAU,eAAE,gCAAC,sBAAD;MAAnC,gBACE,gCAAC,sBAAD;QAAY,SAAS,EAAEF,OAAO,CAACG;MAA/B,cADF,CADF,eAIE,gCAAC,iCAAD,qBACE;QAAK,SAAS,EAAEH,OAAO,CAAClB;MAAxB,gBACE,gCAAC,4BAAD;QACE,KAAK,EAAC,kBADR;QAEE,QAAQ,EAAEgB,QAAQ,CAACV,OAFrB;QAGE,QAAQ,EAAE,KAAKgB,eAHjB;QAIE,WAAW,EAAEF;MAJf,EADF,EAOGD,YAAY,iBACX,gCAAC,4BAAD;QACE,KAAK,EAAC,4BADR;QAEE,QAAQ,EAAEH,QAAQ,CAACP,OAFrB;QAGE,QAAQ,EAAE,KAAKc,eAHjB;QAIE,WAAW,EAAEH;MAJf,EARJ,eAeE,gCAAC,4BAAD;QACE,KAAK,EAAC,oBADR;QAEE,QAAQ,EAAEJ,QAAQ,CAACR,SAFrB;QAGE,QAAQ,EAAE,KAAKgB,iBAHjB;QAIE,WAAW,EAAEJ;MAJf,EAfF,CADF,CAJF,CADF;IA+BD;;;EA9DiCK,iBAAA,CAAMC,S;;;iCAA7BhB,c,eACQ;EACjBS,YAAY,EAAEQ,qBAAA,CAAUC,IADP;EAEjBZ,QAAQ,EAAEW,qBAAA,CAAUE,KAAV,CAAgB;IACxBvB,OAAO,EAAEqB,qBAAA,CAAUE,KAAV,CAAgBC,8BAAhB,CADe;IAExBtB,SAAS,EAAEmB,qBAAA,CAAUE,KAAV,CAAgBC,8BAAhB,CAFa;IAGxBrB,OAAO,EAAEkB,qBAAA,CAAUE,KAAV,CAAgBC,8BAAhB;EAHe,CAAhB,CAFO;EAOjBnB,QAAQ,EAAEgB,qBAAA,CAAUI,IAAV,CAAeC,UAPR;EAQjBd,OAAO,EAAES,qBAAA,CAAUM,MAAV,CAAiBD,UART;EASjBZ,WAAW,EAAEO,qBAAA,CAAUM;AATN,C;iCADRvB,c,kBAaW;EACpBS,YAAY,EAAE,IADM;EAEpBH,QAAQ,EAAEb,aAAa;AAFH,C;;eAoDT,IAAA+B,kBAAA,EAAWnC,KAAX,EAAkBW,cAAlB,C"}
1
+ {"version":3,"file":"index.js","names":["_feedbackSelector","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_react","_styles","_Accordion","_AccordionSummary","_AccordionDetails","_Typography","_ExpandMore","_merge","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","StyledFeedbackContainer","styled","display","flex","flexDirection","StyledAccordionDetails","AccordionDetails","paddingTop","paddingBottom","buildDefaults","exports","input","merge","correct","type","incorrect","partial","FeedbackConfig","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","onChange","bind","_inherits2","_createClass2","key","value","config","_this$props","props","feedback","update","render","_this$props2","className","allowPartial","toolbarOpts","createElement","slotProps","transition","timeout","enter","exit","expandIcon","label","onCorrectChange","onPartialChange","onIncorrectChange","React","Component","PropTypes","bool","string","shape","FeedbackType","func","isRequired","object","_default"],"sources":["../../src/feedback-config/index.jsx"],"sourcesContent":["import FeedbackSelector, { FeedbackType } from './feedback-selector';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport Typography from '@mui/material/Typography';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport merge from 'lodash/merge';\n\nexport { FeedbackSelector };\n\nconst StyledFeedbackContainer = styled('div')(() => ({\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n}));\n\nconst StyledAccordionDetails = styled(AccordionDetails)(() => ({\n paddingTop: 0,\n paddingBottom: 0,\n}));\n\nexport const buildDefaults = (input) => {\n return merge(\n {},\n {\n correct: { type: 'default', default: 'Correct' },\n incorrect: { type: 'default', default: 'Incorrect' },\n partial: { type: 'default', default: 'Nearly' },\n },\n input,\n );\n};\n\nexport class FeedbackConfig extends React.Component {\n static propTypes = {\n allowPartial: PropTypes.bool,\n className: PropTypes.string,\n feedback: PropTypes.shape({\n correct: PropTypes.shape(FeedbackType),\n incorrect: PropTypes.shape(FeedbackType),\n partial: PropTypes.shape(FeedbackType),\n }),\n onChange: PropTypes.func.isRequired,\n toolbarOpts: PropTypes.object,\n };\n\n static defaultProps = {\n allowPartial: true,\n feedback: buildDefaults(),\n };\n\n onChange(key, config) {\n const { feedback, onChange } = this.props;\n const update = { ...feedback, [key]: config };\n\n onChange(update);\n }\n\n onCorrectChange = this.onChange.bind(this, 'correct');\n\n onIncorrectChange = this.onChange.bind(this, 'incorrect');\n\n onPartialChange = this.onChange.bind(this, 'partial');\n\n render() {\n const { className, allowPartial, feedback, toolbarOpts } = this.props;\n\n return (\n <div className={className}>\n <Accordion slotProps={{ transition: { timeout: { enter: 225, exit: 195 } } }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>Feedback</Typography>\n </AccordionSummary>\n\n <StyledAccordionDetails>\n <StyledFeedbackContainer>\n <FeedbackSelector\n label=\"If correct, show\"\n feedback={feedback.correct}\n onChange={this.onCorrectChange}\n toolbarOpts={toolbarOpts}\n />\n\n {allowPartial && (\n <FeedbackSelector\n label=\"If partially correct, show\"\n feedback={feedback.partial}\n onChange={this.onPartialChange}\n toolbarOpts={toolbarOpts}\n />\n )}\n\n <FeedbackSelector\n label=\"If incorrect, show\"\n feedback={feedback.incorrect}\n onChange={this.onIncorrectChange}\n toolbarOpts={toolbarOpts}\n />\n </StyledFeedbackContainer>\n </StyledAccordionDetails>\n </Accordion>\n </div>\n );\n }\n}\n\nexport default FeedbackConfig;\n"],"mappings":"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","ignoreList":[]}
@@ -1,46 +1,44 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
13
-
14
- var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
- var _styles = require("@material-ui/core/styles");
17
-
18
- var styles = function styles(theme) {
9
+ var _propTypes = _interopRequireDefault(require("prop-types"));
10
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
11
+ var _styles = require("@mui/material/styles");
12
+ var StyledFormSection = (0, _styles.styled)('div')(function (_ref) {
13
+ var theme = _ref.theme;
19
14
  return {
20
- formSection: {
21
- marginTop: theme.spacing.unit * 2,
22
- marginBottom: theme.spacing.unit * 2
23
- },
24
- label: {
25
- marginBottom: theme.spacing.unit
26
- }
15
+ marginTop: theme.spacing(2),
16
+ marginBottom: theme.spacing(2)
27
17
  };
28
- };
29
-
30
- var _default = (0, _styles.withStyles)(styles)(function (_ref) {
31
- var className = _ref.className,
32
- classes = _ref.classes,
33
- label = _ref.label,
34
- children = _ref.children,
35
- labelExtraStyle = _ref.labelExtraStyle;
36
- return /*#__PURE__*/_react["default"].createElement("div", {
37
- className: (0, _classnames["default"])(classes.formSection, className)
38
- }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
39
- className: classes.label,
40
- type: "subheading",
18
+ });
19
+ var StyledTypography = (0, _styles.styled)(_Typography["default"])(function (_ref2) {
20
+ var theme = _ref2.theme;
21
+ return {
22
+ marginBottom: theme.spacing(1)
23
+ };
24
+ });
25
+ var FormSection = function FormSection(_ref3) {
26
+ var className = _ref3.className,
27
+ label = _ref3.label,
28
+ children = _ref3.children,
29
+ labelExtraStyle = _ref3.labelExtraStyle;
30
+ return /*#__PURE__*/_react["default"].createElement(StyledFormSection, {
31
+ className: className
32
+ }, /*#__PURE__*/_react["default"].createElement(StyledTypography, {
33
+ variant: "subtitle1",
41
34
  style: labelExtraStyle
42
35
  }, label), children);
43
- });
44
-
45
- exports["default"] = _default;
46
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZXMiLCJ0aGVtZSIsImZvcm1TZWN0aW9uIiwibWFyZ2luVG9wIiwic3BhY2luZyIsInVuaXQiLCJtYXJnaW5Cb3R0b20iLCJsYWJlbCIsIndpdGhTdHlsZXMiLCJjbGFzc05hbWUiLCJjbGFzc2VzIiwiY2hpbGRyZW4iLCJsYWJlbEV4dHJhU3R5bGUiLCJjbGFzc05hbWVzIl0sInNvdXJjZXMiOlsiLi4vc3JjL2Zvcm0tc2VjdGlvbi5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1R5cG9ncmFwaHknO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcblxuY29uc3Qgc3R5bGVzID0gdGhlbWUgPT4gKHtcbiAgZm9ybVNlY3Rpb246IHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcudW5pdCAqIDIsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQgKiAyXG4gIH0sXG4gIGxhYmVsOiB7XG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXRcbiAgfVxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGVzKSgoeyBjbGFzc05hbWUsIGNsYXNzZXMsIGxhYmVsLCBjaGlsZHJlbiwgbGFiZWxFeHRyYVN0eWxlIH0pID0+IChcbiAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3Nlcy5mb3JtU2VjdGlvbiwgY2xhc3NOYW1lKX0+XG4gICAgPFR5cG9ncmFwaHkgY2xhc3NOYW1lPXtjbGFzc2VzLmxhYmVsfSB0eXBlPVwic3ViaGVhZGluZ1wiIHN0eWxlPXtsYWJlbEV4dHJhU3R5bGV9PlxuICAgICAge2xhYmVsfVxuICAgIDwvVHlwb2dyYXBoeT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUVBLElBQU1BLE1BQU0sR0FBRyxTQUFUQSxNQUFTLENBQUFDLEtBQUs7RUFBQSxPQUFLO0lBQ3ZCQyxXQUFXLEVBQUU7TUFDWEMsU0FBUyxFQUFFRixLQUFLLENBQUNHLE9BQU4sQ0FBY0MsSUFBZCxHQUFxQixDQURyQjtNQUVYQyxZQUFZLEVBQUVMLEtBQUssQ0FBQ0csT0FBTixDQUFjQyxJQUFkLEdBQXFCO0lBRnhCLENBRFU7SUFLdkJFLEtBQUssRUFBRTtNQUNMRCxZQUFZLEVBQUVMLEtBQUssQ0FBQ0csT0FBTixDQUFjQztJQUR2QjtFQUxnQixDQUFMO0FBQUEsQ0FBcEI7O2VBVWUsSUFBQUcsa0JBQUEsRUFBV1IsTUFBWCxFQUFtQjtFQUFBLElBQUdTLFNBQUgsUUFBR0EsU0FBSDtFQUFBLElBQWNDLE9BQWQsUUFBY0EsT0FBZDtFQUFBLElBQXVCSCxLQUF2QixRQUF1QkEsS0FBdkI7RUFBQSxJQUE4QkksUUFBOUIsUUFBOEJBLFFBQTlCO0VBQUEsSUFBd0NDLGVBQXhDLFFBQXdDQSxlQUF4QztFQUFBLG9CQUNoQztJQUFLLFNBQVMsRUFBRSxJQUFBQyxzQkFBQSxFQUFXSCxPQUFPLENBQUNSLFdBQW5CLEVBQWdDTyxTQUFoQztFQUFoQixnQkFDRSxnQ0FBQyxzQkFBRDtJQUFZLFNBQVMsRUFBRUMsT0FBTyxDQUFDSCxLQUEvQjtJQUFzQyxJQUFJLEVBQUMsWUFBM0M7SUFBd0QsS0FBSyxFQUFFSztFQUEvRCxHQUNHTCxLQURILENBREYsRUFJR0ksUUFKSCxDQURnQztBQUFBLENBQW5CLEMifQ==
36
+ };
37
+ FormSection.propTypes = {
38
+ className: _propTypes["default"].string,
39
+ label: _propTypes["default"].string,
40
+ children: _propTypes["default"].node,
41
+ labelExtraStyle: _propTypes["default"].object
42
+ };
43
+ var _default = exports["default"] = FormSection;
44
+ //# sourceMappingURL=form-section.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"form-section.js","names":["_react","_interopRequireDefault","require","_propTypes","_Typography","_styles","StyledFormSection","styled","_ref","theme","marginTop","spacing","marginBottom","StyledTypography","Typography","_ref2","FormSection","_ref3","className","label","children","labelExtraStyle","createElement","variant","style","propTypes","PropTypes","string","node","object","_default","exports"],"sources":["../src/form-section.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\nconst StyledFormSection = styled('div')(({ theme }) => ({\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n marginBottom: theme.spacing(1),\n}));\n\nconst FormSection = ({ className, label, children, labelExtraStyle }) => (\n <StyledFormSection className={className}>\n <StyledTypography variant=\"subtitle1\" style={labelExtraStyle}>\n {label}\n </StyledTypography>\n {children}\n </StyledFormSection>\n);\n\nFormSection.propTypes = {\n className: PropTypes.string,\n label: PropTypes.string,\n children: PropTypes.node,\n labelExtraStyle: PropTypes.object,\n};\n\nexport default FormSection;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAMI,iBAAiB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;IAC3BC,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,gBAAgB,GAAG,IAAAN,cAAM,EAACO,sBAAU,CAAC,CAAC,UAAAC,KAAA;EAAA,IAAGN,KAAK,GAAAM,KAAA,CAALN,KAAK;EAAA,OAAQ;IAC1DG,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC;EAC/B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA;EAAA,IAAMC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAEC,eAAe,GAAAJ,KAAA,CAAfI,eAAe;EAAA,oBAChErB,MAAA,YAAAsB,aAAA,CAAChB,iBAAiB;IAACY,SAAS,EAAEA;EAAU,gBACtClB,MAAA,YAAAsB,aAAA,CAACT,gBAAgB;IAACU,OAAO,EAAC,WAAW;IAACC,KAAK,EAAEH;EAAgB,GAC1DF,KACe,CAAC,EAClBC,QACgB,CAAC;AAAA,CACrB;AAEDJ,WAAW,CAACS,SAAS,GAAG;EACtBP,SAAS,EAAEQ,qBAAS,CAACC,MAAM;EAC3BR,KAAK,EAAEO,qBAAS,CAACC,MAAM;EACvBP,QAAQ,EAAEM,qBAAS,CAACE,IAAI;EACxBP,eAAe,EAAEK,qBAAS,CAACG;AAC7B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaf,WAAW","ignoreList":[]}